@charset "utf-8";
/* CSS Document */


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px; /*font-family: "原版宋体_0","SimSun-ExtB"; */ font-family: "Arial","Microsoft Yahei";  list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.warp{ max-width:1620px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1240px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp3{ max-width:1500px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;} 

/*all-img*/
.xxl,icu1{ display:block;}
.xl,.l,.m,.icu2{ display:none;}

/*parts*/
div.fy *{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
div.fy {text-align:center;line-height:4rem; padding-top:20px;}
div.fy a { margin:2px 2px;padding:8px 12px; color:#666; font-size:1.4em; display:inline; background: #fff;  box-shadow: 0 0 5px rgba(0,0,0,0.2);}
div.fy a:hover{color:#fff;  background: #1373b5; }
div.fy a:active{ color:#fff;  background: #1373b5; }
div.fy span.current{  margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em;  background: #1373b5; }
div.fy span.disabled{ margin:2px 2px; padding:8px 12px; color:#666; font-size:1.4em; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); }


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:absolute;	top: 25px;	right: 25px;	z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span { background:#014da1; content: ''; display: block;    width: 20px;  height: 2px;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;}
/*弹出input*/
.overCurtain {position: fixed; top:20px; right:40px; height:40px; width:40px;display:none; opacity:1; z-index:1000; cursor:pointer;}
.hide-center {background-color:#444;  position:fixed; z-index:999; display:none; width:100%; height:100%; top:0; left: 0;}
.hide-center .boxs{ display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px;}
.field__input{ float:left; width:100%; border:none; outline:none; height:60px; padding:20px 160px; font-size:3.2em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border-bottom:1px solid #ccc; background-color: transparent;}
.m-btn{ float:left;border:none; outline:none; background-color: transparent; padding:19.5px; height:60px; font-size:1.6em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:140px; position:absolute; right:40px; text-transform:uppercase;}
.s-close { width:40px; height:40px; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; font-size:0px; margin-top:20px;	display:block;}
.s-close::before,.s-close::after {	content:'';	width:40px;	height:2px;	background:#FFF;	display:block; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.s-close::before {	-webkit-transform:rotate(45deg);	transform:rotate(45deg);}
.s-close::after {	-webkit-transform:translateY(-2px) rotate(-45deg);	transform:translateY(-2px) rotate(-45deg);}
.s-close:hover:before{transform:rotate(90deg);}
.s-close:hover:after{ transform:rotate(0deg);}

.overCurtain2 .s-close{ float: right; top:20px; right: 20px; position: absolute;}
.overCurtain2 {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:999;}
.hide-center2 {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;	width: 100%;   max-width: fit-content;	}

/*header*/
.header,.header .mune a,.header .mune .m-list>a:after{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}

.header{ padding: 20px 30px 0 30px; position: relative; width: 100%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header:after{ position:absolute; top:0; left: 0; width: 100%; height: 20px; content: "";  background-image:linear-gradient(90deg,#e70012 0%,#e70012 9.5%,#014da1 9.5%,#014da1 100%);}
.header .logo{ float:left;  padding:10px 0px; max-width: 25%;}
.header .logo img{ max-width: 100%;}
.header .more{ float:right; padding: 32px 0;}
.header .more a{ color: #888; font-size: 1.4em; line-height: 14px; display: inline-block;  padding: 0 5px;}
.header .more a:first-child{ border-right: 1px solid #888;}
.header .more a:hover{ text-decoration: underline;}
.header .mune{ text-align: center; }
.header .mune>*{ display: inline-block; }
.header .mune .m-list>a{ display: inline-block; font-size:1.4em; color:#333; padding:30px 40px; line-height:20px; position: relative;}
.header .mune .m-list>a:after{ position: absolute; bottom: 0px; left: 0; height: 2px; width: 100%; content: ""; background: #014da1; transform: scaleX(0);}
.header .mune .m-list:hover>a,#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6,#m7 .m7{ color: #014da1 !important; font-weight: bold; }
.header .mune .m-list:hover>a:after,#m1 .m1:after,#m2 .m2:after,#m3 .m3:after,#m4 .m4:after,#m5 .m5:after,#m6 .m6:after,#m7 .m7:after{ transform: scaleX(0.8) !important;}

.header .mune .m-dot{ display: none; left: 0; width: 100%; z-index: 0; position: absolute; top:calc(100%); background: rgba(243,244,246,0.9); padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.header .mune .m-dot a{ font-size: 1.4em; line-height: 24px; color: #585858; margin: 0 20px;}
.header .mune .m-dot a p{ font-size: 1em; margin-top: 6px;}
.header .mune .m-list:hover .m-dot{ z-index: 2; display: block;}
.header .mune .m-dot a:hover{ color: #014da1;}

.header.h-showdown{ top:-100%; }

/*footer*/
.footer a,.footer .fo2 .fs a img{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer{ overflow:hidden; }

.footer .fo1{ overflow:hidden;  padding:90px 0 70px 0; background: url(../images/footer-bg.jpg) center bottom no-repeat; background-size: cover !important;}
.footer .fo1 .mune{ width: 50%; float:left; overflow:hidden;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1 .mune .dot{ float:left;  padding-right: 6%; overflow:hidden;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1 .mune a{ line-height:20px; display:inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1 .mune h3{ margin-bottom:16px; font-size:1.6em; color:#fff; line-height: 24px;}
.footer .fo1 .mune h3 a{ font-size:1em; color: #fff;}
.footer .fo1 .mune p{ font-size:1.4em; color:#ddd; line-height:30px;}
.footer .fo1 .mune p a{ font-size:1em; color:#ddd; line-height:30px;}
.footer .fo1 .mune p:hover a{ color: #fff; text-decoration: underline;}

.footer .fo1 .sreach{ float:left; width: 30%; padding:0 0 0 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1 .sreach h3{ text-transform: uppercase; font-size: 1.6em; color: #fff; line-height: 14px; margin-bottom: 16px;}
.footer .fo1 .sreach p{ font-size: 1.4em; color: rgba(255,255,255,0.35); line-height: 24px; margin-top: 10px;}
.footer .fo1 .sreach span{ font-size: 1em;}
.footer .fo1 .sreach input{ float:left; font-size:1.4em; outline:none; border: none;  padding:6px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#333; background: #fff; width:calc(100% - 60px);}
.footer .fo1 .sreach form{ overflow: hidden; }
.footer .fo1 .sreach .f-btn{ background:url(../images/sreach.png) center center no-repeat #e70012; width: 60px;}

.footer .fo1 .two{ max-width: 20%; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1 .two .tit h3{ font-size: 1.6em; line-height: 24px; margin-bottom: 16px; color: #fff; text-transform: uppercase; }
.footer .fo1 .two .img{ display: inline-block; }
.footer .fo1 .two .img img{ max-width: 100%;}

.footer .fo2{  text-align: center; overflow:hidden; padding:20px 0; background: #05245a; }
.footer .fo2 .fs{ float:left;}
.footer .fo2 .fs a{ display: inline-block; margin: 0 10px;}
.footer .fo2 .fs a:hover img{ transform: rotateY(360deg);}
.footer .fo2 p{ font-size:1.4em; color:rgba(234,235,238,0.5); line-height:24px; text-align: center;}
.footer .fo2 p.ft{float:right; }
.footer .fo2 p a{ font-size: 1em; color:rgba(234,235,238,0.5);}
.footer .fo2 p a:hover{ text-decoration: underline;}
.footer .fo2 p span img{ margin:0 0 -5px 10px;}

.bottomlist{ background:#000; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:200;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}

/*banner*/
.banner a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.banner{ width: 100%;}
.banner .banner-slider{ width: 100%;}
.banner .swiper-slide img{ width: 100%;}
.banner .swiper-pagination-bullet{ margin:0 8px; background:#fff;width: 40px; height: 4px; border-radius: 0; opacity: 1;}
.banner .swiper-pagination-bullet-active{ background:#458dcb; }
/*ip*/
.ip .dot img{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ip{ margin: 20px 0; overflow: hidden; text-align: center;}
.ip .dot{ padding: 50px 20px; float:left; width: 20%; border: 1px solid #efefef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: none;}
.ip .dot img{ max-width: 100%;}
.ip .dot h3{ margin: 10px 0;font-size: 1.8em; color: #333; line-height: 24px; font-weight: bold; text-transform: uppercase; }
.ip .dot h4{ font-size: 1.4em; color: #888; line-height: 24px; text-transform: uppercase; }
.ip .dot:hover img{ transform: translateY(-20px);}
/*iab*/
.iab .txt .t a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.iab{ display: table; width: 100%;}
.iab>*{ display: table-cell; vertical-align: top;}
.iab .txt{ width: 36%; padding: 8% 4% 20px 5%; background: url(../images/ian-t.jpg) left bottom no-repeat; background-size: cover !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iab .txt .tits{ text-align: left; margin-bottom: 50px;}
.iab .txt .tits h4{ color: #555; }
.iab .txt .t p{ font-size: 1.4em; color: #555; line-height: 24px;}
.iab .txt .t a{ display: inline-block; background: #014da1; margin-top: 15%; padding: 15px 50px; font-size: 1.6em; color: #fff;  }
.iab .img img{ max-width: 100%;}
.iab .txt .t a:hover{  background: #e70012;}
/*inews*/
.inews .dots .dot .img img,.inews .dots .dot .txt h3{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.inews{ padding: 75px 0 60px 0;}
.inews .tits{ margin-bottom: 40px;}
.inews .tits h4{ color: #143f87;}
.inews .dots{ overflow: hidden; width: calc(100% + 40px); margin-left: -20px;}
.inews .dots .dot{ width: calc(33.33% - 40px); margin: 0 20px; float:left;}
.inews .dots .dot .img{ overflow:hidden;}
.inews .dots .dot .img img{ max-width: 100%;}
.inews .dots .dot .txt{ padding: 25px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inews .dots .dot .txt h3{ font-size: 1.8em; color: #333; line-height: 24px; margin-bottom: 14px; font-weight: bold; height: 24px; display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:1; }
.inews .dots .dot .txt p{ font-size: 1.4em; color: #333; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; }
.inews .dots .dot .txt span{ font-size: 1.4em; color: #888; line-height: 24px; display: inline-block; margin-top: 20px;}
.inews .dots .dot:hover .img img{ transform: scale(1.1);}
.inews .dots .dot:hover .txt h3{ color: #014da1;}
/*is*/
.is .txt .btn{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.is .box1{ background: url(../images/is1.jpg) center center no-repeat; background-size: cover !important; height: 470px; text-align: center;}
.is .box2-1{ background: url(../images/is2.jpg) center center no-repeat; background-size: cover !important; height: 430px; text-align: center;}
.is .box2-2{ background: url(../images/is3.jpg) center center no-repeat; background-size: cover !important; height: 430px; text-align: center;}
.is .box1,.is .box2-1,.is .box2-2{ padding: 6% 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.is .box2{ margin: 30px 0 50px -15px; overflow:hidden; width: calc(100% + 30px);}
.is .box2 .box{ width: calc(50% - 30px); margin: 0 15px; float:left;}
.is .txt h3{ font-size: 3em; font-weight: bold; color: #fff;}
.is .txt .line{ display: inline-block; width: 40px; height: 3px; background: #fff; margin: 25px 0;}
.is .txt p{ font-size: 1.6em; color: #fff; line-height: 24px; max-width: 520px; margin: 0 auto;}
.is .txt .btn{ display: inline-block; border: 1px solid #fff; font-size: 1.6em; color: #fff; padding: 12px 45px; margin-top: 40px;}
.is .box2-2 .txt h3{ color: #333;}
.is .box2-2 .txt .line{ background: #888; }
.is .box2-2 .txt p{ color: #888;}
.is .box2-2 .txt .btn{ border: 1px solid #e70012; background: #e70012;}
.is .box1 .txt .btn:hover,.is .box2-2 .txt .btn:hover{ border: 1px solid #143f87; background: #143f87;}
.is .box2-1 .txt .btn:hover{ border: 1px solid #e70012; background: #e70012;}

/*tits*/
.tits{ text-align: center;}
.tits h4{ text-transform: uppercase; font-size: 3em; color: #373737; font-weight: bold;}
.tits h4 span{ font-size: 1em; color: #e70012;}

/*banners*/
.banners{ height: 560px; background-size: cover !important; display: table; width: 100%;}
.banners .txt{ text-align: center; display: table-cell; vertical-align: middle;}
.banners .txt h3{ font-size: 3em; color: #fff; text-shadow: 0 0 15px #000; text-transform: uppercase; }
.about{ background: url(../images/banner/about-banner.jpg) center center no-repeat;}
.contact{ background: url(../images/banner/contact-banner.jpg) center center no-repeat;}
.service{ background: url(../images/banner/service-banner.jpg) center center no-repeat;}
.product{ background: url(../images/banner/product-banner.jpg) center center no-repeat;}
.news{ background: url(../images/banner/news-banner.jpg) center center no-repeat;}
.join{ background: url(../images/banner/join-banner.jpg) center center no-repeat;}
.news .txt{  padding-right: 46%;}
.news .txt h3{ text-shadow: 0 0 0 #fff;}


/*lead*/
.lead .lb a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.lead{ background: #f6f6f6; text-align: center;}
.lead .lb{ width: auto; display: inline-block; margin: 0 auto; overflow: hidden;}
.lead .lb a{ float:left; font-size: 1.6em; color: #333; line-height: 24px; padding: 15px 50px;}
.lead .lb a:hover,.lead .lb a.lock,
.s1 .s1,.s2 .s2,.s3 .s3,
.j1 .j1,.j2 .j2{ background: #fff !important;}

/*network*/
.network{ text-align: center; padding: 40px 0 80px 0;}
.network img{ max-width: 100%;}
.network .imgs h3{ font-size: 3em; font-weight: bold; color: #373737; margin: 80px 0 30px 0;}
/*download*/
.download-t .d-boxs .box a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.download-t{ padding: 35px 0 60px 0;}
.download-t .d-boxs{ margin: 35px 0 15px 0;}
.download-t .d-boxs .box{ text-align: center; display: table; width: 100%; }
.download-t .d-boxs .box:nth-child(2n){ background: #fafafa;}
.download-t .d-boxs .box:nth-child(2n-1){ background: #f0f0f0;}
.download-t .d-boxs .box>*{ display: table-cell; vertical-align: middle; width: 150px; padding: 12px 30px; font-size: 1.4em; color: #000; line-height: 20px;}
.download-t .d-boxs .box .dt1{ width: calc(100% - 450px); text-align: left;}
.download-t .d-boxs .box .dt2,.download-t .d-boxs .box .dt3{ color: #666;}
.download-t .d-boxs .box a{ background: #2f5fab; display: inline-block; padding: 2px 15px; color: #fff; border-radius: 20px;}

.download-t .d-boxs .box.d-tit{ background: #525252; }
.download-t .d-boxs .box.d-tit>*{ border-left: 1px solid #fff; font-size: 1.6em; color: #fff;}
.download-t .d-boxs .box.d-tit .dt1{ text-align: center; }
.download-t .d-boxs .box.d-tit .dt1:first-child{ border:none;}
.download-t .d-boxs .box a:hover{background: #e70012;}

/*service*/
.service-t{ padding: 35px 0 90px 0;}
.service-t .t{ padding: 40px 0;}
.service-t .t p{ font-size: 1.6em; color: #333; line-height: 32px; margin-bottom: 24px; }
.service-t .dots{ overflow: hidden; }
.service-t .dots .dot{ height: 380px; float:left; width: calc(50% - 50px); margin: 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 60px;}
.service-t .dots .dot.d1{ background: url(../images/sd1.png) right top no-repeat; background-size: cover !important;}
.service-t .dots .dot.d2{ background: url(../images/sd2.png) right top no-repeat; background-size: cover !important;}
.service-t .dots .dot h3{ display: inline-block; font-size: 1.8em; color: #333; font-weight: bold;  border-bottom: 4px solid #e70012; padding-bottom: 14px;}
.service-t .dots .dot p{ font-size: 1.6em; color: #333; line-height: 32px; padding-top: 24px;}

/*join*/
.join-t .dots a{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.join-t{ padding: 50px 0 70px 0;}
.join-t .t{ padding: 50px 0;}
.join-t .t p{ font-size: 1.6em; color: #333; line-height: 24px; margin-bottom: 24px;}
.join-t .dots{ overflow: hidden;}
.join-t .dots .db{ display: table; width: 50%; float:left;}
.join-t .dots .dot{ display: table-cell; width: 25%; vertical-align: middle; background: #f5f5f5; text-align: center;}
.join-t .dots .dot img{ width: 100%;}
.join-t .dots h3{ font-size: 2em; color: #666; line-height: 24px; margin-bottom: 10px;}
.join-t .dots a{ font-size: 1.2em; color: #fff; padding: 8px 24px; display: inline-block;}
.join-t .dots .d2 a{ background: #547cb7;}
.join-t .dots .d4 a{ background: #e70012;}
.join-t .dots .d2 a:hover{ background: #e70012;}
.join-t .dots .d4 a:hover{ background: #014da1;}

/*hr*/
.hr .dots .dot{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.hr{ padding: 40px 0 60px 0;}
.hr .dots{ margin-top: 45px;}
.hr .dots .dot{ padding: 0 3%; border: 2px solid #ddd; margin: 30px auto; max-width: 1200px; border-top:10px solid #0c5da3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.hr .dots .dot .i{ overflow:hidden; padding: 25px 0 14px 0;}
.hr .dots .dot .i h3{ font-size: 1.8em; color: #0c5da3; float:left;}
.hr .dots .dot .i p{ float:right; font-size: 1.4em; color: #666; line-height: 24px;}
.hr .dots .dot .d{ margin-bottom: 10px;}
.hr .dots .dot .d p{ display: inline-block; font-size: 1.4em; color: #333; line-height: 24px; margin:0 36px 5px 0;}
.hr .dots .dot .t{ margin-bottom: 25px;}
.hr .dots .dot .t p{font-size: 1.4em; color: #333; line-height: 24px;}
.hr .dots .dot .hc{ padding: 10px 0;  border-top:1px solid #ccc; text-align: center; }
.hr .dots .dot .hc span{ display: inline-block; margin: 4px 8px; font-size: 1.4em; color: #666; line-height: 30px;}
.hr .dots .dot:hover{ box-shadow: 0 0 15px #ddd;}


/*contact*/
/*map*/
.content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; width: auto; padding: 0;}
.content-window-card p { height: 2rem;}
.custom-info {border: solid 1px silver;}
div.info-top { position: relative; background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0;}
div.info-top div { display: inline-block; color: #333333; font-size: 14px; font-weight: bold; line-height: 31px; padding: 0 30px 0 10px;}
div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s;}
div.info-top img:hover { box-shadow: 0px 0px 5px #000;}
div.info-middle { font-size: 12px; padding: 10px 6px; line-height: 20px;}
div.info-bottom {height: 0px; width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative;  z-index: 104;}
#map span { margin-left: 5px; font-size: 11px;}
.info-middle img { float: left; margin-right: 6px;}
#container{ height:620px;}

.contact-t .tits{ padding: 40px 0 50px 0;}
.contact-t .txts{ display: table; width: 100%; background: #f5f5f5;}
.contact-t .txts>*{ display: table-cell; width: 50%; vertical-align: top;}
.contact-t .txts .txt .t{ float:right; width: 100%; max-width: 600px; padding:10% 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact-t .txts .txt .t h3{ font-size: 2.4em; color: #0052b6; font-weight: bold; margin-bottom: 40px;}
.contact-t .txts .txt .t .d{  overflow: hidden; margin-bottom: 20px;}
.contact-t .txts .txt .t .d>*{ float:left;}
.contact-t .txts .txt .t .d span{ width: 40px;}
.contact-t .txts .txt .t .d p{  width: calc(100% - 40px); font-size: 1.4em; color: #333; line-height: 24px; }

.contact-t .feedback{ padding: 70px 0 90px 0;}
.contact-t .feedback .tit{ text-align: center;}
.contact-t .feedback .tit h3{ font-size: 3em; color: #333; font-weight: bold;}
.contact-t .feedback .tit span{ margin: 25px 0 40px 0; display: inline-block;  width: 40px; height: 2px; background: #0052b6;}

.contact-t .form .dot{ width: calc(100% + 30px); margin-left: -15px;}
.contact-t .form .dot .fc-input{ float:left; width: calc(33.33% - 30px); margin: 0 15px;}

.contact-t .btn .fc-btn{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.contact-t  input,.contact-t  textarea{ font-size: 1.4em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000;  border: 1px solid #ddd; padding: 10px 15px;}
.contact-t .fc-input{ width: 100%; margin-bottom: 35px;}
.contact-t textarea{ width:100%; margin:35px 0; font-family: "Arial","Microsoft Yahei";}
.contact-t .fc-input::-webkit-input-placeholder,.contact-t  textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.6);}
.contact-t  .fc-input:-moz-placeholder,.contact-t  textarea:-moz-placeholder { color:rgba(0,0,0,0.6);}
.contact-t  .fc-input::-moz-placeholder,.contact-t  textarea::-moz-placeholder { color:rgba(0,0,0,0.6);}
.contact-t  .fc-input:-ms-input-placeholder,.contact-t  textarea:-ms-input-placeholder { color:rgba(0,0,0,0.6);}
.contact-t  .btn{ text-align: center;}
.contact-t  .btn .fc-btn{ border-radius: 5px; border:none; padding: 12px 70px;  font-size:1.8em; color:#fff; line-height:24px; cursor:pointer; background: #0052b6;}
.contact-t  .btn .fc-btn:hover{ background:#000;}

/*news*/
.news-t .boxs .box .txt .t span,.news-t .boxs .box img{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.news-t{ padding: 40px 0 60px 0;}
.news-t .tits{ margin-bottom: 30px;}
.news-t .boxs{ overflow: hidden; width: calc(100% + 30px); margin: 0 0 0 -15px;}
.news-t .boxs .box{ float:left;width: calc(33.33% - 30px); margin: 20px 15px; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.news-t .boxs .box .img{ overflow: hidden;}
.news-t .boxs .box img{ max-width: 100%;}
.news-t .boxs .box .txt{ padding: 0 16px 16px 16px;}
.news-t .boxs .box .txt .t{ background: #fff; margin-top: -30px; position: relative; z-index: 2; padding-top: 40px;}
.news-t .boxs .box .txt .t:after{ position: absolute; top:0; left: 0; width: 20%; height: 9px; content: ""; background: #2f5fab;}
.news-t .boxs .box .txt .t h3{ font-size: 2em; color: #555; line-height: 24px; margin-bottom: 20px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.news-t .boxs .box .txt .t p{ font-size: 1.4em; color: #888; line-height: 20px; height: 40px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.news-t .boxs .box .txt .t h4{ font-size: 1.4em; color: #bebebe; margin: 20px 0;}
.news-t .boxs .box .txt .t span{ font-size: 1.4em; color: #fff; border-radius: 5px; background: #a9a9a9; display: inline-block; padding: 8px 25px;}
.news-t .boxs .box:hover .txt .t span{ background: #2f5fab;}
.news-t .boxs .box:hover .img img{ transform: scale(1.1);}


/*newsshow*/
.newsshow{ padding:80px 0 80px 0;}
.newsshow .boxs{ background:#f5f5f5; }

.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:2em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#666; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsshow .tit .dot h4{ color:#fff; font-size:1.4em; display:inline-block; padding:14px 15px;}
.newsshow .txt{ padding:20px 40px; line-height:24px; color:#666666; }
.newsshow .txt *{ font-size:14px; line-height:24px;}
.newsshow .txt p{ font-size:14px;}
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background:#000 !important; color:#fff !important;}


/*about*/
.about-t .ab1{ padding: 70px 0 60px 0;}
.about-t .ab1 .tits{ text-align: left; margin-bottom: 50px;}
.about-t .ab1 .txts{ overflow:hidden;}
.about-t .ab1 .txts>*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; width: 50%;}
.about-t .ab1 .tl{ padding-right: 4%;}
.about-t .ab1 .tr{ padding-left: 4%;}
.about-t .ab1 .txts p{ font-size: 1.4em; color: #555; line-height: 24px; margin-bottom: 24px;}
.about-t .ab-lines{ padding: 35px 0; background:url(../images/about/ab-line.jpg) center center no-repeat; background-size: cover !important;}
.about-t .ab-lines h3{ font-size: 1.8em; color: #fff; line-height: 24px;}
.about-t .ab-lines h3 span{ font-size: 1.2em; font-weight: bold;}
.about-t .ab2{ padding: 50px 0 90px 0;}
.about-t .ab2 video{ margin-top: 40px; width: 100%;}
.about-t .ab-line2{ background: url(../images/about/ab2-bg.jpg) center center no-repeat;  background-size: cover !important; padding: 10% 0;}
.about-t .ab-line2 .tip{ padding: 5% 0; max-width: 700px; margin: 0 auto; text-align: center; background: url(../images/about/ab-v.png) center center no-repeat; background-size: cover !important;}
.about-t .ab-line2 .tip h3{ font-size: 3em; color: #fff; font-weight: bold;}
.about-t .ab3{ padding: 90px 0;}
.about-t .ab3 img{ width: 100%; margin-top: 30px;}
.about-t .ab3 .tits{ text-align: left;}
.about-t .ab4{ padding-bottom: 80px; }
.about-t .ab4 .tits{ margin-bottom: 30px; text-align: left;}
.about-t .ab4 .imgs{ display:table; width: 100%;}
.about-t .ab4 .imgs .img{ display: table-cell; vertical-align: middle;}
.about-t .ab4 .imgs .img img{ width: 100%;}

/*product*/
.product-t .boxs .box:after,.product-t .boxs .box img{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.pb .lead{ background: #fff;}
.pb .lead .lb a.lock,.pb .lead .lb a:hover{ background: #f6f6f6 !important;}
.product-t{ background:#f6f6f6; padding: 60px 0;}
.product-t .boxs{ overflow: hidden;}
.product-t .boxs .box{ background: #fff; float:left; width: calc(33.33% - 20px); margin: 20px 10px; text-align: center; border-bottom: 9px solid #dcdcdc; position: relative;}
.product-t .boxs .box .img{ overflow: hidden; }
.product-t .boxs .box img{ width: 100%;}
.product-t .boxs .box h3{ font-size: 1.6em; color: #333; line-height: 24px; margin: 15px 0; padding: 0px 10px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.product-t .boxs .box:after{ position: absolute; width: 20%; height: 9px; left: 0; bottom: -9px; content: ""; background: #014da1; z-index: 2;}
.product-t .boxs .box:hover:after{ width: 100%;}
.product-t .boxs .box:hover img{ transform: scale(1.05);}

/*productshow*/
.productshow{ padding: 80px 0;}
.productshow .tit{ background: #f3f3f3; padding: 18px 25px; position: relative; }
.productshow .tit:after{ position: absolute; top:0; left: 0; width: 8px; height: 100%;          content: ""; background-image:linear-gradient(0deg,#e70012 0%,#e70012 50%,#014da1 50%,#014da1 100%);}
.productshow .tit{ overflow: hidden;}
.productshow .tit h3{ text-transform: uppercase;  font-size: 3em; color: #000; font-weight: bold; display: inline-block; line-height: 36px; float:left;}
.productshow .tit h4{ padding-left: 12px; font-size: 1.6em; color: #000; text-transform: uppercase;  display: inline-block; line-height: 36px; float:left;}
.productshow .img{ text-align: center; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.productshow .img img{ max-width: 100%;}
.productshow .txts{ margin-top: 40px;}
.productshow .txts .ti h3{ font-size: 3em; color: #333; font-weight: bold;}
.productshow .txts .ti{ margin-bottom: 30px;}
.productshow .txts .ti img{ margin:0 12px -8px 0;}
.productshow .txts .txt *{ font-size: 14px; line-height: 1.5;}
.productshow .txts .txt img{ max-width: 100%;}
.productshow .txts .txt table{ margin: 20px 0;}
.productshow .txts .txt table tr td{ padding: 12px; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #eee;}
.productshow .txts .txt table tr:first-child td{ background: #014da1; color: #fff;}