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

@import url(global.css);
.banner{position:relative; overflow:hidden;}
.banner .box{display:block;position:relative;z-index:1;left: 50%; margin: 0 auto 0 -960px;overflow: hidden; text-align: center; width: 1920px; z-index:10;}
.banner img{display:block;  width: 1920px; }

.main{width:1200px;height:auto;margin:50px auto; overflow:hidden;}

#left{width:300px; float:left; overflow:hidden;}
#right{width:850px; float:right; overflow:hidden;}

/***************#postion************************************/
#postion{height:45px; line-height:45px; text-align:right; color:#666666; border-bottom:1px dashed #cccccc;margin-bottom:24px; font-size:14px;}
#postion a{color:#666666}
#postion .home{ background:url(../images/minhome.png) no-repeat left center;padding-left:25px;}
#postion .hover{color:#00923f; font-weight:bold;}

/***************sider************************************/
.sider{width:300px;height:auto;}
.sider h2{height:58px; background:#00923f; border-bottom:4px solid #333333; line-height:60px; font-size:24px; color:#ffffff;padding-left:40px; overflow:hidden;}
.sider ul{background:#f6f6f6;}
.sider ul li{height:50px; line-height:50px; border-top:1px solid #a3a3a3; boder-bottom:#cc3737; }
.sider ul li a{ font-size:18px;  color:#666666;  display:block; padding-left:40px;}
.sider ul li a span{ float:right;margin-right:30px; font-size:18px;}
.sider ul .hover a{color:#00923f; }
.sider ul li a:hover{color:#00923f; }


/*********************question********************************/
.question{width:300px;height:auto;margin-top:30px;}
.question h2{height:60px; background:#333333; line-height:60px; font-size:24px; color:#ffffff;padding-left:40px; overflow:hidden;}
.question ul{ background:#f6f6f6;height:399px; overflow:hidden;}
.question ul li{height:49px; border-bottom:1px dashed #a3a3a3; line-height:50px;padding-left:40px; background:url(../images/lit.jpg) no-repeat 20px center; overflow:hidden; }
.question ul li a{ font-size:14px; display:block; color:#666666;}
.question ul li a:hover{ color:#00923f;}


/***********************contact***********************/
.contact{width:300px;height:auto;margin-top:30px;}
.contact .title img{width:300px;height:100px;}
.contact ul{ padding:20px 0px;background:url(../images/contact_bg.png) no-repeat left 15px top 28px;background-color:#f6f6f6;}
.contact ul li{line-height:28px;padding-left:40px; color:#333333; font-size:14px;}
.contact ul li span{color:#666666;}

/*********************#case*******************************/
#case{width:850px;height:auto; overflow:hidden;}
#case li{width:100%;margin-bottom:20px;}
#case li img{ display:block;width:100%;height:auto;}
#case div{height:70px;padding:0 40px; line-height:50px; background:url(../images/case_line.jpg) repeat-x left bottom; overflow:hidden;}
#case div h3{ font-size:18px; color:#666666;  float:left}
#case div span{ float:right; display:block;width:120px;height:50px; text-indent:20px; line-height:50px; color:#666666; font-size:14px; background:url(../images/more.png) no-repeat right 20px center; overflow:hidden;}
#case li a:hover div{ background:#00923f;}
#case li a:hover div h3{color:#ffffff;}
#case li a:hover div span{color:#ffffff;  background:url(../images/more2.png) no-repeat right 20px center;}


/*********************#list******************************/
#list{width:850px;height:auto; overflow:hidden;}
#list li{margin-bottom:20px; }
#list li a{ display:block;height:85px;padding:20px 45px; background:#f6f6f6;position:relative; overflow:hidden;}
#list h3{ font-size:16px; color:#333333; font-weight:normal;}
#list h3 b{ font-weight: normal; color:#00923f; margin-right:5px;}
#list p{ color:#666666; font-size:14px;margin-top:15px;}
#list span{ position:absolute;right:45px;top:20px;}
#list li a:hover{ background:#00923f;}
#list li a:hover h3{color:#ffffff;}
#list li a:hover h3 b{color:#cccccc;}
#list li a:hover p{color:#ffffff;}
#list li a:hover span{color:#ffffff;}



/*********************#picture******************************/
#picture{width:825px;padding-left:25px;height:auto;}
#picture li{width:250px;height:auto; float:left;margin-right:25px;}
#picture li img{ display:block;width:250px;height:250px;}
#picture li h6{ height:50px; line-height:50px; text-align:center; font-weight:normal; font-size:16px;}





/*********************#news******************************/
#news{width:850px;height:auto; overflow:hidden;}
#news li{height:154px; position:relative;margin-bottom:20px; border-bottom:1px dashed #d6d6d6;padding-bottom:20px;overflow:hidden;}
#news li img{ display:block;width:206px;height:154px; float:left;margin-right:30px; overflow:hidden;}
#news li h3{ font-size:16px; font-weight:normal; color:#333333;}
#news li h3 span{ font-size:14px; color:#cccccc; float:right;}
#news li p{ font-size:14px; color:#666666; line-height:24px;margin-top:30px;}
#news li .a{display:block; width:100px;height:24px; line-height:24px; text-align:center; font-size:14px; border:1px solid #d2d2d2;color:#888888; position:absolute; left:236px; bottom:20px;}
#news li .b{display:block; width:100px;height:25px; line-height:25px; text-align:center; font-size:14px; background:#00923f; color:#ffffff;position:absolute; left:366px; bottom:20px;}



/*******************article******************************/
.article{width:850px;height:auto; overflow:hidden;}
.article .title{ text-align:center;margin-bottom:30px;}
.article .title h2{ font-size:24px;color:#666666; font-weight:normal;margin-bottom:20px;}
.article .title span{ font-size:14px; color:#cccccc;}
.article .content{ font-size:16px; color:#666666; line-height:30px;}
.article .content p{margin-top:10px; text-indent:28px;}
.article .content img{max-width:850px;height:auto;margin:0 auto;}


/*----------上下文章分页page------------*/
.page{ width:100%; height:100%; overflow:hidden; padding:20px 0;border-top:1px dashed #dedede; border-bottom:1px dashed #dedede; margin:40px 0;}
.page span{ width:50%; display:block;font-size:16px; float:left; color:#666; }
.page span a{ padding-left:10px; }


/*******************COVER******************************/
.cover{width:850px;height:auto; font-size:16px; color:#666666; line-height:30px; overflow:hidden;}
.cover p{margin-top:10px; text-indent:28px;}
.cover img{max-width:850px;height:auto;margin:0 auto;}


/*******************运用案例******************************/
.case{width:850px;height:auto; overflow:hidden;}
.case h3{height:30px; line-height:30px;  font-size:18px; text-indent:24px; color:#666666;  border-bottom:1px solid #d2d2d2;}
.case .case_box{padding-top:40px;}
#demo {
width:850px;
height:255px;
overflow:hidden;
}
#indemo {
float: left;
width: 1000000px;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
.case .case_box ul{}
.case .case_box ul li{width:260px; float:left;margin-right:35px; overflow:hidden;}
.case .case_box ul li .i{width:260px;height:195px; overflow:hidden;}
.case .case_box ul li img{ display:block;width:260px;height:195px  cursor: pointer;transition: all 0.8s;}
.case .case_box ul li img:hover{transform: scale(1.2);}
.case .case_box ul li span{ display:block;width:100%;height:59px; line-height:60px; border-bottom:1px solid #d2d2d2; font-size:16px; color:#888888; background:url(../images/lit1.jpg) no-repeat right center;}
.case .case_box ul li a:hover span{color:#00923f; border-bottom:1px solid #00923f; background:url(../images/lit2.jpg) no-repeat right center;}



/*--------------分页--------------------*/
#sabrosus { width:100%; overflow:hidden;height:30px; padding:30px 0;text-align: center;color:#999;font-size:16px; }
#sabrosus a {color:#666; margin-right: 5px; padding:6px 12px; border:#aaa 1px solid; text-decoration: none;border-radius: 2px; font-size: background:#fff;}
#sabrosus a:hover { border:#00923f 1px solid;border-radius: 2px; background-color: #00923f; color:#fff;}
#sabrosus a:active {border: #aaa 1px solid; color: #000;  background-color: lightyellow;border-radius: 2px;}
#sabrosus span.current {font-weight: bold;  color: #fff; margin-right: 5px; padding:6px 12px; border:#00923f 1px solid; background-color: #00923f;border-radius: 2px;}
#sabrosus span.disabled {border: #aaa 1px solid; margin-right: 5px; color: #929292; padding:6px 12px; border-radius: 2px;}
#sabrosus .rows{border: #aaa 1px solid; color: #666; padding:6px 12px; border-radius: 2px; background:#fff;}


/*-------------产品封面--------------------*/
.pc_list{ float:left; overflow:hidden;}
.pc_list ul{}
.pc_list ul li{width:220px;height:50px; line-height:50px;margin-bottom:10px;border: 1px solid #ebebeb;text-align:center;}
.pc_list ul li a{ font-size:14px; color:#888; cursor:pointer;}
.pc_list ul li:hover{ background:#00923f;}
.pc_list ul li:hover a{color:#fff;}

.pc_list ul li .pl_active{ display:none;}
.pc_list ul li a:hover .pl_default{display:none;}
.pc_list ul li a:hover .pl_active{display:block;}
.pc_list ul li img{width: 60px;height: 60px;margin: 0 auto 18px auto;display: block;}
.pc_list ul .hover .pl_default{display:none;}
.pc_list ul .hover .pl_active{display:block;}
.cross_list{ float:right; width:80%;}
.cross_list .cl_block{width:100%;height:auto;margin-top:10px; overflow:hidden;}
.cross_list .cl_block p.cl_title{font-size: 24px;color: #333; line-height:50px;}
.cross_list .cl_block ul{width:1000px;}
.cross_list .cl_block ul li{width: 306px;height: 356px;float:left;position: relative;margin-right: 20px;margin-top: 20px;}
.cross_list .cl_block ul li a{width:304px;height:354px;text-align: center;border: 1px solid #ebebeb;display: block;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;}
.cross_list .cl_block ul li a img{width:304px;height:304px;}
.cross_list .cl_block ul li a p.cb_title{font-size: 14px;color: #333;width: 80%;margin: 0 auto;padding-bottom: 10px;border-bottom: 1px solid #ebebeb;}
.cross_list .cl_block ul li a p.cb_txt{font-size:14px;color: #ccc;margin-top: 10px;}
.cross_list .cl_block ul li a em{display: none;width: 20px;height: 3px;background-color: #12cd3e;position: absolute;bottom: 0;left: 50%;margin-left: -10px;}
.cross_list .cl_block ul li a:hover p{color: #12cd3e;}
.cross_list .cl_block ul li a:hover em{display: block;}




/*---------------*/
#product_con{padding:0; height:100%; overflow:hidden;}
#product_con #preview{height:100%; overflow:hidden; background:#fff; float:left;padding:30px 29px;}
/*---大图---*/
#product_con .jqzoom {width:550px;height:550px;position:relative;z-index:99; border:1px solid #dedede;background:#fff;}
#product_con .jqzoom img{width:550px;height:550px;}
#product_con .zoomdiv {z-index:100;position:absolute;top:1px;left:0px;border:1px solid #dedede;display:none;overflow: hidden;}
#product_con .bigimg{width:1000px;height:1000px;}
#product_con .jqZoomPup {z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:30px;height:30px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
/*---小图---*/
/*---------小图列表----------*/
#spec-n5 {
	width:550px;
	overflow:hidden;
	margin-top:20px;
}
#spec-list {
	width:510px;
	float:left;
	overflow:hidden;
}
#spec-list ul li {
	float:left;
	width:105px;
	text-align:left;
}
#spec-list ul li img {
	border:1px solid #ccc;
	width:90px;
	height:90px;
}
#spec-left {
	background:url(../images/left.gif) no-repeat 0 center;
	width:18px;
	height:90px;
	float:left;
	cursor:pointer;
}
#spec-right {
	background:url(../images/right.gif) no-repeat right center;
	width:18px;
	height:90px;
	float:right;
	cursor:pointer;
}

/*---right_con---*/
#product_con .right_con{width:490px;float:right; background:#fff; padding:20px 40px;}
#product_con .right_con ul li{width:490px;line-height:37px;float:left;display:block;font-size:14px;}
#product_con .right_con ul li h1{font-size:20px;font-weight:lighter;color:#555;}
#product_con .right_con ul li h1 b{font-size:14px;color:#999;font-weight:lighter;padding-left:20px;}
#product_con .right_con ul li h5{width:60px;float:left;display:block;text-indent:5px;color:#999;font-weight:lighter;font-size:12px;}
#product_con .right_con ul li span{width:430px;float:right;display:block;text-align:left;color:#555;}
#product_con .right_con ul li .b1{font-size:14px;text-decoration: line-through;color: #b98558;padding-left:15px; float:left;}
#product_con .right_con ul li .b2{font-size:22px;color:#0f910f;padding-right:60px; float:left;}
#product_con .right_con ul li .b3{color:#0f910f;}
#product_con .right_con ul li .sp{width:168px;float:left;display:block;}
#product_con .right_con ul .li1{border-bottom:2px solid #dedede;}
#product_con .right_con p{height:60px;width:100%;display:block;font-size:12px;line-height:24px;float:right;color:#666;}
#product_con .right_con p span{padding-top:30px;display:block;font-size:14px;}
#product_con .right_con .num{ padding:13px 0 0 0;}
#product_con .right_con .num a{width:15px;height:15px;line-height:15px;display:block;float:left;border:1px solid #dedede;padding:2px 0 5px 8px;background:#f7f7f7;color:#666;}
#product_con .right_con .num a:hover{background:#0f910f;color:#fff;border:1px solid #0f910f;}
#product_con .right_con .num input{width:50px;height:22px;display:block;float:left;margin:0 5px;text-align:center;color:#666;border:1px solid #dedede;}
#product_con .right_con .num b{display:block;float:left;margin-left:20px;line-height:28px; font-weight:lighter; color:#999;}
#product_con .right_con .cart {background-color: #0f910f;color:#fff;float: left;border:none;font-size: 16px;height: 36px;line-height: 36px;margin: 20px 60px;overflow: hidden;position: relative;text-align: center;width: 120px;}
#product_con .right_con .cart:hover{background-color: #ffaa00;}

#product_con .right_con .chec{border: 1px solid #dedede;float: left; display: block; width:111px; text-align:center; height:24px; line-height:24px; position: relative;overflow: hidden; font-size:14px; color:#999; margin:7px 10px 0 0;}
#product_con .right_con .chec2 {border: 1px solid #0f910f;float: left;display: block;width:111px; height:24px; line-height:24px; overflow: hidden; background: url(../images/selected-icon.png) no-repeat right bottom;font-size:14px;color:#0f910f;}
#product_con .right_con .chec input,.maintain .chec2 input{display:none;}



/*----con---*/
#product_con .con {float:left; width:100%;height: 100%; overflow: hidden; margin:30px 0;}

#product_con .right {height: 100%;overflow: hidden;}
#product_con .right #menubox {border-bottom: 1px solid #0f910f; border-left: 1px solid #dedede; color: #333; display: block; height: 36px; line-height: 36px; overflow: hidden; text-indent: 20px;}
#product_con .right #menubox a { border:1px solid #dedede; border-left:none; color: #666;display: block;float: left; font-size: 14px; font-weight: bold; padding: 0 10px; width: 90px; background:#fff;}
#product_con .right #menubox .hover {background: #0f910f none repeat scroll 0 0; border: 1px solid #0f910f; color: #fff;}
#product_con .right .tat {font-size: 14px;line-height: 26px;padding: 20px; background:#fff;}
#product_con .right .tat p {margin-bottom: 15px;}
#product_con .con .right #con_new_2 img {display: block;margin: 0 auto;}
#product_con .right .parameter {background: #f7f7f7 none repeat scroll 0 0;border: 1px solid #dedede;margin: 10px;}
#product_con .right .parameter h3 {border-bottom: 1px solid #dedede;display: block;font-size: 14px;height: 36px;line-height: 36px;text-indent: 20px;}
#product_con .right .parameter ul {height: 100%;overflow: hidden; padding: 20px 0;}
#product_con .right .parameter li {display: block; float: left; height: 50px;line-height: 50px;overflow: hidden;}
#product_con .right .parameter li dd {display: block; float: left; overflow: hidden; padding-left: 10px; width: 180px;}
#product_con .right .parameter li b {display: block;float: left;font-weight: lighter;text-align: right;width: 50px;}
#product_con .right .parameter li .d1 {font-weight: bold; text-indent: 30px;}


/*----------------*/
#product_con .pro_con {width:490px; height:315px; float:right; background:#fff; padding:15px 40px; margin-top:15px; line-height:25px; font-size:14px; color:#666;}
#product_con .pro_con .tit{ font-size:14px; margin-bottom:5px; font-family:"微软雅黑"; font-weight:bold;}

#product_con .pro_con2{width:1120px; height:100%; overflow:hidden; float:left; background:#fff; padding:15px 40px; margin-top:15px; line-height:25px; font-size:14px; color:#666;}

/*-------------------cart---------------*/
#cart{height:100%;overflow:hidden;padding:15px 10px;}
#cart ul{ height:100%; overflow:hidden; border:1px solid #eee; background:#fff;}
#cart li{ height:60px; line-height:60px;overflow:hidden;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid  #eee;}
#cart li dd{ width:12%; overflow:hidden; float:left; display:block; text-align:center;}
#cart li .dd1{ width:7%;}
#cart li .inp{line-height:12px; padding-top:23px;}
#cart li .dd2{ width:45%; text-align:left;}
#cart .title{ height:36px; line-height:36px; background:#fcfcfc; font-weight:bold; padding-bottom:0;}
#cart li dd{ width:12%; overflow:hidden; float:left; display:block; text-align:center;}
#cart li dd img{width:60px;height:60px;display:block;float:left;margin-right:10px;padding:1px;border:1px solid #eee;} 
#cart li dd h6{ display:block; width:450px; font-size:12px; line-height:24px; float:left;}  
#cart li dd p{ font-size:12px; line-height:20px; float:left; color:#999; margin-top:10px;}
#cart .bot{line-height:52px; overflow:hidden;  margin-top:15px;}
#cart .bot .pay{ width:120px; display:block; height:36px; line-height:36px; background:#0f910f; border:none; text-align:center; font-size:16px; font-weight:bold; color:#fff; margin:0 auto;}
#cart #sabrosus{height:30px;}

/*------*/
#cart .nav_top{height:31px; margin-bottom:20px; border-bottom:1px solid #dedede;}
#cart .nav_top a{ width:120px;height:30px; line-height:30px; font-weight:bold; text-align:center; display:block; float:left; border:1px solid #dedede; border-bottom:none; background:#f7f7f7;}
#cart .nav_top .hov{ background:#0f910f;border:1px solid #0f910f; color:#FFF;}

/*------*/
#cart #dia dd{ width:9%;}
#cart #dia .dd1{ width:7%;}
#cart #dia .dd8{ width:12%;}
#cart #dia li{ height:30px; line-height:30px;}
#cart #dia img{width:30px;height:30px; border: none; margin:0 auto; display:block; float:none;} 

/*-------------------order---------------*/
#order{height:100%;overflow:hidden;padding:15px 10px;}

.order_title { width:100%; height:50px; margin-top:20px;}
.order_title ul{ float:right;}
.order_title ul li{ display:block; float:left;position:relative;width: 160px; height:38px; line-height:50px; border-top: 5px solid #ccc; text-align:center; color:#666;}
.order_title ul li font{position:absolute;top:-14px; left:69px; display:block; width:22px; height:22px; background:#ccc; color:#fff; text-align:center; line-height:20px;-webkit-border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;    -o-border-radius: 50%;border-radius: 50%;}
.order_title ul .hov{ color:#00923f;border-top: 5px solid #00923f;}
.order_title ul .hov font{background:#00923f;}
.order_title ul .hov2{ color:#56e5e5;border-top: 5px solid #56e5e5;}
.order_title ul .hov2 font{background:#56e5e5;}
/*---*/

#order .title{ height:36px; line-height:36px; background:#f9f9f9; font-weight:bold; border:1px solid #eee; border-bottom:none;}
#order h3{ display:block; float:left; padding-left:20px; font-size:14px;}
#order span{ display:block; float:right; font-size:14px; padding-right:20px; color:#666666;}

#order ul{ height:100%; overflow:hidden; border:1px solid #eee; border-bottom:none;background:#fff;}

#order .pro li{ height:60px; line-height:60px;overflow:hidden;padding:15px 0 ;border-bottom:1px solid  #eee;}
#order .pro li img{width:60px;height:60px;display:block;float:left;margin-right:10px;padding:1px;border:1px solid #eee;} 

#order .pro dd{ width:12%; overflow:hidden; float:left; display:block; text-align:center;}
#order .pro .dd1{ width:7%;}
#order .pro .dd2{ width:45%; text-align:left; padding-left:20px;}
#order .pro .tit{ height:36px; line-height:36px; background:#f9f9f9; font-weight:bold; padding:0;}
#order .pro dd{ width:12%; overflow:hidden; float:left; display:block; text-align:center;}
#order .pro dd h6{ width:450px; font-size:12px; line-height:24px; float:left;}
#order .pro dd p{ font-size:12px; line-height:20px; float:left; color:#999; margin-top:10px;}
#order .pro .dia{ height:30px; line-height:30px;overflow:hidden;padding:15px 0 ;border-bottom:1px solid  #eee;}
#order .pro .dia img{width:30px;height:30px;display:block;float:left;margin-left:46px;padding:1px; border:none;} 

/*------*/   
#order .con{ padding:20px 0 10px 0; color:#333;}   
#order .con li{width:50%;float:left;display:block;margin-bottom:12px;line-height:26px; overflow:hidden;}  
#order .con li a{color: #226c6f; padding-left:5px;}
#order .con li h6{width:100px;height:26px;float:left;display:block;color:#333;font-size:12px;text-align:right;padding-right:10px;}  
#order .con li span{font-size:12px; display:block; float:left;}  
#order .con li span input{width:220px;height:22px;line-height:22px; padding:0; border:1px solid #dedede; text-indent:3px;} 
#order .con li span textarea{border:1px solid #dedede;} 
#order .con li span .w260{width:220px;}   
#order .con li span select {width:222px; height:26px; line-height:26px;padding-left:5px; display:block; margin:0;}  

#order .con1 li{ padding:20px;}  
  
#order .bot{line-height:52px; overflow:hidden;  margin-top:15px;}
#order .bot .pay{ width:200px; display:block; height:42px; line-height:42px; background:#0f910f; border:none; text-align:center; font-size:16px; font-weight:bold; color:#fff; float:right;}

#order #sabrosus{height:30px;}

#order .combined{ height:130px;line-height: 30px; border:1px solid #eee; background:#f7f7f7; padding-left:20px;font-size:16px; padding-top:20px;} 
#order .combined p{ width:300px; float:right; padding-left:600px; color:#666;}
#order .combined b{ color:#ff6600; font-size:18px;}
#order .combined span{ width:180px;display:block; float:left; text-align:right;}

/*--------------------pay---------------------*/

#pay{ padding:90px 0 ; font-size:14px; line-height:42px; text-align:center; color:#333;} 
#pay p{  margin-bottom:30px; font-size:20px; }
#pay p b{ color:#0f910f;}
#pay span{ width:151px;display:block; margin:0 auto;}    
#pay span input{ background:url(../images/bay.png) no-repeat; no-repeat; width:151px; height:42px; border:none; display:block;}  

#pay ul{ width:903px; margin:0 auto; border-top:1px solid #dedede; border-left:1px solid #dedede; margin-top:35px; margin-bottom:20px;}
#pay ul li{ height:42px; line-height:40px;border-bottom:1px solid #dedede;}
#pay ul li dd{ width:300px; height:42px; line-height:40px; display:block; float:left; border-right:1px solid #dedede; background:#fff;}

#pay ul .title{ background:#fff;}
#pay ul .bot{ border-right:1px solid #dedede;background:#fff; color:#666;}


#position{ width:100%; padding:15px 0; border-bottom:1px solid #eee; background:#fff; color:#666;}
#position .box{ width:1200px; margin:0 auto;}
#position .box a{ color:#666;}
#position2{color:#999;}
#position2 a{color:#999;}