@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,sub,sup,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*/}

.so-txt .all tr td{ vertical-align:top;}
@media screen and (max-width: 1024px) {
    .so-txt .all tr td{ float:left; display:block; width:100%;}
}

.warp{ width:1400px; margin:0 auto;}
.warp2{ width:1600px; 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;}
@font-face {
  font-family: "Microsoft YaHei UI Light";
  src: url("../font/Microsoft YaHei UI Light.woff2") format("woff2"),
       url("../font/Microsoft YaHei UI Light.woff") format("woff"),
       url("../font/Microsoft YaHei UI Light.ttf") format("truetype"),
       url("../font/Microsoft YaHei UI Light.eot") format("embedded-opentype"),
       url("../font/Microsoft YaHei UI Light.svg") format("svg");
}
/*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;}
/*三条线*/
.hamburger {display:inline-block;	cursor:pointer;	transition-property:opacity,-webkit-filter;	transition-property:opacity,filter;	transition-property:opacity,filter,-webkit-filter;	transition-duration:.15s;	transition-timing-function:linear;	font:inherit;	color:inherit;	text-transform:none;	background-color:transparent;	border:0;	margin:0;	overflow:visible;	position:absolute;	top: 2%; left: 5%;}
.hamburger-box{ width:35px; height:35px; display:block;}
.hamburger--spin .hamburger-inner {transition-duration:.3s;	transition-timing-function:cubic-bezier(.55,.055,.675,.19)}
.hamburger--spin .hamburger-inner {	transition-duration:.3s;	transition-timing-function:cubic-bezier(.55,.055,.675,.19)}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before {	width:30px;	height:2px;	background-color:#333;	border-radius:4px;	position:absolute;	transition-property:-webkit-transform;	transition-property:transform;	transition-property:transform,-webkit-transform;	transition-duration:.15s;	transition-timing-function:ease;}
.hamburger-inner {	display:block;	top:50%;	margin-top:-2px}
.hamburger--spin .hamburger-inner::before {	transition:top .1s .34s ease-in,opacity .1s ease-in;}
.hamburger--spin .hamburger-inner::before {	transition:top .1s .34s ease-in,opacity .1s ease-in;}
.hamburger-inner::before {	top:-10px;}
.hamburger-inner::after,.hamburger-inner::before {	content:"";	display:block;}
.hamburger--spin .hamburger-inner::after {	transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);	transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);	transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);}
.hamburger--spin .hamburger-inner::after {	transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);	transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);	transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);}
.hamburger-inner::after {bottom:-10px;}
.hamburger-inner::after,.hamburger-inner::before {	content:"";	display:block;}
.hamburger--spin.is-active .hamburger-inner {	-webkit-transform:rotate(225deg);	transform:rotate(225deg);	transition-delay:.14s;	transition-timing-function:cubic-bezier(.215,.61,.355,1);}
.hamburger--spin.is-active .hamburger-inner::before {	top:0;	opacity:0;	transition:top .1s ease-out,opacity .1s .14s ease-out;}
.hamburger--spin.is-active .hamburger-inner::after {	bottom:0;	-webkit-transform:rotate(-90deg);	transform:rotate(-90deg);	transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);	transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);	transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);}
/*弹出input*/
.overCurtain {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:10;}
.hide-center {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;
	width:300px;	height:300px;}

.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:2.2em !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;}
/*m-header*/
.panel-body {background:#fff;width:100%;overflow:hidden;}
.panel-body:not(:nth-child(2)) {display:none;}
.panel-header{ text-align:right; float:left; width:50%; overflow:hidden; padding:5% 0;}
.m-logo{ overflow:hidden; padding: 6px 0;}
.m-logos{ width:100%; text-align:center;}
#m-mune{ text-indent:3em;}
.mm{ width:100%;  border-top:1px solid #dbdbdb;  font-size:1.6em;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.mm a{padding:2% 0; display:block; width:100%; color:#333 !important; font-size:1em;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.mm:first-child{ border-top:4px solid #214291;}
.mm:hover,.mm a:hover{ color:#214291 !important; }
.mo{ display:none;width:100%;}
.mune-dot {background:#ddd;width:100%;display:none;}
.mune-dot a { display: block; padding: 1.5% 0; font-size: 1.4em; border-bottom: 1px solid #999; text-indent: 4em; }
.mune-dot a:last-child{ border:none;}
.m-seas{ position:absolute; top:2%; right:5%;}
/*bottom*/
.bottom{ background:#262626; padding-bottom:55px;}
.two,.bo-txt{ float:left;}
.two{ width:11%; background:#090600; padding:20px 2% 80px 2%; text-align:center; height:100%;}
.two img{ width:100%;}
.a{ padding-bottom:20px; max-width:134px;}
.b{ max-width:148px;}
.bo-txt{ width:80%; padding-left:5%;}
.bo-contact,.bottom-tit{ color:#ababab;}
.bo-mune a{ color:#fff; font-size:1.6em; padding-right:70px;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.bo-mune a:hover{ color:#117bc9;}
.bo-mune { padding:45px 0 20px 10px;}
.bo-contact p{ font-size:1.4em; line-height:28px; }
.bo-contact{padding:30px 0 60px 15px; border-top:1px solid #3a3a3a; border-bottom:1px solid #3a3a3a;}
.ft-share span{ display:inline-block; line-height:16px; font-size:1em;}
.ft-share{ padding-top:40px;}
.bottom-tit{ padding:20px 0 0 12px; }
.bottom-tit p{font-size:1.4em; display:inline-block;}
.bottom-tit img{ display:inline-block; margin-bottom:-1px;}
.bot-a{ padding-right:30px;}
.bot-b{ padding-right:50px;}
.bot-c{ padding-right:10px;}

/*header*/
.logo,.mune{ float:left;}
.logo{ width:10%;}
.logo a{ padding:6px 30px 10px 30px; width:10%; }
.mune{ width:90%; text-align:right;
 font-size:0;}
.mune a{ padding:52px 25px 35px 25px; display:inline-block; font-size:16px; border-right:1px solid #f2f2f2;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.mune a:hover{ color:#117bc9;}
.search{ background:#117bc9; padding:42px 40px 38px 40px !important; border:none !important;}
.men{ background:#141414; padding:41px 35px 38px 35px !important; border:none !important;}

/*index*/
/*ib*/
.banner img{ width:100%;}
/*ia*/
.ias{ padding:60px 0 0 0; background:#f6f6f6;}
.ias .dots{ overflow:hidden;}
.ias .dot{ float:left;   width:12.5%; padding:10px ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center;}
.ias .dot img{ max-width:100%;}
.ias .dot p{  margin-top:10px; font-size:1.4em; line-height:20px; height:40px;}
.ias .dot:hover p{color:#117bc9;}
/*i-about*/
.ia-video{ width:694px;}
.i-about{ background:#f6f6f6; padding:100px 0 90px 0;}
.ia-txt,.ia-video,.ia-his{ float:left;}
.ia-txt{ width:26%; padding:0 3% 0 1%;}
.ia-his{ width:16%; margin:0 1%;}
.ia-txt h3{ font-size:4em; color:#3d3e3e; padding-bottom:45px; font-weight:bold;}
.ia-txt h4{ color:#707070; font-size:1.8em; padding-bottom:16px;}
.ia-txt>p{ color:#3d3e3e; font-size:1.4em; line-height:30px; padding-bottom:55px;}
.ia-txt span{ border:1px solid #d0d0d0; border-radius:50%; padding:12px 9px;}
.ia-txt span a{ color:#a7a7a7; font-size:1.8em; display:inline-block;}
.ia-l{ margin-top:25px; border-top:1px solid #e4e4e4; width:90%; padding:0 5%;}
.ia-l p{ display:inline-block; text-align:center; padding:14px 7%; font-size:1.6em;}
.ia-l p a{ color:#117bc9; font-weight:bold; position:relative;}
.ia-l p a:after{ position:absolute; top:-16px; width:24px ; left:31%; height:3px; content:""; background:#0068b7;}
.ia-his{ position:relative;}
.ia-his .swiper-slide{ border-bottom:1px solid #dedede ;  text-align:center;}
.ia-his .swiper-slide:first-child{ border-top:1px solid #dedede;}
.ia-his .swiper-slide h3{ padding-top:45px; font-size:6em; color:#117bc9; font-weight:bold; display:inline-block; padding-bottom:14px; margin-bottom:14px; position:relative;}
.ia-his .swiper-slide h3:after{position:absolute; bottom:0px; width:35px ; left:45%; height:1px; content:""; background:#e3e3e3;}
.ia-his .swiper-slide span{display:inline-block; font-size:1.8em; color:#131f2a; }

.ia-his .swiper-slide p{ margin-bottom:45px; color:#3d3e3e; font-size:1.6em; position:relative; line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.wiper-container3{ padding-bottom:40px; height:590px;}
.ia-his	.swiper-button-next{ width:34px !important; height:34px !important; top: 105% !important; right:42%; background-image:url(../images/ia-next.png) !important; background-size: 34px 34px !important;}
/*ip*/
.ip-box{ float:left; width:25%; position:relative;}
.ip-box img{ width:100%;}
.ip-txt{ text-align:center; padding:10% 5%; position:absolute; z-index:2; top:0; width:90%; background:rgba(0,0,0,0.1); height:100%;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.ip-box:hover .ip-txt{background:rgba(0,0,0,0);}
.ip-txt h3{ font-size:3.2em; color:#2a2a2a; padding-bottom:5px;}
.ip-txt h4{ font-size:1.8em; color:#6d6d6d; padding-bottom:35px;}
.ip-txt p{ font-size:1.4em; color:#3d3e3e; margin-bottom:50px; line-height:26px;}
.ip-txt span{ display:inline-block; font-size:1.4em; color:#fff; padding:12px 30px; border-radius:10px;cursor:pointer; background:#117bc9;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.ip-txt span:hover{border-radius:20px;}
/*iin*/
.iin{ background:url(../images/iin-bg.jpg) center center no-repeat; background-size:100% 100%;text-align:center; padding:50px 0 90px 0;}
.iin-tit{ color:#fff; }
.iin-img>img{  max-width:1499px;width:96%; padding:0 2%;}
.iin-tit h3{ font-size:4em; font-weight:bold; padding-bottom:5px;}
.iin-tit h4{ font-size:1.8em; color:#d1d1d1; padding-bottom:15px;}
.iin-tit p{ font-size:2.2em; color:#e8e8e8; padding-bottom:65px;}
.lin-box-txt{ margin:10px 40px 10px 0; text-align:left; }
.lin-boxs{ width:90%; padding:0 5%;}

.box { display:inline-block; position:relative;}
.boxcontent p{ color:#fff; font-size:2.6em;}
.box>p{ font-size:1.6em; padding:6px; color:#fff; text-align:left;}
.boxcontent { text-align:center;width:auto;background:#2bace8;	padding:6px 12px;}
.border-arrow {width:0;	height:0;	font-size:0;line-height:0;position:absolute;	left:0px;	top:0px;}
.second-arrow:before{width: 0;   height: 0;   display: block;  position: absolute;  content: "";  border: solid transparent;  line-height: 0;  left: 100%;  top: 0px;    border-bottom: solid #2bace8;  border-width:19px;  transform: rotate(90deg);   -webkit-transform: rotate(90deg);}

.lin-boxs{ max-width:1499px;width:96%; padding:0 2%; margin:0 auto; position:relative; background:url(../images/iin1.png)  center left no-repeat; background-size:100% ;}
.lin-box-txt{ overflow:hidden;}
.lin-box-img,.box{ float:left; }
.lin1{ margin:3% 0  2% 24%; width:76%;}
.lin1 img{ padding-left:210%;}
.lin2{ margin:7% 0  2% 8%; width:92%;}
.lin2 img{ padding-left:250%;}
.lin3{ margin:15% 0  2% 0%; width:100%;}
.lin3 img{ padding-left:25%;}
.lin4{ margin:9% 0  2% 23%; width:77%;}
.lin4 img{ padding-left:62%;}

.lin5{ margin:8% 0  2% 25%; width:71%;}
.lin5 .box{ padding-left:20%;}
.lin6{ margin:10% 0  2% 40%; width:60%;}
.lin6 .box{ padding-left:20%;}
.lin7{ margin:12% 0  2% 38%; width:63%;}
.lin7 .box{ padding-left:12%;}
.lin8{ margin:5% 0  2% 13%; width:80%;}
.lin8 .box{ padding-left:20%;}
.lin-l{ float:left; width:50%;}
/*icu*/
.icu{ text-align:center; padding:60px 0 70px 0;}
.icu-tit h3{ font-size:4em; font-weight:bold; padding-bottom:5px; color:#0194d8;}
.icu-tit h4{ font-size:1.8em; color:#8b8b8b; padding-bottom:15px;}
.icu-tit p{ font-size:2.2em; color:#4a4a4a; padding-bottom:50px;}
.icu-img img{ max-width:998px;width:96%; padding:0 2%;}

/*in-tit*/
.in-tit{ background:#303030;}
.in-tit a{ color:#fff; font-size:1.8em;  padding:20px 40px;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; display:inline-block;}
.ne-one,
#pa1 .a1,#pa2 .a2,#pa3 .a3,#pa4 .a4,
#c1 .c1,#c2 .c2{background:#0b77c6;}
.in-tit a:hover{background:#0b77c6;}

/*news*/
.news .one-tit{ padding: 75px 0 45px 0;}
.one-tit{ text-align:center; color:#303030;}
.one-tit h3{ font-size:4em; font-weight:bold; padding-bottom:5px;}
.one-tit h4{ font-size:2.2em;}
.news-b{ float:left; width:23%; padding:1%;} 
.nb{ width:100%;}
.new-img{ width:100%;}
.news-txt{ background:#f5f5f5; padding:8%; width:84%;}
.new-img img{ width:100%;}
.news-txt h3{ font-size:1.6em; color:#222; line-height:22px; padding-bottom:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-txt p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2; font-size:1.6em; color:#666; line-height:24px; margin-bottom:35px;}
.news-txt span{ padding-left:2px;}
.news-txt span,.news-txt p,.news-txt h3,.new-img img,.news-txt{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.news-b:hover .news-txt span{ padding-left:15px;}
.news-b:hover .news-txt p,.news-b:hover .news-txt h3{ color:#fff;}
.news-b:hover .news-txt{ background:#0b77c6;}
.news-b:hover .new-img img{ transform:rotate(1.05);}

/*newsshow*/
.newsshow{ padding:60px 0;}
.ne-show{ background:#fff;}
.ne-tit{ text-align:center; position:relative;}
.ne-tit:after{background: #d1d1d1;content: "";height:1px;left:0px;width: 100%; bottom:0; position: absolute; z-index: 9;}
.ne-tit h3{ font-size:3em; color:#117bc9; margin:40px 0 15px 0; font-weight:bold; line-height:40px;}
.ne-tit h4{ font-size:1.4em; color:#444; padding-bottom:22px;}
.ne-txt{ padding:40px 5%;}
.ne-txt p{ font-size:1.6em; line-height:36px; text-indent:2em; padding-bottom:20px;}
/*list*/
.ud{ border-top:1px solid #ccc; width:100%;}
.ud div{ float:left; width:50%;}
.ud div p{ width:90%; padding:20px 5%; font-size:1.4em;}
.ud div p a{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.ud div p a:hover{ color:#088b42;}
.n-p-back{ width:96%; text-align:right; font-size:1.8em; padding:15px 2% 0 2%;}
.n-p-back a{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.n-p-back a:hover{color:#117bc9;}

/*service*/
.service .one-tit{ padding: 70px 0 40px 0;}

/*about*/
.about{ padding-top:80px;}
.at,.ai{ float:left;}
.a-con{padding-top:45px;}
.at{ width:72%; padding-right:3%; padding-top:10px;}
.at p{ font-size:1.6em; line-height:32px; color:#303030; padding-bottom:35px; text-indent:2em;}
.ai{ width:25%;}
.ai img{ width:100%;}
.history{ padding:120px 0 45px 0;}
.history-box{ height:600px; overflow:hidden;}
.history-box .swiper-slide{ height:370px; border:1px solid #bdbdbd;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
position:relative; overflow:hidden; }
.a-up{ padding:10px 5%; position:absolute; top :0; left:0; width:90%;}
.a-bule{background:#0b77c6; width:100%; height:370px ;transform:scale(0);}
.a-bule,.history-img p{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.a-up>p{transition:linear 1s all;-moz-transition: linear 1s all; -webkit-transition:linear 1s all; -o-transition: linear 1s all; line-height:20px;}
.history-box .swiper-slide:hover .a-bule{ transform:scale(1);}
.history-box .swiper-slide:hover .history-dot{ text-align:center;}
.history-box .swiper-slide:hover .history-dot>span{ border:4px solid #fff;margin-top:10px;}
.history-box .swiper-slide:hover .history-img p{ color:#fff;}
.history-box .swiper-slide:hover .a-up>p{ margin-top:40px;}
.history-box .swiper-slide:nth-child(n) { margin-top:167px;}
.history-box .swiper-slide:nth-child(even) { margin-top:0px;}
.history-box .swiper-slide h3{ font-size:1.6em; color:#2d2d2d;}
.history-box .swiper-slide h3 span{ font-size:1em; text-indent:1em; display:block;}
.history-img{ margin-top:80px; text-align:center; }
.history-box .swiper-slide:hover .his-img{ display:none;}
.his-img{padding-left:25%; width:75%;display:block;}
.history-img p{ font-size:5.5em; }
.history-dot{ width:100%; text-align:right;}
.history-dot>span{ width:10px; height:10px; border:4px solid #505050; line-height:none; display:inline-block; border-radius:50%; margin-top:120px;}
.history-box .swiper-slide>.a-up>p{ text-align:center; color:#fff;margin-top:100px;}
.history .swiper-button-prev{ width:34px !important; height:34px !important;  background-image:url(../images/about/about-arrow-l.png) !important; background-size: 34px 34px !important; left:47%;}
.history .swiper-button-next{background-image:url(../images/about/about-arrow-r.png) !important;width:34px !important; height:34px !important;  right:47%; background-size: 34px 34px !important;}
.history-arrow{ width:100%; position:relative;}

/*product*/
.product-box{ border:1px solid #ddd;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-txt p{ background:url(../images/product/product-dot.png) left center no-repeat; text-indent:1em; color:#333333; font-size:2em; line-height:48px; display:inline-block; padding-right:40px;}
.product-img,.product-txt{ float:left;}
.product-img{ width:48%; overflow:hidden;}
.product-img img{ width:100%;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.product-box:hover .product-img img{ transform:scale(1.05);}
.product-txt{ width:48%; padding:2%;}
.product .one-tit{ padding-top:80px;}
.product-box{ margin-top:60px;}
.product-txt h3{ color:#0b77c6; font-size:3em; font-weight:bold; padding-bottom:30px;}
.product-txt h4{ color:#333; font-size:2em; padding-bottom:20px;}
.pro-txt{ padding:40px 0 60px 0;}
.product-box span{ color:#4c4c4c; font-size:1.8em; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.product-box span:hover{ color:#0b77c6;}
/*productshow*/
.productshow .one-tit{ padding-top:80px;}
.pro-more{ padding:60px 0 0 0;}
.pro-box {width:100%;}
.pro-tit { width:100%;  border-bottom:1px solid #ddd; height:58px;}
.pro-tit li { margin-right:6px; color:#fff;  font-size:2.6em; background:#797979; float:left; padding:14px 25px;	line-height:30px;	text-align:center;}
.pro-tcon {width:100%;	position:relative;}
.pro-tcon li {padding:20px 0; background:#fff; line-height:24px; overflow:hidden;}
.blue {	background:#0194d8 !important;}

.pro-tcon li img{ width:48%; max-width:650px; padding:10px 1%;}
.pro-tcon li h3{ font-size:2em; padding:10px 0 14px 0; color:#0194d8;}
.pro-tcon p>*{ font-size:1em;}

.pro-tcon p{ font-size:1.6em;}

.pro-tcon table tr td{ border:1px solid #ccc; padding:12px 0; font-size:1.6em; color:#333; line-height:20px; text-align:center; vertical-align:middle;}
.table-list{ background:#0194d8;}
.table-list td{ color:#fff !important;}
.pro-tcon li{ overflow-x:auto;}

.back{ text-align:right ; }
.back a{font-size:1.6em; border:1px solid #0194d8; display:inline-block; padding:12px 20px; margin:40px; color:#0194d8;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.back a:hover{ background:#0194d8; color:#fff !important;}


/*video*/
.video,.v1{ margin:60px 0;}

/*surroundings*/
.surroundings{ margin-top:60px;}
.surb{background:#f9f9f9; border:1px solid #f9f9f9; width:92%; margin:0 4%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.surb p{  color:#222; line-height:16px; padding:12px 4%; text-align:center; font-size:1.6em;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.surb:hover{border:1px solid #117bc9;background:#117bc9;}
.surb:hover p{ color:#fff;}
.surb img{ width:100%;}
.sur-boxs{ margin-top:60px;}
.sur-box{ width:25%; float:left; margin-bottom:20px;}

/*contact*/
.contact{ padding:80px 0;}
.contact .one-tit{ padding-bottom:60px;}
.con-left,.con-right{ float:left; padding-bottom:20px;}
.con-left{ width:48%; padding:0 1% 0 6%;}
.con-right{ width:43%; padding:0 1%;}
.con-right h3{ color:#515151; font-size:1.4em; line-height:24px;}
.con-left h3{ color:#117bc9;  font-size:3em; font-weight:bold; padding:10px 0 20px 0;}
.con-left p{ font-size:1.6em; color:#515151; line-height:50px;}
.con-left p span img{ margin-bottom:-12px; margin-right:10px;}
.ic-input,.ic-text{ padding:12px; float:left; border:1px solid #ccc; outline:none;}
.ic-input{ width: 91%; margin:10px 0;}
.ic-text{ width:91%;margin:10px 0;}
::-webkit-input-placeholder {color:#3d3d3d;font-size:16px; font-family:"微软雅黑", Arial;}
:-moz-placeholder {color: #3d3d3d; font-size:16px; font-family:"微软雅黑", Arial;}
::-moz-placeholder {color: #3d3d3d;font-size:16px; font-family:"微软雅黑", Arial;}
:-ms-input-placeholder {color: #3d3d3d;font-size:16px; font-family:"微软雅黑", Arial;}
.ic-btn{ font-size:1.6em; color:#fff; background:#555; padding:12px 70px; border:none; outline:none;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.ic-text,.c-btn{ margin-bottom:25px;}
.c-btn{ }
.ic-btn:hover{ background:#117bc9 !important;}


/*solution*/
.solution-txt{ margin:2% auto;}
.st-box{ width:29.33%; padding:1% 2%; text-align:center; float:left; margin-top:20px;}
.st-img{overflow:hidden;position:relative;}
.st-a{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; opacity:0;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.st-ai{ position:relative; height:95%; width:96%; margin:2%; border:1px solid #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.st-ai a{position: absolute;    top: 50%;    display: inline-block;    color: #fff;   text-align: center;    margin-left: -6%;    padding: 12px;    font-size: 1.6em;    border: 1px solid #fff;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.st-box img{ max-width:500px; width:100%;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.st-box p{ font-size:1.6em; padding:12px 0;}
.st-box:hover img{ transform:scale(1.05);}
.st-box:hover .st-a{ opacity:1;}

.draw-outline {	color:#000;	-webkit-transition:color 0.25s 0.125s;	transition:color 0.25s 0.125s;	position:relative;}
.draw-outline::before,.draw-outline::after {	border:0 solid transparent;	box-sizing:border-box;	content:'';	pointer-events:none;	position:absolute;	width:0;	height:0;}
.draw-outline::before {top:0;	right:0;}
.draw-outline::after {	left:0;	bottom:0;}
.draw-outline::after {	border-top-width:1px;	border-left-width:1px;}
.draw-outline::before {	border-bottom-width:1px;border-right-width:1px;}

.draw-outline:hover::before,.draw-outline:hover::after {	border-color:#fff;	-webkit-transition:border-color 0s,height 0.5s,width 0.5s;	transition:border-color 0s,height 0.25s,width 0.25s;width:100%;	height:100%;}
.draw-outline:hover::before {-webkit-transition-delay:0s,0s,0.25s;	transition-delay:0s,0s,0.25s;}
.draw-outline:hover::after {-webkit-transition-delay:0.5s,0.5s,0.75s;	transition-delay:0.5s,0.5s,0.75s;}
.draw-outline {	background:none;	border:none;}
.draw-outline:focus {outline:2px dotted #55d7dc;}
.sou{ padding:15px 2% 45px 2%;}

.solution-txt h3{ font-size:3.2em; text-align:center; padding-top:30px; }
.so-txt{ padding:35px 2%; line-height:24px;}
.so-txt img{ text-align:center; max-width:100%; padding:12px 0;}
.so-txt p{ text-indent:2em; color:#333;}


/*rec*/
.rec-txt{ margin-top:60px;}
.rec-dot{ height:600px;  float:left; width:29.33%; margin:12px 2%; border-radius:4px; border:2px solid #f6f6f6;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.rd{ text-align:center; margin-top:-50px; }
.rdd{ position:relative; display:inline-block; margin:0 auto; border-radius:50%; overflow:hidden;}
.rd img{ width:60px;background:#f6f6f6; padding:20px;}
.rec-dot h3{ font-size:2.4em; color:#0b77c6; text-align:center; margin-bottom:12px;}
.rec-dot h4{ font-size:1.8em; color:#dedede; margin-bottom:24px; text-align:center;}
.rec-dot p{ font-size:1.6em; line-height:24px; margin-bottom:12px;}
.rdt1,.rdt2,.rdt3{ padding:10%;}
.rdi{ position:absolute; top:0; left:0; opacity:0;}
.rdt1 p{ position:relative; text-indent:1em;}
.rdt1 p:after{ position:absolute; top:9px; left:3px; content:""; width:5px; height:5px; border-radius:50%; background:#0b77c6;}
.rec-dot,.rec-dot h4,.rd img,.rdi{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.rec-dot:hover {background:#f6f6f6;}
.rec-dot:hover  h4{ color:#333 !important;}
.rec-dot:hover .rd img{background:#0b77c6;}
.rec-dot:hover .rdi{ opacity:1;}

/*project*/
.project-mune{ text-align:center; }
.pro-mune{ width:1000px; margin:0 auto 60px auto;}
.pm-dot{  width:17.33%; margin:20px 8%;float:left; background:#f6f6f6; padding:20px 0 0 0 ;}
.pm-dot img{ margin-bottom:20px;}
.pm-dot p{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.pm-dot:hover p{ color:#fff; background:#0b77c6;}
.pm-dot p{ padding:10px 0; font-size:1.6em; color:#333; background:#ccc;}
.project-txt{ margin:40px 0;}
.pr{ padding:20px 0 40px 0;}
.pt-tit h3,.pt-tit h4,.pt-tit span{ display:inline-block;font-size:2.4em; }
.pt-tit span{padding:0 1em;}
.pr p{ font-size:1.6em; line-height:24px; margin-bottom:6px; margin:0 auto 6px auto;}
.pt-tit{  text-align:center;  color:#0786db;margin-bottom:40px;}
.pr1,.pr2,.pr3{width:1000px; margin:0 auto; text-align:center;}
.pr3 p{ width:100%; display:inline-block; position:relative; text-indent:1em;}
/*.pr3 p:after{ position:absolute; top:10px; left:0; content:""; width:5px; height:5px; background:#0b77c6; border-radius:50%;}*/
.pr1 span,.pr2 span{ font-size:1em;  float:right;}