@charset "utf-8";
/* CSS Document */
/*warp*/
.warp{ width:1200px;margin:auto;}
/*商品分类*/
.sidebar{width:190px; border:1px solid #d8d8d8; float:left; height:340px;}
.sidebar h2{ background:#ef902a;color:#fff;font-size:14px;line-height:21px;padding:10px 10px 7px; padding-left:10px;}
#menu li{float:left;width:166px;display:block;padding-left:24px;position:relative; line-height:50px;border:none; z-index:99;background:url(../images/jiantou.png)   170px   no-repeat}
#menu li:hover{ background:#fafafa;}
#menu li a{font-size:14px;color:#3B4053;display:block;outline:0;text-decoration:none;padding:5px 0; font-family:"方正黑体"}
#menu li:hover a{ color:#666;}


.dropdown_4columns{	margin:6px auto;float:left;position:absolute;left:-1000em;text-align:left;border:1px solid #d8d8d8;background: #fafafa;padding:5px 0 10px; border-left:none}

#menu li:hover .dropdown_4columns{left:190px;top:-6px;}
.col_1{width:150px;display:inline;float: left;position: relative;margin:0; }

#menu h3{font-size:16px;font-weight:bold;color:#3B4053;margin:4px 0;line-height:21px;font-size:12px;text-align:center;font-family:"方正黑体"}


#menu li:hover div a{font-size:12px;color:#003366; line-height:30px;}
#menu li:hover div a:hover{color:#090;}
#menu li ul{list-style:none;padding:0;margin:0;}
#menu li ul li{font-size:12px;line-height:21px;position:relative;padding:0 0 0 20px;text-align:left;width:120px;}
#menu li ul li a{font-size:12px; border-bottom:1px dashed #d8d8d8;}


/*图片轮播*/

/* constructor */
.zxx_constr { width: 1000px; margin-left:195px;}
.zxx_logo { position: absolute; top: 0; margin-top: 14px; }
.zxx_author_time { float: right; margin-top: 40px; color: #999; font-family: tahoma; }
.zxx_api { width: 40px; height: 40px; line-height: 40px; font-size: 15px; font-family: tahoma; text-align:center; overflow: hidden; position: fixed; _position: absolute; right: 0 ; top: 0; color: #fff; background-color: #34538b; background-color: rgba(0,0,0,0); *background-color: #34538b; }
.zxx_api::before { content: ''; width: 80px; height: 80px; border-radius: 80px; background-color: #34538b; position:absolute; right: -40px; top: -40px;}
.zxx_api::after { content: 'API'; position: absolute; top: -4px; left: 14px; }
.zxx_api:hover::before { background-color: #cd0000; }
.zxx_nav { border-top: 2px solid #0b63c6; background-color: #1161ba; }
.zxx_nav_ul { width: 100%; overflow: hidden; font-size: 14px; font-weight: bold;  }
.zxx_nav_li { float: left;}
.zxx_nav_a { display: block; padding: 10px 25px; color: #fff;  text-decoration: none; }
.zxx_nav_on { background-color: #fff; box-shadow: inset 1px 1px #ccc; color: #333;}
.zxx_nav_sp { float: right; margin-top: 5px; font-size: 12px; white-space: nowrap; }
.zxx_rbtn, .zxx_gbtn{display:inline-block; padding:5px 20px; color: #fff; font-weight:bold; text-decoration: none; vertical-align: middle;}
.zxx_rbtn{background-color: #cd0000;}
.zxx_gbtn{background-color: green;}
.zxx_rbtn:hover, .zxx_gbtn:hover{text-decoration:none; color:#fff;}
.zxx_btn:active, .zxx_gbtn:active{box-shadow:inset 0 2px 3px rgba(0,0,0,.35); padding-top:6px; padding-bottom:4px;}

.jd_body {
	
	height: 370px;
	overflow: hidden;
}
.jd_body img {
	vertical-align: bottom;
}
.jd_ad_slide {
	width: 1010px; height: 340px;
	float: left;
	position: relative;
} 
.jd_ad_img {
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	display: none;
}
.jd_ad_btn {
	position: absolute; top:310px; right:15px; z-index:99;
}
.jd_ad_btn_a {
	width: 22px; height: 22px;
	line-height: 22px;
	margin-right: 5px;
	text-align: center;
	border-radius: 12px;
	background-color: #999;
	color: #fff;
	float: left;
}
.jd_ad_btn_a:hover {
	text-decoration: none;
}
.jd_ad_btn .active {
	background-color: #ef902a;
}
.jd_service {
	width: 310px;
	padding-top: 230px;
	float: right;
}
.jd_nav_x {
	height: 30px;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.js_nav_a {
	width: 25%; *width: 24.9%;
	line-height: 20px;
	padding: 5px 0;
	text-align: center;
	font-size: 14px; font-family: 'microsoft yahei';
	float: left;
}
.jd_nav_x .active {
	color: #E4393C;
}
.jd_service_con {
	height: 136px;
	border: 1px solid #f1f1f1; border-top: 2px solid #aaa;
	position: relative;
}
.jd_service_img {
	position: absolute;
	display: none;
}
.jd_point_line {
	position: absolute; top: -2px; left: 0; z-index: 1;
	width: 25%;
	border-bottom: 2px solid #E4393C;
	text-align: center;
}
.jd_point_cor {
	position: absolute; bottom: 0; left: 50%;
	width: 0; height: 0;
	margin-left: -5px;
	border-style: dashed dashed solid; border-width: 5px; border-color: transparent transparent #E4393C;
	overflow: hidden;
}
/*最新产品*/
.products{ width:1200px;}
.products h3{ float:left; font-family:"方正黑体"; font-size:22px; font-weight:normal; margin-bottom:10px;}
.products .more{ float:right; color:#666;font-family:"方正黑体"; font-size:14px; }
.products .more:hover{ color:#0C0;}
.products ul { margin-top:10px;overflow:hidden}
.products ul li{ width:230px; height:280px; float:left; border:1px solid #d8d8d8; margin:4px;
}
.products ul li img{ margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}
.products ul li p{ font-family:"方正黑体";  font-size:14px; color:#000; text-align:center;padding:5px;}
.products ul li p span{ font-size:12px; color:#666; padding-top:5px; 
width:200px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis; display:block; margin:auto}
.products ul li strong{ color:#F00}
.products ul li:hover{ border:1px solid #0C0;}
/*技术服务*/
.jsfu{ width:240px;  float:left; border:1px solid #d8d8d8; margin-top:20px;}
.jsfu h3{ background:#ef902a; font-family:"方正黑体";  font-size:16px; font-weight:normal; line-height:35px; color:#FFF; padding-left:8px;}
.jsfu .left{ font-size:12px; color:#666; line-height:30px; }
.jsfu .left li{ width:240px; border-bottom:1px solid #f2f2f2; background:url(../images/jiantou2.png)   210px   no-repeat}
.jsfu .left li a{padding-left:20px; color:#666;display:block }
.jsfu .left li:hover{ background:#f8f8f8}

/*最新资讯*/
/*css3*/
.he_border1{background:#fe7253;width:176px;height:105px;padding:0;margin:0; margin-right:10px;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; float:left; }
.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border1 .he_border1_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border1 .he_border1_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0;}
.he_border1:hover .he_border1_caption_p{top:40%;opacity:1; font-family:"方正黑体"; color:#FFF; font-size:14px;}
/*css3 end*/

.news{ width:690px; height:282px; border:1px solid #d8d8d8;float:left; margin-top:20px; margin-left:7px;}
.news h3{ background:#f2f2f2; font-family:"方正黑体";  font-size:16px; font-weight:normal; line-height:35px; color:#666; padding-left:10px;}
.news h3 label{ float:right; padding-right:10px;}
.news h3 label a{ color:#666}
.news h3 label a:hover{ color:#090}
.news .list{ width:650px; height:110px; margin:10px; }
.news .list big a{ font-family:"方正黑体";  font-size:16px; font-weight:normal;color:#000; }
.news .list big  a:hover{ color:#090;}
.news .list label{ font-size:12px; color:#666; }
#txt{  font-size:12px; color:#666; line-height:22px;width:450px;
overflow:hidden;
/*white-space:nowrap;*/
text-overflow:ellipsis;
-o-text-overflow:ellipsis;-webkit-line-clamp:2;}
.news .list p label{line-height:35px;}
.news .new li{ line-height:30px; border-bottom:dashed 1px  #d8d8d8; width:100%;}
.news .new li:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #666;
    border-radius: 50%;
	margin-right:8px;
	margin-bottom:2px;
}
.news .new li span{ float:right}
.news .new li  a{ font-size:12px; color:#666; list-style-type:disc; }
.news .new li  a:hover{ color:#090;}
/*促销*/
.cxhd{ width:250px; height:282px; float:right; margin-top:20px; border:1px solid #d8d8d8;}
.cxhd h3{ background:#f2f2f2; font-family:"方正黑体";  font-size:16px; font-weight:normal; line-height:35px; color:#666; padding-left:10px;}
.cxhd ul li{ margin-left:20px; line-height:30px;}
.cxhd ul li a{ font-size:13px; color:#666;}
.cxhd ul li a:hover{ color:#090}
.cxhd ul li:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #666;
    border-radius: 50%;
	margin-right:8px;
	margin-bottom:2px;
}