@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-align:center; background:#fff; line-height:26px; margin-left:auto; margin-right:auto; overflow-x:hidden;}
a{ color:#333; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium; -webkit-tap-highlight-color:transparent;}
a:link{ text-decoration:none;}
a:hover{ color:#0069ba;}
a img{ border:0 none;}
a{ blr:expression(this.onFocus=this.blur());}
a{ outline:none;}
a:focus{ outline:none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0; padding:0;}
ul,li,dl,dd,dt{ padding:0; margin:0; list-style:none;}
input,textarea{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; outline:none; resize:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0;}
em,i{ font-style:normal;}
video{ outline:none;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
.font{ font-family:'SimSun';}
.length{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con{ padding:65px 0 85px 0;}
.content{ min-width:1100px; width:94%; margin:0 auto; padding:0; text-align:left;}
.container{ min-width:1100px; width:78%; margin:0 auto; padding:0; text-align:left;}
/* CSS Common*/

/*header */
#header{ position:fixed; width:100%; left:0; right:0; height:90px; margin:0 auto; text-align:center; z-index:9;}
#header .logo{ float:left; padding-top:14px;}
.header_box{ background: -webkit-linear-gradient(left,#003c88,#0078c8);background: -o-linear-gradient(right,#003c88,#0078c8);background: -moz-linear-gradient(right,#003c88,#0078c8);background: linear-gradient(to right,#003c88,#0078c8); transition:all 0.3s;}

/*menu*/
.menu{ float:right;}
.menu>ul{ margin:auto;}
.menu>ul>li{ height:90px; line-height:90px; padding:0 30px; float:left; text-align:center; position:relative; z-index:9;}
.menu>ul>li a{ display:block; font-size:18px; color:#fff;}
.menu>ul>li a:hover{ color:#fff;}
.menu>ul>li a.on{ color:#fff;}
.menu>ul>li img{ position:relative; top:4px; cursor:pointer;}
.menu>ul>li dl{ width:100%; position:absolute; left:0; top:90px; display:none;}
.menu>ul>li dl dd{ width:100%; height:30px; line-height:30px; text-align:center;}
.menu>ul>li dl dd a{ font-size:14px; color:#555;}

/*search*/
#search{ position:fixed; top:0; right:0; left:0; bottom:0; z-index:999; height:100%; background: -webkit-linear-gradient(left,#003c88,#0078c8);background: -o-linear-gradient(right,#003c88,#0078c8);background: -moz-linear-gradient(right,#003c88,#0078c8);background: linear-gradient(to right,#003c88,#0078c8); display:none;}
#search>span{ position:absolute; right:6%; top:60px; cursor:pointer;}
#search>form{ width:88%; margin:auto; border-bottom:1px solid rgba(255,255,255,0.1); height:80px; position:absolute; top:0; bottom:0; left:0; right:0;}
#search>form input[type="text"]{ border:0; width:90%; height:100%; line-height:80px; background:none; float:left; color:#fff; font-size:32px;}
#search>form input[type="image"]{ float:right; margin:32px 5px 0 0;}
#search>form input::-webkit-input-placeholder{ color:#fff;}
#search>form input::-moz-placeholder{ color:#fff;}
#search>form input::-ms-input-placeholder{ color:#fff;}

/*banner*/
.banner{ height:100vh;}
.banner .swiper-slide{ background-position:center; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; background-size:cover;}
.banner .swiper-slide .img{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-size:cover; height:100%; width:100%; background-position:center; transform:scale(1.4); transition:1.5s;}
.banner .swiper-slide-active .img{ transform:scale(1); transition:1.5s;}
.banner .swiper-slide .desc{ margin-top:-10%;}
.banner .swiper-slide .desc>em{ display:block; font-size:42px; color:#fff; font-weight:bold; line-height:1.6; width:70%;}
.banner .swiper-slide .desc>p{ display:block; font-size:24px; color:#fff; line-height:1.6; width:70%;}
.banner .swiper-pagination{ bottom:20px;}
.banner .swiper-pagination-bullet{ margin:0 5px !important;}
.banner .swiper-pagination-bullet{ background:none; opacity:1; width:10px; height:10px; border:1px solid #fff; opacity:1;}
.banner .swiper-pagination-bullet-active{ background:#fff;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width:15px; height:24px; background-size:15px 24px; margin-top:-12px;}
.banner .swiper-button-prev{ left:20px;}
.banner .swiper-button-next{ right:20px;}

/*banner_inside*/
.banner_inside{ height:60vh;}
.banner_inside .swiper-slide{ background-position:center; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; background-size:cover;}
.banner_inside .swiper-slide .desc{ margin-top:0;}
.banner_inside .swiper-slide .desc>em{ display:block; font-size:42px; color:#fff; font-weight:bold; line-height:1.6; width:70%;}
.banner_inside .swiper-slide .desc>p{ display:block; font-size:24px; color:#fff; line-height:1.6; width:70%;}
.banner_inside .swiper-pagination{ bottom:20px;}
.banner_inside .swiper-pagination-bullet{ margin:0 5px !important;}
.banner_inside .swiper-pagination-bullet{ background:none; opacity:1; width:10px; height:10px; border:1px solid #fff; opacity:1;}
.banner_inside .swiper-pagination-bullet-active{ background:#fff;}
.banner_inside .swiper-button-next,.banner_inside .swiper-button-prev{ width:15px; height:24px; background-size:15px 24px; margin-top:-12px;}
.banner_inside .swiper-button-prev{ left:20px;}
.banner_inside .swiper-button-next{ right:20px;}

/*home_about*/
#home_about{ width:100%; background:url(../images/home_about.jpg) no-repeat center; background-size:cover;}
#home_about .home_about_con{ color:#fff; display:flex; justify-content:center; align-items:center;}
#home_about .home_about_con .desc{ width:56%;}
#home_about .home_about_con .desc>.dh>span{ font-size:48px; display:block; line-height:1; position:relative; bottom:-100px; opacity:0;}
#home_about .home_about_con .desc>.dh>em{ font-size:17px; margin-top:10px; font-weight:lighter; display:block; text-transform:uppercase; position:relative; bottom:-100px; opacity:0;}
#home_about .home_about_con .desc>.dh>i{ width:50px; height:3px; background:#fff; display:block; margin:25px 0; position:relative; bottom:-100px; opacity:0;}
#home_about .home_about_con .desc>.desc_box{ font-size:18px; line-height:2; position:relative; bottom:-100px; opacity:0;}
#home_about .home_about_con .desc>ul{ margin-top:50px;}
#home_about .home_about_con .desc>ul>li{ display:inline-block; margin-right:6%; position:relative; bottom:-100px; opacity:0;}
#home_about .home_about_con .desc>ul>li>span{ font-size:16px; font-weight:lighter; display:block;}
#home_about .home_about_con .desc>ul>li>em{ font-size:48px; color:#fba800;}
#home_about .home_about_con .desc>ul>li>i{ font-size:16px;}
#home_about .home_about_con .desc>ul>li>b{ font-weight:normal; font-size:16px;}
#home_about .home_about_con .desc>ul>li:last-child{ margin-right:0;}
#home_about .home_about_con .img{ width:30%; margin-left:auto; position:relative; bottom:-100px; opacity:0;}
#home_about .home_about_con .img>ul{ font-size:0; text-align:center;}
#home_about .home_about_con .img>ul>li{ display:inline-block; width:49%; text-align:center; padding-bottom:50px; border-bottom:1px solid rgba(255,255,255,0.2); border-left:1px solid rgba(255,255,255,0.2);}
#home_about .home_about_con .img>ul>li>a>.img_box{ width:50px; height:50px; margin:0 auto; overflow:hidden; position:relative;}
#home_about .home_about_con .img>ul>li>a>.img_box>img{ transition:all 0.3s;}
#home_about .home_about_con .img>ul>li:hover>a>.img_box>img:nth-child(1){ margin-top:-50px;}
#home_about .home_about_con .img>ul>li:hover>a>span{ color:#fba800;}
#home_about .home_about_con .img>ul>li>a>span{ font-size:18px; display:block; font-weight:lighter; margin-top:10px; color:#fff;}
#home_about .home_about_con .img>ul>li:nth-child(2n+1){ border-left:0;}
#home_about .home_about_con .img>ul>li:nth-child(n+3){ border-bottom:0; padding-bottom:0; padding-top:50px;}

/*home_core*/
#home_core{ width:100%; background:url(../images/home_core.jpg) no-repeat center; background-size:cover;}
#home_core .home_core_con{ color:#fff; display:flex; justify-content:center; align-items:center;}
#home_core .home_core_con .desc{ width:40%;}
#home_core .home_core_con .desc>.dh>span{ font-size:48px; display:block; line-height:1; position:relative; bottom:-100px; opacity:0;}
#home_core .home_core_con .desc>.dh>em{ font-size:17px; margin-top:10px; font-weight:lighter; display:block; text-transform:uppercase; position:relative; bottom:-100px; opacity:0;}
#home_core .home_core_con .desc>.dh>i{ width:50px; height:3px; background:#fff; display:block; margin:25px 0; position:relative; bottom:-100px; opacity:0;}
#home_core .home_core_con .desc>.desc_box{ font-size:18px; line-height:2.2; position:relative; bottom:-100px; opacity:0;}
#home_core .home_core_con .desc>a.more{ width:180px; height:50px; line-height:50px; border:1px solid #fff; text-align:center; font-size:18px; color:#fff; display:block; margin-top:40px; border:1px solid #fff; transition:all 0.3s; position:relative; overflow:hidden; display:block; bottom:-100px; opacity:0;}
#home_core .home_core_con .desc>a.more>em{ position:relative; z-index:2; transition:all 0.3s;}
#home_core .home_core_con .desc>a.more:after{ content:''; width:100%; height:100%; background:#fff; display:block; position:absolute; bottom:-100%; opacity:0; transition:all 0.3s;}
#home_core .home_core_con .desc>a.more:hover:after{ bottom:0; opacity:1;}
#home_core .home_core_con .desc>a.more:hover em{ color:#333;}
#home_core .home_core_con .img{ width:36%; margin-left:auto; position:relative; bottom:-100px; opacity:0;}
#home_core .home_core_con .img>img{ width:100%; height:auto; animation:rotate 20s linear infinite;}
#home_core .home_core_con .img>ul>li{ position:absolute; left:45%; top:-4%;}
#home_core .home_core_con .img>ul>li>.img_ico{ width:60px; height:60px; border:1px solid #fff; border-radius:50%; text-align:center; display:table-cell; vertical-align:middle;}
#home_core .home_core_con .img>ul>li>span{ position:relative; top:-100px; left:-10%; font-size:18px;}
#home_core .home_core_con .img>ul>li:nth-child(2){ left:auto; right:1%; top:20%;}
#home_core .home_core_con .img>ul>li:nth-child(3){ left:auto; right:1%; top:70%;}
#home_core .home_core_con .img>ul>li:nth-child(4){ left:45%; top:auto; bottom:-10%;}
#home_core .home_core_con .img>ul>li:nth-child(4)>span{ top:10px;}
#home_core .home_core_con .img>ul>li:nth-child(5){ left:3%; top:70%;}
#home_core .home_core_con .img>ul>li:nth-child(6){ left:3%; top:20%;}

/*home_service*/
#home_service{ width:100%;}
#home_service .home_service_dh{ text-align:center; color:#090909; margin-top:6%;}
#home_service .home_service_dh>span{ font-size:48px; display:block; line-height:1; position:relative; bottom:-100px; opacity:0;}
#home_service .home_service_dh>em{ font-size:17px; margin-top:10px; font-weight:lighter; display:block; text-transform:uppercase; position:relative; bottom:-100px; opacity:0;}
#home_service .home_service_con{ margin-top:6%;}
#home_service .home_service_con .swiper-wrapper{ padding-bottom:4%;}
#home_service .home_service_con .swiper-slide{ position:relative;}
#home_service .home_service_con .swiper-slide .img{ width:100%; height:500px; overflow:hidden;}
#home_service .home_service_con .swiper-slide .img>img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_service .home_service_con .swiper-slide .img:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
#home_service .home_service_con .swiper-slide .desc{ position:absolute; bottom:0; width:100%; padding:20px; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); z-index:2; color:#fff; font-size:20px; box-sizing:border-box;}
#home_service .home_service_con .swiper-slide .desc>em{ display:block; text-transform:uppercase; line-height:1; font-size:18px; margin-bottom:5px;}
#home_service .home_service_con .swiper-pagination-bullet{ width:10px; height:10px; background:#d2d2d2; margin:0 5px !important; opacity:1;}
#home_service .home_service_con .swiper-pagination-bullet-active{ opacity:1; background:#006dbd;}

/*home_news*/
#home_news{ width:100%; background:#f0f5f7; position:relative;}
#home_news .home_news_dh{ text-align:center; color:#090909;}
#home_news .home_news_dh>span{ font-size:48px; display:block; line-height:1; position:relative; bottom:-100px; opacity:0;}
#home_news .home_news_dh>em{ font-size:17px; margin-top:10px; font-weight:lighter; display:block; text-transform:uppercase; position:relative; bottom:-100px; opacity:0;}
#home_news .home_news_con{ margin-top:5%; position:relative; z-index:2; bottom:-100px; opacity:0;}
#home_news .home_news_con>ul>li{ width:31.333%; float:left; margin-left:3%;}
#home_news .home_news_con>ul>li:nth-child(3n+1){ margin-left:0;}
#home_news .home_news_con>ul>li .img{ width:100%; height:100%; overflow:hidden;}
#home_news .home_news_con>ul>li .img img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
#home_news .home_news_con>ul>li .img:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
#home_news .home_news_con>ul>li em{ display:block; font-size:26px; font-weight:bold; margin-bottom:10px;}
#home_news .home_news_con>ul>li em>i{ font-size:14px; font-weight:lighter; margin-left:5px;}
#home_news .home_news_con>ul>li span{ font-size:20px; display:block; margin-top:20px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1; position:relative; z-index:2;}
#home_news .home_news_con>ul>li p{ margin-top:15px; font-size:16px; font-weight:lighter; color:#333; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical; position:relative; z-index:2;}
#home_news .ico{ font-size:260px; font-weight:bold; line-height:1; text-transform:uppercase; position:absolute; right:0; bottom:4%; background-image:-webkit-linear-gradient(left,#f0f5f7,#c0d8f4); -webkit-background-clip:text; -webkit-text-fill-color:transparent; opacity:0;}

/*left*/
#left{ width:100%; border-bottom:1px solid #e5e5e5;}
#left .left_dh>ul{ text-align:center;}
#left .left_dh>ul>li{ height:76px; line-height:76px; margin:0 5px; display:inline-block; vertical-align:top;}
#left .left_dh>ul>li a{ height:100%; display:block; padding:0 25px; font-size:18px; box-sizing:border-box;}
#left .left_dh>ul>li a:hover{ color:#0069ba;}
#left .left_dh>ul>li a.on{ color:#0069ba; border-bottom:3px solid #0069ba;}

/*content*/
#right{ width:100%;}
#right .right_con{ min-height:200px;}
#right .right_box img{ max-width:100%; height:auto;}
#right .right_box video{ max-width:100%; height:auto;}
#right .right_box iframe{ max-width:100%; height:auto;}

/*about*/
.about{ padding-bottom:0;}
.about_1{ margin-top:10px;}
.about_1 .dh{ text-align:center;}
.about_1 .dh>em{ color:#090909; font-size:48px; display:block; line-height:1;}
.about_1 .dh>span{ color:#8f8f8f; font-size:18px; display:block; font-weight:lighter; margin-top:10px; text-transform:uppercase;}
.about_1 .list{ margin-top:90px;}
.about_1 .list .desc{ width:50%; float:left; font-size:18px; line-height:2;}
.about_1 .list .desc>em{ font-size:36px; display:block; margin-bottom:30px; line-height:1;}
.about_1 .list .img{ width:46%; float:right;}
.about_1 .list .img img{ width:100%; height:100%; object-fit:cover;}
.about_2{ background-repeat:no-repeat; background-size:cover; padding:100px 0;}
.about_2 .dh{ text-align:center;}
.about_2 .dh>em{ color:#333; font-size:48px; display:block; line-height:1;}
.about_2 .dh>span{ color:#ccc; font-size:18px; display:block; font-weight:lighter; margin-top:10px; text-transform:uppercase;}
.about_2 .list{ margin-top:90px;}
.about_2 .list>ul>li{
	width: 48%;
    float: left;
    margin-left: 2%;
	margin-bottom: 20px;
    border-radius: 10px;
    color: #333;
    padding: 4% 3%;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.about_2 .list>ul>li:nth-child(2n+1){ margin-left:0;}
.about_2 .list>ul>li .box{ display:flex;}
.about_2 .list>ul>li img{ width:82px; height:82px;}
.about_2 .list>ul>li .desc{ margin-left:20px; width:calc(100% - 120px); display:flex; align-items:center;}
.about_2 .list>ul>li .desc em{ font-size:26px; font-weight:bold; display:block; line-height:1;}
.about_2 .list>ul>li .desc .desc_list{ margin-top:10px; font-size:16px; font-weight:lighter; height:70px;}
.about_3{ background-image:url(../images/about_history.jpg); background-repeat:no-repeat; background-size:cover; padding:80px 0;}
.about_3 .dh{ text-align:center;}
.about_3 .dh>em{ color:#fff; font-size:48px; display:block; line-height:1;}
.about_3 .dh>span{ color:#fff; font-size:18px; display:block; font-weight:lighter; margin-top:10px; text-transform:uppercase;}
.about_3 .list{ margin-top:150px;}
.about_3 .view{ position:relative;}
.about_3 .view .arrow-left{ position:absolute; left:0; top:50%; z-index:2;}
.about_3 .view .arrow-right{ position:absolute; right:0; top:50%; z-index:2;}
.about_3 .view i{ color:#fff; transform:translate(-50%,-50%); position:absolute; top:50%; left:50%; line-height:2; font-size:60px;}
.about_3 .view .swiper-container{ width:70%; margin:0 auto;}
.about_3 .view .swiper-slide .note{ display:flex; align-items:center; justify-content:center; color:#fff;}
.about_3 .view .swiper-slide span{ font-size:72px; color:#fff; line-height:1;}
.about_3 .view .swiper-slide span em{ font-size:28px; display:inline-block; margin-left:10px;}
.about_3 .view .swiper-slide p{ font-size:18px; line-height:1.8; font-weight:lighter; margin-left:8%;}
.about_3 .preview{ width:100%; margin:140px 0 40px 0; position:relative; border-top:1px solid #fff;}
.about_3 .preview .swiper-container{ width:100%; margin:0 auto; margin-top:-10px;}
.about_3 .preview .swiper-slide{ text-align:center;}
.about_3 .preview .swiper-slide em{ width:14px; height:14px; display:block; background:#0069ba; border:2px solid #fff; border-radius:50%; margin:0 auto;}
.about_3 .preview .active-nav em{ background:#fff;}
.about_4{ padding:70px 0; background:#f5f5f5;}
.about_4 .dh{ text-align:center;}
.about_4 .dh>em{ color:#090909; font-size:48px; display:block; line-height:1;}
.about_4 .dh>span{ color:#8f8f8f; font-size:18px; display:block; font-weight:lighter; margin-top:10px; text-transform:uppercase;}
.about_4 .list_dh{ margin-top:40px; text-align:center;}
.about_4 .list_dh>em{ display:inline-block; padding:0 35px; height:50px; line-height:50px; background:#fff; margin:0 5px; text-align:center; font-size:18px; cursor:pointer;}
.about_4 .list_dh>em.on{ background:#0069ba; color:#fff;}
.about_4 .list{ margin-top:50px;}
.about_4 .swiper-slide{ background:#fff; text-align:center; padding:1% 0;}
.about_4 .swiper-slide img{ max-width:90%; max-height:90%;}
.about_4 .swiper-slide span{ display:block; font-size:18px; font-weight:lighter; text-align:center; padding:8% 0 5% 0; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.about_4 .ico{ margin:0 auto; text-align:center; margin-top:50px;}
.about_4 .ico>a{ width:55px; height:45px; background:#fff; display:inline-block; text-align:center; position:relative; transition:all 0.3s; cursor:pointer; margin:0 4px;}
.about_4 .ico>a i{ transform:translate(-50%,-50%); position:absolute; top:50%; left:50%; font-size:30px; transition:all 0.3s;}
.about_4 .ico>a:hover{ background:#0069ba;}
.about_4 .ico>a:hover i{ color:#fff;}
.about_5{ background: -webkit-linear-gradient(left,#003c88,#0078c8);background: -o-linear-gradient(right,#003c88,#0078c8);background: -moz-linear-gradient(right,#003c88,#0078c8);background: linear-gradient(to right,#003c88,#0078c8); color:#222; background:#fff; border-bottom:1px solid rgba(255,255,255,0.1); padding:50px 0;}
.about_5 .dh{ width:30%; background:url(../images/about_area2.png) no-repeat center; background-size:contain; height:368px; float:left; padding-top:140px; box-sizing:border-box;}
.about_5 .dh>em{ color:#090909; font-size:48px; display:block; line-height:1;}
.about_5 .dh>span{ color:#8f8f8f; font-size:18px; display:block; font-weight:lighter; margin-top:10px; text-transform:uppercase;}
.about_5 .desc{ width:60%; float:right; padding:70px 0;}
.about_5 .desc>em{ font-size:24px; border-left:4px solid #0069ba; display:block; padding-left:12px; line-height:1;}
.about_5 .desc>.desc_box{ margin-top:30px; line-height:2; font-size:18px; font-weight:lighter;}
.about_5 ul{ font-size:0;}
.about_5 ul>li{ display:inline-block; font-size:18px; padding:0 8px; height:30px; line-height:30px; border:1px solid transparent; border-radius:5px; cursor:pointer; margin-bottom:5px;}
.about_5 ul>li.on{ color:#0069ba; border-color:#0069ba;}
.about_5 .list_con{ margin-top:35px; min-height:80px;}

/*service*/
.service_1{ background:url(../images/pro_bg.jpg) no-repeat center; color:#fff; padding:120px 0; background-size:cover;}
.service_1 .view{ position:relative;}
.service_1 .view i{ color:#fff; transform:translate(-50%,-50%); position:absolute; top:50%; left:50%; line-height:2; font-size:60px;}
.service_1 .view .swiper-container{ width:40%; margin:inherit; float:left; margin-top:200px;}
.service_1 .view .swiper-slide span{ font-size:30px; color:#fff; line-height:1; display:block;}
.service_1 .view .swiper-slide p{ font-size:18px; line-height:1.8; font-weight:lighter; margin-top:40px;}
.service_1 .view .img{ float:right; width:52%;}
.service_1 .view .img>img{ width:100%; height:auto;}
.service_1 .preview{ width:100%; margin-top:120px; position:relative; border-top:1px solid rgba(255,255,255,0.2);}
.service_1 .preview .arrow-left{ width:26px; height:26px; background:#fff; border-radius:50%; position:absolute; left:-20px; top:50%; margin-top:-17px; z-index:2; cursor:pointer;}
.service_1 .preview .arrow-right{ width:26px; height:26px; background:#fff; border-radius:50%; position:absolute; right:-20px; top:50%; margin-top:-17px; z-index:2; cursor:pointer;}
.service_1 .preview i{ transform:translate(-50%,-50%); position:absolute; top:50%; left:50%; font-size:20px; transition:all 0.3s;}
.service_1 .preview .swiper-container{ width:94%; margin:0 auto; margin-top:-72px;}
.service_1 .preview .swiper-slide{ text-align:center;}
.service_1 .preview .swiper-slide em{ width:12px; height:12px; display:block; background:#fff; border-radius:50%; margin:0 auto;}
.service_1 .preview .swiper-slide span{ font-size:18px; font-weight:lighter; margin:15px 0; display:block; padding:5px 0;}
.service_1 .preview .active-nav em{ background:#1191e0;}
.service_1 .preview .active-nav span{ background:#1191e0; border-radius:20px;}
.service_2{ background:url(../images/pro_bg2.jpg) no-repeat center; color:#fff; padding:80px 0 80px 0; background-size:cover;}
.service_2 .swiper-container{ width:85%; margin:0 auto;}
.service_2 .swiper-wrapper{ padding-bottom:70px;}
.service_2 .swiper-pagination-bullet{ width:10px; height:10px; background:none; border:1px solid #fff; opacity:1; margin:0 6px !important;}
.service_2 .swiper-pagination-bullet-active{ background:#fff;}
.service_2 .swiper-slide{ position:relative; overflow:hidden;}
.service_2 .swiper-slide img{ width:100%; height:100%; object-fit:cover;}
.service_2 .swiper-slide span{ background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); position:absolute; width:100%; bottom:0; z-index:2; display:block; text-align:center; font-size:22px; height:90px; line-height:90px; opacity:1; transition:all 0.3s;}
.service_2 .swiper-slide .desc{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); top:0; left:0; opacity:0; transition:all 0.3s; display:flex; justify-content:center; align-items:center;}
.service_2 .swiper-slide .desc em{ display:block; text-align:left; font-size:22px;}
.service_2 .swiper-slide .desc_box{ width:80%; margin:0 auto;}
.service_2 .swiper-slide .desc .box{ width:100%; margin:0 auto; margin-top:40px; line-height:2; font-size:18px; font-weight:lighter; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:6; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.service_2 .swiper-slide:hover .desc{ opacity:1; top:0;}
.service_2 .swiper-slide:hover span{ opacity:0;}
.service_2 .container{ position:relative;}
.service_2 .container>.service_list>span{ font-size:30px; margin-bottom:50px; display:block; text-align:center;}
.service_2 .fa-left{ width:40px; height:40px; border-radius:50%; border:2px solid #fff; position:absolute; left:20px; top:50%; margin-top:-20px; z-index:2; cursor:pointer;}
.service_2 .fa-right{ width:40px; height:40px; border-radius:50%; border:2px solid #fff; position:absolute; right:20px; top:50%; margin-top:-20px; z-index:2; cursor:pointer;}
.service_2  i{ transform:translate(-50%,-50%); position:absolute; top:50%; left:50%; font-size:30px; color:#fff; transition:all 0.3s;}

/*list_culture*/
.list_culture img{ width:100%; height:auto; display:none;}

/*list_pro*/
ul.list_pro{ text-align:center;}
ul.list_pro li{ float:left; width:23.5%; margin-left:2%; margin-bottom:3%;}
ul.list_pro li:nth-child(4n+1){ margin-left:0;}
ul.list_pro li .img{ width:100%; height:100%; overflow:hidden;}
ul.list_pro li img{ width:100%; height:100%; object-fit:cover; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pro li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
ul.list_pro li span{ display:block; padding-top:15px; font-size:18px;}

/*display*/
.dis_big{ text-align:center;}
.dis_big .l{ float:left; width:50%;}
.dis_big .r{ float:right; text-align:left; width:46%; margin-top:20px;}
.dis_name{ color:#454545; padding:10px 0;}
.dis_pic{ position:relative; text-align:center;}
.dis_pic a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px; display:none;}
.dis_pic a.p_prev{ background:url() no-repeat; left:0;}
.dis_pic a.p_next{ background:url() no-repeat; right:0;}
.dis_pic a b{ display:none;}
.dis_pic img{ border:1px solid #e6e6e6; max-width:100%;}
.dis_note{ text-align:left; margin-top:30px;}

/*list_share*/
ul.list_share{ text-align:center;}
ul.list_share li{ float:left; width:235px; margin-left:20px; margin-bottom:20px;}
ul.list_share li:nth-child(4n+1){ margin-left:0;}
ul.list_share li .img{ width:235px; height:180px; overflow:hidden;}
ul.list_share li img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
ul.list_share li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_share li span{ display:block; padding-top:10px;}

/*share_list*/
ul.share_list{ text-align:center;}
ul.share_list li{ float:left; width:235px; margin-left:20px; margin-bottom:20px;}
ul.share_list li:nth-child(4n+1){ margin-left:0;}
ul.share_list .img{ width:235px; height:180px; background:#fff; display:table-cell; vertical-align:middle; text-align:center; *display:block; border:1px solid #ddd; overflow:hidden;}
ul.share_list .img img{ max-width:100%; max-height:100%; transition-duration:.5s; -ms-transition-duration:.5s; -moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
ul.share_list li:hover img{ transform:scale(1.08); -webkit-transform:scale(1.08);}
ul.share_list li span{ display:block; padding-top:10px; text-align:center;}

/*table*/
table{ width:100%; border-width:1px; border-color:#eee; border-collapse:collapse;}
table th{ border-width:1px; padding:8px; border-style:solid; border-color:#eee; background-color:#e8e8e8;}
table td{ border-width:1px; padding:8px; border-style:solid; border-color:#eee; background-color:#fff;}

/*list_news*/
ul.list_news{ margin-top:20px;}
ul.list_news li{ position:relative; height:60px; line-height:60px; font-size:18px;}
ul.list_news li em{ position:absolute; right:5px; top:0; font-weight:lighter;}

/*list_img_news*/
ul.list_img_news li{ margin-bottom:40px; overflow:hidden;}
ul.list_img_news li .desc{ width:62%; float:left;}
ul.list_img_news li span{ font-size:24px; margin:10px 0; display:block; margin-top:20px; line-height:1;}
ul.list_img_news li em{ font-size:16px; color:#545454;}
ul.list_img_news li p{ font-size:16px; color:#545454; line-height:2; margin-top:20px;}
ul.list_img_news li .img{ width:30%; max-height:286px; float:right; overflow:hidden;}
ul.list_img_news li .img img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
ul.list_img_news li .img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}

/*list_pic_news*/
.list_pic_news{ margin-bottom:40px; overflow:hidden;}
.list_pic_news .img{ width:30%; max-height:286px; float:left; overflow:hidden;}
.list_pic_news .img img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
.list_pic_news .img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.list_pic_news .desc{ width:62%; float:right;}
.list_pic_news .desc>span{ font-size:24px; margin:10px 0; display:block; margin-top:20px; line-height:1;}
.list_pic_news .desc>em{ font-size:16px; color:#545454;}
.list_pic_news .desc>p{ font-size:16px; color:#545454; line-height:2; margin-top:20px;}

/*dis_news*/
#dis_news .news_title{ font-size:26px; text-align:center;}
#dis_news .news_date{ text-align:center; line-height:2; padding:10px 0; color:#555;}
#dis_news .news_content{ padding:5px; text-align:left; line-height:2; font-size:16px;}
#dis_news .news_more{ margin-top:50px; display:flex; font-size:18px;}
#dis_news .news_more>dd{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#dis_news .news_more>dd:nth-child(2){ margin-left:auto;}

/*contact*/
.contact{ width:1100px; margin:0 auto; margin-top:10px; margin-bottom:80px;}
.contact .dh{ text-align:center;}
.contact .dh>em{ color:#090909; font-size:48px; display:block; line-height:1;}
.contact .dh>span{ color:#8f8f8f; font-size:18px; display:block; font-weight:lighter; margin-top:10px; text-transform:uppercase;}
.contact .list{ margin-top:90px;}
.contact .list .l{ width:47%; float:left;}
.contact .list .r{ width:47%; float:right; margin-left:6%;}
.contact .list em{ font-size:24px; color:#294994; display:block; border-bottom:1px solid #e0e0e0; padding-bottom:15px; margin-bottom:15px;}
.contact .list ul{ margin-bottom:30px;}
.contact .list ul>li{ font-size:18px; margin-bottom:10px;}
.contact .list ul>li>img{ display:inline-block; position:relative; top:7px; margin-right:10px;}
.contact .desc{ margin-top:100px; background:#0069ba; border-radius:10px; height:190px; padding:0 50px; text-align:center;}
.contact .desc>.desc_box span{ color:#fff; font-size:36px; line-height:190px; display:block; float:left;}
.contact .desc>.desc_box a{ float:right; display:block; margin-top:75px; background:#fff; width:160px; height:40px; line-height:40px; text-align:center; font-size:18px; border-radius:30px; cursor:pointer;}
.contact .desc>img{ margin-top:-140px; margin-left:-100px;}
.contact .desc_box{ margin-top:60px;}

/*page*/
.page{ text-align:center; line-height:30px; min-height:30px; clear:both; margin-top:20px;}
/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:80px; text-align:center;}
.pages .pages_m_box{ display:none;}
.pages a{ border:1px solid #eee; padding:5px 10px; margin:0 3px;}
.pages a:hover,a.active{ background:#0069ba; color:#fff; border-color:#0069ba;}
.pages span{ border:1px solid #eee; padding:5px 10px; margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{ background:#0069ba; color:#fff; border-color:#0069ba;}

/*animate*/
@keyframes rotate{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}

/*map*/
.map{ width:100%; height:400px; border:1px solid #ccc;}
.map img{ max-width:inherit !important;}
.shadow,.pop,.anchorBL{ display:none;}

/*form*/
.form{ margin:0 auto; width:720px; margin-top:80px; font-size:16px;}
.form .form-group{ margin-bottom:15px;}
.form .form-group>em{ width:96px; display:inline-block;}
.form .form-group:nth-child(7)>em{ vertical-align:top;}
.form .form-group>input[type="text"],textarea{ width:300px; height:36px; border:1px solid #ddd; outline:none; text-indent:10px;}
.form .form-group>input.code{ width:80px;}
.form .form-group>textarea{ width:596px; height:120px; margin:5px 0;}
.form .form-group>.box{ margin:0 auto; text-align:center; margin-top:40px;}
.form .form-group>.box>input{ width:100px; background:#e5e5e5; height:36px; line-height:36px; font-size:16px; color:#565656; border:0; cursor:pointer;}
.form .form-group>.box>input[type="submit"]{ margin:0 5px;}
.form .form-group>.box>input[type="submit"]:hover{ background:#0069ba; color:#fff;}
.form .form-group>.box>input[type="reset"]{ margin:0 5px;}
.form .form-group>.box>input[type="reset"]:hover{ background:#0069ba; color:#fff;}

/*float*/
.float{ width:50px; position:fixed; right:0; bottom:150px; background:#e2e4e3; z-index:99; padding:10px 0; border-radius:5px 0 0 5px;}
.float li{ margin:20px 0; position:relative;}
.float li .icon_on{ display:none;}
.float li:hover .icon_on{ display:block;}
.float li:hover .icon_off{ display:none;}
.float li:nth-child(2):hover>.note{ display:block;}
.float li:nth-child(3):hover>.note{ display:block;}
.float em{ display:block; width:80%; margin:0 auto; text-align:center; line-height:1.2; padding-top:10%;}
.float .note{ background:#fff; width:135px; position:absolute; right:50px; color:#222; padding:15px 0 10px 0; text-align:left; padding-left:10px; line-height:1.5; font-size:18px; box-shadow:0px 6px 30px 1px rgba(0,0,0,.2);-webkit-box-shadow:0px 6px 30px 1px rgba(0,0,0,.2); display:none;}
.float .note img{ width:120px; height:120px;}

/*livechat*/
#livechat{ z-index:999; right:45px; visibility:visible; width:140px; position:absolute; top:220px; height:203px; text-align:center;}
#livechat ul,li{ padding:0px; margin:0px; list-style:none; line-height:1.6;}
#livechat ul{ border-top:1px solid #e0e0e0; padding:10px 0;}
#livechat ._title{ line-height:20px; font-size:12px; margin:10px 0; color:#898989; text-align:center; display:inline-block;}
#livechat ._close{ position:absolute; width:22px; height:36px; right:4px; cursor:pointer; top:-1px;color:#fff; font-weight:normal;}
#livechat ._img{ line-height:26px; border:0 none; position:relative; top:3px; right:5px;}
#livechat ul>li>img{ width:80%;}
.chat_top{ width:135px; height:36px; background:#0069ba; font-size:14px; font-weight:bold; color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left:1px solid #0069ba; border-bottom:1px solid #0069ba; border-right:1px solid #0069ba; background:#fff; line-height:28px;}

/*nav*/
#footer_nav{ background: -webkit-linear-gradient(left,#003c88,#0078c8);background: -o-linear-gradient(right,#003c88,#0078c8);background: -moz-linear-gradient(right,#003c88,#0078c8);background: linear-gradient(to right,#003c88,#0078c8);}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:60px 0; color:#fff; border-bottom:1px solid rgba(255,255,255,0.08);}
#footer_nav .footer_nav_con a{ color:rgba(255,255,255,0.58);}
#footer_nav .footer_nav_con a:hover{ color:#fff;}
#footer_nav .footer_nav_con .footer_nav_box{ width:1100px; margin:0 auto;}
#footer_nav .footer_nav_con .pic{ float:left; width:200px;}
#footer_nav .footer_nav_con .pic .desc{ margin-top:30px; text-align:center;}
#footer_nav .footer_nav_con .pic .desc>img{ max-width:120px; height:auto;}
#footer_nav .footer_nav_con .pic .desc>span{ display:block; margin-top:10px; color:#fff; font-weight:lighter;}
#footer_nav .footer_nav_con .list_con{ float:right;}
#footer_nav .footer_nav_con .list{ float:left; padding-left:100px;}
#footer_nav .footer_nav_con .list span{ font-size:16px; text-align:left; color:#fff; display:block; margin-bottom:6px;}
#footer_nav .footer_nav_con .list li{ line-height:2.2; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*footer*/
#footer{ padding:25px 0; background: -webkit-linear-gradient(left,#003c88,#0078c8);background: -o-linear-gradient(right,#003c88,#0078c8);background: -moz-linear-gradient(right,#003c88,#0078c8);background: linear-gradient(to right,#003c88,#0078c8); color:#fff; font-weight:lighter;}
#footer a{ color:#fff; font-weight:lighter;}
#footer a:hover{ color:#fff;}
#footer .footer_con{ margin:0 auto; text-align:center;}
#footer .footer_copy{ text-align:center; padding:15px 0;}

/*go_top*/
.go_top{ width:50px; height:50px; background:#222; color:#fff; font-size:16px; position:fixed; bottom:60px; right:20px; text-align:center; cursor:pointer; display:none;}
.go_top em{ text-align:center; display:block; line-height:1; padding-top:3px;}

/*media*/

@media screen and (max-width:1800px){
.menu>ul>li{ padding:0 23px; font-size:17px;}
.about_1 .list .desc>em{ font-size:26px; margin-bottom:20px;}
.about_1 .list .desc{ font-size:16px;}
}
@media screen and (max-width:1600px){
.menu>ul>li{ padding:0 23px; font-size:17px;}
.menu>ul>li img{ top:3px;}
#home_about .home_about_con .desc>.desc_box{ font-size:16px;}
#home_about .home_about_con .desc>ul>li{ margin-right:4%;}
#home_about .home_about_con .desc>ul>li>span{ font-size:15px;}
#home_about .home_about_con .desc>ul>li>i{ font-size:15px;}
#home_about .home_about_con .desc>ul>li>b{ font-size:15px;}
.about_2 .list>ul>li{ padding:3% 2%;}
.about_2 .list>ul>li .desc em{ font-size:20px;}
.about_2 .list>ul>li .desc .desc_list{ height:auto;}
.about_2 .list>ul>li .desc p{ font-size:15px;}
}
/*public*/
@media screen and (max-width:768px){
html,body{ overflow:auto; overflow-x:hidden;}
#header{ display:none;}
.content{ min-width:94%; width:94%;}
.container{ min-width:94%; width:94%;}
.con{ padding:25px 0 20px 0;}

/*header*/
.header{ width:100%; height:60px; line-height:60px; background: -webkit-linear-gradient(left,#003c88,#0078c8);background: -o-linear-gradient(right,#003c88,#0078c8);background: -moz-linear-gradient(right,#003c88,#0078c8);background: linear-gradient(to right,#003c88,#0078c8); position:fixed; z-index:999;}
.header .m_logo img{ height:36px; padding:12px 0;}
.header .nav{ width:100%; height:100%; background:#fff; position:absolute; left:0; top:60px; border-top:1px solid #f0f0f0; overflow-y:scroll; display:none;}
.header .nav ul li a{ display:block; font-size:15px; color:#454545; line-height:16px; text-align:left; padding:14px 20px; border-bottom:1px solid #f0f0f0;}
.header .nav ul li a:hover{ background:#0069ba; color:#fff;}
.header .header_icon{ position:fixed; top:0; right:0; height:60px; width:50px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
.header .header_icon span,.header .header_icon span::after,.header .header_icon span::before { position:absolute; background-color:#fff; height:2px; width:24px;}
.header .header_icon span{left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition:background-color .3s; transition:background-color .3s;}
.header .header_icon span::after,.header .header_icon span::before{ content:''; left:0; -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s;}
.header .header_icon span::before{ -webkit-transform:translateY(-9px); -ms-transform:translateY(-9px); transform:translateY(-9px);}
.header .header_icon span::after{ -webkit-transform:translateY(9px); -ms-transform:translateY(9px); transform:translateY(9px);}
.header_top{ height:60px;}

/*banner*/
.banner{ height:30vh;}
.banner .swiper-slide{ background-size:cover;}
.banner .swiper-slide .desc>em{ font-size:18px;}
.banner .swiper-slide .desc>p{ font-size:14px; line-height:1.4;}
.banner .swiper-pagination{ bottom:10px;}
.banner .swiper-pagination-bullet{ margin:0 4px !important;}
.banner .swiper-pagination-bullet{ width:8px; height:8px;}
.banner .swiper-button-prev{ left:10px;}
.banner .swiper-button-next{ right:10px;}

/*banner_inside*/
.banner_inside{ height:30vh;}
.banner_inside .swiper-slide{ background-size:cover;}
.banner_inside .swiper-slide .desc>em{ font-size:18px;}
.banner_inside .swiper-slide .desc>p{ font-size:14px; line-height:1.4; margin-left:-22px;}
.banner_inside .swiper-pagination{ bottom:10px;}
.banner_inside .swiper-pagination-bullet{ margin:0 4px !important;}
.banner_inside .swiper-pagination-bullet{ width:8px; height:8px;}
.banner_inside .swiper-button-prev{ left:10px;}
.banner_inside .swiper-button-next{ right:10px;}

/*home*/
#home_about{ padding:30px 0;}
#home_about .home_about_con{ display:block;}
#home_about .home_about_con .desc{ width:100%; text-align:center;}
#home_about .home_about_con .desc>.dh>span{ font-size:18px; opacity:1; bottom:0;}
#home_about .home_about_con .desc>.dh>em{ font-size:14px; margin-top:3px; opacity:1; bottom:0;}
#home_about .home_about_con .desc>.dh>i{ margin:0 auto; margin-top:10px; margin-bottom:10px; opacity:1; bottom:0;}
#home_about .home_about_con .desc>.desc_box{ font-size:15px; text-align:left; opacity:1; bottom:0;}
#home_about .home_about_con .desc>ul{ margin-top:20px; opacity:1; bottom:0;}
#home_about .home_about_con .desc>ul>li{ width:48%; margin-left:2%; margin-right:0; vertical-align:top; margin-bottom:4%; bottom:0; opacity:1;}
#home_about .home_about_con .desc>ul>li:nth-child(2n+1){ margin-left:0;}
#home_about .home_about_con .desc>ul>li>em{ font-size:20px;}
#home_about .home_about_con .desc>ul>li>span{ font-size:15px;}
#home_about .home_about_con .img{ width:100%; margin-top:4%; opacity:1; bottom:0;}
#home_about .home_about_con .img>ul>li{ padding-bottom:4%;}
#home_about .home_about_con .img>ul>li:nth-child(n+3){ padding-top:4%;}
#home_about .home_about_con .img>ul>li>a>.img_box{ width:40px; height:40px;}
#home_about .home_about_con .img>ul>li>a>span{ font-size:15px;}
#home_about .home_about_con .img>ul>li img{ width:40px; height:40px;}

#home_core{ padding:30px 0 60px 0;}
#home_core .home_core_con{ display:block;}
#home_core .home_core_con .desc{ width:100%; text-align:center;}
#home_core .home_core_con .desc>.dh>span{ font-size:18px; opacity:1; bottom:0;}
#home_core .home_core_con .desc>.dh>em{ font-size:14px; margin-top:3px; opacity:1; bottom:0;}
#home_core .home_core_con .desc>.dh>i{ margin:0 auto; margin-top:10px; margin-bottom:10px; opacity:1; bottom:0;}
#home_core .home_core_con .desc>.desc_box{ font-size:15px; line-height:2; text-align:left; opacity:1; bottom:0;}
#home_core .home_core_con .desc>a.more{ margin:auto; width:130px; height:36px; line-height:36px; font-size:15px; margin-top:20px; opacity:1; bottom:0;}
#home_core .home_core_con .img{ width:100%; margin-top:80px; opacity:1; bottom:0;}
#home_core .home_core_con .img>ul>li>span{ font-size:16px; left:-9%; top:-90px;}
#home_core .home_core_con .img>ul>li>.img_ico{ width:50px; height:50px;}
#home_core .home_core_con .img>ul>li>.img_ico>img{ width:30px;}

#home_service{ padding:30px 0;}
#home_service .home_service_dh{ margin-top:0;}
#home_service .home_service_dh>span{ font-size:18px; opacity:1; bottom:0;}
#home_service .home_service_dh>em{ font-size:14px; margin-top:3px; opacity:1; bottom:0;}
#home_service .home_service_con{ margin-top:20px;}
#home_service .home_service_con .swiper-wrapper{ margin-bottom:30px;}
#home_service .home_service_con .swiper-slide .img{ height:260px;}
#home_service .home_service_con .swiper-slide .desc{ font-size:15px; padding:5%;}
#home_service .home_service_con .swiper-slide .desc>em{ font-size:14px;}

#home_news{ padding:30px 0;}
#home_news .home_news_dh>span{ font-size:18px; opacity:1; bottom:0;}
#home_news .home_news_dh>em{ font-size:14px; margin-top:3px; opacity:1; bottom:0;}
#home_news .home_news_con{ opacity:1; bottom:0;}
#home_news .home_news_con>ul>li{ width:48%; margin-left:4%;}
#home_news .home_news_con>ul>li:last-child{ display:none;}
#home_news .home_news_con>ul>li em{ font-size:16px;}
#home_news .home_news_con>ul>li .img{ height:100px;}
#home_news .home_news_con>ul>li span{ font-size:16px; margin-top:10px;}
#home_news .home_news_con>ul>li p{ font-size:15px; margin-top:8px;}
#home_news .ico{ font-size:60px;}

/*content*/
/*right*/
#right{ width:100%;}
#right .right_con{ min-height:320px; padding:0;}
#right .right_con img{ max-width:100%; padding:0 !important;}
#right .right_con iframe{ max-width:100%; height:auto;}
#right .right_con video{ max-width:100%; height:auto;}
#right .right_con table{ width:100% !important;}
#right .right_dh_r{ display:none;}
#right .right_icon{ position:absolute; top:5px; right:0; height:30px; width:30px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
#right .right_icon span{ width:5px; height:5px; border-radius:50%; background:#222; display:block; float:right; position:relative; top:18px; margin-left:4px;}

/*about*/
.about_1{ margin-top:0;}
.about_1 .dh>em{ font-size:18px;}
.about_1 .dh>span{ font-size:14px; margin-top:3px;}
.about_1 .list{ margin-top:10px;}
.about_1 .list .desc{ width:100%; float:none; font-size:15px;}
.about_1 .list .desc>em{ font-size:16px; margin-bottom:10px;}
.about_1 .list .img{ width:100%; float:none; margin-top:4%;}
.about_2{ margin-top:30px; padding:30px 0;}
.about_2 .dh>em{ font-size:18px;}
.about_2 .dh>span{ font-size:14px; margin-top:3px;}
.about_2 .list{ margin-top:20px;}
.about_2 .list>ul>li{ width:100%; margin-left:0; margin-bottom:4%; padding:5% 2%;}
.about_2 .list>ul>li img{ width:50px; height:50px;}
.about_2 .list>ul>li .desc{ width:calc(100% - 50px); margin-left:10px;}
.about_2 .list>ul>li .desc em{ font-size:15px;}
.about_2 .list>ul>li .desc p{ margin-top:3px;}
.about_3{ padding:30px 0;}
.about_3 .list{ margin-top:20px;}
.about_3 .dh>em{ font-size:18px;}
.about_3 .dh>span{ font-size:14px; margin-top:3px;}
.about_3 .view .swiper-container{ width:80%;}
.about_3 .view .swiper-slide .note{ display:block;}
.about_3 .view .swiper-slide span{ font-size:22px; display:block;}
.about_3 .view .swiper-slide p{ margin-left:0; font-size:15px; margin-top:10px;}
.about_3 .view .arrow-left{ left:3%;}
.about_3 .view .arrow-right{ right:3%;}
.about_3 .view i{ font-size:26px;}
.about_3 .preview{ margin:40px 0 10px 0;}
.about_3 .preview .swiper-container{ margin-top:-7px;}
.about_3 .preview .swiper-slide em{ width:8px; height:8px;}
.about_4{ padding:30px 0;}
.about_4 .dh>em{ font-size:18px;}
.about_4 .dh>span{ font-size:14px; margin-top:3px;}
.about_4 .list_dh{ margin-top:20px;}
.about_4 .list_dh>em{ font-size:14px; margin:0 3px; height:36px; line-height:36px;}
.about_4 .list{ margin-top:20px;}
.about_4 .swiper-slide img{ max-width:90% !important;}
.about_4 .swiper-slide span{ font-size:15px; width:92%; margin:0 auto;}
.about_4 .ico{ margin-top:30px;}
.about_4 .ico>a{ width:35px; height:30px;}
.about_4 .ico>a i{ font-size:22px;}
.about_5{ padding:30px 0 10px 0;}
.about_5 .dh{ width:100%; float:none; height:200px; text-align:center; padding-top:90px;}
.about_5 .dh>em{ font-size:18px;}
.about_5 .dh>span{ font-size:14px; margin-top:3px;}
.about_5 .desc{ width:100%; float:none; padding:10px 0;}
.about_5 .desc>em{ font-size:16px;}
.about_5 .desc>.desc_box{ margin-top:10px; font-size:15px;}
.about_5 ul{ margin-top:10px;}
.about_5 ul>li{ font-size:15px; padding:0 6px; height:26px; line-height:26px;}
.about_5 .list_con{ margin-top:20px;}

/*service*/
.service_1{ padding:30px 0;}
.service_1 .view .swiper-container{ width:100%; float:none; margin-top:0;}
.service_1 .view .swiper-slide span{ font-size:18px;}
.service_1 .view .swiper-slide p{ margin-top:15px; font-size:15px;}
.service_1 .view .img{ width:100%; float:none; display:none;}
.service_1 .preview{ width:90%; margin:0 auto; margin-top:90px;}
.service_1 .preview .swiper-slide span{ font-size:16px;}
.service_2{ padding:30px 0;}
.service_2 .container>.service_list>span{ font-size:18px; margin-bottom:20px;}
.service_2 .fa-left{ left:0; width:24px; height:24px; margin-top:-12px;}
.service_2 .fa-right{ right:0; width:24px; height:24px; margin-top:-12px;}
.service_2 i{ font-size:20px;}
.service_2 .swiper-container{ width:75%;}
.service_2 .swiper-wrapper{ padding-bottom:40px;}
.service_2 .swiper-slide img{ height:160px;}
.service_2 .swiper-slide span{ height:50px; line-height:50px; font-size:15px; padding:0 5px; box-sizing:border-box; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.service_2 .swiper-slide .desc em{ width:90%; margin:0 auto; font-size:15px;}
.service_2 .swiper-slide .desc .box{ width:90%; margin:0 auto; font-size:15px; line-height:1.6; line-clamp:3; -webkit-line-clamp:3; margin-top:6px;}

/*left*/
#left .left_dh>ul{ white-space:nowrap; overflow-x:scroll;}
#left .left_dh>ul>li{ height:46px; line-height:46px; margin:0 3px;}
#left .left_dh>ul>li a{ font-size:15px; padding:0 10px;}
.mask{ position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.5); display:none;}

/*list_news*/
ul.list_news{ margin-top:10px;}
ul.list_news li{ width:100%; height:40px; line-height:40px;}
ul.list_news li span{ width: calc(100% - 96px); word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; font-size:15px;}
ul.list_news li em{ font-size:15px;}

/*list_pic_news*/
.list_pic_news{ margin-bottom:0;}
.list_pic_news .img{ width:100%; float:none;}
.list_pic_news .img img{ height:180px;}
.list_pic_news .desc{ width:100%; float:none;}
.list_pic_news .desc>span{ font-size:16px; line-height:1.4; margin-top:10px; margin-bottom:3px;}
.list_pic_news .desc>em{ font-size:14px;}
.list_pic_news .desc>p{ font-size:15px; margin-top:5px; line-height:1.8; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*list_img_news*/
ul.list_img_news li{ margin-bottom:20px;}
ul.list_img_news li .img{ width:40%; height:100%;}
ul.list_img_news li .img img{ width:100%; height:90px;}
ul.list_img_news li .desc{ width:56%;}
ul.list_img_news li span{ font-size:15px; line-height:1.6; margin-top:0; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.list_img_news li em{ font-size:15px;}
ul.list_img_news li p{ display:none;}

/*dis_news*/
#dis_news{ width:100%;}
#dis_news img{ height:auto !important;}
#dis_news .news_title{ font-size:17px;}
#dis_news .news_date{ padding:5px 0;}
#dis_news .news_content{ font-size:15px;}
#dis_news .news_more{ margin-top:20px; display:block; font-size:15px;}

/*list_pro*/
ul.list_pro li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_pro li:nth-child(2n+1){ margin-left:0;}
ul.list_pro li .img{ width:100%; height:100%;}
ul.list_pro li img{ width:100%; height:auto;}
ul.list_pro li span{ padding-top:8px; font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_share*/
ul.list_share li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_share li:nth-child(2n+1){ margin-left:0;}
ul.list_share li .img{ width:100%; height:100%;}
ul.list_share li img{ width:100%; height:100%;}
ul.list_share li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*share_list*/
ul.share_list li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.share_list li:nth-child(2n+1){ margin-left:0;}
ul.share_list li .img{ width:100%; height:100%;}
ul.share_list li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*contact*/
.contact{ width:100%; margin-bottom:30px; margin-top:0;}
.contact .dh>em{ font-size:18px;}
.contact .dh>span{ font-size:14px; margin-top:3px;}
.contact .list{ margin-top:20px;}
.contact .list em{ font-size:16px; padding-bottom:10px; margin-bottom:10px;}
.contact .list .l{ width:100%; float:none;}
.contact .list .r{ width:100%; float:none; margin-left:0; margin-top:10px;}
.contact .list ul{ margin-bottom:20px;}
.contact .list ul>li{ font-size:15px; margin-bottom:4%;}
.contact .list ul>li>img{ float:left; top:0;}
.contact .desc{ margin-top:10px; height:120px; padding:0 20px;}
.contact .desc>.desc_box span{ font-size:18px; line-height:120px;}
.contact .desc>.desc_box a{ margin-top:45px; width:120px; height:32px; line-height:32px; font-size:15px; position:relative; right:46px;}
.contact .desc>img{ margin-left:0; margin-top:-70px;}
.contact .desc_box{ margin-top:20px;}

/*form*/
.form{ width:100%; margin-top:10px; font-size:15px;}
.form .form-group>em{ width:100%; margin-bottom:6px;}
.form .form-group>input[type="text"]{ width:100%;}
.form .form-group>textarea{ width:98.5%;}
.form .form-group>input.code{ width:70px;}
.form input[type="submit"],input[type="reset"]{ width:40%;}
.form .form-group>.box>input{ font-size:15px;}

/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:20px; margin-bottom:20px; text-align:center;}
.pages .pages_box{ display:none;}
.pages .pages_m_box{ display:block;}
.pages a{ padding:0px 8px;}
.pages span{ padding:0px 8px;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0;}

/*float*/
.float{display:none;}

/*livechat*/
#livechat{ display:none;}

/*nav*/
#footer_nav{ display:none;}

/*footer*/
#footer{ padding:15px 0;}
#footer .footer_con{ width:96%; margin:0 auto; text-align:center;}
}