.main{width: 1200px;margin: 0 auto;}

.zz{width: 100%;}

.wrap1 {margin:30px auto 0;position:relative;}

.zz .main .zz-dt{width: 1200px;height:662px; position:relative; margin-top:20px;}
.zz-dt .ban{ width:auto; height:662px; position:relative; }
.zz-dt .ban2{ width:auto; height:662px; position:relative; overflow:hidden;}
.zz-dt .ban2 ul{ position:absolute; left:0; top:0;}
.zz-dt .min_pic{ position:absolute; top:0; right: 0; height:100%; width:142px; background: rgba(0,0,0,0.7);}
.zz-dt .num{position:relative; height:540px; margin:60px 20px; overflow:hidden;}
.zz-dt .num ul{ position:absolute; left:0; top:0;}
.zz-dt .num ul li{ width:100px; height:100px; overflow:hidden; line-height:0; cursor:pointer; position:relative; margin-bottom:10px;}
.zz-dt .num ul li img{/* width:100%; */height: 100%; max-width:none;}
.zz-dt .num ul li b{ position:absolute; left:0; top:0; width: 100px; height: 100px; border:2px solid #fff; display:block; opacity:0; transition: all 0.3s;}
.zz-dt .num ul li.on b{opacity:1;}
.zz-dt .btn_box span{ cursor:pointer; display:block; width:100px; height:30px; position:absolute; left:0; margin:20px;}
.zz-dt .btn_box .p1{ background:url(../images/zz-btn1_03.jpg); top:0;}
.zz-dt .btn_box .p2{ background:url(../images/zz-btn2_06.jpg); bottom:0;}

.zz .main > .txt{background: #FFFFFF;padding-bottom: 30px;border: 1px solid #C8EEC5;border-top: none;}
.zz .main .txt .zz-l li .img li .txt{color: #FFFFFF;}
.zz .main .txt .zz-l > ul{border-right: 1px solid #C8EEC5;}
.zz .main .txt .zz-l {width:544px;margin-left: 60px;float: left;}
.zz .main .txt .zz-l h1{font-size: 30px;color: #54be73;font-weight: 400;margin-top: 30px;margin-bottom: 30px;}
.zz .main .txt .zz-l li{font-size: 15px;color: #54be73;margin-bottom: 13px;width: 100%; clear:both; overflow:hidden;}
.zz .main .txt .zz-l li i{display: inline-block;width: 32px;}
.zz .main .txt .zz-l li .img li{float: left;margin-right: 10px;border: 1px solid #54be73;background: #54be73;width: 94px;height: 77px;text-align: center; clear:none;}
.zz .main .txt .zz-l .zl .z-w {float: left;}
.zz .main .txt .zz-l .zl .img{display:block;margin: 6px 0 0 88px;clear:none;}
.zz .main .txt .zz-l .f1{float: left;}
.zz .main .txt .zz-l .f2{display:block;margin-left: 88px;}

.zz .main .txt .zz-l li .img .last .txt{line-height: 77px;}
.zz .main .txt .zz-l .f1 {width: 87px;}
.zz .main .txt .zz-l .zl .z-w{width: 88px;}
.zz .main .txt .zz-l li .img{}
.zz .main .txt .zz-l .zl{margin-bottom:20px;}
.zz .main .txt .zz-r {float: right;margin-top: 14px;}
.zz .main .txt .zz-r li{float: left;margin-left: 5px;}
.zz .main .txt .zz-r .fx{margin:60px 40px 0 0;float: right;}
.zz .main .txt .zz-r span{width: 590px;display: block;font-size: 15px;color: #54be73;margin-top: 90px;line-height: 1.8;padding: 0 35px;}
.zz .main .zz-d .sp1{font-size: 14px;color: #54be73;}
.zz .main .zz-d .sp11{ margin-left:50px;}
.zz .main .zz-d .sp2 a{font-size: 14px;color: #737373; }
.zz .main .zz-d .sp2 a:hover{color: #54be73;}
.zz .main .zz-d {}
.zz .main .zz-d span{padding-top: 30px;display: inline-block;}



.main .main-tou1{display: block;}
.main .main-tou1,.main .main-tou1 a{font-size: 14px;color: #70706f;line-height:30px;}
.main .main-tou1 .a1{color: #54be73;}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>移动端>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

@media screen and (max-width:1200px){
	
.main{ margin:0 20px}
.main,.main .xwhd,.main .dxcp{ width:auto;}


/*产品-最终页*/
.zz .nav-bg1{ margin-bottom:20px;}
.zz .nav-bg1 .nav{ width:auto;}
.zz .nav-bg1 .nav li a{  line-height:52px;}
.zz .nav-bg2{ margin-bottom:0;}
.zz .main .sele_box1{ width:auto; float:none; margin-right:130px;}
.zz .main .zz-dt{width:984px; height:540px;}
.zz-dt .ban{ height:540px; }
.zz-dt .ban2{height:540px;}
.zz-dt .ban2 ul li{width:984px; line-height:0;}
.zz-dt .ban2 ul li img{ width:100%;}
.zz-dt .num{ height:430px; margin:55px 20px; }
.zz-dt .btn_box span{ margin:10px 20px;}
.zz .main .txt{width:984px; padding:0 40px; margin:0 auto;}
.zz .main .txt .zz-l{ width:50%; margin:0;}
.zz .main .txt .zz-l h1{ font-size:30px; margin:30px 0 30px 0;}
.zz .main .txt .zz-r{ width:50%; margin:0;}
.zz .main .txt .zz-r span{ width:auto; margin:100px 0 0 40px; display:block; padding:0; clear:both; overflow:hidden;}
.zz .main .txt .zz-r .fx{ margin:80px 0 30px 0;}
.zz .main .zz-d{width:984px; margin:0 auto;}
.zz .main .txt .zz-l li .txt{ width:auto; padding:0;}



}


@media screen and (max-width:1002px){/*--1024-768--*/


.zz .main .zz-dt{ width:728px; height:400px;}
.zz-dt .ban{ height:400px; }
.zz-dt .ban2{height:400px;}
.zz-dt .ban2 ul li{width:728px; line-height:0;}
.zz-dt .ban2 ul li img{ width:100%;}
.zz-dt .min_pic{ width:105px; right:0;}
.zz-dt .num{ height:318px; margin:40px 15px; }
.zz-dt .num ul li{ width:75px; height:75px; margin-bottom:5px;}
.zz-dt .num ul li b{ width:75px; height:75px;}
.zz-dt .btn_box span{ width:75px; height:23px; margin:10px 15px;}
.zz-dt .btn_box .p1{ background-size:75px;}
.zz-dt .btn_box .p2{ background-size:75px;}
.zz .main .txt{width:728px; padding:0 40px; position:relative;}
.zz .main .txt .zz-l{width:auto;float:none;border-bottom: 1px solid #C8EEC5;padding-bottom:10px;margin-bottom:15px;}
.zz .main .txt .zz-l > ul{ border:0;}
.zz .main .txt .zz-l h1{ font-size:24px; margin:30px 0 20px 0;}
.zz .main .txt .zz-l .zl{ margin-bottom:15px;}
.zz .main .txt .zz-r{ width:auto; float:none; padding-bottom:35px;}
.zz .main .txt .zz-r span{margin:0;}
.zz .main .txt .zz-r .fx{ position:absolute; right:0; top:0; margin:50px 40px 0 0;}
.zz .main .zz-d{width:728px; height:auto; margin:0 auto; padding:20px 0 40px 0;}
.zz .main .zz-d span{ padding:0;}



}

@media screen and (max-width:758px){/*--768-0--*/
.main{ margin:0 10px;}


/*产品-最终页*/
.zz .main .bt1{ height:auto; background:none; margin-bottom:20px; padding:0 38%;}
.zz .main .bt1 img{ padding:0;}
.zz .main .sele select{ width:100%; border:0; background:none; height:37px; line-height:37px;}
.zz .main .main-tou1{margin-bottom:0;padding-bottom: 5px;}
.zz .main .zz-dt{ width:460px; margin-top:10px; height:254px;}
.zz-dt .ban{ height:254px; }
.zz-dt .ban2{height:254px;}
.zz-dt .ban2 ul li{width:460px;}
.zz-dt .ban2 ul li img{ width:100%;}
.zz-dt .min_pic{ width:100%; right:0; bottom:0; top:auto; height:72px;}
.zz-dt .num{ height:115px; margin:5px 25px; }
.zz-dt .num ul{ width:9999px;}
.zz-dt .num ul li{ width:55px; height:55px; margin-bottom:5px; float:left; margin:4px;}
.zz-dt .num ul li b{ width:55px; height:55px;}
.zz-dt .btn_box span{ width:55px; height:15px; margin:5px;}
.zz-dt .btn_box .p1{ background-size:55px; transform:rotate(-90deg); left:-20px; top:24px;}
.zz-dt .btn_box .p2{ background-size:55px; transform:rotate(-90deg);right:-20px; top:24px; bottom:auto; left:auto;}
.zz .main .txt{ width:460px; padding:0 10px;}
.zz .main .txt .zz-l{padding-bottom: 10px;margin-bottom: 15px;}
.zz .main .txt .zz-l h1{ font-size:18px; margin:20px 0 15px 0;}
.zz .main .txt .zz-l li{font-size: 14px;}
.zz .main .txt .zz-l .zl{ margin-bottom:15px;}
.zz .main .txt .zz-l li .img li{width: 78px;height:63px;margin:0 5px 5px 0;}
.zz .main .txt .zz-l li .img .last .txt{ height:63px; line-height:63px;}
.zz .main .txt .zz-l li i{ width:24px;}
.zz .main .txt .zz-l .zl .z-w{ width:auto;}
.zz .main .txt .zz-l .f1{ width:auto;}
.zz .main .txt .zz-l .zl .img{ margin:0 0 0 68px;}
.zz .main .txt .zz-l .zl .img li img{ width:100%;}
.zz .main .txt .zz-l li .img li .txt{ width:auto;}
.zz .main .txt .zz-l .f2{ margin:0 0 0 68px;}


.zz .main .txt .zz-r{ padding-bottom:20px;}
.zz .main .txt .zz-r span{font-size: 14px;line-height: 1.8;}
.zz .main .txt .zz-r .fx{margin:10px 10px 0 0; display:none;}
.zz .main .zz-d{width:460px; padding:10px 0;}
.zz .main .zz-d span{padding: 5px 0;}
.zz .main .zz-d .sp1{float:left;font-size: 14px;}
.zz .main .zz-d .sp2{ display:block; margin-left:70px; font-size:12px;}
.zz .main .zz-d .sp11{ margin:0;}


}

@media screen and (max-width:470px){/*--480-0--*/

/*产品-最终*/
.zz .main .txt .zz-l li .img li{ height:27px; line-height:27px;}
.zz .main .txt .zz-l li .img li .pic{ display:none;}
.zz .main .txt .zz-l li .img .last .txt{ height:27px; line-height:27px;}


.zz-dt .ban2 ul li{ width:352px;}
.zz .main .zz-dt{ width:352px;}
.zz .main .txt{width:352px;}
.zz .main .zz-d{ width:352px;}
.zz .main .zz-dt{ height:236px;}
.zz-dt .ban{ height:236px; }
.zz-dt .ban2{height:236px;}




}