/* <!--产品案例--> */

.pro-secrch .grid_6{width:45%;}
.r{float:right;display:inline-block}
.page {padding: 65px 0px 85px;margin: 0px auto;}
.pinner {width:100%;margin: 0px auto;padding:0;}
.businessPage { background-color: #fff; background-color: rgba(255,255,255,0.9); position: relative; z-index: 2; }
.businessSider{width:200px;float:left;display:block;position:relative;overflow:hidden;  }
.businessSider .bot0{background:url(../images/laiye2.png);width:173px;height:482px;position:absolute;right: -26%;top: 43%;}
.businessSider .h{padding:0px;position:relative;z-index:2}
.businessSider .h .bt{width:200px;height:100px;display:block;margin:0 auto}
.businessSider .h .bico{background:url(../images/banner_ico.png) no-repeat;width:27px;height:37px;float:right;display:block}
.businessSider .bot2{background:url(../images/nbot4.png) no-repeat;height:14px;width:59px;margin:0 auto}
.businessMenu{text-align:center;position:relative;z-index:2;border:1px solid #e4e4e4;}
.businessMenu dt{color:#589d25;font-size:22px;font-weight:700;padding:25px 0;background: url(../images/borderpro.png) center bottom no-repeat #c5cf66;}
.businessMenu a{}
.businessMenu a:link,.businessMenu a:visited{color:#717171}
.businessMenu a:active,.businessMenu a:hover{color:#fff}
.businessMenu dd{font-size:16px;margin:0;line-height:33px;}

.understandBox{text-align:center;position:relative;z-index:2;margin-bottom:32px;height:0;overflow:hidden;transition:.4s;-webkit-transition:.4s;-ms-transition:.4s}
.show{height:226px}
.understandBox a:link,.understandBox a:visited{color:#8a8b8b}
.understandBox a:active,.understandBox a:hover{color:#fbedd9}
.understandBox dt{color:#589d25;font-weight:700;font-size:18px}
.understandBox dt .m{background:url(../images/bm.png) no-repeat scroll center center;width:24px;height:14px;margin:5px auto;display:block}
.understandBox dd{width:110px;margin:17px auto 0}
.understandBox dd a{display:block;border:1px solid #8a8b8b;font-size:16px}
.understandBox dd a:hover{border:1px solid #a8bc0d;background-color:#a8bc0d}
.understandBox dd .line{width:48px;border-bottom:1px solid #8a8b8b;height:14px;display:block;margin:0 auto}
.businessPcon{float:right;display:block;width:77%;margin-right:40px;}
.businessMenu dd .text_tp {width: 15px;height:33px;background: url(../images/sub_nav.jpg) no-repeat;position: absolute;top:0px;left: 185px;}
.businessMenu dd .text_tp.sub_nav1{top:0px;}
.businessMenu dd .text_tp.sub_nav2{top:38px;}
.businessMenu dd .text_tp.sub_nav3{top:76px;}
.businessMenu dd .text_tp.sub_nav4{top:114px;}
.businessMenu dd.bon .text_tp{left: 0px !important;background-position: -15px 0px !important;}

.nav-horizontal.pro_nav_hor{display:none;width:100%;margin:0 auto;padding:0;}
.nav-horizontal.pro_nav_hor .container{width:100%;margin:0 auto;padding:0;}
.nav-horizontal.pro_nav_hor .container .businessMenu dd{width:25%;float:left;border:1px solid #e4e4e4;border-bottom:0;}
.nav-horizontal.pro_nav_hor .container .businessMenu dd a{border:0;background:none;padding:0;cursor: pointer;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;border-radius: 0;}
.nav-horizontal.pro_nav_hor .container .businessMenu dd a summary{margin:0;}
.nav-horizontal.pro_nav_hor .container .businessMenu dd ul{margin:0;padding:0;}
.nav-horizontal.pro_nav_hor .container .businessMenu dd .menupro_2{width:100%;padding:0;}
.nav-horizontal.pro_nav_hor .container .businessMenu dd .menupro_2 li{width:93%;float:left;padding:0;}
@media screen and (max-width:992px){
	.nav-horizontal.pro_nav_hor{display:block;}
	.section.blog.sec_blog_pro{margin:1em 0;}
}
@media screen and (max-width:860px){}
@media screen and (max-width:640px){
	.nav-horizontal.pro_nav_hor .container .businessMenu dd{width:33.33%;}
}
@media screen and (max-width:480px){
	.nav-horizontal.pro_nav_hor .container .businessMenu dd{width:50%;}
}
@media screen and (max-width:320px){
	.nav-horizontal.pro_nav_hor .container .businessMenu dd{width:50%;}
}

.menupro {text-align:left;}
.menupro:last-child {}
.menupro summary {
	height: 40px;line-height: 40px;text-indent:0px;outline: none;
	font-weight:400;padding-left:15px;margin:0 auto 15px;
	background:#7fad27;cursor: pointer;color:#fff;font-size:16px;
}
.hoverm summary {
    height: 40px;
    line-height: 40px;
    text-indent: 0px;
    outline: none;
    font-weight: 400;
    padding-left: 15px;
    margin: 0 auto 15px;
    background: #0F7F00;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
}
.menupro summary::-webkit-details-marker {display: none;}
.menupro summary:before {
	content: "";
	background:url(../images/prolist.png) no-repeat 0px -17px #7fad27;
	display: inline-block;width: 16px;height: 16px;margin-right: 10px;
	font-size:18px;font-weight:700;
}
.menupro[open] summary:before {
	content: "";background:url(../images/prolist.png) no-repeat 0px 7px #7fad27;
}
.hoverm[open] summary:before {
	content: "";background:url(../images/prolist.png) no-repeat 0px 7px #0F7F00;
}
.menupro[open] summary.nomuen:before,.menupro summary.nomuen:before {
	content: "";background:url(../images/prolist.png) no-repeat -16px 2px #7fad27;
}
.hoverm summary.nomuen:before{
	content: "";background:url(../images/prolist.png) no-repeat -16px 2px #0F7F00;
}
.menupro ul {padding: 0px 0 10px;}
.menupro ul li {list-style: none;text-indent: 25px;font-size: 14px;height: 30px;line-height: 30px;background:url(../images/news_list.png) no-repeat 0 8px;margin-left:18px;}
.menupro ul li a {display: block;color: #666;background: none;border: 0;font-weight: 400;font-size:15px;line-height:27px;}
.menupro ul li:hover{background:url(../images/news_list.png) no-repeat 0 -47px;}
.menupro ul li:hover a {text-decoration: underline;color:#c5cf66;border: 0;background: none;
/* line-height: 24px; */
}
.produng{width:100%;border-bottom:1px solid #ddd;height:45px;margin-bottom:15px;}
.produng .produngl{float:left;font-size:24px;font-weight:600;color:#7fad27;}
.produng .produngr{float:right;font-size:14px;font-weight:100;margin-top:17px;}


@media screen and (max-width:1281px){
	.businessPcon{ width:77%}
}
@media screen and (max-width:1121px){
	.businessPcon{ width:76%}
}
@media screen and (max-width:1024px){
	.businessSider{ display: none;}
	.businessPcon{ width: auto; box-sizing: border-box; float: none; margin-right: 0px; padding:20px 0;}
	.pro-secrch .grid_6{width: 43%;}
	.page{ padding:0;}

}
@media screen and (max-width:992px){
	.pro-secrch .grid_6{width: 42%;}
}
@media screen and (max-width:861px){
	.pro-secrch .grid_6{width: 42%;}
}
@media screen and (max-width:768px){
	.pro-secrch .grid_6{width:730px;}
	.page{ padding:0px;}
	.menupro ul li a{padding:0;line-height:27px;}
	.produngr{display:none;}
	#alm_smallimg{margin:0 0 10px;}
}
@media screen and (max-width:641px){
	.page{ padding:0px;}
}
@media screen and (max-width:481px){
	.pro-secrch .grid_6 {width: 100%;}
}
@media screen and (max-width:414px){
	.menupro ul li a{padding:0;}
	.produngr{display:none;}
	#alm_smallimg{margin:0 0 10px;}
}
@media screen and (max-width:375px){
	.menupro ul li a{padding:0;}
	.produngr{display:none;}
	#alm_smallimg{margin:0 0 10px;}
}
@media screen and (max-width:320px){
	.menupro ul li a{padding:0;}
	.produngr{display:none;}
	#alm_smallimg{margin:0 0 10px;}
}
/* <!--产品案例--> */
[class*="grid_"] {
	float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* <!--产品详情--> */
.grid_3{width:270px}
.grid_9{width:100%;}
.goods_read .container{width:100%;}
.npspro{width:100%;margin:15px auto 0;padding:0 5px;}
.zoom{overflow:hidden}
.zoom figure{height:100%; overflow:hidden}
.zoom figure img{transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;line-height: 1em; min-height:auto; max-width:100%}
.zoom:hover figure img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
.white_bar{background:#fff;box-shadow: 0 1px 3px #c5c5c5; overflow:hidden}
/* <!--手机端切换--> */

.sp{ display:none;}

@media screen and (max-width:1200px){
	.grid_9{width:100%;}
	.grid_3{width:220px}
}
@media screen and (max-width:992px){
	.grid_9{width:841px;}
	.grid_3{width:172px}
}
@media screen and (max-width:861px){
	.grid_9{width:556px}
	.grid_3{width:172px}
}
@media screen and (min-width:768px){	
	.goods_read .grid_9{width:100% !important;}
}
@media screen and (min-width:768px){	
	.grid_9{width:730px}
	[class*="grid_"] {float: none;display: block;width: 100%;margin-left: 0;}	
	.grid_5{float:left;width:50%;}
	.pro-secrch .grid_6{width: 50%;float: right;margin: 8px -12px;}
	.npspro p{width:80%;float:left;}
}
@media (max-width:640px) {
	.grid_5{float:left;width:50%;}
	.pro-secrch .grid_6{width: 50%;float: right;margin: 8px -12px;}
	.npspro p{width:80%;float:left;}
}
@media (max-width: 479px) {
	#spec-n5{ display:none;}
	#spec-n1{ display:none;}
	.sp{ display:block;}
	#spec-n1{ width: 100%;height: 100%;}
	#spec-n1 img {width: 100%;height: 100%;}
	#spec-n1 .o-img img{ margin-top:0 !important;}
	#spec-n1 .o-img{ width:100%; height:100%}
	.goods_read h1{margin-top:15px}
	.mpro {display: block;}
	.alm_smallimg_block li{float:left; width:96px;height:80px; border:1px solid #ccc; margin-left:5px; display:block}
}

@media (max-width:414px) {
	.col-md-8{width:100%;}
	.npspro,.nps{width: 100%;}
}
@media (max-width: 375px) {
	.col-md-8{width:100%;}
	.npspro {width: 100%;margin: 5px 0;}
}
@media (max-width: 360px) {
	.npspro {width: 100%;padding:0;}
	.grid_5{float:left;width:100%;}
	.pro-secrch .grid_6{width:100%;float: right;margin: 0px -12px;}
	.npspro p{width:80%;float:left;}
}


.goods_read{margin:0px auto}
.goods_read h1{font-size:20px; color:#000; line-height:24px;font-weight: bold; margin-bottom:15px;margin-top: 30px;}
.protitle h2{ line-height:normal; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:30px; text-align:center;}
.mpro{ display:none;border:1px solid #e4e4e4;padding:5px;}
#alm_imgblock{position:relative;width:100%; height:100%; overflow:hidden}
.alm_figimg img{ width:100%; height:100%; max-height:500px;}
#alm_smallimg{margin-top:20px;}
#alm_smallimg .bx-wrapper .bx-controls-direction a{margin-top:-13px;width:27px;height:27px;}
#alm_smallimg .bx-wrapper .bx-prev{background:url(../images/left.png) no-repeat;background-size:100%;}
#alm_smallimg .bx-wrapper .bx-next{background:url(../images/next.png) no-repeat;background-size:100%;}
.bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -20px;outline: 0;width: 41px;height: 41px;text-indent: -9999px;z-index: 99;}
.bx-wrapper .bx-prev {left: 0;}
.bx-wrapper .bx-next {right: 0;}
.alm_smallimg_block{ margin-left:-5px}
.alm_smallimg_block li{float:left; width:80px;height:80px; border:1px solid #ccc; margin-left:5px; display:block}
.alm_smallimg_block li img{width:80px;height:80px;}

#preview { width: 876px; height: auto; margin: 10px auto; border: 1px solid #e6e6e6; padding: 5px; zoom: 1; overflow: hidden; }
#spec-n1 { float: left; width: 730px; height: auto;min-height:550px; overflow: hidden; background: #fff; position: relative; z-index: 5; zoom: 1; }
#spec-n1 .o-img { width: 720px; height: auto; text-align: center; }
#spec-n1 .switch { width: 720px; height: auto; position: absolute; z-index: 10; top: 0; left: 0; }
#spec-n1 img { max-width: 720px; max-height: auto; _height: 384px; }
#foward { display: block; width: 360px; height: 540px; float: left; cursor:pointer; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#foward.disabled, #next.disabled { cursor: default; }
#next { display: block; width: 360px; height: 540px; float: right; cursor: pointer; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#spec-n5 { position: relative; float: right; width: 134px; height: 550px; padding: 25px 0px; zoom: 1 }
#spec-n5 .control { position: absolute; width: 134px; height: 25px; background-repeat: no-repeat; cursor: pointer; }
#spec-top { top: -2px; background: url(../images/icoin.png) 0 -30px; }
#spec-top.disabled { background-position: 0px -30px; }
#spec-bottom { bottom: -2px; background: url(../images/icoin.png) -139px -30px; }
#spec-bottom.disabled { background-position: -139px -61px; }
#spec-list { width: 134px; height: 500px; overflow: hidden; }
#spec-list ul { height: 490px; overflow: hidden; margin: 0; }
#spec-list li { width: 134px; height: 110px; text-align: center; }
#spec-list img { padding: 2px; border: 1px solid #E8E8E8;  width:128px; height:96px;}
#spec-list .curr img { padding: 1px; border: 2px solid #F45E15; width:128px; height:96px; }
.thickcon { line-height: 40px; text-align: center }

@media (min-width: 980px) and (max-width: 1199px) {
	#spec-n1 img{width:100%}
	#spec-n1 .o-img{width:100%}
}
@media screen and (max-width: 960px){
	.bx-viewport {height: 500px;}
}
@media (min-width: 768px) and (max-width: 979px) {
	
	#preview{ width:97%}
	#spec-n1{ width:80%;}
	#spec-n1 img{width:100%}
	#spec-n1 .o-img{width:100%}
}
@media (max-width: 767px) {
	.mpro{ display:block;width:100%;}
	.grid_9{width:100%;}
	.demo{ display:none}
	#preview{ width:100%}
	#spec-n1{ width:100%;}
	#spec-n1 img{width:100%}
	#spec-n1 .o-img{width:100%;height: auto;}
	#spec-n5{ display:none}
}
@media (max-width:480px) {
	.alm_smallimg_block li img{width:78px;height:78px;}
}
@media (min-width: 400px) and (max-width: 479px) {
	#preview{ width:100%}
	#spec-n1{ width:100%;height:100%}
	#spec-n1 img{width:100%; height:100%}
	#spec-n1 .o-img{width:100%; height:100%}
	#spec-n1 .switch{ width:100%; height:auto}
	#foward{height:auto}
	#spec-n5{ display:none}
}