/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/

/***************************宽屏样式(start)***************************/
.w_1200 .review_star span{margin-right: 3px;}
.w_1200 #banner .banner{width:100%; height:auto;}
.w_1200 #banner .banner dt{width:100%; height:auto;}
.w_1200 .banner dt .bd ul li, .w_1200 .banner dt .bd ul li a, .w_1200 .banner dt .bd img{width:940px; height:360px;}
.w_1200 #main .pro_right{width:940px;}
.w_1200 #banner .banner dd li{width:136px; padding:0 50px 0 110px;}
.w_1200 #banner .banner dd li.middle{width:184px;}
.w_1200 #banner .banner dd li .img{left:50px;}

.w_1200 .prod_box{ margin-bottom: 17px;width:100%;margin-left: 0;}
.w_1200 .prod_box .prod_box_pic{height:206px;}
.w_1200 .prod_box .prod_box_pic .thumb_hover{width:210px; height:210px;}
.w_1200 .prod_box .prod_box_button .wishlist, .w_1200 .prod_box .prod_box_button .compare{width:40px;}
.w_1200 .prod_box.first, .w_1200 .prod_box:first-child{margin-left:0;}

.w_1200 .prod_box_0{min-height:inherit;}

.w_1200 .prod_box_1{margin-bottom:0;}

.w_1200 .prod_box_2{width:208px; min-height:300px;}
.w_1200 .prod_box_2 .prod_box_pic{height:208px;}
.w_1200 .prod_box_2 .add_cart_box .add_cart_bg{top:173px; width:208px;}
.w_1200 .prod_box_2 .add_cart_box .add_cart{top:173px; width:208px; background-position:48px -140px;}

.w_1200 .prod_box_3{width:188px; padding:10px 10px 0; min-height:310px;}
.w_1200 .prod_box_3 .prod_box_pic{height:184px;}

.w_1200 .prod_box_4 .prod_action .addtocart{margin-left:5px;}

.w_1200 .prod_box_5{min-height:inherit;}
.w_1200 .prod_box_5 .prod_box_pic{height:200px;}
.w_1200 .prod_box_5 .prod_box_pic.pic_enlarge{height:210px;}

.w_1200 .prod_box_6{min-height:inherit;}
.w_1200 .prod_box_6 .prod_box_pic{height:210px;}
/***************************宽屏样式(end)***************************/
.turn_btn{ display: none; }
.review_star span{margin-right: 0;}
/*广告图*/
#banner{ padding:20px 0 30px;background-color:#f3f3f3;}
.banner{width:100%; height:auto; position: relative;}
.banner dt{display:block; width:100%; height:auto;}
.banner dt .bd li, .banner dt .bd li a, .banner dt .bd img{width:720px; height:276px;}
.banner dd{border:1px solid #dedede; background-color:#fff; height:96px; margin-top:14px;}
.banner dd li{width:134px; height:56px; float:left; display:block; padding:0 20px 0 76px; margin:20px 0; border-left:1px solid #e1e1e1; position:relative;}
.banner dd li:first-child{border:none;}
.banner dd li.middle{width:160px;}
.banner dd li a{text-decoration:none;}
.banner dd li .img{width:56px; height:56px; overflow:hidden; position:absolute; left:20px; top:0;}
.banner dd li h2{font-size:14px; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}
.banner dd li span{display:block; height:32px; line-height:16px; overflow:hidden;}
/*#banner_edit{ overflow: unset; }*/
.banner .banner_tab{ display: none; }
.banner .banner_prev{ position: absolute; left: -46px; top: 47%; transform: translateY(-50%); width: 26px; height: 49px; background: url(../images/ico/icon_turnPage.png) no-repeat center center; }
.banner .banner_next{ position: absolute; right: -46px; top: 47%; transform: translateY(-50%); width: 26px; height: 49px; background: url(../images/ico/icon_turnPage_right.png) no-repeat center center; }
.banner .banner_prev:hover{ background: url(../images/ico/icon_turnPage1.png) no-repeat center center; transform: translateY(-50%) rotate(180deg); }
.banner .banner_next:hover{ background: url(../images/ico/icon_turnPage1.png) no-repeat center center; *transform: rotate(0deg); }

#main{}
#main .pro_left{width:238px; margin-right:22px;}
#main .pro_left .sidebar:first-child{margin-top:0px;}
#main .pro_left .ad{margin-top:20px;}
#main .pro_left .popular_search .view{height:230px; overflow:hidden;}
#main .pro_right{width:720px;}
#main .pro_right .ad{margin-bottom:20px;}

/*产品列表*/
.prod_list{ padding: 0px 0 60px; background: #f3f3f3; }
.prod_list .title{height:30px; line-height:30px; padding:30px 0px; font-size: 30px; color: #000000; text-align: center;}
.prod_list .title h3{font-size:15px;}
.prod_list .video_box{ margin-top: 0; width: 100%;  height: 675px;*height: 630px; position: relative; }
.prod_list .play{ width: 138px; height: 138px; position: absolute; top: 244px; left: 530px; border: 1px solid #9d6e41; border-radius: 100%; background: url(../images/icon_play.png) no-repeat center center; cursor: pointer; z-index: 2; }
.prod_list .show_box{ width: 120px;position: absolute; top: 50%; transform: translateY(-50%); right: -140px; }
.prod_list .show_box a{ display: block; height: 60px; line-height: 60px; font-size: 14px; color: #666666; overflow: hidden; }
.prod_list .show_box a.mobile{ display: none; }
.prod_list .show_box a:hover{ text-decoration: none; color: #fe8a27 }
.prod_list .video_box .img{ position: absolute; top: 0; left: 0; z-index: 1; background: #000; width: 100%; height: 100%; } 
.prod_list .video_box .video{}
.prod_list .video_box .video video{ width: 100%;  height: 100%;*height: 630px; }


.prod_box{width:100%; }
.prod_box .pro_item{ margin-left: 15px; width: 390px; background: transparent; overflow: hidden; }
.prod_box .pro_item img{ vertical-align: middle;max-width: 100%;max-height: 100%; }
.prod_box .pro_item span{ display: inline-block;height: 100%;vertical-align: middle; }
.prod_box .pro_item:hover .stitle a{ color: #fe8a27; }
.prod_box .pro_item:first-child{ margin-left: 0; }
.prod_box .pro_item .img{ width: 100%; height: 268px; text-align: center; overflow: hidden; transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; }
.prod_box .pro_item .img:hover{ transform: scale(1.06); }
.prod_box .pro_item .stitle{ margin-top: 20px; height: 32px; line-height: 32px; font-size: 16px; color: #222222; text-align: center; overflow: hidden; } 
.prod_box .pro_item .brief{ font-size: 14px; height: 22px; line-height: 22px; color: #666666; overflow: hidden; text-align: center; overflow: hidden; }

.cont_Pro{ margin-bottom: 60px; padding: 55px 0 0; overflow: hidden; }
.cont_Pro .title{ display: block; width: 100%; height: 32px; line-height: 32px; text-align: center; overflow: hidden; }
.cont_Pro .title span{ display: inline-block; font-size: 30px; color: #222222; position: relative; letter-spacing: 4px; }
.cont_Pro .title span:after{ content: ''; width: 246px; height: 1px; background: url(../images/icon_dashed.png) no-repeat center center; position: absolute; top: 50%; transform: translateY(-50%); left: -260px; }
.cont_Pro .title span:before{ content: ''; width: 246px; height: 1px; background: url(../images/icon_dashed.png) no-repeat center center; position: absolute; top: 50%; transform: translateY(-50%); right: -260px; }
.cont_Pro .icon{ margin: 15px 0 30px; text-align: center; }
.cont_Pro .cont_list{}
.cont_Pro .cont_list .pro_item{ float: left; margin-left: 30px; margin-bottom: 30px; width: 380px; height: 500px; position: relative; overflow: hidden;  }
.cont_Pro .cont_list .pro_item:hover .brief{  -webkit-transform: translateY(0) translateX(0) scale(1);  transform: translateY(0) translateX(0) scale(1);  -webkit-transition: all 0.35s;  -o-transition: all 0.35s;  transition: all 0.35s;  opacity: 1;  filter: alpha(opacity=100); }
.cont_Pro .cont_list .pro_item.no_left{ margin-left: 0; }
.cont_Pro .cont_list .pro_item.big_width{ width: 790px; }
/*.cont_Pro .cont_list .pro_item .brief{ position: absolute; width: 100%; height: 45px; line-height: 45px; background: rgba(0, 0, 0, 0.7); text-align: center; position: absolute; bottom: 0; left: 0; opacity: 0; -webkit-transform: translateY(0) translateX(0) scale(0.25); transform: translateY(0) translateX(0) scale(0.25); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }*/
.cont_Pro .cont_list .pro_item .brief{ position: absolute; width: 100%; height: 45px; line-height: 45px; background: rgba(0, 0, 0, 0.7); text-align: center; position: absolute; bottom: 0; left: 0; -webkit-transform: translateY(0) translateX(0) scale(1); transform: translateY(0) translateX(0) scale(1); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; opacity: 1; filter: alpha(opacity=1); overflow: hidden; }
.cont_Pro .cont_list .pro_item .brief a{ font-size: 16px; color: #ef8c2a; }

#main .container .prod_list .title h3{ font-size: 30px; }

.video_box .bx-wrapper{ margin: 0 auto; }
	.video_box .bx-wrapper .bx-viewport{ border: none; left: 0; background: transparent; }
	.video_box .bx-wrapper .bx-pager{ display: none; }
	.video_box .bx-wrapper .bx-controls-direction a{ margin-top: 0; display: block; position: absolute; width: 4.0vw;height: 52.666667vw; line-height: 52.666667vw; color: #fff; font-size: 2.133333vw; text-align: center; z-index: 100; }
	.video_box .bx-wrapper .bx-prev{ top: 0; left: 0; background: url(../images/icon_arrow1.png) no-repeat center center; background-size: 4.0vw; transform: rotate(180deg); }
	.video_box .bx-wrapper .bx-next{ top: 0; right: 0; background: url(../images/icon_arrow1.png) no-repeat center center; background-size: 4.0vw; }
	.video_box .bx-wrapper .bx-next:hover , .video_box .bx-wrapper .bx-prev:hover{ background-position: center; }

@media screen and (max-width: 1540px){
	#banner .wide{ width: 96%; margin: 0 auto; min-width: unset;  }
	#banner_edit .banner_next{ right: -10px; }
	#banner_edit .banner_prev{ left: -10px; }
	.prod_list .video_box{ width: 90%; }
}

@media screen and (max-width: 1250px){
	.prod_box{ margin-bottom: 30px; }
}

@media screen and (max-width: 1200px){
	.prod_box .pro_item{ width: 323px; }
	.prod_list .video_box{ width: 900px; height: 525px; }
	.prod_list .video_box .rows{ height: 100%; }
	.prod_list .video_box .video video{ height: 525px; }
	.prod_list .play{ top: 50%; left: 50%; transform: translate(-50%,-50%); }
	.prod_list .video_box .img{ width: 100%; height: 100%; background: #000; }

	.cont_Pro .cont_list .pro_item{ width: 313px; height: 412px; }
	.cont_Pro .cont_list .pro_item.big_width{ width: 650px; }

	.banner .banner_prev{ left: 0; }
	.banner .banner_next{ right: 0; }
}

@media screen and (max-width: 1000px){
	.cont_Pro .wide1{ width: 750px; }
	.prod_box{ min-height: unset; }
	.prod_list .wide1{ width: 750px; }

	.prod_box .pro_item{ width: 240px; }
	.prod_box .pro_item .img{ height: 165px; }

	.prod_list .video_box{ width: 610px; height: 310px; }
	.prod_list .video_box .video video{ height: 310px; }

	.cont_Pro .cont_list .pro_item{ width: 240px; height: 315px; margin-left: 15px; margin-bottom: 15px; }
	.cont_Pro .cont_list .pro_item.big_width{ width: 495px; }
}

@media screen and (max-width: 750px){
	#banner{ padding: 0; }
	#banner .wide{ width: 100%; }
	#banner,.prod_list{ padding-bottom: 0; }

	#banner_edit .banner_tab{ display: block; }
	#banner_edit .banner_tab a.on{ background: #ef8c2a; }
	.banner .banner_prev,.banner .banner_next{ width: 15px; height: 30px; background-size: 100%; }
	.banner .banner_prev:hover,.banner .banner_next:hover{ background-size: 100%; }

	.prod_list .video_box{ overflow: hidden; }

	#banner_edit .banner_next,#banner_edit .banner_prev{ display: none; }

	.cont_Pro .cont_list .pro_item .brief{ padding: 5px 10px; width: calc( 100% - 20px ); height: 12.0vw; line-height: 6.0vw; opacity: 1; transform: scale(1)!important; }
	.cont_Pro .cont_list .pro_item.big_width .brief{ height: 6vw; }
	.cont_Pro .cont_list .pro_item .brief a{ font-size: 3.1vw; }

	#main .container .prod_list .title h3{ font-size: 5.0vw; }

	.cont_Pro{ padding-top: 7.333333vw; }
	.cont_Pro .title{ height: 5.6vw; line-height: 5.6vw; }

	.prod_list .show_box a{ display: none; }
	.prod_list .show_box a.mobile{ display: block; }


	.prod_box .pro_item{ margin-left: 0; margin-bottom: 5.333333vw; width: 100%; }
	.prod_list .title{ padding: 4.0vw 0; height: 4.0vw; line-height: 4.0vw;font-size: 4.0vw; }
	.prod_list .wide1{ width: 92.0vw; }
	.prod_list .wide1.video{ width: 100%; }
	.prod_box .pro_item .img{ height: 63.333333vw; text-align: center; }
	.prod_box .pro_item .img img{ vertical-align: middle; }
	.prod_box .pro_item .img span{ display: inline-block;height: 100%;vertical-align: middle; }
	.prod_box .pro_item .stitle{ margin-top: 2.666667vw; line-height: 5.266667vw; height: 5.266667vw; }
	.prod_box .pro_item .stitle a{ color: #ef8c2a;font-size: 3.2vw }
	.prod_box .pro_item:nth-child(3){ margin-bottom: 0; }

	.cont_Pro{ margin-bottom: 8.0vw; }
	.cont_Pro .title span{ font-size: 5.333333vw; }
	.cont_Pro .icon{ margin: 2.0vw 0 4.0vw; }
	.cont_Pro .wide1{ width: 92.0vw; }
	.cont_Pro .cont_list .pro_item{ margin-left: 3.866667vw; margin-bottom: 4.0vw; width: 44.0vw; height: 58.0vw; }
	.cont_Pro .cont_list .pro_item:nth-child(3),.cont_Pro .cont_list .pro_item:nth-child(7),.cont_Pro .cont_list .pro_item:nth-child(9),.cont_Pro .cont_list .pro_item:nth-child(13),.cont_Pro .cont_list .pro_item:nth-child(17),.cont_Pro .cont_list .pro_item:nth-child(22),.cont_Pro .cont_list .pro_item:nth-child(24){ margin-left: 0; }
	.cont_Pro .cont_list .pro_item:nth-child(4),.cont_Pro .cont_list .pro_item:nth-child(8),.cont_Pro .cont_list .pro_item:nth-child(14),.cont_Pro .cont_list .pro_item:nth-child(18),.cont_Pro .cont_list .pro_item:nth-child(23){ margin-left: 3.866667vw; }
	.cont_Pro .cont_list .pro_item:nth-child(24),.cont_Pro .cont_list .pro_item:nth-child(25){ margin-bottom: 0; }
	.cont_Pro .cont_list .pro_item.big_width{ margin-left: 0; width: 100%;  height: 58.266667vw; }

	.prod_list{ padding: 2.666667vw 0 0; }
	.prod_list .video_box{ width: 100%; height: auto; position: relative; }
	.prod_list .video_box .list_box{ width: 300vw; position: relative; transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; }
	.prod_list .video_box .rows{width: 100vw;float: left;display: block!important; position: relative; }
	/*.prod_list .video_box .rows.active{ display: block!important; }*/
	.prod_list .video_box .video video{ height: 52.666667vw; }
	.prod_list .video_box .turn_btn{ display: block;  }
	.prod_list .video_box .turn_btn a{ display: block; position: absolute; width: 4.0vw;height: 52.666667vw; line-height: 52.666667vw; color: #fff; font-size: 2.133333vw; text-align: center; z-index: 100; }
	.prod_list .video_box .turn_btn a.turn_prev{display: none!important; top: 0; left: 0; background: url(../images/icon_arrow1.png) no-repeat center center; background-size: 4.0vw; transform: rotate(180deg);}
	.prod_list .video_box .turn_btn a.turn_next{display: none!important; top: 0; right: 0; background: url(../images/icon_arrow1.png) no-repeat center center; background-size: 4.0vw; }
	.prod_list .video_box .turn_btn a.turn_next:hover , .prod_list .video_box .turn_btn a.turn_prev:hover{ text-decoration : none; }
	.prod_list .video_box .img{ height: 52.666667vw; }
	.prod_list .play{ width: 18.4vw; height: 18.4vw; background-size: 3.2vw 4.266667vw; }
	.prod_list .show_box{ margin: 0 auto; width: 92.0vw; position: static; transform: translateY(0); }
	.prod_list .show_box a{ font-size: 3.733333vw; }
}

