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



.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:10px;}

.menupro ul li a {display: block;color: #666;background: none;border: 0;font-weight: 400;font-size:12px;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}

}