/* CSS Document */
.case-main{margin:50px 80px;}
.pro-rs-main{margin:30px auto;}
.l{ float:left;}
.w100{ width:100%; overflow:hidden}
.font20{ font-size:20px;}
.font12{ font-size:12px;}
.item-intro .btn ul li.download{ background:url(/company/Sweets.gif) -26px -4px no-repeat;}
.item-intro .btn ul li.view-spec{ background:url(/company/Sweets.gif) 0px -688px no-repeat;}
.feature span{ display:block; padding-left:84px; height:57px; line-height:57px; color:#333333; background:url(/company/feature_like.jpg) no-repeat;}
h1{ font-family:"microsoft yahei", Arial, simsun; color:#2c2c2c; font-weight:bold}
h2{ font-family:"microsoft yahei", Arial, simsun; font-weight:bold; color:#666; display:block; width:100%; height:35px; line-height:25px;  padding: 10px 5px 0px 10px;}
.line23{ line-height:23px;}
.mt26{ margin-top:26px;}
.mt60{ margin-top:20px;}
.ml60{ margin-left:30px;}
.mb31{ margin-bottom:15px; border-top:1px #d9d9d9 solid;}
.mr30{ margin-right:30px;}
.pl27{ padding-left:27px;}
.pb46{ padding-bottom:26px;}
.textindent{ text-indent:2em}
.w_47_5{ width:47.5%; height:auto; overflow:hidden;}
.w_30{ width:45%; height:140px; overflow:hidden;}
.mr_5{ margin-right:5%;}
.breadCrumb{ width:100%; height:35px; overflow:hidden; background-color:#f0f0f0; margin-top:10px;}
.bread-bd{ width:55%; height:35px;line-height:31px; margin:0 auto;  color:#9a9898;}
.bread-bd a{ color:#9a9898;}
.container{ width:1050px; height:auto; overflow:hidden; margin:0 auto;}
.main{ padding-top:15px;}
.item{ width:100%;overflow:hidden}
.item-bd{ padding-bottom:21px;  overflow:hidden}
.item-intro{ width:53%;}
.item-intro .title{ border-bottom:1px dashed #e0e0e0; padding:21px 0}
.item-intro .describe p{ color:#666666; font-family:"microsoft yahei", Arial, simsun; font-size: 14px;}
.item-intro .describe p span{ color:#cc0001}
.item-img{ width:40%; height:300px;}
.item-img img{ width:100%;}
.item-intro .btn ul li{ display:block; float:left; height:39px; line-height:39px;}
.item-intro .btn ul li.message{margin-left:0px;}
.feature , .feature-bd , .feature-main , .principle , .principle-bd , .principle-main , .fahuo , .fahuo-bd , .fahuo-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}
.fahuo ul li{ float:left; margin-right:45px;}
.fahuo ul li.end{float:right; margin-right:0;}
.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", Arial, simsun; line-height:21px; color:#666666; margin-top:8px; text-align:center;}
.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; padding-right: 20px; text-decoration: none;}
.case h2 a:hover{color:#ff0000;}
.pro-rs-bd ul li{ float:left; width:20%}
.pro-rs-bd ul li img{ width:185px; height:115px; border:2px solid #d9d9d9;}
.pro-rs-bd ul li p{ font-family:"microsoft yahei", Arial, simsun; font-size:14px; text-align:center; color:#666666; 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", Arial, simsun; color:#595757; line-height:35px;}
.feature-main > div{ float:left}
.feature p{color: #666666; font-family:"microsoft yahei", Arial, simsun; font-size: 14px; line-height:23px; padding:5px 0;}
.feature span{ display:block; padding-left:84px; height:57px; line-height:57px; color:#333333;}
.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: #666666; font-family:"microsoft yahei", Arial, simsun; font-size: 14px; line-height:24px; padding:6px 0;}
.principle p img , .principle p object{ float:right; margin-left:5%; width:45%;}
.parameter-main tr{ font-family:"microsoft yahei", Arial, simsun; color:#333333}
.parameter-main p{ font-family:"microsoft yahei", Arial, simsun; font-size: 16px; color:#333333; line-height:35px;}
.parameter-main table{ width:100%; border-spacing: 0; border-collapse: collapse;}
.parameter-main td{ text-align:center; padding:10px;}

.sidebar{ background-color:#333333; 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", Arial, simsun;  color:#fff; margin-left:40px; font-size:14px; cursor:pointer}
.sidebar-bd ul li.s-on{ color:#f12418}
 /*product_article patent*/
.patent-show{ padding-top:5px;}
.patent-show .cd-popup-trigger{padding-right:10px; float:left; color:#666666; line-height:18px; text-align:center; cursor:pointer;}
.patent-show .cd-popup-trigger img{width:140px;height:210px; padding-bottom:3px;}
.patent-show  p{ line-height:30px; padding-bottom:10px;}
.cd-popup{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999;}
.cd-popup.is-visible{opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{position: relative;padding:10px;width:438px;margin:200px auto;height:648px;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.cd-popup-close{position: absolute;right:-45px;top:-15px;z-index: 10;width:auto;height:1.25rem;display: block;font-size:14px; font-weight:bold; color:#000000;}
.is-visible .cd-popup-container{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}


p.listb{ text-indent:20px; margin-bottom:10px; line-height:30px; position:relative;}
.listb b{ position:absolute; left:0px; display:block; width:25px; height:25px; line-height:25px; text-align:center; text-indent:0; color:#fff; font-size:16px; font-weight:normal; z-index:14; border-radius:30px; background:#3399ff; font-family:"microsoft yahei", Arial, simsun;}
.listb strong{ font-size:14px; margin-bottom:10px; padding-left:15px;}
/*caishichang*/
.mi{ width:100%; height:450px;  margin:0px; padding:0px; font-size:26px; font-weight:bold;}
.title span{ width:800px; height:auto; padding-left:20px;}
.le{ width:80%; height:450px; float:left; margin-left:10px; margin-top:10px;}
.ri{ width:160px; height:400px; float:right; margin-right:10px; margin-top:70px; background:#f5f5f5;}
.letit{ width:98%; height:auto; padding:5px;}
.letit p{ font-size:14px; padding:5px 10px; font-weight:normal; text-indent:4em; line-height:30px;}
.pic{ width:40px; height:40px; float:left; position:absolute;}
.letit h4{ font-size:16px; font-weight:bold; position:relative; top:0px; left:65px;}
.lecon{  padding:10px 0px;}
.ri h4{ font-size:18px; padding:0px 40px;}
.pr-f{ float:left; width:46%;}
.pr-f a img{ width:100%;}
.pr-r{ float:right; width:46%;}
.pr-r a img{ width:100%;}
.pr-r h3{ padding:10px 0px 0px 0px;}
.pr-f h3{ padding:10px 0px 0px 0px;}

.product {
	width: 100%;
	margin: 0 auto;
	background-color: #f2f2f2;
	clear: both;
	margin-bottom: 20px;
}
.product .hd {
	width: 100%;
	border-bottom: #B6BAC0 1px solid;
	overflow: hidden;
}
.product .hd ul li.on {
	background-color: #e60717;
}
.product .hd ul li {
	float: left;
	width: 140px;
	margin-right: 3px;
	cursor: pointer;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	text-align: center;
	color: white;
	background-color: #666;
	margin-top: 2px;
}
.product .hd ul li a {
	display: block;
	height: 100%;
	color: #fff;
	text-decoration: none;
}
.product .hd ul li.on a {
	color: #fff;
}
.product .bd {
	width: 100%;
	overflow: hidden;
	clear: both;
	padding-top: 10px;
}
.product .bd ul {
	width: 100%;
	padding: 5px 0 20px 0;
	zoom: 1;
}
.product .bd li {
	float: left;
	width: 15%;
	padding: 10px;
	margin: 5px 15px;
	border: 1px solid #d3d3d3;
}
.product .bd li:hover {
	background: #e60717;
	color: #fff;
}
.product .bd li a {
	color: #c00;
	text-decoration: none;
}
.product .bd li a:hover {
	background: #e60717;
	color: #fff;
}
.product .bd li p {
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.product .bd li p:hover {
	color: #fff;
}
.item-img img {
	height: 300px;
	margin-left: 30px;
   margin-top:20px;
}
.case_detail_h3 {
	font-size: 28px;
	margin: 10px 0 0;
	background: url(/images/case_xq.png) left top no-repeat;
	border-bottom: #EA0001 4px solid;
	line-height: 51px;
	color: #fff;
	text-indent: 70px;
	height: 50px;
	margin-bottom: 20px;
}
.case_tit{
	text-align: center;
	background: url(/images/case_bg2.png) center bottom no-repeat;
	margin: 0 auto 30px;
	width: 140px;
	padding-bottom: 10px;
	overflow: hidden;
}
.case_tit h2{
    font-size: 34px;
    text-align: center;
    font-weight: 500;
    color: #333;
    margin: 0 auto;
   padding: 5px 0px 0px 0px;
}
.item-intro .describe p{
    padding: 0px 0px 15px 0px;
    font-size: 15px;
    line-height: 28px;
    font-family: Microsoft Yahei, "榛戜綋","Times New Roman";
    color:#555;
    }
.list_con1 {
    line-height: 28px;
    text-align: left;
    text-indent: 2em;
    margin-top: 35px;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #ccc;
    padding: 0 0 12px;
}
.list_con1 b {
    font-size: 18px;
    background: #dedede;
    display: block;
    padding: 5px 0;
    margin-bottom: 8px;
}
.list_con1 ul li {
    width: 48%;
    height: 26px;
    line-height: 26px;
    float: left;
    margin-left: 8px;
    text-align: left;
    margin-top: 5px;
    background: url(/images/zfx.jpg) 10px center no-repeat;
}
/*在线留言模块*/
.botsms{ width:100%; font-size: 14px; padding:5%; box-sizing:border-box; margin: 0px 0px 30px 0px; background-color: #fff;}
.botsms .tit{ width: 100%; background-color: #dd0000; text-align: left; margin: 20px auto 30px auto; height: 40px; line-height: 40px; font-size: 16px;}
.botsms .tit i{padding: 5px 10px; font-style: normal; color: #fff;}
.botsms .leftform{ width: 45%; float: left;}
.botsms p{ width: 100%;text-align: center; padding-bottom: 20px;}
.botsms ul li{ width:100%; overflow:hidden; padding:5px 0px;}
.botsms span{ width:20%; height:35px; line-height:35px; font-size: 14px; text-align:right; display:block; float:left;}
.botsms .textbox{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px;-webkit-appearance: none;}
.botsms .select{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px; background: none;}
.botsms .bssubmit{ width:30%; margin-left: 20%; color:#fff; background-color:#dd0000; padding:10px 0px; margin-top: 5px; border: none; -webkit-appearance: none;}
.botsms .smscontact{ width: 45%; padding-left: 10%; border-left: 1px solid #e7e7e7; box-sizing: border-box; margin-top: 45px; float: right;}
.botsms .smscontact dl,.botsms .smscontact dl dt,.botsms .smscontact dl dd{ padding: 0px; margin: 0px; list-style: none;}
.botsms .smscontact dl{ line-height: 30px;}
.botsms .smscontact dl dt{ font-size: 16px; font-weight: bold; padding-bottom: 10px;}
.botsms .smscontact dl dd .linkcustomer{ font-size: 12px; background-color: #454545; color: #fff; padding: 5px 30px; margin-top: 10px; line-height: 26px; display: block; float: left;}
.botsms .smscontact dl dd b{ color: #dd0000;}

@media screen and (max-width: 768px) {
    .main{ width: 100%;}
    .botsms .tit{ border-bottom: 1px solid #ddd; height: 10px; background-color: #fff; text-align: center; margin: 20px auto 30px auto; line-height: 22px; font-size: 16px;}
    .botsms .tit i{padding: 5px 10px; background-color: #fff; font-style: normal; color: #dd0000; font-weight: bold; font-size: 16px;}
    .botsms .leftform{ width: 100%; float: none;}
    .botsms .bssubmit{ width:100%; margin-left: 0px;}
    .botsms .smscontact{ display: none;}
}
/*在线留言模块结束*/