html{font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/}
body{font-family: "microsoft yahei", "sans-serif", "华文细黑", "黑体" !important;}
ol,
li{list-style: none;}
#header,
footer{overflow: hidden; width: 100%;}
/*css3*/
.clear:after{display: block; content: ''; clear: both;}
.czjz{position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.czspjz{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.verticle-mode{writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
/*header*/
.swiper-container1,
.swiper-container2{margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1;}
/*正常屏幕*/
.h-nav{position: relative; width: 100%;}
.h-nav .container{position: relative;}
.h-nav:after{display: block; content: ''; clear: both;}
.h-nav h1{float: left; padding-top: 30px;}
.h-nav nav{float: right; width: 75%;}
.h-nav nav ul:after{display: block; content: ''; clear: both;}
.h-nav nav ul > li{float: left; width: 12%; border-left: 1px solid #e3e3e3; position: relative;}
.h-nav nav ul > li:first-child{border-left: 0;}
.h-nav nav ul > li > a{display: block; line-height: 100px; text-align: center;}
.h-nav nav ul > li div{position: absolute; background: #eee; left: 0; top: 0; z-index: 100;}
.h-nav nav ul > li:hover a{color: #c99d73;}
.h-nav .nav-con{position: absolute; left: 0; top: 100px; z-index: 100; width: 100%;}
.h-nav .nav-con .nav-con-li{overflow: hidden; display: none; width: 94%; background: #fafcfa; padding: 20px 3%; position: absolute; left: 0; top: 0;}
.h-nav .nav-con .nav-con-li h3{font-size: 22px; margin-bottom: 30px;}
.h-nav .nav-con .nav-con-li span{float: left; width: 50%;}
.h-nav .nav-con .nav-con-li span a{display: inline-block; width: 25%; margin-bottom: 25px; color: #666; transition: 300ms ease; -webkit-transition: 300ms ease;}
.h-nav .nav-con .nav-con-li span a i{color: #999;}
.h-nav .nav-con .nav-con-li span a:hover{color: #c99d73;}
.h-nav .nav-con .nav-con-li img{float: right; width: 50%; margin-top: -50px;}
.fix-nav{position: fixed; top: 0; background: rgba(253, 253, 253, 0.92); z-index: 100; border-bottom: 1px solid #c99d73;}
/*小屏幕手机*/
.hidden-g{position: relative; height: 60px;}
.hidden-g .h-nav-g{position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 60px; background: #fff; transition: 300ms; -webkit-transition: 300ms;}
.hidden-g .h-nav-g h1{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); max-height: 60px; color: #5d5d5d; font-size: 18px;}
.hidden-g .h-nav-g .btn_i{display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.hidden-g .h-nav-g .btn_i small,
.hidden-g .h-nav-g .btn_i:before,
.hidden-g .h-nav-g .btn_i:after{display: block; content: ''; width: 24px; height: 2px; background: #000000; border-radius: 4px; margin: 6px 0;}
.hidden-g .h-nav-g .btn_i_click small{opacity: 0;}
.hidden-g .h-nav-g .btn_i_click:before{transform: rotateZ(45deg); transform-origin: 0px 6px;}
.hidden-g .h-nav-g .btn_i_click:after{transform: rotateZ(-45deg); transform-origin: 5px -1px;}
.hidden-g .h-nav-g .i_tel{display: block; background-repeat: no-repeat; background-position: center; cursor: pointer; background-image: url("../images/tel.png"); position: absolute; right: 15px; top: 0; height: 60px; width: 40px;}
.hidden-g .ul-small{background: #3a3a3a; width: 220px; height: 100%; position: fixed; right: 0; top: 0; z-index: 1000; transform: translateX(220px); transition: 300ms; -webkit-transition: 300ms; -webkit-transform: translateX(220px);}
.hidden-g .ul-small input{width: 160px; line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px;}
.hidden-g .ul-small ul{margin-top: 20px;}
.hidden-g .ul-small ul li > a{color: #fff; padding-left: 30px; padding-right: 30px; line-height: 40px; display: block;}
.hidden-g .ul-small ul li > a i{float: right; font-size: 12px;}
.hidden-g .ul-small ul li.atr > a i{transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg);}
.hidden-g .ul-small ul li div{display: none;}
.hidden-g .ul-small ul li div a{display: block; color: #fff; padding-left: 42px; padding-bottom: 10px; font-size: 13px;}
.hidden-g .translate{transform: translateX(-220px); -webkit-transform: translateX(-220px);}
.hidden-g .translate2{transform: translateX(0); -webkit-transform: translateX(0);}
/*banner*/
.banner{clear: both;}
.banner .swiper-pagination-bullet{width: 24px; height: 4px; display: inline-block; border-radius: 5px; background: #919190; opacity: .4;}
.banner .swiper-pagination-bullet-active{background: #fff; opacity: 1;}
.banner2{height: 580px; background-repeat: no-repeat; background-position: center 100px;background-attachment: fixed;}
.n-banner{background-image: url("../images/newprobg.jpg");}
.w-banner{background-image: url("../images/wedbg.jpg");}
.c-banner{background-image: url("../images/aboutbg.jpg");}
.g-banner{background-image: url("../images/gbanner.jpg");}
.new-banner{background-image: url("../images/newbanner.jpg");}
.shou-banner{background-image: url("../images/serbanner.jpg");}
.pro-banner{background-image: url("../images/probanner.jpg");}
.p_content{font-size: 15px; line-height: 30px; color: #444;}
/*main*/
.m-title{text-align: center; background: url("../images/hbg.png") no-repeat center 5px; margin: 45px 0 25px 0;}
.m-title span{display: block; font-size: 14px; color: #2a2a2a;}
.m-title p{font-size: 28px; color: #464646; margin-top: 8px;}
.m-title b{font-size: 22px; color: #595656; background: url("../images/h2bg.png") no-repeat center; margin-top: 30px; display: block;}
/*新品推荐*/
.newP{overflow: hidden;}
.newP ul{float: left; width: 84%;}
.newP ul li{width: 49%; float: left; margin-right: 1%;}
.newP ul li img{max-width: 100%;}
.newP .container{height: 100%; overflow: hidden; position: relative;}
.newP .newP-txt{width: 12%; position: absolute; height: 100%; right: 0;}
.newP .newP-txt .newP-txt-i{position: relative;}
.newP .newP-txt .newP-txt-i span{position: absolute; top: 0; font-size: 25px; color: #212121;}
.newP .newP-txt .newP-txt-i b{font-size: 50px; color: #212121; font-weight: 500; position: absolute; top: 0;}
.newP .newP-txt .newP-txt-i small{font-size: 18px; color: #c99e75; display: block; position: absolute; top: 0;}
.newP .newP-txt p{position: absolute; bottom: 0; color: #929292;}
.newP .newP-txt-vis{text-align: center; margin-bottom: 15px;}
.newP .newP-txt-vis span{font-size: 15px; color: #212121; display: block;}
.newP .newP-txt-vis b{font-size: 25px; color: #212121; font-weight: 500; display: block;}
.newP .newP-txt-vis small{font-size: 18px; color: #c99e75; display: block;}
/*精选推荐*/
.selP-title{background: #f4f4f4; overflow: hidden; position: relative; height: 125px; margin-bottom: 20px;}
.selP-title .container{position: relative; height: 125px;}
.selP-title .selP-title-con{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 74%;}
.selP-title .selP-title-con > span{font-size: 34px; color: #454342; float: left; display: block; line-height: 68px;}
.selP-title .selP-title-con > b{width: 47px; height: 68px; background: url("../images/22.png") no-repeat center; display: block; float: left; text-indent: -999rem; line-height: 68px;}
.selP-title .selP-title-con > strong{font-size: 22px; display: none;}
.selP-title .selP-title-con .selP-num{float: left;}
.selP-title .selP-title-con .selP-num ul{float: left; width: 42px; height: 68px; overflow: hidden; background: url("../images/numbg.jpg") no-repeat center; margin-right: 6px;}
.selP-title .selP-title-con .selP-num ul li{color: #fff; font-size: 35px; line-height: 68px; height: 68px; text-align: center;}
.selP-con{overflow: hidden; position: relative; width: 100%; height: 100%;}
.selP-con ul{width: 100%; height: 100%;}
.selP-con ul li{width: 100%; display: none;}
.selP-con ul li:first-child{display: block;}
.selP-con ul li img{max-width: 100%;}
.selP-con-i{margin-top: 25px;}
.selP-con-i ol li{float: left; width: 25%; padding: 0 10px; text-align: center; cursor: pointer;}
.selP-con-i ol li a{display: block; width: 100%;}
.selP-con-i ol li a:after{display: block; content: ''; width: 0; height: 3px; background: #505050; margin-top: 10px; transition: 600ms ease; -webkit-transition: 600ms ease;}
.selP-con-i ol li img{max-width: 100%;}
.selP-con-i ol li span{display: block; font-size: 14px; color: #060001; margin-top: 10px; transition: 300ms ease; -webkit-transition: 300ms ease;}
.selP-con-i ol li:hover a:after{width: 100%;}
.selP-con-i ol li:hover span{color: #c99d73;}
.selP-con-i ol li.active a:after{width: 100%;}
.selP-con-i ol li.active span{color: #c99d73;}
/*公司简介*/
.company-con{text-align: center; padding: 100px 0; background: url("../images/combg.jpg") no-repeat center; background-size: cover; color: #fff;}
.company-con h3{font-size: 35px;}
.company-con span{display: block; width: 300px; line-height: 50px; background: #c99d73; text-align: center; margin: 20px auto 60px auto; font-size: 25px;}
.company-con small{display: block; width: 90%; margin: 0 auto; line-height: 26px;}
/*钻石品类*/
.pin ol{display: flex; display: -webkit-flex; justify-content: space-between; padding: 0 10px;}
.pin ol li{text-align: center; opacity: 0.5; cursor: pointer;}
.pin ol li.oactive{opacity: 1;}
.pin ol li.oactive span{color: #C99D73;}
.pin ol li img{max-width: 100%;}
.pin ol li span{display: block; margin-top: 10px;}
.pin ul{margin-top: 30px;}
.pin ul li{display: none;}
.pin ul li:first-child{display: block;}
.pin ul li img{max-width: 100%;}
/*最新资讯*/
.news{overflow: hidden; background: #f4f4f4; margin-top: 50px; padding-bottom: 50px;}
.news ul{display: flex; display: -webkit-flex; justify-content: space-between;}
.news ul li{width: 31%; float: left;}
.news ul li img{max-width: 100%;background: #ececec;}
.news ul li p{background: #fff; padding: 20px 10px;}
.news ul li p span{font-size: 16px; color: #4e4e4e; font-weight: bold; display: block; transition: 300ms ease; -webkit-transition: 300ms ease; height: 44px;}
.news ul li p small{display: block; font-size: 14px; color: #959595; margin-bottom: 10px;}
.news ul li p i{font-style: normal; text-align: right; display: block; color: #b6b6b6; font-size: 12px;}
.news ul li:hover span{color: #c99d73;}
/*预约*/
.yuyue{background: url("../images/yuyue.jpg") no-repeat center; background-size: cover; padding: 50px 0;}
.yuyue h3{text-align: center; font-size: 30px; color: #4f4f4f; margin-bottom: 20px;}
.yuyue form{width: 60%; margin: 0 auto;}
.yuyue form input{width: 33.3%; border: 0; background: #fff; float: left; line-height: 60px;}
.yuyue form input[type=text]{text-indent: 10px;}
.yuyue form input[type=submit]{background: #c99e75; color: #fff; font-size: 20px; text-align: center;}
/*footer*/
footer{overflow: hidden; margin-top: 35px;}
footer > .container{border-top: 1px dashed #c3c3c3; margin-top: 20px;}
footer .container > p{font-size: 14px; color: #c4c4c4; line-height: 45px; text-align: center;}
footer .container > p a{color: #c4c4c4;}
footer .f-top{overflow: hidden; padding: 40px 0;}
footer .f-left{width: 33.3%; float: left; overflow: hidden;}
footer .f-left img{float: left;}
footer .f-left p{float: left; margin-left: 10px;}
footer .f-left p span{font-size: 16px; color: #393939; font-weight: bold;}
footer .f-left p small{display: block; color: #b2b2b2; font-size: 16px; background: url("../images/tel.png") no-repeat left center; padding-left: 25px; margin-top: 10px;}
footer .f-left p i{display: block; font-weight: bold; color: #474747; font-size: 18px;}
footer .f-left p b{display: block; width: 140px; line-height: 30px; background: #0b0b0b; color: #fff; text-align: center; border-radius: 5px;}
footer .f-left p b a{color: #fff;}
footer .f-center{width: 33%; float: left;}
footer .f-center ol{padding: 0 5%;}
footer .f-center ol li{overflow: hidden; margin-bottom: 15px;}
footer .f-center ol li b{display: block; float: left; width: 84px;}
footer .f-center ol li span{display: block; float: left;}
footer .f-center ol li span small{display: block; color: #969696;}
footer .f-right{width: 33%; float: left;}
footer .f-right img{display: block; max-width: 100%;}
footer .f-right a{clear: both; display: block; width: 90px; line-height: 26px; background: #b5b5b5; color: #fff; text-align: center; border-radius: 6px; margin-top: 6px;}
/*售后服务*/
.shouhou > span{font-size: 16px; line-height: 40px; color: #666; width: 80%; margin: 0 auto 40px auto; display: block; text-align: center;}
.shouhou .shouhou-con h3{text-align: center; font-size: 20px; margin-top: 15px;}
.shouhou .shouhou-con > span{text-align: center; display: block; font-size: 18px; margin-bottom: 10px;}
.shouhou .shouhou-con ul li{margin-bottom: 8px;}
.shouhou .shouhou-con ul li p b{color: #c99d73; font-size: 18px; text-align: center; display: inline-block;}
.shouhou .shouhou-con ul li p span{font-weight: bold; font-size: 16px; color: #c99d73; text-align: center; display: inline-block;}
.shouhou .shouhou-con ul li p small{display: block;}
/*联系我们*/
.info-con-lian{text-align: center;}
.info-con-lian ul li{font-size: 18px; margin-top: 25px;}
.info_content{margin-top: 55px;}
.info_content .container{padding: 20px; border: 1px solid #ccc;}
.info_content .container .info_content_l{width: 45%; float: left;}
.info_content .container .message-img{width: 45%; float: right;}
.input-group{margin-bottom: 10px; clear: both; /*overflow: hidden;*/}
.input-group:after{display: block; content: ''; clear: both;}
.input-group label{width: 62px; font-size: 15px; display: inline-block; text-align-last: justify; color: #606060; font-weight: bold;}
.input-group input[type=text]{border: 1px solid #aaa; border-radius: 2px; line-height: 30px; height: 30px; width: 276px; text-indent: 1em; font-family: "microsoft yahei", "sans-serif"; /* background: #f0f2ef; */ transition: 300ms; -webkit-transition: 300ms; outline: none;}
.input-group input[type=text]:focus{width: 300px; box-shadow: 0 0 5px #c99d73; border: 1px solid #c99d73;}
.input-group textarea:focus{width: 440px; box-shadow: 0 0 5px #c99d73; border: 1px solid #c99d73;}
.input-group input[type=text]#captcha:focus{width: 90px; box-shadow: 0 0 5px #c99d73; border: 1px solid #c99d73;}
.input-group textarea{transition: 300ms; -webkit-transition: 300ms; width: 420px; border: 1px solid #aaa; border-radius: 2px; text-indent: 1em; padding-top: 5px; font-family: "microsoft yahei", "sans-serif"; outline: none;}
#submit{display: block; clear: both; width: 80px; line-height: 30px; background: #c99d73; border: 0; color: #ffffff; font-size: 14px; font-family: "microsoft yahei"; margin-left: 64px;}
#submit:hover{background: #c99d73;}
/*x新品推荐*/
.new-product .new-product-t{margin-bottom: 35px;}
.new-product .new-product-t h3{text-align: center; position: relative;}
.new-product .new-product-t h3 span{position: relative; font-size: 35px; color: #222222; display: inline-block; z-index: 2;}
.new-product .new-product-t h3:after{height: 50%; width: 60%; background: #fbdcbe; content: ''; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.new-product .new-product-t small{display: block; margin-top: 25px; font-size: 14px; color: #a5a5a5; line-height: 30px; text-align: center;}
.new-p-li li{width: 29%; margin: 3% 2%; overflow: hidden; position: relative; float: left;}
.new-p-li li p{width: 90%; float: left; border-radius: 10px 0 10px 0; overflow: hidden; position: relative; background: #c99d73;}
.new-p-li li p:after{display: block; content: ''; width: 100%; height: 100%; background: rgba(201, 157, 115, 0.58); position: absolute; left: 0; top: 0; opacity: 0; transition: 300ms ease; -webkit-transition: 300ms ease;}
.new-p-li li p img{max-width: 100%; transition: 300ms ease; -webkit-transition: 300ms ease;}
.new-p-li li p img + img{left: 0; top: 0; width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); opacity: 0; z-index: 2;}
.new-p-li li div{width: 10%; position: absolute; right: 0; top: 0; height: 100%;}
.new-p-li li div span{font-size: 18px; color: #222222;}
.new-p-li li div span:first-child{position: absolute; right: 0; top: 0;}
.new-p-li li div span + span{position: absolute; bottom: 0; right: 0;}
.new-p-li li:hover p:after{opacity: 1;}
.new-p-li li:hover p img + img{opacity: 1;}
/*wedding*/
.wed-pro:after{display: block; content: ''; clear: both;}
.wed-pro li{float: left; width: 25%; text-align: center; margin-bottom: 15px; padding: 0 10px 10px 10px;}
.wed-pro li a{display: block; transition: 300ms ease; -webkit-transition: 300ms ease;}
.wed-pro li:nth-of-type(odd) a{background: #f5f0ed;}
.wed-pro li img{max-width: 100%;}
.wed-pro li span{display: block; line-height: 62px;}
.wed-pro li > a:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.wed-pro li > a:hover span{color: #c99d73;}
.wedding .w-top > img{width: 50%; float: left;}
.wedding .w-top .wed-pro{width: 50%; float: right;}
.wedding .w-top .wed-pro li{width: 50%;}
/*产品中心*/
.info2 + footer{margin-top: 0;}
.info-pro{background: #f6f3ee; padding: 85px 0; overflow: hidden;}
.info-pro .info-pro-t{text-align: center; color: #c99d73; margin-bottom: 40px;}
.info-pro .info-pro-t h3{font-size: 65px;}
.info-pro .info-pro-t span{display: block; font-size: 30px; background: url("../images/infot.png") no-repeat center; margin: 25px 0 10px 0;}
.info-pro .info-pro-t small{font-size: 14px; color: #9c9a98; display: block;}
.info-pro .sidebar{width: 21.66%; float: left; display: none;}
.info-pro .sidebar .s-top{padding: 30px; background: url("../images/stopbg.jpg") no-repeat center; background-size: cover; color: #c99e75;}
.info-pro .sidebar .s-top span{display: block; font-size: 24px;}
.info-pro .sidebar .s-top small{display: block; font-size: 14px;}
.info-pro .sidebar ul{background: #fff;}
.info-pro .sidebar ul li{line-height: 45px; border-bottom: 1px dotted #e4e3e3; text-indent: 22px;}
.info-pro .sidebar ul li a{color: #999592; display: block;}
.info-pro .sidebar ul li a i{float: right; color: #c99d73; padding-right: 10px;}
.info-pro .sidebar ul li a:hover{color: #c99d73;}
.info-pro .pro-right{width: 100%; float: none;}
.info-pro .pro-right ul li{float: left; width: 25%; padding: 0 5px; margin-bottom: 10px;}
.info-pro .pro-right ul li a{display: block; background: #fff; text-align: center;}
.info-pro .pro-right ul li a p{overflow: hidden; width: 100%; height: 100%;}
.info-pro .pro-right ul li a p img{max-width: 80%; transition: 300ms ease; -webkit-transition: 300ms ease;}
.info-pro .pro-right ul li a span{line-height: 50px; display: block; text-align: center; color: #999592;}
.info-pro .pro-right ul li a:hover span{color: #c99d73;}
.info-pro .pro-right ul li a:hover img{transform: scale(1.1);}
/*产品详情页*/
.product-con{overflow: hidden;}
.product-con > .container{background: #f5f0ed; position: relative; height: 100%;}
.product-con .pro-con-left{width: 50%; float: left; overflow: hidden;}
.product-con .pro-con-left .swiper-pagination-bullet-active{background: #8c694b;}
.product-con .pro-con-left img{max-width: 100%;background: #fff;}
.product-con .pro-right{width: 46%; float: right; background: #3b3a39; padding: 4%; height: 90%; right: 10px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.product-con .pro-right h3{color: #c99d73; font-size: 45px; font-weight: 200; border-bottom: 1px solid #4f4e4d; padding-bottom: 5%; margin-bottom: 10%;}
.product-con .pro-right div > span{font-size: 18px; color: #c99d73; opacity: 0.9; display: block; margin-bottom: 5%;}
.product-con .pro-right div > small{display: block; font-size: 15px; line-height: 26px; color: #fff; opacity: 0.6; height: 180px; overflow-y: auto;}
.product-con .pro-right ol{position: absolute; left: 8%; bottom: 10%;}
.product-con .pro-right ol li{width: 40px; height: 40px; border: 1px solid #4f4e4d; display: inline-block; cursor: pointer; text-indent: -100000px; position: relative;}
.product-con .pro-right ol li a{display: block; position: absolute; width: 40px; height: 40px; top: 0; left: 0;}
.product-con .pro-right ol li:hover{color: #fff; border: 1px solid #fff;}
.product-con .pro-right ol li:first-child{background: url("../images/ico_05.png") no-repeat center;}
.product-con .pro-right ol li + li{background: url("../images/ico_06.png") no-repeat center;}
.product-con .others-pro h3{display: block; font-size: 30px; background: url("../images/infot.png") no-repeat center; margin: 35px 0; text-align: center; color: #c99d73;}
/*品牌*/
.tit{display: block; font-size: 20px; color: #1a1c1d; margin-bottom: 15px; font-weight: 400; margin-top: 5%;}
.txt{display: block; font-size: 14px; color: #626262; line-height: 26px;}
.pinpai-top{text-align: center;}
.pinpai-top img{max-width: 100%; margin: 15px 0; display: block;}
.pinpai-top img + small{text-align: left;}
.pinpai-top h3{font-size: 20px; color: #1a1c1d; margin: 50px 0 30px 0;}
.pinpai-top small{display: block; font-size: 14px; color: #626262; line-height: 26px;}
.pin-yan1{overflow: hidden; margin: 5% 0;}
.pin-yan1 .pin-yan1-l{width: 48%; float: left;}
.pin-yan1 .pin-yan1-l b{display: block; font-size: 20px; color: #1a1c1d; margin-bottom: 15px; font-weight: 400; margin-top: 5%;}
.pin-yan1 .pin-yan1-l small{display: block; font-size: 14px; color: #626262; line-height: 26px;}
.pin-yan1 > img{width: 48%; float: right;}
.pin-yan2 img{width: 48%; float: left;}
.pin-yan2 .pin-yan2-r{width: 48%; float: right;}
.pin-yan2 .pin-yan2-r b{display: block; font-size: 20px; color: #1a1c1d; margin-bottom: 15px; font-weight: 400; margin-top: 5%; margin-top: 0;}
.pin-yan2 .pin-yan2-r small{display: block; font-size: 14px; color: #626262; line-height: 26px; margin-bottom: 5%;}
.pin-pei small{display: block; font-size: 14px; color: #626262; line-height: 26px; margin: 4% 0;}
.pin-pei .pin-pei-t{overflow: hidden;}
.pin-pei .pin-pei-t img{width: 55%; float: left;}
.pin-pei .pin-pei-t b{display: block; font-size: 20px; color: #1a1c1d; margin-bottom: 15px; font-weight: 400; margin-top: 5%;}
.pin-pei .pin-pei-t .pin-pei-t-r{width: 40%; float: right; display: block; font-size: 14px; color: #626262; line-height: 26px;}
.pin-tan{margin-top: 4%; text-align: center;}
.pin-tan ul{overflow: hidden;}
.pin-tan ul li{width: 32%; float: left; margin-right: 1%;}
.pin-tan ul li img{max-width: 100%;}
.pin-tan h3{font-size: 35px; color: #161616; margin-top: 3%;}
.pin-tan small{display: block; font-size: 20px; margin: 2% 0;}
.pin-tan a{display: block; width: 20%; line-height: 45px; background: #c99e75; color: #161616; text-align: center; font-size: 20px; border-radius: 20px; margin: 0 auto;}
/*新闻中心*/
.info-news ul{background: url("../images/a3_03.jpg") no-repeat center; background-size: cover;}
.info-news ul li{position: relative; overflow: hidden;}
.info-news ul li p{width: 50%; float: left; overflow: hidden;}
.info-news ul li p img{    max-width: 100%;transition: 700ms ease;-webkit-transition: 700ms ease;max-height: 360px;display: block;margin: 0 auto;background: #fff;}
.info-news ul li div{height: 100%; width: 50%; padding: 2%;}
.info-news ul li div span{display: block; font-size: 26px; line-height: 26px; font-weight: 300; transition: 300ms ease; -webkit-transition: 300ms ease;}
.info-news ul li div i{font-style: normal; display: inline-block; margin: 2% 0; border-bottom: 2px solid #c99d73;}
.info-news ul li div small{display: block; font-size: 13px; line-height: 26px; margin-top: 6%;}
.info-news ul li div b{position: absolute; left: 4%; bottom: 10%; font-weight: 500; color: #c99d73;}
.info-news ul li:nth-of-type(odd) p{float: left;}
.info-news ul li:nth-of-type(odd) div{position: absolute; right: 0;}
.info-news ul li:nth-of-type(even) p{float: right;}
.info-news ul li:nth-of-type(even) div{position: absolute; left: 0;}
.info-news ul li:hover p img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.info-news ul li:hover a{color: #333;}
.info-news ul li:hover a span{color: #c99d73;}
/*品牌文化*/
.pinpaiwenhua img{width: 100%; display: block; margin-bottom: 5%;}
.pinpaiwenhua h3{text-align: center; font-size: 20px; margin: 3% 0;}
.pinpaiwenhua ul li{font-size: 15px; margin-bottom: 1%; position: relative; padding-left: 20px;}
.pinpaiwenhua ul li:before{display: block; position: absolute; content: ''; width: 8px; height: 8px; background: #c99d73; border-radius: 50%; left: 0; top: 50%; margin-top: -4px;}
/*故事片*/
.gushi{overflow: hidden; width: 100%;}
.gushi h3{text-align: center; font-size: 20px; margin: 3% 0;}
.gushi .gushi-top{position: relative; height: 42px;margin-bottom: 10px;}
.gushi .gushi-top .swiper-container3{position: relative; padding: 0 1%;}
.gushi .gushi-top .swiper-container3 .swiper-slide{text-align: center; cursor: pointer; position: relative; padding: 0 10px;}
.gushi .gushi-top .swiper-container3 .swiper-slide span{height: 42px; display: inline-block;}
.gushi .gushi-top .swiper-container3 .swiper-slide:after{display: block; height: 2px; background: #c99d73; bottom: -4px; left: 50%; content: ''; width: 0;}
.gushi .gushi-top .swiper-container3 .sAc:after{width: 100%;}
.gushi .gushi-top .swiper-container3 .swiper-button-next{display: none;}
.gushi .gushi-top .swiper-container3 .swiper-button-prev{display: none;}
.gushi .gushi-top ol li{cursor: pointer; z-index: 100;}
.gushi .gushi-top ol li.video-prev{position: absolute; width: 20px; height: 20px; background: url("../images/brandbtns.png") no-repeat; left: 0; top: 0;}
.gushi .gushi-top ol li.video-next{position: absolute; width: 20px; height: 20px; background: url("../images/brandbtns.png") no-repeat 0 -20px; right: 0; top: 0;}
.gushi .video-wrap .video-box{display: none;}
.gushi .video-wrap .video-box:first-child{display: block;}
/*新闻详情页*/
.n_left{width: 71.5%; float: left; margin-top: 40px;}
.n_left ._title{font-size: 36px; color: #000; margin-bottom: 10px; line-height: 1.4; font-weight: 400;}
.news_time span{font-size: 12px; margin-right: 10px; display: inline-block; height: 30px; line-height: 30px; overflow: hidden;}
.news_time span:first-child{background: url("../images/time.png") no-repeat left center; padding-left: 20px;}
.news_time span:first-child + span{background: url("../images/click.png") no-repeat left center; padding-left: 25px;}
.info_news_right{width: 24%; float: right; padding-top: 40px;}
.info_news_right ul{margin-top: 45px; border: #f3f3f3 10px solid; padding: 10px 7%;}
.info_news_right ul li{padding: 27px 0; border-bottom: 1px #ececec solid;}
.info_news_right ul li a{display: block; font-size: 16px; font-weight: bold; color: #5c5c5c;}
.info_news_right ul li b{display: block; padding-bottom: 8px; font-size: 19px; font-weight: bold; color: #000000; margin-bottom: 10px;}
.info_news_right ul li a span{display: block; font-size: 14px; line-height: 1.8; color: #555; font-weight: 400;}
.info_news_right ul li b:before{display: block; content: ''; float: left; margin-right: 5px;}
.info_news_right ul li:first-child b:before{width: 30px; height: 26px;}
.info_news_right ul li:first-child + li b:before{width: 30px; height: 26px;}
/*LOGIN*/
#mask{width: 100%; height: 100%; position: fixed; z-index: 1000; left: 0; top: 0; display: none;}
#mask .maskBg{width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.72);}
#mask .login{position: absolute; z-index: 101; width: 100%; height: 100%;}
#mask .login .container > div{background: #f5f5f5; padding: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.login_2{display: none;}
#mask .login .container > div .closeBtn{position: absolute; right: 10px; top: 10px; cursor: pointer;}
#mask .login .container > div h3{font-size: 20px; margin-bottom: 30px;}
#mask .login .container > div form div{line-height: 40px; margin-bottom: 20px; position: relative;}
#mask .login .container > div form div:after{display: block; content: ''; clear: both;}
#mask .login .container > div form div span.lg_span{display: block; width: 40px; background: #c99d73; text-align: center; position: absolute; left: 0; top: 0;}
#mask .login .container > div form div input{float: right; border: 1px solid #ccc; background: #fff; padding: 0; margin: 0; height: 40px; line-height: 38px; border-left: 0; text-indent: 50px; width: 100%;}
#mask .login .container > div form input[type=submit]{display: block; width: 100%; line-height: 40px; background: #c99d73; color: #fff; text-align: center; border: 0; font-size: 20px;}
#mask .login .container > div ul{padding-top: 15px;}
#mask .login .container > div ul li{float: right; font-size: 14px; margin-left: 10px;}
#mask .login .container > div ul li a{color: #333;}
/*userInfo*/
#userInfo{background: #f0f0f0; padding: 40px 0;}
#userInfo .uesr-left .uesr-left-top{background: #fff; padding: 10px; overflow: hidden;}
#userInfo .uesr-left .uesr-left-top > img{float: left;}
#userInfo .uesr-left .uesr-left-top .uesr-time{float: left; margin-left: 10px;}
#userInfo .uesr-left .uesr-left-top .uesr-time .qdtime{width: 117px; height: 50px; background: url("../images/qiandao.jpg") no-repeat center; margin-top: 10px; cursor: pointer;}
#userInfo .uesr-left .uesr-left-top .uesr-time .qdtime span{font-size: 20px; padding: 8px 0 0 9px; display: inline-block;}
#userInfo .uesr-left .uesr-left-top .uesr-time .qdtime b{color: #fff; font-size: 17px; display: inline-block; width: 60px; text-align: center; text-shadow: 0 0 2px #000;}
#userInfo .uesr-left .uesr-left-top .uesr-time > span{font-size: 18px; margin-top: 10px; display: block;}
#userInfo .uesr-left .uesr-left-top .clear{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
#userInfo .uesr-left .uesr-left-top p{line-height: 45px; font-size: 15px; background: #f5f5f5; text-indent: 10px;}
#userInfo .uesr-left .uesr-left-top p b{font-size: 18px; color: #ff0000;}
#userInfo .user-right{background: #fff; padding: 25px; border: 1px solid #ccc;}
#userInfo .user-right h3{font-size: 16px; font-weight: 500; color: #494949;}
#userInfo .user-right > span{display: block; line-height: 30px; color: #c99d73; text-align: center; width: 100%; background: #f4f4f4; margin: 20px 0;}
#userInfo .user-right form div{margin-bottom: 20px; position: relative;}
#userInfo .user-right form div label{line-height: 34px;}
#userInfo .user-right form div:after{display: block; content: ''; clear: both;}
#userInfo .user-right form div span:first-child{font-size: 14px; display: block; width: 12%; float: left; line-height: 34px; letter-spacing: 1px;}
#userInfo .user-right form div input[type=text]{display: block; padding: 0; width: 88%; float: right; text-indent: 10px;}
#userInfo .user-right form input[type=submit]{display: block; width: 100px; line-height: 30px; background: #c99d73; color: #fff; text-align: center; border: 0; margin-top: 30px;}
#userInfo .qdsm{padding: 20px; font-size: 15px; line-height: 30px; color: #333; border: 1px solid #ccc; background: #fff; margin-top: 60px;}
#userInfo .qdsm .q_span{width: 120px; line-height: 30px; background: #c99d73; color: #fff; text-align: center; display: block; margin-bottom: 30px;}
#userInfo .qdsm img{max-width: 100%;}
/*高级珠宝*/
.gao-ul li{width: 25%; float: left; padding: 0 8px; position: relative; margin-bottom: 16px;}
.gao-ul li img{max-width: 100%;}
.gao-ul li span{position: absolute; width: 100%; text-align: center; color: #fff; bottom: 0; left: 0; line-height: 55px; background: rgba(0, 0, 0, 0); transition: 300ms ease; -webkit-transition: 300ms ease;}
.gao-ul li:hover span{background: rgba(255, 255, 255, 0.08); line-height: 65px;}
.gao-info-t{font-size: 25px; margin: 2% 0;}
.p_content img{max-width: 100%;}
/*门店查询*/
.dl_con dl{width: 25%; float: left; margin-bottom: 3%;}
.dl_con dl dt{font-size: 25px; font-weight: 500; color: #c99d73; margin-bottom: 2%;}
/*设计师*/
.sheji-ul li{width: 33.3%; float: left; position: relative; overflow: hidden;}
.sheji-ul li span{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #fff; background: rgba(201, 157, 115, 0.54); line-height: 35px; transition: 500ms ease; -webkit-transition: 500ms ease;}
.sheji-ul li img{max-width: 100%; transition: 800ms ease; -webkit-transition: 800ms ease;}
.sheji-ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.sheji-ul li:hover span{line-height: 55px;}
.sjs-info{overflow: hidden; padding-top: 5%;}
.sjs-info img{width: 40%; float: left;}
.sjs-info .sjs-info-r{width: 56%; float: right;}
.sjs-info .sjs-info-r h3{font-size: 22px; margin-bottom: 2%;}
.sjs-info .sjs-info-r small{font-size: 14px; line-height: 25px;}
/*page*/
#prev_next{clear: both; padding: 0 15px;}
#prev_next a:hover{color: #c99d73;}
#prev_next{font-size: 14px; margin-top: 20px;}
div.page{margin: 20px 0 20px 0; clear: both; float: right; font-size: 14px;}
div.page a{padding: 2px 5px; margin: 2px; color: #fff; text-decoration: none; background: #9b9b9b;}
div.page a:hover{background: #5c5c5c;}
div.page span.current{padding: 2px 8px; font-weight: 700; margin: 2px; color: #fff; background-color: #c99d73;}
div.page span.disabled{padding: 2px 5px; margin: 2px; color: #dddddd;}
#prev_next .prev,
#prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 25px;}
#prev_next .prev a:hover,
#prev_next .next a:hover{color: #c99d73;}
#prev_next .prev{margin-top: 20px; background: url("../images/prev_bg.png") no-repeat left center; background-size: 18px;}
#prev_next .next{border-bottom: 1px solid #ccc; background: url("../images/next_bg.png") no-repeat left center; background-size: 18px;}