﻿@charset "utf-8";
/*==========字体 开始==========*/
/*可替换 开始*/
@font-face{font-family:"ydiconfont";src:url('//at.alicdn.com/t/font_2289826_4vnl1a5ilf9.woff2?t=1627635534963') format('woff2'),url('//at.alicdn.com/t/font_2289826_4vnl1a5ilf9.woff?t=1627635534963') format('woff'),url('//at.alicdn.com/t/font_2289826_4vnl1a5ilf9.ttf?t=1627635534963') format('truetype')}.ydiconfont{font-family:"ydiconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ydicon-shape4:before{content:"\e630"}.ydicon-shape5:before{content:"\e63c"}.ydicon-shape2:before{content:"\e652"}.ydicon-shape3:before{content:"\e631"}.ydicon-shape6:before{content:"\e649"}.ydicon-shape1:before{content:"\ea6a"}.ydicon-xsj1:before{content:"\e810"}.ydicon-xsj2:before{content:"\e62d"}.ydicon-xsj3:before{content:"\e644"}.ydicon-mulu:before{content:"\e62a"}.ydicon-show1:before{content:"\e629"}.ydicon-dot5:before{content:"\e619"}.ydicon-dot6:before{content:"\e623"}.ydicon-dot1:before{content:"\e618"}.ydicon-dot2:before{content:"\e628"}.ydicon-dot3:before{content:"\e615"}.ydicon-dot4:before{content:"\e616"}.ydicon-wangzhi:before{content:"\e622"}.ydicon-hh3:before{content:"\e69f"}.ydicon-hh:before{content:"\e6e0"}.ydicon-wangwang:before{content:"\e6c4"}.ydicon-wangwang1:before{content:"\e6ad"}.ydicon-hh1:before{content:"\e625"}.ydicon-qr1:before{content:"\e611"}.ydicon-MSN:before{content:"\e626"}.ydicon-qr2:before{content:"\e646"}.ydicon-hh2:before{content:"\e663"}.ydicon-qq2:before{content:"\e665"}.ydicon-msn1:before{content:"\e997"}.ydicon-skype:before{content:"\e915"}.ydicon-wx1:before{content:"\e640"}.ydicon-fb1:before{content:"\e613"}.ydicon-qq1:before{content:"\e79d"}.ydicon-phone2:before{content:"\e614"}.ydicon-msn2:before{content:"\e6ba"}.ydicon-gotop1:before{content:"\e67a"}.ydicon-gotop2:before{content:"\e67b"}.ydicon-gotop3:before{content:"\e624"}.ydicon-gotop4:before{content:"\e605"}.ydicon-gotop5:before{content:"\e65a"}.ydicon-gotop6:before{content:"\e67f"}.ydicon-gotop7:before{content:"\e660"}.ydicon-gotop8:before{content:"\e673"}.ydicon-gotop9:before{content:"\e612"}.ydicon-gotop10:before{content:"\e653"}.ydicon-gotop11:before{content:"\e802"}.ydicon-gotop12:before{content:"\e603"}.ydicon-gotop13:before{content:"\e6b4"}.ydicon-gotop14:before{content:"\e63f"}.ydicon-gotop15:before{content:"\e729"}.ydicon-gotop16:before{content:"\e60f"}.ydicon-gotop17:before{content:"\e66f"}.ydicon-gotop18:before{content:"\e604"}.ydicon-gotop19:before{content:"\e627"}.ydicon-gotop20:before{content:"\e703"}.ydicon-gotop21:before{content:"\e62f"}.ydicon-gotop22:before{content:"\e670"}.ydicon-gotop23:before{content:"\e610"}.ydicon-nothing:before{content:"\e64c"}.ydicon-badge-right:before{content:"\e60e"}.ydicon-add1:before{content:"\e620"}.ydicon-add:before{content:"\e728"}.ydicon-yes1:before{content:"\e6a6"}.ydicon-no1:before{content:"\e6a8"}.ydicon-no:before{content:"\e61e"}.ydicon-yes:before{content:"\e60c"}.ydicon-hit1:before{content:"\e62c"}.ydicon-hit:before{content:"\e61a"}.ydicon-address:before{content:"\e609"}
.ydicon-search:before{content:"\e60b"}.ydicon-prev:before{content:"\e60a"}.ydicon-next:before{content:"\e602"}.ydicon-youjian:before{content:"\e61b"}.ydicon-lianxiren:before{content:"\e60d"}.ydicon-dianhua:before{content:"\e606"}.ydicon-WB:before{content:"\e651"}.ydicon-WX:before{content:"\e691"}.ydicon-shouji:before{content:"\e63b"}.ydicon-wangzhan:before{content:"\e601"}.ydicon-weixin:before{content:"\e62e"}.ydicon-qq:before{content:"\e683"}.ydicon-youbian:before{content:"\e693"}.ydicon-dianhua1:before{content:"\e607"}.ydicon-FB:before{content:"\e608"}.ydicon-fax-full:before{content:"\e932"}.ydicon-Facebook:before{content:"\e711"}.ydicon-right4:before{content:"\e67d"}.ydicon-left4:before{content:"\e67e"}.ydicon-phone:before{content:"\e6c2"}.ydicon-left3:before{content:"\e726"}.ydicon-left1:before{content:"\e621"}.ydicon-right3:before{content:"\e727"}.ydicon-more1:before{content:"\e742"}.ydicon-more:before{content:"\e633"}.ydicon-right1:before{content:"\e62b"}.ydicon-play:before{content:"\e63a"}.ydicon-left:before{content:"\e61c"}.ydicon-right:before{content:"\e61d"}.ydicon-call:before{content:"\e7c0"}.ydicon-home:before{content:"\e617"}.ydicon-contact:before{content:"\e600"}.ydicon-product:before{content:"\e61f"}

/*可替换 结束*/
[class*='ydicon-']{ font-family: "ydiconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ydicon-play:before { display: inline-block; border-radius: 50%; background: rgba(0,0,0,.5); height: 46px; width: 46px; line-height: 46px; font-size: 22px; color: #FFF; text-align: center; }

/*==========@@swiper  开始@@==========*/
.swiper-container {
	margin:0 auto; position:relative; overflow:hidden; direction:ltr;
	-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden;
	z-index:1;
}
.swiper-wrapper {
	position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease;
	-o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
	-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;
	transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
.swiper-container { }
.swiper-slide {}
.swiper-slide-active {  }
.swiper-slide-visible { }
.swiper-pagination{ position: absolute; bottom: 15px; text-align: center; width: 100%; left: 0; z-index: 1; }
.swiper-pagination-switch { display: inline-block; width: 30px; height: 8px; margin: 0 5px; border: 1px solid #FFF; border-radius: 8px; cursor: pointer; transition-duration: .5s; }
.swiper-active-switch { background: #FFF; }
.swiper-visible-switch {  }
/*==========@@swiper  结束@@==========*/



/*是否全屏*/
.full-width0{ max-width: 1200px; margin: 0 auto;}


/*详情页组件2*/
.floor_detail2 .info_product_detail_wrap{ max-width:1200px; margin:0 auto; padding: 0 15px; line-height: 2.2em; overflow: hidden; }
.floor_detail2 .info_product_detail_wrap b{ font-weight:bold;}

.floor_detail2 .product_swiper{ position: relative; float: left; max-width: 650px; box-sizing: border-box; padding:0 25px 5px 3px;}
.floor_detail2 .product_swiper .InfoSwiper{ height: 330px; }
.floor_detail2 .product_swiper .InfoSwiper img{ display: block; width: 100%; }
.floor_detail2 .product_swiper .swiper-prev{ position: absolute; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 40px; color: #999; border-radius: 3px; left: 50px; top: 0; bottom: 0; margin: auto; cursor: pointer; background: #f4f5f9; padding: 15px 0; }
.floor_detail2 .product_swiper .swiper-prev:hover{ opacity: .8; }
.floor_detail2 .product_swiper .swiper-prev img{ width: 100%; display: block; }
.floor_detail2 .product_swiper .swiper-next{ position: absolute; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 40px; color: #999; border-radius: 3px; right: -480px; top: 0; bottom: 0; margin: auto; cursor: pointer; background: #f4f5f9; padding: 15px 0; }
.floor_detail2 .product_swiper .swiper-next:hover{ opacity: .8; }
.floor_detail2 .product_swiper .product_thumbnail{ text-align: center; }
.floor_detail2 .product_swiper .product_thumbnail img{width:98px; margin: 0px 5px 0; padding: 2px; cursor: pointer; }
.floor_detail2 .product_swiper .product_thumbnail img.on{ background: #04a07b; }

.floor_detail2 .detail_table{
	padding: 5px 0; min-width: 300px; 
	}
.floor_detail2 .detail_table .InfoTitle{  font-size:16px; font-weight:bold; text-align:left; }
.floor_detail2 .detail_table .InfoSContent{ margin-bottom: 8px; margin-top:-20px; }
.floor_detail2 .detail_table .MarketPrice{ font-size: .8em; text-decoration: line-through; color: #888; }
.floor_detail2 .detail_table .DiscountPrice{ font-size: 16px; color: #f44336; font-weight: bold; }

.floor_detail2 .InfoContent_main{ padding-top: 40px; }
.floor_detail2 .InfoContent_main:before{ content: ""; display: block; width: 140%; margin-left: -20%; height: 2px; background: #ddd; opacity: .5; }
.floor_detail2 .ProductDescription{ position: relative; max-width:1200px; margin: 15px auto; overflow: hidden; padding: 0 15px; color: #04a07b; }
.floor_detail2 .ProductDescription:after{ content: ''; position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px; background: #eee; }
.floor_detail2 .ProductDescription span{ float: left; border-bottom: 3px solid #04a07b; padding: 0 10px 10px; cursor: pointer; font-weight:bold;  }
.floor_detail2 .ProductDescription span:active{ opacity: .8; }
.floor_detail2 .InfoContent{ 
max-width:1200px;
margin:0 auto;
padding: 0 15px; 
line-height: 1.8em; 
text-align: justify;
word-wrap: break-word;
height:auto;
}



.grid-detail6 li{ width: 262px; float: left; margin-left:10px; border:solid 1px #6CF }
.grid-detail6 li a{ margin: 0 10px 20px; }
.grid-detail6 li .InfoPicture{ overflow: hidden; border-bottom:solid #F2F2F2 1px;}
.grid-detail6 li img{ transition-duration: .5s; }
.grid-detail6 li .InfoTitle{ font-size: 16px; text-align: left; color: #333; margin: 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-duration: .5s; }
.grid-detail6 li .InfoSContent{ font-size: 13px; margin: 15px 0; color: #999; height: 3.6em; line-height: 1.8em; overflow: hidden; }
.grid-detail6 li .InfoPrice{ margin: 15px 0; }
.grid-detail6 li .InfoTime{ position: relative; font-size: 18px; color: #888; font-weight: bold; margin: 15px 0; padding-top: 15px; border-top: 1px solid #ddd; transition-duration: .5s; }
.grid-detail6 li .InfoTime:after{ content: ""; position: absolute; left: 0; width: 0px; top: -1px; height: 1px; transition-duration: .5s; transform-origin: 0 0; }
.grid-detail6 li:hover .InfoTime:after{ width: 100%; }
.grid-detail6 li:hover img{ transform: scale(1.1); }
.detail6 li.liStyle2 a { background:#fff; }
.detail6 li.liStyle2 a .InfoWrap { padding:0 10px; }

.ThemeColorBorder{
	color: #39f;
    text-transform: uppercase;
    display: block;
    font-family: Proxima Nova Semibold,sans-serif;
    margin-bottom: 30px;
    padding-bottom: 12px;
    font-weight: 600;
}
.component_body{
	width:1200px;
	/*position:relative;*/
}
.swiper-prev{
	/*position:relative;*/
	height:287px;
  /*  left: -45px;*/
	cursor: pointer;
	outline: none;
	width:50px;
	 height:300px;
	 float:left;
}
.swiper-next{
	  position:relative;
	  top:-270px;
      left: 9px;
	cursor: pointer;
	outline: none;
	width:50px;
}
.swiper-prev img{
	margin-top:70px;
	margin-right:5px;
}
.swiper-next img{
	margin-top:70px;
}

.grid-detail6{
	width:1110px;
	height:275px;
	overflow:hidden;
}

/*产品图列表展示*/
    #proDetail .show {
        float: left;
        width: 482px;
        overflow: hidden;
        margin: 0 0 5px 0;
    }

        #proDetail .show div {
            width: 2904px;
            font-size: 0;
        }

	#proDetail .show div figure {
		width: 480px;
		height: 380px;
		border:solid #F2F2F2 1px;
	}

		#proDetail .show div figure:hover {
			border: 1px solid #C18484;
		}

		#proDetail .show div figure img {
			width: 100%;
			height: 380px;
			
		}

        #proDetail .show nav {
            margin: 5px 0 0 0;
        }

		#proDetail .show nav li {
			float: left;
			padding: 0px;
			background: url(../images/show-bg.png) no-repeat center bottom;
			list-style: outside none none;
			border:solid #F2F2F2 1px;
			width: 74px;
			height: 58px;
			overflow:hidden;
			margin: 0 2px 2px;
		 }
		#proDetail .show nav li a {
			display: block;
			width: 67px;
			height: 54px;
		}
                 /*
                #proDetail .show nav li + li {
                    margin: 0 0 0 13px;
                }
              
                    #proDetail .show nav li + li + li {
                        margin: 0 0 0 13px;
                    }

                        #proDetail .show nav li + li + li + li {
                            margin: 0 0 0 14px;
                        }
             */
            #proDetail .show nav img{
                width: 74px;
			    height: 58px;
            }
            #proDetail .show nav li:hover {
                background: url(../images/show-bg-hover.png) no-repeat center bottom;
            }

            #proDetail .show nav li.on {
                background: url(../images/show-bg-hover.png) no-repeat center bottom;
            }
/*图片放大*/			
.zoomdiv {z-index: 100;position: absolute;top:0px;left:0px;width: 200px;height: 200px;background: #ffffff;border:1px solid #CCCCCC;display:none;text-align: center;overflow: hidden;}
.jqZoomPup {z-index: 10;visibility: hidden; cursor: move;position: absolute;top:0px;left:0px;width: 50px;height: 50px;border: 1px solid #aaa;background: #ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}		

		


