@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "DIN-REGULAR";
  src: url("../fonts/DIN-REGULAR.woff2") format("woff2"),
       url("../fonts/DIN-REGULAR.woff") format("woff"),
       url("../fonts/DIN-REGULAR.ttf") format("truetype"),
       url("../fonts/DIN-REGULAR.eot") format("embedded-opentype"),
       url("../fonts/DIN-REGULAR.svg") format("svg");
}

html,body,div,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: "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{ width:calc(100% - 80px); margin:0 auto;}
.warp2{ width:1400px; margin:0 auto;}
.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 {text-align:center;line-height:3rem; padding: 50px 0;}
div.fy a {margin:2px 5px;padding:10px 15px;color:#666666;background-color: #f0f0f0;font-size:1.6em; border-radius:2px;display:inline;}
div.fy a:hover {background-color:#0b77c6;color:#FFF;}
div.fy a:active {background-color:#0b77c6;color:#FFF;}
div.fy span.current {margin:2px 5px;padding:10px 15px;background-color:#0b77c6;color:#FFF; font-size:1.6em;border-radius:2px;}
div.fy span.disabled {margin:2px 5px;padding:10px 15px;color:#999;background-color: #f0f0f0; font-size:1.6em;border-radius:2px;}

/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {	width: 24px;	height: 14px;	position:absolute;	top:85px;	right: 45px;	z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span {	    background: #707070;    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: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:100;}
.hide-center {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;
	width:300px;	height:300px;}
.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:10%;margin:auto;	display:none;	z-index:1000;	width: 100%;   max-width: 1250px; }

.field{  --uiFieldPaddingTop: var(--fieldPaddingTop, 0px);  --uiFieldPaddingRight: var(--fieldPaddingRight, 0px);  --uiFieldPaddingBottom: var(--fieldPaddingBottom, 0px);  --uiFieldPaddingLeft: var(--fieldPaddingLeft, 0px);  --uiFieldBorderColor: var(--fieldBorderColor, transpatent);  --uiFieldBorderTop: var(--fieldBorderTop, 0px);  --uiFieldBorderRight: var(--fieldBorderRight, 0px);  --uiFieldBorderBottom: var(--fieldBorderBottom, 0px);  --uiFieldBorderLeft: var(--fieldBorderLeft, 0px);  --uiFieldBgColor: var(--fieldBgColor, transpatent);  --uiFieldPlaceholderColor: var(--fieldPlaceholderColor, #767676);  --uiFieldAnimationDuration: var(--fieldAnimationDuration, .3s);  --uiFieldFonstSize: var(--fieldFontSize, 16px);  position: relative;  }
.field__input{ font-size:2em !important;  width: 100%;  box-sizing: border-box;  background-color: var(--uiFieldBgColor);  -webkit-appearance: none;     -moz-appearance: none;          appearance: none;  border-radius: 0;  border-style: solid;  border-color: var(--uiFieldBorderColor);  border-top-width: var(--uiFieldBorderTop);  border-right-width: var(--uiFieldBorderRight);  border-bottom-width: var(--uiFieldBorderBottom);  border-left-width: var(--uiFieldBorderLeft);  padding-top: var(--uiFieldPaddingTop);  padding-right: var(--uiFieldPaddingRight);  padding-bottom: var(--uiFieldPaddingBottom);  padding-left: var(--uiFieldPaddingLeft);  font-family: inherit;  font-size: 100%;  color: inherit;}
.field__input::-webkit-input-placeholder{  color: var(--uiFieldPlaceholderColor);  opacity: 0;}
.field__input::-moz-placeholder{   color: var(--uiFieldPlaceholderColor);  opacity: 0;}
.field__input:focus{ outline: none;  }
.field__input:focus::-webkit-input-placeholder{   -webkit-transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);   transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration); opacity: 1;}
.field__input:focus::-moz-placeholder{  -webkit-transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);   transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);  opacity: 1;}
.field__label{ font-size:1.6em !important;  position: absolute;  top: calc(0px + var(--uiFieldPaddingTop) + var(--uiFieldBorderTop));  left: calc(0px + var(--uiFieldPaddingLeft) + var(--uiFieldBorderLeft));  pointer-events: none;  font-size: .9em;  -webkit-transition: top var(--uiFieldAnimationDuration) cubic-bezier(0.9,-0.15, 0.1, 1.15), opacity var(--uiFieldAnimationDuration) ease-out;  transition: top var(--uiFieldAnimationDuration) cubic-bezier(0.9,-0.15, 0.1, 1.15), opacity var(--uiFieldAnimationDuration) ease-out;  will-change: top, opacity;}
.field__input:not(:placeholder-shown) ~ .field__label{  opacity: 0;  top: calc(0px + var(--uiFieldPaddingTop) + var(--uiFieldBorderTop));}
.field__input:focus ~ .field__label{ opacity: 1;  top: calc(-1.5 * calc(var(--uiFieldPaddingTop) + var(--uiFieldBorderTop) + 15px));}
/* type 2 */
.field_type2{  --uiFieldBorderBottom: var(--fieldBorderBottom, 2px);  --uiFieldPaddingTop: var(--fieldPaddingTop, 5px);  --uiFieldPaddingRight: var(--fieldPaddingRight, 15px);  --uiFieldPaddingBottom: var(--fieldPaddingBottom, 10px);  --uiFieldPaddingLeft: var(--fieldPaddingLeft, 15px);  }
.field_type2 .field__line{  width: 0;  height: var(--uiFieldBorderBottom);  background-color: var(--fieldBorderColorActive);  position: absolute;  bottom: 0;  left: 0;  will-change: width;  -webkit-transition: width var(--uiFieldAnimationDuration) ease-out;  transition: width var(--uiFieldAnimationDuration) ease-out;}
.field_type2 .field__input:focus ~ .field__line{ width: 100%;}
.field{  --fieldBorderColor: #fff;  --fieldBorderColorActive: #117bc9;  --fieldPlaceholderColor: #fff;  display: block;  color: #fff;}
.m-btn{     font-size: 2em;   background: none;    color: #fff;   position: absolute;    right: 0;    top: 0px;    outline: 0;    border: navajowhite;}
/*header*/
.down>a:after{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6,.down>a:hover,.down-list a:hover{ color:#004da1 !important;}
#m1 .m1:after,#m2 .m2:after,#m3 .m3:after,#m4 .m4:after,#m5 .m5:after,#m6 .m6:after,.down>a:hover:after{ transform:scaleX(1) !important;}
.header-tit{ background:#333333; padding:16px 0; text-align:right;}
.header-tit .warp *{ display:inline-block;}
.header-tit .lun span img{ margin:4px 0 -6px 4px;}
.header-tit span>img{ margin:0 0 -3px 10px;}
.header-tit p{ font-size:1.6em; color:#c1c1c1; margin-left:4px;}
.header-tit p span{ font-size:1em; font-weight:bold; font-family: "DIN-REGULAR";}
.logo{ float:left; padding:9px 0;}
.munes{ float:right;}
.munes>*{ display:inline-block;}
.mune .down{ width:80px; display:inline-block; margin-right:50px;padding:46px 5px;}
.mune .down>a{ font-size:1.8em; color:#000; width:80px;display:block; text-align:center;}
.share span{ padding:0px 30px 0px 0; display:inline-block;}
.share span img{ margin-bottom:-6px;}
.down{ position:relative;}
.down>a:after{ position:absolute; bottom:0; left:0; content:""; background:#324e8a; width:100%; height:3px; transform:scaleX(0);}
.down:hover .down-list{ display:block;}
.down-list{ display:none; position:absolute; top:100%; left:0; z-index:100; background:#fff; padding:10px; width:160px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.down-list a{ line-height:24px; display:block; font-size:1.6em; border-bottom:1px solid #ddd; padding:10px 0;}

/*footer*/
.fo1{ background:#3f3f3f; padding:65px 0 23px 0;}
.fo1 .left{ float:left;}
.fo1 .left .munel:first-child{ border:none;}
.fo1 .left .munel{ float:left; padding:0 50px; color:#fff; border-left:1px solid #6a6a6a; height:300px;}
.fo1 .left .munel h3{ font-size:1.8em; color:#fff; margin-bottom:22px;}
.fo1 .left .munel a{ display:block; color:#adadad; font-size:1.4em; line-height:36px;}
.fo1 .right h3{ font-size:1.8em; margin-bottom:18px; color:#fff;}
.fo1 .right h4{ font-size:3em; color:#fefefe; font-weight:bold; font-family: "DIN-REGULAR"; border-bottom:1px solid #5c5c5c; padding-bottom:12px; margin-bottom:15px; padding-right:30px;}
.fo1 .right p{ font-size:1.4em; color:#adadad; line-height:20px; margin-bottom:30px;}
.fshare img{ margin-right:18px;}
.fo1 .left .munel a:hover{ color:#fff;}
.ml2{ width:250px;}
.ml2 a{ float:left; width:50%;}
.fo1 .right{ float:right;}
.fo2{ overflow:hidden; background:#212121; padding:16px 0;}
.fo2 p{ font-size:1.4em; color:#888888; line-height:24px;}
.fo2 p a{ font-size:1em; color:#888;}
.fo2 p a:hover{ text-decoration:underline;}
.fo2 .left{ float:left;}
.fo2 .right{ float:right;}

.bottomlist{ background:#0059d4; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:20;}
.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; border-top:1px solid #bcbbba; border-left:1px solid #bcbbba; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}

/*banner*/
.banner .warp{ position:relative;}
.banner .warp>.txt{ position:absolute; width:100%; top:40%; text-align:center;}
.case-b .warp>.txt{ top:20%;}
.banner .warp>.txt>h3{ font-size:4.8em; font-weight:bold; position:relative; padding-bottom:27px;}
.banner .warp>.txt>h3{ color:#fff; }
.banner .warp>.txt>h3{ color:#fff; }
.banner .warp>.txt>h3:after{ position:absolute; bottom:0; left:50%; margin-left:-19px; content:""; width:38px; height:3px; background:#fff;}
#m4 .banner .warp>.txt>h3:after{ background:#fff;}

.i-tit{ font-size:2.8em; color:#333; text-align:center;}
.centera {overflow:hidden; position:relative;}
.hover{ background:#fff;}
.hover2 h3,.hover2 h4{ transform:translateY(0px);}
.box {display:none}
#oranger{ text-align:center; position:absolute; bottom:55px; width:100%;z-index:99;}
#oranger a { margin:0 5px; display:inline-block; width:13px; height:13px; border:1px solid #fff; border-radius:50%; }
.tablea .box2 h3{ text-align:left; padding-top:16%; color:#2e508c; font-weight:bold; font-size:3.6em; line-height:60px; padding-left:10%; margin-bottom:10px;}
.tablea .box h4{ text-transform:uppercase; font-size:1.6em; line-height:24px; max-width:550px; width:100%; font-family: "DIN-REGULAR";}
.tablea .box>img{ padding-left:10%; }
.tablea .box2 img{ padding-top:20px !important;max-width: 20%;}

.tablea .box3 h3{ text-align:center; padding-top: 7%;   font-weight: bold;    font-size: 4em; padding-left: 0%;  margin-bottom: 15px; color:#2e4f8f;}
.tablea .box3 h3 span{ font-size:1em; color:#333333; margin-left:0.5em;}
.tablea .box3 h4{ letter-spacing:2px; text-align:center; padding-left:0%; font-size:2.4em; line-height:36px; max-width:100%; width:100%; font-family: "DIN-REGULAR"; color:#333;}
.tablea .box3 div{ text-align:center; margin-top:4%;}
.tablea .box3 div>span>a{ width:125px; height:30px; color:#fff; background:#2e4f8f; display:inline-block; line-height:30px; font-size:1.8em;}
/*ia*/
.ia{ background:url(../images/ia-bg.jpg) center center no-repeat #f8f8f8; padding:100px 0;}
.ia .i-tit{ margin-bottom:40px;}
.ia p{ text-align:center; font-size:1.6em; line-height:30px; color:#555;}
.ia-num{ padding-top:100px; text-align:center;}
.num:first-child{ border:none;}
.num{ border-left:1px solid #e5e5e5; display:inline-block; padding:10px 70px; text-align:left;}
.num h3{ font-size:2.4em; color:#324e8a;}
.num h3 span{ font-size:3.2em; color:#2056c9; font-family: "DIN-REGULAR";}
.num h4{ font-size:1.6em; color:#555555; margin-top:20px;}

/*icom*/
.icom{ background:#eaecef; text-align:center; padding:75px 0 65px 0;}
.icom .warp>h3{ margin-bottom:25px;}
.icom .warp>h4{ font-size:1.4em; line-height:24px;}
.icom .dots{ overflow:hidden; max-width:1300px; margin:0 auto; padding-top:45px;}
.icom .dots .dot{ float:left; width:16.6%; padding:15px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.icom .dots .dot img{ width:100%;}

/*ip*/
.ipb,.ipb img,.ipa{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.ip{ padding:80px 0;}
.ip h4{ font-size:1.6em; color:#555555; line-height:24px; text-align:center; padding:25px 0 45px 0;}
.ipb{ position:relative; overflow:hidden; float:left; width:33.33%; text-align:center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ip3{ background:#f1f1f1; background-size:100% 100%;}
.ip4{ background:#0059d4; background-size:100% 100%;}
.ip3>img,.ip4>img{ opacity:0;}
.ip3 p{ color:#333 !important;}
.ipb a{ position:absolute; top:0; left:0; width:100%; height:100%;}
.ipb>img{ width:100%; opacity:0;}
.ipb a>img{ padding-top:16%;}
.ipb p{ font-size:2.5em; color:#fff; padding:6% 0 4% 0;}
.ipa{ background:url(../images/arrow.png) center center no-repeat; width:22px; height:22px; border-radius:50%; border:1px solid #fff; margin:0 auto;}
.ipa img{ padding:4px 8px;}

.ipb:hover>img{ transform:scale(1.2);}

.ip4:hover .ipa,.ip2:hover .ipa,.ip6:hover .ipa{ background:url(../images/arrow3.png) center center no-repeat #fff; border:1px solid #fff;}
.ipb:nth-child(2n){ background:#0059d4;}
.ipb:nth-child(2n-1) p{ color:#333 !important;}
.ipb:nth-child(2n-1) .ipa{ border:1px solid #b5b5b5; background:url(../images/arrow2.png) center center no-repeat;}
.ipb:nth-child(2n-1){ background:#f1f1f1;}
.ipb:hover img{ transform:translateY(-20px);}
.ipb:nth-child(2n-1):hover .ipa{ background:url(../images/arrow.png) center center no-repeat #0059d4; border:1px solid #0059d4;}
/*ipi*/
.ipi a{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.ipi{ background:#fff; float:right; width:720px; padding:60px 50px 55px 60px; margin-top:12%;}
.ipi h3{ font-size:2.8em; color:#333; margin-bottom:25px;}
.ipi p{ font-size:1.6em; line-height:30px; color:#333;}
.ipi a{ font-size:1.8em; color:#324e8a; display:inline-block; margin-top:32px;}
.ipi a span img{ margin-bottom:-5px; margin-right:14px;}
.ipi:hover a{ transform:translateX(25px);}
.ipinpai img{ max-width:100%;}

.video-box{width:100%; height:800px; background:url(images/video.jpg) top center no-repeat; background-size:cover; overflow:hidden;}
/*inews*/
.banner-slider .swiper-slide  .txt,.banner-slider .swiper-slide  .txt h4,.banner-slider .swiper-slide  .txt p,.banner-slider .txt span{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.inews{ padding:100px 0 70px 0;}
.banner-slider{ padding:60px 0 80px 0 !important;}
.banner-slider .date{ float:left; width:30%;}
.banner-slider .date h3{ font-size:3.6em; color:#888;font-family: "DIN-REGULAR";}
.banner-slider .txt{ float:left; width:70%; border-left:1px solid #e5e5e5;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 16px;}
.banner-slider .txt h4{ font-size:2em; color:#333333; line-height:30px;display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2 !important; margin-bottom:10px;}
.banner-slider .txt p{ font-size:1.4em; color:#888; line-height:30px; margin-bottom:30px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.banner-slider .txt span{ display:inline-block;}
.banner-slider .swiper-slide:hover span{ transform:translateX(25px);}
.banner-slider .swiper-slide:hover .txt{}
.banner-slider .swiper-slide:hover .txt h4{color:#004da1;}
.banner-slider .swiper-slide:hover .txt p{color:#004da1;}

/*about*/
.banner{ text-align:center;}
.banner .warp>img{ max-width:100%; max-height:802px;}
.am span,.am4 p,.am4 p span,.am4 p span:after{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.about{ padding:100px 0 70px 0; background:url(../images/about-bg.jpg) center top no-repeat #f8f8f8;}
.about p{ text-align:left; text-indent:2em; margin:0 auto; margin-bottom:30px; width:90%;}
.about .ia-num{ padding-top:70px;}
.about-more{ padding:70px 0;}
.am{ height:350px; width:calc(33.33% - 20px); margin:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:80px 50px; float:left;}
.am p{font-size:2.4em; margin-bottom:35px;}
.am span{font-size:1.8em; display:inline-block;}
.am span img{ margin-right:15px;}
.am1{ background:#2056c9;}
.am1 p{ color:#fff; color:#fff; }
.am1 h4{ font-size:6em; color:#fff; margin-bottom:40px;}
.am1 span{ color:#ccdcff;}
.am2{ background:#f4f4f4;}
.am2 h4,.am3 h4{ font-size:4.2em; color:#333; margin-bottom:10px;}
.am2 h3,.am3 h3{ font-size:1.6em; color:#888; margin-bottom:30px;}
.am2 span,.am3 span{ font-size:1.8em; color:#4a73d1;}
.am3{ background:url(../images/am3-bg.jpg) center center no-repeat; background-size: cover; border:1px solid #dadada;}
.am4{border:1px solid #dadada; width:calc(100% - 20px);}
.am4 h4{ margin-bottom:35px; font-size:4.2em; color:#333;}
.am4 p{ display:inline-block; color:#555; font-size:1.6em; width:260px;}
.am4 p span{ position:relative; width:10px; height:10px; background:#bfbfbf; border-radius:50%; display:inline-block; box-sizing: content-box; margin:2px; margin-right:20px;}
.am4 p span:after{ position:absolute; top:-3px; left:-3px; border:1px solid #bfbfbf; content:""; width:14px; height:14px; border-radius:50%;}
.am4 p img{ margin-right:20px;}
.am4 p:hover{ color:#2056c9;}
.am4 p:hover span{ background:#2056c9;}
.am4 p:hover span:after{ border:1px solid #2056c9;}
.am1:hover span,.am2:hover span,.am3:hover span{ transform:translateX(10px);}
/*about2*/
.about-tit a,.about-tit a:after{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.about-tit{ background:#f6f6f6;}
.about-tit a{ position:relative; font-size:1.8em; color:#333; margin:30px 0; display:inline-block; border-right:1px solid #e5e5e5; padding:0 6%;}
.about-tit a:first-child{border-left:1px solid #e5e5e5;}
.about-tit a:after{ position:absolute; bottom:-30px; left:0; width:100%; height:2px; content:""; background:#004da1; transform:scaleX(0);}
.a2 .a2,.a3 .a3,.a4 .a4,.a5 .a5,.about-tit a:hover{ color:#004da1;}
.a2 .a2:after,.a3 .a3:after,.a4 .a4:after,.a5 .a5:after,.about-tit a:hover:after{transform:scaleX(1);}
.about2{ padding:110px 0;}
.a2-box{ margin-bottom:90px;}
.a2-tit img{ margin-bottom:-13px; margin-right:30px;}
.a2-tit h3{ display:inline-block; font-size:2.4em; color:#333; line-height:42px; margin-bottom:10px;}
.a2-box p{ margin-left:73px; font-size:1.6em; color:#555; line-height:30px;}
/*about3*/
.about3{ padding:65px 0 105px 0;}
.a3-box{ position:relative; padding:20px 20px 20px 85px; height:150px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left:1px solid #e1e1e1;}
.a3-box h3{ font-size:2.4em; font-weight:bold; color:#555; margin-bottom:15px;}
.a3-box p{ font-size:1.6em; color:#555; line-height:30px;}
.a3-box:before{ position:absolute; top:28px; left:-5px; width:10px; height:10px; content:""; background:#bfbfbf; border-radius:50%; z-index:2;}
.a3-box:after{ position:absolute; top:25px; left:-8px; border:1px solid #bfbfbf; content:""; width:14px; height:14px; border-radius:50%; background:#fff;}
.a3-box h3:before{position:absolute; top:33px; left:0px; width:65px; height:1px; content:""; background:#bfbfbf;}
.a3-box:nth-child(2n-1):before{background:#004da1;}
.a3-box:nth-child(2n-1):after{border:1px solid #004da1;}
/*about4*/
/*
.about4{ padding:90px 0 40px 0;}
.a4-box{ width:calc(33.33% - 24px); text-align:center; margin:0 12px 40px 12px; float:left; }
.a4-box img{ width:100%;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.a4-box p{ padding:24px 0; font-size:1.8em; color:#333333;}
.a4-box:hover img{ transform:translateY(-25px);}
*/
.about4 .ab4t .dot,.about4 .ab4t .dot p{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.about4{ display:table; width:100%; position:relative;}
.about4>*{ display:table-cell;}
.about4>.product-list{ z-index:99; background:#f3f3f3; width:28%;vertical-align: top;}
.about4>.ab4-txt{ width:72%;}
.about4 .ab4t{ max-width:1000px; padding:90px 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about4 .ab4t .dot{ padding:14px 28px; background:url(../images/honor/cup.png) center left no-repeat; float:left; width:calc(50% - 50px); margin:0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px solid #c1c0c0;}
.about4 .ab4t .dot p{ font-size:1.6em; color:#555555; line-height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:30px;}
.about4 .ab4t .dot:hover{ border-bottom:1px solid #196ac5;}
.about4 .ab4t .dot:hover p{ color:#196ac5;}

/*about5*/
.about5{ padding:35px 0 80px 0;}
.a5-box{ padding:60px 60px 0 60px;}
.a5-box h3{ font-size:2.4em; font-weight:bold; color:#333; margin-bottom:40px;}
.a5-box p{ font-size:1.6em; color:#333333; line-height:24px; margin-bottom:30px;}

/*contat*/
.contact{ border-top:1px solid #e6e6e6;}
.contact>*{ float:left;}
.contact .right{width:40%;}
.contact .right>*{ height:445px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact .feedback{ background:#404040; }
.contact .right .txt,.contact .right form{ width:95%; max-width:540px; margin:0 auto; padding:50px 0 0 0;}
.ct{ margin-bottom:40px;}
.ct>*{ display:inline-block;}
.ct h3{ font-size:3.6em; color:#333333; margin-right:10px;}
.ct span{ font-weight:bold; font-size:4.8em; color:#008fce;}
.contact .right .txt h4{ font-size:2em; line-height:24px; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #e2e2e2;}
.contact .right .txt p{ font-size:1.6em; line-height:30px; color:#333;}
.ic-input,.ic-text{ font-size:1.4em; line-height:20px; color:#888888; font-family:"Microsoft Yahei"; width:100%; border:none; outline:none; padding:10px 15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:10px;}
.ic-btn{ background:#008fce; border:none; outline:none; font-size:1.4em; line-height:20px; color:#fff; width:100%;  padding:10px 15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*product*/
.pl a,.pn .pl a,.pb-i img,.pb-t img,.pb,.pl a:before,.pl a:after{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.p-btn,.pb2{ display:none;}
.product{ display:table; width:100%;}
.product>*{ display:table-cell;}
.product>.product-list{ z-index:99; background:#f3f3f3; width:28%;vertical-align: top;}
.pt{ border-bottom:1px solid #ddd; overflow:hidden;}
.pl{ margin-top:10px;}
.pl,.pt h3{ float:right; width:300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pt h3{ padding:60px 50px 25px 70px; font-size:3em; color:#333333;}
.pl a{ display:block; padding:30px 40px 20px 65px; font-size:1.6em; color:#333; position:relative; line-height:18px;}
.pl a:before{ width:0%; height:1px; content:""; position:absolute; bottom:0px; left:0px; background:#ebebeb;}
.pl a:after{ transform:scale(0);  width:8px; height:8px; content:""; position:absolute; top:35px; left:70px; background:#004da1;}
.p-lock,.pl a:hover{ background:#196ac5 !important; color:#fff !important;}
/*.p-lock:before,.pl a:hover:before{width:100% !important;}
.p-lock:after,.pl a:hover:after{ transform:scale(1) !important;}*/
.product-box{ width:1100px; padding:50px 0;}
.pb{ width:25%; margin-left:8%;  float:left; margin-bottom:20px;}
.pb-i{border-bottom:1px solid #ebebeb; padding:4% 7%;}
.pb-i img{ width:100%;}
.pb-t{ padding:40px 35px 25px 35px;}
.pb-t h3{ margin-bottom:20px; font-size:2.4em; color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pb-t p{ height:24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2; font-size:1.4em; color:#555; line-height:24px; margin-bottom:25px;}
.pb:hover .pb-i img{ transform:scale(1.1);}
.pb:hover .pb-t img{ transform:translateX(25px);}
.pb:hover{box-shadow:0 0 10px #ececec;}
/*productshow*/
/*.pn .product{ background:#ebebeb;}
.pn .product-list{ background:#fff;}
.pn .pl a{padding:15px 40px 15px 70px;}
.pn .pl a:hover{ background:#ececec;}
.pn .pl a:before,.pn .pl a:after{ display:none;}
.pn .p-lock{background:#ececec;}
.pn .pt{ border:none;}
.pn .product-box{ padding:0;}*/
.product-txt{ padding:0 50px 50px 50px; background:#fff; width:calc(100% - 90px); margin:60px 30px 50px 60px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pti{ margin-bottom:20px; border-right:1px solid #ebebeb; }
.pti img{ max-width:100%;}
.pt1>*{float:left; width:50%;}
.pt1{ border-bottom:1px solid #ebebeb;}
.ptt{ padding-left:20px; max-width:400px; float:right; padding-top:45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ptt h3{ font-size:2.4em; color:#333; font-weight:bold; margin-bottom:25px;}
.ptt h4{ font-size:2em; color:#000; margin-bottom:22px;}
.ptt p{ font-size:1.4em; color:#888; line-height:30px; text-indent:2em; position:relative;}
.ptt p:after{ position:absolute; top:9px; left:0; width:12px; height:12px; border-radius:50%; background:#888; content:"";}
.ptd{ margin:30px 0;}
.ptd span{ display:inline-block; font-size:1.8em; color:#000; width:49%;}
.ptd span:nth-child(2n-1){ border-right:1px solid #b9b9b9;}
.ptd span:nth-child(2n){ padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pt2{ padding:50px 25px 0 25px;}
.pt2 h3{ font-size:2em; color:#000;}
.pt2-1,.pt2-2{margin-bottom:40px;}
.pt2-3,.pt2-4{ margin-bottom:40px;text-align:center;}
.pt2-1 h3,.pt2-2 h3,.pt2-3 h3,.pt2-4 h3{ margin-bottom:40px; text-align:left;}
.pt2-3 img,.pt2-4 img{  max-width:100%;}
.pt2-2 table{ border-bottom:1px solid #cfcfcf;}
.pt2-2 table tr td:last-child{border-right:none;}
.pt2-2 table tr td{border-right: 1px solid #ccc; vertical-align:middle; padding:12px 18px; font-size:1.6em; color:#333;  line-height:24px;}
.pt2-2 table tr td p{font-size: 1em; display: inline-block;  min-width: 12em; width: 70%; margin-right:2em;}
.pt2-2 table tr:nth-child(2n-1){ background:#e5e5e5;}
.pt2-1 p{ font-size:1.6em; color:#888; text-indent:2em; position:relative; line-height:24px;}
.pt2-1 p:after{ position:absolute; top:12px; left:0; width:11px; height:2px; content:""; background:#888;}
/*news*/
.news-box .right h3,.news-box .right h4,.news-box .more p img{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.news{ padding:110px 0 20px 0;}
.news-box{ margin-bottom:55px; overflow:hidden;}
.news-box:hover{ background:#1976d1;}
.news-box:hover .right h3{ color:#fff;}
.news-box:hover .right h4{ color:#fff;}
.news-box a>*{ float:left;}
.news-box .left{ width:27%;}
.news-box .left img{width:90%;}
.news-box .right{ width:73%;}
.news-box .right h3{ padding:2% 0; font-size:2.4em; color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-box .right h4{ width:90%; font-size:1.6em; color:#888; line-height:32px; margin-bottom:4%;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.news-box .more>*{ float:left;}
.news-box .more p{ font-size:1.4em; color:#888;}
.news-box .more p img{ margin-left:12px;}
.news-box .more span{ margin-right:10px; float:right; font-size:1.4em; color:#a8a8a8;}
.news-box .more span img{ margin-right:4px; margin-bottom:-2px;}
.news-box:hover .more p img{ transform:translateX(25px);}

/*newsshow*/
.newsshow{ padding:60px 0;}
.ns-tit{ text-align:center; border-bottom:1px solid #888;}
.ns-tit h3{ font-size:2.4em; margin-bottom:15px; line-height:30px;}
.ns-tit p{ font-size:1.4em; color:#888; margin-bottom:10px;}
.ns-tit p img{ margin-right:6px; margin-bottom:-2px;}
.ns-txt{ padding:30px 20px; border-bottom:1px solid #888;}
.ns-txt p{ font-size:1.4em; line-height:24px; margin-bottom:10px; text-indent:2em;}
.ns-btn{ padding:20px;}
.ns-btn a{ display:block; padding:10px 0; font-size:1.4em; line-height:20px;}
.ns-btn a:hover{ color:#004da1;}

/*case*/
.case .bt,.case .bt p,.case .bt2{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.case .swiper-container{ padding:0 20px; width:calc(100% - 40px ); margin:0 auto;}
.case .swiper-slide{ position:relative; }
.case .swiper-slide img{ width:100%;}
.case .bt{ text-align:center; width:100%; height:100%;position:absolute; top:calc(100% - 80px); background:rgba(44,80,144,0.7); }
.case .bt p{ line-height:100%; font-size:2.4em; color:#fff; padding-top:24px;}
.case .bt2{ background:#fff; height:100%; text-align:center; position:absolute; top:0; left:0%; width:100%;}
.case .bt2 img{ max-width:400px; padding-top:40%; padding-bottom:50px;}
.case .bt2 p{ font-size:2.4em; color:#333;}

.case-n .pb-i{ border:none;}
.caseshow,.ca-b{ margin:0px auto; max-width:1000px; width:80%;}
.caseshow img{ max-width:100%;}
.caseshow>h3{ text-align:center; font-size:2.4em; padding:45px 0;}
.ca-b .left,.ca-b .right{ min-width:240px; padding:14px 12px; border-top:1px  solid #b3b3b3;}
.ca-b .left{ float:left;}
.ca-b .right{ float:right; text-align:right;}
.ca-b p{ font-size:1.6em; line-height:24px;}
.caseshow .txt{ padding:30px 10px; line-height:24px;}
.case-n .pb-i{ padding:0 !important;}
.case-n .pb-i:hover img { transform:scale(1) !important;}

#content{ position:relative;}
#content button{ position:absolute; top:10px; right:10px; border:none; outline:none; font-size:1.4em; background:#0059d4; color:#fff; border-radius:5px; padding:5px 15px; z-index:10;}