@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;}
body{font-size:12px;color:#474747; _overflow:hidden; overflow-x:hidden;  background:#fff;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,header,footer,figure,nav{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal;}
li{list-style-type:none;}
img{ border:none;}
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }
a:hover{ text-decoration:none;}
a,area { blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
.disno{display:none;}
.disbk{ display:block;}
.distb{ display:table;}
.clear{ clear:both;}
/*-------input--outline--middle---------*/
input,button,select,textarea{ outline:none}
input{ vertical-align:middle;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
table{ border-collapse:collapse;}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
	.justify:after {
		content:"."; 
		display: inline-block; 
		width:100%;
		overflow:hidden;
		height:0;
	}
}
/*----- clearfix///-----*/
.clearfix{*zoom:1;}
.clearfix:before,
.clearfix:after{display:table; content:'';line-height:0;}
.clearfix:after{clear:both;}
/*文字两侧对齐*/
.justify {text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}
/*超出省略号*/ 
.toe{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/******************************************************************common/////**********************************************************************/

/*************common-times///*****************/
.product-list, .news-list, .waper-contaner
{ 
  width:1200px; position:relative; left:50%; margin-left:-600px;  display:table;
}

.more a:before, .more a:after, .more span:before, .more span:after, .sub-solve li .img1, .sub-solve li .img2, .news-list ul li dt:after, .swiper-cint1 .swiper-wrapper .swiper-slide dd,
.sub-slider .swiper-button-next, .sub-slider .swiper-button-prev, .main-related li dl dd, .main-related li dl dd h3, .main-related li dl dd p
{
   transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s;	
}

.main-contari li dl dd, .main-contari li dl dt img, .main-contari li dl dd h4, .main-contari li dl dd p, .nav-list li a, .nav-list li a:after, .main-down .sub-down li, .main-down2 ul li, .vidlist li,
.huoban ul li:after, .bom-sec ul li dl dd, .lits li dl dd.k2, .rit-fdd ul li
{
	transition: all .4s ease-in 0s; -webkit-transition: all .4s ease-in 0s; -moz-transition: all .4s ease-in 0s; -ms-transition: all .4s ease-in 0s;
}
.main-contari li:nth-of-type(even)
{
	transition: all .7s linear 0s; -webkit-transition: all .7s linear 0s; -moz-transition: all .7s linear 0s; -ms-transition: all .7s linear 0s;
}
.main-contari li:nth-of-type(odd)
{
	transition: all .7s linear .7s; -webkit-transition: all .7s linear .7s; -moz-transition: all .7s linear .7s; -ms-transition: all .7s linear .7s;
}
/***********************************************************************common-times///*********************************************************************************************/

.header{background-color:#3873A2;}
header{ width:100%; background-color:rgba(56,115,162,0.3); background-color:#3873A2\0; position:absolute; left:0; top:0; z-index:9999;}
.top{ width:1200px; margin:0 auto; display:table;}
nav{ float:left; margin-left:20%;}
nav .sub-nav{ float:left; padding:0 20px; position:relative; transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; }
nav .sub-nav:after{ position:absolute; content:''; right:0px; top:27px; height:10px; border-right:1px solid #fff;}
nav .sub-nav span a{ display:block;  width:100%;color:#fff; font-size:14px; line-height:60px; text-shadow:0 0 1px #fff;}
nav .sub-nav.on,
nav .sub-nav:hover{ background-color:rgba(0,0,0,0.1); background-color:#666\0;}
nav .sub-nav:last-child:after{ border:none;}
nav .sub-nav ul{ width: auto; position:fixed; left:50%; top:60px; display:none;
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
}
nav .sub-nav ul li{ float:left; padding:0 20px; position:relative;}
nav .sub-nav ul li:after{ position:absolute; right:0; top:23px; content:'/'; color:#fff;}
nav .sub-nav ul li:last-child:after{ content:'';}
nav .sub-nav ul li a{ display:block;  width:100%;color:#CDD4DE; font-size:14px; line-height:60px;}
nav .sub-nav ul li a:hover{ color:#fff;}

.waper-bg{ position:absolute; left:0; top:60px; width:100%; height:60px; background-color:rgba(56,115,162,0.4); background-color:#000\0; z-index:999; display:none;}

.form-fulid{ float:right; position:relative; margin-top:17px;}
.form-fulid .txt{ width:176px; height:24px; line-height:24px; color:#fff; border:1px solid rgba(255,255,255,0.1); background-color:rgba(255,255,255,0.3); border:1px solid #fff\0; background-color:#666\0; border-radius:20px; padding-left:10px; font-size:12px;}
.form-fulid button{ position:absolute; right:10px; top:6px; width:14px; height:14px; border:none; background:url(../img/inputico.png) no-repeat center center; background-size:100% 100%; cursor:pointer;}


.mob-nav{ width:30px; height:22px; line-height:15x; position:absolute; top:20px; right:1em;cursor:pointer; display:none;
 transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
 -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
 -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
 -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
}
.mob-nav a{ display:inline-block; width:100%; height:2px; background-color:#fff; position:relative;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.mob-nav a:before{
	position:absolute;
	content:' ';
	left:0;
	top:-6px;
	width:100%;
	height:2px;
	background-color:#fff;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.mob-nav a:after{
	position:absolute;
	content:' ';
	left:0;
	bottom:-6px;
	width:100%;
	height:2px;
	background-color:#fff;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.mob-nav:hover a:before{ 
     transform:translateY(-2px) rotate(0deg);
	 -moz-transform:translateY(-2px) rotate(0deg);
	-webkit-transform:translateY(-2px) rotate(0deg);
	-ms-transform:translateY(-2px) rotate(0deg);
}
.mob-nav:hover a:after{ 
	transform:translateY(2px) rotate(0deg);
	-moz-transform:translateY(2px) rotate(0deg);
	-webkit-transform:translateY(2px) rotate(0deg);
	-ms-transform:translateY(2px) rotate(0deg);
}
.mob-nav.selected{
	transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
}
.mob-nav.selected a {background-color: transparent;}
.mob-nav.selected a:after, 
.mob-nav.selected a:before { top: 0;}
.mob-nav.selected a:before {
	background-color: #fff;
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
	-moz-transform: translateY(0px) rotate(-45deg);
}
.mob-nav.selected a:after {
	background-color: #fff;
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-moz-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.mob-nav.selected:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
	-moz-transform: translateY(0px) rotate(-55deg);
}
.mob-nav.selected:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-moz-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}

.mobile{ width:100%; padding:20px 0; position:fixed; top:53px; background-color:rgba(56,115,162,0.9); z-index:9999; display:none;}
.mobile ul li{ width:100%; text-align:center;}
.mobile ul li a{ display:block; font-size:14px; color:#fff; line-height:40px;}
.mobile ul li a:hover{ background-color:rgba(50,132,254,0.1);}


footer{ width:100%; background-color:#3A3D46;}
.foot{ width:1200px; position:relative; left:50%; margin-left:-600px; margin-top:56px;}
.foot .lfts-nav{ float:left; width:564px;}
.foot .lfts-nav li{ float:left; width:25%;}
.foot .lfts-nav li h3,
.foot .rit-nav h3{ font-size:15px; color:#FFFFFF; font-weight:bold; width:80%; border-bottom:1px solid #73757C; margin-bottom:25px; padding-bottom:15px;}
.foot .lfts-nav li a{ display:block; width:100%; color:#8D8E92; margin-top:5px;}
.foot .lfts-nav li a:hover{ color:#fff;}

.foot .rit-nav div{ float:left; width:100%;}
.foot .rit-nav h3{ width:100%;}
.foot .rit-nav{ float:right; width:594px; display:table;}
.foot .rit-nav h4{ font-size:13px; color:#C1C2C4;}
.foot .rit-nav p strong{ font-size:28px; font-family:'Arial'; color:#389FEE; line-height:1.5;}
.foot .rit-nav figure{ float:right; margin-top:-55px;}
.foot .rit-nav figure p{ margin-top:6px; color:#7E8084;}

.bom-fot{ width:100%; background-color:#30343D; margin-top:50px; padding:23px 0;}
.bom-fot ul{ width:1200px; margin:0 auto;}
.bom-fot ul li{ float:left; width:50%;}
.bom-fot ul li p{ color:#707176; line-height:1.8;}
.bom-fot ul li div{ float:right;}
.bom-fot ul li a{ padding:0 20px; color:#707176; position:relative;}
.bom-fot ul li a:hover{ color:#fff;}
.bom-fot ul li a:before{ position:absolute; right:-4px; top:0; content:'|'; font-size:10px; color:#707176;}
.bom-fot ul li a:last-child:before{ display:none;}


.rit-fdd{ position:fixed; right:0; top:50%;}
.rit-fdd ul{ width:55px; height:170px; border-radius:7px 0 0 7px; background-color:#2F3438; background-color:rgba(0,0,0,0.5);}
.rit-fdd ul li{ width:182px; height:57px; line-height:57px; font-size:16px; color:#fff; border-radius:7px 0 0 7px; cursor: pointer;}
.rit-fdd ul li:hover{ margin-left:-125px; background-color:#2F3438; background-color:rgba(0,0,0,0.5);}
.rit-fdd ul li img{ display:inline-block; margin-left:17px; vertical-align:middle;}
.rit-fdd ul li strong{ font-weight:300; display:inline-block; margin-left:17px;}
.rit-fdd ul li:last-child:hover{ margin-left:0px; background:none;}