@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: "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涓篶learfix锛屾竻闄ゆ诞鍔?/
.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:1300px; margin:0 auto;}
.warp2{ width:1280px; margin:0 auto;}
.warp3{ width:1050px; 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: 3%; 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:3%; right:5%;}
/*bottom*/

/*mune-x*/
#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m4-2 .m4,#m4-3 .m4,#m5 .m5,#m6 .m6{color:#4472c4 !important;}
/*header*/
.header .mune-i a{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.header .mune-i a:hover{ color:#4472c4;}
.header{ padding:4px 0; border-bottom:2px solid #4472c4; overflow:hidden;}
.header .search{overflow:hidden;float:  right;}
.header .search .dot{display:inline-block;padding: 0 42px;}
.header .search .dot a{ display:inline-block;}
.header .search .dot img{ margin-bottom:6px;}
.header .search .dot p{ text-align: center; font-size:1.2em;}
.header .logo,.header.search{ float:left;}
.header .logo{ padding-left:4%; width:20%;}
.header .logo img{ max-width:362px; }
.header .mune{float:right;margin-top: 25px;}
.header .mune-i{ margin-right:100px; padding-top:15px;}
.header .mune-i,.header .search{ float:left;}
.header .mune-i a{font-size: 1.8em;color:#1b1b1b;margin-right: 60px;}


/*index*/
/*ib*/
.banner img{ width:100%;}
/*in-tit*/
.ip-tit{ overflow:hidden; margin-bottom:30px;}
.ip-tit h3{ font-size:3.2em; color:#333; font-weight:bold; float:left; padding-right:88px; position:relative;}
.ip-tit>h3:after{ position:absolute; top:16px; right:12px; width:40px; height:2px; content:""; background:#4472c4;}
.ip-tit a{ float:left; padding:11px 0 0 0; color:#666; font-size:1.4em;}
/*in-product*/
.ipan  img{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.ipan{ overflow:hidden;background:#4472c4;}
.ipan  img{  opacity:0.6;}
.ipan:hover img{ transform:scale(1.05); opacity:1;}
.in-product{ padding:60px 0 55px 0;}
.in-product .ip-box,.in-product .ip-box2,.in-product .ip-box3{ overflow:hidden;}
.in-product .ip-box img{ width:100%;}
.in-product .ip-box .ip-b{ float:left; width:49%; overflow:hidden; }
.in-product .ip-box .ip1-l{padding-right:1%;}
.in-product .ip-box1{ margin-bottom:10px;}
.in-product .ip-box2>div,.in-product .ip-box3>div{ width:49%; float:left;}
.in-product .ip-b2-l{ padding-right:1%;}
.in-product .ip-b2-r{ padding-left:1%;}
.in-product .ip-box3{ margin-bottom:10px;}
.ip-box1,.ip-b2-l,.ip-b2-r,.ip-box4{ position:relative;}
.ip-txt{ position: absolute;  bottom: 25px;  width: 100%;  text-align: center; padding-top: 25px;  border-top: 2px solid rgba(68,114,196,0.6);}
.ip-txt h3{ font-size:2.4em; color:#202020; margin-bottom:4px;}
.ip-txt p{ font-size:1.6em; color:#414141;}
.in-more{ display:block; margin-top:12px;  text-align:right;}
.in-more a{ font-size:1.6em; padding:12px 20px; display:inline-block;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.in-more a:hover{ color:#fff; background:#4472c4;}
/*in-about*/
.in-about{ padding:60px 0 70px 0; background:url(../images/about.jpg) center center no-repeat; background-size:100% 100%;}
.in-about .in-a-tit h3{ font-size:3.2em; color:#fff; font-weight:bold; text-align:center; position:relative; margin-bottom:24px; padding-bottom:20px;}
.in-about .in-a-tit h3:after{ position:absolute; bottom:0; right:48.5%; width:40px; height:2px; content:""; background:#fff;}
.in-about .in-a-txt{ margin-bottom:50px;}
.in-about .in-a-txt p{ text-align:center; color:#fff; font-size:1.6em; line-height:30px;}
.in-i-num{ color:#fff; width:60%;}
.in-about .in-in-box,.in-i-num,.in-i-icon{ float:left; display: inline-block;}
.in-about .in-img{ padding-top:42px;}
.in-about .in-i-icon{ margin-top:-42px;}
.in-about .in-in-box{ border-right:1px solid #3673b5; padding:8px 30px;}
.in-about .in-in-box p{ margin-top:25px; font-size:1.8em; color:#fff; text-align:center;}
.in-about .in-i-icon{ padding-left:15px;padding-top: 42px;}
.in-about .in-i-icon img{ padding-left:35px; }

.ia-num{ display:inline-block; position:relative;}
.ia-num span{ font-size:4.5em; color:#fff;}
.ia-num i{ width:45px; line-height:45px; background:#4193ee; padding:5px; position:absolute; left:0; top:0;}

.stren-list li { float: left;  border-right: 1px solid #3673B5; text-align: center; margin-bottom: 30px; }
.stren-list li .num-box { padding: 16px 0; display: inline-block; text-align: center; position: relative; font-size: 0; line-height: 0; }
.stren-list li .num-box span {font-size: 36px;line-height: 45px;height: 45px;overflow: hidden;font-weight: lighter;display: inline-block;}
.stren-list li .num-box span i {background: #4193EE;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;display: inline-block;padding: 0 11px;font-style: normal;width: 12px;position: relative;}
.stren-list li .num-box span i:after { content: ""; position: absolute; top: 50%; margin-top: -1px; left: 0; width: 100%; height: 2px; background: #3673B5; }
.stren-list li .num-box em { display: block; position: absolute; right: -55px; top: 20px; width: 50px; text-align: left; font-style: normal; font-size: 18px; }
.stren-list li:nth-child(even), .stren-list li:last-child { border-right: none; }
.stren-list li:last-child { width: 100%; }
.stren-list li { width: 33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .stren-list li .num-box { padding: 16px 0 20px; }
  .stren-list li .num-box span {font-size: 46px;line-height: 55px;height: 70px;}
  .stren-list li .num-box em { right: -60px; top: 30px; }
  .stren-list li:nth-child(even) { border-right: 1px solid #3673B5; }
  .stren-list li:last-child { border-right: none; width: 33%; }
  .opacity0 i { color: rgba(0, 0, 0, 0); }
.num-position {position: absolute;top: 29px;left: 3px;letter-spacing: 22px;}
.news-colunm { padding: 45px 0; }
/*in-new*/
.his-date h3,.his-date p,.his-date h3,.his-date span{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.history-box li:hover p,.history-box li:hover h3,.history-box li:hover span{ color:#4472c4;}
.in-new{ padding:55px 0 90px 0;}
.in-new .in-new-box{ width:45%; padding:0 1% 0 0;}
.in-new .in-new-box img{ width:100%;}
.in-new .inn-img{ position:relative;}
.in-new .inn-i-txt{ background:rgba(0,0,0,0.8); position:absolute; left:0; bottom:0; width:96%; padding:16px 2%;}
.in-new .inn-i-txt p{ float:left; width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.in-new .inn-i-txt span{ float:right; padding:2px 0; text-align:right;}
.in-new .inn-i-txt p{ font-size:1.8em; color:#fff; }
.in-new .inn-i-txt span{ font-size:1.4em; color:#fff;}
.in-new .in-new-box,.history-box{ float:left;}
.in-new .his-date{ width:11%;float:left;}
.in-new .his-date h3{ color:#626d78; font-size:4.5em; font-weight:bold; margin-bottom:5px; line-height:40px;}
.in-new .his-txt{ width:89%; float:left;}
.in-new .his-txt h3{ font-size:1.8em; color:#3c3c3c; margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.in-new .his-txt p{height: 40px; font-size:1.4em; color:#626d78; line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.in-new .his-date span{ font-size:1.4em; color:#626d78;}
.history-box{ overflow:hidden; padding:0; width:50%; padding-left:4%;}
.history-box .content{position: relative; padding-top:40px;}
.history-box .content:before{ content: ""; position: absolute; left:12px; width: 1px; height: 100%; background: #e9f0f8;}
.history-box li{ margin-bottom: 60px; float:left; width: 95%; position: relative; margin-left:20px;}
.history-box li:last-child{ margin-bottom:0;}
.history-box li:last-child .cricle{top:43px;}
.history-box li .cricle{ position: absolute; top:0px; left:-17px; display: inline-block;  font-size:0; padding: 9px; background: #FFFFFF; border:1px solid #0672cd; border-radius: 50%; }
.history-box li .item{position:relative; padding-left:20px;}
/*in-case*/
.in-cal-img img{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.in-ca-list{ border-top:1px solid #f5f7f9;}
.in-case .in-ca-tit{ text-align:center;}
.in-case .in-ca-tit h3{ font-size:3.2em; color:#333; font-weight:bold;position:relative; margin-bottom:24px; padding-bottom:20px;}
.in-case .in-ca-tit h3:after{ position:absolute; bottom:0; right:49%; width:40px; height:2px; content:""; background:#4472c4;}
.in-case .in-ca-tit p{ font-size:1.8em; color:#3c3c3c; margin-bottom:44px;}
.in-cal-box{ width:25%; float:left; position:relative;}
.in-cal-box .in-cai{overflow:hidden;position:relative;}
.in-cal-box .in-cal-t{ background:#f5f7f9; position:absolute; top:0; padding:50px 40px 0 40px;}
.in-cal-box .in-cal-t h3{ font-size:2.4em; color:#3c3c3c; padding-bottom:12px; margin-bottom:24px; position:relative;}
.in-cal-box .in-cal-t h3:after{ position:absolute; bottom:0; left:0; width:40px; height:2px; content:""; background:#4472c4;}
.in-cal-box .in-cal-t p{ font-size:1.4em; line-height:22px; color:#444;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.in-cal-box .in-cal-txt{ position:relative;}
.in-cal-box img{ width:100%;}
.in-cal-box .in-cai>img{ opacity:0;}
.in-cal-box .in-cai{ background:#f5f7f9;}
.in-cal-box .in-sj:after{position: absolute;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #f5f5f5;content: " ";display: block;width: 0;height: 0;bottom: -20px;left: 46%;right: 46%;z-index: 100;}
.in-cal-box .in-sj2:after{position: absolute;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #f5f5f5;content: " ";display: block;width: 0;height: 0;top: -20px;left: 46%;right: 46%;z-index: 100;}
.in-cal-box .in-cal-img{ background:#4472c4; overflow:hidden;}
.in-cal-box .in-cal-img img{opacity:0.3;}
.in-cal-box:hover .in-cal-img img{ opacity:1; transform:scale(1.05);}
/*bottom*/
.bottom{ background:url(../images/bottom-bg.jpg) center center no-repeat;}
.bottom .b-logo{ width:28%; float:left;}
.bottom .b-logo .blb{text-align:center;}
.bottom .b-logo .blb1{ margin-bottom:38px;}
.bottom .b-logo .blb2{ margin-bottom:12px;}
.bottom .b-logo .b-lbox{ background:#28292b; width:auto; float:right; padding:20px 25px 55px 25px;}
.bottom .b-logo p{ font-size:1.4em; color:#fff; text-align:center;}
.bottom .b-txt{ float:left; width:72%; }
.bottom .b-txt a{color:#fff;}
.bottom .bt-box{ padding-left:6%; width:64%; padding-top:60px;}
.bottom .bt-box .bt-b{ float:left; width:20%; }
.bottom .bt-box .bt-b a{ display:block;}
.bottom .bt-box .bt-b h3,.bottom .b-txt2 h3{ font-size:1.6em; color:#fff;border-bottom:1px solid #666; padding-bottom:16px; margin-bottom:16px;}
.bottom .bt-box .bt-b p{ font-size:1.4em; color:#989898; line-height:30px;}
.bottom .b-txt2{ width:20%; padding:0 5%; float:left; }
.bottom .b-txt2 h3{text-align:center;}
.bottom .b-txt3{ padding-left:6%;}
.bottom .b-txt3 p{ display:inline-block; font-size:1.4em; color:#989898;}
.bottom .b-txt3 p a{ color:#989898; font-size:1em;}
.bottom .b-txt3 p a:hover{ text-decoration:underline;}
.bottom .b-txt3 span img{ margin-bottom:-4px; margin-left:6px;}
.bt2-dot{ overflow:hidden; margin-bottom:20px;}
.bt2-d1,.bt2-d2{ float:left;}
.bt2-d1{ width:25%; text-align:center;}
.bt2-d2{ padding:8px 0;}
.bt2-d2 h4{ font-size:1.4em; color:#a9aaaa; margin-bottom:4px;}
.bt2-d2 p{ font-size:2em; font-weight:bold; color:#fff; }
.bt2-d3 h4{ padding:12px 0; font-size:1.4em; color:#a9aaaa; line-height:18px;}
.bottom .bt-box .bt-b a:hover p{ color:#fff;}
.bt2-d1,
.bt2-d2,.bt2-d3{ text-align:center; width:100%; float:none;}
/*bottomlist*/
.bottomlist{ position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:9;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:25%; float:left; text-align:center; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top:1px solid #ccc; border-left:1px solid #ccc; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.4em;}
.bottomlist ul li img{ width:40px; height:40px;}

/*ini-tit*/

.ini-tit a,.ini-tit a:after{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.ini-tit{ text-align:center; background:#f4f4f4;}
.ini-tit a{ position:relative; display:inline-block; padding:20px 0; margin: 0 30px; font-size:1.8em; color:#4a4848;}
.ini-tit a:after{ background:#4472c4; position:absolute; content:""; width:100%; height:0px; bottom:0; left:0;}
#m6 .c1{ position:relative; color:#4472c4;}
.ini-tit a:hover{color:#4472c4;}
.ini-tit a:hover:after{ height:3px; }
.in-lock,
.a1 .ab1,.a2 .ab2,.a3 .ab3,.a4 .ab4,.a5 .ab5,.a6 .ab6,.a7 .ab7,
#m4 .case1,#m4-2 .case2,#m4-3 .case3,
#m6 .c1{ position:relative; color:#4472c4 !important;}
.in-lock:after,
.a1 .ab1:after,.a2 .ab2:after,.a3 .ab3:after,.a4 .ab4:after,.a5 .ab5:after,.a6 .ab6:after,.a7 .ab7:after,
#m4 .case1:after,#m4-2 .case2:after,#m4-3 .case3:after,
#m6 .c1:after{ height:3px!important; }

/*contact*/
.contact{ padding-top:80px;}
.con-dot{ float:left; width:23%; padding:0 1%;}
.ic-input{ padding: 12px;    width: 32.1%;    margin: 1% 0.5%;    border: 1px solid #d7d7d7;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;outline:none;}
.cf-in form{ width:100%;}
.ic-text{padding: 12px;    width: 96.7%;    margin: 1% 0.5%;    border: 1px solid #d7d7d7;resize:none ;resize:none;outline:none; }
.ic-text::-webkit-input-placeholder { font-size:14px; font-weight:normal; font-family:"寰蒋闆呴粦"}
.ic-text:-moz-placeholder { font-size:14px; font-weight:normal; font-family:"寰蒋闆呴粦"}
.ic-text::-moz-placeholder {font-size:14px; font-weight:normal; font-family:"寰蒋闆呴粦"}
.ic-text:-ms-input-placeholder { font-size:14px; font-weight:normal; font-family:"寰蒋闆呴粦"}
.cd-img{ text-align:center;}
.cd-img img{ border-radius:100px; padding:50px; border:1px solid #ddd;-webkit-filter:grayscale(100%);	-moz-filter:grayscale(100%);	-ms-filter:grayscale(100%);	-o-filter:grayscale(100%);	filter:grayscale(100%);transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.con-dot:hover img{-webkit-filter:grayscale(0%);	-moz-filter:grayscale(0%);	-ms-filter:grayscale(0%);	-o-filter:grayscale(0%);	filter:grayscale(0%); background:#fff;}
.cd-txt{text-align:center; padding:25px 0;}
.cdt span{ width:25%; margin-bottom:20px; display:block; float:left;}
.cdt p{ width:75%; text-align:left; line-height:24px;}
.cd-txt span,.cd-txt p{ font-size:1.8em; color:#333; display:inline-block; line-height:24px; }
.cd-txt p{ text-align:left;}
.cf-area p{ font-size:1.4em; color:#414141; line-height:24px; width:96%; padding:45px 2% 35px 2%;}
.c-btn{ width:100%; text-align:center;}
.ic-btn{ margin:30px 0 40px 0; width:200px; padding:12px;font-size: 1.6em; color: #fff;   background: #3465bb;border: none; outline:none;}

.only-list{ width:40px; position:fixed; bottom:80px; right:12px;}
.only-dot{ width:40px; height:40px; background:#374994; padding:3px; margin-bottom:4px;}
.only-per{ position:relative;}
.only-person{ display:none; position:absolute; right:110%; background:#374994; padding:12px; bottom:0;}
.only-person p{ color:#fff; font-size:1.4em; line-height:20px;}
.only-per:hover .only-person{ display:block;}


.con-a{ padding:20px 2%; border-bottom:1px solid #ddd; height:200px;}
.con-a:nth-child(2),.con-a:nth-child(1){ border-top:1px solid #ddd;}
.con-a h3{ font-size:2em; color:#4472c4; line-height:30px; margin-bottom:4px;}
.con-a p{ line-height:24px; font-size:1.4em;}
.ca{ float:left; width:46%;}


/*case*/
.case-txt h3,.case-txt p,.case .case-in-box img{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.case{ padding-top:75px;}
.case .case-in-box{ float:left; width:31.33%; margin:15px 1%; background:#f9f9f9; border:1px solid #f2f2f2;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.case .case-in-box img{ width:100%;}
.case-txt{ border-bottom:3px solid #2e8bf1; padding:24px 4% 60px 4%;}
.case-img{ overflow:hidden;}
.case-txt h3{ color:#4b4b4b; font-size:2em; margin-bottom:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-txt p{ color:#6b6b6b; font-size:1.4em; line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.case-in-box:hover h3,.case-in-box:hover p{ color:#fff;}
.case-in-box:hover img{ transform:scale(1.05);}
.case-in-box:hover .case-txt{ background:#2e8bf1;}
/*case2*/
.case2-a{ background:#000;}
/*case3*/
.case3{ text-align:center;}
.case3 img{ width:100%; max-width:1000px; margin-bottom:70px;}

/*news*/
.news-txt h3,.news-txt span,.news-date h3,.news-date p{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.news{ padding-top:50px;}
.news .fy{ padding-top:0 !important;}
.news-box{overflow:hidden; padding:35px 0 65px 0;}
.news-box a>div{ float:left;}
.news-img{ width:28%;}
.news-img img{ width:100%;}
.news-txt{ width:59%; margin-left:3%;}
.news-txt h3{ font-size:1.8em; color:#3c3c3c; line-height:30px; margin-top:10px; margin-bottom:30px; width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-txt p{ font-size:1.4em; line-height:28px; color:#626d78;width:65%;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2; margin-bottom:80px;}
.news-txt span{ font-size:1.4em; color:#666; padding:10px 15px; border:1px solid #ccc;}
.news-date{ width:10%; padding-top:60px;}
.news-date h3{ font-size:6em; color:#ccc; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc; display:inline-block;}
.news-date p{ font-size:1.8em; color:#ccc;}
.news-box:hover .news-txt h3,.news-box:hover .news-date h3,.news-box:hover .news-date p{ color:#2e8bf1;}
.news-box:hover .news-txt span{color:#fff; background:#2e8bf1; border:1px solid #2e8bf1;}
.news-box:hover .news-date h3{border-bottom:1px solid #2e8bf1;}

/*product*/
.product-i img,.product-t p{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.product{ padding-top:70px;}
.product-box{ padding:2px; float:left; width:31.33%; margin:0 1% 30px 1%; border:1px solid #dedede;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-i{ overflow:hidden; text-align:center; background:#a8cae6;}
.product-i img{ max-width:100%;}
.product-t{ text-align:center;}
.product-t p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:1.8em; color:#464545; background:#dfe6ed; padding:20px 1%;}
.product-box:hover .product-i img{ transform:scale(1.05);}
.product-box:hover .product-t p{ color:#fff; background:#4472c4;}
/*productshow*/
.productshow{ padding:70px 0 40px 0 ;}
.pbs-i,.pbs-txt{ float:left; width:50%;}
.pbs-i img{ width:90%; max-width:600px;}
.pbs-txt>h3{ font-size:3.2em; color:#4472c4; margin:20px 0 30px 0;}
.pbs-t h3{ font-size:2em; margin-bottom:20px;}
.pbs-t p{ font-size:1.4em; color:#333; line-height:24px; letter-spacing:2px;}
.pbs-t a{ font-size:1.4em; color:#fff;}

.btn {line-height:45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #666;  cursor: pointer;  display:inline-block;  font-size: 16px; margin:1em 0;  max-width: 160px;  position: relative; text-decoration: none; text-transform: uppercase;  vertical-align: middle; width: 100%; height:45px; text-align:center;}
.btn3{background: #ba251e;  border: 1px solid #ba251e;  box-shadow: 0px 2px 0 #ba251e, 2px 4px 6px #ba251e;  letter-spacing: 1px;  -webkit-transition: all 150ms linear;  transition: all 150ms linear;}
.btn3:hover{background: #ba251e;  border: 1px solid rgba(0, 0, 0, 0.05);  box-shadow: 1px 1px 2px rgba(23, 39, 73, 0.2);  color: #fff;  text-decoration: none;  text-shadow: -1px -1px 0 #ba251e;  -webkit-transition: all 250ms linear;  transition: all 250ms linear;}

.pbtable{ margin-top:40px;}
.pbtable img{ max-width:100%; padding:10px 0;}
.pbtable p{ font-size:1.6em; line-height:24px;}
.pbtable h3{ font-size:2.2em; color:#4472c4; margin:15px 0;}
.pbtable>div{ overflow-x:auto;}
.pbtable table{ overflow-x:auto;}
.pbtable table tr{ background:#fefefe; }
.pbtable table tr td{padding:12px; font-size:1.6em;text-align:center; vertical-align: middle;}
.pbtable table tr:first-child td{ border-top-right-radius:40px;border-top-left-radius:10px;}
.pbtable table tr:first-child{ background:#4472c4 !important; color:#fff; font-size:1.2em; }
.pbs2{/* background:#f6f6f6;*/ padding:40px 0;}
.pbs2 .warp2>h3{ font-size:3.2em; text-align:center;}
.pbs2 .warp2 a{ float:right; font-size:1.6em; background:#4472c4; border-radius:4px; display:inline-block; padding:8px 12px; color:#fff; }
.pbs-imgs{ float:left; padding-right:20px;}

.pbtable{ overflow-x:auto;}
.pbtable img{ max-width:1000px;}

/*newsshow*/
.newsshow{ padding:50px 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:15px 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:#117bc9;}
.n-p-back{ 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;}

/*about*/
.about-txt{  width:100%;}
.about-img{ text-align:right; float:right;}
.about-txt img{padding-left:10px; max-width:100%;}
.ab1,.ab5{ padding:55px 0 70px 0;}
.ab3{ padding:150px 0 70px 0;}
.ab2,.ab6{ padding-top:55px;}
.abb1 h3{ font-size:2.8em; color:#6584c2; font-weight:bold; text-align:center; margin-bottom:40px;}
.abb1 p{ font-size:1.4em; color:#323232; line-height:30px; margin-bottom:25px; text-indent:2em;}
.abb1 .in-i-icon{ width:25%; text-align:right; margin-top:-3%;}
.abb1 .in-i-icon img{ margin-left:5% !important;}
.abb1 .stren-list li{ border-right:1px solid #e7e7e7;}
.abb1 .stren-list li:last-child{ border:none;}
.abb1 .stren-list li p{ margin:0;}
.abb1 .stren-list li .num-box{ padding:0 0 20px 0 ;}
.abb1 .num-position{ top:13px;}
.abb1 .in-img{ padding-top:90px; overflow:hidden;}
.abb1 .in-i-num{ width:75%;}
.abb1 .stren-list li .num-box em{ color:#333 !important;top: 12px;}
.ab5{ text-align:center;}
.ab5 img{ max-width:100%;}
.ab2 .product-box{ width:23%;}

.ab3-box{width: 100%; text-align:center;display: table;}
.ab3-b{ width:27.33%; margin:0 3%; float:left; border:1px solid #efefef;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;display: table-cell; padding:0 4% 2% 4%; height:460px;}
.ab3-img,.ab3-img img,.ab3-bg{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.ab3-b:hover .ab3-bg{ transform:rotateY(180deg);}
.ab3-img{ margin-top:-75px;}
.ab3-txt h3{ color:#4472c4; font-size:2.4em; margin:8px 0 4px 0;}
.ab3-txt h4{ font-size:1.6em; color:#787878; margin-bottom:30px;}
.ab3-txt p{ font-size:1.6em; line-height:36px; color:#282828;}

/*banner*/
.banner{ position:relative; text-align:center;}
.banner-txt{ position:absolute; top:36%; left:0; width:80%; padding:0 10%; color:#fff;}
.banner-txt h3{ font-size:4.8em; margin-bottom:0.5%;}
.banner-txt h4{ font-size:3em; margin-bottom:2%;}
.banner-txt p{ font-size:2em;}