/* @charset "utf-8"; */
/* CSS Document */
body { font: 14px/1.6 "PingFang SC", helvetica, Arial, "Microsoft Yahei"; color: #333; background-color: #fff; }
/*Webkit,Opera9.5+,Ie9+*/
::selection { background: #ff872c; color: #fff; }
/*Mozilla Firefox*/
::-moz-selection {
    background:#ff872c;
    color:#fff;
}
body, header, footer, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
i, b { font-style: normal; font-weight: normal }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: none; }
legend { display: none }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: "" }
a { text-decoration: none; color: #333333; }
/*a:active{ background:none;}*/
a:hover { text-decoration: none }
a:hover { color: #ad9065; }
abbr, acronym { border: 0; }
.less12px { -webkit-text-size-adjust: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block }
* html .clearfix { height: 1%; }
.clearfix { display: block }
.tul, .tul:hover { text-decoration: underline; }
input[type="checkbox"], input[type="radio"] { margin-left: 5px; margin-right: 5px; }
input, img, textarea, button { outline: none; vertical-align: middle; font: 14px heebo, helvetica, Arial; }
a, img { -webkit-transition: .5s; transition: .5s; outline: none; }
.t2 { text-indent: 2em; }
@font-face { font-family: "vdEg"; src: url('fonts/AVANTGARDEBOOKBT.TTF'); }
input[type='text'], input[type='submit'] { -webkit-appearance: none; }
::-webkit-input-placeholder {
    color: #999;
}
@font-face { font-family: "iconfont"; src: url('fonts/iconfont.eot'); /* IE9 */ src: url('fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/iconfont.woff') format('woff'), url('fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('fonts/iconfont.svg') format('svg'); /* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.icon-search:before { content: '\e601'; }
.icon-menu:before { content: '\e64c'; }
.icon-down:before { content: '\e63b'; }
.icon-left:before { content: '\e615'; }
.icon-down2:before { content: '\e635'; }
.icon-right1:before { content: '\e65d'; font-size: 32px; }
.iconStr:before { content: '\e642'; }
.icon-rightO:before { content: '\e65c'; }
.icon-right:before { content: '\e65d'; }
.navClose .icon-menu:before { content: '\e602'; }
.btn-box { padding-top: 18px; }
.btn-defaul { position: relative; display: inline-block; font-size: 18px; text-transform: uppercase; background-color: #000000; line-height: 54px; border-radius: 32px; text-align: center; color: #ad9065; cursor: pointer; }
.btn-defaul:hover { box-shadow: 0 0 10px #ad9065; color: #ad9065; }
.btn-defaul:after { content: ""; position: absolute; top: 0; right: 25px; width: 26px; height: 100%; background: url("../images/btnRight.png") center no-repeat; }
.btn-block { background-color: #000; }
.btn-red { background-color: #cd2227; color: #fff; }
.btn-red:hover { color: #fff; }
.btn-blue { color: #fff; background: linear-gradient(to right, #00479e, #009aeb); }
.btn-blue:hover { color: #fff; }
/* ҳ���� */
body { background-color: #fff; }
.wrap { width: 100%; position: relative; z-index: 10; overflow: hidden; }
.section { position: relative; height: 100%; }
.section8 { background: #000; }
.operatNav { display: none; display: -webkit-flex; display: flex; }
.operatNav .item { position: relative; line-height: 1.8; }
.operatNav .item span { width: 60px; text-align: center; display: block; height: 20px; line-height: 20px; }
.operatNav .inbox { display: none; position: absolute; top: 80px; right: 0; padding: 10px 0;/* width: 120px;*/ background: #fff; text-align: center; }
.operatNav .inbox img { display: block; height: 80px; }
.operatNav .item:hover .inbox { display: block; }
.operatNav .item .iconfont { font-size: 22px; }
.noticeList { }
.fcred { color: #d33529; }
.fullNext { display: none; }
.titleRed { color: #cd2227; }
.titleWhite .title { color: #fff; }
.titleWhite .eg { color: #fff; }
/*footer*/
.btnBlack { position: fixed; z-index: 1000; right: 0; bottom: 3%; width: 4rem; }
.btnBlack a { display: block; }
.btnBlack img { display: block; width: 70%; }
.footSection { height: auto !important; }
.footWrap { background-color: #000; }
.operatNav .inbox { position: absolute; left: 0; width: 160px; border-radius: 8px; box-shadow: 0 0 10px #ccc; padding: 15px; box-sizing: border-box; background: #fff; }
.operatNav .inbox img { display: block; }
.operatNav .inbox:before { content: ""; position: absolute; z-index: 2; left: 50%; box-shadow: 0 0 10px #ccc; background-color: #fff; width: 16px; height: 36px; border-radius: 40%; margin-left: -11px; top: -8px; }
.operatNav .inbox:after { content: ""; position: absolute; border-radius: 6px; z-index: 4; left: 20px; right: 20px; top: 0; background-color: #fff; height: 20px; }
.operatNav .item:nth-child(1) .inbox:before { left: 0; margin-left: 10px; }
.ftNav li { display: inline-block; margin-right: 10px; }
.ftCat strong { font-size: 1.2rem; font-weight: bold; }
.friendForm { display: block; margin-top: 10px; }
.friendLink { border: 1px solid #c3c3c3; width: 220px; line-height: 34px; height: 34px; display: block; }
.share { margin-top: 10px; line-height: 34px; display: -webkit-flex; display: flex; }
.share .name { margin-right: 10px; color: #999; }
.share .row { flex: 2; }
.footer .social-share-icon { border-radius: 8px; font-family: "iconfont" !important; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.icon-weibo:before { content: '\e611'; color: #fff; }
.icon-qzone:before { content: '\e697'; color: #fff; }
.social-share-icon { padding: 0; margin-left: 0; margin-right: 15px; background-color: #aaa; border: none; }
.icon-douban:before { content: '\e60b'; color: #fff; }
/*page*/
.dtlHead { margin-bottom: 1.5rem; text-align: center; }
.dtlHead .title { margin-bottom: 0.8rem; font-size: 1.3rem; }
.dtlHead .other { background-color: #f4f6f8; padding: 10px; text-align: center; font-size: 0.85rem; color: #999; }
.dtlHead .other span { margin-right: 5px; }
.detail { color: #333; line-height: 2; }
.detail img { display: block; max-width: 100%; margin: 30px auto; }
.detailBox { }
.detailBox .detail p {/* margin-bottom: 0.6rem; */ }
.detailBox .detail img { width: auto; max-width: 100%; margin-left: auto; margin-right: auto; }
.dtlpage { border-top: 1px solid #eee; margin-top: 1rem; padding-top: 1rem; }
.dtlpage p { background-color: #f3f3f3; margin-top: 10px; border-radius: 4px; padding: 5px 15px; }
.dtlpage a { display: block; border-radius: 6px; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dtlpage p:hover { background-color: #82c7e8; color: #fff; }
.dtlpage p:hover a { color: #fff; transition: none; }
.section4, .section7 { background: #000; }
.content { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; }
.content { width: 80%; }
.pic { overflow: hidden; }
.pic:hover img { transform: scale(1.05, 1.05); }
.header { background-color: #000; position: relative; z-index: 1000; width: 100%; height: 100px; }
.hmBody .header { position: absolute; left: 0; top: 0; }
.header .content { position: relative; box-sizing: border-box; display: -webkit-flex; display: flex; justify-content: space-between; }
.hmBody .header.fixed { position: fixed; z-index: 1000; width: 100%; left: 0; top: 0; }
.wrapHead { }
.header .logo { width: 169px; }
.logo a { position: relative; top: 40px; height: 20px; display: block; }
.logo img { display: block; height: 100%; }
.nav { margin-right: 50px; }
.nav>li { padding: 30px 20px; position: relative; display: inline-block; vertical-align: top; }
.nav>li>a { position: relative; padding: 0 20px; display: block; height: 40px; line-height: 40px; font-size: 18px; transition: none; color: #fff; }
.nav>li>a .iconfont { width: 20px; display: inline-block; position: relative; margin-left: 10px; }
.nav>li>a .iconfont:before { content: "\e615"; }
.nav>li:hover a .iconfont:before { position: relative; left: -1px; content: '\e69b'; font-size: 20px; transform: rotate(-90deg); }
.nav>li>a:after { content: ""; height: 3px; width: 0; position: absolute; bottom: -3px; transition: all 0.4s; border-radius: 3px 3px 0 0; }
.nav li:hover>a, .nav li.active>a { color: #333; background-color: #fff; border-radius: 20px; }
.subNav { display: none; padding: 0 5%; position: absolute; width: 120%; top: 100px; left: -15%; right: 0; background-color: #fff; }
.subNav li a { display: block; padding: 15px 0; font-size: 16px; text-transform: uppercase; text-align: center; }
.subNav li { padding: 10px 0; border-bottom: 1px solid #c0c0c0; }
.subNav li:last-child { border-bottom: none; }
.subNav li i { margin-right: 10px; }
.subNav li a:hover { color: #ad9065; }
.topSearch form { position: relative; }
.topSearch .filTxt { text-indent: 16px; height: 2.4rem; line-height: 2.4rem; padding: 0; width: 100%; box-sizing: border-box; }
.topSearch { position: absolute; float: right; right: 0; z-index: 100; height: 40px; top: 30px; width: 100px; }
.topSearch .filTxt { position: absolute; top: 0; right: 0; border-radius: 32px; border: none; text-indent: 20px; width: 0; height: 40px; line-height: 40px; opacity: 0; transition: .5s; }
.topSearch .fileOn {/* width: 270px;*/ opacity: 1; }
.topSearch .searchBtn { border: none; background: none; width: 40px; height: 40px; text-align: center; position: absolute; right: 10px; top: 0; border-radius: 50%; text-align: center; line-height: 40px; height: 40px; color: #fff; }
.topSearch .icon-search { font-size: 20px; cursor: pointer; }
.topSearch:hover .searchBtn, .searchBtn.on { background-color: #fff; color: #000; }
/* footer */
.btnBlack { width: 60px; }
.footWrap { /*height: 546px;*/ }
.footer { padding: 5% 0 300px; background: #000 url("../images/footBg.jpg") bottom center no-repeat; overflow: inherit;
    position: relative; z-index: 10; line-height: 40px; color: #fff; }
.footer .content { position: relative; display: -webkit-flex; display: flex; justify-content: space-between; }
.footer a { color: #fff; }
.footer .ftWechat { float: right; text-align: right; }
.footer .ftWechat img { display: inline-block; width: 110px; }
.footHonor .content { line-height: 70px; }
.ftTel .iconfont { position: relative; top: 2px; margin-right: 5px; font-size: 30px; }
.ftTel .numb { font-size: 48px; }
.ftTel a { display: block; line-height: 70px; }
.ftTel .tit { position: relative; top: -10px; }
.footer { /* padding-right: 260px; */ display: -webkit-flex; display: flex; flex-wrap: wrap; }
.footer .name { margin-bottom: 27px; }
.footer .name a { font-size: 18px; color: #fff; font-weight: bold; }
.footer .item { width: 7%; }
.ftSub li { width: 100px; margin-right: 0; }
.footer .item:nth-child(2) { width: 14%; }
.footer .item:nth-child(5) { width: 24%; }
.footer .item:nth-child(6) { width: 36%; display: -webkit-flex; display: flex; justify-content: space-between; }
.footer .item .box { width: 30%; text-align: center; }
.footer .item .box img { display: block; width: 75%; margin: 0 auto; border-radius: 30px; overflow: hidden; }
.footer .item .box .tit { display: inline-block; padding: 5px 5px; margin-top: 20px; line-height: 16px; font-size: 12px; border-radius: 20px; border: 1px solid #fff; text-align: center; }
.footer .item .box:nth-child(2) img, .footer .item .box:nth-child(3) img { border-radius: 50%; }
.copyRight { background: #ad9065; padding: 28px 0; color: #faebc1; line-height: 1.8; }
/* home*/
.largeTitle { color: #6a6a6a; font-size: 64px; line-height: 1.1; text-transform: uppercase; }
.largeTitle strong { color: #fff; font-weight: bold; display: block; }
.inTit { font-size: 20px; }
.txtCent { text-align: center; }
/*.hmBody .btnBlack{ display: none; }*/
.homeWrap .bgPic { }
.bgPic img { display: block; width: 100%; }
.title01 { padding: 40px 0; line-height: 60px; text-align: center; }
.title01 strong { font-weight: bold; }
.title01 .title { font-size: 48px; font-size: 48px; text-transform: uppercase; }
.title01 .txt { font-size: 28px; }
.homeWrap { position: relative; }
.homeAbout .title01 { padding-top: 0; }
.homeAbout .largeTitle { margin-bottom: 8%; }
.homeAbout .inTit { font-weight: 400; }
.homeAbout .content { position: absolute; text-align: center; z-index: 100; left: 10%; top: 50%; margin-top: -285px;/*transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); */ }
.homeAbout .detail { width: 860px; margin: 0 auto; text-align: center; }
.homeAbout .detail p { margin-bottom: 40px; }
.homeAbout .detail strong { font-weight: bold; }
.homeAbout .rtTop, .homeAbout .rtBottom { text-transform: uppercase; color: #fff; font-size: 18px; }
.homeAbout .rtTop { position: absolute; right: 0; top: 0; }
.homeAbout .rtBottom { position: absolute; bottom: 0; right: 0; }
.homeAbout .btn-box { }
.homeAbout .btn-box .btn-defaul { width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 100%; font-size: 22px; font-weight: bold; padding-top: 0; }
.homeAdvant { padding: 5% 0; background-color: #fff; }
.homeAbout .mediaBox { }
.mediaBox video { }
.hmGodTop { margin-bottom: 3%; display: -webkit-flex; display: flex; justify-content: space-between; overflow: hidden; }
.hmGodTop .left { }
.hmGodTop .right { max-width: 560px; font-size: 16px; line-height: 1.8; }
.hmGodTop .left { }
.hmGodTop .left .name { margin-top: 10px; font-size: 24px; color: #977845; }
.hmAdvtClm { display: -webkit-flex; display: flex; justify-content: space-between; }
.hmAdvtClm .item { width: 24%; }
.hmAdvtClm .item .block { padding-bottom: 81%; position: relative; margin-top: 15px; position: relative; border-radius: 16px; overflow: hidden; background-color: #ad9065; }
.hmAdvtClm .item .block .btn-more { opacity: 0; position: absolute; z-index: 100; left: 50%; margin-left: -40px; margin-top: -40px; top: 55%; width: 80px; height: 80px; text-align: center; font-size: 24px; color: #fcecc1; line-height: 80px; background-color: #ad9065; border-radius: 50%; }
.hmAdvtClm .item .block .pic { position: absolute; z-index: 99; width: 100%; height: 100%; left: 0; top: 0; }
.hmAdvtClm .item .pic img { display: block; width: 100%; height: 100%; }
.hmAdvtClm .b-name { left: 20px; top: 20px; color: #fff; line-height: 1.4; font-size: 18px; opacity: 0.4; }
.hmAdvtClm .b-name .tit { font-size: 38px; text-transform: uppercase; font-weight: 600; }
.hmAdvtClm .item .b-name { position: absolute; z-index: 100; left: 20px; top: 20px; }
.hmAdvtClm .item:nth-child(1) .block { padding-bottom: 114%; }
.hmAdvtClm .item:nth-child(1) .block1 { padding-bottom: 60%; }
.hmAdvtClm .item:nth-child(2) .block2 { padding-bottom: 93.5%; }
.hmAdvtClm .item:nth-child(3) .block { padding-bottom: 179%; }
.hmAdvtClm .item:nth-child(4) .block1 { padding-bottom: 127%; }
.hmAdvtClm .item:nth-child(4) .block2 { padding-bottom: 47.5%; }
.hmAdvtClm .item:nth-child(2) .b-name, .hmAdvtClm .item:nth-child(4) .b-name { top: auto; bottom: 20px; }
.hmAdvtClm .item .block:hover .btn-more { opacity: 1; top: 50%; }
.homeFuture { padding: 5.5% 0; background: url("../images/homeBg2.jpg") center no-repeat; }
.homeFuture .content { overflow: hidden; background-color: #fff; padding: 20px 40px; box-sizing: border-box; }
.homeFuture .ftPic img { display: block; width: 100%; }
.futureTop { margin-bottom: 15px; display: -webkit-flex; display: flex; justify-content: center; }
.futureTop .tit { flex: 1; font-size: 24px; font-weight: bold; }
.futureTop .tit:last-child { text-align: right; }
.futureTop .tit:nth-child(2) { text-align: center; }
.futureCloum { margin-bottom: 45px; display: -webkit-flex; display: flex; justify-content: space-between; }
.futureCloum .item { padding-top: 13%; width: 12%; }
.futureCloum .item:nth-child(1), .futureCloum .item:nth-child(4) { width: 24%; }
.futureCloum .pic { border-radius: 16px; overflow: hidden; }
.futureCloum .pic img { display: block; width: 100%; }
.futureCloum .name { text-align: right; margin-top: 10px; font-size: 20px; font-weight: 600; }
.futureCloum .item:nth-child(1), .futureCloum .item:nth-child(2) { padding-top: 0; }
.homePruduct { padding-bottom: 55px; padding-top: 215px; background: url("../images/homeBg3.jpg") top center no-repeat; }
.homePruduct .titlePic { }
.homePruduct .content{ display: -webkit-flex; display: flex; justify-content: flex-end; }
.prdSwpCon { width: 100%; left: -10%; }
.prdSwpCon .swiper-slide { }
.prdSwpCon .box { position: relative; display: -webkit-flex; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.prdSwpCon .swiper-slide-active {  /*width: 90% !important;*/ }
.prdSwpCon .swiper-slide .main { position: absolute; top: 0; left: 200px; opacity: 0; transition: 2000ms; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; color: #fff; }
.prdSwpCon .swiper-slide .name a { display: block; font-size: 28px; text-transform: uppercase; }
.prdSwpCon .swiper-slide .name strong { display: block; font-weight: bold; }
.prdSwpCon .swiper-slide .txt { position: relative; bottom: 30px; font-size: 20px }
.prdSwpCon .swiper-slide a { color: #fff; }
.prdSwpCon .swiper-slide img { height: 100%; }
.prdSwpCon .swiper-slide-active img { width: 100%; }
.prdSwpCon .swiper-slide .topMore { position: absolute; top: 0; left: 0; right: 0; z-index: 10; opacity: 0; }
.prdSwpCon .swiper-slide .topMore a { display: block; padding: 10px 40px; color: #ad9065; text-transform: uppercase; display: -webkit-flex; font-size: 20px; display: flex; justify-content: space-between; }
.prdSwpCon .swiper-slide-active .topMore { opacity: 1; border-radius: 20px 20px 0 0; background-color: #000; color: #ad9065; line-height: 40px; }
.prdSwpCon .topMore .iconfont { font-size: 32px; }
.prdSwpCon .swiper-slide .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.prdSwpCon .swiper-slide-active .main { position: relative; padding-top: 50px; width: 30%; height: auto; left: 0; opacity: 1; }
.prdSwpCon .swiper-slide { opacity: 0.5; transition: 600ms; overflow: hidden; }
.prdSwpCon .swiper-slide-active { opacity: 1; width: 70% !important; overflow: inherit; transform: scale(1); }
.prdSwpCon .swiper-slide-prev { opacity: 0; transition: none; }
.homePruduct .content { width: 95%; /* width: 90%;*/ margin-right: 0; }
.homePruduct .block { overflow: hidden; position: relative; }
.prdSwpCon { position: relative; left: -10%; }
.prdSwpCon .main { width: 20%; /* position: absolute; left: -300px; top: 0;*/ }
.prdSwpCon .swiper-slide .pic { width: 100%; position: relative; padding-bottom: 57%; border-radius: 32px; overflow: hidden; }
.prdSwpCon .swiper-slide-active .pic { padding-bottom: 40%; width: 78%; }
.prdSwpCon { padding-bottom: 10%; }
.prdSwpCon .swiper-button-prev, .prdSwpCon .swiper-button-next { left: 50%; right: auto; top: 75%; margin-top: 30px;/* position: relative;*/ height: 50px; width: 50px; border: 1px solid #ad9065; border-radius: 100%; }
.prdSwpCon .swiper-button-prev { left: 45%; /*top: -83px;*/ }
.prdSwpCon .swiper-button-next:after, .prdSwpCon .swiper-button-prev:after { font-size: 24px; color: #ad9065; }
.prdSwpCon .swiper-button-next:hover, .prdSwpCon .swiper-button-prev:hover { background-color: #ad9065; color: #000; }
.prdSwpCon .swiper-button-next:hover:after, .prdSwpCon .swiper-button-prev:hover:after { color: #000; }
.prdSwpCon2 { padding-top: 30px; position: relative; overflow: hidden; }
.prdSwpCon2 .box { overflow: hidden; position: relative; }
.prdSwpCon2 .swiper-slide .main { opacity: 0; position: absolute; bottom: -100px; left: 5%; right: 5%; width: 90%; transition: 300ms; display: -webkit-flex; display: flex; justify-content: space-between; color: #fff; }
.prdSwpCon2 .swiper-slide .name a { display: block; font-size: 28px; text-transform: uppercase; }
.prdSwpCon2 .swiper-slide .name strong { display: block; font-weight: bold; }
.prdSwpCon2 .swiper-slide .txt { position: relative; font-size: 20px }
.prdSwpCon2 .swiper-slide a { color: #fff; }
.prdSwpCon2 .swiper-slide img { height: 100%; }
.prdSwpCon2 .swiper-slide .topMore { position: absolute; top: 0; left: 0; right: 0; z-index: 10; opacity: 0; }
.prdSwpCon2 .swiper-slide .topMore a { display: block; padding: 10px 40px; color: #ad9065; text-transform: uppercase; display: -webkit-flex; font-size: 20px; display: flex; justify-content: space-between; }
.prdSwpCon2 .swiper-slide-active .topMore { opacity: 1; border-radius: 20px 20px 0 0; background-color: #000; color: #ad9065; line-height: 40px; }
.prdSwpCon2 .topMore .iconfont { font-size: 32px; }
.prdSwpCon2 .swiper-slide .pic { padding-bottom: 40%; width: 100%; position: relative; border-radius: 32px; background: #000; overflow: hidden; }
.prdSwpCon2 .swiper-slide .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.prdSwpCon2 .swiper-slide-active:hover .main { height: auto; bottom: 20px; opacity: 1; }
.prdSwpCon2 .swiper-slide-active:hover img { opacity: 0.6; }
.prdSwpCon2 .swiper-slide-active .pic { padding-bottom: 50%; width: 100%; }
.prdSwpCon2 .swiper-slide { position: relative; transform: scale(0.8); align-items: center; border-radius: 32px; transition: 300ms; opacity: 0.5; box-shadow: 0 5px 30px #000; margin-top: 50px; }
.prdSwpCon2 .swiper-slide-active { opacity: 1; top: 0; margin-top: 0; }
.prdSwpCon2 .swiper-slide-prev { }
.prdSwpCon2 .swiper-slide-active { transform: scale(1); }
.prdSwpCon2 .swiper-button-prev, .prdSwpCon2 .swiper-button-next { left: 71%; right: auto; margin-top: 50px; position: relative; height: 50px; width: 50px; border: 1px solid #ad9065; border-radius: 100%; }
.prdSwpCon2 .swiper-button-prev { left: 67%; top: -103px; }
.prdSwpCon2 .swiper-button-next:after, .prdSwpCon2 .swiper-button-prev:after { font-size: 24px; color: #ad9065; }
.prdSwpCon2 .swiper-button-next:hover, .prdSwpCon2 .swiper-button-prev:hover { background-color: #ad9065; color: #000; }
.prdSwpCon2 .swiper-button-next:hover:after, .prdSwpCon2 .swiper-button-prev:hover:after { color: #000; }
.prdSwpMenu { margin-top: 40px; margin-right: 9%; height: 90px; margin-bottom: 15px; }
.prdSwpMenu .swiper-slide { margin-bottom: 5px; font-size: 16px; text-align: left; }
.prdSwpMenu .swiper-slide a { display: inline-block; position: relative; line-height: 20px; }
.prdSwpMenu .swiper-slide-thumb-active a { color: #fff; }
.prdSwpMenu .swiper-slide-thumb-active a:before { content: ""; position: absolute; left: -20px; top: 7px; width: 6px; height: 6px; border-radius: 100%; background: #fff; }
.homeSuit { width: 100%; height: 100vh; display: -webkit-flex; display: flex; justify-content: space-around; }
.homeSuit .cloum2 { position: relative; width: 50%; overflow: hidden; }
.homeSuit .mediaBox { background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: flex; justify-content: center; }
.homeSuit .mediaBox img { height: 100%;  }
.homeSuit .bgPic { position: absolute; width: 100%; height: 100%; }
.homeSuit .bgPic img { display: block; height: 100%; min-width: 100%; }
.homeSuit .box { position: absolute; z-index: 100; width: 74%; left: 18%; top: 50%;  margin-top: -249px;
    border-radius: 16px; padding: 24px; box-sizing: border-box; background-color: #fff; }
.homeSuit .bgBar { background-color: #000; border-radius: 12px; overflow: hidden; color: #fff; font-size: 16px; line-height: 48px; text-transform: uppercase; }
.homeSuit .bgBar a { display: -webkit-flex; display: flex; justify-content: space-between; color: #fff; padding: 16px 20px; }
.homeSuit .main { padding: 80px 0; font-size: 20px; line-height: 1.4; text-transform: uppercase; text-align: center; }
.homeSuit .main .egName { font-size: 36px; }
.homeSuit .bgBar .iconfont { font-size: 32px; }


.homeSuit .bgBar .btnOr { display: inline-block; text-align: center; width: 48px; height: 48px; border-radius: 50%; background-color: #ad9065; color: #fff; }
.homeHonor { padding: 3% 0; background-color: #ad9065 }
.honorSwp { padding-top: 20px; margin-top: 40px; }
.homeHonor .title01 { margin-bottom: -60px; padding-bottom: 0; color: #fff; }
.honorSwp .swiper-slide .img { position: relative; padding-bottom: 136%; background: #fff; box-shadow: 0 0 50px #666; }
.honorSwp .swiper-slide img { position: absolute; left: 0; top: 0; height: 100%; display: block; width: 100%; }
.honorSwp .swiper-slide { position: relative; z-index: 1; transition: 500ms; transform: scale(0.8); }
.honorSwp .swiper-slide-active, .honorSwp .swiper-slide-duplicate-active { box-shadow: none; transform: scale(0.85); }
.honorSwp .swiper-slide .main { display: none; margin-top: 5px; padding: 0 5px; height: 84px; font-size: 20px; line-height: 50px; text-align: center; }
.honorSwp .swiper-slide .name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 30px; color: #fff; }
.honorSwp .swiper-slide-active .main { display: block; }
.honorSwp .swiper-slide-prev, .honorSwp .swiper-slide-next { transform: scale(0.6); z-index: 5; opacity: 0.8; }
.honorSwp .swiper-slide-next { left: auto; }
.honorSwp .swiper-button-next, .honorSwp .swiper-button-prev { color: #fff; margin-top: -65px; }
.honorSwp .swiper-button-prev { left: 0; }
.honorSwp .swiper-button-next { right: 0; margin-right: 0; }
.honorSwp .swiper-slide .img { overflow: hidden; }
.honorSwp .swiper-slide .img:hover img { transform: scale(1.05, 1.05); }
.section { overflow: hidden; }
.homeFuture, .homeAdvant, .homePruduct, .homeHonor, .homeAbout { overflow: hidden; padding: 0; }
.section8 { background: #ad9065 url("../images/footBg.jpg") top center repeat-x; }
.section8 .footer { padding-bottom: 270px; }
.homeAbout .title01, .homeAbout .detail, .homeAbout .btn-box { position: relative; opacity: 0; top: 100px; transition: all 0.5s; }
.futureCloum .item, .futureTop, .homeFuture .ftPic { opacity: 0; top: 100px; position: relative; transition: all 0.5s; }
.hmGodTop, .hmAdvtClm { opacity: 0; top: 100px; position: relative; transition: all 0.5s; overflow: hidden; }
.homeSuit .box { left: -100px; opacity: 0; }
.homeHonor .title01, .honorSwp { opacity: 0; top: 100px; position: relative; transition: all 0.5s; overflow: hidden; }
.section8 .footer, .section8 .copyRight { position: relative; top: 100px; opacity: 0; transition: all 0.5s; }
.prdSwpMenu, .prdSwpCon2 { opacity: 0; top: 100px; position: relative; transition: all 0.5s; }
/* page */
.title02 { font-size: 18px; text-align: center; text-transform: uppercase; }
.title02 strong { font-weight: bold; }
.title02 .title { font-size: 42px; line-height: 1.2; }
.title02 .txt { margin-top: 10px; }
.pageBanner { position: relative; }
.pageBanner .bPic { width: 100%; left: 0; }
.pageBanner .content { position: absolute; left: 10%; top: 40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.pageBanner .txtCent { text-align: center; }
.pageBanner .title02 { padding: 0; margin: 0; margin-top: 8%; text-align: left; color: #fff; }
.pageBanner .title02 .txt { font-size: 24px; margin-top: 30px; text-transform: capitalize; }
.pageBanner .BgTxt { position: absolute; left: 0; z-index: 10; top: 0; }
.pageBanner .BgTxt img { width: 100%; }
.aboutDtl { padding-bottom: 7%; padding-top: 50px; }
.aboutDtl .inLine { margin-bottom: 65px; }
.inLine { height: 0; width: 100%; border-bottom: 2px solid #aeaeae; }
.abtdtlMain { display: -webkit-flex; display: flex; justify-content: space-between; }
.abtdtlMain .left { width: 40%; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; }
.abtdtlMain .right { width: 55%; }
.abtdtlMain .right img { display: block; width: 100%; }
.abtdtlMain .main p { margin-top: 30px; font-size: 18px; text-align: justify; width: 100%; }
.aboutDtl .title02 { text-align: left; }
.aboutDtl .title02 .txt { color: #977845; }
.aboutDtl .title02 strong { display: block; }
.abtCloum3 { margin-top: 8%; display: -webkit-flex; display: flex; justify-content: space-between; }
.abtCloum3 .cloum { overflow: hidden; position: relative; width: 31.5%; }
.abtCloum3 .pic img { display: block; width: 100%; }
.abtCloum3 .main { padding: 15px 15px 15px; box-sizing: border-box; height: 60px; position: absolute; left: 0; bottom: 0; width: 100%; background: #a98e62; background: rgba(151,120,69,0.5); line-height: 30px; font-size: 18px; color: #fff; text-align: center; overflow: hidden; }
.abtCloum3 .cloum:hover .main { transition: all .5s; height: 100%; box-sizing: border-box; display: -webkit-flex; display: flex; flex-flow: column; justify-content: center; }
.abtCloum3 .main p { margin-bottom: 10px; height: 30px; overflow: hidden text-align: justify;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.abtCloum3 .name { }
.abtCloum3 .cloum:hover p { text-align: left; height: auto; margin: 10px 0; -webkit-line-clamp: 3; }
.aboutStroy { padding-top: 180px; min-height: 900px; background: #000 url("../images/storyBg.jpg") top center no-repeat; }
.aboutStroy .title02 { margin-bottom: 120px; text-align: center; color: #fcecc1; }
.aboutStroy .title02 .txt { color: #fcecc1; }
.aboutStroy .next { margin-top: 175px; text-align: center; }
.aboutStroy .next span { display: inline-block; width: 42px; height: 42px; line-height: 42px; background-color: #fcecc1; border-radius: 50%; color: #a98e62; }
.aboutStroy .next .icon-down2 { font-size: 24px; }
.stroySwpCon { height: 290px; overflow: hidden; padding-top: 80px; }
.stroySwpCon .detail { text-align: center; width: 880px; margin: 0 auto; font-size: 18px; color: #fcecc1; line-height: 1.8; }
.stroySwpCon .detail p { margin-top: 30px; }
.stroySwpMenu { overflow: hidden; position: relative; width: 80%; margin: 0 auto; color: #fcecc1; font-size: 20px; line-height: 40px; }
.stroySwpMenu:before { content: ""; position: absolute; top: 54px; left: 0; right: 0; height: 2px; background-color: #fcecc1; }
.stroySwpMenu .swiper-slide { cursor: pointer; position: relative; opacity: 0; }
.stroySwpMenu .main { }
.stroySwpMenu .main .tit { text-align: center; margin-bottom: 30px; opacity: 0; }
.stroySwpMenu .main .timer { display: -webkit-flex; display: flex; justify-content: space-between; }
.stroySwpMenu .swiper-slide-thumb-active { opacity: 1; }
.stroySwpMenu .swiper-slide-thumb-active .tit { opacity: 1; }
.stroySwpMenu .swiper-slide-thumb-active:before { content: ""; position: absolute; left: 0; top: 52px; width: 99%; height: 6px; background-color: #fcecc1; }
.stroySwpMenu .swiper-slide { flex: 1; }
.stroySwpCon .swiper-slide { position: absolute; top: 50px; left: 0; opacity: 0; }
.stroySwpCon .swiper-slide.on { top: 0; opacity: 1; transition: .5s; }
.slideMain { position: relative; }
.aboutLiving { padding: 8% 0 5%; background: url("../images/aboutBg.jpg") top center no-repeat; }
.aboutLiving .title02 { color: #fcecc1; }
.aboutLiving .detail { margin-top: 5%; text-align: center; color: #fcecc1; font-size: 18px; }
.aboutLiving .cloum3 { margin-bottom: 3%; display: -webkit-flex; display: flex; justify-content: center; font-size: 24px; }
.aboutLiving .cloum3 img { height: 370px; margin: 0 50px; }
.aboutLiving .cloum3 .txt { line-height: 30px; padding-top: 175px; box-sizing: border-box; }
.aboutLiving .detail>p { margin-top: 30px; }
.verifyWrap { padding: 6% 0; background-color: #ffe9c9; }
.verifyWrap .title02 { margin-bottom: 35px; text-align: left; }
.verifyBox { padding: 80px 30px; height: 219px; box-sizing: border-box; background: url("../images/searchBg.jpg") left center repeat-x; }
.verifyBox .layui-form-label { font-weight: bold; font-size: 18px; }
.verifyBox .layui-input-inline { width: 320px; }
.verifyBox .layui-input { width: 320px; background-color: #f1e8d8; border: 1px solid #000; border-radius: 6px; }
.verifyBox .btn-black { background: #000; box-sizing: border-box; }
.productWrap { }
.productWrap .content { position: absolute; z-index: 100; left: 10%; top: 28%; }
.productWrap .box { width: 664px; height: 343px; padding: 50px 20px 0; box-shadow: 0 0 40px #666; box-sizing: border-box; border-radius: 32px; overflow: hidden; background: url("../images/pgPrdPic1.jpg") right bottom no-repeat; }
.productWrap .box .txt { margin-bottom: 30px; font-size: 18px; }
.productWrap .box .title { margin-bottom: 25px; line-height: 1.4; font-size: 34px; text-transform: uppercase; }
.productWrap .title strong { font-weight: bold; font-size: 38px; }
.productWrap .more { color: #ad9065; }
.productWrap .btnMore { margin-bottom: 8px; width: 70px; height: 70px; border-radius: 50%; display: block; line-height: 70px; background: #ad9065; color: #fff; text-align: center; }
.productWrap.prdWp2 .box { float: right; background-image: url("../images/pgPrdPic2.jpg"); }
.productWrap.prdWp3 .box { background-image: url("../images/pgPrdPic3.jpg"); }
.productWrap.prdWp2 .content { top: 40%; }
.productWrap .btnMore .iconfont { }
.productCloum { padding: 6% 0 8%; background: url("../images/prdBg4.jpg") top center no-repeat; }
.suitSwpMenu { width: 360px; margin: 0 auto 4%; margin-top: 75px; }
.suitSwpMenu .swiper-slide { }
.suitSwpMenu .swiper-slide a { display: block; line-height: 42px; border-radius: 24px; text-align: center; border: 1px solid transparent; font-size: 18px; }
.suitSwpMenu .swiper-slide-thumb-active a { border: 1px solid #ad9065; color: #fff; background-color: #000; }
.suitSwpMenu .swiper-slide:hover a { border: 1px solid #ad9065; }
.suitSwpBox {  width: 90%; padding: 0 5%; overflow: hidden; position: relative; }
.suitSwpBox>.swiper-wrapper>.swiper-slide { padding: 15px 0; }
.suitSwpBox .swiper-slide .pic { display: block; position: relative; padding-bottom: 100%; border-radius: 12px; overflow: hidden; }
.suitSwpBox .swiper-slide .pic:hover img { transform: scale(1.05, 1.05); }
.suitSwpBox .swiper-slide img { width: 100%; height: 100%; position: absolute; }
.suitSwpList { padding: 15px 20px; padding-bottom: 80px; overflow: hidden; }
.suitSwpList .inner { padding: 10px; background-color: #fff; box-shadow: 0 0 15px #ccc; box-sizing: border-box; border-radius: 12px; }
.suitSwpList .main { margin-top: 25px; font-size: 16px; display: -webkit-flex; display: flex; justify-content: space-between; }
.suitSwpList .pic { position: relative; padding-bottom: 100%; overflow: hidden; display: block; border-radius: 12px; }
.suitSwpList .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.suitSwpList .more { width: 52px; height: 52px; line-height: 53px; font-size: 16px; color: #ad9065; text-align: center; text-transform: uppercase; box-sizing: border-box; border: 1px solid #ad9065; border-radius: 50%; }
.suitSwpList .more:hover { background-color: #000000; color: #ad9065; }

.suitSwpBox .swiper-button-next,
 .suitSwpBox .swiper-button-prev { top: 38%; position: absolute; z-index: 1000; width: 40px; height: 40px; border-radius: 50%;
 text-align: center; line-height: 40px; background-color: #ad9065; color: #fff; }
.suitSwpBox .swiper-button-next:after,
.suitSwpBox .swiper-button-prev:after { font-size: 20px; }
.suitSwpBox .swiper-button-next{ right: 20px; }
.suitSwpBox .swiper-button-prev{ left: 20px; }

/*.suitSwpList .swiper-button-prev { left: 45%; margin-top: 10px; }
.suitSwpList .swiper-button-next { right: 45%; margin-top: 10px; }
*/
.suitSwpBox>.swiper-wrapper>.swiper-slide{ opacity: 0; }
.suitSwpBox>.swiper-wrapper>.swiper-slide-active{ opacity: 1; }





.prodcutPage { padding-bottom: 6%; padding-top: 3%; }
.prodcutPage .content { width: 1200px; }
.menuTop { margin-top: 5%; margin-bottom: 15px; display: -webkit-flex; display: flex; justify-content: space-between; line-height: 38px; }
.menuTop .left { }
.menuTop .title { font-size: 24px; text-transform: uppercase; }
.menuTop .title span { margin-left: 10px; }
.menuTop .right span { margin-left: 17px; }
.menuTop .right img { height: 38px; }
.menuList { margin-bottom: 40px; background-color: #ad9065; padding: 0 10px; display: -webkit-flex; display: flex; justify-content: space-between; }
.menuList li { position: relative; margin: 10px 0; flex: 1; text-align: center; }
.menuList li a { display: block; color: #d1ba97; }
.menuList li a { display: block; color: #d1ba97; line-height: 32px; font-size: 18px; }
.menuList .on a, .menuList li:hover a { color: #fff2cf }
.menuList li:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background-color: #d1ba98; }
.menuList li:last-child:after { display: none; }
.prdList.suitSwpList { padding: 0; display: -webkit-flex; display: flex; justify-content: ; margin-left: -3%; flex-wrap: wrap; }
.prdList li { margin-bottom: 40px; width: 22%; }
.prdList.suitSwpList li { margin-left: 3%; }
.prodcutPage .btn-defaul { display: block; margin: 0 auto; background-color: #ad9065; color: #ffffff; padding: 0; width: 100px; height: 100px; line-height: 100px; border-radius: 100%; }
.prodcutPage .btn-defaul i { position: relative; top: -10px; }
.pageTitle { margin-bottom: 10%; position: relative; border-bottom: 1px solid #000; font-size: 28px; line-height: 32px; padding: 16px 0; text-transform: uppercase; }
.pageTitle:before { content: ""; position: absolute; z-index: 10; left: 0; width: 156px; height: 3px; bottom: -1px; background-color: #ad9065; }
.crumb { margin-bottom: 20px; font-size: 18px; }
.crumb .icon-left { display: inline-block; transform: rotate(-180deg); font-size: 20px; }
.prdFeat { padding-bottom: 10px; display: -webkit-flex; display: flex; justify-content: space-between; }
.prdFeat li { text-align: center; font-size: 18px; color: #888; }
.prdFeat img { display: block; height: 37px; margin: 0 auto 10px; }
.prdHead { margin-bottom: 30px; border-radius: 24px; padding: 30px; background-color: #fff; box-shadow: 0 10px 30px #ccc; display: -webkit-flex; display: flex; justify-content: space-between; }
.prdHead .leftPic { width: 51%; }
.prdHead .leftPic img { width: 100%; }
.prdHead .right { font-size: 18px; width: 42%; }
.prdHead .title { font-size: 24px; text-align: center; padding: 10px; border-radius: 16px; background-color: #000; color: #fff; }
.prdHead .title strong { font-weight: bold; margin-right: 10px; }
.prdHead .smlTit { margin: 10px 0; text-align: center; font-size: 20px; color: #ad9065; }
.specCloum { margin-bottom: 17px; background-color: #ebebeb; border-radius: 12px; padding: 5px 15px; }
.specCloum .item { padding: 10px 0; margin-bottom: 2px; border-bottom: 1px solid #000; font-size: 16px; }
.specCloum .item:last-child { border: none; }
.leveInfo { margin-bottom: 20px; text-align: center; line-height: 1.8; }
.prdHead .btn-defaul { display: block; width: 100%; border-radius: 12px; height: 60px; line-height: 60px; font-size: 20px; }
.detailTips { color: #888; }
.detailTips p { margin-bottom: 15px; }
.advtWrap1 { position: relative; padding: 6% 0; }
.advtWrap1:after { content: ""; position: absolute; left: 0; width: 100%; bottom: 0; height: 34.5%; background-color: #e4e0d7; }
.advtWrap1 .title02 { margin-bottom: 5%; text-align: left; }
.advtWrap1 .title02 .title { font-size: 38px; }
.advtWrap1 .content { position: relative; z-index: 10; }
.greenLine { position: relative; width: 485px; border-bottom: 1px solid #fff; }
.greenLine:after { content: ''; position: absolute; bottom: -2px; left: 0; width: 130px; height: 3px; background-color: #977845; }
.grnLineBlack { border-color: #000; }
.advtBlock1 { display: -webkit-flex; display: flex; justify-content: space-between; }
.advtBlock1 .leftPic { width: 55%; }
.advtBlock1 .leftPic img { display: block; width: 100%; }
.advtBlock1 .right { width: 38%; }
.advtBlock1 .detail p { margin-top: 20px; }
.advtWrap2 { padding-bottom: 0; background: url("../images/advtBg1.jpg") top center no-repeat; }
.advtWrap2 .abtdtlMain { margin-bottom: 100px; }
.advtWrap2 .abtdtlMain .right { position: relative; width: 584px; height: 527px; }
.advtWrap2 .abtdtlMain .numbCloum { display: -webkit-flex; display: flex; flex-wrap: wrap; position: absolute; width: 100%; height: 100%; }
.advtWrap2 .numbCloum .cloum { width: 50%; box-sizing: border-box; padding-left: 110px; padding-top: 135px; font-size: 50px; line-height: 1; color: #ad9065; }
.advtWrap2 .numbCloum i { position: relative; top: -40px; font-weight: bold; }
.advtWrap2 .numbCloum .counter { font-size: 110px; position: relative; }
.numbCloum .cloum:nth-child(2n+2) { padding-left: 175px; padding-top: 145px; }
.numbCloum .cloum:nth-child(3) { padding-top: 155px; }
.numbCloum .cloum:nth-child(4) { padding-top: 155px; }
.advtCloum { padding: 25px 0; border-top: 2px solid #aeaeae; display: -webkit-flex; display: flex; justify-content: space-between; }
.advtCloum:last-child { border-bottom: 2px solid #aeaeae; }
.advtCloum .itemTit { width: 40%; margin-right: 2%; display: -webkit-flex; display: flex; justify-content: space-between; flex-flow: column; }
.advtCloum .txt { overflow: hidden; }
.advtCloum .txt span { float: right; font-weight: bold; }
.advtCloum .large { font-size: 34px; font-weight: bold; text-transform: uppercase; color: #967643; }
.advtCloum .itemMain { width: 25%; font-size: 16px; text-transform: uppercase; line-height: 1.2; font-weight: bold; display: -webkit-flex; display: flex; justify-content: space-between; flex-flow: column; }
.advtCloum .itemPic { width: 30%; }
.advtCloum .itemPic img { display: block; width: 100%; }
.advtCloum .iconNum span { display: inline-block; margin-right: 6px; width: 9px; height: 9px; border-radius: 50%; background-color: #967643; }
.advtCloum:nth-child(2) .itemMain, .advtCloum:nth-child(4) .itemMain { width: 19%; }
.advtBrand { padding: 50px 0; text-align: center; }
.advtBrand span { margin: 0 15px; }
.advtFoot { position: relative; }
.advtFoot .bgPic { }
.advtFoot .bgPic img { display: block; width: 100%; }
.advtFoot .content { position: absolute; z-index: 10; color: #fff; font-size: 24px; left: 10%; top: 50%; margin-top: -42px; text-align: center; }
.advtFoot .detail { color: #fff; font-size: 24px; line-height: 2; }
.contactWrap { padding: 5% 0 4%; }
.contactWrap .pageTitle .title { font-size: 18px; color: #888; }
.catCloum { display: -webkit-flex; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.catCloum .left { width: 40%; }
.catCloum .right { width: 40%; }
.catCloum .inTit { display: -webkit-flex; display: flex; justify-content: space-between; color: #888; border-bottom: 1px solid #707070; padding-bottom: 25px; line-height: 28px; }
.map { overflow: hidden; border-radius: 24px; }
.map img { display: block; width: 100%; }
.contactMain { display: -webkit-flex; display: flex; justify-content: space-between; flex-flow: column; }
.contactMain .item { padding-left: 35px; padding-bottom: 29px; margin-top: 20px; line-height: 1.6; }
.contactMain .item:last-child { border-bottom: 1px solid #707070; }
.contactMain .tit { position: relative; font-size: 20px; text-transform: uppercase; line-height: 1; margin-bottom: 10px; }
.contactMain .name { font-size: 20px; text-transform: uppercase; }
.contactMain .tit:before { content: ""; position: absolute; left: -35px; top: 0; width: 15px; height: 15px; border: 2px solid #ad9065; border-radius: 50%; }
.mesgWrap .left { width: 40%; }
.mesgWrap .content { position: absolute; z-index: 100; left: 10%; top: 50%; transform: translateY(-50%) }
.mesgMain { padding: 25px; box-sizing: border-box; background: rgba(255,255,255,0.5); border-radius: 10px; overflow: hidden; }
.mesgMain .title { margin-bottom: 20px; padding: 20px 0; border-radius: 10px; text-align: center; font-size: 20px; background-color: #000; text-transform: uppercase; color: #fff; }
.mesgMain .box { padding: 20px; border-radius: 10px; background: rgba(0,0,0,0.12); }
.mesgMain .layui-form-item { padding: 2px 0; border-bottom: 1px solid #000; }
.mesgMain .layui-input, .mesgMain .layui-textarea { background: none; border: none; }
.mesgMain .layui-input-block { margin-left: 70px; }
.mesgMain .layui-form-label { width: 40px; font-size: 16px; }
.mesgMain .bdNone { border: none; }
.mesgMain textarea.layui-textarea { min-height: 200px; margin-top: 20px; border-radius: 6px; border: 1px solid #000 !important; }
.mesgMain .layui-btn-fluid { padding: 20px 25px; height: 70px; line-height: 30px; font-size: 22px; border-radius: 8px; background: #000; display: -webkit-flex; display: flex; justify-content: space-between; }
.mesgMain .iconfont { font-size: 30px; transform: rotate(-90deg); color: #ad9065; }
.searchFixed { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; }
.fixedBg { display: flex; height: 100%;/* height: 100vh;*/ }
.fixedBg img { display: block; width: 100%; }
.fixedHead .header { position: fixed; top: 0; }
.conFixed { position: fixed; width: 720px; padding-top: 17%; top: 10%; /*top: 50%;*/ margin-top: 40px; left: 50%; margin-left: -360px; }
.bodyHide { overflow: hidden; }
.conFixed .layui-icon { position: absolute; right: 0; top: 0; color: #fff; font-size: 24px; }
.conFixed .layui-icon:hover { color: #ad9065; }
.searchFromP .layui-form-item { position: relative; }
.searchFromP .layui-form-item .layui-input { box-sizing: content-box; padding-top: 10px; padding-bottom: 10px; font-size: 18px; border: none; border-bottom: 1px solid #fff !important; border-radius: 0; color: #fff; background: none; }
.searchFromP .layui-form-item .btn { position: absolute; background: none; border: none; cursor: pointer; right: 5px; z-index: 10; top: 15px; }
.searchFromP .layui-form-item .iconfont { color: #fff; font-size: 20px; }
.searchFromP ::-webkit-input-placeholder {
    color: #fff;
}
.conAbsolute { position: absolute; z-index: 100; top: 180px; width: 100%; }
.resultTop { margin-bottom: 45px; margin-top: -52px; text-align: center; font-size: 32px; text-transform: uppercase; }
.resultTop .icon { margin-top: 15px; }
.resultMain { text-align: center; line-height: 1.6; font-size: 18px; }
.layui-input:after, .layui-form-item:after { display: none!important; }
.searchFromP .layui-form-item, .layui-input:focus, .layui-textarea:focus { border: none !important; box-shadow: none !important; }
.section2 { background: #fff; }
.video-box { position: relative; }
.homeAbout .video-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.homeAbout .video-box source { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#zhi-video { position: absolute; width: 100vw; height: 100vh; top: 0; left: 0; object-fit: cover; }
.mesgWrap { position: relative; width: 100%; padding-bottom: 50%; }
.mesgWrap .video-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mesgWrap .video-box source { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mesgWrap #zhi-video { width: 100vw; height: 100%; }
.detail { font-size: 16px; line-height: 30px; }
.detail p {/* margin-bottom: 2px; */ }
.detail img { /* margin-bottom: 30px; */ }
.aboutWrap1 { }
.dtlTitle { font-size: 32px; margin-bottom: 30px; font-weight: bold; color: #333; }
.detailBox { padding-top: 30px; padding-bottom: 30px; }
.dtlHead {
    position: relative margin-bottom: 30px; padding-bottom: 33px; }
.dtlHead .title { color: #333; margin-bottom: 20px; font-size: 32px; }
.dtlHead .other { padding: 15px 0; font-size: 16px; }
.dtlHead .other span { margin: 0 15px; }
.dtlHead .btn-defaul { position: absolute; z-index: 10; right: 0; top: 5px; background: none; border-radius: 32px; border: 1px solid #333; line-height: 40px; }
.dtlHead .btn-defaul:hover { border-color: #dd3034; }
.detailBox .detail p { /*margin-bottom: 25px;*/ }
.detailBox .detail img { /*margin-bottom: 25px; margin-top: 5px;*/ }
.serviceDetail .dtlHead { margin: 0; padding: 0; }
.serviceDetail .dtlHead .title { margin: 0; padding: 0; }
.dtlpage { border-top: none; padding-top: 0; overflow: hidden; }
.dtlpage p { margin-top: 0; padding: 8px 20px; float: left; width: 46%; }
.dtlpage p a { line-height: 36px; }
.dtlpage .next { float: right; }
.dtlpage .btnPrev { background-color: #00669c; color: #fff; text-align: center; border-radius: 0; width: 180px; height: 60px; line-height: 60px; display: block; float: right; }
.dtlpage2 .btnPrev { float: none; }
.detailTitle { font-size: 48px; }

@media(max-width:1279px) {
    .header .content {  width: 96%;  }
    .nav > li {  padding: 30px 10px;  }
    .nav > li > a {  padding: 0 10px;  }
    .hmGodTop .left{ width: 70%;}
    .hmGodTop .left img{ width: 95%; }
    .prdSwpCon2 .swiper-wrapper{ /* height: 479px;*/ }
    .prdSwpCon2 .swiper-button-prev{ left: 62%; }
    .prdSwpCon2 .swiper-button-next{ left: 69%; }
    .homeSuit .box{ width: 80%; left: 5%; margin-top: -160px; }
    .homeSuit .main .egName{ font-size: 22px; }
    .homeSuit .main{ padding: 30px 0; }
    .homeSuit .bgBar a{ padding: 10px 15px; }
    .footWrap{ height: 630px; }
    .footer .content{ width: 94%; }
    .footer .name a{ font-size: 16px; }
    .footer .item .box .tit{ font-size: 10px; }

    .title02 .title{ width: 32px; }
    .stroySwpMenu{ width: 100%; }
    .stroySwpMenu .main .tit{ font-size: 14px; }
    .messageFrom .layui-input-inline:last-child{ width: 100px; }
}


@media(min-width:1280px){
    .homeSuit{ height: 100vh; }
}
@media (min-width: 1440px) {
    .wrap { width: 100%; min-width: 1400px; }
    /*.header .content { width: 1360px; }*/
    .footMenu { flex-wrap: nowrap; }
    .homeSuit{ overflow: hidden; }
    .homeSuit .box {/* width: 64%;*/ }
    .homeSuit .mediaBox img{ height: 100%; }
    .homeSuit .bgBar{ font-size: 20px; }
}
@media (min-width: 1620px) {
    .wrap { width: 100%; min-width: 1600px; }
    .content { width: 80%; }
    .video-box { min-height: 960px; }
    .homeAbout .video-box { min-height: 960px; }
}
@media (min-width: 1920px) {
    /*.content { width: 90%; }*/

    .video-box { min-height: 1080px; }
    .homeAbout .video-box { min-height: 1080px; }
}
@media (min-width: 1921px) {
    .homePruduct, .aboutStroy, .aboutLiving { background-size: cover; }
}
@keyframes myMove { 0% {
    top: 0px;
}
    50% {
        top: 35px;
    }
    100% {
        top: 0px;
    }
}
@-webkit-keyframes myMove { 0% {
    top: 0px;
}
    50% {
        top: 35px;
    }
    100% {
        top: 0px;
    }
}