.item{background:#fff;}
.item-title{margin:0px auto;width:1200px; padding:10px 0px;}
.item-title span{border-bottom:2px solid #07983B; border-left:1px solid #D0D1CC;border-right:1px solid #D0D1CC;border-top:1px solid #D0D1CC; display:block;height:40px; margin:20px 0px; background:#EBEBEB; border-radius:5px 5px 0px 0px; padding:0px 20px;}
.item-title span a{color:#07983B; display:inline-block;line-height:40px; font-size:14px;}
.item-content{margin:0px auto;width:1160px; padding:60px 0px;}
.item-container{margin:0px auto;width:1200px;}
.item-container img{ max-width:100%;}
.item-container video{ max-width:100%;}

.item-left{width:410px; float:left;}
.item-left p{ margin:0px; padding:0px; height:410px;}
.item-left p img{width:100%;height:100%; border-radius:8px;-moz-box-shadow:0 0 4px #bbb;-webkit-box-shadow:0 0 4px #bbb;box-shadow:0 0 4px #bbb;}
.item-left p video{width:100%; height:100%; border-radius:8px;-moz-box-shadow:0 0 4px #bbb;-webkit-box-shadow:0 0 4px #bbb;box-shadow:0 0 4px #bbb; background-color:#000;}

.item-left span{display:block; position:relative; padding:2px 30px 0px 30px; margin-top:20px; overflow:hidden; height:62px;white-space:nowrap;}
.item-left span i.iconangle-left{ position:absolute;left:0px;top:0px;line-height:62px; height:64px;border-radius:3px 0px 0px 3px; padding:0px 5px; font-size:16px;z-index:400; background:#fff;}
.item-left span i.iconangle-right{ position:absolute;right:0px;top:0px;line-height:62px; height:64px;border-radius:0px 3px 3px 0px; padding:0px 5px;font-size:16px;z-index:400;background:#fff;}
.item-left span a{ margin:0px 6px; position:relative; display:inline-block;}
.item-left span a i.iconsort-right{position:absolute;left:22%;top:22%; font-size:15px;color:#fff; background: rgba(0,153,62,0.8); border-radius:50%; padding:10px; background-position:center center; }
.item-left span a img{-moz-box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;box-shadow:0 0 2px #ccc; border-radius:5px;width:60px;height:60px;}


.item-right{width:710px; float:right;}
.item-right h2{ font-size:24px; display:block; margin:0px; padding:15px 0px 10px 0px;}
.item-right tags{ font-size:14px; display:block;color:#9E9E9E;}
.item-right span{ display:block; font-size:13px; margin:20px 0px; padding:10px 20px; background:#F5F5F5; border:1px solid #ddd; border-radius:5px;}
.item-right span b{color:#07983B; font-size:28px; display:inline-block; padding:0px 0px 0px 20px;}
.item-right span cite{color:#9E9E9E; text-decoration:line-through;font-style:normal; padding:0px 20px;}
.item-right p{ margin:0px; padding:0px; min-height:180px; font-size:14px;}
.item-right p label{display:block; position:relative; padding:10px 0px 10px 60px;}
.item-right p label b{display:inline-block;position:absolute;left:0px;top:10px; font-weight:500;padding:5px 0px;}
.item-right p label a{border:1px solid #D1DDD8; display:inline-block; border-radius:3px; padding:5px 10px; font-size:13px; margin:0px 5px 5px 0px; text-align: center;}
.item-right p label a:hover{border:1px solid #07983B;background:#07983B;color:#fff;}
.item-right p label a.on{border:1px solid #07983B;background:#07983B;color:#fff;}

.item-right em{ margin:0px; padding:0px 0px 30px 0px; font-style:normal; display:block;font-size:14px;}
.item-right em small{ display:inline-block; position:relative; margin-left:20px;}
.item-right em small input{ line-height:30px; height:30px;width:60px; border-radius:3px; border:1px solid #eee; padding:0px 20px; text-align:center;}
.item-right em small i.iconminus{ position:absolute;left:0px;top:0px;line-height:30px; height:32px; background:#D1DDD8;border-radius:3px 0px 0px 3px; padding:0px 8px; font-size:12px;}
.item-right em small i.iconplus{ position:absolute;right:0px;top:0px;line-height:30px; height:32px; background:#D1DDD8;border-radius:0px 3px 3px 0px; padding:0px 8px;font-size:12px;}

.item-right code{ margin:0px; padding:10px 0px 0px 0px; display:block;}
.item-right code a{ background:#07983B; border-radius:25px; display:inline-block;color:#fff; padding:10px 40px; margin-right:30px; font-size:14px;}


.promotion{margin:0px auto;width:1200px; position:relative; padding:45px 0px 0px 0px;}
.promotion-title{ height:40px; padding:5px 0px 0px 0px; position:absolute;left:0px;top:0px; z-index:10;}
.promotion-title a{border-radius:5px 5px 0px 0px;box-shadow:0px 0 2px 0px #bbb,-2px 0 2px -2px #bbb; display:inline-block; margin-right:10px; line-height:40px; height:40px; padding:0px 20px; font-size:14px;}
.promotion-title a.on{ background:#07983B;color:#fff;}

.promotion-content{border-radius:0px 5px 5px 5px;-moz-box-shadow:0 0 2px #bbb;-webkit-box-shadow:0 0 2px #bbb;box-shadow:0 0 2px #bbb;}
.promotion-content dl{ margin:0px; padding:0px; position:relative; background:#fff; z-index:20;border-radius:0px 5px 5px 5px;display:block;}
.promotion-content dl dt{ margin:0px; padding:50px 30px 0px 30px; position:absolute;right:0px;top:0px;bottom:0px; text-align:center; vertical-align:middle;border-left:1px solid #eee;width:180px;}
.promotion-content dl dt b{ display:block;color:#07983B; font-size:22px;line-height:25px;}
.promotion-content dl dt span{ display:block; font-size:13px; margin:10px 0px;line-height:25px;}
.promotion-content dl dt a{ display:inline-block; background:#07983B;color:#fff;font-size:13px; padding:5px 20px;border-radius:20px;}
.promotion-content dl dd{ margin:0px; padding:20px; height:180px;}
.promotion-content dl dt a:nth-child(4){ display:inline-block; background:#07983B;color:#fff;font-size:13px; padding:5px 20px;border-radius:20px; margin-top: 10px;}


.promotion-gift{background:rgba(0,0,0,.5); position:fixed;left:0px;top:0px;right:0px;bottom:0px; z-index:1001; display:none;}
.promotion-gift dl{margin:0px; padding:0px 20px;position: fixed;bottom: 50%;left: 50%;min-width: 800px;min-height: 400px;margin-bottom: -200px;margin-left: -400px; background:#fff; border-radius:5px;}
.promotion-gift dl dt{margin:0px; padding:0px; text-align:center; font-size:18px; position:relative; line-height:50px;height:50px; font-weight:bold;}
.promotion-gift dl dt a{ display:inline-block; position:absolute;right:10px;top:0px;}
.promotion-gift dl dd{margin:0px; padding:0px;}
.promotion-gift dl dd span{margin:0px; padding:0px; display:inline-block;width:200px; text-align:center;}
.promotion-gift dl dd span a{display:block; box-shadow:0px 0 2px 0px #bbb,-2px 0 2px -2px #bbb;margin:10px 10px; border-radius:5px;}
.promotion-gift dl dd span a img{max-width:100%;max-height:100%;}
.promotion-gift dl dd span a b{display:block; text-align:left; font-weight:500; padding:0px 10px; font-size:13px;height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.promotion-gift dl dd span a em{display:block; font-style:normal;color:#07983B;text-align:left;padding:10px 10px 10px 10px;}
.promotion-gift dl dd span button{display:inline-block;color:#07983B;border:1px solid #07983B; background:#fff; margin-top:10px; border-radius:20px; line-height:36px; text-align:center; padding:0px 55px; font-weight:bold; cursor:pointer;}

.swiper1{width:100%;line-height:0px; position:relative;}
.swiper1 .swiper-button-next{display:none;background-color:rgba(0,0,0,.5);width:80px;height:80px;line-height:80px;border-radius:50%;text-align:center;}
.swiper1 .swiper-button-prev{display:none;background-color:rgba(0,0,0,.5);width:80px;height:80px;line-height:80px;border-radius:50%;text-align:center;}

.swiper1:hover .swiper-button-next{ display:block;}
.swiper1:hover .swiper-button-prev{ display:block;}
.swiper1 .swiper-slide {font-size:0;text-align: center;width:100%;padding:0px; margin:0px; height:auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper1 .swiper-slide a{display:block;text-align:center;padding:0px; margin:0px;width:100%;}
.swiper1 .swiper-slide a img{width:100%; max-height:100%;}


.swiper2{ margin:0px; padding:0px 50px; width:810px;}
.swiper2 .swiper-slide{width:auto; height:auto;padding:0px; position:relative;}
.swiper2 .swiper-slide p{display:block; position:relative; margin:0px;padding:3px 0px 0px 0px;line-height:0px;}
.swiper2 .swiper-slide p img{max-width:100%; border-radius:3px;-moz-box-shadow:0 0 2px #bbb;-webkit-box-shadow:0 0 2px #bbb;box-shadow:0 0 2px #bbb;}
.swiper2 .swiper-slide p a.zeng{ background:#07B403; display:block; position:absolute;bottom:0px;left:-2px;right:0px;color:#fff;font-size:12px; text-align:center; line-height:25px; border-radius:55px 55px 3px 3px;}
.swiper2 .swiper-slide b{ font-weight:500; font-size:12px; margin:3px 0px; display:block; line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.swiper2 .swiper-slide font{color:#07983B;}
.swiper2 .swiper-slide i.jia{ position:absolute;left:-45px;top:30%; font-style:normal;color:#07983B; background:#EBEBEB; font-size:24px;width:30px;height:30px; border-radius:50%; text-align:center; margin:0px; padding:0px; line-height:25px;}
.swiper2 .swiper-slide i.zeng{ position:absolute;left:-45px;top:30%; font-style:normal;color:#07983B; background:#EBEBEB; font-size:13px;width:30px;height:30px; border-radius:50%;text-align:center;margin:0px; padding:0px;line-height:30px;}

.swiper2 .swiper-button-next{display:inline-block;background-color:#EBEBEB;width:30px;height:30px;line-height:30px;border-radius:50%;text-align:center;right:0px;}
.swiper2 .swiper-button-prev{display:inline-block;background-color:#EBEBEB;width:30px;height:30px;line-height:30px;border-radius:50%;text-align:center;left:0px;}

.swiper2 .swiper-button-next:after{ font-size:16px;color:#000;}
.swiper2 .swiper-button-prev:after{font-size:16px;color:#000;}



.swiper3{width:1400px;height:60vh;}
.swiper3 .swiper-slide{ height: calc(100vh / 3);}
.swiper3 .swiper-slide a{display:block;text-align:center;padding:0px; margin:0px; position:relative; line-height:0px;}
.swiper3 .swiper-slide a img{width:100%;height: calc(100vh / 5);}
.swiper3 .swiper-slide a b{ position:absolute;left:0px;bottom:0px;right:0px;color:#fff; background:rgba(0,0,0,.5); line-height:40px; font-size:15px;}

.swiper3 .swiper-title{ font-size:32px; margin:50px 0px 30px 0px;}





@media (min-width:1024px){
.swiper3{width:1400px;height:80%;}	
.swiper3 .swiper-slide a img{width:100%;height: calc(100vh / 4);}	
}
@media (min-width:768px){
.swiper3{width:1400px;height:100%;}	
.swiper3 .swiper-slide a img{width:100%;height: calc(100vh / 3);}	
}