@charset "UTF-8";
/* public */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size: 14px; background:#fff; overflow-x:hidden; color: #333; font-family: "微软雅黑"; }
pre{white-space: pre-wrap;word-wrap: break-word;font-family: "微软雅黑";}
a{font-size:14px;text-decoration:none;  color: #333; transition: all .45s;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;font-family: "微软雅黑"; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{ display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width:89.5%;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width:79%;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;overflow: hidden;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
*:before,
*:after {
z-index: -1;
}
/*font*/
@font-face {
font-family: "CG";
src: url("../font/Century Gothic.woff2") format("woff2"),
url("../font/Century Gothic.woff") format("woff"),
url("../font/Century Gothic.ttf") format("truetype"),
url("../font/Century Gothic.eot") format("embedded-opentype"),
url("../font/Century Gothic.svg") format("svg");
font-weight:normal;
font-style: normal;
}
body.fixed .z_header{transform:translateY(-100%);visibility:hidden;}
.z_header { height: 80px; box-shadow:0 0 0 rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; width: 100%;z-index: 105; overflow: hidden;}
.z_header:before{ content: ""; display: block; width: 0; opacity: 0; height: 100%; border-radius: 40px; background: #fff; transition: all .8s; position: absolute; left: 50%; top: 0;}
.z_header.on{box-shadow:0 0 10px rgba(0,0,0,0.5)}
.z_header.on .header_nav a{ color: #333;}
.z_header.on:before{ width: 120%; left: -10%; opacity: 1; }
.z_header .logo{ display: block; float: left; line-height: 80px; margin-left: 50px;}
.z_header .logo img{ vertical-align: middle;}
.z_header .header_r{ float: right;}
.header_nav { float: left;}
.header_nav a{ color: #fff; }
.header_nav li:hover a{color: #325F99;}
.header_nav li{ display: inline-block; line-height: 80px; z-index: 1; margin-right: 50px;position: relative;}
.header_nav li a{ font-size: 16px;}
.z_header .header_nav li.cur a{color: #15100e;font-weight: 800;}
.search_bar{ float: left; height: 80px; line-height: 80px;}
.search_bar .btn{ display: block; width: 80px; z-index: 1; height: 80px; text-align: center; float: right;   position: relative;}
.search_bar .btn:before{ content: ""; display:  block;width: 100%; height: 100%; background:#f2f2f2;position: absolute; left: 0; top: 0;transition: all .6s;}
.search_bar .btn img{ vertical-align: middle}
.search_bar .text{; box-sizing: border-box; border-bottom: 1px solid #325f99; height: 40px; width: 0; overflow: hidden;transition: all .6s;}
.search_bar input::-webkit-input-placeholder{ color:#325f99; }
.search_bar:hover .btn:before{ width: 0;}
.search_bar:hover .text{ width:140px;}
.mobile_btn{cursor:pointer; display: flex;z-index: 4; justify-content: center; align-items: center; box-sizing: border-box; width: 80px;height: 80px; float: right;  background: #325f99; }
.mobile_btn.on .line1{transform:rotate(45deg);transform-origin:14% 50%;}
.mobile_btn.on .line2{width:0;}
.mobile_btn.on .line3{transform:rotate(-45deg);transform-origin:14% 50%;}
.mobile_btn span{display:block; width:26px; height:3px; background:#fff; transition:all .45s;}
.mobile_btn .line2{margin:5px 0;/* width:20px; transform:translateX(6px);*/}
.slide_box{background: #fff; width: 650px; height: 100%; position: fixed; right: 0; top: 80px; padding: 50px; box-sizing: border-box; z-index: 999; transform: translateX(100%); transition: all .6s; z-index: 101;}
.slide_box.active{ transform: translateX(0);}
.z_mask{ width: 0%; height: 100%; position: fixed;  left: 0; top: 0; background: rgba(0,0,0,.8); transition: all .8s; z-index: 101;}
.z_mask.active{width: 100%;}
.slide_tit h3{ font-size: 30px; color:#496ea1;}
.slide_tit{ padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 25px;}
.slide_nav li{ margin-bottom: 40px;}
.slide_nav li>a{ font-size: 16px; }
.slide_nav .nav_down{ margin-top: 5px;}
.slide_nav .nav_down a{ color: #888; display: inline-block; margin-right: 20px; position: relative; line-height: 24px;}
.slide_nav .nav_down a:before{ content:""; display: block; width: 0%; transition: all .6s; height: 1px; background: #325F99; position: absolute; left: 50%; bottom: 0;}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover{ color: #325F99;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before{ width: 100%; left: 0;}
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%; position: relative; z-index: 1;}
.swiper-container {margin: 0 auto;  height: 100%; position: relative; overflow: hidden;  z-index: 1;}
.swiper-wrapper { position: relative; width: 100%;height: 100%; z-index: 1;display: -webkit-box;display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;
display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;-o-transition-property: -o-transform; -ms-transition-property: -ms-transform;
transition-property: transform; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;   box-sizing: content-box;}
.swiper-pagination{text-align: center ;  height: 16px; display: flex; align-items: center; justify-content: center; width:100%; position: absolute; left: 0%; bottom: 58px; z-index:2; }
.swiper-pagination span{display: inline-block; width:20px; height: 2px; background: rgba(255,255,255,.34); box-sizing: border-box; margin: 0 3px; transition: all .8s; cursor: pointer;}
.swiper-pagination-bullet-active{  width: 72px!important;background: rgba(255,255,255,1)!important;}
.banner{ width: 100%; position:fixed; left: 0; top: 0;z-index: -1;}
.banner img{ width: 100%;}
.banner li .img{height:100%;opacity:0; transform:scale(1.03); transition:ease 3s; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.banner li.swiper-slide-duplicate-active{z-index:2;}
.banner li.swiper-slide-active .img,.lh-banner li.swiper-slide-duplicate-active .img{transform:scale(1);opacity:1;}
.banner .slide1 .banner_text{ position: absolute; right: 10%; top: 60%; transform: translateY(-50%); z-index: 99; width:30%;}
.banner .slide1 h3{ color: #325F99; font-size: 60px; font-weight: bold; line-height: 72px; margin-bottom: 15px;transform:translateY(50%); visibility: hidden; opacity:0;transition:ease 2s; transition-delay:.2s;}
.banner .slide1 p{ font-size: 18px; font-weight: bold;transform:translateY(-200%); opacity:0;transition:ease 2s; transition-delay:.2s;visibility: hidden;}
.banner .slide1:nth-child(1) h3,.banner .slide1:nth-child(1) p{color:#fff;}
.banner .slide1.swiper-slide-active{visibility: visible;}
.banner .slide1.swiper-slide-active .banner_text h3,
.banner .slide1.swiper-slide-duplicate-active .banner_text h3,.banner .slide1.swiper-slide-active .banner_text p,
.banner .slide1.swiper-slide-duplicate-active .banner_text p{transform:translateY(0); opacity:1;visibility: visible;}
.banner .slide2 .banner_text{ position: absolute;left: 0; width: 100%; top: 50%; text-align: center; transform: translateY(-50%); z-index: 10; color: #fff;}
.banner .slide2 h3{ font-weight: bold; font-size:80px;visibility: hidden; opacity:0;transition:ease 2s; transition-delay:.2s;  transform: scale(.2,.2);  }
.banner .slide2 p{ font-size: 60px; font-weight: bold; margin: 20px 0;visibility: hidden;transform: scale(.6,.6); opacity:0;transition:ease 2s; transition-delay:.8s;}
.banner .slide2.swiper-slide-active .banner_text h3,
.banner .slide2.swiper-slide-duplicate-active .banner_text h3,
.banner .slide2.swiper-slide-active .banner_text p,
.banner .slide2.swiper-slide-duplicate-active .banner_text p{visibility: visible; opacity: 1; transform: scale(1,1);}

.more{ display:inline-block; text-align: center; width: 110px; position: relative; transition: all .6s; overflow: hidden; text-transform: uppercase; color: #fff; height: 36px; line-height: 36px; position: relative; z-index: 1; }
.more:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/more_bg.png) no-repeat bottom center; position: absolute; left: 0; bottom: 0;}
.more:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/more_bg2.png) no-repeat top center; position: absolute; left: 0; top: 0; transform: translateX(100%); transition: all .8s;z-index: 1; }
.more:hover:after{ transform: translateX(0)!important; opacity: 1;}
.more:hover:before{animation: arr .6s;}
.more2{color: #325F99;}
.more2:before{ background: url(../images/more_bg3.png) no-repeat bottom center;}
.more2:after{ background: url(../images/more_bg4.png) no-repeat top center;}
@keyframes arr{
0%{transform: translateX(-100%);}
100%{transform: translateX(0);}
}
.page_warp{ z-index: 99; background: #fff; min-height: 100%;}
.index_video,.index_about{ width: 50%; float: left; height: 540px; position: relative; overflow: hidden;}
.index_video .img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all .8s;}
.index_video .img:hover{ transform: scale(1.1,1.1);}
.play_bar{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;z-index:3;color: #fff; cursor: pointer;}
.play_bar h3{ font-size: 30px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; }
.play_bar img{ vertical-align: middle;}
.play_bar .playbtn{ margin-right: 20px;}

.play_bar .tit{ font-style: italic; position: relative; line-height: 30px;}
.play_bar .tit:before{ content: "";display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0;}
.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/colse.png) no-repeat center; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}

.index_about{ background: url(../images/abt_bg.jpg) no-repeat center; background-size: cover; padding: 100px 0;  box-sizing:border-box}
.index_about .flex{ width: 79%; padding-left: 16%; box-sizing: border-box; }
.abt_tit{ color: #325f99; margin-bottom: 40px;}
.abt_tit h3{ font-size: 24px; font-weight: bold;}
.abt_desc{ color: #666; line-height: 24px;}
.abt_num{ margin-top:90px;}
.abt_num .box{ display: inline-block; text-align: center; margin-right: 13%; color: #666;}
.abt_num .box .counter{ font-size: 48px; font-family: arial; color: #325f99;}
.more_bar{ width: 100%; height: 85px; background: #325f99; position: absolute; bottom: -85px;left: 0; padding-left: 16%; box-sizing: border-box;}
.more_bar .more{ margin-top: 24px;}

.index_case{ width: 100%; height: 550px; background: url(../images/case_bg.jpg) no-repeat center;  background-size: cover;}
.case_l,.case_r{ width: 100%; float: left; height: 550px;}
.case_tit{ height: 300px; padding-left: 9.8%; box-sizing: border-box; display: flex; align-items: center; color: #fff;}
.index_tit h3{ font-size: 48px; text-transform: uppercase; line-height: 48px; font-weight: lighter;}
.index_tit h3 em{ display: block; font-weight:bold; }
.index_tit h4{ font-size: 18px; font-weight: bold;margin-top: 5px;}
.index_tit2{ color: #325F99;}
.case_tit .line{ width: 210px; background: #fff; height: 1px; margin: 20px 0;}
.case_text{ line-height: 24px;}
.case_box { overflow: hidden;}
.case_box .box{ width: 20%; height: 250px; transition: all .6s; float: left;background: #0670c4; color: #fff; padding: 20px; box-sizing: border-box; position: relative;}
.case_box .box a{ color: #fff; display: block; width: 100%; height: 100%;}
.case_box .box span{ color: rgba(255,255,255,.5); font-size: 12px; text-transform: uppercase; position: absolute; margin:100px 20px 0 20px; transition: all .6s; }
.case_box .box h3{  position: absolute; font-size: 16px; left: 0px; width: 100%; padding:40px;box-sizing: border-box;transition: all .6s; }
.case_box .box h3 em{ float: right}
.case_box .box:nth-child(1):hover{ background: rgba(6,112,196,.5);}
.case_box .box:nth-child(2){ background: #005ba3;}
.case_box .box:nth-child(2):hover{ background: rgba(0,91,163,.5);}
.case_box .box:nth-child(3){ background: #043d8b;}
.case_box .box:nth-child(3):hover{ background:rgba(4,61,139,.5);}
.case_box .box:nth-child(4){ background: #395898;}
.case_box .box:nth-child(4):hover{ background:rgba(57,88,152,.5);}
.case_box .box:nth-child(5){ background: #2085af;}
.case_box .box:nth-child(5):hover{ background:rgba(32,133,175,.5);}
.case_box .box:hover span{ transform: translateY(30px);}
.case_box .box:hover h3{transform: translateY(-30px);}
.case_r{ display: flex; align-items: center; justify-content: flex-end; padding-right: 16%; box-sizing: border-box; }
.case_k{width: 230px; height: 300px; border: 7px solid rgba(255,255,255,.5); box-sizing: border-box; position: relative;}
.case_k a{ display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff;}
.case_k span{ font-size: 24px; display: block; text-transform: uppercase;}
.case_k h3{ font-size: 24px;}
.case_k .more{ margin-top: 70px; font-size: 14px;}
.topLine { width: 0px; height: 7px; background: #fff; position: absolute; left: 0; top: -7px; animation: flash2 3s infinite linear; }
.bottomLine { width: 0px; height: 7px; background:#fff; position: absolute; right: 0px; bottom: -7px; animation: flash2 3s infinite linear; }
.leftLine { width: 7px; height: 0px; background: #fff; position: absolute; left: -7px; bottom: -7px; animation: flash1 3s infinite linear; }
.rightLine { width: 7px; height: 0px; background: #fff; position: absolute; right: -7px; top: -7px; animation: flash1 3s infinite linear; }
@keyframes flash2 { 0% { width: 0; } 100% { width:100%; } }
@keyframes flash1 { 0% { height: 0; } 100% { height:100%; } }

.news_l,.news_r{ width: 50%; float: left; height: 900px; padding: 120px 10%; box-sizing: border-box;background: #ecedee;}
.news_r{ background: #325f99; }
.news_l .index_tit { position: relative;margin-bottom: 40px;}
.index_tit .more2{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.news_list li{ margin-bottom: 15px; display: table; width: 100%;}
.news_list li .img{ width: 220px; height: 150px; float: left; overflow: hidden; margin-right: 20px;}
.news_list li img{ width: 100%; height: 100%; transition: all .6s;}
.news_list li:hover img{ transform: scale(1.1,1.1);}
.news_list li a{ display: block; width: 100%; height: 100%; display: table-cell;}
.news_list .info h3{ line-height: 24px; height: 48px; overflow: hidden; font-size: 18px; margin: 20px 0; transition: all .4s;}
.news_list .info span{ color: #666;}
.news_list li:hover h3{ color: #325F99;}
.news_r a{ display: block; width: 100%; height: 100%; color: #fff;}
.news_r .img{ width: 100%; height: 380px; margin-bottom: 24px;}
.news_r .img img{ width: 100%; max-height: 100%; transition: all .8s;}
.news_r:hover img{ transform: scale(1.05,1.05);}
.news_r .desc{ line-height: 24px; height: 96px; overflow: hidden; color: rgba(255,255,255,.5); margin: 40px 0;}
.news_r h3{ font-size: 18px; line-height: 24px; height: 48px; overflow: hidden;}
.news_r span{ color: rgba(255,255,255,.5);}

.logo_warp{ width: 80%; margin: 0 auto; padding: 60px 0;}
.logo_warp{background: #fff;}
.logo_warp .swiper-slide{ height: 100px; display: flex;justify-content: center; align-items: center;}
.logo_warp .swiper-slide img{ max-width:100%; max-height: 100%; transition: all .6s;}
.logo_warp .swiper-slide:hover img{ animation: swing 1s;}
.logo_warp .index_tit2 h3{ font-size: 24px; line-height: 24px;}
.logo_warp .swiper-slide:hover:before{ height: 100%; bottom: auto; top: 0;}
.logo_warp .index_tit2{ margin-bottom: 40px; position: relative;}
.logo_warp .index_tit2 i{ font-size: 18px;}
.btn_group{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.btn_group .logo_btn{ display: inline-block; width: 35px; height: 34px; overflow: hidden; cursor: pointer;margin-left: 8px;}
.btn_group .logo_btn img{ vertical-align: middle; max-width: 100%; transition: all .3s;}
.btn_group .logo_btn:hover img{ transform: translateY(-34px);}
.footer{ background: #282828;color: #b8b8b8; line-height:36px;}
.foot_link{ padding: 60px 0; color: #fff; border-bottom: 1px solid rgba(255,255,255,.5);}
.foot_link a{ color: #fff; display: inline-block;}
.foot_btm{padding: 50px 0;}
.foot_left{ float: left; max-width: 80%;}
.foot_right{ float: right; margin-top: 27px;}
.foot_addre p{line-height: 24px;}
.foot_copy{ margin-top: 20px;}
.foot_copy a{color: #b8b8b8;}
.foot_code span{ line-height: 20px; text-align: right; display: block; float: right; vertical-align: bottom; margin-right: 20px; margin-top: 40px;}
.foot_code img{ float: right; width: 80px; height: 80px;}
.foot_code em{ display: block;}
.foot_addre span{ display: inline-block; margin-right: 20px;}

.other_banner{ height: 640px; position: relative;background-size: initial !important;}
.other_banner .banner_tit{position: absolute; left: 10.5%; bottom: 60px; color: #fff;}

.wrapper{ background: #325f99; height: 54px; line-height: 54px;}
.page_nav li{ float: left;/* margin-right: 50px;*/}
.page_nav a{ color: #fff;display:inline-block;padding:0 25px}
.page_nav li:first-child a{margin-left:0;}
.page_nav li.cur a{background:#133d74;}

.jj_left,.jj_right{ width: 50%; float: left;}
.jj_left{ padding-left: 10%; box-sizing: border-box; padding-top: 100px;}
.company_jj{ background: url(../images/about_bg.jpg) no-repeat center; background-size: cover; position:relative;}
.jj_left{ width:100%; float: left ;}
.jj_left h3{ height: 120px; overflow: hidden; margin-bottom: 18px;}
.jj_left h3 span{ font-size: 92px; font-family: "CG"; color: #e0e4ec; display: block;}
.jj_left h3 em{ font-size:24px; color: #004B91;  position: relative; top: -50px;}
.jj_left h4{ font-size:16px; font-weight: bold; color: #325F99; margin-bottom: 30px;}
.jj_left .text_box{ color: #666; line-height: 24px; margin-bottom:80px; width:50%;}
.jj_left .text_box p{ margin-bottom: 20px;}
.jj_left .text_box p:last-child{ margin-bottom: 0;}
.jj_right{ position: absolute;right: 0;bottom: 0;}
.right_bar{ position: absolute; bottom: 0;right: 0; width: 100%; display: flex; justify-content: flex-end;}
.right_bar .box{ width: 22.5%; height: 186px; text-align: center; color: #fff; float:left;}
.right_bar .box h3{ font-size: 60px;  margin-top: 40PX;font-family: "CG"; }
.right_bar .box:nth-child(1){ background: #004b91;}
.right_bar .box:nth-child(2){ background: #1565af;}
.right_bar .box:nth-child(3){ background: #2a7dcb;}
.about_box .box{ width: 50%; float: left; height: 540px; position: relative; color: #fff; overflow: hidden;}
.about_box .box:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.37); position: absolute;z-index: 1; left: 0; top: 0;}
.about_box .index_video h3{ font-size: 24px; font-weight: normal;}
.about_cul .info{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; color: #fff; text-align: center;}
.about_cul h3 em{ display: block;font-size: 30px; font-weight: bold; text-transform: uppercase;}
.about_cul h3{ font-size: 24px;}
.about_cul .desc{ line-height: 24px; margin: 30px 0;}
.about_cul .img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all .6s;}
.about_box .box:hover .img{ transform: scale(1.1,1.1);}


.about_progress{ width: 100%; background: url(../images/about_bg3.jpg) no-repeat center; background-size: cover; padding: 130px 0; color: #fff; overflow: hidden;}
.about_progress .pg_tit{ margin-bottom: 80px;}
.about_progress .pg_tit h3{ font-size: 30px;}
.pg_hd ul li{ display: inline-block;z-index: 1; width: 94px; height: 108px; background: url(../images/liu.png) no-repeat repeat center; background-size: 100% 100%; text-align: center; line-height: 108px; margin-left: 112px; position: relative; cursor: pointer; margin-bottom: 60px; transition: ease .4s; }
.pg_hd ul li:before{ content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: -104px; top: 50%; transform: translateY(-50%);z-index: 1;}
.pg_hd ul li:after{ content: ""; display: block; width: 0%; height: 0%;background: url(../images/liu2.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transition: all .5s; }
.pg_hd ul li.on{ color: #004B91;; font-family: "CG";font-weight: bold;}
.pg_hd ul li.on:after{ width: 100%; height: 100%; left: 0; top: 0; }
.pg_bd h3{ font-size: 36px; font-family: "CG"; display: inline-block; position: relative; padding-right: 30px; margin-bottom: 50px;}
.pg_bd h3:before{ content: ""; display: block; width: 53px; height: 53px; background:url(../images/line.png) no-repeat center; position: absolute; top: 20px; right: 0;}
.pg_bd i{ display: block; width: 18px; height: 38px; background:url(../images/line2.png) no-repeat center; background-size: 100% 100%; margin: 20px 0;}
.pg_bd .text{ line-height: 24px; max-width:700px;}

.about_honor{ width: 100%; height: 600px; background: url(../images/about_bg4.jpg) no-repeat center; z-index: 1; background-size: cover; background-attachment: fixed; position: relative;}
.about_honor:before{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0;}
.about_honor .info{ text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff;}
.about_honor h3{ font-size: 30px;}
.about_honor .honor_icon{ margin-bottom: 20px;}
.about_honor p{ font-size: 18px; margin-bottom: 20px;}

.honor_img,.honor_zs{ float: left; height: 650px;}
.honor_img{ width: 40%;}
.honor_zs{ width: 60%; float: right; background: url(../images/honor_bg.jpg) no-repeat center; background-size: cover; padding:70px 60px; box-sizing: border-box;}
.honor{ margin: 100px auto;}
.honor_tit{ margin-bottom: 60px;}
.honor_tit img{ vertical-align: middle; float: left; margin-right: 30px;}
.honor_tit em{ display: block; font-size: 30px;}
.honor_tit span{ float: left; margin-top: 50px;}
.honor_pic{ height: auto;}
.honor_pic .img img{ width: 100%; height: 100%;}
.honor_pic .swiper-slide{ background: #fff; height: auto; padding: 12px 10px; margin-bottom: 50px; box-sizing: border-box; text-align: center; padding-bottom: 0;}
.honor_pic .tit{ line-height: 50px;}
.honor_pic .img{ height: 150px; width: 100%;}
.honor_pic .btn{ display: inline-block; width: 50px; cursor: pointer; transition: all .4s; height: 50px; text-align: center; background: #a8aaa5; line-height: 50px; border-radius: 50%;}
.honor_pic .swiper-button-next{ float: right;}
.honor_pic .btn:hover{ background: #325F99;}
.honor_pic .btn img{ vertical-align: middle;}
.honor_pic .swiper-pagination{ bottom: 20px;}
.honor_pic .swiper-pagination span{ width: 10px!important; height: 10px; border-radius: 50%; background: #fff;}
.honor_pic .swiper-pagination-bullet-active{ background: #325f99!important;}

.culture{ text-align: center; padding: 100px 0;}
.cul_tit{ color: #325f99; font-size: 24px; margin-bottom: 40px;}
.cul_tit em{ display: block; font-size: 30px; font-weight: bold; text-transform: uppercase;}
.cul_desc{ line-height: 30px; text-align:left; font-size:14px;}
.cul_box{ margin: 40px 0;}
.cul_box .box{ display: inline-block; margin: 0 20px; position: relative; width: 21%; z-index: 1; overflow: hidden;}
.cul_box .box:before{ content:""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.1); position: absolute; left: 0; top: 0;}
.cul_box .box h3{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff;}
.cul_box .box h3 em{ display: block; font-size: 24px;}
.cul_box .box img{ vertical-align: bottom; width: 100%; height: 100%; transition: all .6s;}
.cul_box .box:hover img{ transform: scale(1.1,1.1);}
.news_list2 ul{ margin-left: -1.4%;display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.news_list2 li{ width: 23.6%; margin-left: 1.4%; position: relative; float: left; margin-bottom: 20px;}
.news_list2 li .img{width: 100%;  height: 240px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.news_list2 li .img img{ height: 100%; transition: all .6s; width:100%;}
.news_list2 li:hover img{ transform: scale(1.04,1.04)}
.bg{ background:#fbfbfb; padding: 85px 0;}
.news_list2 li .info{ background: #fff; padding: 30px 20px; box-sizing: border-box;}
.news_list2 li h3{ line-height: 24px; font-size: 18px; height:72px; overflow: hidden; margin-bottom:0px; transition: all .6s;}
.news_list2 li:first-child{ width: 48.6%; height: 441px;}
.news_list2 li:first-child .img{ width: 100%; height: 100%;}
.news_list2 li:first-child .info{ width: 42%; background: rgba(0,75,145,.9); position: absolute; right: 24px; bottom: 24px; color: #fff;}
.news_list2 li:first-child h3{ margin-bottom: 79px;}
.news_list2 li:hover h3{ transform: translateY(30px); color: #325F99;}
.news_list2 li:first-child:hover h3{color: #fff;}
.news_list2 .load_more{ margin-top: 80px;}

/*新闻详情*/
.industry_about,.xq_page{ background: #f8f8f8; padding: 70px 0;}
.xq_page .z-container2{width: 79%; margin: 0 auto; padding: 80px 8%; box-sizing: border-box; background: #fff;}
.pages_bar{ display: flex; justify-content: space-between;margin-top: 60px; }
.pages_bar a{ display: block; width: 30%; border: 1px solid #c9c9c9;transition: all .4s; box-sizing: border-box; text-align: center; height: 50px; line-height: 50px;}
.pages_bar a:hover{background: #333; color: #fff;}
.news_tit{ border-bottom:1px solid #c9c9c9;}
.news_tit h3{ font-size: 24px;}
.news_tit p{ margin: 20px 0; line-height: 20px;}
.news_tit p span{ display: inline-block; margin: 0 10px; color: #666;}
.news_tit .time{ background: url(../images/time.png) no-repeat left center; padding-left: 30px; height: 20px;}
.news_con{ padding: 40px 0; color: #666; line-height: 24px; min-height: 400px; border-bottom:1px solid #c9c9c9;}
.news_con img{ max-width: 100%;}
.pages_bar2 a{}
.pages_bar2 a:nth-child(2){ border: none;}

/*联系我们*/
.contact_bar{ background: url(../images/contact_bg.jpg) no-repeat center; background-size: cover; height: 660px; position:relative}
.contact_bar .textbox{ position: absolute; left: 32.8%; top: 50%; transform: translateY(-50%); color: #fff;}
.contact_bar h3{ font-size: 30px;}
.contact_bar p,.contact_bar .p{ font-size: 18px; line-height: 30px; margin: 30px 0;}
.contact_bar .see{ display: block; width: 148px; height: 44px; background: #0061b3; text-align: center; line-height: 44px; color: #fff;}
.contact_bar .yan{ display: inline-block; width: 24px; height: 24px; background: url(../images/yan.png) no-repeat center; background-position-y: -24px;vertical-align: middle; margin-right: 5px; margin-top: -2px}

.contact_info{ padding: 100px 0; padding-top: 50px;}
.contact_info .titbar{ border-bottom:1px solid #e5e5e5; padding: 50px 0; position: relative; font-size: 30px; margin-bottom: 40px; }
.contact_info .titbar .tel{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);text-align: right; color: #878787; font-size: 14px;}
.titbar .tel em{ display: block; color: #325f99; font-size: 24px; margin-top: 5px; font-weight: bold;}
.contact_btm{ display: flex; align-items: flex-end; justify-content: space-between;}
.conatct_addre{ float: left; line-height:30px;}
.conatct_addre p{ margin-bottom: 10px; color: #666;}
.contact_btm .foot_code{ margin-left: auto;}
.contact_nl{ text-align: center; padding: 90px 0;}
.contact_nl h3{ font-size: 30px;}
.contact_nl .line{ display: inline-block; width: 12px; height: 4px;background: #273977; margin: 30px 0;}
.contact_nl .text{ line-height: 24px; color: #666666;}
.conatct_gh{ z-index: 1; background: url(../images/contact_bg2.jpg) no-repeat center; background-attachment: fixed; background-size: cover; padding: 160px 0; color: #fff; position: relative;}
.conatct_gh:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.15); position: absolute;left: 0; top: 0;}
.conatct_gh h3{ font-size: 30px;}
.conatct_gh h4{ font-size: 18px; line-height: 24px; margin: 30px 0;}
.conatct_gh .text{ line-height: 24px; margin-bottom: 70px;}
.hz_page{ }
.hz_tit{ font-size: 24px; margin-bottom: 30px;}
.hz_list ul{ margin-left: 0.38%;}
.hz_list li{ width: 13.9%; margin-left: 0.38%; margin-bottom: 4px; background: #fff; height: 88px; float: left; display: flex; justify-content: center; align-items: center;}
.hz_list li img{ max-width: 100%; max-height: 100%; transition: all .6s;}
.hz_list li:hover img{ animation: swing 1s}
.rc_list{ margin-left: -2%;}
.rc_box{ width: 48%; float: left; margin-left: 2%; margin-bottom: 30px; background: #fff; padding: 0 40px; box-sizing: border-box;}
.rc_box:nth-child(even){ float: right;}
.rc_head .tit{ height: 120px; line-height: 120px; font-size: 30px;border-bottom: 1px solid #e2e2e2;}
.rc_head .tit em{ display: inline-block; float: right; width: 38px; height: 38px; background: url(../images/add.png) no-repeat center; background-size: 100% 100%; margin-top: 40px;}
.rc_tj{ border-bottom: 1px solid #e2e2e2; padding: 20px 0;}

.rc_tj h3,.rc_tj h4{ display: flex; justify-content: space-between; }
.rc_down{ padding: 30px 0; color: #666666; line-height: 24px; display: none;}
.rc_head .time{ padding: 30px 0; color: #666;}
.rc_tj h4 { margin-top: 5px;}
.rc_tj h4  span{font-weight: bold; font-size: 18px;}
.rc_box{ cursor: pointer;}
.rc_box .rc_show{ color: #666; line-height: 30px;padding: 40px 50px; box-sizing: border-box; padding-top: 10px;}
.rc_box .rc_down{ color:#7f7f7f; line-height: 30px; box-sizing: border-box; display: none; padding-bottom: 53px; }

.rc_box.on .rc_down{ display: block;}
.rc_box.on .rc_hide{ display: none;}
.rc_box.on .tit em{ background:url(../images/jian.png) no-repeat center;}
.tjbtn{ display: block; width: 100px; height: 44px; color: #fff; background: #325f99; line-height: 44px; text-align: center; margin-top: 60px; }

.fu_part1{ width: 100%; background: url(../images/fu_bg1.jpg) no-repeat center; background-size: cover; padding: 150px 0;}
.fu_part1 .desc{ width: 42%; color: #fff;}
.fu_part1 h3{ font-size: 42px; margin-bottom: 30px;}
.fu_part1 .text{ line-height: 24px;}
.fu_part2{ width: 100%; background: url(../images/fu_bg2.jpg) no-repeat center; background-attachment: fixed; background-size: cover;height: 660px; padding-top: 140px; box-sizing: border-box; }
.fu_part2 .tit{ font-size: 42px;color: #fff; margin-bottom: 70px;}
.adv_box{ margin-left: -0.1%;}
.adv_box li{ width: 19.9%; margin-left: 0.1%; min-height: 220px; float: left; background: rgba(255,255,255,.8); box-sizing: border-box; transition: all .6s;}
.adv_box li em{ display: block; font-weight: bold; margin-bottom: 5px; transition: all .6s; padding: 30px; padding-bottom: 0;}
.adv_box .titbox{ box-sizing: border-box;}
.adv_box .icon{ display: flex; justify-content: center; align-items: center; text-align: center; height: 0px;transition: all .6s; overflow: hidden; }
.adv_box .titbox h3{ margin-top: 10px; color: #fff; font-size: 16px; font-weight: bold;}
.adv_box li:hover .titbox{ background: #325f99;}
.adv_box li:hover em{ opacity: 0; padding: 0; height: 0; overflow: hidden; margin-bottom: 0;}
.adv_box .desc{ line-height: 24px; color: #666; padding: 30px; box-sizing: border-box; padding-top:10px;transition: all .6s;}
.adv_box li:hover .desc{ padding-top: 30px; background: #4d80c1; color: #fff;}
.adv_box li:hover .icon{height: 140px;}

.fu_part3{ background: url(../images/fu_bg3.jpg) no-repeat center; background-size: cover; padding: 150px 0;}
.fu_part3 .tit{font-size: 42px; margin-bottom: 30px; color: #fff;}
.adv_box2 li{ padding: 30px; box-sizing: border-box; position: relative; z-index: 1;}
.adv_box2 li h3{ font-weight: bold; margin-bottom: 10px;transition: all .6s;}
.adv_box2 li .text{ color: #666; line-height: 24px;transition: all .6s;}
.adv_box2 li:before{ content:""; display: block; width: 100%; height: 0%; background: #325f99;  position: absolute; left: 0; top: 0; transition: all .6s;}
.adv_box2 li:hover:before{ height: 100%; top: auto; bottom: 0;}
.adv_box2 li:hover h3{ color: #fff;}
.adv_box2 li:hover .text{ color: #fff;}

.fu_part4{  color: #fff; position: relative;}
.fu_part4 li{ padding: 150px 0;}
.fu_part4 .btn_box{ position: absolute; left: 0; bottom: 110px; z-index: 99; width: 100%;}
.fu_part4 li h3{ font-size: 42px;transform:translateY(100%); visibility: hidden; opacity:0;transition:ease 2s; transition-delay:.2s; }
.fu_part4 li.swiper-slide-active h3,.fu_part4 li.swiper-slide-active h4,.fu_part4 li.swiper-slide-active .text{transform:translateY(0); opacity:1;visibility: visible;}
.fu_part4 li em{ display: block; width: 28px; height: 3px; background: #fff; margin: 45px 0;}
.fu_part4 li h4{ font-size: 24px; font-weight: bold; margin-bottom: 20px;transform:translateY(-100%); visibility: hidden; opacity:0;transition:ease 2s; transition-delay:.2s; }
.fu_part4 li .text{ line-height: 24px; width: 25%; min-height: 180px; margin-bottom: 20px; overflow: hidden;transform:translateY(50%); visibility: hidden; opacity:0;transition:ease 2s; transition-delay:.6s;}
.fu_part4 .btn{ display: inline-block; cursor: pointer; width: 40px; height:34px; overflow: hidden; margin-right: 10px;}
.fu_part4 .btn img{transition: all .6s; vertical-align: top;}
.fu_part4 .btn:hover img{ transform: translateY(-34px);}
.fu_part5{ background: url(../images/fu_bg5.jpg) no-repeat center; z-index: 1; color: #fff; background-size: cover; background-attachment: fixed; padding: 100px 0;position: relative;}
.fu_part5:before{ content:""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0;}
.fu_left,.fu_right{ width: 50%; float: left; height: 530px; display: flex; align-items: center;}
.fu_left{}
.fu_left .text{ width: 56%;}
.fu_left .text h3{ font-size: 42px; margin-bottom: 50px;}
.fu_left .text p{ line-height: 24px;}
.fu_right img{ max-width: 100%;max-height: 100%;}

.footer .z-container{ width: 79%;}
.case_page{ padding: 80px 0; background: #fbfbfb;}
.case_list .ul{ margin-left: -0.8%;}
.case_list .li{ width: 32.5%; float: left; margin-left: 0.8%; margin-bottom: 20px; }
.case_list .li .img{ width: 100%; overflow: hidden; height:330px;}
.case_list .li img{width: 100%; transition: all .6s; vertical-align: bottom;}
.case_list .li:hover img{ transform: scale(1.1,1.1);}
.case_list .info{ width: 100%; background: #fff; padding: 30px; box-sizing: border-box; transition: all .5s;}
.case_list .info h3{ font-size: 16px; margin-bottom: 10px;transition: all .5s; text-align:center;}
.case_list .info h3 span{ display: inline-block; width: 70%;}
.case_list .info .yan{ display: inline-block; width: 18px; height: 24px; float: right;transition: all .6s; background: url(../images/yan.png) no-repeat top center; background-size: 100% auto; }
.case_list .info p{ position: relative; z-index: 1;}
.case_list .info p:before{ content: ""; display: block; transition: all 1s; width: 20px; height: 1px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background:#666666;}
.case_list .li:hover .info{background:#325f99; color: #fff; }
.case_list .li:hover h3{color: #fff;}
.case_list .li:hover .yan{ background-position-y: -24px;}
.case_list .li:hover p:before{ width: 100%; background: #fff;}
.case_list .li:hover .text{ display: inline-block; background:#325f99 ;}
.case_list .li .text{padding-right: 20px;transition: all .5s; }
.aply_pop{ width: 560px; height: 280px; background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 7px 0 46px rgba(0,0,0,.2); text-align: center; padding: 10px;box-sizing: border-box; display: none;    z-index: 999;}
.aply_pop h3{ height: 66px; line-height: 66px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px;}
.aply_pop .uploadbtn{ display: inline-block; width: 100px; height: 33x; text-align: center;line-height: 33px; color: #333; color: #fff; border-radius: 4px; background:#273977; position: relative;overflow: hidden;}
.aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;}
.aply_pop p{ color: #7f7f7f; margin-top:5px; margin-bottom: 40px;}
.aply_pop .btn_groupa button{ display: inline-block; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px; cursor: pointer;}
.aply_pop .btn_groupa .surebtn{ background: #929292;}
.aply_pop .closebtn{ width: 27px; height: 27px;background: url(../images/close.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 15px; top: 15px; cursor: pointer;}

#zoom {
z-index: 99990;
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
z-index: 99991;
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
background: #ffffff no-repeat 50% 50%;
padding: 0;
margin: -100px 0 0 -100px;
box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
}
#zoom .content.loading {
background-image: url('../images/loading.gif');
}
#zoom .content .overlay {
position: absolute;
border: 1px solid rgba(255, 255, 255, .08);
top: -1px;
left: -1px;
width: 100%;
height: 100%;
-webkit-user-select: none;
}
#zoom img {
display: block;
max-width: none;
background: #ececec;
box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
#zoom .close {
z-index: 99993;
position: absolute;
top: 0;
right: 0;
width: 49px;
height: 49px;
cursor: pointer;
background: transparent url(../images/close.png) no-repeat 50% 50%;
opacity: 1;
filter: alpha(opacity=100);
}
#zoom .previous,
#zoom .next {
z-index: 99992;
position: absolute;
top: 50%;
overflow: hidden;
display: block;
width: 49px;
height: 49px;
margin-top: -25px;
}
#zoom .previous {left: 0;background: url('../images/arrows.png') no-repeat 0 0;}
#zoom .next {right: 0;background: url('../images/arrows.png') no-repeat 100% 0;}
#zoom .close:hover {background-color: #da4f49;}
#zoom .previous:hover,
#zoom .next:hover {background-color: #0088cc;}
@media screen and (max-width: 1600px) {.news_l, .news_r{ padding: 120px 8%;}}
@media screen and (max-width: 1440px) {
.index_about .flex{ width: 85%;}
.news_l, .news_r{ padding: 120px 6%;}
.jj_left h3 span{ font-size: 72px;}
.right_bar .box h3{ font-size: 40px;}
.right_bar .box h3{ margin-top: 55px;}
.z-container2{ width: 90%;}
.fu_part4 li .text{ width: 50%;}
.banner .slide2 h3{font-size:50px}
.banner .slide1 h3,.banner .slide2 p{font-size:40px}
.jj_left{width:60%;}
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
.case_list .li .img{ height:auto!important;}
.jj_left .text_box{ width:100%!important;}
.banner{ position: inherit; height: 300px!important;}
.z_header{ width: 100%; height: 50px;position: fixed; left: 0; top: 0; background: #fff;}
.header_nav{ display: none;}
.z_header .logo{ margin-left: 10px;}
.z_header .logo img{height: 35px;}
.slide_box{ width: 100%; padding: 15px;  position:fixed; transform: translateX(0); top: 50px; z-index: 999; background: #325f99; color: #fff; transform: translateY(100%);}
.slide_box a,.slide_nav .nav_down a,.slide_nav .nav_down a.active, .slide_nav .nav_down a:hover,.slide_tit h3{ color: #fff;}
.slide_nav .nav_down a:before{ background: #fff;}
.slide_box.on{ transform: translateY(0);}
.search_bar{ display: none;}
.slide_tit h3{ font-size: 16px;}
.slide_tit{ padding-bottom: 15px; margin-bottom: 15px;}
.slide_nav li{ margin-bottom: 20px;}
.mobile_btn{ width: 50px; height: 50px;}
.z_header .logo{ line-height: 50px;}
.banner .slide1 h3,.banner .slide2 p{font-size:30px; margin:0; line-height: 32px; padding: 0 10px; box-sizing: border-box; font-weight: bold;}
.banner .slide1 p{ font-size:14px; font-weight:normal; margin-top:10px;}
.banner .slide1 .banner_text{width:80%; text-align: center;}
.banner .slide2 h3{ font-size: 16px;}
.banner .slide2 .banner_text{ top:50%}
.banner .slide1 .banner_text{}
.index_video, .index_about{ width: 100%; height: auto;}
.index_video{ height: 270px;}
.play_bar h3{ font-size: 18px; margin-bottom: 10px;}
.index_about{padding: 30px 0;}
.index_about .flex{ padding: 0 10px; width: 100%;}
.abt_tit{ margin-bottom: 20px;}
.abt_tit h3{ font-size: 18px;}
.abt_num{ margin-top: 30px;}
.abt_num .box .counter{ font-size: 24px;}
.case_l, .case_r{ width: 100%; height: auto;padding: 0;}
.case_tit{ height: auto; padding:30px 10px;}
.more_bar{ position: relative; bottom: 0; top: 20px; padding-left: 10px;}
.index_tit h3{ font-size: 20px; line-height: 24px;}
.index_case{ height: auto;}
.case_box .box{ width: 33.3%; padding: 10px; height: 180px;}
.case_box .box:nth-child(4),.case_box .box:nth-child(5){ width: 50%;}
.case_box .box h3{ font-size: 14px; padding: 0 10px}
.case_box .box span{ margin:30px 0px 0 0;}
.case_r{ padding: 30px 0;justify-content: center;}
.case_k{ width: 50%; height: 210px;}
.case_k h3,.case_k span{ font-size: 18px;}
.case_k .more{ margin-top: 30px;}
.news_l, .news_r{ width: 100%; height: auto; padding: 30px 15px;}
.index_tit h4{ font-size: 14px;}
.news_list li .img{ width: 120px; height: 80px;}
.news_list .info h3,.news_r h3{ font-size: 14px; margin: 0;}
.news_l .index_tit{ margin-bottom: 20px;}
.news_r .img{ height: auto;}
.news_r .desc{ margin: 20px 0;}
.logo_warp{ width: 94%; padding: 30px 0;}
.logo_warp .index_tit2 h3{ font-size: 18px; line-height: 20px;}
.logo_warp .index_tit2 i{ font-size: 14px;}
.logo_warp .swiper-slide{ height: 60px;}
.foot_link,.foot_btm{ padding: 20px 0;}
.foot_addre p{ line-height: 20px;}
.foot_copy{ margin-top: 0;}
.foot_copy .z-container{ width: 94%;}
.foot_right,.foot_code{ float: left; width: 100%; text-align: center; }
.foot_code img{ float: none; display: block; margin: 0 auto ; margin-bottom: 10px;}
.foot_code span{ float: none; margin: 0; display: inline-block;white-space :nowrap ; text-align: center;}
.foot_code em{ display: inline-block; }
.other_banner{ height: 320px;}
#wrapper { height: 40px; width: 100%; overflow: hidden;}
.page_nav { line-height: 40px; height: 40px;overflow: hidden; width: 100%!important;   }
.page_nav li{ padding: 0 12px; display: block; float: left;}
.page_nav li a{ font-size: 14px;}
.jj_left{ width: 100%; padding: 30px 15px; height: auto;}
.jj_left h3{height: 60px; margin-bottom: 10px;}
.jj_left h3 span{ font-size: 40px;}
.jj_left h3 em{ font-size: 16px; top: -20px;}
.jj_left h4{ margin-bottom: 10px;}
.jj_right{ width: 100%; height:100px}
.right_bar .box{ width: 33.3%; height: 100px;}
.right_bar .box h3{ margin-top: 30px; font-size:20px;}
.about_box .box{ width: 100%; height: 270px;}
.about_box .index_video h3,.about_cul h3 em,.about_cul h3{ font-size: 18px;}
.about_progress{ padding: 30px 0;}
.pg_hd ul li{ margin-left: 10px; margin-bottom: 20px;font-size: 12px; width: 74px; height: 84px; line-height: 84px; margin-bottom: 10px;}
.pg_hd ul li:before{ width: 15px; left: -15px;}

.about_progress .pg_tit h3{ font-size: 18px;}
.about_progress .pg_tit{ margin-bottom: 30px;}
.pg_bd h3{ font-size: 18px; padding-right: 20px; margin: 20px 0;}
.pg_bd h3:before{ width: 20px; height: 20px; top: 10px;}
.pg_bd .text{ font-size: 12px; line-height: 20px;}
.about_honor{ height: 300px;}
.about_honor .honor_icon img{ height: 80px;}
.about_honor h3{ font-size: 18px;}
.about_honor p{ font-size: 14px;}
.honor_img,.honor_zs{ width: 100%; height: auto;}
.honor_img{ height: 320px;}
.z-container2{ width: 94%;}
.honor{ margin: 30px auto;}
.honor_zs{ padding: 20px 10px;}
.honor_pic .img{ height: auto;}
.honor_tit img{ height: 50px;}
.honor_tit span{ margin-top: 0;}
.honor_tit em{ font-size: 18px;}
.honor_tit{ margin-bottom: 20px;}
.honor_pic .swiper-slide{ margin-bottom: 20px;}
.honor_pic .btn{ width: 30px; height: 30px; line-height: 30px;}
.honor_pic .swiper-pagination{ bottom: 8px;}
.cul_tit{ font-size: 18px; margin-bottom: 30px;}
.cul_tit em{ font-size: 20px;}
.culture{ padding: 30px 0;}
.cul_box{ margin: 20px 0;}
.cul_box .box{ width: 29%; margin: 0 5px}
.cul_box .box h3 em{ font-size: 18px;}
.news_list2 li:first-child{ width: 100%; height: auto;}
.news_list2 li .img img{ min-height: auto; width: 100%;}
.news_list2 ul{ margin-left: 0;}
.news_list2 li{ width: 100%; margin-left: 0;}
.news_list2 li:first-child .info{ position: relative; right: auto; bottom: 0; width: 100%;}
.news_list2 li h3{ margin-bottom: 20px; font-size: 14px;}
.news_list2 li .info{ padding: 20px 10px;}
.news_list2 li:first-child h3{ margin-bottom: 20px;}
.bg{ padding: 20px 0;}
.news_list2 .load_more{ margin-top: 10px;}
.load_more{ width: 120px; height: 40px; line-height: 40px; font-size: 14px;}
.mobile_btn span{ height: 2px;}
.xq_page{ padding: 30px 0;}
.xq_page .z-container2{ width: 94%; padding: 20px;}
.news_tit h3{ font-size: 16px; margin-bottom: 20px;}
.pages_bar{ margin: 30px 0;}
.pages_bar a{ height: 35px; line-height: 35px;}
.news_con{ padding: 20px 0;}
.other_banner{ background-attachment: inherit!important; background-size:cover!important}
.slide_nav .nav_down a{ font-size:12px; color:rgba(255,255,255,.8);margin-right:15px}
.contact_info .titbar,.titbar .tel em{ font-size: 16px;}
.contact_info{ padding: 30px 0; padding-top: 0;}
.contact_info .titbar{padding: 30px 0; margin-bottom: 30px;}
.contact_btm{ display: block;}
.contact_bar{ height: 330px; background:url(../images/contact_bg.jpg) no-repeat right center; background-size: cover; }
.contact_bar .textbox{ left: 50%; top: 50%; transform: translate(-50%,-50%);width:74%}
.contact_bar h3{ font-size: 18px;}
.contact_bar p{ font-size: 14px; line-height: 20px;}
.contact_nl{ padding: 30px 10px; box-sizing: border-box;}
.contact_nl h3,.conatct_gh h3{ font-size: 18px;}
.contact_nl .line{ margin: 10px 0;}
.conatct_gh{ padding: 30px 0;background-attachment:inherit}
.conatct_gh h4{ font-size: 16px; margin: 15px 0;}
.conatct_gh .text{ margin-bottom: 30px; width:80%;    margin: 0 auto;}
.contact_bar p, .contact_bar .p{ font-size:16px}
.hz_list ul{ margin-left: -1%; }
.hz_list li{ width: 32.3%; margin-left: 1%;height: 60px;}
.hz_tit{ font-size: 18px; margin-bottom: 20px;}
.fu_part1{ padding: 30px 0;}
.fu_part1 .desc{ width: 100%;}
.fu_part1 h3{ font-size: 18px;}
.fu_part2{ height: auto; padding: 30px 0;}
.fu_part2 .tit,.fu_part3 .tit{ font-size: 18px; margin-bottom: 30px;}
.adv_box li{ width: 99.9%; height: auto;}
.adv_box li em,.adv_box .desc{ padding: 15px; color: #fff;}
.adv_box li em{ padding-bottom: 0;}
.adv_box .titbox{background: #325f99;}
.adv_box .desc{background: #4d80c1; color: #fff;}
.adv_box .icon{ height: 120px;}
.fu_part3{ padding: 30px 0;}
.adv_box2 li{ min-height: auto; margin-bottom: 5px;}
.fu_part4 li .text{ width: 100%;}
.fu_part4 li h3{ font-size: 18px;}
.fu_part4 li em{ margin: 15px 0; height: 1px;}
.fu_part4 li h4{ font-size: 16px;}
.fu_part4 li .text{ min-height: 100px;}
.fu_left, .fu_right{ width: 100%; height: auto;}
.fu_left .text{ width: 100%;}
.fu_left .text h3{ font-size: 20px; margin-bottom: 20px;}
.fu_part5{ padding: 30px 0;}
.fu_right{ margin-top: 20px;}
.rc_box{ width: 98%; padding: 0 10px; margin-bottom: 10px;}
.rc_head .tit{ font-size: 18px; line-height: 60px; height: 60px;}
.rc_head .tit em{ width: 28px; height: 28px; background-size: 100% 100%!important; margin-top: 15px;}
.rc_down{ padding: 15px 0; padding-bottom: 15px!important;}
.tjbtn{ margin-top: 20px;}
.tjbtn{ height: 34px; line-height: 34px;}
.rc_tj h4 span{ font-size: 16px;}
.rc_head .time{ padding: 15px 0;}
.footer .z-container{ width:94%;}
.case_page{ padding: 30px 0;}
.case_list .li{ width: 99.2%;}
.case_list .info{ padding: 15px;}
.news_list2 li:first-child .img,.news_list2 li .img{ height:auto}
.banner .slide2 .banner_text{ diplay:block!important}
}
.contact_map{width: 100%; vertical-align: bottom;}
.contact_map .section{display:block}
.contact_map .lh-map{height:500px; width:100%;}
.contact_map .lh-map-box{ background:#fff; border-top:1px solid #F7F7F7;}
.page-list {max-width:1600px;margin:30px auto 0;text-align:center;}
.page-list a {width:40px;height:40px;display:inline-block;border:1px solid #ccc;text-align:center;line-height:38px;font-size:16px;color:#666;background:#fff;border-radius:3px;margin-right:10px;transition: all 0.5s linear;font-family: 'gotham-Book';}
.page-list a:hover {color:#fff;background:#04745a;border:1px solid #325f99;}
.page-list a.now {color:#fff;background:#04745a;border:1px solid #325f99;}