

img{max-width: 100%;height: auto;box-sizing: border-box;border: 0;vertical-align: middle;}
p{font-size: 14px;color: #95959d;line-height: 24px;text-align: justify;}
.no_margin{margin-bottom: 0 !important;}
/* strong{display: block;}*/
a{display: block;color: inherit;text-decoration: none;/*display: inline-block;*/}
div,li{box-sizing: border-box;}
.content{width: 1280px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.box .con + .con{display: none;}
input,button{border: none;background-color: transparent;box-sizing: border-box;outline: none;}
input[type="checkbox"]{vertical-align: -2px;margin-right: 4px;}
/*占位符*/input::-webkit-input-placeholder{color: #494949;}
input:-moz-placeholder{color: #494949;}
input::-moz-placeholder{color: #494949;}
input:-ms-input-placeholder{color: #494949;}
textarea::-webkit-input-placeholder{color: #494949;}
textarea:-moz-placeholder{color: #494949;}
textarea::-moz-placeholder{color: #494949;}
textarea:-ms-input-placeholder{color: #494949;}
/*滚动条样式*/body::-webkit-scrollbar,
html::-webkit-scrollbar{width: 3px;border-radius: 1.5px;}
body::-webkit-scrollbar-button,
html::-webkit-scrollbar-button{display: none;}
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track{background-color: #eee;}
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb{background-color: #eee;}
::-webkit-scrollbar{width: 5px;height: 5px;background-color:rgba(210, 210, 210, 0.48);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 0;}
::-webkit-scrollbar-thumb{background-color: #cbcbcb;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 0;}
@font-face{font-family: 'Montserrat';src: url('../fonts/Montserrat-Regular.eot');src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.woff2') format('woff2'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
@font-face{font-family: 'Rajdhani';src: url('../fonts/Rajdhani-Bold.eot');src: url('../fonts/Rajdhani-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Rajdhani-Bold.woff2') format('woff2'), url('../fonts/Rajdhani-Bold.woff') format('woff'), url('../fonts/Rajdhani-Bold.ttf') format('truetype'), url('../fonts/Rajdhani-Bold.svg#Rajdhani-Bold') format('svg');font-weight: bold;font-style: normal;font-display: swap;}
@font-face{font-family: 'Rubik';src: url('../fonts/Rubik-Regular.eot');src: url('../fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik-Regular.woff2') format('woff2'), url('../fonts/Rubik-Regular.woff') format('woff'), url('../fonts/Rubik-Regular.ttf') format('truetype'), url('../fonts/Rubik-Regular.svg#Rubik-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
@font-face{font-family: 'Blender_Pro';src: url('../fonts/BlenderPro-Medium.eot');src: url('../fonts/BlenderPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/BlenderPro-Medium.woff2') format('woff2'), url('../fonts/BlenderPro-Medium.woff') format('woff'), url('../fonts/BlenderPro-Medium.ttf') format('truetype'), url('../fonts/BlenderPro-Medium.svg#BlenderPro-Medium') format('svg');font-weight: 500;font-style: normal;font-display: swap;}
@font-face{font-family: 'FS_Sinclair';src: url('../fonts/FSSinclair-Bold.eot');src: url('../fonts/FSSinclair-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/FSSinclair-Bold.woff2') format('woff2'), url('../fonts/FSSinclair-Bold.woff') format('woff'), url('../fonts/FSSinclair-Bold.ttf') format('truetype'), url('../fonts/FSSinclair-Bold.svg#FSSinclair-Bold') format('svg');font-weight: bold;font-style: normal;font-display: swap;}
@font-face{font-family: 'Dosis';src: url('../fonts/Dosis-Medium.eot');src: url('../fonts/Dosis-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Dosis-Medium.woff2') format('woff2'), url('../fonts/Dosis-Medium.woff') format('woff'), url('../fonts/Dosis-Medium.ttf') format('truetype'), url('../fonts/Dosis-Medium.svg#Dosis-Medium') format('svg');font-weight: 500;font-style: normal;font-display: swap;}
/* @font-face{font-family: 'OPPOSans_Design';src: url('../fonts/OPPOSansOS20GB2312Design-Regular.eot');src: url('../fonts/OPPOSansOS20GB2312Design-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OPPOSansOS20GB2312Design-Regular.woff2') format('woff2'), url('../fonts/OPPOSansOS20GB2312Design-Regular.woff') format('woff'), url('../fonts/OPPOSansOS20GB2312Design-Regular.ttf') format('truetype'), url('../fonts/OPPOSansOS20GB2312Design-Regular.svg#OPPOSansOS2.0GB2312Design-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}*//* header*/

.socials_wrap .weChat_img{position: absolute;top: -115px;left: -36px;width: 107px;height: 107px;background-color: #c6a182;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;z-index: 99;opacity: 0;filter: Alpha(opacity=0);-webkit-transform: scale(0, 1);transform: scale(0, 1);-webkit-transform-origin: top center;transform-origin: top center;will-change: opacity;-webkit-transition: transform .4s, opacity .4s, -webkit-transform .4s;transition: transform .4s, opacity .4s, -webkit-transform .4s;padding: 5px;}
.socials_wrap .weChat_img:before{content: '';width: 0;height: 0;border: 6px solid #c6a182;border-top-color: #c6a182;border-bottom: none;border-left-color: transparent;border-right-color: transparent;position: absolute;bottom: -5px;left: 0;right: 0;margin: auto;}
.socials_wrap a:hover .weChat_img{opacity: 1;filter: Alpha(opacity=100);-webkit-transform: scale(1, 1);transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);}
.mytop{width: 50px;height: 50px;background-color: #017c74;position: fixed;right: -50px;bottom: 59px;padding-top: 12px;cursor: pointer;z-index: 999;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.mytop.on{right: 30px;}
.mytop .icon_t{width: 100%;height: 7px;background: url(../images/icon_top.png) no-repeat center;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;}
.mytop .h3{font-family: 'Rajdhani';font-size: 14px;color: #fff;text-align: center;text-transform: uppercase;}
.mytop:hover{background-color: #d03c39;}
.mytop:hover .icon_t{transform:translateY(-3px) ;-webkit-transform:translateY(-3px) ;-moz-transform:translateY(-3px) ;-ms-transform:translateY(-3px) ;-o-transform:translateY(-3px) ;}
.pop{position: fixed;top: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;z-index: 9999;display: none;}
.pop .bg{width: 100%;height: 100%;background-color: #000;background-color: rgba(0, 0, 0, .6);}
.pop .popBody{position: absolute;top: 50%;left: 50%;margin-left: -600px;margin-top: -273px;width: 1200px;height: 546px;background-color: #fff;padding: 30px;}
.pop .close{position: absolute;top: -45px;right: 60px;width: 25px;height: 26px;background: url(../images/close.png) no-repeat center;cursor: pointer;}
.pop .title{margin-bottom: 40px;}
.pop .title .cn{font-size: 20px;color: #ad8162;}
.pop .title .en{font-family: 'CENTAUR';font-size: 36px;color: #ad8162;line-height: 1;text-transform: uppercase;}
.pop .con h3{font-size: 14px;color: #6a6a6a;line-height: 24px;margin-top: 18px;}
.pop .con p{color: #9a9a9a;}
.pop.video_pop .popBody{padding: 0;background: none;text-align: center;}
.video_pop video{height: 500px;object-fit: cover;min-width: auto;max-width: initial;width: auto;}
table{width: 100%;border-spacing: 0;border: 1px #ebe1d3;font-size: 14px;color:#808080;text-align: center;margin: 16px 0 24px;}
table tr th{height: 70px;font-size: 16px;color: #ffffff;font-weight: lighter;padding: 0;background: #c0a989;}
table tr th.col{background: #ad916f;}
table tr td{border-left: 1px solid #ebe1d3;}
table tr:first-child th:first-child{/* border-top-left-radius: 14px;*/}
table tr:first-child th:last-child{border-top-right-radius: 14px;}
table tr td:last-child{border-right: 1px solid #ebe1d3;}
table tr td{height: 60px;padding: 0px;border-bottom: 1px solid #ebe1d3;}
table tr:last-child td:first-child{/* border-bottom-left-radius: 14px;*/}
table tr:last-child td:last-child{border-bottom-right-radius: 14px;}
table tr td em{font-family: 'Rajdhani';font-size: 18px;}
/* IE低版本升级提示*/.browserupgrade{display:block;position:fixed;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:1000;color:#fff;text-align:center;bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);/*IE8支持*/}
.browserupgrade strong{display: inline-block;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;display: inline-block;}
.browserupgrade a:hover{color:#eee}
/* animated*/@-webkit-keyframes fadeIn{0%{opacity: 0;}
100%{opacity: 1}}
@keyframes fadeIn{0%{opacity: 0}
100%{opacity: 1}}
@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);-moz-transform: translateY(50px);-ms-transform: translateY(50px);-o-transform: translateY(50px);}
100%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}}
@keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);-moz-transform: translateY(50px);-o-transform: translateY(50px);}
100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}}
@-webkit-keyframes fadeInUp2{0%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0) ;-moz-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);-o-transform: translate3d(0, 100%, 0);}
to{opacity: 1;-webkit-transform: none ;transform: none ;-moz-transform: none ;-ms-transform: none ;-o-transform: none ;}}
@keyframes fadeInUp2{0%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0) ;-moz-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);-o-transform: translate3d(0, 100%, 0);}
to{opacity: 1;-webkit-transform: none ;transform: none ;-moz-transform: none ;-ms-transform: none ;-o-transform: none ;}}
@-webkit-keyframes fadeInDown{0%{opacity: 0;-webkit-transform: translateY(-50px);transform: translateY(-50px)}
100%{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}}
@keyframes fadeInDown{0%{opacity: 0;-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px)}
100%{opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}}
@-webkit-keyframes fadeInLeft{0%{opacity: 0;-webkit-transform: translateX(-50px);transform: translateX(-50px)}
100%{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0)}}
@keyframes fadeInLeft{0%{opacity: 0;-webkit-transform: translateX(-50px);-ms-transform: translateX(-50px);transform: translateX(-50px)}
100%{opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}}
@-webkit-keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translateX(50px);transform: translateX(50px)}
100%{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0)}}
@keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translateX(50px);-ms-transform: translateX(50px);transform: translateX(50px)}
100%{opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}}
@-webkit-keyframes gradient_move{0%{background-position: 0% 0%;}
100%{background-position: 100% 100%;}}
@keyframes gradient_move{0%{background-position: 0% 0%;}
100%{background-position: 100% 100%;}}
@-webkit-keyframes h_map{0%{-webkit-transform:scale(.6);transform:scale(.6);}
100%{-webkit-transform:scale(1);transform:scale(1);}}
@keyframes h_map{0%{-webkit-transform:scale(.6);transform:scale(.6);}
100%{-webkit-transform:scale(1);transform:scale(1);}}
@-webkit-keyframes w_divider{0%{width: 0;}
100%{width: 222px;}}
@keyframes w_divider{0%{width: 0;}
100%{width: 222px;}}
@-webkit-keyframes rotateInDownLeft{0%{transform-origin: left bottom;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);opacity: 0}
0%, to{-webkit-transform-origin: left bottom}
to{transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1}}
@keyframes rotateInDownLeft{0%{transform-origin: left bottom;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);opacity: 0}
0%, to{-webkit-transform-origin: left bottom}
to{transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1}}
@-webkit-keyframes rotateInUpRight{0%{transform-origin: right bottom;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0}
0%, to{-webkit-transform-origin: right bottom}
to{transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1}}
@keyframes rotateInUpRight{0%{transform-origin: right bottom;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0}
0%, to{-webkit-transform-origin: right bottom}
to{transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1}}
@-webkit-keyframes rotateInUpLeft{0%{transform-origin: left bottom;-webkit-transform: rotate(45deg);transform: rotate(45deg);opacity: 0}
0%, to{-webkit-transform-origin: left bottom}
to{transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1}}
@keyframes rotateInUpLeft{0%{transform-origin: left bottom;-webkit-transform: rotate(45deg);transform: rotate(45deg);opacity: 0}
0%, to{-webkit-transform-origin: left bottom}
to{transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1}}
@-webkit-keyframes pulse{0%{transform:scale(.75);-webkit-transform:scale(.75);-moz-transform:scale(.75);-ms-transform:scale(.75);-o-transform:scale(.75);}
to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}}
@keyframes pulse{0%{transform:scale(.75);-webkit-transform:scale(.75);-moz-transform:scale(.75);-ms-transform:scale(.75);-o-transform:scale(.75);}
to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}}
@-webkit-keyframes float_y{0%{-webkit-transform: translateY(-20px);transform: translateY(-20px);}
50%{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
100%{-webkit-transform: translateY(-20px);transform: translateY(-20px);}}
@keyframes float_y{0%{-webkit-transform: translateY(-20px);transform: translateY(-20px);}
50%{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
100%{-webkit-transform: translateY(-20px);transform: translateY(-20px);}}
@-webkit-keyframes h_icon1{0%{opacity: 0;-webkit-transform: none;transform: none;}
100%{opacity: 1;-webkit-transform: translate(-20px,-20px);transform: translate(-20px,-20px);}}
@keyframes h_icon1{0%{opacity: 0;-webkit-transform: none;transform: none;}
100%{opacity: 1;-webkit-transform: translate(-20px,-20px);transform: translate(-20px,-20px);}}
@-webkit-keyframes h_icon2{0%{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}
100%{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}}
@keyframes h_icon2{0%{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}
100%{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}}
@-webkit-keyframes h_icon3{0%{-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);opacity: 0}
100%{-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);opacity: 1}}
@keyframes h_icon3{0%{-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);opacity: 0}
100%{-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);opacity: 1}}
@-webkit-keyframes today_only{/* 0%{transform:translateY(0);}
25%{transform:translateY(0);}
50%{transform:translateY(0);}
95%{transform:translateY(-10px);}
100%{transform:translateY(0);}*/0%{opacity: 0;transform: translateX(0) translateY(-20px);}
100%{opacity: 1;transform: translateX(0) translateY(0px);}}
@keyframes today_only{0%{opacity: 0;transform: translateX(0) translateY(-20px);}
100%{opacity: 1;transform: translateX(0) translateY(0px);}}
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite{-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}
.animated.flip{-webkit-backface-visibility: visible;-ms-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip}
.animated.hinge{-webkit-animation-duration: 2s;animation-duration: 2s}
.fadeIn{-webkit-animation-name: fadeIn;animation-name: fadeIn}
.fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp}
.fadeInUp2{-webkit-animation-name: fadeInUp2;animation-name: fadeInUp2}
.fadeInDown{-webkit-animation-name: fadeInDown;animation-name: fadeInDown}
.fadeInLeft{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft}
.fadeInRight{-webkit-animation-name: fadeInRight;animation-name: fadeInRight}
.gradient_move{-webkit-animation-name: gradient_move;animation-name: gradient_move}
.h_map{-webkit-animation-name: h_map;animation-name: h_map}
.w_divider{-webkit-animation-name: w_divider;animation-name: w_divider}
.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft}
.rotateInUpRight{-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight}
.rotateInUpLeft{-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft}
.pulse{-webkit-animation-name: pulse;animation-name: pulse}
.float_y{-webkit-animation-name: float_y;animation-name: float_y}
.h_icon1{-webkit-animation-name: h_icon1;animation-name: h_icon1}
.h_icon2{-webkit-animation-name: h_icon2;animation-name: h_icon2}
.h_icon3{-webkit-animation-name: h_icon3;animation-name: h_icon3}
.today_only{-webkit-animation-name: today_only;animation-name: today_only}