@charset "utf-8";

/*
 * Org: http://www.68team.com
 * Author: https://github.com/happyfreelife
 * Date: 2017-06-05
 */

/****************************** Normalize ******************************/
*, *:before, *:after{box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{overflow-x: hidden;font-size: 12px;font-family: "SimSun", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #666;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
a, img{-webkit-touch-callout: none;}
img{border: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
table{border-collapse: collapse;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;-webkit-appearance:button;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{resize: none;}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}


/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.rps{display: block;max-width: 100%;}
.upload img{max-width: 100%;height: auto;}
.container-body{overflow: hidden;}
.container-body.gray{background: #f1f1f1;}
.container{max-width: 1400px;margin: 0 auto;width: 72.91%;}
.container, .wrapper, .box{position: relative;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}
.ms{display: none !important;}
/*.mh{display: block;}*/


/****************************** Font Face  ******************************/
@font-face {
	font-family: "Cinzel";
	src: url("../font/Cinzel.eot");
	src: url("../font/Cinzel.eot?#iefix") format("embedded-opentype"),
		 url("../font/Cinzel.woff") format("woff"),
		 url("../font/Cinzel.ttf") format("truetype"),
		 url("../font/Cinzel.svg#Cinzel") format("svg");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "Kaufmann";
	src: url("../font/Kaufmann.eot");
	src: url("../font/Kaufmann.eot?#iefix") format("embedded-opentype"),
		 url("../font/Kaufmann.woff") format("woff"),
		 url("../font/Kaufmann.ttf") format("truetype"),
		 url("../font/Kaufmann.svg#Kaufmann") format("svg");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "Neutraface";
	src: url("../font/Neutraface.eot");
	src: url("../font/Neutraface.eot?#iefix") format("embedded-opentype"),
		 url("../font/Neutraface.woff") format("woff"),
		 url("../font/Neutraface.ttf") format("truetype"),
		 url("../font/Neutraface.svg#Neutraface") format("svg");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "Fette";
	src: url("../font/Fette-Engschrift.eot");
	src: url("../font/Fette-Engschrift.eot?#iefix") format("embedded-opentype"),
		 url("../font/Fette-Engschrift.woff") format("woff"),
		 url("../font/Fette-Engschrift.ttf") format("truetype"),
		 url("../font/Fette-Engschrift.svg#Fette-Engschrift") format("svg");
	font-style: normal;
	font-weight: normal;
}



/****************************** Icon Sprite ******************************/
header .menu:before,
header .link a,
header .link a:after,
nav .close:before,
nav .mainnav .item a:before,
footer .category dl.attention a,
footer .category dl.attention a:after,
footer .to-top:before,
footer .copyright i,
.index-section .more:after,
.index-marriage .video .play,
.product .name .video .play,
.product-detail .text .buy:before,
.product-detail .text .share a,
.store .address .list .mCSB_dragger:after,
.designer .video .play,
.designer .chief .person:after,
.service-top span:before,
.service-rule .step dd .icon:after,
.service-rule .member-benefits 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,
.topic-firefly .intro .text p:after,
.topic-laura .intro .text p:after,
.service-counterfeit .popup .close: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 dl.attention a:after,
footer .category dl dt:after,
.banner-index .btn a,
.banner-index .btn a i,
.banner-index-mobile .tb-btn a,
.banner-index-mobile .tb-btn a i,
.product-list a,
.designer .chief .person:after,
.service-faq ul li:after,
.contact-service .form dd input,
.contact-service .form dd textarea,
.contact-recruit li .top .date,
.contact-recruit li .top h3:after{-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{position: relative;top: 50%;float: left;line-height: 30px;margin-top: -15px;font-size: 20px;}
header .menu:before{content: "";display: inline-block;width: 30px;height: 30px;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%);width: 116px;}
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 + .header-placeholder{height: 80px;}
.nav-mask{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: 40;width: 220px;height: 100%;background: #fff;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
nav .close{position: relative;z-index: 20;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: #66c5b3;}
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: 10;width: 100%;height: 100%;background: #fff;border-right: 1px solid #e9e9e9;}
nav .mainnav .box{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, calc(-50% + 40px));transform: translate(-50%, calc(-50% + 40px));}
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[href="javascript:"]{cursor: default;}
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:nth-child(7) a:before{background-position: -378px -257px;}
nav .mainnav .item:nth-child(8) a:before{background-position: -436px -257px;}
nav .mainnav .item.active a,
nav .mainnav .item:hover a{color: #66c5b3;}
nav .mainnav .item.active a:before,
nav .mainnav .item:hover a:before{background-position-y: -317px;}
nav .subnav{position: absolute;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.top{z-index: 1;}
nav .subnav .box.active{-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
nav .subnav .box.fixed{-webkit-transform: none;transform: none;}
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;font-family: "Cinzel", "SimSun";color: #666;}
nav .subnav ul li a:hover{color: #66c5b3;}

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: #66c5b3;}
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: #66c5b3;}
footer .category ul{position: absolute;top: 52px;right: 0;width: 50%;}
footer .category dl.attention dd{margin-top: 10px;}
footer .category dl.attention:after dd{content: "";display: block;clear: both;}
footer .category dl.attention a{position: relative;float: left;width: 24px;height: 24px;margin-right: 16px;}
footer .category dl.attention a:nth-child(1),
footer .category dl.attention a:nth-child(1):after{background-position: -18px -137px;}
footer .category dl.attention a:nth-child(2),
footer .category dl.attention a:nth-child(2):after{background-position: -78px -137px;}
footer .category dl.attention a:nth-child(3),
footer .category dl.attention a:nth-child(3):after{background-position: -258px -137px;}
footer .category dl.attention a:nth-child(4),
footer .category dl.attention a:nth-child(4):after{background-position: -138px -137px;}
footer .category dl.attention a:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position-y: -197px !important;opacity: 0;}
footer .category dl.attention a:hover:after{opacity: 1;}
footer .category dl.attention a .qrcode{position: absolute;top: 30px;left: 50%;display: none;width: 100px;margin-left: -50px;border: 1px solid #ddd;}
footer .category dl.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 dl.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 dl.attention a .qrcode img{display: block;width: 100%;padding: 5px;background: #fff;}
footer .category dl.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;color: #aaa;font-family: "Arial", "SimSun";}
footer .copyright em{display: inline-block;width: 15px;}
footer .copyright i{display: inline-block;width: 20px;height: 20px;background-size: 300px 300px;background-position:-65px -245px;vertical-align: -4px;margin-right:2px;}
footer .copyright a{color: #888;}
footer .copyright a:hover{color: #66c5b3;}
footer .to-top{position: fixed;right: 50px;bottom: 100px;z-index: 50;display: none;width: 65px;height: 65px;background: #66c5b3;box-shadow: 2px 2px 5px rgba(100, 100, 100, .3);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;}
footer .hide{display: none !important;}


/****************************** Page Component ******************************/
.banner-top{position: relative;}
.banner-top img{display: block;width: 100%;}
.banner-top h1{position: absolute;top: 50%;left: 0;margin-top: -17px;line-height: 34px;font-size: 34px;color: #fff;letter-spacing: 2px;width: 100%;text-align: center;}
.banner-top ul{position: absolute;bottom: 10%;left: 50%;width: 520px;margin-left: -260px;}
.banner-top ul li{float: left;width: 25%;height: 20px;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: #66c5b3;}


/****************************** Index ******************************/
.banner-index{position: relative;overflow: hidden;}
.banner-index .list .video-js{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: none;}
.banner-index .list,
.banner-index .list > li{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner-index .list > li.active{z-index: 1;}
.banner-index .list > li a{display: block;width: 100%;overflow: hidden;}
.banner-index .list > li img{display: block;width: 100%;opacity: 0;-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(1.2);transform: scale(1.2);}
.banner-index .list > li.noscale img,
.banner-index .list > li.active img{opacity: 1;-webkit-transform: none;transform: none;}
.banner-index .list > li .text{position: absolute;top: 35%;left: 0;width: 100%;opacity: 0;font-family: "Cinzel", "SimSun";-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(.8);transform: scale(.8);}
.banner-index .list > li .text span{display: block;color: #fff;text-align: center;text-transform: uppercase;}
.banner-index .list > li .text span.top{height: 48px;line-height: 48px;font-size: 50px;}
.banner-index .list > li .text span.middle{height: 110px;line-height: 110px;font-size: 30px;}
.banner-index .list > li .text span.bottom{height: 35px;line-height: 35px;font-size: 24px;}
.banner-index .list > li.active .text{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.banner-index .list.ground,
.banner-index .list.ground li{position: relative;width: auto;height: auto;}

.banner-index .btn{position: absolute;top: 35%;right: 50px;z-index: 1;width: 14px;}
.banner-index .btn a{display: block;width: 16px;height: 16px;margin: 7px 0;border: 1px solid transparent;border-radius: 50%;}
.banner-index .btn a i{display: block;width: 8px;height: 8px;margin: 3px auto;background: #fff;border-radius: 50%;}
.banner-index .btn a.active{border-color: #66c5b3;}
.banner-index .btn a.active i{background: #66c5b3;}
.banner-index-mobile{display: none;}

.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 #66c5b3;}
.index-section p{position: absolute;line-height: 24px;font-size: 14px;color: #888;}
.index-section .more{position: absolute;display: inline-block;font: 14px/18px "Cinzel";color: #444;}
.index-section .more:after{content: "";display: inline-block;width: 7px;height: 9px;margin-left: 8px;vertical-align: middle;background-position: -146px -86px;}
.index-section .more:hover{color: #66c5b3;}
.index-section .more:hover:after{background-position: -206px -86px;}

.index-firefly{margin-top: 100px;overflow: hidden;box-shadow: 0 0 30px rgba(0, 0, 0, .1);}
.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 h2.en a{color: #444;}
.index-brand h2.en a:hover{color: #66c5b3;}
.index-brand p{position: static;width: 80%;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 .highlight,
.index-devil .figure .color{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;}
.index-devil .figure .highlight{-webkit-transition: all 1s;transition: all 1s;}
.index-devil .figure .color{-webkit-transition: all 2s 2s;transition: all 2s 2s;}
.index-devil .figure.active .highlight,
.index-devil .figure.active .color{opacity: 1;}
.index-devil .figure:after{content: "";position: absolute;top: 5%;width: 27.27%;border-bottom: 2px solid #66c5b3;-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 .wrapper{background: #fff;}
.index-marriage .box{position: absolute;top: 0;left: 5.35%;width: 55.37%;height: 100%;}
.index-marriage .box a,
.index-marriage .box img{left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.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 .highlight,
.index-marriage .figure .color{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;}
.index-marriage .figure .highlight{-webkit-transition: all 1s;transition: all 1s;}
.index-marriage .figure .color{-webkit-transition: all 2s 2s;transition: all 2s 2s;}
.index-marriage .figure.active .highlight,
.index-marriage .figure.active .color{opacity: 1;}
.index-marriage .video{position: relative;width: 55.71%;margin-top: -6.4%;}
.index-marriage .video .video-js{position: absolute;top: 0;left: 0;display: none;width: 100%;height: 100%;background: none;}
.index-marriage .video .play{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: -60px -2px;border: none;border-radius: 50%;}
.index-marriage .highlights{position: absolute;right: 0;bottom: 60px;width: 46.35%;}
.index-marriage .highlights a{overflow: hidden;position: absolute;width: 20.13%;right: 13.42%;top: 0;height: 100%;text-indent: 1000px;}

.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: 6.35%;background: #eee;}
.index-divine .box span{position: absolute;top: 10.5%;line-height: 24px;font-size: 20px;color: #888;}
.index-divine .box span em{color: #66c5b3;}
.index-divine .box h3{position: absolute;top: 18%;line-height: 30px;font-size: 30px;color: #222;}
.index-divine .box h2.en{top: 34%;}
.index-divine .box h2.cn{top: 67%;}
.index-divine .box a{top: 86.5%;}
.index-divine .box img{position: absolute;top: 50%;right: 0;width: 52%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

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


/****************************** 主题系列 ******************************/
.topic{position: relative;overflow: hidden;}
.topic .background{position: absolute;top: 0;left: 0;width: 100%;overflow: hidden;}
.topic .background img{position: relative;left: 50%;display: block;margin-left: -960px;}
.topic .background.ms img{left: 0;margin: 0;width: 100%;}
.topic + .product-list{margin-top: 50px;}

.topic-firefly{padding-bottom: 315px; }
.topic-firefly canvas{position: absolute;top: 80px;left: 0;z-index: 1;}
.topic-firefly .container{z-index: 2;}
.topic-firefly .top{position: relative;margin: 248px 0 260px;}
.topic-firefly .top .title{display: block;margin: 0 auto 100px;}
.topic-firefly .top span{display: block;line-height: 28px;font-size: 24px;color: #ccc;text-align: center;}
.topic-firefly .top span em{display: inline-block;font-style: italic;}
.topic-firefly .top span.en{font: 40px/45px "Kaufmann";color: #555;}
.topic-firefly .top span.en em{font-style: normal;}
.topic-firefly .top .insect{position: absolute;bottom: 5px;left: 7.5%;width: 22.57%;}
.topic-firefly .intro{overflow: hidden;}
.topic-firefly .intro .person{float: left;width: 50%;}
.topic-firefly .intro .text{float: left;width: 50%;padding-left: 15px;margin-top: 148px;position: relative;}
.topic-firefly .intro .text h3.en{font: 120px/90px "Kaufmann";color: #222;}
.topic-firefly .intro .text h3.cn{line-height: 80px;font-size: 34px;color: #fff;}
.topic-firefly .intro .text p{line-height: 36px;margin-top: 32px;padding-right: 20px;font-size: 20px;color: #ccc;}
.topic-firefly .intro .text p:after{content: "";display: block;width: 28px;height: 20px;margin-top: 45px;background-position: -495px -80px;}
.topic-firefly .intro .text .insect{position: absolute;top: -33%;right: 0;width: 18.34%;}
.topic-firefly ul li{position: relative;}
.topic-firefly ul li a{position: relative;z-index: 1;display: block;border-radius: 10px;}
.topic-firefly ul li a img{display: block;width: 100%;}
.topic-firefly ul li .text{position: absolute;top: 50%;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.topic-firefly ul li .text h3{line-height: 30px;margin-bottom: 40px;font-size: 30px;color: #fff;}
.topic-firefly ul li .text p{line-height: 26px;font-size: 20px;color: #bbb;}
.topic-firefly ul li .text p.en{display: none;}
.topic-firefly ul li:nth-child(1){margin-top: 220px;}
.topic-firefly ul li:nth-child(1) a{width: 35%;margin-left: 10%;}
.topic-firefly ul li:nth-child(1) .text{left: 40.14%; top:35%;}
.topic-firefly ul li:nth-child(1) .insect{position: absolute;right: 25%;top: -48%;width: 10.57%;}
.topic-firefly ul li:nth-child(2){margin-top: 150px;}
.topic-firefly ul li:nth-child(2) a{width: 35%;margin-left:60%;}
.topic-firefly ul li:nth-child(2) .text{left: 26%; top:35%;}
.topic-firefly ul li:nth-child(2) .insect{position: absolute;top: 2%;left: 5.27%;width: 18.14%;}
.topic-firefly ul li:nth-child(3){margin-top: 200px;}
.topic-firefly ul li:nth-child(3) a{width: 30%;margin-left: 8.64%;}
.topic-firefly ul li:nth-child(3) .text{left: 50%; top:30%; }
.topic-firefly ul li:nth-child(3) .insect{position: absolute;left: 32%;top: -10%;width: 18.14%;}
.topic-firefly ul li:nth-child(4){margin-top: 137px;}
.topic-firefly ul li:nth-child(4) a{width: 35%;margin-left: 60%; }
.topic-firefly ul li:nth-child(4) .text{top: 50%;left: 22.5%;width: 36%;}
.topic-firefly ul li:nth-child(4) .insect.left{position: absolute;left: 18.14%; top: 45.29%;width: 10.64%;}
.topic-firefly ul li:nth-child(4) .insect.right{position: absolute;right: 21.42%;top: 78.63%;width: 16.64%;}
.topic-firefly ul li:nth-child(5){margin-top: 148px; }
.topic-firefly ul li:nth-child(5) a{width: 35%;margin-left: 7.14%;}
.topic-firefly ul li:nth-child(5) .text{left: 40.71%;width: 53.57%; top:35%;}
.topic-firefly ul li:nth-child(5) .insect{position: absolute;left: 23.92%;top: 50%;width: 24.28%;}
.topic-firefly ul li:nth-child(6){margin-top: 245px;}
.topic-firefly ul li:nth-child(6) a{width: 35%;margin-left: 50%;}
.topic-firefly ul li:nth-child(6) .text{left: 13.9%;}
.topic-firefly ul li:nth-child(6) .insect{position: absolute;width: 25%;left: 40%;top: 90%;}

.topic-devil{padding-bottom: 260px; }
.topic-devil .top{padding-top: 245px; }
.topic-devil .top .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.topic-devil .top .box img{position: absolute;}
.topic-devil .top .box img:nth-child(1){width: 21.14%;top: 0;left: 38.85%;}
.topic-devil .top .box img:nth-child(2){width: 12.14%;top: 21.65%;right: 6.71%;}
.topic-devil .top .box img:nth-child(3){display: none;top: 51.87%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 80%;}
.topic-devil .top .box img:nth-child(4){width: 9.21%;top: 76.39%;left: 3.78%;}
.topic-devil .top .box img:nth-child(5){width: 11.21%;top: 68.87%;right: 34.21%;}
.topic-devil .top .title{position: relative;background: url(../img/topic-devil-top-3.png) no-repeat center top / 80%;}
.topic-devil .top .title .en{font: 80px/65px "Cinzel";color: #fff;color: #fff;text-align: center;text-transform: uppercase;}
.topic-devil .top .title .cn{line-height: 50px;margin-top: 30px;font-size: 45px;color: #fff;text-align: center;position: relative;}
.topic-devil .top ul{position: relative;left: 50%;display: inline-block;margin-top: 140px;overflow: hidden;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.topic-devil .top ul li{position: relative;float: left;width: 70px;line-height: 26px;font-size: 26px;color: #999;text-align: center;}
.topic-devil .top ul li:after{content: "";position: absolute;top: 0;right: -5px;height: 100%;border-right: 1px solid #444;-webkit-transform: rotate(30deg);transform: rotate(30deg);}
.topic-devil .top ul li:last-child:after{content: none;}
.topic-devil .intro{margin-top: 490px;position: relative;}
.topic-devil .intro img{position: absolute;top: 50%;left: 0;width: 52.08vw;-webkit-transform: translateY(-44%);transform: translateY(-44%);}
.topic-devil .intro .text{margin-left: 51%;}
.topic-devil .intro .text h2.en{font: italic 70px/55px "Cinzel";color: #333;text-transform: uppercase;}
.topic-devil .intro .text h2.cn{line-height: 35px;margin-top: 40px;font-size: 34px;color: #fff;}
.topic-devil .intro .text p{line-height: 42px;margin-top: 125px;font-size: 24px;color: #fff;}
.topic-devil [class^="section"] a{display: block;width: 25%; }
.topic-devil [class^="section"] a img{display: block;margin: 0 auto;}
.topic-devil [class^="section"] a span{display: block;line-height: 26px;margin-top: 30px;font-size: 26px;color: #fff;text-align: center;}



.topic-devil .section-1{margin-top: 362px;}
.topic-devil .section-1 a:nth-child(1){margin-left: 34.28%;}
.topic-devil .section-1 a:nth-child(1) img{width: 86.28%;}
.topic-devil .section-1 a:nth-child(2){margin-top: -100px;margin-left: 71%; }
.topic-devil .section-1 a:nth-child(2) img{width: 86.28%;}
.topic-devil .section-1 a:nth-child(2) span{ display:block; margin-top:-100px;}
.topic-devil .section-1 a:nth-child(3){margin-top: 106px;margin-left: 46.14%; position:relative; top:-150px;}
.topic-devil .section-1 a:nth-child(3) img{width: 86.28%;}
.topic-devil .section-1 a:nth-child(4){position: absolute;top: 24.26%;left: 0;width: 34.28%;margin: 0;}
.topic-devil .section-1 a:nth-child(4) img{width: 100%;}
.topic-devil .section-2{margin-top: 154px;overflow: hidden;}
.topic-devil .section-2 a:nth-child(1){float: left;}
.topic-devil .section-2 a:nth-child(1) img{width: 50%; }
.topic-devil .section-2 a:nth-child(2){float: left;margin-top: -100px;margin-left: 11.85%;}
.topic-devil .section-2 a:nth-child(2) img{width: 100%; }
.topic-devil .section-2 a:nth-child(3){float: left;margin-top: 54px;margin-left: 12.42%;}
.topic-devil .section-2 a:nth-child(3) img{width: 90.14%;}
.topic-devil .section-3{position: relative;margin-top: 160px;}
.topic-devil .section-3 > img{position: absolute;top: -13.33%;right: 0;width: 39%;}
.topic-devil .section-3 a:nth-child(1){margin-left: 8%;}
.topic-devil .section-3 a:nth-child(1) img{width: 58.85%;}
.topic-devil .section-3 a:nth-child(2){margin-top: 0px;margin-left: 37.14%;}
.topic-devil .section-3 a:nth-child(2) img{width: 100%;}
.topic-devil .section-3 a:nth-child(3){margin-top: -150px;}
.topic-devil .section-3 a:nth-child(3) img{width: 104.85%;}
.topic-devil .section-4{margin-top: 140px;overflow: hidden; }
.topic-devil .section-4 a:nth-child(1){float: left;}
.topic-devil .section-4 a:nth-child(1) img{width: 124.85%;}
.topic-devil .section-4 a:nth-child(1) span{width: 124.85%;padding-left: 45%;}
.topic-devil .section-4 a:nth-child(2){float: left;margin-top: 105px;margin-left: 15.42%;}
.topic-devil .section-4 a:nth-child(2) img{width: 69.71%;}
.topic-devil .section-4 a:nth-child(3){float: left;margin-top: 35px;margin-left: 7.28%;}
.topic-devil .section-4 a:nth-child(3) img{width: 68%;}

.topic-laura{padding-bottom: 90px;}
.topic-laura .top .letter{position: relative;left: 50%;width: 100vw;padding: 40px 0;overflow: hidden;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.topic-laura .top .letter em{float: left;width: 5.88%;font: 16px/15px "Neutraface";color: #ccc;text-align: center;text-transform: uppercase;}
.topic-laura .top h1.en{margin-top: 130px;font: 50px/50px "Neutraface";color: #888;text-align: center;text-transform: uppercase;}
.topic-laura .top h1.cn{line-height: 36px;margin-top: 20px;font-size: 36px;color: #888;text-align: center;}
.topic-laura .top span{display: block;line-height: 24px;margin-top: 66px;font-size: 24px;color: #aaa;text-align: center;}
.topic-laura .top img{display: block;margin: 107px auto 0;}
.topic-laura .intro{margin-top: 280px;}
.topic-laura .intro:after{content: "";display: block;clear: both;}
.topic-laura .intro img{float: left;width: 50%;}
.topic-laura .intro .text{float: left;width: 50%;margin-top: 155px;}
.topic-laura .intro .text h2.en{font: italic 60px/45px "Neutraface";color: #ddd;text-transform: uppercase;}
.topic-laura .intro .text h2.cn{line-height: 30px;margin-top: 30px;font-size: 26px;color: #888;}
.topic-laura .intro .text p{line-height: 35px;margin-top: 85px;font-size: 20px;color: #888;}
.topic-laura .intro .text p:after{content: "";display: block;width: 28px;height: 20px;margin-top: 65px;background-position: -495px -80px;}
.topic-laura ul li{position: relative;}
.topic-laura ul:after,
.topic-laura ul li:after{content: "";display: block;clear: both;}
.topic-laura ul li .box{float: left;text-align: center;}
.topic-laura ul li a{display: block;margin: 0 auto;}
.topic-laura ul li a img{display: block;width: 100%;margin: 0 auto;}
.topic-laura ul li h3{line-height: 30px;margin-top: 28px;font-size: 30px;color: #888;}
.topic-laura ul li span{display: block;line-height: 35px;margin-top: 18px;font-size: 20px;color: #888;}
.topic-laura ul li .letter{margin-top: 28px;overflow: hidden;}
.topic-laura ul li .letter em{float: left;width: 10%;font: 12px/12px "Neutraface";color: #ccc;text-align: center;text-transform: uppercase;}

.topic-laura .section-1 li:nth-child(1){margin-top: 120px;}
.topic-laura .section-1 li:nth-child(1) .box{float: right;margin-right: 8.9%;}
.topic-laura .section-1 li:nth-child(1) a{width: 67.75%;}
.topic-laura .section-1 li:nth-child(2){margin-top: -64px;}
.topic-laura .section-1 li:nth-child(2) a{width: 40%;}
.topic-laura .section-1 li:nth-child(3){margin-top: 211px;}
.topic-laura .section-1 li:nth-child(3) .box{float: right;width: 52.85%;}
.topic-laura .section-1 li:nth-child(3) .clip{position: absolute;top: -60%;width: 8.09%;left: -10%;}
.topic-laura .section-1 li:nth-child(3) h3{margin: 0;}
.topic-laura .section-1 li:nth-child(3) a{position: relative;float: right;width: 40.93%;margin-top: -75px;}
.topic-laura .section-2 li{float: left;width: 50%;}
.topic-laura .section-2 li:nth-child(1){float: left;margin-top: 101px;}
.topic-laura .section-2 li:nth-child(1) .box{width: 85.7%;}
.topic-laura .section-2 li:nth-child(1) a{width: 18.71%;}
.topic-laura .section-2 li:nth-child(2){margin-top: 200px;}
.topic-laura .section-2 li:nth-child(2) .box{float: right;width: 85.7%;}
.topic-laura .section-2 li:nth-child(2) a{float: left;width: 18%;margin-right: 9%;}
.topic-laura .section-2 li:nth-child(2) h3{margin-top: 345px;}
.topic-laura .section-3 li:nth-child(1){margin-top: 200px;}
.topic-laura .section-3 li:nth-child(1) .box{float: right;margin-right: 20.5%;}
.topic-laura .section-3 li:nth-child(1) .clip{position: absolute;top: -10%;left: -36.58%;width: 19%;}
.topic-laura .section-3 li:nth-child(1) a{width: 41.5%;}
.topic-laura .section-3 li:nth-child(2){margin-top: -92px;}
.topic-laura .section-3 li:nth-child(2) a{width: 98.5%;}
.topic-laura .section-3 li:nth-child(3){margin-top: -82px;}
.topic-laura .section-3 li:nth-child(3) .box{float: right;margin-right: 10%;}
.topic-laura .section-3 li:nth-child(3) a{width: 47.5%;}

.topic-divine .content{position: relative;overflow: hidden;}
.topic-divine .top{position: relative;overflow: hidden;}
.topic-divine .top > img{position: relative;left: 50%;display: block;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.topic-divine div[class^="section"]{position: relative;}
.topic-divine div[class^="section"]:after{content: "";display: block;clear: both;}
.topic-divine .section-title{overflow: hidden;height: 80px;}
.topic-divine .section-title i{float: left;margin-right: 15px;font: italic 100px/80px "Fette";color: #4e4e4e;}
.topic-divine .section-title span{float: left;line-height: 50px;font-size: 40px;color: #fff;}
.topic-divine .section-title span em{display: block;margin: 0;font: 20px/26px "Cinzel";color: #666;}
.topic-divine .container{padding-bottom: 150px;}
.topic-divine .section-0{margin-top: 362px;}
.topic-divine .section-0 img{margin: 160px auto 0;
	display: block;}
.topic-divine .section-0 p {
	line-height: 32px;
	margin-top: 50px;
	padding: 0 15px;
	font-size: 18px;
	color: #aaa;
	margin-top: 18px;
	text-align: center;
}
.topic-divine .section-1{margin-top: 180px;}
.topic-divine .section-1 .left{margin-left: 8.42%;position: relative;}
.topic-divine .section-1 .text span{display: block;line-height: 30px;margin-top: 15px;font-size: 30px;color: #fff;}
.topic-divine .section-1 .text span.highlight{line-height: 50px;margin-top: 85px;font-size: 50px;color: #b5814f;}
.topic-divine .section-1 .text p{line-height: 32px;margin-top: 75px;font-size: 18px;color: #aaa;}
.topic-divine .section-1 img{position: absolute;right: 8.57%;width: 30%;top: -43.19%;}
.topic-divine .section-2{margin-top: 220px;}
.topic-divine .section-2 img{position: absolute;top: -8.64%;left: 12px;width: 43.57%;}
.topic-divine .section-2 .right{width: 41.07%;margin-left: 53.21%;position: relative;}
.topic-divine .section-2 .text span{display: block;line-height: 50px;margin-top: 65px;font-size: 30px;color: #fff;}
.topic-divine .section-2 .text span em{font-size: 50px;color: #b5814f;}
.topic-divine .section-2 .text p{line-height: 32px;margin-top: 75px;font-size: 18px;color: #aaa;}
.topic-divine .section-3{margin-top: 200px;}
.topic-divine .section-3 > img{display: block;width: 100%;}
.topic-divine .section-3 .section-title{position: absolute;bottom: 0;left: 0;padding: 24px 6.07% 12px;background: rgba(0, 0, 0, .5);height: 116px;}
.topic-divine .section-3 .box img{display: block;width: 100%;}
.topic-divine .section-3 .text{position: relative;margin-top: 42px;}
.topic-divine .section-3 .text p{width: 72.14%;line-height: 32px;margin-bottom: 32px;padding-left: 6.42%;font-size: 18px;color: #aaa;}
.topic-divine .section-3 .text img{position: absolute;top: 0;right: 2.5%;width: 19.64%;}
.topic-divine .section-4{margin-top: 130px;}
.topic-divine .section-4 .left{float: left;width: 45%;margin-top: 70px;}
.topic-divine .section-4 .left img{display: block;width: 100%;}
.topic-divine .section-4 .left h3{line-height: 34px;margin-top: 85px;font-size: 26px;color: #fff;}
.topic-divine .section-4 .left p{line-height: 32px;margin: 32px 0 85px;font-size: 18px;color: #aaa;}
.topic-divine .section-4 .left p:last-of-type{margin-bottom: 0;}
.topic-divine .section-4 .right{float: right;width: 45%;margin-top: 70px;}
.topic-divine .section-4 .right h3{line-height: 40px;font-size: 26px;color: #fff;}
.topic-divine .section-4 .right p{line-height: 32px;margin-top: 32px;font-size: 18px;color: #aaa;}
.topic-divine .section-4 .right .size{display: block;width: 100%;margin-top: 80px;}
.topic-divine .section-4 .right .diamond{margin-top: 90px;overflow: hidden;}
.topic-divine .section-4 .right .diamond .box{float: left;width: 50%;text-align: center;}
.topic-divine .section-4 .right .diamond .name{line-height: 25px;font-size: 18px;color: #aaa;}
.topic-divine .section-4 .right .diamond .number{margin-top: 25px;font: 70px/55px "Cinzel";color: #fff;}
.topic-divine .section-4 .right .diamond .number sub{vertical-align: 4px;font-size: 34px;}
.topic-divine .section-4 .right .diamond img{display: block;width: 50%;margin: 70px auto 0;}
.topic-divine .section-4 .right .diamond span{display: block;line-height: 25px;margin-top: 25px;padding: 0 10px;font-size: 18px;color: #aaa;}
.topic-divine .section-5{margin-top: 150px;text-align: center;}
.topic-divine .section-5 h2{line-height: 60px;font-size: 30px;color: #fff;font-family: "Cinzel", "SimSun";}
.topic-divine .section-5 h2 em{display: block;font-size: 40px;}
.topic-divine .section-5 img{display: block;width: 33.85%;margin: 88px auto 0;}
.topic-divine .section-5 span{display: block;line-height: 66px;font-size: 30px;color: #b5814f;}
.topic-divine .section-5 p{line-height: 32px;margin-top: 50px;padding: 0 15px;font-size: 18px;color: #aaa;}


/****************************** 产品系列 ******************************/
.product-list:after{content: "";display: block;clear: both;}
.product-list a{position: relative;float: left;width: 30.7%;height: 380px;margin: 0 3.95% 30px 0;}
.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 .banner{position: relative;}
.product .banner .container{position: absolute;top: 0;left: 50%;height: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.product .banner .title{position: relative;top: 50%;width: 100%;font-family: "Cinzel", "SimSun";color: #444;text-align: center;text-transform: uppercase;margin-top: -55px;}
.product .banner .title h1,
.product .banner .title h1 span{line-height: 60px !important;font-size: 50px !important;}
.product .banner .title h2,
.product .banner .title h2 span{line-height: 50px !important;font-size: 30px !important;}

.product .name{position: relative;margin-top: 50px;overflow: hidden;}
.product .name .text{position: absolute;top: 0;left: 0;width: calc(35.72% - 10px);height: 100%;background: #66c5b3;}
.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: 24px;font-size: 20px;margin: 50px 3% 0;}
.product .name .video{position: relative;float: right;width: 64.28%;}
.product .name .video img{display: block;width: 100%;}
.product .name .video .video-js{position: absolute;top: 0;left: 0;display: none;width: 100%;height: 100%;background: none;}
.product .name .video .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.product .name .video .play{content: "";position: absolute;top: 50%;left: 50%;width: 56px;height: 56px;margin: -28px 0 0 -28px;background-position: -60px -2px;border: none;border-radius: 50%;background-color: rgba(255, 255, 255, .3);}
.product .desc{position: relative;margin-top: 10px;overflow: hidden;}
.product .desc img{display: block;width: 100%;}
.product .desc p{position: absolute;top: 50%;left: 58%;width: 42%;line-height: 32px;font-size: 18px;color: #fef6fd;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.product .product-list{padding: 50px 0 30px;}

.product-detail .top{height: 620px;}
.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%;transform: translateY(-50%);-webkit-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: #66c5b3;}
.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: #66c5b3;}
.product-detail .relevant h2{line-height: 30px;background: url(../img/bg-product-relevant-title.png) no-repeat center top;font-size: 30px;color: #66c5b3;text-align: center;letter-spacing: .5px;}
.product-detail .relevant .product-list{margin-top: 50px;}
.product-detail .bottom{position: relative;width: 1400px;margin: 30px auto 0;max-width: 90%;}
.product-detail .bottom img{display: block;width: 100%;}


/****************************** 非凡设计 ******************************/
.designer .video{position: relative;}
.designer .video .video-js{position: absolute;top: 0;left: 0;display: none;width: 100%;height: 100%;background: none;}
.designer .video .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.designer .video .play{content: "";position: absolute;top: 50%;left: 50%;width: 56px;height: 56px;margin: -28px 0 0 -28px;background-position: -60px -2px;border: none;border-radius: 50%;background-color: rgba(255, 255, 255, .3);}
.designer .container{margin-top: 80px;}
.designer dt{position: relative;line-height: 70px;font-size: 34px;color: #444;z-index: 1;padding-left: 40px;}
.designer dt:before{content: "";position: absolute;top: 0;left: 17px;height: 90px;border-right: 3px solid #66c5b3;}
.designer dd:after{content: "";display: block;clear: both;}
.designer .chief dd{margin-bottom: 30px;position: relative;}
.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.active:after,
.designer .chief .person:hover:after{-webkit-transform: rotateX(180deg);transform: rotateX(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: #66c5b3;}
.designer .chief .works .page span[class*="active"]:after{background: #66c5b3;}
.designer .chief .person-intro{/*top: 100%;z-index: 2;*/width: 100%;height: 0;max-height: 300px;margin-top: 25px;overflow: hidden;}
.designer .chief .person-intro.active{margin: 0;padding-top: 25px;}
.designer .chief .person-intro .box{padding: 80px 7.14%;background: #66c5b3;}
.designer .chief .person-intro .box h3{font: 30px/28px "Cinzel";color: #fff;text-transform: uppercase;}
.designer .chief .person-intro .box p,
.designer .chief .person-intro .box p span{line-height: 30px;margin-top: 25px;font-size: 16px;color: #fff;}

.designer .cooperation{margin-top: 50px;}
.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%;width: 55%;padding-left: 10px;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0;}
.designer .cooperation .text.left{right: auto;left: 0;}
.designer .cooperation .text h3{line-height: 30px;font-size: 26px;color: #222;}
.designer .cooperation .text h4{margin-top: 24px;font: 24px/20px "Cinzel";color: #888;}
.designer .cooperation .text h4:before{content: "";display: inline-block;width: 50px;margin-right: 8px;vertical-align: middle;border-bottom: 2px solid #66c5b3;}
.designer .cooperation .text p{line-height: 30px;margin-top: 40px;font-size: 16px;}

.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%;}
.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 #66c5b3;}
.designer .international .text p{line-height: 30px;margin-top: 40px;font-size: 16px;}

.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 a{padding: 0 15px;border-left: 1px dotted #ccc;}
.designer .fashion .list a:nth-child(n+3){margin-left: -1px;}
.designer .fashion .list a .figure{display: block;overflow: hidden;}
.designer .fashion .list a .figure img{display: block;width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.designer .fashion .list a .figure:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.designer .fashion .list a h3{line-height: 20px;margin-top: 16px;overflow: hidden;font-size: 20px;color: #333;white-space: nowrap;text-overflow: ellipsis;}
.designer .fashion .list a span{display: block;margin-top: 5px;font: 14px/35px "Cinzel";}
.designer .fashion .list a p{display: -webkit-box;height: 48px;line-height: 24px;overflow: hidden;font-size: 14px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.designer .fashion .page{position: absolute;bottom: 50px;left: 0;width: 100%;text-align: center;}
.designer .fashion .page span{width: 12px;height: 12px;background: #999;border-radius: 50%;margin: 0 6px;}
.designer .fashion .page span[class*="active"]{background: #66c5b3;}


/****************************** 店铺查询 ******************************/
.store{margin: 0 2.6%;}
.store .banner{position: relative;}
.store .title{margin-top: 60px;}
.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: #66c5b3;color: #fff;}
.store .title a:hover:after,
.store .title a.active:after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -6px;border: 6px solid transparent;border-top: 7px solid #66c5b3;}

.store .content{margin-top: 40px;}
.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 select{width: 100%;height: 100%;border: none;height: 50px;font-size: 18px;}
.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: #66c5b3;color: #fff;}
.store .address .filter a{float: left;width: 100%;line-height: 50px;margin-top: 16px;background: #66c5b3;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;}
.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: #66c5b3;}
.store .address .list .mCSB_dragger{left: 2px;width: 12px;background: #66c5b3;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_draggerRail{width: 1px;}
.store .address .list .mCSB_dragger .mCSB_dragger_bar{background: none !important;}
.store .map{position: absolute;top: 0;right: 0;width: 72.6%;height: 100%;}
.store .map .BMap_cpyCtrl,
.store .map .anchorBL{display: none;}
.store .map .BMapLabel[style*="visibility: visible"]{padding: 0 8px !important;background: #fff !important;border: none !important;box-shadow: 1px 1px 5px rgba(100, 100, 100, .2), -1px 1px 5px rgba(100, 100, 100, .2);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{display: none;background: url(../img/bg-store-online.jpg) no-repeat center top / 100% 100%;height: 700px;}
.store .online ul{width: 62.14%;margin: 0 auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.store .online ul li{margin-bottom: 50px;overflow: hidden;}
.store .online ul li:last-child{margin: 0;}
.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: 20px;font-size: 24px;color: #444;}
.store .online li .info h3:before{content: "";display: inline-block;width: 40px;height: 40px;margin-right: 10px;vertical-align: -12px;}
.store .online li:nth-child(1) .info h3:before{background-position: -10px -490px;}
.store .online li:nth-child(2) .info h3:before{background-position: -70px -490px;}
.store .online li .info span{display: block;line-height: 30px;padding-left: 50px;font-size: 20px;color: #888;margin: 5px 0 10px;}
.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 #66c5b3;border-radius: 5px;}
.store .online li .qrcode span{display: block;line-height: 45px;font-size: 16px;text-align: center;}

.store .banner .online{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/****************************** 会员服务 ******************************/
.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;text-transform: uppercase;}
.service-top span:before{content: "";display: inline-block;width: 25px;height: 25px;margin-right: 12px;vertical-align: bottom;background-color: #66c5b3;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 #66c5b3;-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 #66c5b3;border-radius: 50%;}
.service-rule .growth-path li .box{position: relative;width: 90%;height: 170px;margin: 30px auto 0;padding-top: 36px;background: #66c5b3;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 #66c5b3;}
.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-benefits{padding-top: 70px;background: url(../img/bg-service-rule-member-privilege.jpg) no-repeat center top / cover;overflow: hidden;}
.service-rule .member-benefits h2 span{display: block;line-height: 40px;font-size: 34px;color: #fff;text-align: center;}
.service-rule .member-benefits h2 span.en{font: 18px/28px "Cinzel";color: #fff;text-transform: uppercase;}
.service-rule .member-benefits .table{width: 800px;margin: 50px auto 0;overflow: hidden;}
.service-rule .member-benefits table:nth-child(1){float: left;width: 44.25%;}
.service-rule .member-benefits table:nth-child(2){float: left;width: 55.75%;margin-left: -1px;}
.service-rule .member-benefits table th{font-weight: bold;line-height: 55px;background: #fff;border: 1px solid #66c5b3;font-weight: normal;font-size: 24px;color: #66c5b3;text-align: center;}
.service-rule .member-benefits table td{line-height: 50px;border: 1px solid rgba(255, 255, 255, .25);font-size: 18px;color: #fff;text-align: center;}
.service-rule .member-benefits table [hide]{display: none;}
.service-rule .member-benefits table td.double{line-height: 20px;padding: 5px 0;}
.service-rule .member-benefits table td i{content: "";display: inline-block;width: 18px;height: 18px;background-position: -441px -20px;}
.service-rule .member-benefits .remark{float: left;line-height: 30px;margin-right: 1px;padding: 10px 5%;border: 1px solid rgba(255, 255, 255, .25);border-top: none;font-size: 18px;color: #fff;}
.service-rule .member-benefits .remark em{color: #fffb92;}
.service-rule .member-benefits .bottom{padding: 50px 0;}
.service-rule .member-benefits .bottom table:nth-child(1){width: 80%;}
.service-rule .member-benefits .bottom table:nth-child(2){width: 20%;}


.service-faq{height: 1000px;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: #66c5b3;}
.service-faq ul li p{display: none;line-height: 30px;margin-top: 12px;font-size: 18px;color: #444;}

.service-points .query{height: 820px;background: url(../img/bg-service-points-query.jpg) no-repeat center top;overflow: hidden;}
.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: 60px 0 0 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: 60%;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;text-transform: uppercase;}
.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", "SimSun";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: #66c5b3;color: #fff;}
.service-counterfeit .form dl dd.remark{line-height: 20px;margin-top: 40px;font-size: 16px;color: #888;}

.service-counterfeit .popup{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);}
.service-counterfeit .popup .box{position: absolute;top: 50%;left: 50%;width:960px;max-width: 100%;padding-bottom: 20px;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.service-counterfeit .popup .close{position: absolute;top: 15px;right: 15px;line-height: 20px;font-size: 20px;color: #66c5b3;}
.service-counterfeit .popup .close:before{content: "";display: inline-block;width: 18px;height: 18px;margin-right: 10px;vertical-align: -3px;background-position: -561px -21px;}
.service-counterfeit .popup .title{margin-top: 70px;font: 28px/35px "Cinzel";color: #444;text-align: center;}
.service-counterfeit .popup ul{width: 80%;margin: 70px auto 0;overflow: hidden;}
.service-counterfeit .popup ul li{float: left;width: 50%;margin-bottom: 50px;}
.service-counterfeit .popup ul li label{float: left;line-height: 24px;font-size: 18px;color: #444;}
.service-counterfeit .popup ul li span{float: left;line-height: 24px;margin-left: 15px;font-size: 18px;color: #66c5b3;}


/****************************** 品牌故事 *****************************/
.brand .story .title{z-index: 2;}
.brand .story .title h2{position: relative;line-height: 70px;margin-top: 80px;padding-left: 55px;font-size: 34px;color: #444;}
.brand .story .title h2:before{content: "";position: absolute;top: 0;left: 30px;height: 90px;border-right: 3px solid #66c5b3;}
.brand .story .top{position: relative;}
.brand .story .top:before{content: "";position: absolute;top: 0;right: 0;width: 200%;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: #66c5b3;}
.brand .story .top .text .title{display: block;width: 100%;padding: 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 #66c5b3;}
.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 #66c5b3;}
.brand .middle ul li:nth-child(1) p{margin-top: 88px;}
.brand .middle ul li:nth-child(2){float: right;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: #66c5b3;}
.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: #66c5b3;}
.brand .bottom .container:before{content: "";position: absolute;top: 26.26%;left: 0;width: 100%;height: 86.18%;background: #66c5b3;}
.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 #66c5b3;}
.brand .bottom .title{position: absolute;right: 1.85%;bottom: 21.5%;z-index: 1;width: 34.28%;}

.brand .activity{position: relative;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.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;position: relative;}
.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: #66c5b3;}


/****************************** 更多 ******************************/
.more-news .year{margin-top: 55px;text-align: center;}
.more-news .year ul{display: inline-block;overflow: hidden;}
.more-news .year ul li{float: left;margin: 0 22px;height: 27px;}
.more-news .year ul li a{display: inline-block;line-height: 26px;font-size: 20px;color: #888;}
.more-news .year ul li:hover a,
.more-news .year ul li.active a{border-bottom: 1px 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: #444;}
.more-news li .text a:after{content: "";display: inline-block;width: 7px;height: 9px;margin-left: 8px;vertical-align: middle;background-position: -146px -86px;}
.more-news li .text a:hover{color: #66c5b3;}
.more-news li .text a:hover:after{background-position: -206px -86px;}
.more-news .load{position: relative;display: block;width: 130px;line-height: 36px;margin: 180px auto 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;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 .load:hover{border-color: #66c5b3;}

.more-news-detail h1{line-height: 36px;margin-top: 60px;font-size: 26px;text-align: center;}
.more-news-detail .attr{position: relative;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 .attr .share{position: absolute;top: 27px;right: 0;}
.more-news-detail .attr .share a{margin: 0 0 0 6px;}
.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: #66c5b3;}
.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: #66c5b3;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: #66c5b3;}

.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: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 #66c5b3;font-size: 34px;color: #66c5b3;}
.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", "SimSun";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: #66c5b3;}
.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: #66c5b3;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_draggerRail{width: 1px;}
.consult .list .mCSB_dragger .mCSB_dragger_bar{background: none !important;}

.consult-stock-data .info{line-height: 35px;padding: 18px 0;border-bottom: 2px solid #66c5b3;font-size: 18px;}
.consult-stock-data .info a{color: #66c5b3;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 .year{position: relative;margin: 18px 0;}
.consult-finace-log .year ul:after{content: "";display: block;clear: both;}
.consult-finace-log .year ul li{float: left;width: 25%;line-height: 40px;border-right: 1px dotted #ccc;text-align: center;}
.consult-finace-log .year.count-1 ul li{width: 100%;}
.consult-finace-log .year.count-2 ul li{width: 50%;}
.consult-finace-log .year.count-3 ul li{width: 33.33%;}
.consult-finace-log .year ul li:last-child{border: none;}
.consult-finace-log .year ul li a{font-size: 20px;font-family: "Cinzel";color: #888;}
.consult-finace-log .year ul li.active a,
.consult-finace-log .year ul li a:hover{color: #222;text-decoration: underline;}
.consult-finace-log .year .switch{position: absolute;top: 6px;z-index: 1;display: none;width: 30px;height: 30px;}
.consult-finace-log .year .switch:after{content: "";position: absolute;top: 7px;width: 16px;height: 16px;border-right: 1px solid #666;border-bottom: 1px solid #666;}
.consult-finace-log .year .switch.prev{left: 0;}
.consult-finace-log .year .switch.next{right: 0;}
.consult-finace-log .year .switch.prev:after{left: 10px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.consult-finace-log .year .switch.next:after{right: 10px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.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%;}
.consult-finace-log table td:nth-child(2){width: 24.6%;text-align: center;}
.consult-finace-log table thead td{line-height: 60px;background: #66c5b3;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;padding-left: 1em;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 a{margin-left: 10px;border-bottom: 1px solid #66c5b3;color: #66c5b3;}
.consult-finace-log table tbody td a:hover{color: #66c5b3;}


/****************************** 联系我们 ******************************/
.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;padding: 50px 3.6%;border: 2px solid #66c5b3;margin: 50px auto 0;}
.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 0 / contain;}
.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: 15%;line-height: 50px;font-size: 16px;}
.contact-service .form dd input{width: 80%;line-height: 26px;padding: 12px 0;background: #f6f6f6;border: 1px solid transparent;font-size: 16px;font-family: "Cinzel", "SimSun";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", "SimSun";color: #444;}
.contact-service .form dd input:focus,
.contact-service .form dd textarea:focus{border-color: #66c5b3;}
.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: #66c5b3;text-align: center;}

.contact-way{position: absolute;top: 50%;left: 0;width: 100%;margin-top: 25px;}
.contact-way span{display: block;text-align: center;}
.contact-way span a{line-height: 24px;font-size: 20px;color: #d3d3d3;}
/*.contact-recruit ul{padding-bottom: 30px;border-bottom: 1px solid #e3e3e3;}*/
.contact-recruit li{margin-top: 70px;border-top: 1px solid #e3e3e3;}
.contact-recruit li .top{padding-top: 30px;overflow: hidden;cursor: pointer;}
.contact-recruit li .top .date{float: left;width: 80px;height: 90px;background: #e3e3e3;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 h3{float: right;width: 87.85%;line-height: 35px;margin-bottom: 20px;font-size: 30px;color: #444;letter-spacing: 1px;}
.contact-recruit li .top .info{float: right;width: 87.85%;padding-bottom: 15px;position: relative;}
.contact-recruit li .top .info span{float: left;margin-right: 2.8%;padding-right: 2.8%;border-right: 2px solid #ededed;font-size: 16px;}
.contact-recruit li .top .info span:nth-last-child(2){border: none;}
.contact-recruit li .top .info span:nth-last-child(1){float: right;margin: 0;padding: 0;border: none;color: #66c5b3;}
.contact-recruit li .top .info span a{color: #66c5b3;}
.contact-recruit li.active .top .date,
.contact-recruit li .top:hover .date{background: #66c5b3;}
.contact-recruit li .content{display: none;overflow: hidden;margin-left: 12.15%;border-top: 1px solid #eee;}
.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: 1440px){
	header{padding: 0 3%;}
	header .menu{font-size: 16px;}
	header .menu:before{width: 24px;height: 24px;background-size: 480px 480px;background-position: -12px -12px;vertical-align: -6px;}
	nav .close{font-size: 16px;}
	nav .close:before{width: 16px;height: 16px;background-size: 480px 480px;background-position: -160px -16px;}
	nav .close:hover:before{background-position: -208px -16px;}
	footer .category{margin: 0 20px;}
    footer .category dd.attention a{margin-right: 8px;}
	.container{width: 90%;}

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

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

	.contact-recruit li .top .info span:nth-last-child(1){display: none;}

    .topic-firefly{padding-bottom: 300px;}
    .topic-firefly .top .title{margin-top: 5.21vw;}
    .topic-firefly .intro .text{margin-top: 6vw;}
    .topic-firefly .intro .text h3.en{line-height: 70px;font-size: 80px;}
    .topic-firefly .intro .text h3.cn{line-height: 60px;font-size: 26px;}
    .topic-firefly .intro .text p{line-height: 30px;margin-top: 1.67vw;font-size: 16px;}
    .topic-firefly .intro .text p:after{margin-top: 2.34vw;}
    .topic-firefly ul li .text h3{margin-bottom: 2.08vw;font-size: 24px;}
    .topic-firefly ul li .text p{font-size: 16px;}
    .topic-firefly ul li:nth-child(1){margin-top: 11.46vw;}
    .topic-firefly ul li:nth-child(2){margin-top: 14.58vw;}
    .topic-firefly ul li:nth-child(3){margin-top: 14.06vw;}
    .topic-firefly ul li:nth-child(4){margin-top: 7.14vw;}
    .topic-firefly ul li:nth-child(5){margin-top: 18.13vw;}
    .topic-firefly ul li:nth-child(6){margin-top: 23.18vw;}

    .topic-devil{padding-bottom: 150px;}
    .topic-devil .top{padding-top: 280px;padding-bottom: 50px;}
    .topic-devil .top .title .en{font-size: 50px;line-height: 50px;}
    .topic-devil .top .title .cn{line-height: 36px;margin-top: 20px;font-size: 35px;}
    .topic-devil .top ul{margin-top: 7.29vw;}
    .topic-devil .top ul li{width: 60px;line-height: 24px;font-size: 20px;}
    .topic-devil .top ul li:after{border-color: #999;}
    .topic-devil .intro{margin-top: 25.52vw;}
    .topic-devil .intro .text{padding-right: 20px;}
    .topic-devil .intro .text h2.en{line-height: 40px;font-size: 50px;}
    .topic-devil .intro .text h2.cn{line-height: 30px;margin-top: 2.08vw;font-size: 26px;}
    .topic-devil .intro .text p{line-height: 30px;margin-top: 6.51vw;font-size: 18px;}
    .topic-devil [class^="section"] a span{line-height: 20px;margin-top: 1.04vw;font-size: 18px;}
    .topic-devil .section-1{margin-top: 18.85vw;}
    .topic-devil .section-1 a:nth-child(2){margin-top: -2.08vw;}
	.topic-devil .section-1 a:nth-child(2) span{ display:block; margin-top:-50px;}
    .topic-devil .section-1 a:nth-child(3){margin-top: 5.52vw;}
    .topic-devil .section-1 a:nth-child(4){left: 1%;}
    .topic-devil .section-2{margin-top: 9.58vw;overflow: hidden;}
    .topic-devil .section-2 a:nth-child(2){margin-top: 2vw;}
    .topic-devil .section-2 a:nth-child(3){margin-top: 2.81vw;}
    .topic-devil .section-3{margin-top: 13.54vw;}
    .topic-devil .section-3 a:nth-child(2){margin-top: 0vw;}
    .topic-devil .section-3 a:nth-child(3){margin-top: -7.81vw;}
    .topic-devil .section-4{margin-top: 12.5vw;overflow: hidden;}
    .topic-devil .section-4 a:nth-child(2){margin-top: 5.47vw;}
    .topic-devil .section-4 a:nth-child(3){margin-top: 1.82vw;}
    .topic-devil .section-4 a:nth-child(1){margin-left: 1%;}

    .topic-laura .top .letter{padding: 40px 0;}
    .topic-laura .top h1.en{line-height: 40px;margin-top: 1.77vw;font-size: 36px;}
    .topic-laura .intro{margin-top: 9.58vw;}
    .topic-laura .intro .text{padding-right: 20px;}
    .topic-laura .intro .text h2.en{line-height: 30px;font-size: 40px;}
    .topic-laura .intro .text h2.cn{line-height: 20px;margin-top: 1.56vw;font-size: 20px;}
    .topic-laura .intro .text p{line-height: 24px;margin-top: 20px;font-size: 15px;}
    .topic-laura .intro .text p:after{margin-top: 3.39vw;}
    .topic-laura ul li .box{padding: 0 10px;}
    .topic-laura ul li h3{line-height: 20px;margin-top: 1.46vw;font-size: 20px;}
    .topic-laura ul li span{line-height: 24px;margin-top: .94vw;font-size: 16px;}
    .topic-laura ul li .letter{margin-top: 1.46vw;}
    .topic-laura .section-1 li:nth-child(1){margin-top: 6.25vw;}
    .topic-laura .section-1 li:nth-child(2){margin-top: -5.42vw;}
    .topic-laura .section-1 li:nth-child(3){margin-top: -1.3vw;}
    .topic-laura .section-1 li:nth-child(3) a{margin-top: -3.91vw;}
    .topic-laura .section-2 li:nth-child(1){margin-top: 5.21vw;}
    .topic-laura .section-2 li:nth-child(2){margin-top: 10.42vw;}
    .topic-laura .section-2 li:nth-child(2) h3{margin-top: 17.97vw;}
    .topic-laura .section-3 li:nth-child(1){margin-top: 13.02vw;}
    .topic-laura .section-3 li:nth-child(2){margin-top: -6.88vw;}
    .topic-laura .section-3 li:nth-child(3){margin-top: -4.27vw;}

    .topic-divine .top > img{left: 0;width: 100%;-webkit-transform: none;transform: none;}
    .topic-divine .section-1{margin-top: 9.38vw;}
    .topic-divine .section-1 img{top: -31.23%;}
    .topic-divine .section-1 .text span{margin-top: .78vw;}
    .topic-divine .container{padding-bottom: 100px;}
    .topic-divine .section-1 .text span.highlight{margin-top: 4.43vw;}
    .topic-divine .section-1 .text p{margin-top: 3.91vw;}
    .topic-divine .section-2{margin-top: 12.5vw;}
    .topic-divine .section-2 img{top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    .topic-divine .section-2 .right{width: 45%;margin-left: 52%;}
    .topic-divine .section-2 .text span{margin-top: 3.39vw;}
    .topic-divine .section-2 .text p{margin-top: 3.91vw;}
    .topic-divine .section-3{margin-top: 12.29vw;}
    .topic-divine .section-3 .section-title{padding-right: 3%;padding-left: 3%;}
    .topic-divine .section-3 .text{margin-top: 2.19vw;}
    .topic-divine .section-4{margin-top: 7.81vw;}
    .topic-divine .section-4{padding: 0 20px;}
    .topic-divine .section-4 .left{margin-top: 3.65vw;}
    .topic-divine .section-4 .left h3{margin-top: 4.43vw;}
    .topic-divine .section-4 .right{margin-top: 3.65vw;}
    .topic-divine .section-4 .right p{margin-top: 1.67vw;}
    .topic-divine .section-4 .right .size{margin-top: 5.21vw;}
    .topic-divine .section-4 .right .diamond{margin-top: 4.69vw;}
    .topic-divine .section-4 .right .diamond .number{margin-top: 1.3vw;}
    .topic-divine .section-4 .right .diamond span{margin-top: 1.3vw;}
    .topic-divine .section-5 p{margin-top: 2.6vw;}
}

@media (max-width: 1024px){
	.topic ~ footer{margin-top: 100px;}
	.topic-divine .section-4 .right h3,
	.topic-divine .section-4 .left h3{font-size: 20px;}
	.topic-divine .section-4 .right p{font-size: 16px;}
}

@media (max-width: 800px){
	/****************************** Global ******************************/
	[animation-name]{visibility: visible !important;}
    .ms{display: block !important;}
    .mh{display: none !important;}


    /****************************** Common Part ******************************/
    header{height: 70px;}
    header .menu{width: 30px;height: 30px;overflow: hidden;}
    header .menu em{display: none;}
    header .menu.active:before{background-position: -204px -12px;}
    header .link{display: none;}
    header .logo{width: 100px;}
    header + .header-placeholder{height: 70px;}

    .nav-mask{display: none !important;}
    nav{top: 70px;z-index: 10;display: none;width: 100%;height: calc(100vh - 70px);-webkit-transform: none;transform: none;}
    nav.active{display: block;}
    nav .close{display: none;}
    nav .mainnav{border: none;}
    nav .mainnav .box{top: 0;left: 0;width: 100%;height: 100%;border: none;-webkit-transform: none;transform: none;}
    nav .mainnav .item{height: 12.5%;margin: 0 !important;overflow: hidden;background: #fff;border-bottom: 1px solid #e9e9e9;}
    nav .mainnav .item:last-child{border: none;}
    nav .mainnav .item a{position: relative;top: 50%;line-height: 50px;margin-top: -25px;padding-left: 7%;font-size: 30px;text-align: left;}
    nav .mainnav .item a:before{display: inline-block;width: 50px;height: 50px;margin-right: 20px;vertical-align: bottom;}
    nav .mainnav .item a:after{content: "";position: absolute;top: 50%;right: 7%;width: 18px;height: 18px;margin-top: -9px;border-right: 2px solid #666;border-bottom: 2px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
    nav .mainnav .item:first-child a:after,
    nav .mainnav .item:nth-child(7) a:after{content: none;}
    nav .mainnav .item:nth-child(1) a:before{background-position: -5px -365px;}
    nav .mainnav .item:nth-child(2) a:before{background-position: -65px -365px;}
    nav .mainnav .item:nth-child(3) a:before{background-position: -125px -365px;}
    nav .mainnav .item:nth-child(4) a:before{background-position: -185px -365px;}
    nav .mainnav .item:nth-child(5) a:before{background-position: -245px -365px;}
    nav .mainnav .item:nth-child(6) a:before{background-position: -305px -365px;}
    nav .mainnav .item:nth-child(7) a:before{background-position: -365px -365px;}
    nav .mainnav .item.active a:before{background-position-y: -425px;}
    nav .subnav{left: 100%;z-index: 20;width: 50vw;}
    nav .subnav .box{border-left: 1px solid #e9e9e9;}
    nav .subnav .box.active{-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
    nav .subnav ul li{margin-bottom: 40px;}
    nav .subnav ul li a{font-size: 20px;}

    footer{margin-top: 100px;padding: 0;}
    footer .container{width: 94%;}
    footer .category{margin: 0;}
    footer .category .column{float: none;width: 100%;}
    footer .category .column dl{display: none;height: 60px;overflow: hidden;}
    footer .category .column dl.visible{display: block;}
    footer .category dl dt{position: relative;height: 60px;line-height: 60px;padding: 0 !important;border-bottom: 1px solid #e8e8e8;font-size: 24px;color: #66c5b3;}
    footer .category dl dt:after{content: "";position: absolute;top: 50%;right: 5px;width: 18px;height: 18px;margin-top: -9px;border-right: 2px solid #666;border-bottom: 2px solid #666;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    footer .category dl.active dt:after{margin-top: -5px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
    footer .category dl dd:first-of-type{margin-top: 10px;}
    footer .category dl dd a{display: block;line-height: 40px;font-size: 20px;}
    footer .category dl.attention dt{display: none;}
    footer .category dl.attention dd{position: relative;display: inline-block;margin-top: 6px;overflow: hidden;}
    footer .category dl.attention dd a{width: 48px;height: 48px;margin-right: 10px;}
    footer .category dl.attention dd a:nth-child(1){background-position: -306px -126px;}
    footer .category dl.attention dd a:nth-child(2){background-position: -366px -126px;}
    footer .category dl.attention dd a:nth-child(3){background-position: -426px -126px;}
    footer .category dl.attention dd a:nth-child(4){background-position: -486px -126px;}
    footer .category dl.attention dd a:after{content: none;}
    footer .category dl.attention a .qrcode{position: fixed;top: 70px;left: 0;z-index: 10;width: 100%;height: calc(100% - 70px);margin: 0;background: rgba(0, 0, 0, .5);}
    footer .category dl.attention a .qrcode img{position: absolute;top: 50%;left: 50%;width: auto;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
    footer .category dl.attention a .qrcode:before{content: none;}
    footer .category dl.attention a:hover .qrcode{display: none;}
    footer .copyright{line-height: 40px;margin: 0;padding: 50px 0;font-size: 20px;text-align: left;}
    footer .copyright em{display: block;}

    /****************************** Page Component ******************************/
    .banner-top ul{bottom: -70px;left: 0;width: 100%;margin: 0;padding: 25px 12vw;background: #fff;-webkit-transform: none;transform: none;}
    .banner-top ul li{border-color: #ccc;}
    .banner-top ul li a{font-size: 20px;color: #444;}


    /****************************** Index ******************************/
    .index-firefly{margin-top: 60px;}
    .index-firefly .box h2.en{top: 16%;}
    .index-firefly .box h2.cn{top: 36%;}
    .index-firefly .box p{top: 57.14%;}
    .index-firefly .box a{top: 76.66%;}
    .index-brand h2.en{margin-top: 60px;}
    .index-devil{margin-top: 80px;}
    .index-devil .box h2.en{top: 6.65%;}
    .index-devil .box h2.cn{top: 26.72%;}
    .index-devil .box p{top: 47%;}
    .index-devil .box a{top: 70%;}
    .index-devil .right{display: none;}
    .index-marriage{margin: 120px 20px 0;}
    .index-marriage .box{left: 0;width: 50%;}
    .index-marriage .figure{width: 50%;}
    .index-marriage:before{content: none;}
    .index-marriage .box h2.en{top: 7.69%;}
    .index-marriage .box h2.cn{top: 38.42%;}
    .index-marriage .box a{top: 52.6%;}
    .index-marriage .box img{top: 64.55%;}
    .index-marriage .video{width: 100%;margin-top: 80px;}
    .index-marriage .highlights{position: static;display: block;width: auto;max-width: 100%;margin: 20px auto 0;}
    .index-divine{margin-top: 100px;}
    .index-divine .figure{display: none;}
    .index-divine .box{position: relative;width: auto;height: 54vw;margin: 120px 20px 0;padding-left: 20px;}
    .index-divine .box span{top: 13%;}
    .index-divine .box h3{top: 20%;}
    .index-divine .box h2.en{top: 34.88%;}
    .index-divine .box h2.en em{display: block;}
    .index-divine .box img{top: -10%;width: 59%;-webkit-transform: none;transform: none;}
    .index-brand-activity{margin-top: 100px;}


    /****************************** 主题系列 ******************************/
    .topic-firefly{padding-bottom: 100px;}
    .topic-firefly .insect{display: none;}
    .topic-firefly .top{margin: 12.92vw 0 13.54vw;}
    .topic-firefly .top .title{width: 50%;margin: 0 auto;}
    .topic-firefly .top span{display: block;line-height: 28px;font-style: italic;font-size: 24px;color: #ccc;text-align: center;}
    .topic-firefly .top span{margin-top: 50px;font-size: 20px;}
    .topic-firefly .top span.en{line-height: 30px;margin-top: 10px;font-size: 30px;}
    .topic-firefly .intro .person{display: block;float: none;width: 80%;margin: 0 auto;}
    .topic-firefly .intro .text{float: none;width: auto;padding: 0;}
    .topic-firefly .intro .text h3.en{line-height: 60px;font-size: 60px;}
    .topic-firefly .intro .text h3.cn{line-height: 30px;font-size: 20px;}
    .topic-firefly .intro .text p{line-height: 30px;margin-top: 20px;padding: 0;font-size: 18px;}
    .topic-firefly .intro .text p:after{margin-top: 30px;}
    .topic-firefly ul li{margin-top: 12vw !important;}
    .topic-firefly ul li:after{content: "";display: block;clear: both;}
    .topic-firefly ul li .text h3{line-height: 24px;margin-bottom: 20px;font-size: 20px;}
    .topic-firefly ul li .text p{font-size: 16px;}
    .topic-firefly ul li:nth-child(1){margin-top: 100px;}
    .topic-firefly ul li:nth-child(1) a{width: 35%;margin: 0;}
    .topic-firefly ul li:nth-child(1) .text{left: 35%;width: 65%;}
    .topic-firefly ul li:nth-child(2) a{width: 33%;margin-left: 67%;}
    .topic-firefly ul li:nth-child(2) .text{left: 0;width: 57.7%;}
    .topic-firefly ul li:nth-child(3) a{width: 25.5%;margin-left: 20px;}
    .topic-firefly ul li:nth-child(3) .text{left: 42%;width: 58%;}
    .topic-firefly ul li:nth-child(4) a{width: 60%;}
    .topic-firefly ul li:nth-child(4) .text{top: 40%;width: 40%;}
    .topic-firefly ul li:nth-child(5) a{width: 40%;margin-left: 7.7%;}
    .topic-firefly ul li:nth-child(5) .text{left: 50%;width: 50%;}
    .topic-firefly ul li:nth-child(6) a{width: 30%;margin-left: 73.3%;}
    .topic-firefly ul li:nth-child(6) .text{left: 0;width: 66.66%;}

    .topic-devil{padding-bottom: 100px;}
    .topic-devil .top{padding-top: 200px;}
    .topic-devil .top .title .en{line-height: 40px;font-size: 40px;}
    .topic-devil .top .title .cn{line-height: 30px;font-size: 26px;}
    .topic-devil .top ul li{width: 60px;line-height: 24px;font-size: 20px;}
    .topic-devil .top ul li:after{border-color: #999;}
    .topic-devil .intro{margin-top: 15.52vw;}
    .topic-devil .intro img{position: static;display: block;width: 100vw;margin-left: -20px;transform: none;}
    .topic-devil .intro .text{margin: 0;}
    .topic-devil .intro .text h2.en{margin-top: 20px;font-size: 40px;color: #777;}
    .topic-devil .intro .text h2.cn{font-size: 24px;}
    .topic-devil .intro .text p{line-height: 30px;margin-top: 4.51vw;font-size: 16px;}
    .topic-devil [class^="section"] a span{font-size: 16px;}
    .topic-devil .section-1{margin-top: 8.85vw;}
    .topic-devil .section-1 a:nth-child(2){margin-top: 5.92vw;}
	.topic-devil .section-1 a:nth-child(2) span{ display:block; margin-top:0px;}
    .topic-devil .section-1 a:nth-child(3){margin-top: 5.52vw; top:0px;}
    .topic-devil .section-1 a:nth-child(4){top: 29%;left: 1%;}
    .topic-devil .section-2{margin-top: 9.58vw;overflow: hidden;}
    .topic-devil .section-2 a:nth-child(2){margin-top: 8.02vw;}
    .topic-devil .section-2 a:nth-child(3){margin-top: 2.81vw;}
    .topic-devil .section-3 > img{right: -20px;}

    .topic-laura .top .letter{padding: 40px 0;}
    .topic-laura .top h1.en{line-height: 40px;margin-top: 6.77vw;font-size: 36px;}
    .topic-laura .top h1.cn{line-height: 24px;margin-top: 1.04vw;font-size: 24px;}
    .topic-laura .top span{line-height: 20px;margin-top: 3.44vw;font-size: 20px;}
    .topic-laura .top img{margin-top: 5.73vw;}
    .topic-laura .intro{margin-top: 14.58vw;}

    .topic-laura .intro img{display: block;float: none;width: 80%;padding: 0;}
    .topic-laura .intro .text{width: 100%;margin-top: 6.07vw;padding: 0;}
    .topic-laura ul li .box{padding: 0 10px;}
    .topic-laura ul li h3{line-height: 20px;margin-top: 1.46vw;font-size: 20px;}
    .topic-laura ul li span{line-height: 24px;margin-top: .94vw;font-size: 16px;}
    .topic-laura ul li .letter{margin-top: 1.46vw;}
    .topic-laura .section-1 li:nth-child(1){margin-top: 10vw;}
    .topic-laura .section-1 li:nth-child(2){margin-top: 2vw;}
    .topic-laura .section-1 li:nth-child(3){margin-top: 8.7vw;}
    .topic-laura .section-1 li:nth-child(3) a{margin-top: -3.91vw;}
    .topic-laura .section-1 li:nth-child(3) .clip{display: none;}
    .topic-laura .section-2 li:nth-child(1){margin-top: 5.21vw;}
    .topic-laura .section-2 li:nth-child(2){margin-top: 15.42vw;}
    .topic-laura .section-2 li:nth-child(2) h3{margin-top: 17.97vw;}
    .topic-laura .section-3 li:nth-child(1){margin-top: 13.02vw;}
    .topic-laura .section-3 li:nth-child(1) .clip{display: none;}
    .topic-laura .section-3 li:nth-child(2){margin-top: 7vw;}
    .topic-laura .section-3 li:nth-child(3){margin-top: 5vw;}

    .topic-divine .section-title i{float: left;margin-right: 15px;font: italic 100px/80px "Fette";color: #4e4e4e;}
    .topic-divine .section-title i{line-height: 70px;font-size: 80px;}
    .topic-divine .section-title span{line-height: 40px;font-size: 30px;}
    .topic-divine .section-title span em{font-size: 18px;}
    .topic-divine .section-1 .text span{margin-top: 12px;font-size: 26px;}
    .topic-divine .section-1 .text span.highlight{line-height: 40px;margin-top: 50px;font-size: 40px;}
    .topic-divine .section-2 .text span{line-height: 40px;margin-top: 40px;font-size: 26px;}
    .topic-divine .section-2 .text span em{font-size: 40px;}
    .topic-divine .section-4 .left h3{margin-top: 50px;font-size: 30px;}
    .topic-divine .section-4 .right h3{font-size: 30px;}
    .topic-divine .section-4 .right .diamond .name{height: 50px;}
    .topic-divine .section-4 .right .diamond .number{font-size: 50px;}
    .topic-divine .section-4 .right .diamond .number sub{font-size: 30px;}


    /****************************** 产品系列 ******************************/
    .product-list:after{content: "";display: block;clear: both;}
    .product-list a{width: 47.77%;height: 50vw;margin-right: 0;box-shadow: 0 0 30px rgba(180, 180, 180, .3);}
    .product-list a:nth-child(even){float: right;}
    .product-list a img{-webkit-transform: translateY(calc(-50% - 20px));transform: translateY(calc(-50% - 20px));}
    .product-list a span{bottom: 5%;font-size: 16px;}

    .product .banner .title{margin-top: -40px;}
    .product .banner .title h1,
    .product .banner .title h1 span{line-height: 40px !important;font-size: 36px !important;}
    .product .banner .title h2,
    .product .banner .title h2 span{line-height: 40px !important;font-size: 24px !important;}
    .product .name{margin-top: 30px;}
    .product .name .text .box h3{line-height: 30px;font-size: 30px;}
    .product .name .text .box span{margin-top: 30px;font-size: 16px;}
    .product .desc p{line-height: 28px;font-size: 16px;}
    .product .product-list{margin: 0;padding: 60px 0 20px;}

    .product-detail .top{height: auto;overflow: hidden;}
    .product-detail .top .picture{width: 100%;}
    .product-detail .top .picture img{top: 0;width: 64%;-webkit-transform: none;transform: none;}
    .product-detail .text{top: 0;width: 100%;transform: none;}
    .product-detail .text .title{line-height: 50px;font-size: 24px;}
    .product-detail .text .desc span{margin-top: 25px;font-size: 18px;}
    .product-detail .text .desc p{line-height: 24px;padding: 15px 0 25px;font-size: 16px;}
    .product-detail .text .buy{line-height: 20px;margin-top: 30px;font-size: 16px;}

    .product-detail .relevant h2{margin-top: 40px;font-size: 24px;}
    .product-detail .relevant .product-list{margin-top: 50px;}
    .product-detail .bottom{margin-top: 50px;}
    .product-detail .bottom > img{position: relative;left: 50%;display: block;-webkit-transform: translateX(-50%);transform: translateX(-50%);}


    /****************************** 非凡设计 ******************************/
    .designer{margin-top: 50px;margin-bottom: -50px;}
    .designer dt{line-height: 50px;font-size: 28px;text-indent: 20px;}
    .designer dt:before{left: 10px;height: 60px;border-width: 2px;}
    .designer .chief dd{margin-bottom: 20px;}
    .designer .chief .person{width: 100%;}
    .designer .chief .person:after{content: none;}
    .designer .chief .works{width: 100%;}
    .designer .chief .person-intro{position: static;height: auto;}
    .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: 35px;}
    .designer .cooperation dd{margin-bottom: 60px;}
    .designer .cooperation .photo{width: 50%;}
    .designer .cooperation .photo.right{margin-left: 50%;}
    .designer .cooperation .photo:before{content: none;}
    .designer .cooperation .text{width: 45%;}
    .designer .cooperation .text.left{right: auto;left: 0;}
    .designer .cooperation .text h3{font-size: 24px;}
    .designer .cooperation .text h4{margin-top: 16px;font-size: 18px;}
    .designer .cooperation .text h4:before{content: "";display: inline-block;width: 50px;margin-right: 8px;vertical-align: middle;border-bottom: 2px solid #66c5b3;}
    .designer .cooperation .text p{line-height: 24px;margin-top: 25px;font-size: 15px;}
    .designer .international dd{margin-bottom: 50px;}
    .designer .international .text h3{font-size: 24px;}
    .designer .international .text h3:after{margin-top: 15px;}
    .designer .international .text p{height: 72px;line-height: 24px;margin-top: 25px;font-size: 15px;-webkit-line-clamp: 3;}
    .designer .fashion{margin-top: 15px;padding-bottom: 50px;}
    .designer .fashion h2{line-height: 24px;font-size: 24px;}
    .designer .fashion .list{margin-top: 60px;}
    .designer .fashion .list a{padding: 0 10px;}
    .designer .fashion .list a:nth-child(n+3){margin: 0;}
    .designer .fashion .list a:nth-child(n+2){margin-left: -1px;}
    .designer .fashion .list a .figure img{-webkit-transition: none;transition: none;}
    .designer .fashion .list a .figure:hover img{-webkit-transform: none;transform: none;}
    .designer .fashion .list a h3{margin-top: 10px;font-size: 18px;}
    .designer .fashion .list a span{line-height: 26px;}


    /****************************** 店铺查询 ******************************/
    .store{margin: 40px 0 0;}
    .store .title{margin: 20px 5% 0;}
    .store .title a{float: left;width: 48%;line-height: 60px;margin: 0;}
    .store .title a:nth-child(even){float: right;}
    .store .address{width: 100%;padding: 20px 5%;}
    .store .address .list{height: 360px;margin-top: 32px;}
    .store .address .list li{margin-bottom: 20px;}
    .store .address .list li h3{line-height: 30px;font-size: 18px;}
    .store .map{position: static;width: 100%;height: 56vw;}

    .store .online{height: auto;overflow: hidden;background-size: cover;}
    .store .online ul{width: 100%;padding: 60px 0 0 5%;transform: none;}
    .store .online ul li{margin-bottom: 60px;}
    .store .online li .info{width: 100%;}
    .store .online li .info img{width: 30%;margin: 0;}
    .store .online li .info h3{margin-top: 20px;}
    .store .online li .qrcode{display: none;}


    /****************************** 客户服务 ******************************/
    .service-top{height: auto;margin-top: 70px;padding: 40px 0 20px;}
    .service-top span{position: relative;display: block;line-height: 25px;margin-bottom: 30px;padding-left: 37px;font-size: 20px;}
    .service-top span:before{content: "";position: absolute;top: 0;left: 0;width: 25px;height: 25px;background-color: #66c5b3;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: auto;padding: 50px 0;background-size: cover;}
    .service-rule .step dl{width: 100%;}
    .service-rule .step dt{margin-bottom: 50px;font-size: 30px;}
    .service-rule .growth-path{padding: 30px 0 40px;}
    .service-rule .growth-path ul{width: 100%;margin-top: 100px;margin-bottom: 40px;padding: 0 5%;}
    .service-rule .growth-path li .box{margin-top: 20px;margin-bottom: 20px;padding-top: 24px;}
    .service-rule .growth-path li .box h3{line-height: 30px;margin-top: 20px;font-size: 26px;}
    .service-rule .growth-path li .box span{font-size: 18px;}
    .service-rule .member-benefits{height: auto;padding: 50px 0;background-size: cover;}
    .service-rule .member-benefits .table{width: 100%;margin-top: 36px;padding: 0 20px;}
    .service-rule .member-benefits table{width: 100% !important;margin: 0;}
    .service-rule .member-benefits table:nth-child(2){margin-top: 20px;}
    .service-rule .member-benefits .top table th,
    .service-rule .member-benefits .top table td{width: 33.33%;display: table-cell !important;}
    .service-rule .member-benefits .top table .remark{margin: 0;}
    .service-rule .member-benefits .bottom{padding: 50px 0 0 0;}
    .service-rule .member-benefits .bottom table th,
    .service-rule .member-benefits .bottom table td{width: 30%;display: table-cell !important;}
    .service-rule .member-benefits .bottom table th:nth-child(n+3),
    .service-rule .member-benefits .bottom table td:nth-child(n+3){width: 20%;}

    .service-faq{height: auto;padding: 25px 0 50px;background: none;}
    .service-faq ul{}
    .service-faq ul li{margin-bottom: 16px;padding-bottom: 16px;}
    .service-faq ul li p{line-height: 26px;font-size: 16px;}

    .service-points .query{height: auto;}
    .service-points .query .container{height: auto;}
    .service-points .query h2{line-height: 30px;padding-top: 40px;font-size: 30px;}
    .service-points .query .box{padding-bottom: 40px;}
    .service-points .query .item span{line-height: 26px;margin: 40px 0 0 20px;margin-left: 20px;font-size: 18px;}
    .service-points .query .item span em{font-size: 36px;}
    .service-points .query .item.right span{margin-right: 15px;}
    .service-points .query .line{height: 40px;}
    .service-points .query .phone{position: absolute;right: 2.6%;bottom: 0;width: 27.85%;}

    .service-points .strategy h2{padding-top: 40px;}
    .service-points .strategy h2 span{line-height: 26px;font-size: 30px;}
    .service-points .strategy h2 em{line-height: 40px;}
    .service-points .strategy ul{margin-top: 48px;padding: 0;}
    .service-points .strategy ul li span{line-height: 36px;font-size: 18px;}

    .service-counterfeit{height: auto;padding-bottom: 71vw;background: url(../img/bg-service-counterfeit-mobile.jpg) no-repeat bottom left / 100%;}
    .service-counterfeit .container{height: auto;padding: 0;}
    .service-counterfeit .form{width: 100%;height: auto;}
    .service-counterfeit .form dl{width: 67.7%;margin-top: 50px;}
    .service-counterfeit .form dl dt{text-align: center;}
    .service-counterfeit .form dl dd.remark{line-height: 20px;margin: 40px 0 20px;}


    /****************************** 品牌故事 ******************************/
    .brand .story h2{line-height: 50px;margin-top: 50px;padding-left: 36px;font-size: 28px;}
    .brand .story h2:before{left: 20px;height: 60px;border-width: 2px;}
    .brand .story .top:before{content: none;}
    .brand .story .top .photo{width: 100%;}
    .brand .story .top .text{position: relative;top: auto;right: auto;width: 100%;padding-left: 30px;}
    .brand .story .top .text .title{width: 74.7%;padding: 50px 0 40px;}
    .brand .story .top .text p{line-height: 28px;margin-bottom: 24px;padding: 0;font-size: 18px;}
    .brand .story .top .text .corner{width: 12.22%;}

    .brand .middle .title{margin-top: 80px;padding: 0;}
    .brand .middle .title .en{line-height: 30px;font-size: 24px;}
    .brand .middle .title .cn{line-height: 40px;font-size: 24px;}
    .brand .middle ul{margin-top: 10px;}
    .brand .middle ul li{position: relative;}
    .brand .middle ul li .photo:before{content: none;}
    .brand .middle ul li .photo span{line-height: 24px;font-size: 24px;}
    .brand .middle ul li p{position: absolute;width: 55.55%;padding: 50px 20px;background: #f5f5f5;}
    .brand .middle ul li p:before{content: "";display: block;width: 50px;margin-bottom: 8px;border-bottom: 2px solid #66c5b3;}
    .brand .middle ul li:nth-child(1){width: 100%;}
    .brand .middle ul li:nth-child(1) .photo{width: 55.55%;padding: 0;}
    .brand .middle ul li:nth-child(1) .photo:after{content: none;}
    .brand .middle ul li:nth-child(1) p{top: 20.96%;right: 0;margin: 0;}
    .brand .middle ul li:nth-child(2){float: right;width: 100%;margin-top: 50px;}
    .brand .middle ul li:nth-child(2) .photo{width: 55.55%;margin-left: 44.45%;padding: 0;}
    .brand .middle ul li:nth-child(2) .photo:before{content: none;}
    .brand .middle ul li:nth-child(2) .photo span{display: none;}
    .brand .middle ul li:nth-child(2) p{top: 10%;left: 0;margin: 0;}
    .brand .middle ul li:nth-child(3){float: left;width: 100%;margin-top: 130px;}
    .brand .middle ul li:nth-child(3) .photo{width: 100%;}
    .brand .middle ul li:nth-child(3) .photo img{width: auto;max-width: 100%;}
    .brand .middle ul li:nth-child(3) .photo:before{content: "";top: 12.24%;right: 0;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{width: 100%;margin-top: 40px;padding-left: 32px;}
    .brand .middle ul li:nth-child(3) .text h3{margin-top: 35px;font-size: 24px;}
    .brand .middle ul li:nth-child(3) .text p{position: static;width: 100%;line-height: 30px;padding: 0;background: none;}
    .brand .middle ul li:nth-child(3) .text p:before{content: none;}

    .brand .bottom{position: relative;margin-top: 50px;}
    .brand .bottom:before{top: auto;bottom: 30%;width: 100%;height: 33%;}
    .brand .bottom .container:before{content: none;}
    .brand .bottom .container:after{top: auto;bottom: 0;width: 100%;height: 30%;}
    .brand .bottom .photo{width: 100%;}
    .brand .bottom .title{position: relative;right: auto;bottom: auto;width: 54%;margin-top: 30px;}
    .brand .bottom .text{position: relative;width: auto;padding: 20px 0;}
    .brand .bottom .text:before{margin-bottom: 20px;}

    .brand .activity h2{margin-top: 50px;font-size: 26px;}
    .brand .activity h2:before,
    .brand .activity h2:after{content: "";display: inline-block;width: 28px;vertical-align: 8px;border-bottom: 2px solid #ddd;}
    .brand .activity .poster{height: auto;margin: 50px 0 0;}
    .brand .activity .poster .tb-btn{bottom: -30px;}


    /****************************** 更多 ******************************/
    .more-news .year{margin-top: 40px;}
    .more-news li{margin-top: 50px;}
    .more-news li .figure{width: 100%;}
    .more-news li:nth-child(even) .figure{margin: 0;}
    .more-news li .text{position: static;width: auto;margin-top: 30px;-webkit-transform: none;transform: none;}
    .more-news li .text h3{font-size: 24px;}
    .more-news li .text p{margin: 0;}
    .more-news li .text a{margin-top: 20px;}
    .more-news .load{margin-top: 50px;}

    .more-news-detail h1{margin-top: 40px;}
    .more-news-detail .attr .share{display: none;}
    .more-news-detail .jump{margin-top: 50px;padding-top: 25px;}

    .more-rule{margin-top: 50px;margin-bottom: -50px;padding: 0 20px 50px;}
    .more-rule h3{line-height: 36px;margin-top: 20px;}
    .more-rule p{line-height: 36px;}

    .more-declaration{margin-top: 50px;margin-bottom: -50px;padding: 0 20px 50px;}

    .more-patent{margin-top: 50px;margin-bottom: -50px;padding: 0 20px 50px;}
    .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: 20px 5% 0;overflow: hidden;}
    .more-patent .certificate a{float: left;width: 48%;margin: 0 0 30px;}
    .more-patent .certificate a:nth-child(even){float: right;}


    /****************************** 投资者咨询 ******************************/
    .consult{margin-top: 50px;padding: 0 20px;background: none;}
    .consult:after{content: none;}
    .consult .container{padding: 0;}
    .consult .box{float: none;width: auto;height: 500px;margin-top: 100px;}
    .consult .list{height: 370px;margin-top: 13px;overflow: hidden;}
    .consult .list ul li{line-height: 20px;margin: 20px 0;font-size: 18px;}
    .consult-stock-data .box,
    .consult-finace-log .box{height: auto;}


    /****************************** 联系我们 ******************************/
    .contact-service .top{padding: 0 20px;}
    .contact-service .top img{margin: 50px auto 15px;}
    .contact-service .top p{line-height: 50px;font-size: 20px;}
    .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;}
    .contact-service .form{width: auto;margin: 30px 20px 0;padding: 30px 3%;}
    .contact-service .form:before{width: 100px;height: 102px;}
    .contact-service .form dt{margin-bottom: 20px;}
    .contact-service .form dd{float: left;width: 100%;margin-top: 20px;}
    .contact-service .form dd label{width: 21%;padding-right: 20px;text-align: right;}
    .contact-service .form dd input{width: 66%;}
    .contact-service .form dd textarea{width: 66%;}
    .contact-service .form dd span{display: none;}
    .contact-service .form a{margin-top: 30px;margin-bottom: 20px;}
    .contact-service .join{height: auto;margin-top: 100px;padding: 60px 0;background: url(../img/bg-contact-service-join-mobile.jpg) no-repeat center / cover;}
    .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: #66c5b3;text-align: center;}

    .contact-recruit{padding: 0;}
    .contact-recruit li{margin-top: 50px;border: none;}
    .contact-recruit li .top{padding-top: 0;}
    .contact-recruit li .top .date{display: none;}
    .contact-recruit li .top h3{position: relative;width: 100%;line-height: 60px;padding-left: 20px;background: #66c5b3;color: #fff;}
    .contact-recruit li .top h3:after{content: "";position: absolute;top: 23px;right: 20px;width: 15px;height: 15px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
    .contact-recruit li.active .top h3:after{top: 20px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    .contact-recruit li .top .info{width: 100%;padding-bottom: 10px;}
    .contact-recruit li .top .info span{line-height: 24px;border-width: 1px;}
    .contact-recruit li .top .info span:nth-last-child(1){display: none;}
    .contact-recruit li .content{margin: 0;}
    .contact-recruit li .content p{line-height: 26px;}
}

@media (max-width: 480px) {
	.container{width: 94%;}
	[animation-name]{visibility: visible !important;}


	/****************************** Common Part ******************************/
	header{height: 50px;}
	header .logo{width: 85px;}
	header + .header-placeholder{height: 50px;}

	footer{margin-top: 50px;}
	footer .category .column dl{height: 50px;}
	footer .category dl dt{height: 50px;line-height: 50px;font-size: 18px;}
	footer .category dl dt:after{width: 12px;height: 12px;margin-top: -10px;border-width: 1px;}
	footer .category dl.active dt:after{margin-top: -4px;}
	footer .category dl dd a{line-height: 30px;font-size: 16px;}
	footer .category dl.attention dd{margin-top: 13px;}
	footer .category dl.attention dd a{width: 24px;height: 24px;margin-right: 16px;background-size: 300px 300px;}
	footer .category dl.attention dd a:nth-child(1){background-position: -153px -63px;}
	footer .category dl.attention dd a:nth-child(2){background-position: -183px -63px;}
	footer .category dl.attention dd a:nth-child(3){background-position: -213px -63px;}
	footer .category dl.attention dd a:nth-child(4){background-position: -243px -63px;}
	footer .category dl.attention a .qrcode{top: 60px;height: calc(100% - 60px);}
	footer .copyright{line-height: 30px;padding: 30px 0;font-size: 16px;}
	footer .to-top{right: 3%;bottom: 50px;width: 45px;height: 45px;line-height: 24px;font-size: 14px;}
	footer .to-top:before{margin-top: 10px;}

	nav{top: 50px;height: calc(100vh - 50px);}
	nav .mainnav .item a{position: relative;top: 50%;line-height: 26px !important;margin-top: -13px;padding-left: 7%;font-size: 30px;text-align: left;}
	nav .mainnav .item a{font-size: 20px;}
	nav .mainnav .item a:before{width: 25px;height: 25px;margin: 0 auto;margin-right: 10px;vertical-align: bottom;;;}
	nav .mainnav .item a:after{width: 16px;height: 16px;margin-top: -8px;border-width: 1px;}
	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:nth-child(7) a:before{background-position: -378px -257px;}
	nav .mainnav .item.active a:before{background-position-y: -317px;}
	nav .subnav ul li{margin-bottom: 25px;}
	nav .subnav ul li a{font-size: 16px;}


	/****************************** Component ******************************/
	.banner-top h1{line-height: 20px;font-size: 20px;}
	.banner-top ul{bottom: -40px;padding: 10px 0;}
	.banner-top ul li a{font-size: 14px;}


	/****************************** Index ******************************/
	.banner-index{display: none;}
	.banner-index-mobile{display: block;}
	.banner-index-mobile .tb-btn{bottom: 20px;}
	.banner-index-mobile .tb-btn a{float: left;width: 16px;height: 16px;margin: 0 5px;background: none !important;border: 1px solid transparent;}
	.banner-index-mobile .tb-btn a i{display: block;width: 8px;height: 8px;margin: 3px auto;background: #fff;border-radius: 50%;}
	.banner-index-mobile .tb-btn a.active{border-color: #66c5b3;}
	.banner-index-mobile .tb-btn a.active i{background: #66c5b3;}

	.banner-index-mobile .list a{position: relative;display: block;float: left;overflow: hidden;}
	.banner-index-mobile .list a img{display: block;width: 100%;opacity: 0;-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(1.2);transform: scale(1.2);}
	.banner-index-mobile .list a.noscale img,
	.banner-index-mobile .list a.active img{opacity: 1;-webkit-transform: none;transform: none;}
	.banner-index-mobile .list a .text{position: absolute;top: 35%;left: 0;width: 100%;opacity: 0;font-family: "Cinzel";-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(.8);transform: scale(.8);}
	.banner-index-mobile .list a .text span{display: block;color: #fff;text-align: center;text-transform: uppercase;}
	.banner-index-mobile .list a .text span.top{line-height: 30px;font-size: 20px;}
	.banner-index-mobile .list a .text span.middle{line-height: 40px;font-size: 20px;}
	.banner-index-mobile .list a .text span.bottom{line-height: 24px;font-size: 16px;}
	.banner-index-mobile .list a.active .text{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}


	/*.banner-index .list > li a{display: block;width: 100%;overflow: hidden;}*/
	/*.banner-index .list > li img{display: block;width: 100%;opacity: 0;-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(1.2);transform: scale(1.2);}*/
	/*.banner-index .list > li.noscale img,*/
	/*.banner-index .list > li.active img{opacity: 1;-webkit-transform: none;transform: none;}*/
	/*.banner-index .list > li .text{position: absolute;top: 35%;left: 0;width: 100%;opacity: 0;font-family: "Cinzel", "SimSun";-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(.8);transform: scale(.8);}*/
	/*.banner-index .list > li.active .text{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}*/



	.index-section h2.en{line-height: 30px;font-size: 26px;}
	.index-section h2.cn{line-height: 20px;font-size: 16px;}
	.index-section h2.cn:after{content: "";display: block;width: 40px;margin-top: 10px;border-bottom: 2px solid #66c5b3;}

	.index-firefly{width: 100vw;margin: 0 0 0 -3%;padding: 10px 0;}
	.index-firefly .box h2.en{top: 10%;}
	.index-firefly .box h2.cn{top: 40%;}
	.index-firefly .box a{top: 70%;}
	.index-firefly .box p{display: none;}

	.index-brand h2.en{margin-top: 40px;}
	.index-brand p{width: auto;margin-top: 16px;font-size: 13px;}

	.index-devil{margin-top: 40px;}
	.index-devil .figure{width: 47.5%;margin: 0;}
	.index-devil .figure .color{opacity: 1;}
	.index-devil .figure:after{content: none;}
	.index-devil{margin-top: 40px;}
	.index-devil .box{width: 52.5%;padding-left: 10px;}
	.index-devil .box h2.en{top: 0;}
	.index-devil .box h2.en em{display: block;}
	.index-devil .box h2.cn{top: 40%;}
	.index-devil .box p{display: none;}
	.index-devil .box a{top: 75%;}

	.index-marriage{margin: 40px 0 0 0;}
	.index-marriage:before{content: none;}
	.index-marriage .box{left: 0;width: 50%;}
	.index-marriage .box h2.en{top: 0;}
	.index-marriage .box h2.cn{top: 45%;}

	.index-marriage .box a{top: 75%;margin-left: -46px;-webkit-transform: none;transform: none;}
	.index-marriage .box img{display: none;}
	.index-marriage .figure{width: 43%;}
	.index-marriage .figure .color{opacity: 1;}
	.index-marriage .figure.active .color{opacity: 1;}
	.index-marriage .video{margin-top: 40px;}

	.index-divine{margin-top: 50px;}
	.index-divine .box{margin: 0;padding: 0 0 0 3%;}
	.index-divine .box span{display: none;}
	.index-divine .box h3{display: none;}
	.index-divine .box h2.en{top: 8%;}
	.index-divine .box h2.en em{display: block;}
	.index-divine .box h2.cn{top: 50%;}
	.index-divine .box a{top: 75%;}
	.index-divine .box img{top: -10%;width: 59%;-webkit-transform: none;transform: none;}
	.index-brand-activity{margin-top: 50px;}


	/****************************** 主题系列 ******************************/
	.topic ~ footer{margin-top: 50px;}
	.topic + .product-list{margin-top: 30px;}

	.topic-firefly .top{margin: 50px 0 25px;}
	.topic-firefly .top .title{width: 50%;}
	.topic-firefly .top span{display: block;line-height: 28px;font-style: italic;font-size: 24px;color: #ccc;text-align: center;}
	.topic-firefly .top span{margin-top: 20px;font-size: 20px;}
	.topic-firefly .top span.en{line-height: 20px;margin-top: 10px;font-size: 24px;}
	.topic-firefly .intro .person{width: 100%;}
	.topic-firefly .intro .text h3.en{line-height: 50px;font-size: 40px;}
	.topic-firefly .intro .text h3.cn{line-height: 26px;font-size: 18px;}
	.topic-firefly .intro .text p{line-height: 24px;margin-top: 10px;font-size: 13px;}
	.topic-firefly .intro .text p:after{margin-top: 10px;-webkit-transform: scale(.8);transform: scale(.8);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;}
	.topic-firefly ul li{margin-top: 80px !important;}
	.topic-firefly ul li a{position: absolute;top: 38%;-webkit-transform: translateY(-50%);transform: translateY(-50%); }
	.topic-firefly ul li:nth-child(odd) a{left: 0;}
	.topic-firefly ul li:nth-child(even) a{right: 0;}
	.topic-firefly ul li .text{position: relative;top: 0;-webkit-transform: none;transform: none;}
	.topic-firefly ul li .text h3{margin-bottom: 12px;font-size: 16px;}
	.topic-firefly ul li .text p{line-height: 24px;font-size: 13px;}
	.topic-firefly ul li .text p em{display: block;height: 0;overflow: hidden;}
	.topic-firefly ul li:nth-child(1){margin-top: 100px;}
	.topic-firefly ul li:nth-child(2) a{width: 33%;margin-left: 67%;}
	.topic-firefly ul li:nth-child(2) .text{width: 65%;}
	.topic-firefly ul li:nth-child(3) a{width: 30%;margin: 0;}
	.topic-firefly ul li:nth-child(3) .text{left: 30%;width: 70%;}
	.topic-firefly ul li:nth-child(4) a{width: 40%;}
	.topic-firefly ul li:nth-child(4) .text{top: 0;left: 0;width: 60%;-webkit-transform: none;transform: none;}
	.topic-firefly ul li:nth-child(5) a{width: 38%;margin: 0;}
	.topic-firefly ul li:nth-child(5) .text{left: 40%;width: 60%;margin: 0;}
	.topic-firefly ul li:nth-child(6) a{right: 0%;width: 35%;margin: 0;}
	.topic-firefly ul li:nth-child(6) .text{left: 0;width: 70%;}


	.topic-devil{padding-bottom: 0;}
	.topic-devil .top{padding: 60px 0 10px;}
	.topic-devil .top .title .en{line-height: 40px;font-size: 24px;}
	.topic-devil .top .title .cn{line-height: 20px;font-size: 16px;margin: 0;}
	.topic-devil .top ul{display: block;}
	.topic-devil .top ul li{width: 12.5%;line-height: 20px;font-size: 14px;}
	.topic-devil .top ul li:after{right: 0;}
	.topic-devil .intro{margin-top: 50px;}
	.topic-devil .intro .text h2.en{line-height: 30px;margin-top: 10px;font-size: 30px;color: #777;}
	.topic-devil .intro .text h2.cn{font-size: 18px;}
	.topic-devil .intro .text p{line-height: 24px;margin-top: 10px;font-size: 13px;}
	.topic-devil [class^="section"] a{float: left;width: 40%;margin: 0 5% 50px !important;}
	.topic-devil [class^="section"] a span{margin-top: 20px;font-size: 13px;}
	.topic-devil .section-1{margin-top: 60px;}
	.topic-devil .section-1 a:nth-child(3){margin-left: 55% !important;}
	.topic-devil .section-1 a:nth-child(4){top: auto;bottom: 0;left: 0;width: 40%;}
	.topic-devil .section-2{margin-top: 20px;}
	.topic-devil .section-2 a:nth-child(1){position: absolute;bottom: 0;left: 0;}
	.topic-devil .section-2 a:nth-child(2){margin-left: 30% !important;}
	.topic-devil .section-2 a:nth-child(3){margin-left: 55% !important;}
	.topic-devil .section-3{margin-top: 50px;}
	.topic-devil .section-3 > img{top: -40px;width: 50%;}
	.topic-devil .section-3 a:nth-child(1){margin-right: 55% !important;}
	.topic-devil .section-3 a:nth-child(2),
	.topic-devil .section-3 a:nth-child(3){margin-top: 40px !important;}
	.topic-devil .section-4{position: relative;top: -53px;margin-bottom: -53px;}
	.topic-devil .section-4 a:nth-child(1){margin: 0 60% 0 0 !important;}
	.topic-devil .section-4 a:nth-child(2){margin-top: 60px !important;}
	.topic-devil .section-4 a:nth-child(3){margin: -30vw 0 0 10% !important;}

	.topic-laura{padding-bottom: 50px;}
	.topic-laura .top .letter{padding: 20px 0;}
	.topic-laura .top .letter em{font-size: 14px;}
	.topic-laura .top h1.en{line-height: 30px;margin-top: 10px;font-size: 30px;}
	.topic-laura .top h1.cn{line-height: 24px;margin-top: 10px;font-size: 20px;}
	.topic-laura .top span{line-height: 20px;margin-top: 10px;font-size: 16px;}
	.topic-laura .top img{width: 25%;margin-top: 20px;}
	.topic-laura .intro{margin-top: 14.58vw;}
	.topic-laura .intro .text{margin: 0;}
	.topic-laura .intro .text h2.en{font-size: 30px;}
	.topic-laura .intro .text h2.cn{font-size: 18px;}
	.topic-laura .intro .text p{line-height: 24px;margin-top: 10px;font-size: 13px;}
	.topic-laura .intro .text p:after{margin-top: 10px;-webkit-transform: scale(.8);transform: scale(.8);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;}
	.topic-laura ul li{width: 100% !important;margin-top: 60px !important;}
	.topic-laura ul li .box{float: none !important;width: 80% !important;margin: 0 auto !important;padding: 0;}
	.topic-laura ul li h3{line-height: 20px;margin-top: 10px !important;font-size: 18px;}
	.topic-laura ul li span{line-height: 24px;margin-top: 5px;font-size: 13px;}
	.topic-laura ul li span em{display: block;height: 0;overflow: hidden;}
	.topic-laura ul li .letter{display: none;}
	.topic-laura ul li .clip{display: none;}
	.topic-laura .section-1 li:nth-child(3) a{float: none;width: 50%;margin: 0 auto;}
	.topic-laura .section-2 li:nth-child(2) a{float: none;width: 24%;margin: 0 auto;}
	.topic-laura .section-3 li:nth-child(1) a{width: 50%;}
	.topic-laura .section-3 li:nth-child(2) a{width: 80%;}

	.topic-divine .container{padding-bottom: 50px;}
	.topic-divine .section-title i{line-height: 60px;margin-right: 10px;font-size: 60px;}
	.topic-divine .section-title span{line-height: 26px;padding-top: 6px;font-size: 18px;}
	.topic-divine .section-title span em{line-height: 18px;font-size: 16px;}
	.topic-divine .section-0 {
		margin-top: 60px;
	}
	.topic-divine .section-0 img{margin: 40px auto 0;
		width: 100%;}
	.topic-divine .section-0 p {
		line-height: 24px;
		margin-top: 10px;
		font-size: 14px;
		text-align: left;
	}
	.topic-divine .section-0 p br {
		display: none;
	}
	.topic-divine .section-1{margin-top: 60px;}
	.topic-divine .section-1 img{position: static;display: block;width: 60%;margin: -50px auto 0;-webkit-transform: none;transform: none;}
	.topic-divine .section-1 .left{margin: 20px 3% 0;}
	.topic-divine .section-1 .text span{margin-top: 0;font-size: 20px;}
	.topic-divine .section-1 .text span.highlight{line-height: 30px;margin-top: 20px;font-size: 26px;}
	.topic-divine .section-1 .text p{line-height: 24px;margin-top: 10px;font-size: 14px;}
	.topic-divine .section-2{margin-top: 60px;}
	.topic-divine .section-2 img{position: static;display: block;width: 80%;margin-left: 10%;-webkit-transform: none;transform: none;}
	.topic-divine .section-2 .right{width: 100%;margin: 20px 0 0 0;}
	.topic-divine .section-2 .text span{line-height: 30px;margin-top: 20px;font-size: 20px;}
	.topic-divine .section-2 .text span em{line-height: 30px;margin-top: 10px;font-size: 26px;}
	.topic-divine .section-2 .text p{line-height: 24px;margin-top: 10px;font-size: 14px;}
	.topic-divine .section-3 .section-title{bottom: -70px;padding: 0;background: none;height: auto;}
	.topic-divine .section-3 .text{margin-top: 80px;}
	.topic-divine .section-3 .text p{width: auto;line-height: 24px;margin-bottom: 15px;padding: 0;font-size: 13px;}
	.topic-divine .section-4{padding: 0;}
	.topic-divine .section-4 .left{width: 100%;}
	.topic-divine .section-4 .left h3{line-height: 30px;margin-top: 20px;font-size: 20px;}
	.topic-divine .section-4 .left p{line-height: 24px;margin: 10px 0 30px;font-size: 13px;}
	.topic-divine .section-4 .right{width: 100%;margin: 0;}
	.topic-divine .section-4 .right h3{line-height: 30px;margin-top: 20px;font-size: 20px;}
	.topic-divine .section-4 .right p{line-height: 24px;margin: 10px 0 30px;font-size: 13px;}
	.topic-divine .section-4 .right .diamond .name{height: 40px;line-height: 20px;font-size: 15px;}
	.topic-divine .section-4 .right .diamond .number{line-height: 40px;margin: 0;font-size: 36px;}
	.topic-divine .section-4 .right .diamond .number sub{font-size: 20px;}
	.topic-divine .section-4 .right .diamond img{margin-top: 30px;}
	.topic-divine .section-4 .right .diamond span{line-height: 20px;margin-top: 15px;font-size: 15px;}
	.topic-divine .section-5{margin-top: 100px;}
	.topic-divine .section-5 h2{line-height: 30px;font-size: 20px;}
	.topic-divine .section-5 h2 em{font-size: 26px;}
	.topic-divine .section-5 img{width: 80%;margin-top: 30px;}
	.topic-divine .section-5 span{line-height: 30px;font-size: 20px;}
	.topic-divine .section-5 p{line-height: 24px;margin-top: 20px;padding: 0;font-size: 13px;}


	/****************************** 产品系列 ******************************/
	.product-list a{margin-bottom: 20px;}
	.product-list a span{font-size: 13px;line-height: 20px;}

	.product .banner .title{margin-top: -30px;}
	.product .banner .title h1,
	.product .banner .title h1 span{line-height: 30px !important;font-size: 24px !important;}
	.product .banner .title h2,
	.product .banner .title h2 span{line-height: 30px !important;font-size: 20px !important;}

	.product .name{margin-top: 15px;}
	.product .name .text{position: static;width: 100%;}
	.product .name .text .box{top: auto;padding: 10px 3%;-webkit-transform: none;transform: none;}
	.product .name .text .box h3{line-height: 20px;font-size: 20px;}
	.product .name .text .box span{line-height: 20px;margin-top: 10px;font-size: 14px;}
	.product .name .video{float: none;width: 100%;margin-top: 10px;}
	.product .desc p{left: 0;width: 100%;line-height: 20px;padding: 10px 3%;text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);font-size: 12px;color: #fff;}
	.product .product-list{padding: 40px 0 15px;}

	.product-detail .text .title{line-height: 30px;font-size: 18px;}
	.product-detail .text .desc span{margin-top: 15px;font-size: 16px;}
	.product-detail .text .desc p{padding: 10px 0 15px;font-size: 14px;}
	.product-detail .text .buy{margin-top: 20px;}
	.product-detail .relevant h2{margin-top: 25px;font-size: 20px;}
	.product-detail .relevant .product-list{margin-top: 30px;}
	.product-detail .bottom{margin-top: 30px;}


	/****************************** 非凡设计 ******************************/
	.designer{margin: 30px 0 0;}
	.designer dt{line-height: 36px;font-size: 24px;text-indent: 15px;}
	.designer dt:before{left: 5px;height: 40px;}
	.designer .chief .person-intro .box{padding: 25px 3%;}
	.designer .chief .person-intro .box h3{font-size: 20px;}
	.designer .chief .person-intro .box p,
	.designer .chief .person-intro .box p span{margin-top: 10px;font-size: 13px !important;line-height: 24px !important;}
	.designer .cooperation{margin-top: 30px;}
	.designer .cooperation dd{margin-bottom: 30px;}
	.designer .cooperation .photo{width: 100%;}
	.designer .cooperation .photo.right{margin: 0;}
	.designer .cooperation .text{position: static;width: auto;margin-top: 10px;-webkit-transform: none;transform: none;}
	.designer .cooperation .text h3{line-height: 24px;font-size: 20px;}
	.designer .cooperation .text h4{margin-top: 10px;font-size: 16px;}
	.designer .cooperation .text h4:before{width: 40px;border-width: 1px;}
	.designer .cooperation .text p{margin-top: 10px;font-size: 13px;}
	.designer .international dd{margin-bottom: 30px;}
	.designer .international img{width: 100%;}
	.designer .international img.right{margin: 0;}
	.designer .international .text{position: static;width: auto;}
	.designer .international .text h3{line-height: 24px;margin-top: 10px;font-size: 20px;}
	.designer .international .text h3:after{width: 50px;margin-top: 10px;border-width: 1px;}
	.designer .international .text p{height: 48px;margin-top: 10px;font-size: 13px;-webkit-line-clamp: 2;}
	.designer .fashion .list{margin-top: 20px;}
	.designer .fashion .list a{border: none;}
	.designer .fashion .page{bottom: 20px;}


	/****************************** 店铺查询 ******************************/
	.store{margin-top: 20px;}
	.store .title a{line-height: 40px;font-size: 18px;}
	.store .content{margin-top: 20px;}
	.store .address .list{height: 225px;margin-top: 20px;}
	.store .address .list li{margin-bottom: 15px;}
	.store .address .list li h3{line-height: 24px;font-size: 15px;}
	.store .address .list li span{line-height: 20px;font-size: 13px;}
	.store .map{height: 60vw;}
	.store .address .filter .dropdown:after{top: 16px;}
	.store .address .filter .dropdown span{line-height: 36px;font-size: 16px;}
	.store .address .filter .dropdown li{line-height: 36px;font-size: 16px;}
	.store .address .filter a{line-height: 40px;margin-top: 10px;font-size: 20px;}
	.store .online ul{padding: 40px 3% 0;}
	.store .online ul li{margin-bottom: 40px;}
	.store .online li .info img{width: 50%;}
	.store .online li .info h3{margin-top: 15px;font-size: 18px;}
	.store .online li .info h3:before{margin: 0;-webkit-transform: scale(.8);transform: scale(.8);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;}
	.store .online li .info span{line-height: 24px;padding-left: calc(32px + 3%);font-size: 16px;}
	.store .online li .qrcode{display: none;}


	/****************************** 客户服务 ******************************/
	.service-top{margin-top: 40px;padding: 25px 0 10px;}
	.service-top .container{padding: 0 3%;}
	.service-top span{margin-bottom: 15px;font-size: 15px;}
	.service-top span em{display: block;height: 0;overflow: hidden;}

	.service-rule .step{padding: 30px 0;}
	.service-rule .step dt{margin-bottom: 30px;font-size: 20px;}
	.service-rule .step dd{float: left;width: 25%;margin-right: 12.5%;}
	.service-rule .step dd .icon{width: 100%;border-width: 2px;}
	.service-rule .step dd .icon img{display: block;width: 60%;margin: 20%;}
	.service-rule .step dd .icon:after{left: 126%;-webkit-transform: scale(.8);transform: scale(.8);}
	.service-rule .step dd span{font-size: 14px;}
	.service-rule .step dd:nth-of-type(1) .icon img{padding: 5px;background: #fff;}

	.service-rule .growth-path h2 span{line-height: 30px;font-size: 26px;}
	.service-rule .growth-path h2 span.en{line-height: 20px;font-size: 14px;}
	.service-rule .growth-path ul{margin-top: 40px;margin-bottom: 0;}
	.service-rule .growth-path ul:before{content: none;}
	.service-rule .growth-path li{width: 48%;margin: 0 !important;}
	.service-rule .growth-path li:nth-child(even){float: right;}
	.service-rule .growth-path li .box{width: 100%;height: auto;padding-bottom: 30px;}
	.service-rule .growth-path li .box h3{line-height: 24px;margin-top: 15px;font-size: 20px;}
	.service-rule .growth-path li .box span{font-size: 16px;}

	.service-rule .member-benefits{padding: 30px 0;}
	.service-rule .member-benefits h2 span{line-height: 30px;font-size: 26px;}
	.service-rule .member-benefits h2 span.en{line-height: 20px;font-size: 14px;}
	.service-rule .member-benefits .table{margin-top: 24px;padding: 0 15px;}
	.service-rule .member-benefits table th{line-height: 40px;font-size: 18px;}
	.service-rule .member-benefits table td{line-height: 30px;font-size: 14px;}
    .service-rule .member-benefits table:nth-child(2){margin-top: 10px;}
	.service-rule .member-benefits .bottom{padding: 30px 0 0 0;}
	.service-rule .member-benefits .remark{font-size: 14px;line-height: 24px;padding: 5px 10px;}

	.service-faq{padding: 20px 0 0 0;}
	.service-faq ul li{margin-bottom: 10px;padding: 0 10% 10px 0;}
	.service-faq ul li h3{line-height: 24px;font-size: 15px;}
	.service-faq ul li p{line-height: 20px;margin-top: 6px;font-size: 13px;}

	.service-points .query h2{padding-top: 25px;font-size: 24px;}
	.service-points .query .box{width: 100%;padding: 25px 0 25px 0;}
	.service-points .query .item .icon{width: 30vw;height: 30vw;border-width: 2px;}
	.service-points .query .item .icon img{width: 60%;height: auto;margin: 6vw auto;}
	.service-points .query .item span{width: 60vw;margin: 20px 0 0 0;padding-left: 20px;font-size: 14px;}
	.service-points .query .item span em{vertical-align: -3px;font-size: 24px;}
	.service-points .query .item.right span{margin: 20px 0 0 0;padding-right: 20px;}
	.service-points .query .line{height: 40px;}
	.service-points .query .line:nth-of-type(2){margin: 10px auto 5px;}
	.service-points .query .line:nth-last-of-type(2){margin: 20px auto 15px;}
	.service-points .query .phone{display: none;}

	.service-points .strategy h2{padding-top: 25px;}
	.service-points .strategy h2 span{font-size: 24px;}
	.service-points .strategy h2 em{line-height: 25px;font-size: 20px;}
	.service-points .strategy ul{margin-top: 36px;}
	.service-points .strategy ul li{width: 28.4%;margin: 0 7.4% 20px 0;}
	.service-points .strategy ul li:nth-child(3),
	.service-points .strategy ul li:nth-child(5){margin-right: 0;}
	.service-points .strategy ul li:nth-child(4){margin-left: 17.9%;}
	.service-points .strategy ul li span{line-height: 30px;font-size: 14px;}

	.service-counterfeit .form dl{width: 94%;margin-top: 30px;}
	.service-counterfeit .form dl dt{margin-bottom: 30px;font-size: 20px;}
	.service-counterfeit .form dl dd label{line-height: 30px;font-size: 16px;}
	.service-counterfeit .form dl dd input{height: 40px;padding: 10px 0;font-size: 16px;}
	.service-counterfeit .form dl dd.btn{margin-top: 20px;}
	.service-counterfeit .form dl dd.btn a{line-height: 36px;font-size: 16px;}
	.service-counterfeit .form dl dd.remark{margin-top: 20px;font-size: 14px;}

	.service-counterfeit .popup .close{top: 10px;right: 5px;font-size: 18px;}
	.service-counterfeit .popup .close:before{margin-right: 5px;vertical-align: -3px;}
	.service-counterfeit .popup .title{line-height: 30px;margin-top: 30px;font-size: 20px;}
	.service-counterfeit .popup ul{margin-top: 30px;}
	.service-counterfeit .popup ul li{width: 100%;margin-bottom: 20px;}
	.service-counterfeit .popup ul li label{line-height: 20px;font-size: 16px;}
	.service-counterfeit .popup ul li span{line-height: 20px;margin-left: 5px;font-size: 16px;}



	/****************************** 品牌故事 ******************************/
	.brand .story h2{line-height: 30px;margin-top: 30px;padding-left: 24px;font-size: 24px;}
	.brand .story h2:before{left: 10px;height: 40px;border-width: 2px;}
	.brand .story .top .text{padding: 0 3%;}
	.brand .story .top .text .title{width: 100%;padding: 20px 0 10px;}
	.brand .story .top .text p{line-height: 24px;margin-bottom: 16px;font-size: 13px;}

	.brand .middle .title{margin-top: 40px;padding: 0;}
	.brand .middle .title .en{line-height: 30px;font-size: 24px;}
	.brand .middle .title .cn{line-height: 30px;font-size: 20px;}
	.brand .middle ul{margin-top: 10px;}
	.brand .middle ul li p{position: static;width: 100%;line-height: 24px;padding: 20px 3%;font-size: 13px;}
	.brand .middle ul li .photo span:before,
	.brand .middle ul li p:before{width: 40px;margin-bottom: 4px;border-width: 1px;}
	.brand .middle ul li:nth-child(1) .photo{width: 100%;}
	.brand .middle ul li:nth-child(1) p{margin-top: 10px;}
	.brand .middle ul li:nth-child(2){float: right;width: 100%;margin-top: 30px;}
	.brand .middle ul li:nth-child(2) .photo{width: 100%;margin: 0;}
	.brand .middle ul li:nth-child(2) .photo span{display: none;}
	.brand .middle ul li:nth-child(2) p{margin-top: 10px;}
	.brand .middle ul li:nth-child(3){margin-top: 30px;}
	.brand .middle ul li:nth-child(3) .photo:before{content: none;}
	.brand .middle ul li:nth-child(3) .photo span{position: static;display: block;margin-top: 10px;}
	.brand .middle ul li:nth-child(3) .text{margin: 0;padding: 0;}
	.brand .middle ul li:nth-child(3) .text h3{margin-top: 20px;font-size: 20px;}
	.brand .middle ul li:nth-child(3) .text p{line-height: 24px;margin-top: 8px;font-size: 13px;}

	.brand .bottom{margin-top: 30px;}
	.brand .bottom:before{bottom: 40%;width: 100%;height: 30%;}
	.brand .bottom .container:after{top: auto;bottom: 0;width: 100%;height: 40%;}
	.brand .bottom .title{margin-top: 20px;}
	.brand .bottom .text{line-height: 24px;font-size: 13px;}
	.brand .bottom .text:before{width: 40px;margin-bottom: 15px;border-width: 1px;}

	.brand .activity h2{margin-top: 30px;font-size: 20px;}
	.brand .activity .poster{margin-top: 30px;}
	.brand .activity .poster .tb-btn{bottom: -20px;}
	.brand .activity .poster .tb-btn a{width: 10px;height: 10px;margin: 0 5px;}


	/****************************** 更多 ******************************/
	.more-news .year{margin-top: 25px;}
	.more-news .year ul{display: block;}
	.more-news .year ul li{width: 50%;margin: 0 0 10px;}
	.more-news .year ul li a{font-size: 16px;}
	.more-news li{margin-top: 30px;}
	.more-news li .text{margin-top: 20px;}
	.more-news li .text h3{font-size: 20px;}
	.more-news li .text span{line-height: 20px;margin-top: 5px;}
	.more-news li .text p{height: 72px;line-height: 24px;margin-top: 10px;font-size: 13px;-webkit-line-clamp: 3;}
	.more-news li .text a{margin-top: 5px;}
	.more-news .load{width: 100px;margin-top: 30px;font-size: 14px;}

	.more-news-detail h1{line-height: 30px;margin-top: 24px;font-size: 20px;}
	.more-news-detail .attr{padding: 10px 0;font-size: 14px;}
	.more-news-detail .upload{margin-top: 24px;}
	.more-news-detail .upload p{line-height: 20px;margin-bottom: 20px;font-size: 14px;}
	.more-news-detail .jump{margin-top: 30px;padding-bottom: 15px;}
	.more-news-detail .jump span{width: 80%;overflow: hidden;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;}
	.more-news-detail .jump .back{position: static;display: inline-block;margin-top: 10px;font-size: 14px;}

	.more-rule{margin-top: 30px;margin-bottom: -30px;padding: 0 3% 30px;}
	.more-rule h1{line-height: 50px;border-width: 1px;font-size: 24px;}
	.more-rule h3{line-height: 30px;margin-top: 15px;font-size: 16px;}
	.more-rule p{line-height: 28px;font-size: 14px;}

	.more-declaration{margin-top: 30px;margin-bottom: -30px;padding: 0 3% 30px;}
	.more-declaration h1{line-height: 50px;border-width: 1px;font-size: 24px;}
	.more-declaration table{margin-top: 30px;}
	.more-declaration table td:nth-child(1){width: 70%;}
	.more-declaration table thead td{height: 60px;font-size: 20px;}
	.more-declaration table thead td:nth-child(1){text-align: left;text-indent: 5%;}
	.more-declaration table tbody td{height: 60px;line-height: 20px;font-size: 13px;}

	.more-patent{margin-top: 30px;margin-bottom: -30px;padding: 0 3% 30px;}
	.more-patent h1{line-height: 50px;margin-bottom: 20px;border-width: 1px;font-size: 24px;}
	.more-patent p{line-height: 26px;font-size: 14px;}
	.more-patent .certificate{margin: 15px 3% 0;}


	/****************************** 投资者咨询 ******************************/
	.consult{margin-top: 30px;padding: 0;}
	.consult .container{padding: 0;}
	.consult .box{float: none;width: auto;height: 500px;margin-top: 100px;box-shadow: none;}
	.consult .box{height: 380px;margin-top: 50px;padding: 0 3%;}
	.consult .box .title{line-height: 50px;border-width: 1px;font-size: 24px;}
	.consult .list{height: 300px;margin-top: 8px;}
	.consult .list .mCSB_dragger{left: 6px;width: 6px;border-radius: 0;}
	.consult .list .mCSB_dragger:after{content: none;}
	.consult .list ul{margin-right: 5%;overflow: hidden;border-bottom: 1px dotted #ccc;}
	.consult .list ul li{margin: 15px 0;font-size: 14px;}
	.consult .list ul li:nth-child(1){font-size: 20px;}
	.consult-stock-data .box{height: auto;}
	.consult-stock-data .info{line-height: 24px;padding: 12px 0;border-width: 1px;font-size: 14px;}
	.consult-stock-data .data span{line-height: 30px;font-size: 13px;}
	.consult-stock-data .data span:last-of-type{line-height: 20px;margin-top: 8px;}

	.consult-finace-log .box{min-height: 380px;}
	.consult-finace-log .year ul li{border: none;}
	.consult-finace-log .year ul li a{color: #222;text-decoration: none !important;}

	.consult-finace-log table thead td{line-height: 50px;font-size: 20px;}
	.consult-finace-log table tbody td{height: 50px;font-size: 14px;}
	.consult-finace-log .box{height: auto;}


	/****************************** 联系我们 ******************************/
	.contact-service .top{padding: 0 3%;}
	.contact-service .top img{margin: 30px auto 10px;}
	.contact-service .top p{line-height: 30px;font-size: 15px;}
	.contact-service .top p.hotline{line-height: 30px;font-size: 15px;}
	.contact-service .top p.hotline a{font-size: 18px;}

	.contact-service .form{margin: 20px 3% 0;padding: 20px 3%;border-width: 1px;}
	.contact-service .form:before{top: -10px;right: -10px;width: 60px;height: 61px;}
	.contact-service .form dt{margin-bottom: 15px;font-size: 20px;}
	.contact-service .form dd{margin-top: 15px;}
	.contact-service .form dd label{width: 25%;line-height: 40px;padding-right: 15px;font-size: 14px;}
	.contact-service .form dd input{width: 75%;padding: 7px 0;font-size: 14px;}
	.contact-service .form dd textarea{width: 75%;}
	.contact-service .form dd span{display: none;}
	.contact-service .form a{width: 50%;line-height: 40px;margin: 20px 0 15px 25%;}
	.contact-service .join{margin-top: 50px;padding: 30px 0;background-size: auto 100%;}
	.contact-service .join h2{line-height: 40px;font-size: 26px;}
	.contact-service .join h2:after{width: 60px;border-width: 1px;}
	.contact-service .join span{margin-top: 24px;font-size: 16px;}
	.contact-service .join a{width: 50%;line-height: 40px;margin-top: 80px;font-size: 16px;}

	.contact-way{margin-top: 9px;}
	.contact-way span a{line-height: 20px;font-size: 16px;}
	.contact-recruit{padding: 0;}
	.contact-recruit li{margin-top: 30px;border: none;}
	.contact-recruit li .top{padding-top: 0;}
	.contact-recruit li .top .date{display: none;}
	.contact-recruit li .top h3{line-height: 40px;margin-bottom: 5px;padding-left: 3%;font-size: 20px;}
	.contact-recruit li .top h3:after{top: 15px;right: 3%;width: 12px;height: 12px;border-width: 1px;}
	.contact-recruit li.active .top h3:after{top: 13px;}
	.contact-recruit li .top .info{padding: 0 3%;}
	.contact-recruit li .top .info span{margin-bottom: 5px;border-width: 1px;font-size: 13px;}
	.contact-recruit li .content{padding: 0 3%;}
	.contact-recruit li .content strong{margin-top: 15px;font-size: 15px;}
	.contact-recruit li .content p{line-height: 24px;font-size: 13px;}
}

@media (max-width: 320px) {
	.banner-top ul li a{font-size: 13px;}
}

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


/****************************** CSS3 Animation ******************************/
[animation-name]{
	visibility: hidden;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInLeft50 {
	from {
		opacity: 0;
		transform: translate3d(-50px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInRight50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInRight50 {
	from {
		opacity: 0;
		transform: translate3d(50px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInUp50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInUp50 {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInDown50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInDown50 {
	from {
		opacity: 0;
		transform: translate3d(0, -50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInLeft100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInLeft100 {
	from {
		opacity: 0;
		transform: translate3d(-100px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInLeft100-2 {
	from {
		opacity: 0;
		left: -100px;
	}

	to {
		opacity: 1;
		left: 0;
	}
}

@keyframes fadeInLeft100-2 {
	from {
		opacity: 0;
		left: -100px;
	}

	to {
		opacity: 1;
		left: 0;
	}
}


@-webkit-keyframes fadeInRight100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInRight100 {
	from {
		opacity: 0;
		transform: translate3d(100px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInRight100-2 {
	from {
		opacity: 0;
		right: -100px;
	}

	to {
		opacity: 1;
		right: 0;
	}
}

@keyframes fadeInRight100-2 {
	from {
		opacity: 0;
		right: -100px;
	}

	to {
		opacity: 1;
		right: 0;
	}
}


@-webkit-keyframes fadeInUp100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInUp100 {
	from {
		opacity: 0;
		transform: translate3d(0, 100px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInDown100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInDown100 {
	from {
		opacity: 0;
		transform: translate3d(0, -100px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}


@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    opacity: 1;
  }
}
/* 加入我们 */

.j1{position: relative;}

.j1 img{display: block;width: 100%;}

.j1 .mimg{display: none;}

.j1 .txt{width: 100%;position: absolute;text-align: center;top: 0;left: 0;}

.j1 .txt .cn{font-size: 30px;color: #fff;line-height: 1.8;margin-top: 15%;}

.j1 .txt .en{color: #fff;font: 18px/20px "Cinzel";}

.j1 .txt .xian{width: 45px;height: 4px;background: #6ec3b1;margin: 20px auto;}

.j2{padding-top: 100px;text-align: center;}

.j2 .xian{width: 50px;height: 1px;background: #6ec3b1;margin: 0 auto;}

.j2 .tt{font-size: 26px;color: #222;margin: 30px 0 20px;line-height: 26px;}

.j2 .en{font:18px/20px "Cinzel" ;line-height: 20px;color: #888;}

.j2 .ul1{margin: 100px auto 50px;width: 94%;}

.j2 .ul1 li{width:31%;float: left; overflow: hidden;margin-right: 3.5%;}

.j2 .ul1 li:nth-child(3){margin-right: 0;}

.j2 .ul1 li img{display: block;width: 100%;}

.j2 .tt2{font-size: 26px;color: #222;line-height: 26px;}

.j2 .tc{font-size: 16px;color: #777;line-height: 1.8;width: 915px;margin: 30px auto 50px;}

.j2 a{display: inline-block;font: 18px/20px "Cinzel";color: #222;-webkit-transition: all .3s;transition: all .3s;padding-right: 20px;background: url(../img/j3.png) center right no-repeat;}

.j2 a:hover{color: #6ec3b1;}

.j2 .xian2{margin-top: 100px;}

.j3{position: relative;margin-top: 50px;}

.j3 .jlt{width: 64.7%;margin-left: 3%; background: #f8f8f8;padding:40px 0 80px;box-sizing: border-box; position: relative;}

.j3 .jlt .tt{font-size: 24px;color: #222;padding-left: 23%;}

.j3 .jlt .en{color: #888;font: 18px/20px "Cinzel";margin-top: 10px;padding-left: 23%;}

.j3 .ul1{margin-top: 50px;}

.j3 .ul1 li{padding: 20px 0 10px 23%;-webkit-transition: all .5s;transition: all .5s;}

.j3 .ul1 li .ltt{font-size: 20px;line-height: 20px;padding-left: 35px;background: url(../img/j1.png) left top no-repeat;-webkit-transition: all .5s;transition: all .5s;}

.j3 .ul1 li .ltc{width: 65%;margin-left: 35px;font-size: 16px;line-height: 1.5;margin-top: 10px;color: #888;-webkit-transition: all .5s;transition: all .5s;}

.j3 .ul1 li:hover{background: #6ec3b1;}

.j3 .ul1 li:hover div{color: #fff;}

.j3 .ul1 li:hover  .ltt{background: url(../img/j2.png) left top no-repeat;}

.j3 .jrt{width: 43.875%; position: absolute;top: 40px;right: 3%;height: 615px;/* background: url(../img/j5.jpg) center no-repeat; background-size: cover;*/}

.j3 .jrt img{display: block;width: 100%;height: 100%;}

.j3 .jlt a{background: url(../img/j3.png) center right no-repeat;padding-right: 20px; font: 18px/20px "Cinzel";color: #222;-webkit-transition: all .3s;transition: all .3s;position: absolute;display: block;bottom: 10px;right: -140px;}

.j3 .jlt a:hover{color: #6ec3b1;}

.j4{margin-top: 100px;text-align: center;}

.j4 .xian{width: 50px;height: 1px;background: #6ec3b1;margin: 0 auto;}

.j4 .tt{font-size: 26px;color: #222;margin: 30px 0 20px;line-height: 26px;}

.j4 .en{font:18px/20px "Cinzel" ;line-height: 20px;color: #888;}

.j4  .jlt{width: 50%;float: left;overflow: hidden;}

.j4  .jbox{margin-top: 50px;}

.j4  img{display: block;width: 100%;}

.j4  .jrt{width: 50%;float: right;position: relative;}

.j4  .jrt a{position: absolute;bottom: 0;font-size: 18px;color: #222;left: 0;width: 100%;text-align: center;-webkit-transition: all .3s;transition: all .3s;}

.j4  .jrt a:hover{color: #6ec3b1;}




/* 投资者 */

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

.inv1{position: relative;overflow: hidden;}

.inv1 img{display: block;width: 100%;}

.inv1 .mimg{display: none;}

.inv1 .txt{position: absolute;top: 50%;left: 0;z-index: 3;width: 100%;text-align: center;color: #fff;margin-top: -18px;font-size: 34px;}

.inv2{padding: 55px 0 100px;line-height: 20px;font-size: 20px;display: flex;justify-content: center;}

.inv2 a{display: block;margin: 0 20px;border-bottom: 1px solid rgba(0, 0, 0, 0);padding-bottom: 5px;}

.inv2 a.act,.inv2 a:hover{border-bottom: 1px solid #6ec3b1;color: #6ec3b1;}

.inv3 .img img{display: block;width: 100%;}

.inv3 .xian{display: block;width: 100%;height: 1px;background: #e8e8e8;margin: 50px 0;}

.inv3 {}

.inv3 .gg{}

.inv3 .gg .glt{width: 52%;padding: 30px;background: #f8f8f8;float: left;}

.inv3 .gg .glt .gtt{font-size: 18px;font-family: "微软雅黑";}

.inv3 .gg .glt .gtc{}

.inv3 .gg .glt .gtc .htc_l{padding-top: 70px;font-size: 100px;font-family: arial;color: #e62b1e;position: relative;width: 350px;float: left;line-height: 1;}

.inv3 .gg .glt .gtc .htc_l span{font-size: 30px;padding-left: 30px;background: url(../img/inv3_1.png) left 10px no-repeat;line-height: 1;display: block;position: absolute;right: 0;bottom: 10px;}

.inv3 .gg .glt .gtc .htc_l.lv{color: #6ec3b1;}

.inv3 .gg .glt .gtc .htc_l.lv span{background: url(../img/inv3_2.png) left 10px no-repeat;}

.inv3 .gg .glt .gtc .htc_r{width: calc(100% - 400px);float: right;}

.inv3 .gg .glt .gtc .htc_r li{width: 50%;float: left;padding: 20px 0 0;font-family: "微软雅黑";color: #999;line-height: 1.5;font-size: 14px}

.inv3 .gg .glt .gtc .htc_r li .ltc{font-size: 28px;color: #000;}

.inv3 .gg .grt{width: 46.4%;float: right; background: #f8f8f8;height: 300px;}

.inv3 .gg .grt iframe{display: block;width: 100%;height: 100%;}

.inv3 .gg .grt img{display: block;width: 100%;}

.inv3 .ul1{margin: 20px 0 100px;}

.inv3 .ul1 li{padding: 30px 0 20px;border-bottom: 1px solid #ddd;position: relative;line-height: 1;}

.inv3 .ul1 li .day{font-size: 16px;color: #999;}

.inv3 .ul1 li .ltt{font-size: 18px;color: #222;margin-top: 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.inv3 .ul1 li:hover .ltt{color: #6ec3b1;} 

.inv3 .ul1 li a{display: block;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}

.inv3 .more{display: flex;justify-content: center; width: 130px;line-height: 40px;border-top: 1px solid #6ec3b1;border-bottom: 1px solid #6ec3b1;margin: 0 auto ;align-items: center;}

.inv3 .more span{display: block;width: 14px;height: 14px;margin-left: 5px;background: url(../img/icon.png) -260px -83px no-repeat; }

.inv3 .more:hover{color: #6ec3b1;}

.inv3 .xian2{margin-bottom: 0;}

.inv3 .ul2{margin-bottom: 50px;font-family: "宋体";}

.inv3 .ul2 li{padding: 50px 0;border-bottom: 1px dashed #ddd;}

.inv3 .ul2 li .ltop{}

.inv3 .ul2 li .ltop .img0{width: 50px;float: left;border-radius: 50%;overflow: hidden;}

.inv3 .ul2 li .ltop .txt{width: calc(100% - 60px);float: right;font-size: 16px;color: #666;}

.inv3 .ul2 li .ltop .txt .ltt{font-size: 18px;margin-bottom: 5px;}

.inv3 .ul2 li .ltop .txt .ltt span{color: #6ec3b1;}

.inv3 .ul2 li .lcon{line-height: 1.5;font-size: 16px;margin: 15px 0 20px;display: block;color: #444;} 

.inv3 .ul2 li .lbtm{padding: 20px ;background: #f8f8f8;position: relative;}

.inv3 .ul2 li .lbtm .lg{position: absolute;top: -32px;right: 0;z-index: 2;border: 1px solid #ddd;border-radius: 50%;overflow: hidden;width: 64px;}

.inv3 .ul2 li .lbtm .lg img{display: block;width: 100%;}

.inv3 .ul2 li .lbtm .ltt{font-size: 18px;margin-bottom: 5px;}

.inv3 .ul2 li .lbtm .ltt span{color: #6ec3b1;}

.inv3 .ul2 li .lbtm .ltc{line-height: 1.5;font-size: 16px;margin: 15px 0 20px;display: block;color: #444;} 

.inv3 .ul2 li .lbtm .ltc2{position: relative;}

.inv3 .ul2 li .lbtm .ltc2 .fx{float: left;}

.inv3 .ul2 li .lbtm .ltc2 .fx .bdsharebuttonbox{}

.inv3 .ul2 li .lbtm .ltc2 .fx .bdsharebuttonbox a{display: block;width: 20px;height: 20px;background: url(../img/i_main.png) no-repeat; }

.inv3 .ul2 li .lbtm .ltc2 .fx .bdsharebuttonbox .bds_weixin{}

.inv3 .ul2 li .lbtm .ltc2 .day{float: right;font-size: 16px;color: #999;}

.inv3 .ul2 li .lbtm .ltc2 .fx .bdsharebuttonbox .wx { background-position:-30px 0;}

.inv3 .ul2 li .lbtm .ltc2 .fx .bdsharebuttonbox .zone { background-position:-30px -30px;}

.inv3 .ul2 li .lbtm .ltc2 .fx .bdsharebuttonbox .sina { background-position:-30px -60px;}

.inv3 .ul2 li .lbtm .ltc2 .fx .bdsharebuttonbox .wx:hover { background-position:-60px 0;}

.inv3 .ul2 li .lbtm .ltc2 .fx .bdsharebuttonbox .zone:hover { background-position:-60px -30px;}

.inv3 .ul2 li .lbtm .ltc2 .fx .bdsharebuttonbox .sina:hover { background-position:-60px -60px;}


@media (max-width: 1680px) {

	.inv3 .gg .glt .gtc .htc_r li .ltc{font-size: 20px;}

	.inv3 .gg .glt .gtc .htc_l{width: 300px;}

	.inv3 .gg .glt .gtc .htc_r{width: calc(100% - 320px);}

	.inv3 .gg .glt .gtc .htc_l{font-size: 80px;}

}




@media (max-width: 1440px) {
	
	.j3 .jrt{top: 100px;height: auto;}

	.j3 .jlt{padding: 40px 0;}

	.j3 .ul1{margin-top: 30px;}

	.j3 .ul1 li .ltc{font-size: 14px;}

	.j3 .ul1 li .ltt{font-size: 16px;line-height: 16px;}

	.j3 .jrt img,.j3 .jrt{height: auto;}

	.j3 .jlt .tt{font-size: 20px;line-height: 20px;}

	.j3 .jlt .en{font-size: 16px;line-height: 16px;margin-top: 5px;}

	


}
@media (max-width: 1366px) {
	
	.j3 .jlt{padding: 30px 0;}

	.j3 .jrt{top: 140px;height: 500px;}

	.j3 .ul1{margin-top: 20px;}

}

@media (max-width: 1024px) {
	
	.j1 .mimg{display: block;}

	.j1 .pimg{display: none;}

	.j1 .txt .cn{font-size: 22px;line-height: 1.5;}

	.j1 .txt .en{font-size: 16px;}

	.j2{padding-top: 30px;}

	.j2 .ul1{margin: 30px 0;}

	.j2 .tt,.j2 .tt2{font-size: 20px;line-height: 24px;margin: 20px 0 10px;}

	.j2 .ul1 li{width: 94%;float: none;margin:0 auto 10px ;}

	.j2 .ul1{width: 100%;}

	.j2 .tc{width: 94%;text-align: justify;margin: 20px auto;}

	.j2 .xian2{margin-top: 50px;}

	.j3 .jlt{width: 100%;margin: 0;}

	.j3 .jlt .tt,.j4 .tt{padding-left: 6%;font-size: 18px;}

	.j3 .jlt .en,.j4 .en{font-size: 16px;padding-left: 6%;}

	.j3 .ul1 li{padding-left: 5%;}

	.j3 .ul1 li .ltc{width: 85%;box-sizing: border-box;}

	.j3 .jrt{width: 100%;position: static;height: auto;}

	.j4{margin-top: 30px;}

	.j4 .tt{margin: 20px 0 10px;}

	.j4  .jlt,.j4  .jrt{width: 100%;float: none;}

	.j4  .jrt{margin-top: 20px;}

	.j4  .jrt a{bottom: -20px;}

	.j2 .ul1 li:nth-child(3){width: 94%;margin: 0 auto;}

	.inv1 .pimg{display: none;}

	.inv1 .mimg{display: block;}

	.inv1 .txt{font-size: 26px;margin-top: -14px;line-height: 1;}

	.inv2{padding: 30px 0 20px;font-size: 18px;}

	.inv2 a{margin: 0 10px;}

	.inv3 .xian{margin: 20px 0;}

	.inv3 .gg .glt{width: 100%;float: none;padding: 10px ;}

	.inv3 .gg .glt .gtc .htc_l{width: 100%;float: none;padding: 20px 0;font-size: 50px;}

	.inv3 .gg .glt .gtc .htc_l span{position: static;display: inline-block;font-size: 20px;}

	.inv3 .gg .glt .gtc .htc_r{width: 100%;float: none;}

	.inv3 .gg .glt .gtc .htc_r li{padding: 10px 0;}

	.inv3 .gg .grt{width: 100%;float: none;margin-top: 20px;}

	.inv3 .ul1 li{padding: 20px 0 ;}

	.inv3 .ul1 li .ltt{font-size: 18px;margin-top: 10px;}

	.inv3 .ul1{margin: 10px 0 30px;}

	.inv3 .ul2 li{padding: 30px 0;}

	.inv3 .gg .grt{height: 200px;}

}