@font-face{font-family:'SourceHanSerifCN'; src: url('/fonts/sml.otf');}
@font-face{font-family:'HaginCaps';src:url('../fonts/Hagin-Caps-Medium.eot');src:url('../fonts/Hagin-Caps-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Hagin-Caps-Medium.woff2') format('woff2'),url('../fonts/Hagin-Caps-Medium.woff') format('woff'),url('../fonts/Hagin-Caps-Medium.ttf') format('truetype'),url('../fonts/Hagin-Caps-Medium.svg#HaginCaps') format('svg');font-weight:normal;font-style:normal;}
html, body, div, h1, h2, h3, h4, h5, h6, p, span, a, ul, ol, li, dl, dd, dt, img, form, textarea, input,select,button,em,i,table,tr,th,td,b,tbody,strong,label{margin: 0; padding:0; vertical-align: top; border: none; background: none; outline: none;font-style: normal;font-weight: normal; font-family: 'SourceHanSerifCN', serif;}
html, body{font-size: 14px;line-height: 1.0;text-align: left;overflow-x: hidden;}
ul li,ol li{list-style: none;}
h1,h2,h3,h4,h5,h6,span{font-family: 'SourceHanSerifCN', serif;}
strong{font-weight: bold;}
a{text-decoration: none; color: #333;}
span{}
input[type=text],button {border-radius: 0;-webkit-border-radius: 0;}
input[type=text],select{appearance:none;  -moz-appearance:none;  -webkit-appearance:none; }
/*-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/
* {  -webkit-touch-callout: none; outline: none ;}
input, textarea {border: 0;}
textarea {resize: none; outl2ine: none; font-family: 'SourceHanSerifCN', serif;}
select::-ms-expand{ display: none; font-family: 'SourceHanSerifCN', serif;}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {-webkit-text-fill-color: #FFFFFF !important; transition: background-color 5000s ease-in-out 0s !important;}
img {border: 0;vertical-align: middle;}
.clear::after{content: '.'; height: 0; display: block; visibility: hidden; clear: both;}
.clear{*zoom:1; zoom: 1;}
.wrap {padding: 0 60px; margin: 0 auto;}
.wrap2 {padding: 0 180px; margin: 0 auto;}
.flef{float: left;}
.frig{float: right;}
.transition {-webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition:all 0.5s; transition: all 0.5s; }
@-webkit-keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.scaleBigToSmall{-webkit-animation-name:scaleBigToSmall;-moz-animation-name:scaleBigToSmall;-o-animation-name:scaleBigToSmall;animation-name:scaleBigToSmall;transform-origin:50% 50%;}
body{background: #fef7ec;position: relative;width: 100%;}
/*头部*/
.header{position: fixed;left: 0;top:0;width: 100%;padding: 40px 0;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;z-index: 2000;}
.header .wrap{position: relative;height:40px; }
.header .logo{position: absolute;top:0;left: 0;width: 100%;text-align: center;z-index: 20;}
.header .logo a{display: inline-block;text-align: center;}
.header .logo img{height: 40px;}
.header .logo .imgh2{display: none;}
.header .flef,.header .frig{position: relative;z-index: 30;}
.header .flef .bt-h{float: left;margin-right: 60px;cursor: pointer;padding: 11px 0;}
.header .flef .bt-h img{height: 18px;margin-right: 10px;}
.header .flef .bt-h .imgh2{display: none;}
.header .flef .bt-h span{display: inline-block;height: 18px;font-size: 16px;line-height: 18px;color: #000;}
.header .frig{text-align: right;}
.header .frig .menu-h{display: inline-block;text-align: left;}
.header .frig .menu-h a{display: inline-block;font-size: 16px;line-height: 18px;color: #000;padding: 11px 37px;position: relative;}
.header .frig .menu-h a::after{content: "";position: absolute;bottom: 0;left: 50%;width: 0;height: 1px;background: #000;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;z-index: 1;}
.header .frig .menu-h a:hover::after{width: 36px;margin-left: -18px;}
.header .frig .language{position: relative;display: inline-block;padding-left: 45px;margin-left: 22px;text-align: left;}
.header .frig .language::before{content: "";position: absolute;left: 0;top: 50%;width: 1px;height: 16px;margin-top: -8px;background: #b1aca5;}
.header .frig .language select{width: 52px;padding: 11px 0;background: url("../images/icon_sel.png") no-repeat scroll right 2px center transparent;background-size: 8px;font-size: 16px;line-height: 18px;color: #000;text-align: center;cursor:pointer;}

.header:hover{background: #fff;box-shadow: 0 0 2px rgba(0,0,0,0.2);}
.header.on{background: #fff;box-shadow: 0 0 2px rgba(0,0,0,0.2);padding: 20px 0;}
.header.on .logo img{height: 36px;}
.header.on .flef .bt-h{padding: 9px 0;}
.header.on .frig .menu-h a{padding: 9px 37px;}

.header.hd .logo .imgh1{display: none;}
.header.hd .logo .imgh2{display: inline-block;}
.header.hd .flef .bt-h .imgh1{display: none;}
.header.hd .flef .bt-h .imgh2{display: inline-block;}
.header.hd .flef .bt-h span,.header.hd .frig .language select{color: #fff;}
.header.hd .frig .menu-h a::after{background: #fff;}
.header.hd .frig .language select{background: url("../images/icon_sel2.png") no-repeat scroll right 2px center transparent;background-size: 8px; }
.header.hd .frig .language::before{background: #fff;}
.header.hd .frig .menu-h a{color: #fff;}
.header.hd:hover,.header.hd.on{background: #fff;box-shadow: 0 0 2px rgba(0,0,0,0.2); }
.header.hd:hover .logo .imgh1,.header.hd.on .logo .imgh1{display: inline-block;}
.header.hd:hover .logo .imgh2,.header.hd.on .logo .imgh2{display: none;}
.header.hd:hover .flef .bt-h .imgh1,.header.hd.on .flef .bt-h .imgh1{display: inline-block;}
.header.hd:hover .flef .bt-h .imgh2,.header.hd.on .flef .bt-h .imgh2{display: none;}
.header.hd:hover .flef .bt-h span,.header.hd:hover .frig .language select,.header.hd.on .flef .bt-h span,.header.hd.on .frig .language select{color: #000;}
.header.hd:hover .frig .menu-h a::after,.header.hd.on .frig .menu-h a::after{background: #000;}
.header.hd:hover .frig .language select,.header.hd.on .frig .language select{background: url("../images/icon_sel.png") no-repeat scroll right 2px center transparent;background-size: 8px; }
.header.hd:hover.frig .language::before,.header.hd.on.frig .language::before{background: #000;}
.header.hd:hover .frig .menu-h a,.header.hd.on .frig .menu-h a{color: #000;}


.fixedTop{height: 58px;display: none;}
.maskBg{position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 888;background:rgba(0,0,0,0.5);display: none;}
.menuPop{position: fixed;left: -100%;top:0;width: 790px;height: 100%;;z-index: 9998;display: none;}
.menuBox{position: relative;width: 100%;height: 100%;background: #fef8ec;overflow-y: visible;}
.menuBox .cont{padding: 56px 60px;}
.menuBox .cont .mT .mlogo{float: left;}
.menuBox .cont .mT .mlogo a{display: block;}
.menuBox .cont .mT .mlogo img{height: 40px;}
.menuBox .cont .lang,.menuBox .cont .mclose{display: inline-block;}
.menuBox .cont .lang a{position: relative;display: inline-block;font-size: 14px;line-height: 32px;color: #000;margin-left: 13px;border: 1px solid #000;padding: 0 15px;border-radius: 20px;overflow: hidden;z-index: 2; }

.menuBox .cont .lang a::before {content:""; position: absolute; top: -2px; right: 110%; width: 30px; height: 36px; background: #000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: -1;  }
.menuBox .cont .lang a:hover{color: #fff;}
.menuBox .cont .lang a:hover::before{width: 100px;right: 0;}

.menuBox .cont .mclose{position: relative;width: 26px;margin-left: 52px;padding: 4px 0;cursor: pointer;}
.menuBox .cont .mclose img{width: 100%;}
.menuBox .cont .mclose::before{content: "";position: absolute;left: 50%;top:50%;width: 0;height: 0;border-radius: 50%;background: rgba(0,0,0,0.1);-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
/*.menuBox .cont .mclose:hover::before{width:44px;height: 44px;margin-top: -22px;margin-left: -22px; }*/

.menuNav{margin-top: 120px;}
.menuNav li{padding: 40px 0;border-bottom: 1px solid #e3dbcb;}
.menuNav li:last-child{border-bottom: none;}
.menuNav li .item-first{position: relative;font-size: 18px;line-height: 36px;color: #000;padding-right: 20px;cursor: pointer;}
.menuNav li .item-first a{display: block;font-size: 20px;line-height: 36px;color: #000;}
.menuNav li .item-first::after{content: "";position: absolute;right: 0;width: 16px;height: 100%;background-image: url("../images/mr_02.png");background-repeat: no-repeat;background-position: right center;background-size: 100%;}
.menuNav li.first .item-first::after{background: none;}
.menuNav li.active .item-first::after{background-image: url("../images/mr_01.png");}
.menuNav li.first.active .item-first::after{background: none;}
.menuNav li .item-two{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition:all 0.3s linear; transition: all 0.3s linear;display: none;}
.menuNav li.active .item-two{}
.menuNav .item-two a{display: block;font-size: 16px;line-height: 36px;color: #666;}
.menuBox .support{position: absolute;left: 60px;bottom: 56px;}
.menuBox .support a{display: inline-block;font-size: 16px;line-height: 30px;color: #999;}


/*底部*/
.footer{background-color: #f7efe2;background-image: url("../images/footer_bg.png");background-position: left center;background-repeat: no-repeat;background-size: cover;overflow: hidden;position: relative;z-index: 10;}
.footer .footer-help,.footer .footer-newsletter,.footer .footer-nav{border-bottom: 1px solid #e8e1d5;}
.footer .footer-help{padding: 70px 0;}
.footer .help-col{float: left;width: 50%;text-align: center;position: relative;}
.footer .help-col:first-child::after{content: "";position: absolute;right: 0;top: 50%;width: 1px;height: 94px;background: #e7dfd4;margin-top: -47px;}
.footer .footer-help h2{font-size: 18px;line-height: 30px;color: #000;}
.footer .footer-help p,.footer .footer-help a{font-size: 14px;line-height: 30px;color: #666;}
.footer .footer-help a{display: inline-block;}
.footer .footer-help .ed a{border-bottom: 1px solid #92908b;}
.footer .footer-help a:hover{color: #333;}

.footer .footer-newsletter{padding: 90px 0;text-align: center;}
.footer .footer-newsletter p{font-size: 16px;line-height: 30px;color: #000;}
.footer .footer-newsletter .subscribe-button{position: relative;width: 256px;font-size: 16px;line-height: 50px;color: #fff;margin-top: 25px;z-index: 10;cursor: pointer;}
.footer .footer-newsletter .subscribe-button::before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: #000;z-index: -2;}
.footer .footer-newsletter .subscribe-button::after{content: "";position: absolute;left: 50%;top:0;width: 50px;height: 100%;background: #e6ae97;margin-left: -25px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;opacity: 0;z-index: -1;}
.footer .footer-newsletter .subscribe-button:hover::after{width: 100%;margin-left: -50%;opacity: 1;}

.footer .footer-nav{text-align: center;}
.footer .footer-nav dl{float: left;width: 33.33%;text-align: center;padding: 90px 0;position: relative;}
.footer .footer-nav dl::after{content: "";position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: #e7dfd4;}
.footer .footer-nav dl:last-child::after{width: 0;}
.footer .footer-nav dl dt a{display: block;font-size: 20px;line-height: 40px;color: #000;}
.footer .footer-nav dl dd{text-align: center;}
.footer .footer-nav dl dd a{display:inline-block;font-size: 16px;line-height: 36px;color: #666;position: relative;}
.footer .footer-nav dl dd a::after{content: "";position: absolute;bottom: 3px;left: 0;width: 0;height: 1px;background: #333;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.footer .footer-nav dl dd a:hover{color: #333;}
.footer .footer-nav dl dd a:hover::after{width: 100%;}
.copyright{padding:26px 0;}
.copyright,.footer .copyright p,.copyright a{font-size: 12px;line-height: 16px;color: #666;}
.copyright .flef{max-width: 70%;padding: 5px 0;}
.copyright .link li{position: relative;float: left;width: 26px;margin-left: 40px;}
.copyright .link li:first-child{margin-left: 0;}
.copyright .link li a{display: block;width: 100%;}
.copyright .link li a img{width: 100%;}
.copyright .link-img{position: absolute;bottom: 100%;left: 50%;width: 110px;margin-left: -55px;padding-bottom: 10px;text-align: center;z-index: 100;visibility: hidden;}
.copyright .link-img::after{content: "";position: absolute;left:50%;bottom: -2px;width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #fff;margin-left: -6px; }
.copyright .link-img img{width: 100%;}
.copyright .link li:hover .link-img{visibility: visible;}

.goback{position: fixed;right: 60px;bottom:15%;width: 46px;height: 46px;line-height: 46px; font-size: 0;border-radius: 50%;background-color: #c6bfb5; text-align: center;overflow: hidden;;z-index: 1000;cursor: pointer;display: none;}
.goback img{width: 11px;vertical-align: middle;position: relative;z-index: 10;}
.goback::before{content: "";  position: absolute; left: 50%; top: 50%;width: 100%;height: 100%;border-radius: 50%;background: #000;margin-left: -23px;  margin-top: -23px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;  -webkit-transform: scale(0); -moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.goback:hover::before{-webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1); }


.videoPause{display: inline-block;position: absolute;top: 50%;left: 50%;width: 80px;margin-left: -40px;margin-top: -40px;  z-index:100;cursor: pointer;}
.videoPause img{width: 100%;}
.jsmodern-video-panel .jsmodern-video-play{display: none;}
.jsmodern-video-volumebox{display: none;}
.jsmodern-video-panel{left: 0;width: 100%;height: 70px;padding: 0 35px;box-sizing: border-box;}
.jsmodern-video-linebox{position: absolute;left: 0;bottom: 20px;width: 96%;margin: 0 25px;box-sizing: border-box;}
.jsmodern-video-panel .jsmodern-video-fullin,.jsmodern-video-panel .jsmodern-video-volume{float: none;position: absolute;top:0;}
.jsmodern-video-panel .jsmodern-video-fullin{right: 35px;}
.jsmodern-video-volume{right: 75px;}
.jsmodern-video-start{margin-left: 0;}

/*搜索*/
.searchPop{position: fixed;bottom: -100%;top:0;width: 100%;height: 100%;background-image: url("../images");background-position: left center;background-repeat: no-repeat;background-size: cover;background-color: #fef7ec;z-index: 9998;display: none;}
.dialog{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; height: 100%; z-index: 9999; background-color: #fef7ec;  display: none; }
.dialog-hd{ height: 95px; border-bottom: 1px solid #e8e8e8; }
.dialog .close{ position: absolute; right: 30px; top: 30px;width: 26px;padding: 30px;cursor: pointer;z-index: 1000; }
.dialog .close img{width: 100%;}
.dialog-bd{ width: 780px; margin: 0 auto;  padding-top: 16vh;}
.dialog-bd h1{ font-size: 64px; color: #333333; text-align: center; line-height: 1.25; }
.dialog .search-box{ margin-top: 50px; background-color: #fff; position: relative; height: 70px; border-radius: 35px; overflow: hidden;  -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s;  -o-transition: background-color 0.3s; transition: background-color 0.3s;}
.dialog .search-box input{  width: 100%; height: 100%; background: transparent; border: 0; padding: 0 95px 0 40px; font-size: 16px; color: #999999;box-sizing: border-box;  }
.dialog .search-box input:focus{ background-color: #eee; }
.dialog .search-box button{ position: absolute; right: 0; top: 0; line-height: 68px; background: transparent; border: 0; padding: 0 20px; font-size: 16px; color: #333333; cursor: pointer; }
.dialog .search-box button img{ vertical-align: middle; margin-right: 8px; }
.search-word span{ display:inline-block;font-size: 16px; color: #333333;margin: 8px 0; }
.search-word span img{ vertical-align: middle; margin-right: 5px; }
.search-word .link{ display: inline-block;}
.search-word .link a{ display: inline-block; font-size: 16px; color: #bbbbbb;margin: 8px 25px;  }
.search-word .link a:hover{ color: #333; }
.dialog.on .dialog-hd{  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;-o-transition:all 0.3s; transition: all 0.3s;  }
.dialog-hd{ opacity: 0; }
.dialog.on .dialog-hd{ opacity: 1;  }
.search-word{ margin: 13px 20px 0 20px; }
.dialog-ft{position: absolute;bottom: 0;left: 3%;width: 94%;}

.more{padding: 30px 0;text-align: center;}
.more a{display: inline-block;font-size: 16px;line-height: 16px;color: #000;padding: 5px 0;position: relative;z-index: 2;}
.more a img{width: 16px;margin-left: 8px;}
.more a::after{content: "";position: absolute;bottom: 0;left: 50%;width: 0;height: 1px;background: #000;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;z-index: 1;}
.more a:hover::after{width: 100%;margin-left: -50%;}


/*内页*/
.f-banner{position: relative;height:950px;overflow: hidden;}
.f-banner .img{position: relative;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size:cover;-webkit-transition: all 3s linear; -moz-transition: all 3s linear;-o-transition:all 3s linear;transition: all 3s linear;  }
.current{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center; overflow: hidden;z-index: 20;}
.current .wrap{display: table;height: 100%;vertical-align: middle;text-align: center;}
.current .wrap .cont{display: table-cell;vertical-align: middle;}
.current .cont h1{width: 60px;font-size: 50px;line-height: 64px;color: #fff;margin: 0 auto;}
.videoAbout{width: 100%;height: 100%;}
.videoAbout video{width: 100%;height: 100%; object-fit: fill;}
.videoCont{position: absolute;left: 0;top:26%;width: 100%;z-index: 100;}
.videoCont .wrap{display: block;height: auto;text-align: left;}
.videoCont h1,.videoCont p{width: 100%;font-size: 64px;line-height: 84px;color: #fff;}
.videoCont p{margin-top: 10px;font-weight: lighter;}
.videoCont .videoPause{position: static;margin-left: 0;margin-top: 200px;  z-index:100;}

.fnav{padding: 95px 0;overflow: hidden;}
.f-navlist li{float: left;}
.f-navlist li a{position: relative;display: block;font-size: 0;padding-left: 50px;margin-left: 50px;opacity: 0.5;-webkit-transition: all 0.3s;  -moz-transition: all 0.3s;-o-transition:all 0.3s; transition: all 0.3s;}
.f-navlist li a::before{content: "";position: absolute;left: 0;top:0;width: 1px;height: 150px;border-left: 1px dashed #aba7a0;}
.f-navlist li:first-child a{padding-left: 0;margin-left: 0;border-left: none;}
.f-navlist li:first-child a::before{border-left: none;}
.f-navlist li a img,.f-navlist li a span,.f-navlist li a h2{display: inline-block;color: #333; word-break: normal;}
.f-navlist li a span{font-size: 16px;line-height: 20px;word-wrap: break-word;width: 20px;writing-mode:tb-rl;}
.f-navlist li a img{width: 20px;margin-right:20px;}
.f-navlist li a h2{width: 40px;font-size: 30px;line-height: 40px;margin-top: -6px;margin-left: 10px;}
.f-navlist li:hover a{ opacity: 1;}
.f-navlist li.on a{opacity: 1;}
.aboutCraft .f-navlist li a h2{font-size: 40px;line-height: 44px;}

.fnav .curr{font-size: 0;}
.fnav .curr a{display: inline-block;font-size:0;}
.fnav .curr span,.fnav .curr em{display: inline-block;font-size: 14px;line-height: 22px;color: #999;margin-right: 2px;vertical-align: middle;}
.fnav .curr a:hover span{color: #000;}
.fnav .curr em{width: 22px;height: 1px;background: #999;}
/*.fnav .curr em::after{content: "";position: absolute;left: 0;top:50%;}*/
.fnav .curr a.active span,.fnav .curr a:hover span{color: #000;}
.title h4,.titleC .mes h4{font-size: 20px;line-height: 40px;color: #000;}
.titleC{position: relative;margin-bottom: 165px;overflow: hidden;}
.titleC .mes{float: left;width: 80%;padding-right: 20%;}
.titleC.sty .mes{width: 100%;padding-right: 0;}
.titleC .founding{float: right;}
.titleC .mes em{display: block;width: 1px;height: 20px;background: #000;margin-top: 20px;margin-bottom: 40px;}
.titleC .mes h1{font-size: 64px;line-height: 100px;color: #000;}
.titleC .box{position: relative;}
.titleC .box .mes,.titleC .box .founding{float: none;}
.titleC .mes,.titleC .mes p{font-size: 18px;line-height: 36px;color: #000;}
.titleC .box .mes{width: 79%;}
.titleC .mes .info{margin-top: 25px;}
.titleC .box .mes .info{width: 50%;margin-top: 25px;}
.titleC .mes h1{font-size: 64px;line-height: 100px;color: #000;}
/*.titleC .cont .mes{margin-top: 25px;}*/
.titleC .mes,.titleC .mes p{font-size: 18px;line-height: 36px;color: #000;}
.titleC .box .founding{position: absolute;right: 0;bottom: 0;}
.titleC .logoR{position: absolute;right: 0;top:0; }
.titleC .logoR img{width: 150px;}
.titleC .logoR.simg img{width: 62px;}
.founding .year{font-size: 0;margin-top: 5px;}
.founding .year span,.founding .year em{vertical-align: top;}
.founding span{display: inline-block;font-size: 18px;line-height: 18px;color: #bcb0a0;}
.founding em{display: inline-block;font-size: 200px;line-height: 170px;color: #aea393;font-family:'HaginCaps';}
.founding .year span{margin-top: 20px;}
.tNav{border-top: 1px solid #e3dcd0;border-bottom: 1px solid #e3dcd0;margin-bottom: 80px;}
.tNav li{float: left;margin-right: 155px;}
.tNav li:last-child{margin-right: 0;}
.tNav li a{position: relative;display: inline-block;font-size: 20px;line-height: 78px;color: #999;}
.tNav li.active a,.tNav li:hover a{color: #000;}
.tNav li a::after{content: "";position: absolute;bottom: 0;left: 50%;width: 0;height: 4px;background: #a39b8e;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;z-index: 1;}
.tNav li a:hover::after{width: 100%;margin-left: -50%;}
.tNav li.active a:after{width: 100%;margin-left: -50%;}
.contactW .titleC{margin-bottom: 45px;}

    /*分页*/
.pages{position: relative;text-align: center;padding: 10px 0;overflow: hidden}
.pages .pages-list{display: inline-block;font-size: 0;overflow: hidden;}
.pages a,.pages input.jump-ipt{display: block;float: left;width: 48px;height: 48px;background: #f3ece0;border: 1px solid #f3ece0;font-size: 14px;color: #000;line-height: 48px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;margin: 0 5px;}
.pages input.jump-ipt{border: 1px solid #dbd5c9;margin-left: 35px;}
.pages a.jump-btn{background: #e3dcd0;border-color: #e3dcd0;}
.pages a.on,.pages a:hover{background: #e3dcd0;border-color: #e3dcd0;}
.pages a.jump-ipt.on,.pages a.jump-ipt:hover{background: #f3ece0;border-color: #dbd5c9;}
.pages a.nomore{background: #eee;}
.pages a.nomore:hover{background: #eee;border-color: #eee;}
.detailW{padding-top: 120px;}
.detailW .fnav{border-top: 1px solid #e6ded2;padding: 55px 0;}
.detailC{width: 1200px;margin: 0 auto;padding-bottom: 50px;}
.detailC .detail-tit{font-size: 36px;line-height: 46px;color: #000;text-align: center;margin-top: 35px;padding-bottom: 52px;border-bottom: 1px solid #e6ded2;}
.detailC .detail-date{padding: 39px 0;}
.detailC .detail-date span{display: inline-block;font-size: 16px;line-height: 26px;color: #000;margin-right:5px;}
.detailC .detail-content,.detailC .detail-content p{font-size: 16px;line-height: 36px;color: #000;}
    .detailC .detail-content {
        padding-bottom: 65px;
        border-bottom: 1px solid #e6ded2;
        letter-spacing: 2px;
    }
.detailC .detail-content img{max-width: 100%!important;}
.detailC .news-page{margin: 40px 0;position: relative;}
.detailC .news-page .prev-btn,.detailC .news-page .next-btn{width: 45%;font-size: 0;}
.detailC .news-page .next-btn{text-align: right;}
.detailC .news-page .bt span,.detailC .news-page .bt a{font-size: 16px;line-height: 16px;color: #000;font-weight: bold;}
.detailC .news-page .bt span{display: inline-block;}
.detailC .news-page .bt a{position: relative;display: inline-block;padding: 10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100%;}
.detailC .news-page .bt a::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: #000;}
.detailC .news-page .bt a:hover::after{width: 100%;}
.detailC .back{position: absolute;left: 50%;top:0;width: 100px;margin-left: -50px;}
.detailC .back a{display:inline-block;padding: 10px 0;text-align: center;position: relative;border: 1px solid transparent;}
.detailC .back a,.detail .back a span{font-size: 16px;line-height: 16px;color: #000;font-weight: bold;}
.detailC .back a img{width: 16px;margin-right: 8px;}
.detailC .back a::before{content: "";position: absolute;bottom: 0;left: 50%;width: 0;height: 1px;background: #000;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;z-index: 1;}
.detailC .back a:hover::before{width: 100%;margin-left: -50%;}


.filterPop{position: fixed;top:0;right: -100%;width: 790px;height: 100%;z-index: 9999;}
.filterPop .pclose{position: absolute;right: 0;top:0;width: 100px;height: 100px;border-left: 1px solid #e3dbcb;background: url("../images/close2.png") center center no-repeat;background-size: 12px;z-index: 20;cursor: pointer;}
.filterPop .fpop-box{position: absolute;right: 0;top: 0;width: 100%;height: 100%;background: #fef8ec;}
.filterPop .fpop-box .ft{font-size: 20px;line-height: 100px;height: 100px;color: #333;padding-left: 60px;padding-right: 110px;border-bottom: 1px solid #e3dbcb;margin-bottom: 30px;z-index: 10001;}
/*.filterPop .fbox::-webkit-scrollbar{display: none;}*/
/*.filterPop .fbox{padding: 0 60px;max-height:600px;scrollbar-width:none;-ms-overflow-style: none;overflow-x: hidden;overflow-y: auto;}*/
.filterPop .fbox{padding: 0 60px;max-height:600px;overflow-x:hidden;overflow-y:auto;}
/*.filterPop .fcheck{overflow-x: hidden;overflow-y: auto;}*/
.filterPop .fcheck li{font-size: 0;padding: 21px 0;}
.filterPop .fcheck input,.filterPop .fcheck label{display: inline-block;vertical-align: middle;}
.filterPop .fcheck input{position: relative;width: 18px; height: 18px;font-size: 16px;visibility: hidden;border: 2px solid #000;border-radius: 0;cursor: pointer;}
.filterPop .fcheck label{font-size: 18px;line-height: 18px;color: #333;margin-left: 15px;}
.filterPop .fcheck input[type='checkbox']::after {position: absolute;top: 0;background-color: #fff;color: #fff;border: 2px solid #000;  width: 18px;  height: 18px;  display: inline-block;  visibility: visible;text-align: center;  content: ' ';  border-radius: 0;  box-sizing: border-box;}
.filterPop .fcheck input[type='checkbox']:checked::after{background-color: #e6ae97; border: none; content: '✔'; font-size: 14px;  }
.filterPop .fres{position: absolute;bottom: 60px;left: 0;width: 100%;cursor: pointer;}
.filterPop .fres .num{display: block;width: 100%;font-size: 20px;line-height: 88px;color: #fff;text-align: center;padding: 0 0;border-radius: 0;position: relative;z-index: 1;}
.filterPop .fres .num::before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: #000;z-index: -2;}
.filterPop .fres .num::after{content: "";position: absolute;left: 50%;top:0;width: 50px;height: 100%;background: #e6ae97;margin-left: -25px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;opacity: 0;z-index: -1;}
.filterPop .fres .num:hover::after{width: 100%;margin-left: -50%;opacity: 1;}
.filterPop .fcolor{}
.filterPop .fcolor li{float: left;width: 23.5%;margin-right:2%;margin-bottom: 24px; }
.filterPop .fcolor li:nth-child(4n){margin-right: 0;}
.filterPop .fcolor li a{display: block;padding: 24px;border: 1px solid #e8e8e8;background: #fff;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;transition: all 0.5s linear;}
.filterPop .fcolor li span{display: block;height: 110px;}
.filterPop .fcolor li p{font-size: 14px;line-height: 18px;color: #000;margin-top: 12px;}
.filterPop .fcolor li:hover a,.filterPop .fcolor li.active a{border: 1px solid #000;}


.filterPop.filterM{width: 50%;}
.filterPop .fm-list{padding: 0 3%;max-height: 500px;}
.fm-list dd{position: relative;padding: 8px 0;border-bottom: 1px solid #e3dbcb;}
.fm-list dd .ftf{position: relative;padding-right: 20px;font-size: 20px;line-height: 36px;}
.fm-list dd .ftf::after{content: "";position: absolute;right: 0;width: 16px;height: 100%;background-image: url("../images/icon_sq.png");background-repeat: no-repeat;background-position: right center;background-size: 100%;}
.fm-list dd.active .ftf::after{background-image: url("../images/icon_zk.png");}
.fm-list dd .ftt{display: none;padding: 10px 0;max-height: 400px;overflow-x: hidden;overflow-y: auto;}

.filterPop .boxS{}
.formBox{padding-top: 45px;margin-top: 45px;padding-bottom: 35px;position: relative;max-height: 700px;overflow: hidden;}
.cataPop .formBox,.classPop .formBox,.colorPop .formBox{max-height: 400px;}

.formBox .grp{margin-bottom: 45px;}
.formBox .fmb label{display: block;font-size: 16px;line-height: 24px;color: #000;margin-bottom: 15px;}
.formBox .fmb input{width: 100%;font-size: 16px;line-height: 68px;color: #999;padding: 15px 20px;}
.formBox .fmb input,.formBox .fmb .form-code span{display: block;height: 70px;border: 1px solid #e7e0d3;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.formBox .fmb .form-code input{float: left;width: 65%;}
.formBox .fmb .form-code span{float: right;width: 32%;text-align: center;}
.formBox .fmb .form-code span img{vertical-align: middle;max-width: 100%;max-height: 100%;}
.formBox .fmb .subm{margin-top: 80px;}
.formBox .fmb .subm .sub-button{width: 100%;font-size: 20px;line-height: 70px;color: #fff;height: 70px;padding: 0 0;border-radius: 0;position: relative;z-index: 1;}
.formBox .fmb .subm .sub-button::before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: #000;z-index: -2;}
.formBox .fmb .subm .sub-button::after{content: "";position: absolute;left: 50%;top:0;width: 50px;height: 100%;background: #e6ae97;margin-left: -25px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;opacity: 0;z-index: -1;}
.formBox .fmb .subm .sub-button:hover::after{width: 100%;margin-left: -50%;opacity: 1;}
.formBox .remind{margin-top: 60px;}
.formBox .remind,.formBox .remind p{font-size: 16px;line-height: 30px;color: #333;}
.formBox .imgPop{}
.formBox .imgPop .img{overflow: hidden;margin-bottom: 35px;}
.formBox .imgPop .img img{width: 100%}
.formBox .imgPop h3{font-size: 20px;line-height: 24px;color: #000;}
.formBox .imgPop .mes{margin-top: 20px;}
.formBox .imgPop .mes,.formBox .imgPop .mes p{font-size: 16px;line-height: 30px;color: #000;}

.mCustomScrollBox{position:relative;height:100%;max-width:100%;outline:none;direction:ltr;}
.mCSB_scrollTools{position:absolute;width:10px;height:auto;left:auto;top:0;right:0;;bottom:0;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:1px;height:auto;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1;}
.mCSB_scrollTools .mCSB_draggerRail{width:1px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-color:#eae3d4;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:5px;height:150px;margin:0 auto;text-align:center;/* -webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;*/
    background-color:#ded3bf;}
.formBox .mCustomScrollBox{padding-right: 60px;}