@charset "UTF-8";

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-family: "微软雅黑";font-size: 14px; background:#fff; overflow-x:hidden; color: #333; }
a{font-size:16px;text-decoration:none;  color: #333; transition: all .45s; z-index: 99999;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}
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: 1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;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;line-height: 40px;}
*:before, *:after { z-index: -1; }
@font-face {
  font-family: 'en';  
  src: url("../font/Oswald-Medium.ttf");;

}

.z_header{ width: 100%; position: fixed; text-align: center; left: 0; top: 0; height: 80px; background: #212881; padding: 0 30px;z-index: 99; box-sizing: border-box;}
.z_header .logo{ height: 100%; line-height: 80px; position: absolute; left: 30px; top: 0px;}
.z_header .logo img{ vertical-align: middle;}
.header_nav{ display: inline-block;
}
.header_nav li{ display: inline-block; width: 150px; height: 80px; text-align: center; position: relative; z-index: 1;}
.header_nav li>a{ color: #fff; margin-top: 23px; display: inline-block; font-size: 15px;}
.header_nav li:before{content: ""; display: block; width: 0%; height: 100%; background: #171c60; position: absolute; left: 0; top: 0; transition: all .6s;}
.header_nav li.active:before,.header_nav li:hover:before{ width: 100%; left: auto; right: 0;  }

.header_nav .navdown{ position: fixed; left: 0; top: 80px; background:rgba(255,255,255,.7); height: 70px; width: 100%; line-height: 70px; visibility: hidden;opacity: 0; transform: translateY(100%); transition: all .6s;}
.header_nav li em{ display: block; color: #888888; font-family: arial; font-size: 14px;}
.z_header .soubtn{ display:block; width: 40px; height: 40px; background: url(../image/sou.png) no-repeat center; position: absolute; right: 50px; top: 20px; cursor: pointer;}
.header_nav .navdown a{display: inline-block; margin: 0 4vw;}
.header_nav .navdown a.active,.header_nav .navdown a:hover{ color: #2e96d6;}
.header_nav li:hover .navdown{ visibility: visible; transform: translateY(0); opacity: 1;}
.search_box{ width: 100%; height: 70px; background: #fff; line-height: 70px; position:fixed; left: 0; top: 80px;visibility: hidden; transform: translateY(50%); transition: all .6s;}
.search_box.on{visibility: visible; transform: translateY(0);}
.page_bar{ position:fixed; right: 30px; top: 65%;z-index: 10; color: #fff; font-family: "en"; font-size: 18px; padding-top: 100px; }
.page_bar:before{ content: ""; display: block; width: 1px; height: 80px; background: rgba(255,255,255,.3); position: absolute; left: 50%; top: 0;}
.page_bar.on{ color: #666666;}
.page_bar.on:before{ background: #bbb;}
.page_bar.on .one{ color: #0164a0;}
.page_bar .one{ font-size: 28px; font-weight: bold;}
.search_box .text{ width: 80%; font-size: 14px;}
.search_box .btn{ float: right;font-size: 24px; color: #171c60; }
.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;}
.section{  box-sizing: border-box; overflow: hidden;}
.banner .btn{ display: block; width: 60px; cursor: pointer; text-align: center; height: 60px; line-height: 60px; position: absolute; top: 50%;z-index: 10; transform: translateY(-50%);}
.banner .btn img{ vertical-align: middle;}
.banner .btn:before{ content: ""; display: block; transition: all .6s; width: 0%; height: 0%; border-radius: 50%; position: absolute; left: 50%; top: 50%; background: #0164a0;}
.banner .swiper-button-next{ right: 120px;}
.banner .swiper-button-prev{ left: 120px;}
.banner .btn:hover:before{ width: 100%; height: 100%; left: 0; top: 0;}
.text_box{ width: 44%; position: absolute; left: 19%; top: 50%; transform: translateY(-50%); color: #fff; z-index: 2;}
.text_box h3{ font-size: 36px; transform:translateY(100%); opacity:0;transition:ease 2s; transition-delay:.2s; }
.text_box h4{ text-transform: uppercase; font-size:36px; font-family: "Arial" ; white-space:nowrap; margin: 7px 0;transform:translateY(100%); opacity:0;transition:ease 2s;transition-delay:.4s;}
.text_box .desc{ line-height: 30px;transform:translateY(100%); opacity:0;transition:ease 2s; transition-delay:.8s;}

.banner .swiper-slide-active h3,
.banner .swiper-slide-duplicate-active h3{transform:translateX(0); opacity:1;}
.banner .swiper-slide-active h4,
.banner .swiper-slide-duplicate-active h4{transform:translateY(0); opacity:1;}
.banner .swiper-slide-active .desc,
.banner .swiper-slide-duplicate-active .desc{transform:translateY(0); opacity:1;}

#fp-nav{ position: fixed; width:20px; right: 45px; top: 50%;  z-index: 10; transition: all .4s;}
#fp-nav li{ display:block; width: 20px; text-align: center; height: 20px; transition: all .6s;  margin: 10px auto; position: relative; z-index: 1;}
#fp-nav li a{ display: block; width: 100%; height: 100%; position: relative;}
#fp-nav li span{background: #fff;border-radius: 50%; display:inline-block; width: 8px; height: 8px; }
#fp-nav li :before{ content: ""; display: block; width: 100%; height: 100%; opacity: 0; background: url(../image/cir.png) no-repeat center; position: absolute; left: 0; top:1px; transition: all .6s; background-size: 100% 100%; }
#fp-nav li a:hover:before{ transform: rotate(360deg); opacity: 1;}
#fp-nav li .active:before{ opacity: 1;}
#fp-nav li .active{ transform: rotate(230deg);}
#fp-nav.on li .active{}
#fp-nav.on li span{ background: #bbbbbb;}
#fp-nav.on li :before{background: url(../image/cir2.png) no-repeat center;}
#fp-nav.on li .active span{ background: #0164a0;}

.mobile_btn{cursor:pointer; display: flex;z-index: 4; justify-content: center; align-items: center; box-sizing: border-box; width: 50px;height: 50px;right: 0; position: absolute; top: 0; display: none; }
.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;}

.section{ position: relative;}
.section2{ background: url(../image/bg.png) no-repeat left -40px top;  box-sizing: border-box;}
.about_left{ width: 59%; float: left;}
.about_left .about_text{ width: 55%; margin: 0 auto;  margin-top: 10vh;}
@media (max-width: 1440px)
{
	.about_left .about_text{ width:74%; margin: 0 auto;  margin-top: 14vh;}
}
@media (max-width: 1600px)
{
	.about_left .about_text{ width:74%; margin: 0 auto;  margin-top: 12vh;}
}


.index_tit h3{ font-size: 48px; text-transform: uppercase; color: #171c60; font-family:"en";}
.index_tit h4{ font-size: 28px; margin-top: 5px;}
.about_desc{ line-height: 36px; color:#555; margin-top: 60px;}


.about_desc p{ line-height: 36px; color:#555; text-indent:2em;}
@media (max-width: 1440px)
{
	.about_desc p{ line-height: 32px; color:#555; text-indent:2em;font-size:14px;}
}
@media (max-width: 1600px)
{
	.about_desc p{ line-height: 32px; color:#555; text-indent:2em;font-size:14px;}
}
.about_right{ height: 100%; width: 41%; float: right;}


.about_box{ width: 100%; position: absolute; left: 0; bottom: 0;}
.about_box .z-container{ background: url(../image/bg2.jpg) no-repeat center; background-size: cover; text-align: center; padding: 60px 0;}


@media (max-width: 1440px)
{
	.about_box .z-container
	{ 
		background: url(../image/bg2.jpg) no-repeat center; 
		background-size: cover; 
		text-align: center; 
		padding: 20px 0;
		
	}

}

.about_box a{ display: inline-block; color: #fff; margin: 0 3vw; font-size: 18px; position: relative; z-index: 1; width: 139px; height: 139px; padding-top: 18px; box-sizing: border-box;}
.about_box .icon{ margin-bottom: 10px;}
.about_box a:before{ content: ""; display: block; width: 0%; height: 0%; transition: all .6s; border-top:1px solid rgba(255,255,255,.4);border-left:1px solid rgba(255,255,255,.4); position: absolute; left: 0; top: 0;}
.about_box a:after{ content: ""; display: block; width: 0%; height: 0%; transition: all .6s;border-bottom:1px solid rgba(255,255,255,.4);border-right:1px solid rgba(255,255,255,.4); position: absolute; right: 0; bottom: 0;}
.about_box a:hover:before,.about_box a:hover:after{ width: 100%; height: 100%;}

.section3,.section4{ padding-top: 16vh; text-align: center;}
.index_desc{ line-height: 30px; color: #555; margin-top: 20px;}
.zl_list{ width: 100%; position: absolute; left: 0; bottom: 0;}
.zl_list .box{ width: 20%; float: left; height: 500px; position: relative; overflow: hidden;}
@media screen and (max-width: 1440px)
{
	.zl_list .box{ width: 20%; float: left; height: 400px; position: relative; overflow: hidden;}
}
@media screen and (max-width: 1600px)
{
	.zl_list .box{ width: 20%; float: left; height: 400px; position: relative; overflow: hidden;}
}

.zl_list .box .img{ width: 100%; height: 100%; transition: all .6s; position: absolute; left: 0; top: 0;}
.zl_list .box a{ display: inline-block; width: 62%; z-index: 1; height: 80px; line-height: 80px; border:1px solid #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 24px; font-weight: bold; border-radius: 40px; background: rgba(0,0,0,.4); text-align: center;}
.zl_list .box a:before{ content: ""; display: block; width: 0%; height: 100%; border-radius: 40px; background: linear-gradient(to right, #171c60 , #0164a0); left: 50%; transition: all .6s; position: absolute; top: 0;}
.zl_list .box:hover .img{ transform: scale(1.1,1.1);}
.zl_list .box:hover a:before{width: 100%; left: 0;}
.case_box{margin-top: 7vh;}
.case_box .box{ width: 20%; display: flex; justify-content: center; position: relative;overflow: hidden; align-items: center; float: left; box-sizing: border-box;  height: 360px; text-align: center; border:1px solid #dddddd; border-left: none; }
.case_box .box:before{ content: ""; display: block; width: 0; height: 0; position: absolute; left: 0px; top: 0px; border-left:2px solid #171c60; border-top: 2px solid #171c60; transition: all .6s ; opacity: 0;}
.case_box .box:after{ content: ""; display: block; width: 0; height: 0; position: absolute; right: 0px; bottom: 0px;border-right:2px solid #171c60; border-bottom: 2px solid #171c60; transition: all .6s ;opacity: 0;}
.case_box .box:hover:before,.case_box .box:hover:after{ width: 100%; height: 100%;opacity: 1;}
.case_box .box a{ display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.case_box .box:first-child{border-left:1px solid #dddddd;}
.case_box .box .tit{ margin-top: 20px;}
.case_box .box h3{ font-size: 24px; margin-bottom: 4px;}
.case_box .box span{ color:#747474; text-transform: uppercase; font-family: "en";}
.case_box .box img{ transition: all .6s;}
.case_box .box:hover img{ transform: rotate(360deg);}
.section5{ padding-top: 80px;}
.pro_top{ padding: 8vh 0;}
.pro_top .z-container{ position: relative;}
.pro_nav{ position: absolute; right: 0; bottom: 0;}
.pro_nav a{ display: inline-block; height: 40px; border:1px solid #dddddd; box-sizing: border-box; width: 140px; border-radius: 30px; text-align: center; line-height: 40px; transition: all .6s;}
.pro_nav a.active,.pro_nav a:hover{ background: linear-gradient(to right, #171c60 , #0164a0); color: #fff; border: none;}
.pro_warp{ position: absolute; left: 0; bottom: 0;width: 100%;}
.pro_child{ width: 100%;}
.pro_child li{ width: 25%; float: left; height: 60vh; background: #f5f0e8; text-align: center; position: relative; overflow: hidden;}
.pro_child li a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.pro_child li:nth-child(4n+2){ background: #e7e7f3;}
.pro_child li:nth-child(4n-1){ background: #e0f2f1;}
.pro_child li:nth-child(4n+4){ background: #f5f0e8;}
.pro_child li .info{ width: 83%; transition: all .6s;  opacity: 0; height: 86%; box-sizing: border-box; position: absolute; text-align: center; color: #666; line-height: 28px; padding: 60px 30px; left: 8.5%; top: 7%; transform: translateY(-50%); transform: translateX(100%); background: #fff;}
.pro_child li img{ vertical-align: middle; max-width: 80%; max-height: 80%;}
.pro_child li .line,.pro_list2 li .line{ display: block; width: 40%; height: 3px; background: #dddddd; position: absolute; left: 50%; bottom: 60px; transform: translateX(-50%);}
.pro_child li h3{ font-size: 24px; margin: 40px 0;}
.pro_child li:hover .info{ opacity: 1; transform: translateX(0) }

.section6{ background: #ebf3f8; position: relative;z-index: 1;}
.section6:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../image/bg1.png) no-repeat left -40px top; position: absolute; left: 0; top: 0;}
.section6 .z-container{ padding: 0 40px; box-sizing: border-box; position: absolute; left: 50%; top: 56%; transform: translate(-50%,-50%);}
.section6 .fp-tableCell{}
.news_left{ width: 40%; float: left;}
.news_right{ width: 57%; float: right;}
.news_tit{ margin: 50px 0;}
.news_tit h3{ font-size: 20px; font-weight: bold;}
.news_tit p{ color: #888888; font-family: "en";}

.news_nav a{ display: inline-block; transition: all .2s; position: relative; padding-left: 10px; color: #666666; margin-right: 30px;}
.news_nav a:before{ content: ""; display: block;transition: all .2s; width: 6px; height: 6px; background: #666666; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.news_nav a.active:before,.news_nav a.active:before{ background: #0164A0;}
.news_nav a.active,.news_nav a:hover{color: #0164A0;}
.news_img{ width: 280px; float: left;}
.news_img li{ height: 180px; position: relative; margin-bottom: 20px; overflow: hidden; position: relative; z-index: 1;}
.news_img li:before{content: ""; display: block; transition: all .6s; width: 0%; height: 0%; opacity: 0; position: absolute;z-index: 1; left: 0; top: 0; border-left:4px solid #0164a0;border-top:4px solid #0164a0;}
.news_img li:after{content: ""; display: block;transition: all .6s; width: 0%; height: 0%;opacity: 0; position: absolute;z-index: 1; right: 0; bottom: 0; border-right:4px solid #0164a0;border-bottom:4px solid #0164a0;}
.news_img li.active:after,.news_img li.active:before,.news_img li:hover:before,.news_img li:hover:after{ width: 100%; height: 100%;opacity: 1;}
.news_img li img{ width: 100%; height: 100%; transition: all .6s;}
.news_img li:hover img{ transform: scale(1.1,1.1);}
.news_img li:last-child{ margin-bottom: 0;}
.news_info{ width: 57%; float: right; background: #fff; height: 580px; padding: 40px; box-sizing: border-box;}
.news_info h3{ font-size: 24px; font-weight: bold; line-height: 36px; margin-bottom: 30px; margin-top: 20px;}
.news_info p{ color: #444; line-height: 32px; height: 288px; margin-bottom: 20px;}
.news_info .time_bar{ border-top:1px solid #cccccc;  line-height: 80px;}
.news_info .time_bar em{ float: right;}
.index_bottom,.index_bottom .fp-tableCell{ height: auto!important;}
.logo_warp{ height: 520px; line-height: 200px; text-align: center;}
.logo_warp img{ /*max-width:140px; */vertical-align: middle;}

.z_footer{ width: 100%; background: #212881; color: #fff; padding: 40px 0;}
.z_footer .z-container{ width: 89.5%; margin: 0 auto;}
.z_footer a{ color: #fff;}
.foot_top{ padding: 50px 0; border-bottom: 1px solid rgba(255,255,255,.3);}
.foot_left{ float: left;}
.foot_left h3{ font-family: "en"; font-size: 60px; line-height: 60px; font-style: italic; margin-bottom: 50px;}
.foot_nav img{ vertical-align: middle; margin-right: 10px; float: left;}
.foot_nav a{ display: inline-block; padding-right: 20px; line-height: 34px; background: url(../image/arr.png) no-repeat right center; margin-right: 30px;}
.foot_right{ float: right;}
.foot_code{ float: left; margin-right: 35px;}
.foot_code img{ width: 146px;}
.foot_addre{ float: right; width: 450px;}
.foot_addre h3{ font-size: 24px; margin-bottom: 10px;}
.foot_addre span{  line-height: 40px; border-bottom: 1px solid #9094c0; padding-bottom: 5px;font-size: 18px;}
.foot_copy{ padding-top: 40px ; color: #8488c7;font-size: 20px;}
.foot_copy span{ float: right;}
.foot_copy a{color: #8488c7;font-size: 20px;}

.other_banner{ width: 100%; position: relative; margin-top: 80px;}
.other_banner img{ width: 100%; vertical-align: bottom;}
.banner_tit{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; text-align: center;}
.banner_tit h3{ font-size: 48px; font-family:"en"; text-transform: uppercase;}
.banner_tit h4{ font-size: 28px;font-weight: bold;}
.sb_bar{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; color: #fff; z-index: 10;}
.sb_bar .sb{ display: block; margin: 0 auto; margin-bottom: 10px;animation: sb 1.5s infinite; width: 19px; height: 35px; background: url(../image/sb.png) no-repeat center; background-size: 100% 100%; }
@keyframes sb{
0%{transform: scale(1) translateY(0);}
50%{transform: scale(1.2) translateY(-50%);}	
100%{transform: scale(1) translateY(0);}
}
.wrapper{ height: 85px; line-height:85px;position: relative; text-align: center; background: #fff; border-bottom:1px solid #d4d4d4;}
.page_nav{ display: flex;}
.page_nav li{ display: inline-block;flex: 1;}
.page_nav li a{display: inline-block;
    height: 44px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    width: 140px;
    border-radius: 30px;
    text-align: center;
    line-height: 40px;
    transition: all .6s;
     background:linear-gradient(to right, #171c60 , #0164a0);
     color: #fff;}
.page_nav li.cur a{ color: #fff;}
.page_bg{ width: 100%; background: #f1f1f1; background-size: cover; padding: 50px 0;}
.about_warp{ background: #fff; padding: 0 100px; box-sizing: border-box;}
.artic_tit{ text-align: center; font-size: 28px;padding: 60px 0; padding-bottom: 50px;}
.artic_con{ padding-bottom: 70px; line-height: 24px; color: #555555;}
.artic_con img{ max-width: 100%;}
.honor_list .ul{ margin-left: -3.3%;}
.honor_list .li{ width: 30%; float: left; margin-left: 3.3%; position: relative; /*height: 540px;*/overflow: hidden; margin-bottom: 60px;}
.honor_list .li .img{ width: 100%; height: 285px; border: 1px solid #dcdcea;}
.honor_list .li img{width: 100%; height: 100%; vertical-align: bottom;}
.honor_list .li .tit{ width: 100%; height: 100%; display: flex;font-size: 18px; font-weight: bold; padding: 0 10px; box-sizing: border-box; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; background: rgba(255,255,255,.9); transition: all .8s; opacity: 0; }
.honor_list .li:hover .tit{ opacity: 1;}
.page_tit{ text-align: center; font-size: 28px; font-weight: bold; margin-bottom: 50px;}
.load_more{ text-align: center; color: #212881; }
.load_more .icon{ display: block; width: 40px; height: 40px; background: url(../image/load.png) no-repeat center; animation:rotating 2s linear infinite;background-size: 100% 100%; margin: 10px auto;}
@keyframes rotating{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.page_bg2{ width: 100%; background:#f1f1f1; background-size: cover; padding: 30px 0;}
.solu_li .imgbox,.solu_li .info_box{ width: 50%; float: left; height: 500px;}
.solu_li .info_box{ background: #fff; padding: 0 40px; box-sizing: border-box;}
.solu_li h3{ font-size: 28px; height: 120px; line-height: 120px; box-sizing: border-box; border-bottom: 1px solid #dddddd; font-weight: bold;}
.solu_li .desc{ padding: 50px 0; height: 380px; overflow: hidden; line-height: 30px;}
.solu_li .desc .text{ height: 275px; overflow-y: hidden;}
.scrollbar:hover{ padding-right: 10px; box-sizing: border-box;overflow-y: scroll!important;}
.scrollbar:hover::-webkit-scrollbar { width: 2px;      height: 2px; opacity: 0; transition: all .6s; }
.scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2); }
.scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); }
.scrollbar:hover::-webkit-scrollbar{ opacity: 1;}
.solu_li .imgbox{ position: relative; overflow: hidden;}
.solu_li .imgbox .img{ width: 100%; height: 100%; transition: all .6s;}
.solu_li .icon_box{ width: 120px; height: 120px;  background: linear-gradient(to right, #171c60 , #0164a0); display: flex; justify-content: center; align-items: center;  position: absolute; right: 0; top: 0;}
.solu_li .icon_box img{ transition: all .6s;}
.solu_li:hover .icon_box img{ transform: rotate(360deg);} 
.solu_li:hover .img{ transform: scale(1.1,1.1);}
.solu_li:nth-child(even) .imgbox{float: right;}
.solu_li:nth-child(even) .info_box{float: left;}
.pro_list2 ul{ margin-left: -2%;}
.pro_list2 li{ width: 31.3%; float: left; margin-left: 2%; background: #FFFFFF;transition: all .8s;  height: 350px; margin-bottom: 40px; position: relative;}
.pro_list2 li .info{ width: 100%; height: 100%; position: absolute; transition: all .8s; opacity: 0; left: 0; top: 0; background: rgba(255, 255, 255, 0.8); padding: 60px; box-sizing: border-box; text-align: center;}
.pro_list2 li .img{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.pro_list2 li .img img{ max-height: 80%; max-width: 80%;}
.pro_list2 li h3{ font-size: 24px; font-weight: bold; margin: 40px 0;line-height: 30px;color: #212881;}
.pro_list2 li p{ line-height: 30px; height: 90px; overflow: hidden; color: #666666;}
.pro_list2 li:hover .info{ opacity: 1;}
.pro_list2 li:hover{ box-shadow: 0 0 30px rgba(20,39,106,.2);}
.proxq_warp{ background: #fff; padding: 0 100px; box-sizing: border-box; padding-bottom: 50px; position: relative;}
.slide_box{ width: 180px; border-radius: 10px; color: #fff;  background: linear-gradient(to right, #212881 , #0164a0);box-shadow: 0 0 30px rgba(33,40,129,.3);  position: absolute; right: -220px; top: 540px;}
.slide_box li{ line-height:50px; text-align: center;}
.slide_box li:nth-child(2){ background: #fff; }
.slide_box li a{ display: block; width: 100%; height: 100%; color: #fff;}
.slide_box li:nth-child(2) a{color: #212881;}
.pc-slide{ position: relative; }
.pc-slide .z-container{ width: 620px; margin: 20px auto; }
.pc-slide .btn{ display: block; cursor:pointer;z-index: 1; width: 50px; height: 50px; position: absolute; top: 50%; transform: translateY(-50%);}
.pc-slide .btn:before{ content: "";transition: all .6s; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #bfc0db; position: absolute; top:0; margin-top: -18px;}
.pc-slide .arrow-left{ left: 50px;}
.pc-slide .arrow-left:before{ left:0; transform: translateX(-25px);}
.pc-slide .arrow-right{ right: 50px;}
.pc-slide .arrow-right:before{ right: 0;transform: translateX(25px);}
.pc-slide .btn:hover:before{ transform: translateX(0)!important;}
.pc-slide .view{ width: 100%; height: 440px; position: relative; }
.pc-slide .swiper-slide{ display: flex; justify-content: center; align-items: center;}
.pc-slide .swiper-slide img{ max-height: 100%;max-width: 100%;}
.preview img{ max-width: 100%;}
.preview .swiper-slide{ width: 120px; height: 120px;cursor:pointer; border: 2px solid #dddddd; box-sizing: border-box; margin: 0 20px;}
.preview .swiper-wrapper{ }
.preview .active-nav{ border-color: #212881;}
.pro_tit{ line-height: 100px; font-size: 28px; font-weight: bold; text-align: center; border-bottom: 1px solid #dcdcea;}
.pro_box{ padding: 40px 0; border-top: 1px solid #dcdcea;}

.pro_box h3{ font-weight: bold; font-size: 16px; margin-bottom: 5px;}
.pro_box .desc{ line-height: 30px; color: #444;font-size: 16px;}
.pro_pic{ border-top: 1px solid #dcdcea; padding: 50px 0;}
.pic_warp{ background: #f1f1f1;padding: 20px 30px;}
.pic_warp img{ max-width: 100%!important;}
.bshare-custom{ text-align: center;}
.bshare-custom a{ display: inline-block!important; margin: 0 20px!important; width: 50px!important;padding:0!important; height: 50px!important; position: relative!important;}
.bshare-custom .bshare-sinaminiblog{ background: url(../image/share1.png) no-repeat center!important; background-size: 100% 100%!important;}
.bshare-custom .bshare-qqim{ background: url(../image/share2.png) no-repeat center!important; background-size: 100% 100%!important;}
.bshare-custom .bshare-weixin{ background: url(../image/share3.png) no-repeat center!important; background-size: 100% 100%!important;}
.topbtm_bar{ display: flex; align-items: center;  justify-content: space-between;margin: 0 auto;margin-top: 35px;}
.topbtm_bar em{ display: inline-block; height: 16px; overflow: hidden; width: 30px; vertical-align: middle; margin-right: 10px;}
.topbtm_bar em img{ width: 100%;transition: all .2s;}
.topbtm_bar a:last-child em{ margin-left: 10px;}
.topbtm_bar a{ font-size: 18px; font-weight: bold;}
.topbtm_bar a:hover em img{ transform: translateY(-16px);}
.topbtm_bar a:hover{ color: #212881;}
.topbtm_bar .back{ display: inline-block; border-bottom:2px solid #73716f; padding-bottom: 3px;}
.topbtm_bar .back:hover{ color: #212881;border-bottom:2px solid #212881; }
.artic_tit{ text-align: center; font-weight: bold;font-size: 28px;}
.artic_bar{ height: 70px; line-height:70px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; margin: 50px 0; margin-top: 0; text-align: center; width: 100%;}
.artic_bar span{font-family: "微软雅黑";color: #888888; display: inline-block!important; margin: 0 25px;}
 .artic_bar .bdshare-button-style0-16:after{ display: inline-block!important;}
 .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ float: none!important;}
.artic_content{ font-family: "微软雅黑"; color: #555555;line-height: 36px; min-height: 400px;}
.artic_content img{ max-width: 100%;}
.jgou_warp{ text-align: center;}
.jgou_warp img{ max-width: 100%;}

.process_warp{ width: 1100px; margin: 0 auto; position: relative; z-index: 1; padding: 50px 0; padding-bottom: 100px;}

.process_warp:before{content: ""; width: 1px;height: 100%; background: #083e8d; position: absolute; left: 50%; top: 0;}
.process_warp:after{ content: "";  width: 55px; height: 55px; background: url(../image/arr_b.png) no-repeat center; background-size: cover; position: absolute; left: 50%;bottom: -25px; transform: translate(-50%);}
.process_warp .boxli{ width: 50%;float: left; margin-bottom: 260px; padding-right: 45px; box-sizing: border-box;  position: relative;}
.process_warp .boxli:first-child:before{ background: url(../image/dot2.png) no-repeat center;}
.process_warp .boxli:before{ content: ""; display: block; width: 27px; height: 27px; background: url(../image/dot.png) no-repeat center; background-size: cover; position: absolute; right: -13px; top: 57px;}
.process_warp .boxli:nth-child(even){ float: right; padding-left: 45px; padding-right: 0px;margin-bottom: 0px; margin-top: 260px; }
.process_warp .boxli:nth-child(even):before{left: -13px;}
.process_warp .info_box{ background: #fff; padding: 0 20px; box-sizing: border-box; position: relative;}
.process_warp .info_box:before{ content: ""; width: 20px; height: 40px; background: url(../image/arr2.png) no-repeat center; background-size: cover; position: absolute; right: -20px; top: 50px;}
.process_warp .boxli:nth-child(even) .info_box:before{left: -20px;background: url(../image/arr3.png) no-repeat center;}
.process_warp h3{ font-size: 36px; font-weight: bold; color: #212881; font-family: "en"; line-height: 75px; border-bottom: 1px solid #e5e5e5;}
.process_warp .desc{ padding: 25px 0; display: flex; align-items: center;}
.process_warp .desc .img{ height: 100px; width: 100px;flex-shrink:0; float: left; display:flex; justify-content: center; align-items: center;}
.process_warp .desc img{ max-height: 80%; max-width:100%}
.process_warp .text{ line-height: 24px; color: #666666; font-size: 16px;    height: 120px;
    width: 70%;}
.process_warp .text p{ font-size: 16px !important;}

.hz_list{ background: #fff; padding: 60px 100px; box-sizing: border-box;}
.hz_list ul{ margin-left: -5%;}
.hz_list li{ width: 20%; float: left; margin-left: 5%; margin-bottom: 60px; height: 140px; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.hz_list li img{ max-height:100px; transition: all .6s;}
.hz_list li:hover img{ animation: swing 1s;}
.news_list .ul{ margin-left: -2%;}
.news_list .boxli{ width: 31.3%; float: left; margin-left: 2%; margin-bottom: 40px; }
.news_list .boxli .img{ width: 100%; overflow: hidden;}
.news_list .boxli img{ width: 100%; transition: all .6s; vertical-align: bottom;}
.news_list .boxli:hover img{ transform: scale(1.1,1.1);}
.news_list .boxli .info{ background: #fff; padding: 40px 30px; box-sizing: border-box;}
.news_list .boxli h3{ font-size: 18px; line-height: 24px; overflow: hidden; height: 24px; transition: all .4s;}
.news_list .boxli p{ line-height: 28px; height: 56px; overflow: hidden; color: #666; margin: 20px 0;}
.news_list .boxli span{ color: #212881;font-size: 16px;}
.news_list .boxli:hover h3{ color: #212881; font-weight: bold;}
.contact_box{ }
.contact_info{ width: 33.5%; float: left;background: #212881; height: 640px; color: #fff; padding:80px 50px; box-sizing: border-box;}
.conatct_map{ width: 66.5%; float: right; border: 4px solid #212881; height: 640px;box-sizing: border-box;}
.conatct_map img{/* width: 100%; height: 100%;*/}
.contact_info .tit{ font-size: 28px; font-weight: bold;}
.contact_info .addre{ margin: 50px 0; }
.contact_info .addre p{ margin-bottom: 25px;}
.contact_info .addre p:last-child{ margin-bottom: 0; font-size: 16px;}
.contact_info .code img{ width: 120px; height: 120px; border: 1px solid #ddd; box-sizing: border-box;}
.contact_info .code h3{ font-size: 12px; color: #a4bade; margin-top: 10px;}

.conatct_bar{ background: #212881; color: #FFF; height: 100px; line-height: 100px; padding: 0 50px; box-sizing: border-box; margin-top: 20px;}
.conatct_bar strong{ font-size: 28px; font-weight: bold; display: inline-block;width: 35%;}

.online_warp{ background: #fff; padding: 110px 0;}
.ly_form{border-bottom: 2px solid #dddddd; font-size: 16px; padding-bottom: 10px;}
.ly_form li{ width: 33.3%; float: left; border-bottom: 2px solid #dddddd; line-height: 50px; }
.ly_form .text{ font-family: "微软雅黑"; width:80%;}
.ly_form .words{ margin-top: 20px; height: 90px; width: 90%;}
.ly_form .words .text{width: 88%; height: 100%;}
.ly_form .words label{ vertical-align: top; }
.ly_form .subbtn{ float: right; color: #2f318b;}


.sideMenu{}
.sideMenu_tit{background: #fff; line-height: 80px;  border-bottom:1px solid #dddddd;padding: 0 20px; box-sizing: border-box; }
.sideMenu_tit span{ font-size: 18px; font-weight: bold;display: block; width: 25%; font-size: 18px; font-weight: bold; float: left;}
.zp_tit span{ display: block; width: 25%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left; font-family: "微软雅黑";}
.rc_box .tit{ background: #fff; line-height: 80px; border-bottom:1px solid #dddddd; cursor: pointer; position: relative;}
.zp_tit,.rc_box .tit{ padding: 0 20px; box-sizing: border-box; transition: all .6s; z-index: 1;}
.rc_box .tit span{display: block; width: 25%; float: left;font-family: "微软雅黑";}
.rc_box .tit.on,.rc_box .tit:hover{ background:#212881; color: #fff;border-bottom-color:#212881}
.rc_box .tit.on:before{ content: ""; display: block; width: 18px; height: 16px; background: url(../image/cha.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.rc_box ul{ width: 100%; padding: 50px 20px; box-sizing: border-box; background: #fff; border:2px solid #fff; display: none;}
.rc_box ul.on{ border-color: #212881;}
.rc_box ul h4{ font-weight: bold;font-size: 18px; margin-bottom: 40px; color: #000;}
.rc_box ul .box{ width: 50%; float: left; padding:0 20px; box-sizing: border-box; color: #555;font-family: "微软雅黑";}
.rc_box ul .box p{ margin-bottom: 10px;}
.rc_box ul .bz{ padding: 0 20px; box-sizing: border-box; margin-top: 30px; width: 100%; float: left; font-size: 16px;}
.rc_box ul .bz span{ color: #212881 ;}










#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('../image/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(../image/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('../image/arrows.png') no-repeat 0 0;
}
#zoom .next {
	right: 0;
	background: url('../image/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) {
	.slide_box{ right: -90px;}
}






@media screen and (max-width: 1440px) {.z-container{ width: 94%;}}



@media screen and (max-width: 1400px) {

.about_box a{ width: 110px; height: 110px;}
.about_box a img{ max-height: 50px;}
.about_box .z-container{ padding: 20px 0;}
.about_desc{ margin-top: 30px;}
.z_header .logo img{ height: 30px;}
.header_nav{ margin-left: 5vw;}
.header_nav li{ width: 90px;}
.banner .swiper-button-prev{ left: 50px;}
.banner .swiper-button-next{ right: 50px;}
#fp-nav{ right: 20px;}
.zl_list .box { height: 300px;}
.zl_list .box a{ height: 40px; line-height: 40px; font-size: 18px;}
.case_box .box{ height: 300px;}
.pro_child li{ height: 50vh;}
.news_info{ width: 51%; height: 460px; padding: 20px;}
.news_img li{ height: 140px;}
.news_img{ width: 240px;}
.news_info h3{ margin: 0; font-size: 20px;}
.news_info p{ height: 224px; overflow: hidden;}
.about_left .about_text{ margin-top: 17vh;}
.index_tit h3{ font-size: 40px;}
.section6 .z-container{ margin-top: 40px;}
.honor_list .li{ height: 400px;}
.honor_list{width: 84%;}
.page_bar{ right: 5px; top: 70%; padding-top: 90px;}
		.slide_box{ right: -50px;}
}
@media screen and (max-width: 1200px) {
	.z-container2,.process_warp{ width: 94%;}

}

@media screen and (max-width: 1024px) {
.z_header{ width: 100%; height: 50px; line-height: 50px;}
.z_header .logo{ line-height: 50px; left: 10px;}
.z_header .logo img{max-height: 35px;}
.header_nav .navdown{ display: none;}
.header_nav li a{ display: block; width: 100%; height: 100%;}
.header_nav{ width: 50%; height: 100%;transition: all .6s;  position: fixed; transform: translateX(100%); right: 0; top: 50px; background:#1b1d25;}
.header_nav.on{transform: translateX(0);}
.header_nav li{ display: block; width: 100%; height: 60px; text-align: left; padding: 0 20px; box-sizing: border-box;}
.header_nav li.on:after{ content: "+"; display: block; width: 60px; height: 60px; position: absolute; right: 0; top: 0; color: #fff; text-align: center;}
.header_nav li a{ margin: 0; line-height: normal; padding-top: 15px; }
.z_header .soubtn{ display: none;}
.mobile_btn{ display: block; display: flex; justify-content: center; align-items: center;}
.banner{ margin-top: 50px; height: 300px;}
.banner .btn{ display: none;}
.banner .swiper-button-prev{ left: 10px;}
.banner .swiper-button-next{ right: 10px;}
.text_box{ width: 100%; left: 0; padding: 0 10px; box-sizing: border-box;display: none;}
.text_box h3{ font-size: 18px;}
.text_box h4{ font-size: 20px;}
#fp-nav{display: none;}
.other_banner{ margin-top: 50px;}
.banner_tit h3{ font-size: 20px;}
.banner_tit h4{ font-size: 16px;}


}
@media screen and (max-width: 780px) {
.about_left{ width: 100%; padding-bottom: 30px;}
.about_left .about_text{ margin-top: 0; width: 100%; padding: 0 10px; box-sizing: border-box;}
.about_box{ position: relative; float: left;}
.index_tit h3{ font-size: 24px;}
.index_tit h4{ font-size: 14px;}
.about_desc{ margin-top: 30px; line-height: 24px;}
.about_box .box{ width: 80px; height: 80px; padding-top: 10px; margin: 0;}
.about_box .z-container{ padding: 20px 0; width: 100%;}
.about_box .box img{ height: 30px;}
.about_box .box h3{ font-size: 12px;}
.section{ padding-top: 30px;}
.section1{padding-top: 0;}
.index_desc{ line-height: 24px; font-size: 12px;}
.zl_list{ position: relative; left: auto;bottom: auto; margin-top: 30px;}
.zl_list .box{ width: 33.3%; height:180px;}
.zl_list .box a{ height: 40px; line-height: 40px; font-size: 12px;}
.zl_list .box:nth-child(4),.zl_list .box:nth-child(5){ width: 50%;}
.zl_list .box a{ width: 90%;}
.case_box .box{ width: 33.3%; height: 120px;}
.case_box .box .tit{ margin-top: 0;}
.case_box .box img{ height: 40px;}
.case_box .box h3{ font-size: 14px;}
.case_box .box span{ font-size: 12px;}
.case_box .box:nth-child(4),.case_box .box:nth-child(5){ width: 50%; border-top:0;}
.case_box .box:nth-child(4){ border-left: 1px solid #ddd;}
.pro_warp{ position: relative; left: auto; bottom: auto;}
.pro_nav{ position: relative; right: auto; bottom: auto;}
.pro_nav a{ width: auto; padding: 0 10px; box-sizing: border-box; height: 30px; line-height: 30px; margin-top: 10px;}
.pro_child li{ width: 50%; padding: 20px 0; box-sizing: border-box; height: 200px;}
.pro_child li .info{ transform: translate(0); opacity: 1; padding: 10px; top: 0; box-sizing: border-box; height: auto;background: none; }
.pro_child li .info p,.pro_child li .line{ display: none; }
.pro_child li .info h3{ margin: 0; font-size: 14px;}
.pro_child li a{align-items: flex-end;}
.pro_child li img{ max-height: 160px;}
.news_left,.news_right{ width: 100%;}
.section6 .z-container {padding: 0;}
.news_tit{ margin: 20px 0;}
.news_nav{ margin-bottom: 20px;}
.news_nav a{ margin-right: 20px;}
.news_tit h3{ font-size: 16px;}
.news_img{ width: 100%; display: flex; justify-content: space-between;}
.news_img li{ width: 32%; height: 60px; margin-bottom: 10px;}
.news_img li:before,.news_img li:after{ border-width: 2px;}
.news_info{ width: 100%; padding: 10px; height: auto; margin-bottom: 20px;}
.news_info h3{ font-size: 16px; line-height: 20px; margin: 0; margin-bottom: 10px;}
.news_info p{ font-size: 12px; line-height: 20px; height: 80px; overflow: hidden;}
.news_info .time_bar{ line-height: 40px;}
.index_bottom{ padding-top: 0;}
.logo_warp{ height: 100px; line-height: 100px;}
.z_footer{ padding: 0;}
.z_footer .z-container{ width: 94%;}
.foot_top{ padding:15px 0;}
.foot_left{ width: 100%; margin-bottom: 20px;}
.foot_left h3{ font-size: 30px; line-height: 30px; margin-bottom: 20px;}
.foot_nav{ width: 100%; }
.foot_nav a{ line-height: 20px; font-size: 12px; margin-right: 5px; padding-right: 10px; }
.foot_nav img{ height: 20px; margin-right: 5px;}
.foot_right{ width: 100%; display: flex;}
.foot_code{ margin-right: 10px; flex-shrink: 0;}
.foot_code img{ width: 70px;}
.foot_addre{ width:auto;}
.foot_addre h3{ font-size: 16px; margin-bottom: 4px;}
.foot_copy{ padding: 15px 0; text-align: center;}
.foot_copy span{ float: none;width: 100%; display: block;}
.section6 .z-container{ margin-top: 0; position: relative;left: auto;top: auto;transform: translate(0,0);}
.sb_bar{ display: none;}
#wrapper { height: 40px; width: 100%; overflow: hidden;}
.page_nav { line-height: 40px; height: 40px;overflow: hidden; width: 100%; display: block; }
.page_nav li{ padding: 0 10px; display: block; float: left;}
.page_nav li a{ font-size: 14px;}
.page_bg{ padding: 30px 0;}
.about_warp{ padding:0 10px; box-sizing: border-box;}
.artic_tit{ font-size: 16px; padding: 20px 0;}
.artic_con{ padding-bottom: 20px;}
.honor_list .ul{margin-left: -1%;}
.honor_list .li{ width: 49%; margin-left: 1%; height:200px; margin-bottom: 10px;}
.page_tit{ font-size: 20px; margin-bottom: 30px;}
.honor_list .li .tit{ font-size: 12px; text-align: center;}
.foot_copy,.foot_copy a{ font-size: 12px;}
.page_bg2{ padding: 30px 0;}
.solu_li{ margin-bottom: 10px;}
.solu_li .imgbox,.solu_li .info_box{ width: 100%;}
.solu_li .imgbox{ height: 250px; }
.solu_li .info_box{padding: 0 10px; height: auto;}
.solu_li h3{ font-size: 18px; line-height: 50px; height: 50px;}
.solu_li .desc{ padding: 15px 0;height: auto;}
.solu_li .desc .text{ line-height: 20px;}
.scrollbar{ overflow-y: scroll!important;}
.solu_li .desc .text{ height: 120px;}
.solu_li .icon_box{ width: 80px; height: 80px;}
.solu_li .icon_box img{ max-height: 50px;}
.pro_list2 li{ width: 48%; height: 220px; margin-bottom: 10px;}
.pro_list2 li .info{ display: none;}
.proxq_warp{ padding:0 10px; padding-bottom: 30px;}
.pro_tit{ line-height: 60px; font-size: 18px;}
.pc-slide .z-container{ width: 96%;}
.pc-slide .view{ height: 340px;}
.pc-slide .arrow-left{ left: 0px;}
.pc-slide .arrow-right{ right: 0px;}
.pc-slide .btn:before{ transform: translate(0);margin-top: -10px;}
.pc-slide .btn{ top: 168px; width: 35px; height: 35px;}
.pc-slide .btn img{ width: 100%;}
.preview .swiper-slide{ width: 80px; height: 80px; margin: 0;}
.pc-slide{ padding-bottom: 30px;}
.pro_box{ padding: 20px 0;}
.pro_box .desc{ line-height: 20px;}
.pro_pic,.pic_warp{ padding: 30px 0;}
.bshare-custom a{ width: 30px!important; height: 30px!important;}
.topbtm_bar a{ font-size: 14px;}
.process_warp{ padding: 0;}
.process_warp .boxli{ width: 100%; padding: 0!important; margin-bottom: 10px; margin-top: 10px!important;}
.process_warp .boxli:before,.process_warp .info_box:before{ display: none;}
.process_warp h3{ line-height: 35px; font-size: 18px;}
.process_warp .desc{ padding: 10px 0; }
.process_warp .text{font-size: 12px; line-height: 20px;}
.process_warp .desc .img{ width: 80px; height: 80px;}
.process_warp .info_box{ padding: 0 10px; box-sizing: border-box;}
.process_warp:before,.process_warp:after{ display: none;}
.hz_list{ padding: 30px 10px;}
.hz_list li{ width: 45%; height: 70px;margin-bottom: 10px;}
.load_more .icon{ width: 30px; height: 30px;}
.news_list .boxli{ width: 98%; margin-bottom: 10px;}
.news_list .boxli .info{ padding: 10px;}
.news_list .boxli p{ margin: 10px 0; line-height: 20px; height: 40px;}
.artic_bar{ height: auto; line-height: 30px; margin-bottom: 20px;}
.artic_bar span{ font-size: 12px;}
.contact_info{ width: 100%; height: auto; padding: 20px 10px;}
.contact_info .tit{ font-size: 18px;}
.contact_info .addre{ margin: 20px 0;}
.contact_info .addre p{ margin-bottom: 10px;}
.conatct_map{ width: 100%; height: 300px;}
.conatct_bar{  height: auto; line-height:normal; padding: 10px; display: flex; font-size: 12px; align-items: center; margin-top: 10px;}
.conatct_bar strong{ font-size: 14px; margin-right: 10px;}
.contact_info .code img{ width: 80px; height: 80px;}
.online_warp{ padding:30px 0;}
.ly_form li{ width: 100%;}
.ly_form .words label{ margin-bottom: 10px; display: block;}
.ly_form .words .text{ width: 100%;}
.sideMenu_tit span{ font-size: 14px;}
.sideMenu_tit{ height: 50px; line-height: 50px;}
.rc_box .tit{ line-height: 50px;}
.sideMenu_tit span,.rc_box .tit span{width: 33.3%; text-align: center;}
.sideMenu_tit span:nth-child(2),.rc_box .tit span:nth-child(2){ display:none; }
.rc_box .tit.on:before{ display: none;}
.rc_box ul .box{ width: 100%;margin-bottom: 10px;}
.rc_box ul{ padding:20px 0px; }
.rc_box ul h4{ margin-bottom: 10px; font-size: 14px;}
.rc_box ul .bz{ margin-top: 0;}
.logo_warp img{ max-height: 60px;}
.slide_box{ position: relative; right:auto; top: auto; margin: 0 auto; margin-top: 20px;}
.page_bar{ display:none}
.hz_list li img{ max-height:50px}
.bshare-custom{ display:none}
.process_warp .text{ height:auto}
}


.z_header .right {
    position: relative;
    float: right;
    height: 100px;
    color: #fff;
}
.z_header .right .bdsharebuttonbox a {
    font-size: 16px;
    line-height: 80px;
    position: relative;
    display: inline-block;
    height: 70px;
    margin: 0;
    padding: 0 40px;
    -webkit-transition: all .5s;
    transition: all .5s;
	color:#fff;
    background: none;
}