/* CSS Document */
*{text-overflow: ellipsis;
/*去掉移动端点击阴影方块*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);}
html,body{ height:100%; width:100%;}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #333333; min-width:1200px; overflow-x:hidden; padding:0px;
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
:focus{outline:none;}/*聚焦边框样式取消*/
table{
border-collapse: collapse;
}
a{
color: #333333;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #4286E7;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}

/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

.fl{ float:left}
.fr{ float:right}

.xuanzhuan{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 10s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10s;
    -webkit-animation: rotate 30s linear infinite;
    -moz-animation: rotate 30s linear infinite;
    -o-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}









.box{ width:1400px; max-width:100%; margin:auto}
#top{position:relative}
.nav{ padding-top:10px;}
.nav ul li{ float:left; }
.nav ul li a{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	position: relative; font-size:16px; color:#FFFFFF;
}
.nav ul li a:hover,.nav ul li a.hover,.nav ul li a.select{
	color: #FFFF00;
}
/*.nav ul li a:after{
	content:'';
	height:10px;
	float: left;
	margin-top: -5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(255,255,255,0.2);
	position: absolute;
	left: 0px;
	top: 50%;
}
.nav ul li a:before{
	content:'';
	height:10px;
	float: left;
	margin-top: -5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(0,0,0,0.2);
	position: absolute;
	left: -1px;
	top: 50%;
}*/
/*.nav ul li:nth-child(1) a:after,.nav ul li:nth-child(1) a:before{ display:none}*/
/*.nav ul ul{ display:none}*/
.nav ul li .nodes{ position:absolute; top:60px; width:100%; padding-top:30px; left:0px; display:none }
.nav ul li .nodes .node{background-color:#ffffff; /*background-color:rgba(255,255,255,0.95);*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;box-shadow: 0px 5px 5px rgba(100,100,100,0.5); float:left; width:100%;border-radius:0 0 5px 5px; overflow:hidden;
}
.nav ul li .nodes a{ color:#333;}
.nav ul li .nodes .left{
	float:left;
	width:200px;
/*	background-color:#f5f5f5; */
	padding-top:0px;
	padding-bottom:0px; position:relative; z-index:1;

}
.nav ul li .nodes .left:before{ background-color:rgba(200,200,200,0.2); z-index:-1; left:-1000px; top:0px; position:absolute; width:1200px; content:''; height:100%;}
.nav ul li .nodes .left li{ display:block; width:100%;}
.nav ul li .nodes .left a{ display:block; padding-top:10px; padding-bottom:10px; font-size:18px; position:relative;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.nav ul li .nodes .left a:hover,.nav ul li .nodes .left li.hover a{ background-color:#ffffff; color:#4f8bf9;}
.nav ul li .nodes .left a:after{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; content:''; position:absolute; left:0px; bottom:0px; width:0px; height:3px; background-color:#4f8bf9;}
.nav ul li .nodes .left a:hover:after,.nav ul li .nodes .left li.hover a:after{ width:100%;}

.nav ul li .nodes .right{  margin-left:210px; max-height:400px; overflow-y:auto; padding-top:10px;}
.nav ul li .nodes .right ul{ display:none}
.nav ul li .nodes .right ul li{ float:left; width:48%; margin-left:1%; margin-right:1%;}
.nav ul li .nodes .right ul li a{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; display:block; line-height:1.2; padding-bottom:10px; padding-top:10px;
}
.nav ul li .nodes .right ul li a b{ display:block; color:#333;}
.nav ul li .nodes .right ul li a:hover b{color: #4f8bf9;} 
.nav ul li .nodes .right ul li a span{ display:block; font-size:14px; color:#999999; margin-top:5px; min-height:2.4em;}
/*导航文字上下滚动*/
.nav>ul>li>a,.nav .nodes .left ul>li>a {
	overflow:hidden;
	position:relative;
	white-space: nowrap;
}
.nav>ul>li>a span,.nav .nodes .left ul>li>a span{ display:inline-block;position:relative;transition: all 0.3s;height:30px; line-height:30px; }
.nav .nodes .left ul>li>a span{height:40px; line-height:40px; }
.nav>ul>li>a span+i{ margin-left:5px;}
.nav>ul>li>a:hover span,.nav .nodes .left ul>li>a:hover span{transform:translateY(-100%);}
.nav>ul>li>a:hover span:after,.nav .nodes .left ul>li>a:hover span:after{content:attr(data-title);position:absolute;left:0;transform:translateY(100%);width:100%;top:0; }


ul.navcase{ padding-bottom:20px; float:left; width:100%;}
ul.navcase > li{ width:31%; margin-left:1%; margin-right:1%;}
ul.navcase > li:nth-child(3n+1){ clear:both}
ul.navcase > li> a{
	font-size:16px;
	display:block;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	padding-top:10px;
	padding-bottom:10px;
	white-space: nowrap; padding-left:0px;
}

ul.navcase  li ul{ clear:both; padding-top:10px;}
ul.navcase  li ul li{
	font-size: 14px;
	font-weight: lighter; padding:0px; width:25%; float:left; 
}
/*ul.navcase > li:nth-child(1) ul li{ width:32%; margin-left:auto; margin-right:auto; float:left;}*/
.nav ul li .nodes ul.navcase  li ul li a{
	font-size: 12px;
	font-weight: lighter; color:#666; text-align:left; padding:0px; line-height:1.5; display:block; padding-top:3px; padding-bottom:3px; 
}
.pagination{ clear:both; text-align:center; padding-top:20px; padding-bottom:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#2386EE; color:#FFFFFF}

.pagination li a{ color:#333333}

#top{
	position:fixed;
	z-index:22;
	left: 0px;
	top: 0px;
	width:100%;
	float:left; /*box-shadow:0 0 5px rgba(0,0,0,0.2);*/
padding-top:20px; padding-bottom:20px;
}
.fixed,#top:hover{	background-color:#03979c;
	background-color:#fff;box-shadow:0 0 5px #888888;}

#top .logo{ font-size:12px; color:#FFFFFF; color:rgba(255,255,255,0.6); display:none;}
#top .logo.w{ display:block}
#top.fixed .nav>ul>li>a,#top:hover .nav>ul>li>a{ color:#333333;}
#top.fixed .nav ul li a:hover,#top.fixed .nav ul li a.hover,#top.fixed .nav ul li a.select,#top:hover .nav ul li a:hover,#top:hover .nav ul li a.hover,#top:hover .nav ul li a.select{
	color: #0066CC;
}
#top.fixed  .logo,#top:hover  .logo{ display:block}
#top.fixed  .logo.w,#top:hover  .logo.w{ display:none}
#top .logo img,#top .logo span{ float:left; line-height:50px;}



.flash{  position:relative;clear:both; float:left; width:100%; overflow:hidden; }
.flash .swiper-container{ overflow:hidden; padding:0px; float:left; width:100%;}
.flash .swiper-wrapper *,.flash .picimg *{ max-width:100%;}
.flash .swiper-wrapper,.flash{ text-align:center}

.flash .txt{
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0%;
	width: 100%; height:100%;display: flex;
    justify-content:center;
    align-items:center; text-align:left; color:#FFFFFF; font-size:24px; line-height:1.5; margin-top:-50px;


}

.flash .txt h1{
	font-size:48px;
	font-weight: lighter; margin:auto; padding:0px; line-height:1.2;
}
.flash .txt h2{
	font-size:36px; margin:auto; padding:0px;
	font-weight: lighter; padding-top:15px; 
}
.flash .more{ padding-top:20px;}
.flash .more a{
	font-size:18px;
	color:#FFFFFF;
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	border: 1px solid #ffffff;
	border: 1px solid rgba(255,255,255,0.8); margin-right:10px; line-height:32px;
}


.flash .more a:hover{ background-color:#FF9900;border: 1px solid #0066CC;}


.flash  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:150px;  text-align:left; left:20%; }
.flash  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets span{ width:50px;border-radius:0; height:3px; background-color:rgba(255,255,255,0.9);}

.flash .swiper-slide{ width:100%; float:left; }


.tuijian{
	position:absolute;
	left:0px;
	width: 100%;
	bottom: 0px; z-index:9; background-color:rgba(255,255,255,0.1);
}

.tuijian ul li{ float:left; width:25%; position:relative;}
.tuijian ul li i{
	margin-left:5px;
	margin-right:5px;
	color:rgba(255,255,0,0.9);color:#FF6633
}
.tuijian ul li a{ display:block; padding-left:20px; padding-right:20px; color:#FFFFFF; padding-top:10px; padding-bottom:10px;}
.tuijian ul li a b{ display:block; font-size:16px}
.tuijian ul li a span{ display:block; line-height:1.2; color:rgba(255,255,255,0.6); font-size:14px; padding-top:5px; min-height:3.6em;}
.tuijian ul li a:hover{ background-color:rgba(255,255,255,0.2);}

.pro{ clear:both; background-color:#F5F7FB; float:left; width:100%; padding-top:50px; padding-bottom:50px;}
.pro .etitle{ font-size:30px; padding-bottom:30px;}
.pro .etitle b{ display:inline-block; position:relative; font-weight:lighter;}
.pro .etitle b:after{
	content:'';
	float: left;
	width: 100%;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #0066CC;
}
.pro .econtent{ overflow:hidden; float:left; width:100%;}







/*行业应用*/
.application{ clear:both; padding-top:80px; padding-bottom:80px; text-align:left; background-color:#ffffff;}

.application .etitle{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0066CC; padding-left:45px;
}
.application .etitle .h1{ font-size:30px;}
.application .etitle .h2{ font-size:20px; color:#666666}


/*.application .sortli{ padding-top:50px;}
.application .sortli a{
	display:inline-block;
	background-color: #F7F7F7;
	border: 1px solid #333333; padding-right:20px; padding-left:20px;border-radius:0px; margin-bottom:20px; margin-left:10px; margin-right:10px;
}
.application .sortli a:hover{ background-color:#FE0000; color:#FFFFFF;border: 1px solid #FE0000;}*/
.application .econtent{ padding-top:20px;}
.application .econtent *{ max-width:100%;}
.application .econtent .picli{ float:left; width:32%; margin-left:1%; margin-right:1%; margin-top:20px; margin-bottom:20px; background-color:#f5f5f5;}
.application .econtent .picli .img{ position:relative; overflow:hidden; background-color:#0066CC; /*max-height:455px; min-height:455px;*/}
.application .econtent .picli .img .title{ position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; font-size:36px; color:#FFFFFF; color:rgba(255,255,255,0.9);}
.application .econtent .picli .img a{ display:block; width:100%; position:relative;}
.application .econtent .picli .img:before{ content:''; height:100%; width:100%; position:absolute; left:0px; top:0px; z-index:1; background-color:rgba(0,0,0,0.4);	}

.application .econtent .picli .img img{ width:100%;}

.application .econtent .picli:hover .img:before{ display:none}

.application .econtent .picli:nth-child(3n+1){ margin-left:0px; clear:both}
.application .econtent .picli:nth-child(3n){ margin-right:0px; float:right}
.application .econtent .picli .right{ padding:20px; line-height:1.5;}
.application .econtent .picli .ntitle{ font-size:20px;padding-left:15px; position:relative;}
.application .econtent .picli .ntitle:before{ content:'';	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #0066CC; height:20px; left:0px;  top:50%; margin-top:-10px; position:absolute; }	
.application .econtent .picli .dp{ font-size:14px; color:#666666; max-height:3em; overflow:hidden; line-height:1.5; margin-top:10px;}
.application .econtent .picli .ntitle .sort{ display: none;}
.application .econtent .picli .ntitle .title{}

.application .more{ clear:both; text-align:center; line-height:60px; padding-top:30px;}

.application .more a{ display:inline-block; padding-left:80px; padding-right:80px;background-color:#0066CC;/*#0066CC;*/ color:#FFFFFF; font-size:20px;}
.application .more a:hover{ background-color:#FF9900}



.box{ width:1200px;}




/*行业应用*/
.case{ clear:both; padding-top:80px; padding-bottom:80px; text-align:left;  background-color:#ffffff;}

.case .etitle{ text-align:center

}
.case .etitle .h1{ font-size:30px;}
.case .etitle .h2{ font-size:20px; color:#666666}

.case .econtent{ padding-top:20px;}

.case .econtent .picli{ float:left; width:48%; margin-left:1%; margin-right:1%;  background-color:#ffffff; margin-top:20px; margin-bottom:20px;}
.case .econtent .picli .img{ overflow:hidden; max-height:200px; }
.case .econtent .picli .img a{ display:block; width:100%; position:relative;}
.case .econtent .picli .img a:after{ content:''; background-color:rgba(0,0,0,0.2); position:absolute; top:0px; left:0px; width:100%; height:100%;}
.case .econtent .picli .img a:hover:after{ background-color:rgba(0,0,0,0.1); }
.case .econtent .picli .img img{ width:100%;}

.case .econtent .picli:nth-child(2n+1){ margin-left:0px; clear:both}
.case .econtent .picli:nth-child(2n){ margin-right:0px; float:right}
.case .econtent .picli .right{ padding:20px; line-height:1.5;}
.case .econtent .picli .ntitle{ font-size:20px;padding-left:15px; position:relative;}
.case .econtent .picli .ntitle:before{ content:'';	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #0066CC; height:20px; left:0px; top:50%; margin-top:-10px; position:absolute; }	
.case .econtent .picli .dp{ font-size:14px; color:#666666; max-height:3em; overflow:hidden; margin-top:10px;}
.case .econtent .picli .ntitle .sort{ display: none;}
.case .econtent .picli .ntitle .title{}

.case .more{ clear:both; text-align:center; line-height:60px; padding-top:30px;}

.case .more a{ display:inline-block; padding-left:80px; padding-right:80px;background-color:#0066CC; color:#FFFFFF; font-size:20px;}
.case .more a:hover{ background-color:#FF9900}

.paiming{
	background-image: url(bottom_pc1920.png);
	background-repeat: no-repeat;
	background-position: center top; height:60px;
}
.paiming a{ float:left; width:100%; height:100%;}


.prosort{
	background-color:#0066CC;
}
.prosort .box>ul{
	overflow:hidden;
	float:left;
	width:100%;
	
}
.prosort .box>ul> li.zhu>div>a{
	font-weight: bold;
}
.prosort .box>ul> li.zhu i{ 	margin-left:5px;

	color:rgba(255,255,0,0.9); color:#FF6633}
.prosort .box>ul> li>div{ width:100%; position:absolute; top:0px; left:0px; height:200%;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}


.prosort .box>ul> li>div>a{ min-height:50%; display:block;	display: flex;
	justify-content:center;
	align-items:center;}
	.prosort .box>ul> li:hover>div>a{ min-height:0px; padding-top:15px; padding-bottom:15px;}


.prosort .box>ul> li{
	width:14.285%;
	float:left;
	min-height:160px;
	position:relative;
	display: flex;
	justify-content:center;
	align-items:center;
text-align:center;
	margin-left:-1px;
	position:relative;
	border: 1px solid rgba(255,255,255,0.2); border-top:none; border-right:none; overflow:hidden;line-height:1.2;
}

.prosort .box>ul> li:nth-child(2n+1){background-color:rgba(255,255,255,0.05);}
.prosort .box>ul> li:nth-child(2n+1):hover{background-color:rgba(255,255,255,0.2);}
.prosort .box>ul> li:nth-child(8n){ clear:both;}
.prosort .box>ul> li:nth-child(15),.prosort .box>ul> li:nth-child(16){ display:none;}
.prosort .box>ul> li>a{ display:block;  width:100%;}
.prosort .box>ul> li>a,.prosort .box>ul> li>div>a{ font-size:18px;}
.prosort .box>ul> li ul{ font-size:12px; }
/*.prosort .box>ul> li.hover:hover>a{ display:none}
.prosort .box>ul> li.hover:hover>ul{ display:block; overflow:hidden; }
.prosort .box>ul> li.hover:hover>ul>li{ display:inline-block;}*/
.prosort .box ul> li a span span{ display:block; font-size:12px; padding-top:5px;}
	
	
.prosort .box>ul> li>ul{ display:none; width:100%; padding:5px; margin:auto;}
.prosort .box>ul> li ul li{ width:50%; line-height:1.5; display:inline-block; float:left;}
.prosort .box>ul> li ul> li>a{
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	white-space: nowrap;
}
.prosort .box>ul> li a{ color:#fff;  clear:both;}
.prosort .box>ul> li a:hover{ color:#FFFF00}






.fuwu{
	padding-top:20px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; float:left; width:100%;
}
.fuwu ul{}
.fuwu ul li{ width:25%; float:left}

.fuwu ul li i{ font-size:36px; float:left; color:#666}
.fuwu ul li>div{ margin-left:50px;}
.fuwu ul li>div .t1{ font-size:18px;}
.fuwu ul li>div .t2,.fuwu ul li>div .t2 a{ color:#666666;}


/*云星空*/

.xky{ padding-top:50px; padding-bottom:80px;background-color:#F5F7FB;}
.xky .etitle {text-align:center; line-height:1.5;}
.xky .etitle .h1{ font-size:36px;}
.xky .etitle .h2{ font-size:24px; color:#999; position:relative}
/*.xky .etitle .h2:after{
	content:'';
	position:absolute;
	bottom:-5px;
	left:50%;
	width:2em;
	margin-left:-1em;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #2386EE;
}*/
.xky .econtent{ padding-top:50px;}
.xky .econtent .picli{ float:left; width:23%; margin-left:1%; margin-right:1%; background-color:#FFFFFF; text-align:center;border-radius:5px;box-shadow:0 0 5px rgba(200,200,200,0.1); overflow:hidden; }
.xky .econtent .picli a{ display:block;padding:10px;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;text-align:center;padding-top:20px; padding-bottom:20px; }
.xky .econtent .picli .ntitle{ font-size:18px}
.xky .econtent .picli .dp{ font-size:14px; color:#666666; padding-top:10px;}
.xky .econtent .picli .img{}
.xky .econtent .picli .img img{ max-width:80px; display:none}
.xky .econtent .picli .img img+img{ display:block}

.xky .econtent .picli a:hover{ color: #FFFFFF;
	background-color: #2386EE;}
.xky .econtent .picli a:hover img{ display:block}
.xky .econtent .picli a:hover .img img+img{ display:none}
.xky .econtent .picli a:hover .dp{ color:#ffffff; color:rgba(255,255,255,0.8);}

/*选择*/
.xuanze{ clear:both; padding-top:80px; padding-bottom:80px; text-align:left;   background-color:#F5F7FB;}
.xuanze+.clear+#foot{ margin-top:0px;}
.xuanze .etitle{ text-align:center

}
.xuanze .etitle .h1{ font-size:30px;}
.xuanze .etitle .h2{ font-size:20px; color:#666666}

.xuanze .econtent{
	margin-top:20px;
	overflow:hidden;
	background-color:#f5f5f5;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-left-color: #dddddd;
}
.xuanze .picli{
	float:left;
	width:20%;
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	overflow:hidden;

	text-align:center;
 overflow:hidden; background-color:#FFFFFF;/* border: 1px solid #dddddd;*/ position:relative; 
}
.xuanze .picli:after{
	position:absolute; content:'';
	top:0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd; height:100%;
	right: 0px;
}
.xuanze .picli:before{ z-index:1; content:'';
	position:absolute;
	left:0px;
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
	bottom: 0px;
}
.xuanze .picli .img{ overflow:hidden;	perspective:1000;transform-style:preserve-3d;}
	.xuanze .picli .img img{max-width:120%;min-width:100%;	min-height:100px;
	max-height:120px;}
/*.xuanze .picli .ntitle{ display:none}*/


.front,.back{width:100%;float:left; width:100%; text-align:center}

.xuanze .picli,.xuanze .picli  .img a,.front,.back{min-height:100px;max-height:100px;}
.xuanze .picli  .img a{
	position:relative;
	transition:0.6s;
	transform-style:preserve-3d;
	display:block;
	
}
    .front,.back{position:absolute;top: 0px;left: 0px;
	backface-visibility:hidden;
-webkit-backface-visibility:hidden;	
-moz-backface-visibility:hidden; 	
-ms-backface-visibility:hidden; 	
	background-color:#999999; z-index:1;}
	
    .front{z-index:2; background-color:#ffffff;}
    .back{transform:rotateY(-180deg); line-height:1.2; color:#FFFFFF; font-size:24px; text-align:center; z-index:22; padding-left:20px; padding-right:20px;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; }

.xuanze .picli .img:hover  a{transform:rotateY(180deg);}
	
	
	
.copy{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; font-size:12px; padding-top:10px; padding-bottom:10px; clear:both; margin-top:10px; position:relative;
}
.copy,.copy a{ color:#666666}
#foot .footnav{ clear:both; padding-top:20px; padding-bottom:20px; float:left; width:100%;}
#foot .footnav .lianxi{
	float:left;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eee; padding-right:100px; margin-right:100px;
}
#foot .footnav .lianxi *{ max-width:100%;}
#foot .footnav .lianxi .tel{ float:left; width:150px;}
#foot .footnav .lianxi  .qrcode{ float:left; padding-top:10px;}
#foot .footnav .lianxi .h1{ font-size:16px; font-weight:bold}
#foot .footnav .lianxi .t1{ font-size:14px; padding-top:5px;}
#foot .footnav .lianxi .t2{ font-size:13px; line-height:1.2; color:#888}
#foot .footnav .lianxi img{ max-width:150px;}
#foot .footnav .fnav{float:left;}
#foot .footnav .fnav >ul{ float:left; margin-right:100px;}
#foot .footnav .fnav >ul >li>a{
	font-size:16px;
	font-weight: bold;
}
#foot .footnav .fnav >ul >li >ul{ padding-top:10px;}
#foot .footnav .fnav ul li ul li a{ font-size:14px;line-height:1.5; display:block;}
#foot .footnav .fnav ul li ul li,#foot .footnav .fnav ul li ul li a{ color:#666;}
.gotop{
	float:right;
	bottom:5px;/*border-radius:3px; */cursor:pointer;
	right:0px;
	position:absolute;
	border: 1px solid #ddd; background-color:#FFFFFF; line-height:24px; padding-top:3px; width:27px; text-align:center;
}
.gotop i{ font-size:24px; }
/*内页常规列表*/
#cms,#cms1{ padding-top:20px; padding-bottom:20px;}
#cms *,#cms1 *{ max-width:100%;}

#right{margin-bottom:20px;}
#left{ float:left; width:200px; margin-top:20px; margin-bottom:20px; }
#left+#right{ float:right;width:calc(100% - 250px); }
#left+#right{ float:left; width:80%;}
#left{ float:right; width:18%;}

#left .h2{ background-color:#0066CC; color:#ffffff; text-align:center; line-height:1.5; padding-top:15px; padding-bottom:15px;}
#left .h2 >span{}
#left .h2 span span{
	display:block;
	text-transform: uppercase;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif; color:rgba(255,255,255,0.8);
}
#left .h2 span b{ display:block; font-size:24px;}
#left  .leftdh{background-color:#F7F7F7; padding-top:5px; padding-bottom:5px;}
#left  .leftdh ul ul{ display:none}
#left  .leftdh ul li a{ display:block;padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; color:#333333;}
#left  .leftdh ul li a i{ color:#ccc; margin-right:3px;}
#left  .leftdh ul li a.hover{ background-color:#ffffff;color:#0066CC;}
#left  .leftdh ul li a.hover i{color:#0066CC;}


#left  .leftdh ul li a:hover{ background-color:#0066CC;color:#ffffff;}
#left  .leftdh ul li a:hover i{color:#ffffff;}

#left .tags{ clear:both; margin-top:20px;background-color:#F7F7F7;}
#left .tags .etitle{ display:none}
#left .tags .econtent{
	padding:10px;

} 
#left .tags .econtent .li{ display:inline-block; margin:5px; }
#left .tags .econtent .li a{ display:block; padding-left:10px; padding-right:10px; background-color:#EDEDED; color:#626D76;border-radius:25px;}
#left .tags .econtent .li a:hover{ background-color:#0066CC; color:#FFFFFF;}
#left .lefttj{clear:both; margin-top:20px;background-color:#F7F7F7;}
#left .lefttj .etitle{
	background-color:#eeeeee;
	padding:10px;
	color:#333333;
	font-weight: bold;
}
#left .lefttj .econtent{ padding:10px; line-height:1.2;}
#left .lefttj .econtent .li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee; padding-top:8px; padding-bottom:8px;
}
#left .lefttj .econtent .li a{ margin-left:20px; display:block; color:#666666}
#left .lefttj .econtent .li i{ float:left; color:#999999}
#left .lefttj .econtent .li a:hover,#left .lefttj .econtent .li:hover i{color: #4f8bf9;}
/*图文列表*/
#cms .picli{ float:left;  width:32%; margin-left:2%; margin-right:0px; margin-bottom:40px; }
#cms .picli:nth-child(3n){ float:right}
#cms .picli:nth-child(3n+1){ clear:both; margin-left:0px;}
#cms .picli .img{ position:relative; overflow:hidden; max-height:170px; min-height:170px; background-color:#cccccc; }
#cms .picli .img img{ width:100%;}
#cms .picli .img:after{ content:''; height:100%; width:100%; position:absolute; z-index:1; background-color:rgba(0,0,0,0.4);}
#cms .picli .img  .title{ position:absolute; top:0px; height:100%; width:100%; left:0px; z-index:2; color:#ffffff; font-size:24px; text-align:center; float:left; display: flex;
    justify-content:center;
    align-items:center;}
#cms .picli .img .time{
	position:absolute;
	right:5px;
	top:5px;
	z-index:2;
	color:#FFFFFF;
	text-align:right;
	font-family: Georgia, "Times New Roman", Times, serif, Impact;
	font-size: 24px; line-height:1.5;
}
#cms .picli .img .time .y{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}
#cms .picli *{ max-width:100%;}
#cms .picli .right{ padding:10px; line-height:1.5;max-height:7em;min-height:7em; overflow:hidden; background-color:#f5f5f5;}
#cms .picli .right .ntitle{ font-size:16px;max-height:3em; overflow:hidden;}
#cms .picli .right .dp{ font-size:14px; color:#999; max-height:3em; overflow:hidden; margin-top:5px;}

#cms .picli:hover .right{ background-color:#0066CC;color:#ffffff;}
#cms .picli:hover .right .ntitle a{ color:#ffffff;}
#cms .picli:hover .right .dp{ color:rgba(255,255,255,0.6);}
#cms .picli:hover .img:after{ background-color:rgba(0,0,0,0.1);}

#cms .caseli{ float:left;  width:48%; margin-left:2%; margin-right:0px; margin-bottom:40px; }
#cms .caseli:nth-child(2n){ float:right}
#cms .caseli:nth-child(2n+1){ clear:both; margin-left:0px;}
#cms .caseli .img{ position:relative; overflow:hidden; max-height:250px; min-height:250px; background-color:#cccccc; }
#cms .caseli .img img{ width:100%;}
#cms .caseli .img:after{ content:''; height:100%; width:100%; position:absolute; z-index:1; background-color:rgba(0,0,0,0.2);}
#cms .caseli .img .time{
	position:absolute;
	right:5px;
	top:5px;
	z-index:2;
	color:#FFFFFF;
	text-align:right;
	font-family: Georgia, "Times New Roman", Times, serif, Impact;
	font-size: 24px; line-height:1.5;
}
#cms .caseli .img .time .y{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}
#cms .caseli *{ max-width:100%;}
#cms .caseli .right{ padding:10px; line-height:1.5;max-height:7em;min-height:7em; overflow:hidden; background-color:#f5f5f5;}
#cms .caseli .right .ntitle{ font-size:16px;max-height:3em; overflow:hidden;}
#cms .caseli .right .dp{ font-size:14px; color:#999; max-height:3em; overflow:hidden; margin-top:5px;}

#cms .caseli:hover .right{ background-color:#0066CC;color:#ffffff;}
#cms .caseli:hover .right .ntitle a{ color:#ffffff;}
#cms .caseli:hover .right .dp{ color:rgba(255,255,255,0.6);}
#cms .caseli:hover .img:after{ display:none;}

/*新闻列表*/
#cms .li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	padding-top: 10px;
	padding-bottom: 10px; line-height:1.5;
}
#cms .li .ntitle{
	font-size: 16px;
}
#cms .li .dp{ padding-top:10px; color:#666666}
#cms .li .date{ color:#ccc; padding-top:10px; font-size:12px;}
.postion .fl,.postion .fl a{ color:#999999}
.postion .fl{ padding-top:15px; padding-bottom:10px; font-size:12px;}

/*详细页*/
.votei{ text-align:center; padding-top:20px;}
.votei span{
	display:inline-block;
	width: 80px;
	border: 1px solid #dddddd; margin-right:5px; background-color:rgba(0,0,0,0.3); color:#FFFFFF;border-radius:5px; overflow:hidden;
}
.votei span b{
	display:block;
	line-height:50px;
	font-size:18px;
	font-weight: lighter;
}
.votei span i{
	display:block;
	font-style: normal;background-color:rgba(0,0,0,0.3); cursor:pointer;
}
.nextpage{ padding-top:10px; padding-bottom:10px;}
/*内页产品*/
.bannerin{ margin-top:80px; min-height:400px; clear:both; position:relative; background-size:100% 100%;}
/*.bannerin:before{ content:''; position:absolute; height:100%; left:0px; width:100%; background-color:rgba(0,0,0,0.05); z-index:1;}	*/
.bannerin .hc{ position:absolute; left:0px; top:0px; height:100%; width:100%; z-index:1;display: flex;
    justify-content:center;
    align-items:center;}
.bannerin .txt{ font-size:18px; color:#FFFFFF; line-height:1.2; z-index:2;text-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.bannerin .txt h1{ font-size:36px;}
.bannerin .txt h2{
	font-size:24px;
	font-weight: lighter; padding-top:10px; 
}
.bannerin .more{ padding-top:20px;}
.bannerin .more a{
	font-size:18px;
	color:#FFFFFF;
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	border: 1px solid #ffffff;
	border: 1px solid rgba(255,255,255,0.8); margin-right:10px;
}
.bannerin .more a:hover{ background-color:#0066CC;border: 1px solid #0066CC;}
.postion{
	clear:both;
float:; 	width:100%;
	background-color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
.postion .sort{ float:left;}
.postion .sort ul li{ display:inline-block; padding-left:20px; padding-right:20px;padding-top:10px; padding-bottom:10px; font-size:16px; position:relative; cursor:pointer;}
.postion .sort ul li i{
	display:none;
	font-style: normal;
}
.postion .sort ul li.hover:after{
	content:'';
	position:absolute;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0066FF;
	width: 4em;
	left: 50%; margin-left:-2em;
	bottom: 0px;
}
/*.postion .sort ul li.hover i{color: #0066FF;}*/
.postion .sort+b{ display:none}
.postion .fr{ padding-top:15px; padding-bottom:10px; font-size:12px;}
.postion .fr,.postion .fr a{ color:#999999}

.postion.fixed2{ position:fixed; top:90px; left:0px; z-index:1;}
.cpli{padding-top:50px; padding-bottom:50px; clear:both;}
.cpli .more{ text-align:center; line-height:40px; clear:both; padding-top:20px;}
.cpli .more a{ display:inline-block; background-color:#0066CC; padding-left:30px; padding-right:30px; color:#FFFFFF; margin-left:5px; margin-right:5px;}
.cpli .more a:nth-child(2){ background-color:#eeeeee; color:#0066CC}
.cpli:nth-child(2n){ background-color:#f5f5f5; }

.cpli .hh1{ text-align:center; font-size:28px;}
.cpli .hh2{ text-align:center; font-size:12px; color:#666666;}
.cpli .h2{text-align:center; font-size:16px;color:#333;}
.cpli:nth-child(2n+1) .hh2{ color:#888888;}
.cpli *{ max-width:100%;}
.cpli .econtent{ padding-top:20px; clear:both; line-height:1.5; clear:both; }
.cpli .econtent .hc{ color:#555555;}

.cpjs .econtent .hc{ font-size:16px; text-align:center;max-width:1000px; margin-left:auto; margin-right:auto;}
.cpjs .hh1{ font-size:36px;}

.cpli .econtent ul.ul,.cpli .econtent ul.ull{ clear:both; padding-top:20px;}
.cpli .econtent ul.ull li{ width:23%; margin-left:1%; margin-right:1%; float:left; text-align:center;padding:20px;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 	line-height:1.5; background-color:#eeeeee; color:#333333; margin-bottom:10px; margin-top:10px; background-color:rgba(255,255,255,0.9);}
.cpli .econtent ul.ull a{ display:block}
.cpli .econtent ul.ull.ul5 li{width:18%;}

.cpli:nth-child(2n+1) .econtent ul.ull.ul5 li{background-color:#eeeeee;}

.cpli .econtent ul.ull li .ico{ clear:both;}
.cpli .econtent ul.ull li .ico i{ font-size:48px; color:#999999;}
.cpli .econtent ul.ull li .t1{ font-size:24px; clear:both}
.cpli .econtent ul.ull li .t2{ color:#666666; padding-top:10px; line-height:1.5; min-height:3em; }
.black{background-color:#242933;color:#FFFFFF;}

.cpli .econtent ul.ull li:hover,.cpli:nth-child(2n+1) .econtent ul.ull.ul5 li:hover{background-color: #2386EE;}
.cpli .econtent ul.ull li:hover .t1{ color:#FFFFFF}
.cpli .econtent ul.ull li:hover .t2{ color:#dddddd}
.cpli .econtent ul.ull li:hover .ico i{ font-size:48px; color:#ffffff;}
.cpli .econtent ul.ul li,.cpli .econtent ul.ul3 li{
	float:left;
	width:48%;
	margin-left:1%;
	margin-right:1%;
	background-color:#FFFFFF;
	margin-bottom:20px;
	padding:20px;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 	line-height:1.5;
	border: 1px solid #eeeeee;border-radius:5px; cursor:pointer;
}

.cpli .econtent ul.ul3 li{ width:31%;}
.cpli:nth-child(2n+1)  .econtent ul.ul li{ background-color:#f7f7f7;}
.cpli .econtent ul.ul li:nth-child(2n+1){ clear:both;}
.cpli .econtent ul.ul3 li:nth-child(2n+1){ clear:none;}
.cpli .econtent ul.ul3 li:nth-child(3n+1){ clear:both;}
.cpli .econtent ul.ul li a{ display:block;}
.cpli .econtent ul.h160 li{ min-height:200px;}
/*.cpli .econtent ul.ul li{ min-height:160px;}*/
.cpli .econtent+.hh1,.cpli .more+.hh1{ padding-top:50px; clear:both}

.cpli .econtent ul.ul li .t1{ font-size:18px;}
.cpli .econtent ul.ul li .t2{ color:#666666; padding-bottom:10px;}
.cpli .econtent ul.ul3 li .t2{ padding-top:5px;}
.cpli .econtent ul.ul li .t3{ font-size:12px; color:#999999; min-height:4.5em; max-height:4.5em;}

.cpli .econtent ul.ul li .ico .hover{ display:none}

.cpli .econtent ul.ul li:hover .ico .hover+img{ display:none}
.cpli .econtent ul.ul li:hover .ico .hover{ display:inline-block;}

.cpli .econtent ul.ul li .ico{ float:left}
.cpli .econtent ul.ul li .iconfont{ font-size:36px; color:#999999}
.cpli .econtent ul.ul li .ico+div{ margin-left:60px;}

.cpli .econtent ul.ul li .ico img{ max-width:100%;}

.cpli .econtent ul.ul li a:hover{
	color: #FFFFFF;
	background-color: #2386EE;
}
.cpli .econtent ul.ul li a:hover .t3{color:#ffffff}
.cpli .econtent ul.ul li a:hover .t2{color:#ffffff}
.cpli .econtent ul.ul li a:hover .iconfont{ color:#ffffff}

.cpli .econtent ul.pad li{ padding:0px; overflow:hidden;}
.cpli .econtent ul.pad li a{padding:20px; display:block;}
.cpli .econtent ul.pad li a .ico i{ color:#3399FF; font-size:48px; line-height:50px;}
.cpli .econtent ul.pad li a .ico+div{ margin-left:70px;}

.cpli .econtent ul.ul3 li a .ico img{ max-width:80px;}
.cpli .econtent ul.ul3 li a .ico+div{ margin-left:100px;}

.cpli .econtent ul.ul4{ max-width:1000px; margin-left:auto; margin-right:auto;}
.cpli .econtent ul.ul4 li a .ico img,.cpli .econtent ul.ul4 li  .ico img{ max-width:80px;}
.cpli .econtent ul.ul4 li a .ico+div,.cpli .econtent ul.ul4 li  .ico+div{ margin-left:100px;}

.cpli.blue{background-color: #2386EE;/* background-color:#242933;*/}
.cpli.blue .hh1{ color:#FFFFFF}
.cpli.blue .hh2{ color:#FFFFFF; color:rgba(255,255,255,0.8);}
.cpli.blue .more a:hover{ background-color:#FF9900}

.cpli.youshi .econtent ul.ul li .t2 { min-height:3em;}
.cpli.youshi .econtent ul.ul,.cpli.sale .econtent ul.ul{ max-width:1000px; margin-left:auto; margin-right:auto;}

.fangan .cpli .econtent .ul li{border-radius:0px; border:none;}
.fangan .cpli .econtent .ul li .t1{ margin-bottom:10px;font-size: 22px;
color: #061928; position:relative; padding-bottom:5px;}
.fangan .cpli .econtent .ul li .t1:after{ content:''; background-color:#0066CC; background-color:rgba(0,102,204,0.8); height:3px; width:2em; left:0px; bottom:0px; position:absolute;}
.fangan .cpli .econtent .ul li .t2{color: #636a72;min-height:6em;}
.fangan .cpli.bg:nth-child(2){color:#ffffff; background-color:#242933; padding-top:80px; padding-bottom:80px;}
.fangan .cpli.bg:nth-child(2) .hh1{ color:#ffffff;}
.fangan .cpli.bg:nth-child(2) .econtent .ul li{
	background-color:rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.2); color:#FFFFFF;border-radius:0px; 
}
.fangan .cpli.bg:nth-child(2) .econtent .ul{max-width:100%;}
.fangan .cpli.bg:nth-child(2) .econtent .ul li .t1{ color:#ffffff; }
.fangan .cpli.bg:nth-child(2) .econtent .ul li .t1:after{background-color:#FF9900;}
.fangan .cpli.bg:nth-child(2) .econtent .ul li .t2{ color:rgba(255,255,255,0.5); }
.fangan .cpli.bg:nth-child(2) .more a{ background-color:#FF9900; /*background-color:rgba(255,153,0,0.8);*/}
/*.cpli.blue .econtent ul li{ background-color:rgba(255,255,255,0.95);}*/
/*左右排版*/
.aboutcp{ padding-top:30px; padding-bottom:30px;}
.aboutcp .h1{ text-align:center; font-size:36px;}
.aboutcp .h1 b{
	font-weight: lighter;
}
.aboutcp .h1 i{
	font-style: normal;
}
.aboutcp .hc{ font-size:16px; text-align:center; line-height:1.5; padding-top:10px; padding-bottom:50px;}

/*.cpin .cpli{ background-color:#ffffff; }
.cpin .cpli:nth-child(2n){ background-color:#f5f5f5; }*/
.cpli{padding-top:50px; padding-bottom:50px; clear:both;}
.cpin .cpli .img{ float:left; max-width:780px; overflow:hidden;border-radius:5px; overflow:hidden;}
.cpin .cpli .img+div{ float:right; /*width:400px;*/width:calc(100% - 800px);}
.cpin .cpli .right{
	float:left;
	font-size: 16px;color:#252B3A
}
.cpin .cpli:nth-child(2n) .img{ float:right; text-align:right;}
.cpin .cpli:nth-child(2n) .right{ float:left;}
.cpin .cpli .right .title{
	font-size:28px; line-height:1.2; padding-bottom:10px;
/*	font-weight: bold;*/
}
.cpin .cpli .right .hc{ line-height:1.5; }
.cpin .cpli .right .hc h2{
	font-size:20px;
	font-weight: lighter;
}
.cpin .cpli .right .more{ text-align:left;}
.cpin .cpli .right ul{ padding-top:10px;}
.cpin .cpli .right ul li{
	list-style-type: square;
	list-style-position: inside;
	list-style-image: url(dui1.png); padding-top:5px; padding-bottom:5px;
}


.cpli:nth-child(2n).yyin .econtent .picli{background-color:#ffffff;}
.cpli:nth-child(2n+1).casein .econtent .picli{background-color:#f5f5f5;}
/*.youshi .econtent ul li .ico{ line-height:60px;}*/

/*.appin .econtent ul{background-color:#0066CC; float:left; width:100%;}*/

.jgyun .cpli.cpjs:nth-child(2) .econtent ul li:nth-child(2) .t2{ min-height:4.5em;}

.appin .econtent ul li{
	float:left;
	width:18%;
	margin-left:1%;
	margin-right:1%;
/*	background-color:#FFFFFF;*/
	margin-bottom:20px;
	padding:20px;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; 	line-height:1.5;
	/*border: 1px solid #eeeeee;*/border-radius:5px; cursor:pointer;
	display: flex;
    justify-content:center;
    align-items:center; 
	
	min-height:100px; /*font-size:16px; */color:#333333; background-color:#2386EE; color:#FFFFFF
}


.sale .econtent ul li .ico+div{line-height:50px;color:#333333;font-size:18px;}

.casein .econtent .piclis{ float:left; width:48%; margin-left:1%; margin-right:1%;  background-color:#ffffff; margin-top:20px; margin-bottom:20px;}
.casein .econtent .piclis .imgs{ overflow:hidden; max-height:200px; }
.casein .econtent .piclis .imgs a{ display:block; width:100%; position:relative;}
.casein .econtent .piclis .imgs a:after{ content:''; background-color:rgba(0,0,0,0.2); position:absolute; top:0px; left:0px; width:100%; height:100%;}
.casein .econtent .piclis .imgs a:hover:after{ background-color:rgba(0,0,0,0.1); }
.casein .econtent .piclis .imgs img{ width:100%;}

.casein .econtent .piclis:nth-child(2n+1){ margin-left:0px; clear:both}
.casein .econtent .piclis:nth-child(2n){ margin-right:0px; float:right}
.casein .econtent .piclis .right{ padding:20px; line-height:1.5;}
.casein .econtent .piclis .ntitle{ font-size:20px;padding-left:15px; position:relative;}
.casein .econtent .piclis .ntitle:before{ content:'';	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #0066CC; height:20px; left:0px; top:50%; margin-top:-10px; position:absolute; }	
.casein .econtent .piclis .dp{ font-size:14px;margin-top:10px; color:#666666; max-height:3em; overflow:hidden;}
.casein .econtent .piclis .ntitle .sort{ display: none;}
.casein:nth-child(2n+1) .econtent .piclis{ background-color:#f5f5f5;}






.yyin .econtent .piclis{ float:left; width:32%; margin-left:1%; margin-right:1%; margin-top:20px; margin-bottom:20px; background-color:#f5f5f5;}
.yyin:nth-child(2n) .econtent .piclis{ background-color:#ffffff;}
.yyin .econtent .piclis .imgs{ overflow:hidden; background-color:#0066CC; position:relative; /*max-height:455px; min-height:455px;*/}
.yyin .econtent .piclis .imgs .title{ position:absolute; z-index:2; top:0px; left:0px; width:100%; height:100%; float:left; font-size:24px; color:#ffffff; color:rgba(255,255,255,0.9);}
.yyin .econtent .piclis .imgs a{ display:block; width:100%; position:relative;}
.yyin .econtent .piclis .imgs img{ width:100%;}
.yyin .econtent .piclis:nth-child(3n+1){ margin-left:0px; clear:both}
.yyin .econtent .piclis:nth-child(3n){ margin-right:0px; float:right}
.yyin .econtent .piclis .right{ padding:20px; line-height:1.5;}
.yyin .econtent .piclis .ntitle{ font-size:20px;padding-left:15px; position:relative;}
.yyin .econtent .piclis .ntitle:before{ content:'';	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #0066CC; height:20px; left:0px; top:50%; margin-top:-10px; position:absolute; }	
.yyin .econtent .piclis .dp{ font-size:14px; margin-top:10px;color:#666666; max-height:3em; overflow:hidden;}
.yyin .econtent .piclis .ntitle .sort{ display: none;}



.aboutli{ clear:both; padding-top:50px; padding-bottom:50px;}

.aboutli *{ max-width:100%;}
.aboutli:nth-child(2n){ background-color:#f5f5f5; }
.aboutli .title{ text-align:center; font-size:32px; position:relative;}
.aboutli .title:before{ content:''; position:absolute; left:50%; width:2em; margin-left:-1em; bottom:0px; height:3px; background-color:#0066CC; float:left;}
.aboutli .about94{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
} 
.aboutli .about93 .picli{ float:left; width:14.66666666%; margin-left:1%; margin-right:1%; margin-top:20px; margin-bottom:20px;}
.aboutli .about93 .picli:nth-child(6n+1){ clear:both;}

.aboutli .about96 .picli{ float:left; width:31.333%; margin-left:1%; margin-right:1%; margin-top:20px; margin-bottom:20px;}
.aboutli .about96 .picli:nth-child(6n+1){ clear:both;}

.aboutli .hc{ font-size:16px;}

.aboutli .econtent{ margin-top:30px;}
.aboutli .picli .img{ overflow:hidden;}
.aboutli .about94 .econtent{

	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd; margin-top:20px; overflow:hidden;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
.aboutli .about94 .picli{
	float:left;
	width:20%;
	margin-top: -1px;
	margin-left: -1px;
	overflow:hidden;
	min-height:100px;
	max-height:100px;
	text-align:center;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-left-color: #dddddd; overflow:hidden; background-color:#FFFFFF;
}
.aboutli .about94 .picli .img{ overflow:hidden;}
.aboutli .about94 .picli img{ max-width:100%;}
.aboutli .about94 .picli .ntitle{ display:none}

.lxin{ text-align:center} 
.lxin ul{ width:1000px; margin:auto; text-align:center;}
.lxin ul li{ width:200px;background-color:#2386EE/*#242933*/; color:#FFFFFF; display:inline-block; padding:20px; margin:20px; text-align:left; float:left;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.lxin ul li:hover{ background-color:#2386EE}
.lxin ul li .t1{ font-size:18px; font-weight:bold; position:relative;}
.lxin ul li .t1:before{content:''; position:absolute; left:0%; width:2em;; bottom:0px; height:3px; background-color:#ffffff;background-color:rgba(255,255,255,0.8); float:left;}
.lxin ul li .t2{ min-height:6em; line-height:1.5; font-size:16px; margin-top:15px; color:rgba(255,255,255,0.9);}
.aboutlx{ padding-bottom:0px;}
.aboutlx  .lxin{ padding-bottom:20px;}
.aboutlx .showmap iframe{ min-height:300px;}

/*详细页*/
#cms1{ /*background-color:#f7f7f7;*/ margin-top:20px; padding:10px; color:#000000}
#cms1 .h1{
	line-height:1.5;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
#cms1 *{ max-width:100%;}
#cms1 .info{ padding-bottom:10px; padding-top:10px; color:#999999; font-size:12px; line-height:20px; }
#cms1 .info i{ margin-right:3px; float:left}
#cms1 .info span{ float:left; margin-right:5px;}
#cms1 .nextpage{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; clear:both; margin-top:20px;
}
/*客服*/
.float0831 {
	POSITION: fixed; TOP:100px; RIGHT: 1px; _position: absolute; z-index:23;
}
.float0831 A {
	COLOR: #00a0e9
}
.float0831 A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left; 
}
.float0831 .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
	BACKGROUND: url(kefu/float_bg.gif)
}
.float0831 .tp {
	BACKGROUND: url(kefu/float_bg.gif)
}
.float0831 .cn {
	BACKGROUND: url(kefu/float_bg.gif)
}
.float0831 .floatR {
	PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px
}
.float0831 .cn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .titZx {
	BACKGROUND: url(kefu/float_s.gif) no-repeat
}
.float0831 .titDh {
	background-image: url(kefu/float_s.gif);
	background-repeat: no-repeat;
}
.float0831 .titDc {
	BACKGROUND: url(kefu/float_s.gif) no-repeat
}
.float0831 .icoZx {
	BACKGROUND: url(kefu/float_s.gif) no-repeat
}
.float0831 .icoTc {
	BACKGROUND: url(kefu/qqlianxi.gif) no-repeat
}
.float0831 .icoFf {
	BACKGROUND: url(kefu/float_s.gif) no-repeat
}
.float0831 .icoTl {
	BACKGROUND: url(kefu/float_s.gif) no-repeat
}
.float0831 .btnOpen {
	BACKGROUND: url(kefu/float_s.gif) no-repeat
}
.float0831 .btnOpen_n {
	BACKGROUND: url(kefu/float_s.gif) no-repeat
}
.float0831 .btnCtn {
	BACKGROUND: url(kefu/float_s.gif) no-repeat
}
.float0831 .titZx {
	BACKGROUND-POSITION: 5px -20px
}
.float0831 .titDh {
	BACKGROUND-POSITION: 5px -76px
}
.float0831 .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
	BACKGROUND-POSITION: 0px 8px
}
.float0831 .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
	PADDING-LEFT: 20px;
	DISPLAY: block;

	BACKGROUND-POSITION: 2px -266px;
	FLOAT: left;
	color: #999999;
}
.float0831 .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 45px; LEFT: 2px
}
.float0831 .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 45px; LEFT: 2px
}
.float0831 .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 45px; LEFT: 2px
}
/*.float0831 .btnOpen {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnOpen_n {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
	TOP: 118px; LEFT: 2px
}*/
.float0831 UL LI H3.titDc11 A {
	WIDTH: 100%;
	DISPLAY: block;
	HEIGHT: 36px;
	color: #FF6600;
	text-align: center;
	float: left;
}
.float0831 UL LI.top {
	BORDER-BOTTOM: #ace5f9 1px solid
}
.float0831 UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}

.bgs{
	/*background-color:rgba(0,0,0,0.3);*/
/*	position:fixed;
	z-index: 2;
	height: 100%;
	width: 100%;
	top: 0px;*/
}	
.bgs .syzx{
	position:fixed;
	float:left;
	left:50%;
	top:50%;
	margin-top:-110px;
	margin-left:-171px;
	border-radius:3px;

	width: 320px;
	border: 1px solid #eeeeee;
	background-color: #FFFFFF;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	background-color:rgba(255,255,255,0.95);
	padding: 10px;
	overflow: hidden; z-index:22222;
}
.bgs .syzx >div{
	float:left;
	width:100%;
	position: relative;
}
.bgs .syzx .close{border-radius:100%;
	position: absolute;
	top: -10px;
	right: -10px;
	line-height: 20px;
	float: right;
	height: 20px;
	width: 20px;
	text-align:center;
	background-color:#FFFFFF;
	border: 1px solid #eeeeee; cursor:pointer; color:#666666
}
.bgs .syzx .msg{color: #333333;
	font-size: 16px; text-align:center}
.bgs .syzx .msg .h1{ font-size:22px}
.bgs .syzx .msg .h1 span{
	color: #FF6600;
}
.bgs .syzx .msg .h2{color: #0066CC; font-size:20px}	
.bgs .syzx .tel{
	color: #333333;
	font-size: 16px; clear:both; padding-top:10px; padding-bottom:10px; text-align:center;
}
.bgs .syzx .tel span{
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;color:#0066CC;
}
.bgs .syzx .btn{ clear:both; padding-bottom:10px; padding-top:10px; line-height:45px; text-align:center;}
.bgs .syzx .btn a{
	border-radius:3px;
	display:inline-block;
	background-color: #0066CC;
	padding-left:20px;
	padding-right:20px;
	margin-right:10px;
	color:#FFFFFF;
	font-size: 18px;
	margin-left: 10px;
}
.bgs .syzx .btn a.a1{
	background-color: #FF9900;
}
.bgs .syzx .btn a.a3{ display:none}


/*华为云*/
.hwy{
	background-image: url(hwybg.png);
	background-repeat: no-repeat;
	background-position: center top;  color:#FFFFFF; padding-top:100px; padding-bottom:100px; line-height:1.2;
}
.hwy .h1{ font-size:36px; padding-bottom:30px;}
.hwy .h2{ font-size:20px; padding-bottom:10px;}
.hwy .h3{ font-size:16px;}
.hwy .more{ padding-top:30px; line-height:50px; font-size:18px;}
.hwy .more a{ display:inline-block; background-color:#FFFFFF; padding-left:20px; padding-right:20px;}
.hwy .more a+a{ margin-left:10px;}
.hwy .more a:hover{ background-color:#FFCC00; color:#ffffff}

.noimg .title{ font-size:28px}
.noimg .table td.first{ font-weight:bold;}
.noimg  .table td.thred,.noimg .table td.first,.noimg .table td.four{ text-align:center;}
.noimg  .table td.thred,.noimg .table td.four{ color:#00CCCC;}
.noimg .table tr td.second{
	color: #565D6D;
}
.noimg .table td{ padding:5px;}
.noimg .table tr:nth-child(1) td{ text-align:center; height:50px; font-size:18px; line-height:1.2;}
.noimg .table tr:nth-child(1) td:nth-child(3){ background-color:#00CCCC; color:#FFFFFF;}
.noimg .table tr:nth-child(1) td:nth-child(4){ background-color:#0099FF; color:#FFFFFF;}
.noimg .table tr:nth-child(2n) td.second,.noimg .table tr:nth-child(2n) td.thred,.noimg .table tr:nth-child(2n) td.four{ background-color:#F8FAFC}


ul.pul{}
ul.pul.ul4 li{ width:21%; float:left; text-align:center; padding-left:2%; padding-right:2%; margin-bottom:15px; margin-top:15px;}

ul.pul.ul4 li:nth-child(4n+1){ clear:both;}
ul.pul.ul3{ margin:auto; max-width:1000px;} 
ul.pul.ul3 li{ width:29.33%; float:left; text-align:center; padding-left:2%; padding-right:2%; margin-bottom:15px; margin-top:15px;}

ul.pul.ul3 li:nth-child(3n+1){ clear:both;}

ul.pul li .ico img{ max-width:80px;}
ul.pul li .t1{ font-size:18px; font-weight:bold; padding-top:10px; padding-bottom:10px;}
ul.pul li .t2{ font-size:14px}

.cpli{ clear:both}
.cpli .hh1+.clear{ min-height:30px;}





























.jobli ul li{background: #f8f8fa; float:left; width:49%; margin-bottom:10px;}

.jobli ul li:nth-child(2n){ float:right}
.jobli ul li:nth-child(2n+1){ float:left; clear:both}
.jobli ul li .title{
	font-size:18px;
	padding:10px;
	position: relative; font-weight:bold; color:#666666
}
/*.jobli ul li .title:after{ content:'>'; position:absolute;top:10px; right:10px; color:#999999}*/




.jobli ul li .title:after{
content: '';
position: absolute;
right: 4px;
top: 15px;
z-index: 100;
width: 0;
height: 0;
border-width: 7px;
border-style: solid;
border-color: transparent transparent transparent #c0c4cc;

}
.jobli ul li .title:before{
content: '';
position: absolute;
right: 6px;
top: 15px;
z-index: 101;
width: 0;
height: 0;
border-width: 7px;
border-style: solid;
border-color: transparent transparent transparent #f6f7ff;

}




.jobli ul li.hover .title:after{
content: '';
position: absolute;
right: 8px;
top: 20px;
z-index: 100;
width: 0;
height: 0;
border-width: 7px;
border-style: solid;
border-color:  #ffffff  transparent transparent transparent;

}
.jobli ul li.hover .title:before{
content: '';
position: absolute;
right: 8px;
top: 18px;
z-index: 101;
width: 0;
height: 0;
border-width: 7px;
border-style: solid;
border-color: #ff9000 transparent transparent transparent;

}



.jobli ul li.hover .title{ background-color:#ff9000; color:#FFFFFF; }

.jobli ul li .dp{ padding:10px; display:none}
.jobli ul li .dp .t{
	font-size:16px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #111111; padding-bottom:10px; padding-top:10px;
}
.jobli ul li .dp .d{ padding-top:10px; color:#666666}