@charset "utf-8";
.btest{float:right;*display:inline;background:#83bb40}
.details-section .container{padding-top:30px;max-width:1200px;margin:2.6% auto 0;overflow:hidden;*zoom:1}
.details-section .container:after,.details-section .container:before{content:"";display:table}
.details-section .container:after{clear:both}
.details-section .container .g-sidebar{width:22%;float:left;*display:inline;position:relative;z-index:20;margin-top:18px}
.details-section .container .g-sidebar h3{width:98%;margin-left:2%;font-size:23px;font-weight:400;line-height:23px;color:#494444}
.details-section .container .g-sidebar .line{width:98%;border-top:2px solid #83bb40;margin-top:20px;margin-bottom:10px;margin-left:2%}
.details-section .container .g-sidebar .list{width:98%;margin-left:2%}
.details-section .container .g-sidebar .list .title{font-size:20px;line-height:20px;color:#000;padding:17px 0 17px 26px;background:url(../hl_left.png) no-repeat left center;cursor:pointer;border-bottom:1px solid #e3e3e3;display:block}
.details-section .container .g-sidebar .list .titletwo{line-height:20px;background-position:left 17px}
.details-section .container .g-sidebar .list .active{background:url(../hl_down.png) no-repeat left 20px}
.details-section .container .g-sidebar .list li{padding-left:26px;margin-top:13px;display:none}
.details-section .container .g-sidebar .list li a{background:url(../hl_sleft.png) no-repeat left center;padding-left:16px;font-size:14px;line-height:16px;color:#999}
.details-section .container .g-sidebar .list li a:hover{color:#000}
@media screen and (max-width:990px){
.details-section .container .g-sidebar{float:none;width:95%;margin-top:5%}
}
.details-section .container .main{padding:0 0 77px 274px;position:relative;z-index:5}
.details-section .container .main .main-white{height:60px}
.details-section .container .main .slider{width:367px;position:absolute;left:274px;top:18px}
.details-section .container .main .slider .large-box{position:relative;margin-bottom:6px;width:367px;height:311px;overflow:hidden;background-color:#fff}
.details-section .container .main .slider .large-box ul{*zoom:1}
.details-section .container .main .slider .large-box ul:after{clear:both}
.details-section .container .main .slider .large-box .marquee{position:absolute;width:150px;height:150px;background:#fff;opacity:.5}
.details-section .container .main .slider .btn{display:block;width:19px;height:32px;cursor:pointer;margin-top:8px}
.details-section .container .main .slider .left-btn{float:left;*display:inline;margin-right:7px;background:url(../qy-btuleft.png)}
.details-section .container .main .slider .right-btn{float:right;*display:inline;background:url(../qy-bturight.png)}
.details-section .container .main .slider .small-list{position:relative;float:left;width:315px;height:50px;overflow:hidden}
.details-section .container .main .slider .small-list ul{*zoom:1}
.details-section .container .main .slider .small-list ul:after,.details-section .container .main .slider .small-list ul:before{content:"";display:table}
.details-section .container .main .slider .small-list ul:after{clear:both}
.details-section .container .main .slider .small-list li{position:relative;float:left;*display:inline;margin-right:10px;width:65px;padding:2px 3px;border:1px solid #eee}
.details-section .container .main .slider .small-list li.on .bun-bg{display:block}
.details-section .container .main .slider .small-list li .bun-bg{display:none;position:absolute;top:2px;left:3px;width:65px;height:50px;background:#000;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
.details-section .container .main .slider .show-box{position:absolute;display:none;width:367px;height:311px;overflow:hidden;left:368px;top:0;background:#fff}
.details-section .container .main .main-container{padding:0 0 0 25px}
.details-section .container .main .main-container .main-contant{background:#fbfaf8;padding:0 0 40px 0}
.details-section .container .main .main-container .main-contant h1{display:block;padding:20px 30px;margin-left:346px;color:#fff;background:#83bb40;font-size:20px;font-weight:400;line-height:25px}
.details-section .container .main .main-container .main-contant h1 em{display:inline-block;line-height:32px;font-size:20px;vertical-align:middle}
.details-section .container .main .main-container .main-contant .main-titleone em{margin-left:346px}
.details-section .container .main .main-container .main-contant .main-title{margin:44px 0 30px -25px;padding:10px 50px;width:86.7%;color:#fff;background:#83bb40}
.details-section .container .main .main-container .main-contant .main-title em{font-size:18px;line-height:28px}
.details-section .container .main .main-container .main-contant p{*zoom:1;font-size:14px;line-height:26px;padding:0 5% 0 3%;color:#000}
.details-section .container .main .main-container .main-contant .details img{max-width:100%}
.details-section .container .main .main-container .main-contant p a{color:#333}
.details-section .container .main .main-container .main-contant .right-details{margin-left:346px;padding:6px 5% 0 3%;overflow:hidden;min-height:230px}
.details-section .container .main .main-container .main-contant .right-details p{padding:0}
.details-section .container .main .main-container .main-contant .right-details button{display:block;background:#676568;color:#fff;font-size:16px;height:42px;line-height:42px;padding:0 21px;border:0;float:left;*display:inline;margin-top:60px}
.details-section .container .main .main-container .main-contant .right-details .share-tools{float:right;*display:inline;margin-top:75px}
.details-section .container .main .main-container .main-contant .right-details .share-tools a{width:26px;height:26px;float:left}
@media screen and (max-width:1050px) and (min-width:990px){
.details-section .container .main .main-container .main-contant .right-details .share-tools{float:right;margin-top:20px}
.details-section .container .main .main-container .main-contant .right-details .share-tools a{margin-left:2px}
.details-section .container .main .main-container .main-contant .right-details button{margin-top:10px}
}
@media screen and (max-width:990px){
.details-section .container .main .main-container .main-contant .right-details{margin-left:0;padding:116px 5% 0 3%}
.details-section .container .main .main-container .main-contant .main-titleone{height:200px;overflow:hidden}
}
.details-section .container .main .main-container .main-contant .prevNext{background:#e6e6e6;padding:20px 0;*zoom:1;margin-top:20px}
.details-section .container .main .main-container .main-contant .prevNext:after,.details-section .container .main .main-container .main-contant .prevNext:before{content:"";display:table}
.details-section .container .main .main-container .main-contant .prevNext:after{clear:both}
.details-section .container .main .main-container .main-contant .prevNext .prev{width:46%;float:left;*display:inline;margin-left:2%;padding:0}
.details-section .container .main .main-container .main-contant .prevNext .prev a{text-decoration:underline;line-height:26px;color:#aaa;border:0;float:none;display:inline;margin:0;padding:0;font-size:14px}
.details-section .container .main .main-container .main-contant .prevNext .next{width:46%;float:right;*display:inline;margin-right:2%;padding:0}
.details-section .container .main .main-container .main-contant .prevNext .next a{text-decoration:underline;font-size:18px;line-height:26px;color:#aaa;border:0;margin:0;height:auto;display:inline;padding:0;float:none;font-size:14px}
.details-section .container .main .main-container .main-contant form{padding:6px 5% 0 3%}
.details-section .container .main .main-container .main-contant form li{font-size:14px;line-height:36px;margin-bottom:20px}
.details-section .container .main .main-container .main-contant form li em{display:inline-block;color:#201f1a;width:78px;text-align:right;font-weight:400;margin-right:10px;vertical-align:top}
.details-section .container .main .main-container .main-contant form li em i{color:#ff0f0f}
.details-section .container .main .main-container .main-contant form li input{font-size:14px;line-height:36px;height:36px;width:50%;color:#201f1a;text-indent:10px}
.details-section .container .main .main-container .main-contant form li textarea{height:122px;font-size:14px;line-height:28px;padding:10px;width:60%;color:#201f1a}
.details-section .container .main .main-container .main-contant form .li{margin:0}
.details-section .container .main .main-container .main-contant form .form-agree{font-weight:400;color:#666;margin-left:88px}
.details-section .container .main .main-container .main-contant form .form-agree input{vertical-align:middle}
.details-section .container .main .main-container .main-contant form button{display:block;margin:28px 0 0 88px;background:#000;color:#fff;font-size:16px;height:42px;line-height:42px;padding:0 22px;border:0}
@media screen and (max-width:990px){
.details-section .container .sidebar{float:none;width:100%}
.details-section .container .main{padding:0 0 0 10px}
.details-section .container .main .slider{left:0}
}
@media screen and (max-width:640px){
.details-section .container .main{padding:0}
.details-section .container .main .main-container{padding:0}
.details-section .container .main .main-container .main-contant .main-titleone{background:#fff}
.details-section .container .main .main-container .main-contant .flip em{float:left}
.details-section .container .main .slider{left:50%;margin-left:-183px}
}
.large-box ul li{width:367px;height:311px;text-align:center}
.large-box ul li img{max-width:367px;max-height:311px}
.small-list ul li{text-align:center;width:65px;height:44px}
.small-list ul li img{max-width:65px;max-height:44px}
.singglepic{float:left;position:absolute!important}
.productsTags{padding:0 20px;margin:0 auto;font-size:14px}
.hot{width:100%;padding-top:80px}
.hot .hot-list li{font-size:20px;line-height:20px;color:#000;padding:17px 0 17px 26px;background:url(../hl_fire.png) no-repeat left center;cursor:pointer;border-bottom:1px solid #e3e3e3;margin-left:2%}
.keywords{margin-left:25px;font-size:14px}
.keywords span a{border:0;display:inline;font-size:14px;border:1px solid #ccc;line-height:40px;padding:7px 15px}
.rollPro1{width:100%;margin:10px auto;overflow:hidden}
.rollPro1 h2{padding-bottom:10px}
.rollPro1 li{width:30%;float:left;margin-right:5%;text-align:center}
.rollPro1 li:nth-of-type(3){margin-right:0}
.rollPro1 li:nth-of-type(6){margin-right:0}
.rollPro1 li:nth-of-type(9){margin-right:0}
.rollPro1 li:nth-of-type(12){margin-right:0}
.rollPro1 li .pbox{border:1px solid #eee;padding:4px;height:150px}
.rollPro1 li .pbox img{max-width:100%;max-height:150px}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}