﻿@charset "utf-8";
/* CSS Document */

.w100{ width:100%; overflow:hidden}
.font20{ font-size:26px;}
.font12{ font-size:12px;}
h1{ font-family:'Microsoft YaHei'; color:#2c2c2c; font-weight:bold}
h2{font-family:'Microsoft YaHei'; font-weight:bold; color:#333333; display:block; width:100%; height:25px; line-height:25px;}
.line23{ line-height:23px;}
.l{ float:left;}
.r{ float:right;}
.mt10{ margin-top:10px;}
.mt26{ margin-top:26px;}
.mt60{ margin-top:30px;}
.ml60{ margin-left:60px;}
.mb31{ margin-bottom:31px;}
.mr30{ margin-right:30px;}
.pl27{ padding-left:27px;}
.pt31{ padding-top:31px;}
.pb46{ padding-bottom:46px;}
.textindent{ text-indent:2em}
.bt1px{ border-top:1px solid #118cd3;}
.w_47_5{ width:47.5%; height:auto; overflow:hidden;}
.w_30{ width:30%; height:auto; overflow:hidden;}
.mr_5{ margin-right:5%;}


.wrap{ width:100%; min-width:1200px; height:auto; overflow:hidden}
.breadCrumb{ width:100%; height:auto; overflow:hidden; background-color:#f0f0f0}
.bread-bd{ width:1200px; height:31px;line-height:31px; margin:0 auto;  color:#9a9898;}
.bread-bd a{ color:#9a9898;}
.container{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.main{ padding-top:35px;}
.item{ width:100%;overflow:hidden}
.item-bd{ padding-bottom:21px;  overflow:hidden}
.item-intro{ width:700px;float:right;}
.item-intro .title{ border-bottom:1px dashed #e0e0e0; padding:15px 0}
.item-intro .describe p{ color:#444;font-family: 'Microsoft YaHei';font-size: 14px;}
.item-intro .describe p span{ color:#cc0001}
.item-img{ width:500px;float:left;}
.item-img img{ width:100%;text-align:center;}
.item-intro .t400{  display: block;  height: 50px;  line-height: 48px; border-radius: 3px; font-size: 14px; text-align:center;}
.item-intro .t400 span{ font-size: 38px; font-style: italic; margin-left: 15px; color:#118cd3;}
.item-intro .btn {width:100%;text-align:center;height:50px; line-height:50px;padding: 10px 65px;}
.item-intro .btn ul{ width:80%;display:block; float:left; height:50px; line-height:50px;}
.item-intro .btn ul li{ display: block;  height: 50px;  line-height: 48px; border-radius: 3px; background: url(../images/cart.png) 30% center no-repeat;  background-color: #1686cc; font-size: 20px;  color: #fff;}
.item-intro .btn ul li a{  display: block;  height: 50px;  line-height: 48px; border-radius: 3px; background: url(../images/cart.png) 30% center no-repeat;  background-color: #1686cc; font-size: 18px;  color: #fff;}


.feature , .feature-bd , .feature-main , .principle , .principle-bd , .principle-main , .case , .case-bd , .case-main , .parameter , .parameter-bd , .parameter-main , .pro-rs , .pro-rs-bd , .pro-rs-main , .material , .material-bd , .material-main , .sidebar{ width:100%;overflow:hidden}
.case-bd .l , .case-bd .r{ width:48.08%}
.case-bd b{ font-size:14px; font-weight:normal; color:#333333; display:inline-block; margin:13px 0 7px;}
.case-bd p{font-family:'Microsoft YaHei'; line-height:21px; color:#444; margin-top:8px;}
.case-bd p span{ color:#333333;}
.case h2 a{ display:inline-block; float:right; line-height:25px; color:#595757; font-size:14px; font-weight:normal}
.pro-rs-bd ul li{ float:left; width:20%}
.pro-rs-bd ul li img{ width:230px; height:186px;}
.pro-rs-bd ul li p{ font-family:'Microsoft YaHei'; font-size:14px; text-align:center; color:#444; line-height:35px;}
.material-bd ul li{ float:left}
.material-bd ul li img{ width:175px; height:106px;}
.material-bd ul li p{text-align:center;font-family: 'Microsoft YaHei'; color:#595757; line-height:35px;}
.feature-main > div{ float:left}
.feature p{color: #444;font-family: 'Microsoft YaHei';font-size: 14px; line-height:23px; padding:5px 0;}
.feature span{ display:block; padding-left:84px; height:57px; line-height:57px; color:#333333; background:url(../images/feature_like.jpg) no-repeat;}
.feature span.feature-like-1{ background-position:left top}
.feature span.feature-like-2{ background-position:left -57px}
.feature span.feature-like-3{ background-position:left -114px}
.feature span.feature-like-4{ background-position:left -171px}
.feature span.feature-like-5{ background-position:left -228px}
.feature span.feature-like-6{ background-position:left -285px}
.feature span.feature-like-7{ background-position:left -342px}
.feature span.feature-like-8{ background-position:left -399px}
.feature span.feature-like-9{ background-position:left -456px}
.feature span.feature-like-10{ background-position:left -513px}
.feature span.feature-like-11{ background-position:left -570px}
.feature span.feature-like-12{ background-position:left -627px}
.feature span.feature-like-13{ background-position:left -684px}
.feature span.feature-like-14{ background-position:left -741px}
.feature span.feature-like-15{ background-position:left -798px}
.principle p{color: #444;font-family: 'Microsoft YaHei';font-size: 14px; line-height:23px; padding:5px 0; text-indent:2em}
.principle p img , .principle p object{ float:right; margin-left:5%;}
.parameter-main tr{ font-family:'Microsoft YaHei'; color:#333333}
.parameter-main p{font-family: 'Microsoft YaHei';font-size: 14px; color:#333333; line-height:35px;}

.sidebar{ background-color:#118cd3; position:fixed; top:-61px; z-index:2;
transition:All .2s ease;
-webkit-transition:All .2s ease;
-moz-transition:All .2s ease;
-o-transition:All .2s ease;}
.sidebar-bd{ width:1200px; height:auto; overflow:hidden; margin:0 auto; line-height:61px;}
.sidebar-bd h1{ color:#fff;}
.sidebar-bd ul li{ float:right;font-family:'Microsoft YaHei'; color:#fff; margin-left:40px; font-size:14px; cursor:pointer}
.sidebar-bd ul li.s-on{ color:#232736}




.flexslider {
	margin:20px auto;
	position: relative;
	width: 500px;
	height: 400px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 40px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 500px;
	height: 400px;
	display: block;
}



@media screen and (max-width:850px){
	#item-img{float:none;margin:0 auto;}
	#item-intro{float:none;margin:0 auto;}
	#mainList #mainInfo{float:none;margin:0 auto;max-width:960px;}
	#icon_num{left:40%;}
	#mainInfo .wuliaoimg{float:none;margin-left:80px;}
	#mainInfo .yingyong{max-width:700px;}
}