/*prodail*/
header{position: initial;}
.sub_banner{margin-top:0;}

.home_boxtit{overflow: hidden;text-align: center;margin-bottom: 30px;}
.home_boxtit p{font-size: 12px;margin-top: 5px}
.home_boxtit h2{ font-weight:normal;}
.home_boxtit h2 a{font-size: 18px;line-height: 40px;color: #212121;font-weight: bold;}
.home_boxtit a:hover{color: #30b2e4;}
.home_boxtit h5{color: #777;font-size: 14px;font-weight: inherit;margin:0 auto;padding:0 10px;line-height: 24px;}


.search_down{top:40px;}
.prodetail{overflow: hidden;}
.prodetail_pro_top{background:#fff;padding: 5px;}
.prodetail_top{overflow: hidden;    padding-top: 20px;}
.prodetail_top_img{width: 50%;float: left;}
.preview{position: relative;margin-right: 27px;max-width: 550px;}
.jqzoom{position: relative;width: 100%;z-index: 1;}
.jqzoom img{width: 100%;z-index: 1;height: auto;border: 1px solid #c7c7c7;}
.spec-n5{width: 100%;z-index: 2;}
#spec-list{width: 100%;display: inline-block;overflow: hidden;}
#spec-list ul li{padding-right: 4px;float: left;}
#spec-list ul li img{max-width: 60px;cursor: pointer;border: 2px solid #227027;width: 100%;}
#spec-list ul li img:hover{border: 1px solid #227027}
.zoomdiv{z-index: 100;position: absolute;left: 555px !important;top: 0 !important;display: none;text-align: center;overflow: hidden;}
.bigimg{width: 900px;}
.jqZoomPup{z-index: 10;visibility: hidden;position: absolute;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;}
.prodetail_top_con{overflow: hidden;width: 50%;float: right;}
.prodetail_top_con h1{font-size: 36px;color: #333;line-height: 42px;}
.prodetail_top_con .fon{overflow: hidden;border-bottom: 2px dashed #ccc;margin-bottom: 5px;padding: 20px 0 5px 0;}
.prodetailkeli{ overflow:hidden;}
.prodetailkeli img{max-width:130px;margin:0 5px;float: left;width:22%;}
.sharewith span{    display: inline-block;float: left;}
.prodetail_top_con .links{display: block;margin-top: 10px;}
.prodetail_top_con .links a{background: #227027;text-align: center;text-transform: uppercase;line-height: 45px;margin: 4px 30px 0 0;padding: 0 28px;display: inline-block;font-size: 22px;color: #fff;}
.prodetail_top_con .links i{margin-right: 10px;display: inline-block;font-size: 26px;vertical-align: top;}
.prodetail_top_con .links .icon-mail1:before{ font-weight:normal;}
.prodetail_top_con .links a.mail{background: #0094bf;}
.prodetail_top_con .links a:hover{opacity: .8}
.prodetail_top_con .conta{border-top: 2px dashed #ccc;padding: 10px 0;margin-top: 5px;}
.prodetail_top_con .conta h6.iconfont{display: inline-block;height: 22px;color: #f00;vertical-align: middle;line-height: 20px; width: 16px;    font-weight: bold;}
.prodetail_top_con .conta a{color: #666}
.prodetail_top_con .conta a:hover{color: #f69a1e;} 
.contact_form input::-webkit-input-placeholder, .contact_form textarea::-webkit-input-placeholder{color: #666;} 
.contact_form input:-moz-placeholder, .contact_form textarea:-moz-placeholder{color: #666;}
.prodetail_pro_bottom{margin-top: 50px;background: #fff;}

.pro_det_b_bars_box{width:100%;min-height:44px;}
.pro_det_b_bars{position:relative;z-index:9;width:100%;background: #001435;padding:5px;min-height: 44px;max-width: 1140px;}
.pro_det_b_bars div{float:left;padding:0 20px;line-height:34px;color:#363e49;font-size: 18px;cursor:pointer;background:#fff;margin-right:10px;}
.pro_det_b_bars a{float:left;padding:0 20px;line-height:34px;color:#363e49;font-size: 18px;cursor:pointer;background:#fff;margin-right:10px;}

.pro_det_b_bars div:hover{color:#fff;background: #227027;}
.pro_det_b_bars a:hover{color:#fff;background: #227027;}


.pro_det_b_bars div.hover{color:#fff;background: #227027;}
.pro_det_b_tabs{padding: 3% 10px;}
.pro_det_b_tabs_clm{margin-bottom:5%;overflow: hidden;}
.pro_det_b_tabs_title{font-size:22px;line-height:22px;margin-bottom:2%;text-transform:uppercase;text-align: left;}
.pro_det_b_tabs_title:before{content:"";float:left;width:3px;height:20px;background:#363e49;border-top:10px solid #30b2e4;margin:0 13px 0 0}
.pro_det_b_tabs_text{line-height:25px;}
.pro_det_b_tabs_text a{color:#227027;}
.pro_det_b_tabs_text a:hover{text-decoration:underline;}
.pro_det_b_tabs_list1{padding:20px 0}
.pro_det_b_tabs_list1 dd{float:left;width:150px;height:150px;border-radius:150px;overflow:hidden;margin:0 5% 3% 0;transition:all .5s;-webkit-transition:all .5s}
.pro_det_b_tabs_list1 dd:last-child{margin-right:0}
.pro_det_b_tabs_list1 dd:hover{transform:translateY(-3px);-webkit-transform:translateY(-3px);transition:all .5s;-webkit-transition:all .5s}
.pro_det_b_tabs_td_list dd{float:left;width:370px;margin:0 20px 26px 0}
.pro_det_b_tabs_td_list dd:nth-child(2n){margin-right:0}
.pro_det_b_tabs_td_list dd .num{float:left;width:31px;height:31px;color:#fff;font-weight:700;line-height:31px;text-align:center;background:#222}
.pro_det_b_tabs_td_list dd .text{float:left;padding-left:10px;line-height:31px;color:#222;width:calc(100% - 31px)}
.pro_table{    overflow-x: auto;}
.pro_table table{border:1px solid #d2d2d2; width:100%;}
.pro_table table tr td{padding:12px}
.pro_table table tr:nth-child(2n){background: #fff;}
.pro_table table tr:hover{background: #227027;color: #fff;}
.pro_table tr td{padding:10px 15px;border:1px solid #dcdcdc;}
.pro_table tr:nth-child(odd){background:#eef0f4}
.pro_table tr:first-child{font-weight:700}


.home_boxtit h1{text-transform: capitalize;font-size: 30px;line-height: 40px;font-weight: bold; margin-top:20px;}
.procover .home_boxtit h1{text-transform: capitalize;font-size: 30px;line-height: 40px;font-weight: bold;}
.procover{overflow:hidden;padding-bottom: 50px;}
.procover .indus_lis { overflow:hidden;}
.procover .indus_lis .item{width: 32.3%;margin: 5px 0.5% 0;float: left;background: #e3e3e3;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);transition: all .5s;-webkit-transition: all .5s;text-align: center;padding: 0;float:left;margin-bottom:30px;}
.procover .indus_lis .item img{width: 100%;margin: 0 auto;}
.procover .indus_lis .indexprolist a{display: block;width: 100%;overflow: hidden;position: relative;}
.procover .indus_lis .indexprolist h2{text-align:center;margin: 5px 12px 0 12px;font-weight: normal;font-size: 20px;height: 54px;overflow: hidden;}
.procover .indus_lis .indexprolist h3{text-align:center;margin: 5px 12px 0 12px;font-weight: normal;font-size: 20px;height: 54px;overflow: hidden;}
.procover .indus_lis .item:hover{background: #227027;transition: all .5s;-webkit-transition: all .5s;}
.procover .indus_lis .item:hover h2{ color:#fff;}
.procover .indus_lis .item:hover h3{ color:#fff;}
.procover .indus_lis .item p{line-height:22px;margin: 0px 25px 10px 26px;font-size:12px;min-height: 66px;font-size: 14px;}
.procover .indus_lis .item .btn_more_pro{background: #227027;color:#fff;width:150px;height:30px;line-height:30px;text-transform:uppercase;margin:20px auto 30px;transition: all .5s;-webkit-transition: all .5s;font-size: 14px;}
.procover .indus_lis .item:hover .btn_more_pro{ background:#fff; color:#333;}
.procover .indus_lis .item .btn_more_pro span{width:20px;height:20px;text-align:center;line-height:19px;color:#fff;display:inline-block;margin-left:13px;}
.procover .indus_lis .item:hover .btn_more_pro span{color: #227027;}
.procover .indus_lis .item:hover p{ color:#fff;}
.sub-pro-more a{width: 210px;height:40px;display:block;margin:0 auto;line-height:40px;text-align:center;font-weight:bold;text-transform: capitalize;border: 1px solid #227027;color: #227027;font-size: 18px;}
.sub-pro-more a:hover{background: #227027;color:#fff;}
 @media screen and (max-width: 1060px) {
.prodetail_top_con .links a{    margin: 4px 10px 0 0;}
 }
 @media screen and (max-width: 991px) {
	 .prodetail_top_img{ width:100%;}
	 .prodetail_top_con{ width:100%;}
	 .preview{max-width: 100%; margin: 0;}
	 #spec-list ul li img{ max-width:80px;}
	 .prodetail_top_con h1{ margin-top:30px;}
	 header { overflow:hidden;border-bottom: 1px solid #ccc;}
	 body {padding-top: 0;}
	 .jqZoomPup {display: none;}
     .zoomdiv {display: none; z-index:-1;}
	 .prodetail_top_con .links a{margin: 4px 5px 0 0; font-size: 18px; padding: 0 10px;}
 }
 @media screen and (max-width: 767px){
	.procover .indus_lis .item{ width:100%; padding:0; margin:0; margin-bottom:30px;}
	 .pro_det_b_bars{min-height: 88px;}
	 .pro_det_b_bars div{ margin-bottom:8px;}
.prodetailkeli img{    margin: 0 1px;}
.prodetail_top_con .links{ overflow:hidden;}
.prodetail_top_con .links a{ padding:0; margin:0; width:48%; margin:1%; float:left;}
}