@charset "utf-8";

/****************************** Normalize ******************************/


/****************************** Global Style ******************************/





/****************************** Icon Sprite ******************************/
header .menu:before,
header .link a,
header .link a:after,
nav .close:before,
nav .mainnav .item a:before,
footer .category dd.attention a,
footer .category dd.attention a:after,
footer .to-top:before,
.index-section a:after,
.index-marriage .video:after,
.product-detail .text .buy:before,
.product-detail .text .share a,
.store .address .list .mCSB_dragger:after,
.designer .chief .person:after,
.service-top span:before,
.service-rule .step dd .icon:after,
.service-rule .member-privilege tbody td i,
.service-faq ul li:after,
.more-news li .text a:after,
.more-news .load:after,
.more-news-detail .jump .back:after,
.consult .list .mCSB_dragger:after,
.store .online li .info h3:before{background:none;background-image: url(../img/icon.png);background-repeat: no-repeat;}


/****************************** CSS3 Transition ******************************/
nav,
nav .subnav .box,
header .link a:after,
footer .category dd.attention a:after,
.banner-index .tb-btn a,
.banner-index .tb-btn a i,
.product-list a,
.designer .chief .person:after,
.service-faq ul li.active:after,
.contact-service .form dd input,
.contact-service .form dd textarea{-webkit-transition: all .3s;transition: all .3s;}


/****************************** Common Part ******************************/
header{position: fixed;z-index: 20;width: 100%;height: 80px;padding: 0 55px;background: #fff;box-shadow: 0 1px 10px rgba(0, 0, 0, .1);}
header .menu{float: left;line-height: 24px;margin-top: 28px;font-size: 20px;}
header .menu:before{content: "";display: inline-block;width: 30px;height: 26px;margin-right: 6px;vertical-align: bottom;background-position: -15px -15px;}
header .logo{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
header .link{float: right;margin-top: 28px;}
header .link a{position: relative;float: left;width: 24px;height: 24px;margin-left: 16px;}
header .link a:nth-child(1),
header .link a:nth-child(1):after{background-position: -18px -137px;}
header .link a:nth-child(2),
header .link a:nth-child(2):after{background-position: -78px -137px;}
header .link a:nth-child(3),
header .link a:nth-child(3):after{background-position: -138px -137px;}
header .link a:nth-child(4),
header .link a:nth-child(4):after{background-position: -198px -137px;}
header .link a:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position-y: -197px !important;opacity: 0;}
header .link a:hover:after{opacity: 1;}
header .link a .qrcode{position: absolute;top: 30px;left: 50%;display: none;width: 100px;margin-left: -50px;border: 1px solid #ddd;}
header .link a .qrcode:before{content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -8px;border: 8px solid transparent;border-bottom: 8px solid #ddd;}
header .link a .qrcode:after{content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -6px;border: 6px solid transparent;border-bottom: 7px solid #fff;}
header .link a .qrcode img{display: block;width: 100%;padding: 5px;background: #fff;}
header .link a:hover .qrcode{display: block;}

.header-placeholder{height: 80px;}
.nav-mask{content: "";position: fixed;top: 0;right: 0;z-index: 30;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
nav{position: fixed;top: 0;left: 0;z-index: 30;width: 220px;height: 100%;background: #fff;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
nav .close{position: relative;z-index: 2;display: block;line-height: 80px;padding-left: 25%;vertical-align: bottom;border-bottom: 1px solid #e9e9e9;font-size: 20px;}
nav .close:before{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 18px;vertical-align: -3px;background-position: -200px -20px;;}
nav .close:hover{color: #174f99;}
nav .close:hover:before{background-position: -260px -20px;}

nav.active{-webkit-transform: none;transform: none;}
nav.active:after{opacity: .3;}
nav .mainnav{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: #fff;border-right: 1px solid #e9e9e9;}
nav .mainnav .box{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
nav .mainnav .item{margin-bottom: 45px;}
nav .mainnav .item:last-child{margin: 0;}
nav .mainnav .item a{display: block;line-height: 30px;font-size: 16px;color: #444;text-align: center;letter-spacing: .5px;}
nav .mainnav .item a:before{content: "";display: block;width: 25px;height: 25px;margin: 0 auto;}
nav .mainnav .item:nth-child(1) a:before{background-position: -18px -257px;}
nav .mainnav .item:nth-child(2) a:before{background-position: -78px -257px;}
nav .mainnav .item:nth-child(3) a:before{background-position: -138px -257px;}
nav .mainnav .item:nth-child(4) a:before{background-position: -198px -257px;}
nav .mainnav .item:nth-child(5) a:before{background-position: -258px -257px;}
nav .mainnav .item:nth-child(6) a:before{background-position: -318px -257px;}
nav .mainnav .item.active a,
nav .mainnav .item:hover a{color: #174f99;}
nav .mainnav .item.active a:before,
nav .mainnav .item:hover a:before{background-position-y: -317px;}
nav .subnav{position: fixed;top: 0;left: 0;width: 220px;height: 100%;}
nav .subnav .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;-webkit-transform: none;transform: none;}
nav .subnav .box.active{-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
nav .subnav .box.top{z-index: 1;}
nav .subnav ul{position: absolute;top: 50%;left: 50%;width: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
nav .subnav ul li{margin-bottom: 20px;text-align: center;}
nav .subnav ul li a{line-height: 20px;font-size: 16px;color: #666;}
nav .subnav ul li a:hover{color: #174f99;}

footer{margin-top: 150px;padding-top: 40px;background: #f9f9f9;}
footer .category{overflow: hidden;}
footer .category .column{position: relative;float: left;width: calc((100% - 100px) / 5);margin-right: 25px;}
footer .category .column:last-child{margin-right: 0;}
footer .category dl dt{line-height: 36px;padding-top: 8px;font-size: 16px;color: #174f99;}
footer .category dl:first-child dt{padding-bottom: 6px;border-bottom: 1px solid #e8e8e8;}
footer .category dl dd{white-space: nowrap;text-overflow: ellipsis;}
footer .category dl dd a{line-height: 36px;font-size: 14px;color: #888;}
footer .category dl dd a:hover{color: #174f99;}
footer .category ul{position: absolute;top: 52px;right: 0;width: 50%;}
footer .category dd.attention{margin-top: 10px;}
footer .category dd.attention:after{content: "";display: block;clear: both;}
footer .category dd.attention a{position: relative;float: left;width: 24px;height: 24px;margin-right: 16px;}
footer .category dd.attention a:nth-child(1),
footer .category dd.attention a:nth-child(1):after{background-position: -18px -137px;}
footer .category dd.attention a:nth-child(2),
footer .category dd.attention a:nth-child(2):after{background-position: -78px -137px;}
footer .category dd.attention a:nth-child(3),
footer .category dd.attention a:nth-child(3):after{background-position: -258px -137px;}
footer .category dd.attention a:nth-child(4),
footer .category dd.attention a:nth-child(4):after{background-position: -138px -137px;}
footer .category dd.attention a:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position-y: -197px !important;opacity: 0;}
footer .category dd.attention a:hover:after{opacity: 1;}
footer .category dd.attention a .qrcode{position: absolute;top: 30px;left: 50%;display: none;width: 100px;margin-left: -50px;border: 1px solid #ddd;}
footer .category dd.attention a .qrcode:before{content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -8px;border: 8px solid transparent;border-bottom: 8px solid #ddd;}
footer .category dd.attention a .qrcode:after{content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -6px;border: 6px solid transparent;border-bottom: 7px solid #fff;}
footer .category dd.attention a .qrcode img{display: block;width: 100%;padding: 5px;background: #fff;}
footer .category dd.attention a:hover .qrcode{display: block;}
footer .copyright{line-height: 60px;margin-top: 55px;border-top: 1px solid #e8e8e8;font-size: 14px;text-align: center;}
footer .copyright a{color: #888;}
footer .copyright a:hover{color: #174f99;}
footer .to-top{position: fixed;right: 50px;bottom: 100px;z-index: 50;display: none;width: 65px;height: 65px;background: #174f99;font: 16px/30px "Cinzel";color: #fff;text-align: center;}
footer .to-top:before{content: "";display: block;width: 21px;height: 11px;margin: 15px auto 0;background-position: -140px -24px;}


/****************************** Page Component ******************************/
.banner-top{position: relative;overflow: hidden;}
/*.banner-top img{position: relative;left: 50%;display: block;-webkit-transform: translateX(-50%);transform: translateX(-50%);}*/
.banner-top img{display: block;width: 100%;}
.banner-top h1{position: absolute;top: 50%;top: 50%;left: 50%;line-height: 34px;font-size: 34px;color: #fff;letter-spacing: 2px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.banner-top ul{position: absolute;bottom: 10%;left: 50%;overflow: hidden;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.banner-top ul li{float: left;width: 130px;border-right: 1px solid #777;text-align: center;}
.banner-top ul li:last-child{border: none;}
.banner-top ul li a{line-height: 20px;font-size: 24px;color: #fff;letter-spacing: 1px;}
.banner-top ul li.active a,
.banner-top ul li a:hover{color: #174f99;}


/****************************** Index ******************************/
.banner-index{overflow: hidden;}
.banner-index .icon{position: absolute;top: 50%;left: 50%;width: 6.6vw;height: 6.6vw;background: url(../img/icon-video.png) no-repeat 0 / contain;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.banner-index .video-js{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.banner-index .video-js.active{opacity: 1;}
.banner-index .video-js .vjs-big-play-button{display: none;}
.banner-index .tb-btn{top: 50%;right: 50px;bottom: auto !important;left: auto !important;width: 14px;margin: 0 !important;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.banner-index .tb-btn a{display: block;width: 16px;height: 16px;margin: 7px 0;background: none !important;border: 1px solid transparent;}
.banner-index .tb-btn a i{display: block;width: 8px;height: 8px;margin: 3px auto;background: #fff;border-radius: 50%;}
.banner-index .tb-btn a.active{border-color: #174f99;}
.banner-index .tb-btn a.active i{background: #174f99;}

.index-section{position: relative;background: #fff;}
.index-section:after{content: "";display: block;clear: both;}
.index-section h2.en{position: absolute;font: 50px/40px "Cinzel";color: #222;}
.index-section h2.cn{position: absolute;line-height: 30px;font-size: 30px;color: #444;}
.index-section h2.cn:after{content: "";display: block;width: 40px;margin-top: 10px;border-bottom: 2px solid #174f99;}
.index-section p{position: absolute;line-height: 24px;font-size: 14px;color: #888;}
.index-section a{position: absolute;display: inline-block;font: 14px/18px "Cinzel";color: #444;}
.index-section a:after{content: "";display: inline-block;width: 7px;height: 9px;margin-left: 8px;vertical-align: middle;background-position: -146px -86px;}
.index-section a:hover{color: #174f99;}
.index-section a:hover:after{background-position: -206px -86px;}

.index-firefly{margin-top: 100px;overflow: hidden;box-shadow: 0 0 30px rgba(0, 0, 0, .2);}
.index-firefly .left{display: block;width: 50%;}
.index-firefly .box{position: absolute;top: 0;right: 0;width: 50%;height: 100%;}
.index-firefly .box h2.en{top: 29%;}
.index-firefly .box h2.cn{top: 46%;}
.index-firefly .box p{top: 57.14%;}
.index-firefly .box a{top: 76.66%;}
.index-firefly .bottom{position: absolute;right: 0;bottom: 0;width: 21.14%;}

.index-brand h2.en{position: static;margin-top: 100px;text-align: center;}
.index-brand p{position: static;width: 725px;margin: 24px auto 0;text-align: center;}

.index-devil{margin-top: 120px;}
.index-devil .figure{position: relative;width: 39.28%;margin-left: 5.35%;}
.index-devil .figure .color{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;-webkit-transition: all 1s;transition: all 1s;}
.index-devil .figure.active .color{opacity: 1;}
.index-devil .figure:after{content: "";position: absolute;top: 5%;width: 27.27%;border-bottom: 2px solid #174f99;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.index-devil .box{position: absolute;top: 0;right: 0;width: 50%;height: 100%;}
.index-devil .box h2.en{top: 9.65%;}
.index-devil .box h2.cn{top: 26.72%;}
.index-devil .box p{top: 38.27%;}
.index-devil .box a{top: 60%;}
.index-devil .right{position: absolute;right: 0;bottom: 0;width: 25.85%;}

.index-marriage{margin-top: 172px;}
.index-marriage:before{content: "";position: absolute;top: 0;left: -50%;width: 100%;height: 100%;background: #eee;}
.index-marriage .box a,
.index-marriage .box img{left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.index-marriage .box{position: absolute;top: 0;left: 5.35%;width: 55.37%;height: 100%;background: #fff;}
.index-marriage .box h2{width: 100%;text-align: center;}
.index-marriage .box h2.en{top: 8.69%;}
.index-marriage .box h2.cn{top: 19.42%;}
.index-marriage .box h2.cn:after{margin-right: auto;margin-left: auto;}
.index-marriage .box a{top: 33.62%;}
.index-marriage .box img{position: absolute;top: 48.55%;width: 51.61%;}
.index-marriage .figure{position: relative;float: right;width: 39.28%;}
.index-marriage .figure .color{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;-webkit-transition: all 1s;transition: all 1s;}
.index-marriage .figure.active .color{opacity: 1;}
.index-marriage .video{position: relative;width: 55.71%;margin-top: -6.4%;}
.index-marriage .video:after{content: "";position: absolute;top: 50%;left: 50%;width: 56px;height: 56px;margin: -28px 0 0 -28px;background-color: rgba(255, 255, 255, .3);background-position: -62px -2px;border-radius: 50%;}
.index-marriage .highlights{position: absolute;right: 0;bottom: 60px;width: 46.35%;}

.index-divine{margin-top: 162px;}
.index-divine .figure{width: 32.21%;}
.index-divine .box{position: absolute;top: 12.5%;right: 0;width: 72.85%;height: 75%;padding-left: 5.35%;background: #eee;}
.index-divine .box span{position: absolute;top: 15.55%;line-height: 24px;font-size: 20px;color: #888;}
.index-divine .box span em{color: #174f99;}
.index-divine .box h3{position: absolute;top: 23.77%;line-height: 30px;font-size: 30px;color: #222;}
.index-divine .box h2.en{top: 42.88%;}
.index-divine .box h2.cn{top: 59.33%;}
.index-divine .box a{top: 81.55%;}
.index-divine .box img{position: absolute;top: 50%;right: 0;width: 53.43%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.index-brand-activity{position: relative;margin-top: 160px;overflow: hidden;}
.index-brand-activity img{position: relative;left: 50%;display: block;-webkit-transform: translateX(-50%);transform: translateX(-50%);}


/****************************** 主题系列 ******************************/



/****************************** 产品系列 ******************************/
.product-list:after{content: "";display: block;clear: both;}
.product-list a{position: relative;float: left;width: 30.7%;height: 380px;margin-right: 3.95%;}
.product-list a:nth-child(3n){margin-right: 0;}
.product-list a img{position: relative;top: 50%;display: block;max-width: 70%;max-height: 70%;margin: 0 auto;-webkit-transform: translateY(calc(-50% - 30px));transform: translateY(calc(-50% - 30px));}
.product-list a span{position: absolute;bottom: 36px;left: 0;width: 100%;line-height: 24px;font-size: 20px;color: #444;text-align: center;}
.product-list a:hover{box-shadow: 0 0 30px rgba(180, 180, 180, .3);}

.product .top{height: 700px;overflow: hidden;}
.product .top .left{float: left;width: 50%;height: 100%;}
.product .top .left .title{position: relative;top: 50%;font-family: "Cinzel", "SimSun";color: #444;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-transform: uppercase;}
.product .top .left .title h1{line-height: 60px;font-size: 50px;}
.product .top .left .title h2{line-height: 55px;font-size: 30px;}
.product .top .right{float: right;width: 50%;height: 100%;}
.product .top .right img{position: relative;top: 50%;display: block;max-width: 71.42%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.product .name{position: relative;margin-top: 70px;overflow: hidden;}
.product .name .text{position: absolute;top: 0;left: 0;width: calc(35.72% - 10px);height: 100%;background: #174f99;}
.product .name .text .box{position: relative;top: 50%;color: #fff;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.product .name .text .box h3{line-height: 40px;font-size: 40px;}
.product .name .text .box span{display: block;line-height: 20px;margin-top: 50px;font-size: 20px;}
.product .name img{float: right;width: 64.28%;}
.product .desc{position: relative;margin-top: 10px;overflow: hidden;}
.product .desc img{display: block;width: 100%;}
.product .desc p{position: absolute;top: 50%;left: 49%;line-height: 32px;font-size: 20px;color: #7c5477;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.product .product-list{padding: 100px 0 30px;}

.product-detail .top{height: 630px;}
.product-detail .top .picture{float: left;width: 52.85%;height: 100%;}
.product-detail .top .picture img{position: relative;top: 50%;display: block;max-width: 78%;max-height: 78%;margin: 0 auto;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.product-detail .text{position: relative;top: 50%;float: left;width: 47.15%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.product-detail .text .title{line-height: 70px;border-bottom: 1px solid #e8e8e8;font-size: 26px;color: #444;}
.product-detail .text .desc span{display: block;line-height: 20px;margin-top: 40px;font-size: 20px;color: #174f99;}
.product-detail .text .desc p{line-height: 32px;padding: 28px 0 40px;border-bottom: 1px solid #e8e8e8;font-size: 18px;}
.product-detail .text .buy{float: left;line-height: 30px;margin-top: 50px;font-size: 18px;}
.product-detail .text .buy:before{content: "";display: inline-block;width: 30px;height: 30px;margin-right: 6px;vertical-align: bottom;background-position: -315px -15px;}
.product-detail .text .buy:hover{color: #174f99;}
.product-detail .text .share{display: none;float: right;margin-top: 50px;}
.product-detail .text .share span{float: left;line-height: 30px;font-size: 18px;}
.product-detail .text .share a{float: left;width: 30px;height: 30px;margin-left: 5px;}
.product-detail .text .share a:nth-of-type(1){background-position: -15px -135px;}
.product-detail .text .share a:nth-of-type(2){background-position: -75px -135px;}
.product-detail .text .share a:hover{background-position-y: -195px;}
.product-detail .relevant h2{line-height: 30px;margin-top: 60px;background: url(../img/bg-product-relevant-title.png) no-repeat center top;font-size: 30px;color: #174f99;text-align: center;letter-spacing: .5px;}
.product-detail .relevant .product-list{margin-top: 70px;}
.product-detail .bottom{position: relative;margin-top: 70px;overflow: hidden;}
.product-detail .bottom > img{position: relative;left: 50%;display: block;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.product-detail .bottom .title{position: absolute;top: 165px;left: 0;width: 100%;}
.product-detail .bottom .title h2{font: 100px/80px "Cinzel";color: #fff;text-align: center;text-transform: uppercase;}
.product-detail .bottom .title img{display: block;margin: 25px auto 0;}


/****************************** 非凡设计 ******************************/
.designer{margin-top: 80px;margin-bottom: -75px;}
.designer dt{position: relative;z-index: 1;line-height: 70px;font-size: 34px;color: #444;text-indent: 40px;}
.designer dt:before{content: "";position: absolute;top: 0;left: 17px;height: 90px;border-right: 3px solid #174f99;}
.designer dd:after{content: "";display: block;clear: both;}
.designer .chief dd{margin-bottom: 30px;}
.designer .chief .person{position: relative;float: left;width: 29.28%;}
.designer .chief .person:after{content: "";position: absolute;bottom: -9px;left: 50%;width: 29px;height: 18px;margin-left: -15px;background-position: -375px -81px;}
.designer .chief .person:hover:after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.designer .chief .person img{display: block;width: 100%;}
.designer .chief .works{float: left;width: 70.72%;}
.designer .chief .works img{display: block;width: 100%;}
.designer .chief .works .page{position: absolute;right: 15px;bottom: 15px;left: auto;z-index: 1;width: auto;overflow: hidden;}
.designer .chief .works .page span{float: left;width: 20px;height: 20px;margin: 0 6px;background: none;border: 1px solid transparent;}
.designer .chief .works .page span:after{content: "";display: block;width: 12px;height: 12px;margin: 3px;background: #999;border-radius: 50%;}
.designer .chief .works .page span[class*="active"]{border-color: #174f99;}
.designer .chief .works .page span[class*="active"]:after{background: #174f99;}
.designer .chief .person-intro{float: left;width: 100%;height: 0;max-height: 300px;margin-top: 25px;overflow: hidden;background: #174f99;}
.designer .chief .person-intro .box{margin: 80px 7.14% 0;}
.designer .chief .person-intro h3{font: 30px/28px "Cinzel";color: #fff;text-transform: uppercase;}
.designer .chief .person-intro p{line-height: 30px;margin-top: 25px;font-size: 16px;color: #fff;}

.designer .cooperation{margin-top: 25px;}
.designer .cooperation dd{position: relative;margin-bottom: 90px;}
.designer .cooperation .photo{position: relative;width: 25.7%;}
.designer .cooperation .photo.right{margin-left: 74.3%;}
.designer .cooperation .photo img{position: relative;display: block;width: 100%;}
.designer .cooperation .photo:before{content: "";position: absolute;right: -6%;bottom: -7.7%;width: 86.9%;height: 60%;background: #f1f1f1;}
.designer .cooperation .photo.right:before{right: auto;left: -6%;}
.designer .cooperation .text{position: absolute;top: 50%;right: 0;width: 55%;padding-left: 10px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.designer .cooperation .text.left{right: auto;left: 0;}
.designer .cooperation .text h3{line-height: 30px;font-size: 26px;color: #222;}
.designer .cooperation .text h4{line-height: 20px;margin-top: 24px;font-size: 20px;color: #888;}
.designer .cooperation .text h4:before{content: "";display: inline-block;width: 50px;margin-right: 8px;vertical-align: middle;border-bottom: 2px solid #174f99;}
.designer .cooperation .text p{display: -webkit-box;height: 60px;line-height: 30px;margin-top: 40px;overflow: hidden;font-size: 16px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.designer .international{margin-top: 35px;}
.designer .international dd{position: relative;margin-bottom: 80px;}
.designer .international img{display: block;width: 50%;}
.designer .international img.right{margin-left: 50%;}
.designer .international .text{position: absolute;top: 18.3%;right: 0;width: 45.7%;padding-left: 10px;}
.designer .international .text.left{right: auto;left: 0;}
.designer .international .text h3{line-height: 30px;font-size: 26px;color: #222;}
.designer .international .text h3:after{content: "";display: block;width: 50px;margin-top: 23px;border-bottom: 2px solid #174f99;}
.designer .international .text p{display: -webkit-box;height: 60px;line-height: 30px;margin-top: 40px;overflow: hidden;font-size: 16px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.designer .fashion{position: relative;margin-top: 20px;padding-bottom: 75px;}
.designer .fashion h2{line-height: 30px;font-size: 30px;color: #444;text-align: center;}
.designer .fashion h2:before,
.designer .fashion h2:after{content: "";display: inline-block;width: 28px;vertical-align: 8px;border-bottom: 2px solid #ddd;}
.designer .fashion h2:before{margin-right: 16px;}
.designer .fashion h2:after{margin-left: 16px;}
.designer .fashion .list{margin-top: 90px;}
.designer .fashion .list li{padding: 0 15px;border-left: 1px dotted #ccc;}
.designer .fashion .list li:nth-child(n+3){margin-left: -1px;}
.designer .fashion .list li a{display: block;overflow: hidden;}
.designer .fashion .list li a img{display: block;width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.designer .fashion .list li a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.designer .fashion .list li h3{line-height: 20px;margin-top: 16px;overflow: hidden;font-size: 20px;color: #444;white-space: nowrap;text-overflow: ellipsis;}
.designer .fashion .list li span{display: block;margin-top: 5px;font: 14px/35px "Cinzel";color: #999;}
.designer .fashion .list li p{display: -webkit-box;height: 48px;line-height: 24px;overflow: hidden;font-size: 14px;color: #888;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.designer .fashion .page{position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.designer .fashion .page span{float: left;width: 12px;height: 12px;margin: 0 6px;background: #999;border-radius: 50%;}
.designer .fashion .page span[class*="active"]{background: #174f99;}


/****************************** 店铺查询 ******************************/
/*.store{margin: 60px 2.6% 0;}*/
.store .title:after{content: "";display: block;clear: both;}
.store .title a{position: relative;float: left;width: 260px;line-height: 60px;margin-right: 15px;background: #f3f3f3;font-size: 24px;color: #666;text-align: center;letter-spacing: 1px;}
.store .title a:hover,
.store .title a.active{background: #174f99;color: #fff;}
.store .title a:hover:before,
.store .title a.active:before{content: "";position: absolute;top: -13px;left: 50%;margin-left: -6px;border: 6px solid transparent;border-bottom: 7px solid #174f99;}

.store .content{margin-top: 42px;}
.store .content .item{position: relative;display: none;}
.store .content .item.active{display: block;}
.store .address{width: 27.4%;padding: 30px 15px;background: #f3f3f3;}
.store .address .filter{position: relative;z-index: 1;}
.store .address .filter:after{content: "";display: block;clear: both;}
.store .address .filter .dropdown{position: relative;float: left;width: 48.8%;margin-right: 2.4%;}
.store .address .filter .dropdown:nth-child(2){margin: 0;}
.store .address .filter .dropdown:after{content: "";position: absolute;top: 21px;right: 12px;border: 5px solid transparent;border-top: 6px solid #ccc;}
.store .address .filter .dropdown span{display: block;line-height: 48px;background: #fff;border: 1px solid #ddd;cursor: default;font-size: 18px;color: #444;text-indent: 10px;}
.store .address .filter .dropdown ul{position: absolute;top: 100%;left: 0;width: 100%;height: 0;overflow: hidden;background: #fff;border: 1px solid #eee;border-top: none;cursor: pointer;}
.store .address .filter .dropdown li{display: block;line-height: 48px;border-bottom: 1px solid #eee;font-size: 18px;text-indent: 10px;}
.store .address .filter .dropdown li:hover{background: #174f99;color: #fff;}
.store .address .filter a{float: left;width: 100%;line-height: 50px;margin-top: 16px;background: #174f99;font-size: 24px;color: #fff;text-align: center;letter-spacing: 1px;}
.store .address .list{height: 25vw;margin-top: 48px;overflow: hidden;}
.store .address .list li{margin-bottom: 30px;cursor: pointer;}#174f99
.store .address .list li h3{line-height: 36px;font-size: 20px;color: #333;}
.store .address .list li h3 em{font-family: "Cinzel";}
.store .address .list li span{display: block;line-height: 22px;padding-left: 20px;font-size: 14px;color: #999;}
.store .address .list li.active h3,
.store .address .list li.active span,
.store .address .list li:hover h3,
.store .address .list li:hover span{color: #174f99;}
.store .address .list .mCSB_dragger{left: 2px;width: 12px;background: #174f99;border-radius: 3px;}
.store .address .list .mCSB_dragger:after{content: "";position: absolute;top: 50%;left: 0;width: 12px;height: 9px;margin-top: -5px;background-position: -504px -25px;}
.store .address .list .mCSB_dragger .mCSB_dragger_bar{background: none !important;}
.store .map{position: absolute;top: 0;right: 0;width: 71%;height: 100%;}
.store .map .BMap_cpyCtrl,
.store .map .anchorBL{display: none;}
.store .map .BMapLabel[style*="display: inline"]{padding: 0 8px !important;background: #fff !important;border: none !important;box-shadow: 1px 1px 5px rgba(100, 100, 100, .5);box-shadow: 1px 1px 5px rgba(100, 100, 100, .5);font: bold 14px/40px "SimHei" !important;color: #333 !important;text-align: center !important;}
.store .map .BMapLabel:before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -6px;border: 6px solid transparent;border-top: 6px solid rgba(100, 100, 100, .5);}
.store .map .BMapLabel:after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 5px solid #fff;}

.store .online{height: 700px;background: url(../img/bg-store-online.jpg) no-repeat center top;}
.store .online ul{width: 62.14%;margin: 0 auto;padding-top: 160px;}
.store .online ul li{margin-bottom: 100px;overflow: hidden;}
.store .online li .info{float: left;}
.store .online li .info img{display: block;margin-top: 10px;}
.store .online li .info h3{line-height: 40px;margin-top: 26px;font-size: 24px;color: #444;}
.store .online li .info h3:before{content: "";display: inline-block;width: 40px;height: 40px;margin-right: 10px;vertical-align: bottom;}
.store .online li:nth-child(1) .info h3:before{background-position: -10px -370px;}
.store .online li:nth-child(2) .info h3:before{background-position: -70px -370px;}
.store .online li .info span{display: block;line-height: 30px;margin-top: 10px;padding-left: 50px;font-size: 20px;color: #888;}
.store .online li .info span a{color: #888;}
.store .online li .info span a:hover{text-decoration: underline;}
.store .online li .qrcode{float: right;}
.store .online li .qrcode img{display: block;width: 140px;height: 140px;padding: 10px;border: 1px solid #174f99;border-radius: 5px;}
.store .online li .qrcode span{display: block;line-height: 45px;font-size: 16px;text-align: center;}


/****************************** 会员服务 ******************************/
.service-top{height: 260px;padding-top: 90px;background: url(../img/bg-service-rule-top.png);}
.service-top span{display: block;line-height: 25px;margin-bottom: 30px;font-size: 20px;}
.service-top span:before{content: "";display: inline-block;width: 25px;height: 25px;margin-right: 12px;vertical-align: bottom;background-color: #174f99;border-radius: 50%;}
.service-top span:nth-child(1):before{background-position: -17px -77px;}
.service-top span:nth-child(2):before{background-position: -76px -77px;}

.service-rule .step{height: 455px;padding-top: 65px;background: url(../img/bg-service-rule-step.jpg) no-repeat center top;}
.service-rule .step dl{width: 60%;margin: 0 auto;}
.service-rule .step dt{line-height: 35px;margin-bottom: 80px;font-size: 34px;color: #fff;text-align: center;}
.service-rule .step dd{float: left;width: 21.6%;margin-right: 17.6%;}
.service-rule .step dd:last-of-type{margin-right: 0;}
.service-rule .step dd .icon{position: relative;width: 83.3%;margin: 0 auto;border: 4px solid #fff;border-radius: 50%;}
.service-rule .step dd .icon img{display: block;width: 60%;margin: 20%;}
.service-rule .step dd:nth-of-type(1) .icon img{padding: 5px;background: #fff;}
.service-rule .step dd .icon:after{content: "";position: absolute;top: 50%;left: 164%;width: 25px;height: 20px;margin: -10px 0 0 -12px;background-position: -378px -20px;}
.service-rule .step dd:last-of-type .icon:after{content: none;}
.service-rule .step dd span{display: block;line-height: 20px;margin-top: 16px;font-size: 18px;color: #fff;text-align: center;}

.service-rule .growth-path{padding: 50px 0 60px;}
.service-rule .growth-path h2 span{display: block;line-height: 40px;font-size: 34px;color: #444;text-align: center;}
.service-rule .growth-path h2 span.en{font: 18px/28px "Cinzel";color: #999;text-transform: uppercase;}
.service-rule .growth-path ul{position: relative;width: 800px;max-width: 100%;margin: 150px auto 60px;}
.service-rule .growth-path ul:before{content: "";position: absolute;bottom: 10%;left: -2%;width: 106%;border-top: 1px solid #174f99;-webkit-transform: rotate(-30deg);transform: rotate(-12deg);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.service-rule .growth-path li{position: relative;float: left;width: 25%;}
.service-rule .growth-path li:nth-child(2){margin-top: -5%;}
.service-rule .growth-path li:nth-child(3){margin-top: -10%;}
.service-rule .growth-path li:nth-child(4){margin-top: -15%;}
.service-rule .growth-path li img{display: block;width: 60%;margin: 0 auto;border: 4px solid #174f99;border-radius: 50%;}
.service-rule .growth-path li .box{position: relative;width: 90%;height: 170px;margin: 30px auto 0;padding-top: 36px;background: #174f99;border-radius: 10px;}
.service-rule .growth-path li .box:before{content: "";position: absolute;top: -24px;left: 50%;margin-left: -9px;border: 9px solid transparent;border-bottom: 15px solid #174f99;}
.service-rule .growth-path li .box h3{line-height: 36px;font-size: 30px;color: #fff;text-align: center;}
.service-rule .growth-path li .box span{display: block;line-height: 24px;margin: 16px 10% 0;padding-top: 10px;border-top: 1px solid #fff;font-size: 20px;color: #fff;text-align: center;}

.service-rule .member-privilege{height: 610px;padding-top: 70px;background: url(../img/bg-service-rule-member-privilege.jpg) no-repeat center top;}
.service-rule .member-privilege h2 span{display: block;line-height: 40px;font-size: 34px;color: #fff;text-align: center;}
.service-rule .member-privilege h2 span.en{font: 18px/28px "Cinzel";color: #fff;text-transform: uppercase;}
.service-rule .member-privilege table{width: 800px;margin: 50px auto 0;}
.service-rule .member-privilege thead th{line-height: 55px;background: #fff;border: 1px solid #174f99;font-weight: normal;font-size: 24px;color: #174f99;text-align: center;}
.service-rule .member-privilege tbody td{line-height: 40px;border: 1px solid rgba(255, 255, 255, .25);font-size: 18px;color: #fff;text-align: center;}
.service-rule .member-privilege tbody td i{content: "";display: inline-block;width: 18px;height: 18px;background-position: -441px -20px;}

.service-faq{height: 1000px;margin-bottom: -150px;padding-top: 40px;background: url(../img/bg-service-faq.jpg) no-repeat center top;}
.service-faq ul li{position: relative;margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px solid #e5e5e5;}
.service-faq ul li:after{content: "";position: absolute;top: 9px;right: 12px;width: 12px;height: 7px;background-position: -324px -87px;}
.service-faq ul li.active:after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.service-faq ul li h3{line-height: 30px;cursor: pointer;font-size: 20px;color: #444;}
.service-faq ul li h3:hover{color: #174f99;}
.service-faq ul li p{display: none;line-height: 30px;font-size: 18px;color: #444;}

.service-points .query{height: 820px;background: url(../img/bg-service-points-query.jpg) no-repeat center top;}
.service-points .query .container{height: 100%;}
.service-points .query h2{line-height: 36px;padding-top: 60px;font-size: 36px;color: #fff;text-align: center;}
.service-points .query .box{float: left;width: 62.85%;max-width: 100%;margin-top: 5px;}
.service-points .query .item{overflow: hidden;}
.service-points .query .item .icon{float: left;width: 150px;height: 150px;border: 4px solid #fff;border-radius: 50%;}
.service-points .query .item .icon img{display: block;width: 90px;height: 90px;margin: 26px auto;}
.service-points .query .item:nth-child(1) .icon img{padding: 5px;background: #fff;}
.service-points .query .item.right .icon{float: right;}
.service-points .query .item span{float: left;line-height: 30px;margin-top: 60px;margin-left: 30px;font-size: 20px;color: #fff;}
.service-points .query .item span em{vertical-align: text-bottom;font-style: italic;font-size: 50px;;;}
.service-points .query .item.right span{float: right;margin-right: 20px;}
.service-points .query .line{width: 82.72%;height: 60px;background: url(../img/service-points-query-line.png) no-repeat 0 0 / contain;}
.service-points .query .line:nth-of-type(2){margin: 23px auto 17px;}
.service-points .query .line:nth-last-of-type(2){margin: 30px auto 25px;-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}
.service-points .query .phone{position: absolute;right: 2.6%;bottom: 0;width: 27.85%;}
.service-points .strategy h2{padding-top: 65px;text-align: center;}
.service-points .strategy h2 span{display: block;line-height: 40px;font-size: 36px;color: #444;}
.service-points .strategy h2 em{display: block;line-height: 48px;font-size: 18px;color: #888;}
.service-points .strategy ul{margin-top: 72px;overflow: hidden;}
.service-points .strategy ul li{float: left;width: 12.14%;margin-right: 9.82%;}
.service-points .strategy ul li:last-child{margin-right: 0;}
.service-points .strategy ul li .icon{overflow: hidden;background: #444;border-radius: 50%;}
.service-points .strategy ul li .icon img{display: block;width: 70%;margin: 15%;}
.service-points .strategy ul li span{display: block;line-height: 56px;font-size: 20px;color: #444;text-align: center;}

.service-counterfeit{height: 645px;background: url(../img/bg-service-counterfeit.jpg) no-repeat center top;}
.service-counterfeit .container{height: 100%;}
.service-counterfeit .form{width: 50%;height: 100%;overflow: hidden;background: #f3f3f3;}
.service-counterfeit .form dl{width: 57%;margin: 75px auto 0;}
.service-counterfeit .form dl dt{line-height: 26px;margin-bottom: 50px;font-size: 28px;color: #444;}
.service-counterfeit .form dl dd label{display: block;line-height: 35px;padding-top: 5px;font-size: 18px;}
.service-counterfeit .form dl dd input{display: block;width: 100%;height: 50px;line-height: 20px;padding: 15px 0;background: #fff;border: 1px solid #e5e5e5;font-size: 20px;font-family: "Cinzel";color: #444;text-indent: 10px;letter-spacing: 1px;}
.service-counterfeit .form dl dd.btn{margin-top: 27px;overflow: hidden;}
.service-counterfeit .form dl dd.btn a{float: left;width: 48.75%;line-height: 50px;background: #fff;font-size: 20px;color: #444;text-align: center;}
.service-counterfeit .form dl dd.btn a.next{float: right;background: #174f99;color: #fff;}
.service-counterfeit .form dl dd.remark{line-height: 20px;margin-top: 65px;font-size: 18px;color: #888;}


/****************************** 品牌故事 ******************************/
.brand .story h2{position: relative;line-height: 70px;margin-top: 80px;padding-left: 55px;font-size: 34px;color: #444;}
.brand .story h2:before{content: "";position: absolute;top: 0;left: 30px;height: 90px;border-right: 3px solid #174f99;}
.brand .story .top{position: relative;margin-top: 80px;}
.brand .story .top:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 87%;background: #f5f5f5;}
.brand .story .top .photo{position: relative;z-index: 1;display: block;width: 55.7%;}
.brand .story .top .text{position: absolute;top: -23px;right: 0;width: 73.28%;height: calc(100% + 46px);padding-left: 30%;background: #174f99;}
.brand .story .top .text .title{display: block;width: 100%;margin: 70px 0 60px 7px;}
.brand .story .top .text p{line-height: 32px;margin-bottom: 34px;padding-left: 10.85%;font-size: 20px;color: #fff;}
.brand .story .top .text .corner{position: absolute;right: 1%;bottom: 0;width: 5.35%;-webkit-transform: translateY(50%);transform: translateY(50%);}

.brand .middle .title{margin-top: 130px;padding-left: 30px;}
.brand .middle .title .en{display: block;font: 50px/45px "Cinzel";color: #eaeaea;letter-spacing: 2px;text-transform: uppercase;}
.brand .middle .title .cn{display: block;line-height: 60px;font-size: 26px;color: #444;}
.brand .middle ul{margin-top: 15px;}
.brand .middle ul li .photo{position: relative;}
.brand .middle ul li .photo:before{content: "";position: absolute;background: #f5f5f5;}
.brand .middle ul li .photo img{position: relative;display: block;width: 100%;}
.brand .middle ul li .photo span{font: italic 30px/30px "Cinzel";color: #ccc;text-transform: uppercase;}
.brand .middle ul li .photo span:before{content: "";display: block;width: 50px;margin-bottom: 8px;border-bottom: 2px solid #174f99;}
.brand .middle ul li p{line-height: 32px;font-size: 18px;}
.brand .middle ul li:nth-child(1){float: left;width: 37.57%;}
.brand .middle ul li:nth-child(1) .photo{padding-left: 5.51%;}
.brand .middle ul li:nth-child(1) .photo:before{top: 6.77%;left: 0;width: 85.74%;height: 100%;}
.brand .middle ul li:nth-child(1) .photo:after{content: "";position: absolute;top: 106.77%;left: 5.51%;height: 50px;margin-top: -25px;border-right: 2px solid #174f99;}
.brand .middle ul li:nth-child(1) p{margin-top: 88px;}
.brand .middle ul li:nth-child(2){float: right;width: 797px;width: 56.92%;margin-top: 136px;}
.brand .middle ul li:nth-child(2) .photo{padding-right: 4%;}
.brand .middle ul li:nth-child(2) .photo:before{top: -13.6%;right: 0;width: 77.16%;height: 105.97%;}
.brand .middle ul li:nth-child(2) .photo span{position: absolute;top: -135px;left: 0;}
.brand .middle ul li:nth-child(2) p{margin-top: 88px;}
.brand .middle ul li:nth-child(3){float: left;width: 100%;margin-top: 130px;}
.brand .middle ul li:nth-child(3) .photo{float: left;width: 41.42%;}
.brand .middle ul li:nth-child(3) .photo:before{top: 12.24%;right: -5%;width: 93.96%;height: 96.93%;}
.brand .middle ul li:nth-child(3) .photo span{position: absolute;bottom: -50px;left: 32px;}
.brand .middle ul li:nth-child(3) .text{float: right;width: 51.42%;}
.brand .middle ul li:nth-child(3) .text h3{line-height: 26px;margin-top: 50px;font-size: 26px;color: #174f99;}
.brand .middle ul li:nth-child(3) .text p{line-height: 34px;margin-top: 14px;font-size: 18px;}

.brand .bottom{position: relative;margin-top: 208px;}
.brand .bottom:before{content: "";position: absolute;top: 26.26%;left: 0;width: 50%;height: 86.18%;background: #174f99;}
.brand .bottom .container:before{content: "";position: absolute;top: 26.26%;left: 0;width: 100%;height: 86.18%;background: #174f99;}
.brand .bottom .container:after{content: "";position: absolute;top: -10.89%;right: 0;width: 67.5%;height: 82.87%;background: #f5f5f5;}
.brand .bottom .photo{position: relative;z-index: 1;display: block;width: 60.92%;}
.brand .bottom .text{position: absolute;top: 15.56%;right: 0;z-index: 1;width: 35%;line-height: 32px;font-size: 18px;color: #444;}
.brand .bottom .text:before{content: "";display: block;width: 50px;margin-bottom: 32px;border-bottom: 2px solid #174f99;}
.brand .bottom .title{position: absolute;right: 1.85%;bottom: 11.5%;z-index: 1;width: 34.28%;}

.brand .activity h2{line-height: 30px;margin-top: 140px;font-size: 30px;color: #444;text-align: center;}
.brand .activity h2:before,
.brand .activity h2:after{content: "";display: inline-block;width: 28px;vertical-align: 8px;border-bottom: 2px solid #ddd;}
.brand .activity h2:before{margin-right: 16px;}
.brand .activity h2:after{margin-left: 16px;}
.brand .activity .poster{height: 580px;margin: 70px 0 20px;}
.brand .activity .poster .tb-btn{bottom: -50px;}
.brand .activity .poster .tb-btn a{width: 12px;height: 12px;margin: 0 6px;background: #999;}
.brand .activity .poster .tb-btn a.active{background: #174f99;}


/****************************** 更多 ******************************/
.more-news .year{margin-top: 55px;text-align: center;}
.more-news .year .box{display: inline-block;overflow: hidden;}
.more-news .year .box a{float: left;margin: 0 22px;font: italic 24px/24px "Cinzel";color: #888;}
.more-news .year .box a:hover,
.more-news .year .box a.active{border-bottom: 2px solid #888;}
.more-news li{position: relative;margin-top: 80px;overflow: hidden;}
.more-news li .figure{display: block;width: 50%;}
.more-news li:nth-child(even) .figure{margin-left: 50%;}
.more-news li .figure img{display: block;width: 100%;}
.more-news li .text{position: absolute;top: 50%;right: 2.85%;width: 42.85%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.more-news li:nth-child(even) .text{right: 0;left: 2.85%;}
.more-news li .text h3{line-height: 30px;font-size: 26px;color: #444;}
.more-news li .text span{display: block;font: 16px/45px "Cinzel";color: #999;text-transform: uppercase;}
.more-news li .text p{display: -webkit-box;height: 60px;line-height: 30px;margin-top: 20px;overflow: hidden;font-size: 16px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.more-news li .text a{display: inline-block;margin-top: 75px;font: 18px/20px "Cinzel";color: #ddd;}
.more-news li .text a:after{content: "";display: inline-block;width: 7px;height: 9px;margin-left: 8px;vertical-align: middle;background-position: -266px -86px;}
.more-news li .text a:hover{color: #174f99;}
.more-news li .text a:hover:after{background-position: -206px -86px;}
.more-news .load{display: block;width: 130px;line-height: 36px;margin: 180px auto 0;border-top: 1px solid #174f99;border-bottom: 1px solid #174f99;font-size: 16px;color: #888;text-align: center;}
.more-news .load:after{content: "";display: inline-block;width: 7px;height: 9px;margin-left: 8px;vertical-align: 1px;background-position: -266px -86px;}

.more-news-detail h1{line-height: 36px;margin-top: 60px;font-size: 26px;text-align: center;}
.more-news-detail .attr{line-height: 20px;padding: 25px 0;border-bottom: 1px solid #e5e5e5;font-size: 16px;color: #888;text-align: center;}
.more-news-detail .attr em{display: inline-block;height: 14px;margin: 0 14px;vertical-align: -1px;border-right: 1px solid #888;;}
.more-news-detail .attr span{font-family: "Cinzel";}
.more-news-detail .upload{margin-top: 40px;}
.more-news-detail .upload p{line-height: 28px;margin-bottom: 28px;font-size: 16px;}
.more-news-detail .upload p.center{text-align: center;}
.more-news-detail .jump{position: relative;margin-top: 140px;padding-top: 40px;border-top: 1px solid #e5e5e5;}
.more-news-detail .jump span{display: block;line-height: 36px;font-size: 16px;color: #444;}
.more-news-detail .jump span a{color: #888;}
.more-news-detail .jump span a[href]:hover{color: #174f99;}
.more-news-detail .jump .back{position: absolute;top: 48px;right: 0;line-height: 20px;font-size: 16px;color: #444;text-transform: uppercase;}
.more-news-detail .jump .back:after{content: "";display: inline-block;width: 12px;height: 14px;margin-left: 6px;vertical-align: -2px;background-position: -444px -83px;;;}

.more-rule{margin-top: 80px;margin-bottom: -80px;padding: 0 3.42% 200px;background: #fff;}
.more-rule h1{line-height: 80px;border-bottom: 2px solid #ebebeb;font-size: 30px;text-align: center;}
.more-rule h3{line-height: 40px;margin-top: 40px;font-weight: bold;font-size: 16px;color: #222;}
.more-rule p{line-height: 40px;font-size: 16px;}

.more-declaration{margin-top: 80px;margin-bottom: -80px;padding: 0 3.42% 425px;background: #fff;}
.more-declaration h1{line-height: 80px;border-bottom: 2px solid #ebebeb;font-size: 30px;text-align: center;}
.more-declaration table{width: 100%;margin-top: 50px;}
.more-declaration table td:nth-child(1){width: 50%;text-align: center;}
.more-declaration table td:nth-child(2){width: 50%;padding-right: 6.5%;text-align: right;}
.more-declaration table thead td{line-height: 76px;background: #174f99;font-size: 24px;color: #fff;}
.more-declaration table tbody td{height: 76px;line-height: 25px;background: #f7f7f7;font-size: 18px;}
.more-declaration table tbody:nth-child(2){font-family: "Cinzel";color: #888;}
.more-declaration table tbody tr:nth-child(even) td{background: #e7e7e7;}
.more-declaration table tbody td .box{display: inline-block;margin: 0 5%;text-align: left;}
.more-declaration table tbody td a{color: #666;}
.more-declaration table tbody td a:hover{color: #174f99;}

.more-patent{margin-top: 80px;margin-bottom: -80px;padding: 0 3.42% 160px;background: #fff;}
.more-patent h1{line-height: 80px;margin-bottom: 35px;border-bottom: 2px solid #ebebeb;font-size: 30px;text-align: center;}
.more-patent p{line-height: 40px;font-size: 18px;}
.more-patent .certificate{margin: 60px 0;overflow: hidden;}
.more-patent .certificate a{float: left;width: calc((100% - 54px) / 4);margin-right: 18px;}
.more-patent .certificate a:nth-child(4n){margin-right: 0;}
.more-patent .certificate a img{display: block;width: 100%;}


/****************************** 投资者咨询 ******************************/
.consult{position: relative;margin-top: 70px;padding-bottom: 90px;background: url(../img/bg-consult.png) no-repeat 0 40.6% / 31.66%;}
/*.consult:before{content: "";position: absolute;width: 11%;top: 53.26%;border-bottom: 2px solid #174f99;}*/
.consult:after{content: "";position: absolute;bottom: 0;left: 0;z-index: -1;width: 100%;height: 440px;background: #f7f7f7;}
.consult .box{float: right;width: 58.57%;height: 800px;padding: 0 20px;background: #fff;box-shadow: 0 0 30px rgba(180, 180, 180, .3);}
.consult .box .title{line-height: 90px;border-bottom: 2px solid #174f99;font-size: 34px;color: #174f99;}
.consult .list{height: calc(100% - 170px);margin-top: 13px;overflow: hidden;}
.consult .list ul{margin-right: 5%;overflow: hidden;border-bottom: 1px dotted #ccc;}
.consult .list ul li{float: left;line-height: 34px;margin: 27px 0;border-right: 1px dotted #ccc;font-size: 20px;text-align: center;}
.consult .list ul li:nth-child(1){width: 27.8%;font-size: 30px;font-family: "Cinzel";color: #444;}
.consult .list ul li:nth-child(2){width: 38%;}
.consult .list ul li:nth-child(3){width: 34.2%;}
.consult .list ul li a{color: #666;}
.consult .list ul li a:hover{color: #174f99;}
.consult .list ul li:last-child{border: none;}
.consult .list .mCSB_container{margin-right: 0;}
.consult .list .mCSB_dragger{position: relative;left: 2px;width: 12px;background: #174f99;border-radius: 3px;}
.consult .list .mCSB_dragger:after{content: "";position: absolute;top: 50%;left: 0;width: 12px;height: 9px;margin-top: -5px;background-position: -504px -25px;}
.consult .list .mCSB_dragger .mCSB_dragger_bar{background: none !important;}

.consult-stock-data .info{line-height: 35px;padding: 18px 0;border-bottom: 2px solid #174f99;font-size: 18px;}
.consult-stock-data .info a{color: #174f99;letter-spacing: 1px;text-decoration: underline;}
.consult-stock-data .data span{display: block;line-height: 50px;font-size: 16px;color: #888;}
.consult-stock-data .data span:last-of-type{display: block;margin-top: 10px;}

.consult-finace-log .box{min-height: 800px;}
.consult-finace-log ul{padding: 18px 0;overflow: hidden;}
.consult-finace-log ul li{float: left;width: 16.66%;border-right: 1px dotted #ccc;text-align: center;}
.consult-finace-log ul li:last-child{border: none;}
.consult-finace-log ul li a{font: 20px/34px "Cinzel";color: #888;}
.consult-finace-log ul li.active a,
.consult-finace-log ul li a:hover{color: #222;text-decoration: underline;}
.consult-finace-log table{display: none;width: 100%;}
.consult-finace-log table.active{display: table;}
.consult-finace-log table td:nth-child(1){width: 75.4%;text-indent: 1em;}
.consult-finace-log table td:nth-child(2){width: 24.6%;text-align: center;}
.consult-finace-log table thead td{line-height: 60px;background: #174f99;font-size: 24px;color: #fff;}
.consult-finace-log table thead td:nth-child(1){text-indent: 10%;}
.consult-finace-log table tbody:nth-child(2){font-family: "Cinzel";color: #888;}
.consult-finace-log table tbody td{height: 60px;line-height: 20px;background: #f7f7f7;font-size: 18px;color: #444;}
.consult-finace-log table tbody tr:nth-child(even) td{background: #e7e7e7;}
.consult-finace-log table tbody td .box{display: inline-block;margin: 0 5%;text-align: left;}
.consult-finace-log table tbody td a{margin-left: 10px;border-bottom: 1px solid #174f99;color: #174f99;}
.consult-finace-log table tbody td a:hover{color: #174f99;}


/****************************** 联系我们 ******************************/
.contact-service .top img{display: block;margin: 70px auto 20px;}
.contact-service .top p{line-height: 70px;font-size: 24px;text-align: center;}
.contact-service .top p.hotline{line-height: 60px;font-size: 20px;}
.contact-service .top p.hotline a{font-size: 24px;font-family: "Cinzel";color: #666;color: #666;}
.contact-service .form{position: relative;width: calc(100% - 20px);margin-top: 50px;padding: 50px 3.6%;border: 2px solid #174f99;}
.contact-service .form:before{content: "";position: absolute;top: -16px;right: -16px;width: 145px;height: 148px;background: url(../img/bg-contact-service-form.png) no-repeat;}
.contact-service .form dl{overflow: hidden;}
.contact-service .form dt{line-height: 30px;margin-bottom: 40px;font-size: 24px;color: #000;}
.contact-service .form dd{float: left;width: 50%;margin-top: 26px;}
.contact-service .form dd label{float: left;width: 10%;line-height: 50px;font-size: 16px;}
.contact-service .form dd input{width: 80.76%;line-height: 26px;padding: 12px 0;background: #f6f6f6;border: 1px solid transparent;font-size: 16px;font-family: "Cinzel";color: #444;text-indent: 1em;}
.contact-service .form dd textarea{float: left;width: 80.76%;height: 125px;line-height: 26px;padding: 5px 10px;background: #f6f6f6;border: 1px solid transparent;font-size: 16px;font-family: "Cinzel";color: #444;}
.contact-service .form dd input:focus,
.contact-service .form dd textarea:focus{border-color: #174f99;}
.contact-service .form dd span{float: right;margin-top: 15px;margin-right: 9.24%;font: 16px/20px "Cinzel";}
.contact-service .form a{display: block;width: 200px;line-height: 50px;margin: 100px auto 0;background: #222;font-size: 20px;color: #fff;text-align: center;}
.contact-service .join{height: 500px;margin-top: 150px;padding-top: 100px;background: url(../img/bg-contact-service-join.jpg) no-repeat center top;}
.contact-service .join h2{line-height: 60px;font-size: 34px;color: #fff;}
.contact-service .join h2:after{content: "";display: block;width: 90px;border: 2px solid rgba(255, 255, 255, .4);}
.contact-service .join span{display: block;line-height: 20px;margin-top: 32px;font-size: 20px;color: #fff;}
.contact-service .join a{display: block;width: 175px;line-height: 50px;margin-top: 108px;background: #fff;font-size: 20px;color: #174f99;text-align: center;}

.contact-recruit li{margin-top: 70px;border-top: 1px solid #e3e3e3;}
.contact-recruit li .top{padding-top: 30px;overflow: hidden;}
.contact-recruit li .top .date{float: left;width: 80px;height: 90px;background: #174f99;cursor: pointer;font-family: "Cinzel";color: #fff;text-align: center;}
.contact-recruit li .top .date em{display: block;line-height: 65px;font-size: 46px;}
.contact-recruit li .top .date span{display: block;line-height: 20px;font-size: 18px;}
.contact-recruit li .top dl{float: right;width: 87.85%;padding-bottom: 15px;border-bottom: 1px solid #eee;}
.contact-recruit li .top dl dt{line-height: 35px;margin-bottom: 30px;font-size: 30px;color: #444;letter-spacing: 1px;}
.contact-recruit li .top dl dd{float: left;line-height: 20px;margin-right: 2.8%;padding-right: 2.8%;border-right: 2px solid #ededed;font-size: 16px;}
.contact-recruit li .top dl dd:nth-last-of-type(2){border: none;}
.contact-recruit li .top dl dd:nth-last-of-type(1){float: right;margin: 0;padding: 0;border: none;color: #174f99;}
.contact-recruit li .top dl dd a{color: #174f99;}
.contact-recruit li.active{border-color: #174f99;}
.contact-recruit li .content{display: none;padding-left: 12.15%;overflow: hidden;}
.contact-recruit li .content strong{display: block;line-height: 30px;margin-top: 30px;font-size: 20px;color: #444;}
.contact-recruit li .content p{line-height: 30px;font-size: 16px;}


/****************************** CSS3 Media ******************************/
@media (max-width: 1400px) {
		footer .category{margin: 0 20px;}
	footer .category dd.attention a{margin-right: 8px;}

	.index-firefly{margin-right: 20px;margin-left: 20px;}

	.product .top{height: 50vw;}
	.product .product-list{margin: 0 20px;}

	.product-detail .top{height: 45vw;}

	.service-top .container{margin: 0 20px;}
	.service-faq ul{margin: 0 20px;}
	.service-points .query .box{padding-left: 20px;}
	.service-points .strategy ul{padding: 0 20px;}

	.brand .middle ul li:nth-child(1) p{margin-left: 20px;}

	.more-news-detail{padding: 0 20px;}

	.contact-service .join .container{padding-left: 20px;}
	.contact-recruit{padding: 0 20px;}
}

@media (max-width: 800px) {
	.service-rule .growth-path li .box h3{font-size: 26px;}
	.service-rule .growth-path li .box span{font-size: 18px;}
}

@media (max-width: 480px) {
	.container{width: 94%;}

}

@media (max-width: 360px) {

}

@media (max-width: 320px) {

}

@media (max-height: 760px) {
	nav .mainnav .item{margin-bottom: 20px;}
}