@charset "utf-8";
/*Author:MoGuangyong*/
/*Reset*/
html { height: 100%; font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 87.5%;}
body { margin: 0; line-height: 1.5; font-size: 14px; font-size: 1rem; color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0);}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template { display: none;}
svg:not(:root) { overflow: hidden;}

a { color: #333333; background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;}
a:active { outline: none;}
a,a:focus {	outline: none;}
i{ -webkit-tap-highlight-color: transparent;}
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
dfn { font-style: italic;}
mark { background: #ff0; color: #000;}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { border: 0; vertical-align: middle;}
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;}
address{ font-style: normal;}

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;}
button { overflow: visible;}
button, select { text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] { cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
input { line-height: normal; -webkit-appearance:none;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0; padding: 0;}
textarea { overflow: auto; resize: vertical;}
optgroup { font-weight: bold;}

table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0;}

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0;}
ul, ol, li, dl, dd { margin: 0; padding: 0;}
ul, ol { list-style: none outside none;}
h1, h2, h3 { font-weight: normal;}
h1 { font-size: 1.8rem;}
h2 { font-size: 1.6rem;}
h3 { font-size: 1.4rem;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*add:防止闪屏*/
.x-input-el { display:block; -webkit-user-modify:read-write-plaintext-only;}

* .box{ transition: all 0.5s ease 0s;}
.product-3 *{ transition: all 0.3s ease 0s;}

.wrap{ width: 100%; max-width: 1200px; margin:0 auto; display: table;}
.wrap-1{ width: 100%; max-width: 1200px; margin:0 auto;}
.list{ -webkit-tap-highlight-color: transparent;}
.Cbfac82{ color: #bfac82 !important;}
.C333333{ color: #333333 !important;}
.C006ab6{ color: #006ab6 !important;}
.Bf6f6f6{ max-width: 1920px; margin: 0 auto; background-color: #f6f6f6 !important;}
.h3{ font-family: simsun; padding: 10px 0; font-size: 35px; font-size: 2.5rem; color: #006AB6;}
.h3 .dd{ width: 600px; display: table-cell;}
.h3 .d2{ text-align: right;}
.h3 .d2 a{ font-size: 14px; font-size: 1rem; color: #bfac82;}

.moreBtn{ height: 36px; height: 2.571rem; margin-top: 60px; background: url(../img/loading1.gif) no-repeat center center; clear: both;}
.moreBtn a{ width: 144px; width: 10.285rem; height: 36px; height: 2.571rem; line-height: 36px; line-height: 2.571rem; display: block; background: #FFFFFF; color: #666666; border: 1px solid #dbdbdb; text-align: center; margin: 0 auto;}
.moreBtn-no{ display: none;}

.eject-bg{ display: none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:99; background:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.eject-box .close-btn{ width: 38px; height: 38px; position: absolute; right: 0; top: 0; background: url(../img/close.jpg) no-repeat; cursor: pointer;}

.header{ z-index: 99; position: relative;}
.header .top{ width: 100%; height: 40px; height: 2.857rem; line-height: 40px; line-height: 2.857rem; background: #f6f4ef;}
.header .top .d1{ display: table-cell;}
.header .top .d1 a{ margin-right: 20px; margin-right: 1.428rem; color: #8A8A8A;}
.header .top .d1 .VVfont{ padding-right: 10px; padding-right: 0.714rem;}
.header .top .d1 .hm-envelope{ font-size: 14px; font-size: 1rem;}
.header .top .d2{ display: table-cell; text-align: right;}
.header .top .d2 > a{ margin-right: 20px; margin-right: 1.428rem; position: relative;}
.header .top .d2 > a .code{ display: none; width: 130px; position: absolute; top: 28px; left: 50%; margin-left: -65px; z-index: 5;}
.header .top .d2 > a:hover .code{ display: block;}
.header .top .d2 .VVfont{ color: #888888; font-size: 18px; font-size: 1.285rem;}
.header .top .d2 .btn{ width: 85px; width: 6.071rem; height: 22px; height: 1.571rem; line-height: 22px; line-height: 1.571rem; font-size: 12px; font-size: 0.857rem; display:inline-block; text-align: center; background: #bfac82; color: #FFFFFF;}
.header .top .d2 .lang{ display: inline; color: #666666; font-size: 14px; font-size: 1rem;}
.header .top .d2 .lang span{ font-size: 8px; font-size: 0.571rem; position: relative; top: -2px; top: -0.142rem; padding: 0 2px; padding: 0 0.142rem;}
.header .top .d2 .lang .active{ color: #BFAC82;}
.header .bot{ width: 100%; height: 120px; height: 8.571rem; line-height: 120px; line-height: 8.571rem; white-space:nowrap; position: relative;}
.header .bot .logo{ width: 225px; width: 16.071rem; height: 80px; height: 5.714rem; display: table-cell;}
.header .bot .logo img{ height: 100%;}
.header .bot .nav{ width: 975px; width: 69.642rem; display: table-cell; text-align: right;}
.header .bot .nav nav{ display: inline-table;}
.header .bot .nav .list{ display: table-cell; position: relative; padding-left: 44px; padding-left: 3.142rem;}
.header .bot .nav .list .d1{ position: relative; display: block; position: relative}
.header .bot .nav .list .d1 ul{ display: none; line-height: 32px; line-height: 2.285rem; text-align: center; position: absolute; right: 0; top: 120px; top: 8.571rem; padding: 10px 35px; padding: 0.714rem 2.5rem; background:#f6f4ef; background: rgba(244,246,239,0.95);}
.header .bot .nav .list .d1:hover ul{ display: block;}
.header .bot .nav .list .d1 ul a{ color: #666666;}
.header .bot .nav .list .d1 ul a:hover{ color: #006ab6; text-decoration: underline;}
.header .bot .nav a:hover{ color: #006ab6;}
.header .bot .nav .active a{ color: #006AB6;}
.header .bot .nav .active a:before{ content: ''; width: 100%; height: 2px; height: 0.142rem; background: #006AB6; position: absolute; bottom: 0; left: 0;}
.header .bot .nav-screen{ display: none; text-align: right;}
.header .bot .nav-screen .hm-calendar{ font-size: 20px; font-size: 1.428rem; color: #006bb6; margin-right: 20px; top: -3px;}
.header .bot .nav-screen .langBtn{ display: inline-block; font-size: 20px; font-size: 1.428rem; color: #006bb6; margin-right: 20px;}
.header .bot .nav-screen .nav-btn{ display: inline-block;}
.header .bot .nav-screen .hm-menu-1{ font-size: 28px; font-size: 2rem; color: #888888; cursor: pointer;}
.header .bot .nav-v{ width: 182px; width:13rem; display: none; position: absolute; right: 0; top: 80px; top:5.714rem; background: #f6f4ef; border-right: 1px solid #e9e9e9; -webkit-box-shadow:-4px 4px 4px rgba(0, 0, 0, .18); -moz-box-shadow:-4px 4px 4px rgba(0, 0, 0, .18); box-shadow:-4px 4px 4px rgba(0, 0, 0, .18);}
.header .bot .nav-v .nav-her{ display: none;}
.header .bot .nav-v .nav-her > div{ line-height: 40px; line-height: 2.857rem; overflow: hidden;}
.header .bot .nav-v .nav-her .phone{ width: 60px; width: 4.285rem; text-align: center; display: table-cell; vertical-align: top;}
.header .bot .nav-v .nav-her .phone a{ display: block; font-size: 22px; font-size: 1.571rem; color: #006ab6;}
.header .bot .nav-v .nav-her .lang{ width: 140px; width: 10rem; vertical-align: middle; text-align: right; display: table-cell;}
.header .bot .nav-v .nav-her .lang > div{ float: right; padding-right: 10px; padding-right: 0.714rem;}
.header .bot .nav-v .nav-her .lang a{ width: 50px; width: 3.571rem; height: 30px; height: 2.142rem; line-height: 30px; line-height: 2.142rem; background: #d6d6d6; color: #FFFFFF; text-align: center; display: table-cell;}
.header .bot .nav-v .nav-her .lang a.active{ background: #bfac82;}
.header .bot .nav-v li{ height: 40px; height: 2.857rem; line-height: 40px; line-height: 2.857rem; font-size: 15px; font-size: 1.071rem; text-align: center; border-bottom: 1px solid #e9e9e9;}
.header .bot .nav-v li.active a{ color: #006ab6;}
.header .bot-1{ display: none; height: 63px; line-height: 63px; position: fixed; top: 0; left: 0; background: #fff; -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .18); -moz-box-shadow:0 2px 10px rgba(0, 0, 0, .18); box-shadow:0 2px 10px rgba(0, 0, 0, .18); }
.header .bot-1 .logo{ width: 119px; height: 43px;}

.swiper-container{ width: 100%; max-width: 1920px;}
.swiper-container img{ width: 100%;}
.swiper-container a{ display: block;}
.swiper-container .txt-box{ width: 100%; position: absolute; left: 0; top: 50%; margin-top: -70px; margin-top: -5rem; white-space: nowrap; text-align: center; color: #FFFFFF; font-family: simsun; text-shadow: 1px 1px 1px rgba(62,62,61,0.5); overflow: hidden;}
.swiper-container .txt-box1{ width: auto; left: 50%; padding: 30px; background:rgba(191,172,130,0.9); text-shadow:none;}
.swiper-container .txt-box .title{ font-size: 62px; font-size: 4.428rem;}
.swiper-container .txt-box .text{ font-size: 32px; font-size: 2.285rem;}
.swiper-in img{ width: 543px; width: 38.785rem; position: relative; left: 50%; margin-left: -271.5px; margin-left: -19.392rem;}
.swiper-slide{ width: 100%; overflow: hidden; position: relative;}
.swiper-pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center;}
.swiper-pagination-switch { display: inline-block; width: 11px; height: 11px; border-radius: 8px; background: #FFFFFF; margin: 0 5px; cursor: pointer;}
.swiper-active-switch { width: 22px; -moz-border-radius:22px; -webkit-border-radius:22px; border-radius:22px;}

.footer{ width: 100%;}
.footer .top{ max-width: 1920px; height: 370px; margin: 0 auto; padding: 0 20px; background: url(../img/bg-1.jpg) no-repeat  center center #3d4241;}
.footer .top .dd{ line-height: 28px; line-height: 2rem; padding-top: 80px; display: table-cell; vertical-align: top;}
.footer .top .d1{ width: 510px; padding-right: 70px;}
.footer .top .d2{ width: 560px; color: #bababa;}
.footer .top .d2 .txt-box{ width: 320px;}
.footer .top .d2 a{ color: #BFAC82; padding-left: 5px;}
.footer .top .d3{ width: 130px; text-align: right;}
.footer .top .d3 img{ width: 130px; height: 130px;}
.footer .top .d3 p{ color: #bababa; text-align: center; padding-top: 5px;}
.footer .top .dd .title{ font-size: 20px; font-size: 1.428rem; color: #FFFFFF; padding-bottom: 20px;}
.footer .top .dd .dl{ color: #bfac82;}
.footer .top .dd .dl a{ color: #bfac82;}
.footer .top .dd .VVfont{ color: #b0b0b0; padding-right: 10px;}
.footer .bot{ overflow: hidden; height: 75px; line-height: 75px; background: #1a1a1a; padding: 0 20px;}
.footer .bot ul{ color: #FFFFFF; display: table-cell;}
.footer .bot .u2{ display: none;}
.footer .bot ul li{ display: inline-block; padding-left: 28px; position: relative;}
.footer .bot ul li:before{ content: "|"; position: absolute; left: 11px; top: -1px;}
.footer .bot ul li:first-of-type{ padding-left: 0;}
.footer .bot ul li:first-of-type:before{ display: none;}
.footer .bot ul li a{ color: #FFFFFF;}
.footer .bot .s-1{ color: #666666; display: table-cell; text-align: right;}

.breadcrumb{ max-width: 1920px; margin: 0 auto; padding: 20px; border-bottom: 1px solid #e6e6e6; -webkit-box-shadow:1px 0 3px rgba(0,0,0,0.15); -moz-box-shadow:1px 0 3px rgba(0,0,0,0.15); box-shadow:1px 0 3px rgba(0,0,0,0.15);}
.breadcrumb span{ padding-left: 10px; position: relative;}
.breadcrumb span:before{ content: "/"; font-family: simsun; font-size: 10px; font-size: 0.714rem; padding-right: 10px;}
.breadcrumb span:first-of-type{ padding-left: 0;}
.breadcrumb span:first-of-type:before{ display: none;}
.breadcrumb a{ color: #999999; font-size: 12px; font-size: 0.857rem;}
.breadcrumb .hm-home-1{ padding: 1px 2px 3px; position: relative; top: -2px; margin-right: 5px; font-size: 10px; font-size: 0.714rem; text-align: center; background: #cccccc; color: #ffffff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.breadcrumb .last{ color: #333333;}

.product-1{ width: 100%; max-width: 1240px; padding: 70px 20px; margin: 0 auto; overflow: hidden;}
.product-1 .pic-box{ overflow: hidden;}
.product-1 .box{ width: 33.33%; float: left;}
.product-1 .box a{ width: 92.5%; display: inline-block; text-align: left;}
.product-1 .box .pic{ background: #FFFFFF;}
.product-1 .box img{ width: 100%;}
.product-1 .b-1{ text-align: left;}
.product-1 .b-2{ text-align: center;}
.product-1 .b-3{ text-align: right;}
.product-1 .txt-box{ background: #FFFFFF; padding: 20px; line-height: 24px; line-height: 1.714rem;}
.product-1 .txt-box .title{ font-size: 20px; font-size: 1.428rem; padding: 5px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-1 .txt-box .text{ height: 48px; height: 3.428rem; color: #8b8b8b; margin-bottom:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-1 .txt-box .p-box{ padding-bottom: 10px;}
.product-1 .txt-box .p-box p{ color: #8B8B8B;}
.product-1 .txt-box .p-box span{ display: table-cell;}
.product-1 .txt-box .p-box .s-1{ white-space: nowrap;}
.product-1 .bot .dl{ width: 100%; display: table-cell; text-align: right; color: #999999; font-size: 12px; font-size: 0.857rem;}
.product-1 .bot .dr{ display: table-cell; color: #8B8B8B;}
.product-1 .bot .dr span{ font-size: 24px; font-size: 1.714rem; color: #a29061; padding-right: 5px;}

.product-2{ width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 10px;}
.product-2 .tab-pane{ text-align: center; padding: 30px 0;}
.product-2 .tab-pane .list{ width: 78px; width: 5.571rem; height: 36px; height: 2.571rem; line-height: 36px; line-height: 2.571rem; text-align: center; display: inline-block; margin-left: 6px; border: 1px solid #DBDBDB; cursor: pointer; color: #666666;}
.product-2 .tab-pane .list:first-child{ margin-left: 0;}
.product-2 .tab-pane .active{ background: #bfac82; border-color: #BFAC82; color: #FFFFFF;}
.product-2 .tab-content{ padding-bottom: 80px;}
.product-2 .tab-content .list{ display: none; overflow: hidden;}
.product-2 .tab-content .list:first-child{ display: block;}
.product-2 .tab-content .box{ width: 25%; float: left; padding-top: 20px;}
.product-2 .tab-content .box a{ display: block; margin: 0 10px;}
.product-2 .tab-content .box img{ width: 100%;}
.product-2 .tab-content .box .txt-box{ background: #FFFFFF; padding: 20px; line-height: 24px; ine-height: 1.714rem;}
.product-2 .tab-content .box .txt-box .title{ font-size: 20px; font-size: 1.428rem; color: #006ab6; padding: 5px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-2 .tab-content .box .txt-box .text{ height: 48px; height: 3.428rem; line-height: 24px; line-height: 1.714rem; color: #8b8b8b; margin-bottom:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-2 .tab-content .box .txt-box .time{ color: #999999; padding-bottom: 14px; padding-bottom: 1rem;}
.product-2 .tab-content .box .txt-box .bot{ color: #8b8b8b;}
.product-2 .tab-content .box .txt-box .bot span{ font-size: 24px; font-size: 1.714rem; color: #a29061; padding-right: 5px;}
.product-2 .tab-content .box .txt-box .bot .dd{ width: 100%; display: table-cell;}
.product-2 .tab-content .box .txt-box .bot .dd em{ font-style: normal; white-space: nowrap;}
.product-2 .tab-content .box .txt-box .bot .d2{ white-space: nowrap; font-size: 12px; font-size: 0.857rem; color: #a29061; text-align: right;}

.product-3{ padding:40px; overflow: hidden;}
.product-3 .list{ width: 12.5%; float: left; padding-top: 40px; text-align: center;}
.product-3 .list a{ width: 110px; width: 7.857rem; font-size: 13px; font-size: 0.9285rem; position: relative; display: inline-block; color: #006AB6; }
.product-3 .list p{}
.product-3 .list .VVfont{ width: 110px; height: 110px; line-height: 110px; font-size: 50px; margin-bottom: 10px; border: 1px solid #dedede; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.product-3 .list .hm-spa-3{ font-size: 56px; padding-right: 8px;}
.product-3 .list .hm-fitness{ padding-left: 5px;}
.product-3 .list .hm-play{ font-size: 52px;}
.product-3 .list .hm-book{ font-size: 54px;}
.product-3 .list .hm-plane{ font-size: 52px;}
.product-3 .list .hm-trees-2{ font-size: 54px;}
.product-3 .list .hm-group{ font-size: 48px; padding-left: 3px;}

.product-3-2{ display: none;}

.page-box{ width: 100%; max-width: 1200px; margin: 0 auto; padding-top: 30px; overflow:hidden;}
.page-box .page{ float:left; font-family:Tahoma; font-size:16px; color:#999999;}
.page-box .page li{ width:34px; height:34px; line-height:24px; float:left; text-align:center; margin-right:5px;}
.page-box .page li a{ display:block; line-height:32px; background:#ffffff; color:#666666; border:1px solid #dddddd;}
.page-box .page li a:hover{ border:1px solid #bfac82; background:#bfac82; color:#ffffff;}
.page-box .page li .prev,
.page-box .page li .next{ font-family:'宋体'; font-size:25px;}
.page-box .page .active a{ border:1px solid #bfac82; background:#bfac82; color:#ffffff;}
.page-box .page .no a{ border-color:#e7ecf0; color:#cccccc;}
.page-box .page .no a:hover{ border-color:#e7ecf0; color:#cccccc; background:#ffffff; cursor:default;}
.page-box .go-box{ float:right; color:#999999;}
.page-box .go-box form{ display:inline-block;}
.page-box .go-box input{ border:1px solid #dddddd; text-align:center; font-family:Tahoma; background:#ffffff; color:#999999;}
.page-box .go-box input[type="text"]{ width:34px; height:34px; line-height:34px; padding:5px; margin-left:10px;}
.page-box .go-box input[type="submit"],
.page-box .go-box input[type="button"]{ width:34px; height:34px; cursor:pointer; margin-left:2px;}
.page-box .go-box input[type="submit"]:hover,
.page-box .go-box input[type="button"]:hover{ border:1px solid #bfac82; background:#bfac82; color:#ffffff;}

.float-side{ position: fixed; bottom: 115px; right: 20px; z-index: 9;}
.float-side a{ width: 74px; height: 74px; position: relative; display: block; background: url(../img/side.png) no-repeat; margin-top: 12px;}
.float-side .code{ width: 130px; height: 130px; display: none; position: absolute; right: 84px; top: 50%; margin-top: -65px;}
.float-side .a-1{ background-position: 0 0;}
.float-side .a-2{ background-position: 0 -86px;}
.float-side .a-2:hover .code{ display: block;}
.float-side .a-3{ visibility: hidden; background-position: 0 -172px;}

.smallBox{ display: none; padding: 30px 0 40px;}
.smallBox .dx1,
.smallBox .dx1 a{ color: #bababa;}
.smallBox .dx1{ text-align: center; font-size: 14px; font-size: 1rem;}
.smallBox .dx1 .s1{ position: relative; top: -1px; padding: 0 10px 0 8px;}
.smallBox .dx2{ text-align: center; padding: 30px 0;}
.smallBox .dx2 .VVfont{ width: 60px; width: 4.285rem; height: 60px; height: 4.285rem; line-height: 60px; line-height: 4.285rem; color: #fff; border: 1px solid #666; font-size: 34px; font-size: 2.428rem; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.smallBox .dx2 .ico{ display: inline-block; margin: 0 5px; position: relative;}
.smallBox .dx2 .cose{ display: none; width: 210px; height: 250px; padding: 15px; position: absolute; top: -268px; left: 50%; margin-left: -105px; background: #fff; box-shadow: 0 0 4px #666; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.smallBox .dx2 .cose:before{ content: ''; width: 0; height: 0; border: 10px solid transparent; border-top: 10px solid #fff; position: absolute; bottom: -18px; left: 0; right: 0; margin: auto;}
.smallBox .dx2 .cose img{ width: 180px; height: 180px;}
.smallBox .dx2 .cose p{ padding-top: 10px; color: #666; font-size: 14px;}
.smallBox .dx2 .active .cose{ display: block;}
.smallBox .dx2 .active .VVfont{ background: #666;}
.smallBox .dx3 a{ width: 180px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #bfac82; display: block; margin: 0 auto;}

@media screen and (max-width: 1280px){
	.product-1{ padding: 50px 20px;}
	.product-1 .txt-box .text{ margin-bottom: 20px;}
	.product-2 .tab-content{ padding-bottom: 70px;}
}
@media screen and (max-width: 1200px){
	.header .top,
	.header .bot{ padding: 0 20px;}
	.swiper-container .txt-box{ margin-top: -63px;}
	.swiper-container .txt-box1{ padding: 20px;}
	.swiper-container .txt-box .title{ font-size: 56px; font-size: 4rem;}
	.swiper-container .txt-box .text{ font-size: 28.9px; font-size: 2.064rem;}
	.h3{ font-size: 32px; font-size: 2.285rem;}
	.product-1{ padding: 30px 20px 50px;}
	.product-1 .txt-box .title{ padding-top: 0;}
	.product-2 .tab-content{ padding-bottom: 63px;}
}
@media screen and (max-width: 1080px){
	.header .bot .nav .list{ padding-left: 0;}
	.header .bot .nav .list .d1{ display: table-cell;}
	.header .bot .nav .list .d1:first-of-type{ width: 44px;}
	.swiper-container .txt-box{ margin-top: -55px;}
	.swiper-container .txt-box1{ padding: 15px;}
	.swiper-container .txt-box .title{ font-size: 49px; font-size: 3.5rem;}
	.swiper-container .txt-box .text{ font-size: 25.3px; font-size: 1.806rem;}
	.footer .top{ height: 300px; height:21.428rem; background: #333333;}
	.footer .top .dd{ padding-top: 45px;}
	.footer .top .d1{ width: auto;}
	.footer .top .d2{ width: 320px;}
	.footer .top .d3{ display: none;}
	.product-2{ max-width: 768px;}
	.product-2 .tab-pane{ padding-bottom: 10px;}
	.product-2 .tab-content{ padding-bottom: 49px;}
	.product-2 .tab-content .box{ width: 50%;}
	.product-3{ max-width: 768px; margin: 0 auto;}
	.product-3 .list{ width: 25%;}
	.float-side{ display: none;}
}
@media screen and (max-width: 800px){
	.header .bot{ height: 80px; height: 5.714rem; line-height: 80px; line-height: 5.714rem;}
	.header .bot .logo{ height: 56px; height: 4rem;}
	.header .bot .nav{ display: none;}
	.header .bot .nav-screen{ display: block;}
	.header .bot-1{ display: none;}
	.swiper-container .txt-box{ margin-top: -45px;}
	.swiper-container .txt-box .title{ font-size: 40px; font-size: 2.857rem;}
	.swiper-container .txt-box .text{ font-size: 20px; font-size: 1.428rem;}
}
@media screen and (max-width: 768px){
	.product-1 .box{ width: 100%; max-width: 370px; max-width: 26.428rem; display: block; margin: 0 auto; padding-bottom: 20px; float: none;}
	.product-1 .box a{ width: 100%;}
	.product-2 .moreBtn{ margin: 20px 10px 0;}
	.product-2 .moreBtn a{ max-width: none;}
	.product-2 .tab-content{ padding-bottom: 28px;}
	.product-3{ padding: 20px 40px;}
}
@media screen and (max-width: 750px){
	.h3{ font-size: 22px; font-size: 1.571rem;}
	.footer .top{ height: 245px; height: 17.5rem;}
	.footer .top .d1{ line-height: 24px; line-height: 1.714rem; text-align: center; padding: 35px 0 0 0; padding: 2.5rem 0 0 0;}
	.footer .top .d1 .title{ padding-bottom: 10px; padding-bottom: 0.714rem;}
	.footer .top .d1 .dl{ padding-bottom: 0;}
	.footer .top .d1 .VVfont{ display: none;}
	.footer .top .d2{ display: none;}
	.footer .bot{ height: 56px; line-height: 56px; text-align: center;}
	.footer .bot .s-1{ display: none;}
}
@media screen and (max-width: 730px){
	.product-3{ padding-bottom: 70px;}
}
@media screen and (max-width: 720px){
	.header .top{ display: none;}
	.header .bot .nav-v .nav-her{ display: block;}
	.swiper-container .txt-box{ margin-top: -40px;}
	.swiper-container .txt-box .title{ font-size: 35px; font-size: 2.5rem;}
	.swiper-container .txt-box .text{ font-size: 18px; font-size: 1.29rem;}
}
@media screen and (max-width: 650px){
	.breadcrumb{ padding: 10px 20px;}
	.product-2{ padding: 0 5px;}
	.product-2 .moreBtn{ margin: 20px 5px 0;}
	.product-2 .tab-content .box{ padding-top: 10px;}
	.product-2 .tab-content .box a{ margin: 0 5px;}
	.product-2 .tab-content .box .txt-box{ padding: 10px;}
	.product-2 .tab-content .box .txt-box .title{ font-size: 16px; font-size: 1.142rem; color: #006ab6; padding: 5px 0;}
	.product-2 .tab-content .box .txt-box .text{ font-size: 12px; font-size: 0.857rem; height: 36px; height: 2.571rem; line-height: 18px; line-height: 1.285rem; color: #8b8b8b; margin-bottom:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.product-2 .tab-content .box .txt-box .bot{ font-size: 12px; font-size: 0.857rem;}
	.product-2 .tab-content .box .txt-box .bot span{ font-size: 16px; font-size: 1.142rem; color: #a29061; padding-right: 5px;}
	.product-3{ padding: 20px 5px 50px;}
}
@media screen and (max-width: 520px){
	.product-3{ padding: 20px 5px 30px;}
	.product-3 .list{ padding-top: 10px;}
	.product-3 .list a{ width: 70px; width: 5rem;}
	.product-3 .list .VVfont{ width: 70px; width: 5rem; height: 70px; height: 5rem; line-height: 70px; line-height: 5rem; font-size: 28px; font-size: 2rem; margin-bottom: 5px;}
	.product-3-1{ display: none;}
	.product-3-2{ display: block;}
}
@media screen and (max-width: 480px){
	.footer .bot{ padding: 0;}
	.footer .bot .u1{ display: none;}
	.footer .bot .u2{ display: block;}
	.footer .bot .en{ font-size: 12px; font-size: 0.857rem;}
	.footer .top{ height: auto;}
	.smallBox{ display: block;}
}
@media screen and (max-width: 420px){
	.header .bot{ padding: 0 10px;}
	.header .bot{ height: 60px; height: 4.285rem; line-height: 60px; line-height: 4.285rem;}
	.header .bot .logo{ height: 42px; height: 3rem;}
	.header .bot .nav-v{ top: 60px; top: 4.285rem;}
	.swiper-container .txt-box{ display: none; margin-top: -33px;}
	.swiper-container .txt-box .title{ font-size: 28px; font-size: 2rem;}
	.swiper-container .txt-box .text{ font-size: 16px; font-size: 1.142rem;}
	.breadcrumb{ padding: 10px;}
	.footer .top{ padding: 0 10px;}
	.footer .top .d1 .dl{ font-size: 12px; font-size: 0.857rem;}
	.footer .bot{ height: 56px; line-height: 56px; text-align: center;}
	.product-2 .tab-pane{ padding-top: 20px;}
	.product-2 .tab-content .box .txt-box .bot .d2{ display: none;}
}
@media screen and (max-width: 400px){
	.footer .bot .en{ font-size: 11px;}
}
@media screen and (max-width: 360px){
	.product-3{ padding: 20px 5px 30px;}
	.product-3 .list{ padding-top: 10px; padding-top: 0.714rem;}
	.product-3 .list a{ width: 4rem; font-size: 12px; font-size: 0.857rem;}
	.product-3 .list .VVfont{ width: 4rem; height: 4rem; line-height: 4rem;}
}

/*@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-width: 320px)and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-width: 412px)and (-webkit-min-device-pixel-ratio: 3){  
	html {
		font-size: 104%!important;
	}
	.moreBtn{ background-image: url(../img/loading2.gif);}
	.page-box{ display: none;}
	.product-2-2 .moreBtn{ display: block;}
}*/

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1000px){  
	html {
		font-size: 104%!important;
	}
	.moreBtn{ background-image: url(../img/loading2.gif) !important;}
	.moreBtn-no{ display: block !important;}
	.page-box{ display: none !important;}
}