/*
 	2018-09-10
 	gaofeng
 * */
.bg-section1{min-width: 1000px;}
.home-title{position: relative;min-width: 1200px;width:100%; height:519px;background: url(banner_s_18.jpg) no-repeat center top;margin-top: 40px;background-size: cover;}
.home-title .section{height: 100%;position: relative;}
.title-section{position: absolute;left:-100px;top:180px;transition: left 0.4s linear 0.4s,opacity 0.4s linear 0.4s;-webkit-transition: left 0.4s linear 0.4s,opacity 0.4s linear 0.4s;opacity: 0;}
.customers-wrap.ani1,.brand-box1.ani1,.section-title.ani1,.await-box.ani1{top:-100px;position:relative;transition: all 1s;-webkit-transition: all 1s;opacity: 0;}
.like-main.ani1{bottom:-100px;position:relative;transition: all 1s;-webkit-transition: all 1s;opacity: 0;}
.section-title.ani3,.brand-box1.ani3,.await-box.ani3,.customers-wrap.ani3{top: 0 ;opacity: 1 ;}
.like-main.ani3{bottom: 0 ;opacity: 1 ;}
.title-section.ani4{left: 50px;opacity: 1 ;}
.tend-list>li.ani5,.mag-list>li.ani5{bottom: -100px;position:relative;transition: all 1s;-webkit-transition: all 1s;opacity: 0;}
.tend-list>li.ani6,.mag-list>li.ani6{bottom: 0;opacity: 1;}
.section-title{text-align: center;font-size: 42px;color: #fff;padding: 80px 0 55px 0}
.js-magazine>a{color: #fff;}
.section-title span{width: 60px;height: 1px;background-color: #fff;display: inline-block;vertical-align: middle;margin: 0 30px;opacity: .6;}
/*首页样式重置*/
.nav-header{transition: top 0.5s ease-in-out,background 0.1s ease-in-out;-webkit-transition: top 0.5s ease-in-out,background 0.1s ease-in-out; background: url(opa-fff-80.png) 0 0 repeat;margin: 0;z-index: 98;position: fixed;left: 0;top: -120px;width: 100%;min-width: 1200px;height: 80px;}
.nav-down{top: 0px;}
.dvertisement-box{background:#fff;}
.nav-hear-bg{background:#fff;}


/* 资料更新数量 */
.recently-update{padding:76px 0 92px 0;height:60px;text-align:center;font-size:0;line-height:60px;}
.recently-update>ul>li{display:inline-block;height:60px;}
.recently-update>ul>li>span{font-size:18px;color:#333;margin-right:60px;float: left;}
.recently-update>ul>li>span>i{background:url(icon.png) no-repeat -103px -44px;display:inline-block;width:8px;height:14px;margin-left:10px;}
.recently-update>ul>li>div{display:inline-block;font-size:60px;color:#666666;vertical-align:top;height:55px;}
.recently-update>ul>li>div>span{font-size:14px;color:#333;font-weight:normal;position: relative;top:-8px;}
.recently-update>ul>li.update-line{background-color:#e7e7e7;margin:0 80px;height:55px;width:1px;vertical-align:middle;position: relative;top:-8px;}

.recently-update .count-list{ font-size: 60px; height: 60px;position: relative;display: inline-block; vertical-align: -1px;}
.recently-update .count-list>span{display: block;float: left; width:40px;height: 60px;overflow: hidden;position: relative;font-size:60px;color:#666666;}
.recently-update .count-list>span>ul{position: absolute;z-index: 2;left: 0;top: 0;width: 100%;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}
.recently-update .count-list>span>ul>li{height: 60px;line-height: 60px;text-align: center;margin-bottom: 20px;font-size:60px;color:#666666;}
.count-set-show .recently-update .count-list{opacity: 1;vertical-align: -8px;}
.count-set-show .recently-update>li>div>span{opacity: 1;}

/* 广告位 */
.adver-section{width: 100%;height:374px;padding-bottom:80px;}
.adver-section img{transition: all .3s;-webkit-transition: all .3s;}
.adver-section a{display: block;}
.adver-banner{width: 707px; background-color: #eee;height:100%;float:left;overflow: hidden;position: relative;}
.adver-banner>ul>li{width: 707px;height: 374px;position: absolute;left:0;top:0;}
.adver-banner>ul>li>a{width:100%;height:100%;}
.adver-banner>ul>li>a>img{width:100%;height:100%;}
.adver-brand{float:right;height:100%;;position: relative;}
.adver-jewelry1,.adver-jewelry2{width: 267px;height: 174px;overflow: hidden;position: relative;}
.adver-jewelry1 img,.adver-jewelry2 img{width: 100%;height: 100%;}
.adver-jewelry2{position: absolute;bottom:0;margin-top: 40px;}
.adcer-content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color:  rgba(0,0,0,0.3);display: flex;justify-content: center;align-items: center;}
.adcer-content>p{font-size: 22px;line-height: 40px;color: #fff;word-break: break-all;width: 80%;text-align: center;}
.adver-jewelry1:hover img,.adver-jewelry2:hover img,.adver-banner:hover img{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.25);}
.adcer-content p{position: absolute\9;top:50%\9;margin-left: 10%\9;margin-top: -30px\9;}
.swiper-li{position: absolute;right: 20px;bottom: 20px;height: 4px;}
.swiper-li>a{width: 20px;height: 4px;border-radius: 3px;display: inline-block;position: relative;background-color: #1e1f2a;}
.swiper-li>a>span{width: 20px;height: 20px;display: inline-block;position: absolute;left: 0;top: 0;transition: width 0.5s ease;-webkit-transition: width 0.5s ease;opacity: 0;filter: alpha(opacity=0);}
.swiper-li .cur{background-color: #fff;width: 20px;opacity: 1;filter: alpha(opacity=100);}
/* 趋势分析 */
.tendency-box{width: 100%;height:585px; background-color: #eee;min-width: 1200px;}
.tendency-title{color: #333;}
.tendency-title span{background-color: #333;}
.tend-list{width: 100%;height: 270px;overflow: hidden;}
.tend-list>li{width: 320px;height: 270px;background-color: #fff;margin-right:100px;float:left;}
.tend-list>li>a{display: block;}
.tend-wrap-item{padding:15px}
.tend-img-box {width: 290px;height: 204px;overflow: hidden; position: relative;}
.tend-list>img{display:block;width: 100%;height: 100%;}
.tend-title{font-size: 16px; text-align: center;}
.tend-list>li .hover-content {position: absolute;left: 0;top: 0;width: 100%;height: 204px;line-height: 22px;background: url(tend_bg.jpg) repeat;opacity: 0;filter: alpha(opacity=0);transition: all 1s ease;-webkit-transition: all 1s ease;}
.hover-content>p{margin-top:35px;font-size:24px;color:#fff; text-align: center;}
.hover-content>div{margin: 15px;font-size:14px;color:#fff;word-break: break-all;}
.tend-list>li:hover .hover-content{opacity:.8;filter: alpha(opacity=80);}
.tend-list>li:hover {box-shadow: 0 0 3px #c9c8c8;}

/* 杂志 */
.magazine-box{width: 100%;height: 660px; background-color: #000;}
.mag-wrap{min-width: 1000px;height: 100%;background: url(bg_magazine.jpg) center no-repeat;background-size: 100% 100%;}
.mag-list{width: 100%;height:380px;overflow: hidden;}
.mag-list>li{width:226px;height:316px; margin-right:24px;float:left;position: relative;}
.border-bg{position: relative; width: 230px;height:320px;border: 4px solid #cc0066;opacity: 0;filter:Alpha(opacity=0); }
.mag-box{position: absolute;top:4px;left:4px;width: 230px;height: 320px;overflow: hidden;}
.mag-box>img{width: 230px;height: 320px;}
.mag-list>li:last-child{margin-right: 0;}
.mag-list>li>p{color:#fff;}
.mag-title{padding: 10px 10px 0px 10px;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #fff;font-size: 16px;}
.mag-list>li:hover .border-bg{opacity: 1;filter:Alpha(opacity=100);}

/* 品牌推荐 */
.brand-box{width: 100%;height: 820px;}
.brand-title{color: #333;}
.brand-title span{background-color:#333;}
.brand-wrap{width: 868px;height: 555px;background-color: #fff;margin:0px auto;overflow: hidden;box-shadow: 0 0 5px rgba(0,0,0,0.2);border: 1px solid #969696 \9;}
.brand-content{height: 55px;margin: 15px 30px 5px 30px;overflow: hidden;}
.brand-list{display: flex;display: -ms-flexbox;word-wrap: normal;left: 0;position:relative;transition: all 1s;-webkit-transition: all 1s;}
.brand-list>li{width: 90px;height: 42px;display: flex;align-items: center;justify-content: center;float:left;margin-right:10px;border:1px solid #ccc;position: relative;}
.brand-list img{width: 90px;height: 40px;}
.brand-list>li:last-child{margin-right:0;}
.brand-list .action{border: 1px solid #ce0065;}
.brand-list .action s{position: absolute;bottom: -20px;left: 35px;display: block;border-color: #ce0065 transparent transparent transparent;border-style: solid dashed dashed dashed;border-width: 10px;}
.brand-list .action i{position: absolute;top: -12px;left: -10px;display: block;border-color: #fff transparent transparent transparent;border-style: solid dashed dashed dashed;border-width: 10px;}
.brand-border{position: absolute;top:0;left:0;}
.jewelry{margin: 0 30px;}
.jewelry-List>ul>li{width: 165px;height: 220px;float: left;margin-right: 46px;margin-bottom: 21px;border: 1px solid rgba(0,0,0,0.1);}
.jewelry-List>ul>li img{width: 165px;height: 220px;}
.jewelry-List>ul>li:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.icon-left{width: 48px;height: 48px;float: left;}
.icon-right{width: 48px;height: 48px;float: right;}
.brand-box1{display: flex;align-items: center;display: block\9;position: relative;}
.brand-box1 .prev-btn{z-index: 10\9;position: absolute\9;left: 0px\9;top: 255px\9;}
.brand-box1 .next-btn{z-index: 10\9;position: absolute\9;right: 0px\9;top: 255px\9;}

/* 虚位 */
.await-box{width: 100%;height:235px; overflow: hidden;background-color: #fff;min-width: 1200px;}
.await-list{margin-top:50px; display: flex;justify-content: center;}

.await-list>li{width: 313px;height: 173px;float: left;overflow: hidden;margin-right:30px;position: relative;}
.await-list>li>img{width: 313px;height: 173px;}
.await-list>li:last-child{margin-right: 0;}

/* 优质客户 */
.customer-box{width: 100%;height: 393px;overflow: hidden;background-color: #fff;min-width: 1200px;}
.customers-list{margin-top:60px;overflow: hidden;}
.customer-title{color: #333;}
.customer-title span{background-color:#333;}
.customers-wrap{position: relative;overflow: hidden;display: flex;align-items: center;}
.customer-logo{overflow: hidden;}
.customer-logo>ul{float:left;overflow: hidden;}
.customer-logo>ul>li{float:left;width: 80px; margin-right:20px;}
.customer-logo>ul>li:last-child{margin-left:0px;}

.prev-logo {width: 48px;height: 48px;float: left;background: url("icon_list.png");background-position:0px 0px;cursor: pointer;}
.prev-logo:hover{background-position: 0 -75px;}
.logo-box{width: 900px;float: left;margin: 0 auto;overflow: hidden;}
.next-logo {width: 48px;height: 48px;float: right;background: url("icon_list.png");background-position:-76px -75px;cursor: pointer;}
.next-logo:hover{background-position: -76px 0px;}

/*悬浮底部导航*/
#footwrap{min-width: 1000px;width: 100%;background: url(bgopacity.png) repeat center center;height: 108px;position: fixed;bottom:0;left:0;z-index: 20;}
#footwrap .closeBtn{cursor:pointer;width: 54px;height: 54px;background: url(toClosed.png) no-repeat center center;position: absolute;right:0;top:0;}
#footwrap h3.fix_offer{font-family: "微软雅黑";font-size:40px;color:#fff;font-style: italic;font-weight: bold;}
#footwrap h3.fix_offer em{margin-top:-11px;display: inline-block;width: 40px;height: 42px;background: url(layerIcon23.png) no-repeat 0 0;vertical-align: middle;margin-right:10px;}
#footwrap p.fix_tel{font-family: "微软雅黑";font-size:18px;color:#fff;}
#footwrap .fix_offer{margin:10px 0 0;}
#footwrap .LayerFr{margin-top:29px;}
#footwrap .LayerFr a.qqContact{margin:0 16px;}
#footwrap .LayerFr a{text-align:center;line-height:49px;display: inline-block;width: 131px;height: 49px;background: #fff;border-radius:4px;font-family: "微软雅黑";font-size: 16px;color:#000;}
#footwrap .LayerFr .toLogin{background: #cc0066;color:#fff;}
#footwrap .LayerFr a.toLogin:hover{background: #ff0066;}

/* 猜你喜欢 */
.likeDom{background: #fcfcfc;}
.likeDom .like-list{width: 1000px;margin: 0 auto 60px;}
.likeDom .like-list .like-item{width: 178px;height: 238px;margin: 5px 25px 35px 0;float: left;display: block;border:1px solid #ddd;}
.likeDom .like-list .like-item:nth-child(5n){margin-right: 0;}
.likeDom .like-list .like-item:nth-child(6n){margin-right: 25px;}
.likeDom .like-list .like-item img{width: 100%;}
.likeDom .like-list .like-item:hover{box-shadow: 0 0 6px rgba(0,0,0,0.3);}
.likeDom .like-btn{width: 155px;height: 50px;line-height: 50px;margin: 0 auto;display: block;text-align: center;color: #333;font-size:16px;border: 1px solid #333;border-radius: 25px;}
.likeDom .like-btn:hover{color: #fff;background-color:#ff0066;border: 1px solid #ff0066;}
.like-main{padding-bottom: 65px;}
/* .likeDom .like-title{transition:all 1s;-webkit-transition:all 1s;position: relative;top: -400px;opacity: 0;}
.likeDom .like-main{transition:all 1s;-webkit-transition:all 1s;position: relative;bottom: -400px;opacity: 0;}
.feature-animate .like-title{opacity: 1;top: 0px;}
.feature-animate .like-main{opacity: 1;bottom: 0px;} */


@media only screen and (min-width: 1500px){
    .likeDom .like-list .like-item:nth-child(5n){margin-right: 31px;}
    .likeDom .like-list .like-item:nth-child(6n){margin-right: 0;}
    .likeDom .like-list .like-item{width: 208px;height: 278px;margin-right: 31px;}
	.likeDom .like-list{width: 1418px;}
	/* 广告 */
	.home-title{height:830px;background: url(banner_18.jpg) no-repeat center top;margin-top: 40px;background-size: cover;}
    .title-section{margin-top:120px;}
    .adver-banner{width: 1060px;}
    .adver-banner>ul>li{width: 1060px;height: 560px;}
    .adver-section{height: 560px;}
    .adver-jewelry1,.adver-jewelry2{width: 400px;height: 260px;}
	/* 趋势 */
	.tendency-box{height: 690px;}
	.tend-list{height:375px;}
	.tend-list>li{width: 443px;height: 375px;margin-right:85px;}
	.tend-wrap-item{padding:30px}
	.tend-img-box {width: 383px;height: 269px;}
	.tend-list>li .hover-content {height: 269px;}
	.hover-content>div{margin: 30px;}
	.hover-content>p{margin-top:60px;}
	/* 杂志 */
	.magazine-box{height: 840px;}
    .mag-list{height:545px;}
	.mag-list>li{width:341px;height:476px; margin-right:40px;}
    .mag-box{width: 345px;height: 480px;}
    .mag-box>img{width: 345px;height: 480px;}
	.border-bg{position: relative; width: 345px;height:480px;}
	/* 品牌 */
    .brand-box{height: 996px;}
    .brand-content{margin: 60px 60px 15px 60px;height: 95px;}
    .brand-list>li{height: 82px;width: 115px;margin-right: 23px;}
    .brand-list .action s{bottom: -21px;left: 40%;}
    .brand-list img{height: 80px;width: 115px;}
    .brand-wrap{width: 1360px;height: 700px;}
    .jewelry{margin: 0 60px;}
    .jewelry-List>ul>li{margin-right: 47px;margin-bottom: 20px;}
    /*虚位以待*/
    .await-list{margin-top: 100px;}
    .await-list>li{width: 470px;height: 260px;}
    .await-list>li>img{width: 470px;height: 260px;}
    .await-box{height: 360px;}
    /*优质客户*/
    .logo-box{width: 1400px;}
    .customer-logo>ul>li{width: 135px;}
}