@charset "UTF-8";
@charset "UTF-8";
/*@font-face {*/
/*  font-family: 'Verdana';*/
/*  src: url('../fonts/Verdana.eot');*/
/*  src: url('../fonts/Verdana.eot?#iefix') format('embedded-opentype'),*/
/*  url('../fonts/Verdana.woff') format('woff'),*/
/*  url('../fonts/Verdana.ttf') format('truetype'),*/
/*  url('../fonts/Verdana.svg#Verdana') format('svg');*/
/*}*/
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter_18pt-Regular.ttf') format('truetype');
    src: url('../fonts/Inter-VariableFont_wght.ttf') format('truetype');
}
*,:after,:before{ margin: 0; padding: 0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;font-family:Inter!important;}
body { font-size: 12px; font-family:Inter!important;color: #666;  -webkit-text-size-adjust: 100%; background-color:#fff; overflow-x:hidden;-webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}

a {color: #333;text-decoration: none; }
a:active {star: expression(this.onFocus=this.blur()); }
a:link,a.visited,a:hover{ text-decoration: none; }
a:hover { color: #f15a24;}
li {list-style: none; }
h1,h2,h3,h4,h5 { font-weight:normal;}
em,i{ font-style:normal;}
textarea, input { background: transparent; outline: none; border: 0px; }
img {vertical-align: top; border: 0; }
.clear,.years li{ *zoom:1;}
.clear:after,.years li:after{ display:block; content:''; clear:both; height:0; visibility:hidden;}
.zone-w{ width:1502px; margin-left:auto; margin-right:auto; position:relative;}
.f-l { float: left; }
.f-r {float: right; }
.t-c{ text-align:center;}
.t-r{ text-align:right;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt95{ margin-top:95px;}
#top{ position:fixed; top:0; left:0; right:0; height:75px; overflow:hidden; z-index:99999;}
.logo{ display:inline-block; float:left; margin-top:18px;}
.logo img{height:43px;}
.logo img.t2{ display:none;}
.yyzzmob{display:none;}
.yyzzpc{display: block;}
.nav{ float:right; margin-top:24px;}
.nav li{ float:left; margin-right:70px;}
.nav li:last-of-type{}
.nav li h3{ font-size:18px; display:inline-block;}
.nav li h3 a{ display:block; color:#fff;}
.btn_m{ float:right; margin-top:22px;}
.btn_m span{ display:block; width:38px; height:6px; margin-bottom:6px; background: #fff;}
.t_btn{ float:right; margin-top:26px;}
.ico_search{ display:inline-block; float:left; width:50px; height:20px; border-radius:10px; background:url(../images/ico_search_w.svg) no-repeat center center #034094;background-size:267px;}
.language{ display:inline-block; float:right; margin-left:10px;}
.language a{ display:inline-block; padding:0 6px; height:20px; line-height:18px; text-align:center; font-size:12px; color:#034094; background-color:#fff; border:1px solid #034094;}
.language a.zh{ border-top-left-radius:10px; border-bottom-left-radius:10px;}
.language a.en{ border-top-right-radius:10px; border-bottom-right-radius:10px;}
.language a.on{ background-color:#034094; color:#fff;}
#top.active{ background-color:rgba(255, 255, 255, 0.75);;  box-shadow:0 1px 10px rgba(0,0,0,.15);}
#top.active .nav li h3 a{ color:#333;}
#top.active .logo img.t1{ display:none;}
#top.active .logo img.t2{ display:inline-block;}
#top.active .btn_m span{ background:#034094;}
.nav li h3:hover a,#top.active .nav li h3:hover a,#top.active .nav li.now h3 a{ color:#f15a24;}
/********** slide s *****************/
.banner .slick-slide img,.tzList .slick-slide img{ width:100%;}
.banner .slick-dots,.tzList .slick-dots { position: absolute; bottom: 45px; z-index:3; text-align:center; width:100%;}
.banner .slick-dots li,.tzList .slick-dots li { position: relative; display: inline-block; margin: 0px 20px; padding: 0px; width:9px; height:9px; background-color:#fff; border-radius:9px; cursor: pointer;-webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.banner .slick-dots li button,.tzList .slick-dots li button { display:none;}
.banner .slick-dots li.slick-active,.tzList .slick-dots li.slick-active{ background-color:#f15a24; width:45px;}
/********** slide e *****************/
/********** news s ***********/
.news .focus{ width:47.5%; float:left; }
.news .focus .inner{ color:#fff; padding:50px 58px; background-color:#034094;}
.news .focus a{ display:block; color:#fff; font-weight:Microsoft YaHei;}
.news .focus span{ font-size:16px;}
.news .focus h3{ font-size:22px; margin:15px 0;}
.news .focus p{ font-size:14px; line-height:28px; text-indent:2em;}
.news .focus .img{ overflow:hidden; position:relative; padding-bottom:52.5%;}
.news .focus .img img{ position:absolute; width:100%; }

.newslist{ width:47.5%; margin-left:52.5%;}
.newslist .inner{ padding-left:38px; margin-bottom:60px;}
.newslist .inner h3{ position:relative;}
.newslist .inner h3:before{ display:inline-block; content:''; background:url(../images/ico_news.png) no-repeat center center; width:23px; height:20px; background-size:contain; position:absolute; left:-40px; top:3px;}
.newslist .inner h3 a{ font-size:22px; color:#000; display:inline-block; width:80%; overflow:hidden; height:28px; line-height:28px;}
.newslist .inner h3 span{ float:right; font-size:18px; color:#666;}
.newslist .inner .con{ position:relative;}
.newslist .inner p{ font-size:14px; line-height:28px; color:#666; margin-top:16px; width:85%; text-indent:2em;}
.newslist .inner a.more{ display:inline-block; width:18px; height:22px; background:url(../images/ico_click.png) no-repeat; background-size:contain; position:absolute; right:15px; top:50%; margin-top:-11px;}
.newslist .inner .up{border-bottom:1px solid #e5e5e5; padding-bottom:45px;}
.page a{ display:inline-block; height:50px; line-height:50px; border-radius:50px; font-size:18px; color:#666; margin-top:30px; padding:0 110px; border:1px solid #e0e0e0;}


/********** news e ***********/

.send a{ display:inline-block; height:50px; line-height:50px; border-radius:50px; font-size:16px; color:#f15a24; padding:0 50px; border:1px solid #f15a24;}
.send a:hover,.page a:hover{ background-color:#f15a24; border-color:#f15a24; color:#fff;}{ color:#fff; background-color:#f15a24;}
.send a:hover span:after,.page a:hover span:after{background-image:url(../images/ico_click_white.png)}	
.send span{ display:inline-block;}
.send span:after{ display:inline-block; content:''; background:url(../images/ico_click.png) no-repeat; background-size:contain; width:18px; height:22px; margin-left:15px; vertical-align:middle;}
#footer{ background-color:#034094; color:#fff;}
.f_oth{ padding:25px 0; border-bottom:1px solid rgba(205,202,202,.4); vertical-align:middle;}
.f_oth .tel, .f_oth .f_email{ font-size:22px;}
.f_oth .tel:before{ display:inline-block; content:''; width:17px; height:18px; background:url(../images/ico_tel.png) no-repeat; background-size:contain; margin-right:15px; vertical-align:middle;}

.f_oth .wx img{ display:none; position:absolute; left:0; top:35px; z-index:9;    max-width: 300px;max-height: inherit;}
.f_oth .wx:hover img{ display:block;}
.f_oth .yyzz{ float:right; font-size:16px;margin-right: 0px;}
.f_oth .yyzz:before{ display:inline-block; content:''; width:23px; height:25px; background:url(../images/ico_yyzz.png) no-repeat; background-size:contain; margin-right:15px; vertical-align:middle;}
.f_oth .f_email{padding-left: 44px;}

.f_oth .wx{ float:right; font-size:16px; margin-right:0px; position:relative; cursor:pointer;}
.f_oth .wxbfq{margin-right:30px;}
.f_oth .wx:before{ display:inline-block; content:'';  height:25px; margin-right:15px; vertical-align:middle;}
.f_oth .wxbfq:before{background: url(../images/bofangqi.png) no-repeat; background-size:contain;width:37px;border-radius:8px; }
.f_oth .wxfacebook:before{background:url(../images/facebook.png) no-repeat; background-size:contain;width:32px;border-radius:50%; }
.f_oth .wxtuite:before{background:url(../images/tuite.png) no-repeat; background-size:contain;width:29px; }
.f_oth .wxin:before{background:url(../images/in.png) no-repeat; background-size:contain;width:28px; }

.f_nav{ overflow:hidden; padding:40px 0 30px; border-bottom:1px solid rgba(205,202,202,.4);}
.f_nav dl{ float:left; width:14.7%;}
.f_nav dl.end{ width:11.8%; text-align:right;}
.f_nav a{ color:#fff;}
.f_nav dt{ font-size:18px; margin-bottom:10px;}
.f_nav dd{ font-size:14px; line-height:28px;}
.f_oth .yyzz img{left:-60px;width:160px;height:auto;}
.f_oth .wx img{height:80px;height:auto;}
.copyright{ height:66px; line-height:66px; overflow:hidden; font-size:14px; }
.copyright span{ display:inline-block; margin-right:30px;}
.copyright a{ color:#fff;}
.f_map{ float:right;}
.f_map a{ color:#fff; display:inline-block; margin-left:70px;}


.imgLarge img{
	-webkit-transform: scale(1, 1);
	-webkit-transition: ease-out;
	-webkit-transition-duration: 400ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 400ms;
	width: 100%;
	height: auto;
}
.imgLarge:hover img{
	-webkit-transform: scale(1.06, 1.06);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 400ms;
	-moz-transform: scale(1.06,1.06);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
	transform: scale(1.06, 1.06);
	transition-timing-function: ease-out;
	transition-duration: 400ms;
	position: relative;
}
.s_p{ display:block;}
.s_m{ display:none;}
@keyframes twinkle {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.twinkle {
  animation: twinkle 1s infinite;
}


@keyframes twinkle2 {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
.twinkle2 {
  animation: twinkle 1.5s infinite;
}
.company.zone-w{ overflow:hidden;}
.company{ margin-top:100px; position:relative;}
.company .inner{ position:absolute; right:0; top:64px; bottom:64px; width:920px; background:rgba(3,64,148,0.85); padding:40px 73px 0; color:#fff;}
.company .tit{ font-size:40px;}
.company .con{ font-size:16px; line-height:30px;  margin-top:20px; text-align:justify;}
.company h3{ font-size:24px; margin-bottom:15px;}
.company a.more{ font-size:16px; display:inline-block; border:2px solid #f15a24; border-radius:45px; height:45px; line-height:45px; padding:0 30px; color:#f15a24; position:absolute; bottom:50px; font-weight:bold; letter-spacing:1px;line-height:41px;}
.company a.more:hover{background:#f15a24;color:#fff;}
.proC.mt40{margin-top:45px;}
.h_cName span{ display:inline-block; font-size:40px; color:#333; position:relative; padding-bottom:23px;line-height:40px;}
.h_cName span:after{ display:inline-block; content:''; width:36px; height:2px; background-color:#f15a24; position:absolute; bottom:0; left:50%; margin-left:-18px;}
.h_cName_tz span{ color:#fff;}
.h_cProName span{ display:inline-block; font-size:18px; width:auto; height:47px; line-height:47px; border:1px solid #d9d9d9; border-radius:45px; color:#333; cursor:pointer; margin:0 28px;padding:0px 23px;}
.h_cProName span.now{background-color:#f15a24; color:#fff;}

.h_cProBox{ margin-top:50px;}
.h_cPro{ display:none; overflow:hidden;}
.h_cPro .names span{ display:inline-block; font-size:18px; color:#333; padding-bottom:13px; border-bottom:1px solid transparent; cursor:pointer; margin-right:63px;}
.h_cPro .names span.now{ border-bottom-color:#034094; color:#034094;}
.h_cBox{ margin-top:30px; position:static; height:auto;}
.h_cPro li p{ position:absolute; right:0; top:0; bottom:0; width:61.7%; background:rgba(3,64,148,0.75); padding:30px 30px 0 95px; color:#fff; border-radius:6px; font-size:18px; line-height:30px;}
.h_cPro li:hover{ transform: translateY(-6px);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.h_cPro.now .box.now{ visibility:visible; top:0; z-index:1; -webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
.hPro_more{ text-align:center;margin-top:40px;}
.h_cPro > .hPro_more{display:none;}
.h_cPro li,.proList li{padding:0px;/*width:484px;*/height: auto;overflow:hidden;float:left;width:32.22%;}
.h_cPro li{margin-right:1.67%;}
.h_cPro{width:100%;}
.h_cPro .box{position:static;display:none!important;}
.h_cPro .box.now,.h_cPro.now{display:block!important;}
.h_cPro li:nth-of-type(3n){margin-right:0px;}
.h_cPro .box ul{overflow:hidden;}
.h_cPro li .imgbg{height:auto;}



.h_tz{ background:url(../images/h_tz_bg.jpg) no-repeat center top; padding:80px 0 95px;}
.h_tz .tit{ font-size:20px; color:#fff;}
.partner{ background-color:#fff; position:relative;}
.partner .slick-slide img{ width:100%;}
.partner .slick-dots { position: absolute; z-index:3; right:0; top:-35px;}
.partner .slick-dots li { position: relative; display: inline-block; margin: 0px 20px; padding: 0px; width:9px; height:9px; background-color:#fff; border-radius:9px; cursor: pointer;-webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.partner .slick-dots li button { display:none;}
.partner .slick-dots li.slick-active{ background-color:#f15a24; width:45px;}

.othMorePro li img{height:auto;}
#zone-w-product,.othMorePro{padding-bottom:80px;}
.emptyspace{padding-bottom:90px;}
.proList{margin-left:0px!important;margin-right:0px!important;overflow:hidden;margin-top:50px;}
.imgbg{background:#eff4f7;/*height: 270px;*/position: relative;display: flex;
position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.imgbg img{max-width:100%;max-height:100%;}
.h_cPro li img{height:auto;max-width:100%;max-height:100%;}
.brief_txt{height:auto;background:#fefefe;padding-top:33px;border:solid 1px #f1f1f1;}
.brief_txt .brief_tit{font-size:19px;color:#333333;padding:0px 24px;line-height:36px;height:72px;text-align:center;overflow:hidden;}
.brief_txt span{width:140px;height: 45px;line-height:45px;display: block;margin:30px auto 30px;border:solid 1px #cfcfcf;border-radius:30px;text-align: center;font-size:16px;color:#979797;}
.h_cPro li:hover .brief_txt span,.proList li:hover .brief_txt span{background:#034094;border:solid 1px #034094;color:#fff;}
.h_cPro li:hover .brief_txt,.proList li:hover .brief_txt{border:solid 1px #e4e4e4;}
.h_cPro li:hover .brief_tit,.proList li:hover .brief_tit{color:#034094;}
.index_cat_desc{font-size: 18px; color: #333333;line-height: 30px;text-align: center;overflow: hidden;padding-top:37px;clear: both;}

.news{overflow:hidden;padding-bottom:20px;}
.news .focus{width:700px;}
.about-news{padding-bottom:0px;}



.branch_pos_map{margin-bottom:0px!important;}

.branch_pos_txt, .webnet_pos_txt{margin-top:18px!important;margin-bottom:18px!important;}
.newslist{width:722px;}
.news .focus .inner{height:auto;}
.slideInLeft{}
#relation_send_more{margin-top: 50px;}
.news .focus p{text-indent:0px;line-height:28px;}
.news .focus h3{}
.news .focus .inner{padding:42px 50px 50px;}
.news .focus .img{width:100%;height: 352px;padding-bottom:0px;margin-top:27px;}
.news .focus .img img{width:100%;height:100%;}
.newslist .inner .upnew{border-bottom:solid 1px #e2e2e2;min-height:206px;padding-right:188px;position: relative;}
.newslist .inner .upnew h3{color:#000000;font-size:20px;line-height:30px;}
.newslist .inner .upnew .con_new{font-size:14px;color:#666666;line-height: 24px;text-indent:0px;padding-top:10px;padding-bottom:43px;text-align:justify;}
.thumbnew{position: absolute;right:0px;top:0px;width:168px;height: auto;}
.newslist .inner .upnew:hover h3{color:#034094;}
.newslist .inner:hover .boxnew{
	  transform: translateX(3px);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.newslist .inner:hover .thumbnew {
   transform: translateX(-3px);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.newslist .inner:nth-of-type(1){margin-bottom:56px;}
#index_news_morebtn{margin-top:35px;margin-bottom:40px;}