@charset "utf-8";
/* CSS Document */
@import url(global.css);
@import url(//at.alicdn.com/t/font_2463528_g24g82h3jil.css);
/*头部*/
.banner-top.index{position:relative;}
.container{width:1200px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;z-index:10;position:relative}
.container:after{content:'';display:block;height:0;clear:both;visibility:hidden}
header{z-index:1000;position:relative; background: #f9f1de; /*background:url(../images/headerbg.png) repeat-x;*/}
.navbar-nav{font-size:16px}
.navbar-nav>li{float:left}
header .navbar .navbar-nav>li:last-child{margin-right:0}
.caret{display:inline-block;width:0;height:0;margin-left:10px;vertical-align:middle;border-top:6px dashed;border-right:6px solid transparent;border-left:6px solid transparent}
header.fixed{z-index:99999;position:fixed;width:100%;top:0;background:url(../images/headerbg.png) repeat-x;padding:8px 0}
header.fixed .navbar .navbar-brand{ height:47px;background-size:150px 50px}
header.fixed .navbar .navbar-nav>li>a{line-height:50px}
header.fixed .navbar .navbar-nav>li>a.login{margin-top:11px}
header .navbar{margin:0;border:0 none;background-color:transparent;position:relative;min-height:50px;border-radius:4px; display: flex; justify-content: space-between; align-items: center;}
header .navbar .navbar-header{ display:block;float:left}
header .navbar .navbar-brand{display:inline-block;padding:0;height:47px;}
header .navbar .navbar-brand img { height: 100%;}
.header .topnav .navbar .navbar-nav{margin-left:0}
header .navbar .navbar-nav{ display: flex; justify-content: flex-end; position: relative; width: 70%; }
header .navbar .navbar-nav>li:last-child{margin-right:0}
header .navbar .navbar-nav>li>a{color:#371208;font-size:16px;line-height:70px;margin: 5px 30px;padding-bottom: 10px;position:relative;text-transform:uppercase}
header .navbar .navbar-nav>.active>a,header .navbar .navbar-nav>.active>a:focus,header .navbar .navbar-nav>.active>a:hover,header .navbar .navbar-nav>li>a:focus,header .navbar .navbar-nav>li>a:hover{border-bottom:#371208 2px solid}
header .navbar .navbar-nav>li>a.login{padding:7px 18px;line-height:20px;margin-top:21px;margin-right:15px;border-color:rgba(255,255,255,.2);border-style:solid;border-width:1px;color:#371208;font-size:16px;position:relative;display:block;border-radius:4px}
.col-xs-12{width:100%;float:left;position:relative}
header .navbar .navbar-nav>li>a.login:hover{box-shadow:inset 0 0 0 2px #FC0;background-color:transparent}

.slideBox{width:100%;}
.slideBox .hd{width:100%;height:25px;overflow:hidden;position:absolute;bottom:20px;z-index:1000}
.slideBox .hd ul{text-align:center;width:100%}
.slideBox .hd ul li{display:inline-block;width:20px;height:5px;border-radius:5px;border:1px solid #fff;cursor:pointer; cursor: pointer;background: #fff;}   
.slideBox .hd ul li.on{background:#fff;color:#fff}
.slideBox .bd{ position:relative;width:100%;overflow:hidden}
.slideBox .bd li{ width:100%; }
.slideBox .item{height:100%;}
.slideBox .item a,.slideBox .item img  { width: 100%;height:100%;display: block;}
/* footer */
.footer {width:100%;background:#ede9e5; height: 66px;color:#b2a190;font-size: 14px;display: flex;align-items: center;justify-content: center;}
.footer a{display:inline-block;padding:0 10px;color:#b2a190;cursor:pointer}
.footer a:hover{ color:#cca77e;}
/* footer end*/
.backtop{position:fixed;z-index:99;right:30px;bottom:40px;display: none;border: none;z-index: 99;background: none;outline:none;}
.backtop a{box-shadow:0 2px 4px 0 #DDD;width:50px;height:50px;background:#FFF;display:block;transition:all .35s;outline:none;display: flex; align-items: center; justify-content: center;border-radius: 100%;font-size: 22px;transition: all .3s ease;}
.backtop a:hover{box-shadow:0 4px 6px 0 #ccc;background:rgb(255,255,255,.8);-ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}
/* 返回首页 end */

.public-num-banner{width:100%;display:block;background:#f0e9dc url(../images/picbg.png) no-repeat center bottom}
.public-num-contents{margin:0 auto;width:1000px;display:block;height:620px;background-position:50% 0;background:url(../images/public-num-content.png) no-repeat;}
.app-download-content-container{width:100%;padding-bottom: 60px;}
.public-num-content-box{width:1000px;padding:60px 0;margin:0 auto}
.public-num-content{margin-top:30px}
.public-num-content img{width:100%;display:block}
.under-line{position:relative;display:inline-block;padding-bottom:5px;color:#371208;font-size:24px;line-height:30px}
.under-line:before{content:'';position:absolute;left:0;bottom:0;width:45%;height:2px;background-color:#f90}
.under-line:after{content:'';position:absolute;right:0;bottom:0;width:55%;height:2px;background-color:#b9b9b9}
.indexpart { width: 100%;margin: 0 auto; max-width: 1200px;}
.indexpart h2 { font-size: 40px; text-align: center;position: relative;padding: 80px 0 30px;color:#7d4e27;font-weight: 400; font-family: 'Source Han Sans' !important;line-height: 1.5;}
.indexpart h2 font {display: block;margin-top: 10px;font-size: 20px;color: #905a2e;font-weight: 300;letter-spacing: 0;text-transform: uppercase;}
.indexpart.product {padding-bottom: 3%;}
.indexstory { padding: 5% 0;width: 100%;display: -webkit-flex; -webkit-flex-wrap: nowrap; display: flex; flex-wrap: wrap;color:#371208;flex-flow: column;align-items: center;font-size: 24px;}
.indexstory b {font-size: 26px; line-height: 32px;letter-spacing: 5px;text-align: center;}
.indexstory .cont {line-height: 40px;margin: 7% auto 2%;text-align: center;font-size: 20px;font-family: PingFang SC; font-weight: lighter;}
.indexstory .cont p {padding-bottom: 10px;}
.indexstory .yuanjing {font-size: 24px;}
.indexbutton {text-align: center;cursor: pointer; color:#371208; border:1px solid #371208; margin: 3% 0;font-size: 14px; padding:5px 20px;transition: all .3s ease;}
.indexbutton:hover { background: #ECE1D0;border: 1px solid #ECE1D0;-ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}
.indexstory .ullist { display: flex; align-items: center; justify-content: center;width: 100%; margin: 6% auto;}
.indexstory .ullist hr {height: 70px;width: 1px;background: #b18554;margin: 0 5%;border:none;}
.indexstory .ullist li {display: inline-block;border-right:1px solid rgb(55,18,8,.4);color:#371208;margin-right: 6%;padding-right: 6%; display: flex;align-items: center;}
.indexstory .ullist li:last-child {border-right:none;margin-right: 0;padding-right: 0}
.indexstory .ullist li .iconfont{font-size: 24px;border: 2px solid #371208;border-radius: 100%;width: 40px;height: 40px;line-height: 40px; display: inline-block;text-align: center; }
.indexstory .ullist li .right {font-size: 16px;margin-left: 15px; display: inline-block; vertical-align: top; }
.indexstory .ullist li .right span {font-size: 20px;display: block;margin-bottom: 10px;}
.indexproductlist { display: flex; align-items: center;justify-content: space-around;padding: 5% 3%;background: linear-gradient(45deg,#fdf3e9 3%,#ffefda 60%,#ffebd6 91%); margin: 6% 0 3%; border-radius: 8px;}
/* .indexproductlist li div {width: 260px; display: flex; align-items: center;color:#a7865d;flex-flow: column;background: #f3e3cc; border-radius: 8px;transition: all .3s ease;margin: 0 10px; padding:2% 1%;}
.indexproductlist li div:hover {-ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}
.indexproductlist li img {width: 226px;height: 330px; display:block;}
.indexproductlist li .title {font-size: 16px; margin-top: 15px; }
.indexproductlist li .price {font-size: 12px; margin-top: 10px; }
.indexproductlist li .price b {font-size: 14px; margin-top: 10px;margin-right:3px } */
.Box_con {position: relative;}
.Box_con .btn {display: none;position: absolute;top: 45%;cursor: pointer;font-size: 36px;color: #f3e3cc;z-index: 9999;}
.Box_con .btnl {left:0}
.Box_con .btnr {right: 0;}
.Box_con .btn:hover {color: #ecd387;}
.Box_con .conbox {position: relative;overflow: hidden;display: flex;justify-content: center; padding: 3%; background: linear-gradient(45deg,#fdf3e9 3%,#ffefda 60%,#ffebd6 91%);margin: 6% auto 3%;border-radius: 8px; /*width: 960px; */}
.Box_con .conbox ul {position: relative;list-style: none;display: flex; align-items: center;justify-content: space-around; width: 100% !important;}
.Box_con .conbox ul li {float: left;margin-left: 20px;overflow: hidden;width: 264px;color:#a7865d;background: #f3e3cc; border-radius: 8px;transition: all .3s ease;margin: 0 10px; padding:3% 2%; text-align: center; }
.Box_con .conbox ul li:first-child {margin-left: 0;}
.Box_con .conbox ul li img {width: 226px;height: 330px;}
.Box_con .conbox ul li:hover {-ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}
.Box_con .conbox ul li a {color:#a7865d; text-align: center; }
.Box_con .conbox ul li .title {font-size: 16px; margin-top: 15px; }
.Box_con .conbox ul li .price {font-size: 12px; margin-top: 10px; }
.Box_con .conbox ul li .price b {font-size: 14px; margin-top: 10px;margin-right:3px }
.BoxSwitch {margin-top: 30px;text-align: center; display: none;}
.BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.BoxSwitch span.cur {background: red;}
.indexproduct {width: 100%;display: -webkit-flex; -webkit-flex-wrap: nowrap; display: flex; flex-wrap: wrap;background: #fff;border-radius: 10px;box-shadow: 0 2px 16px rgb(10 30 65 / 20%);height: 460px; margin: 8% 0; }
.indexproduct .left {width: 66%;}
.indexproduct .left img { width: 100%;height: 100%; border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.indexproduct .right {background: #b2a190; border-top-right-radius: 10px;border-bottom-right-radius: 10px;display: flex;align-items:flex-start;justify-content: center;color:#fff;flex-flow: column;padding-left: 6%; flex: 1;}
.indexproduct .right .title {font-size: 20px;color:rgb(255,255,255,.8);display: flex;}
.indexproduct .right .title h1 { font-family: '华文新魏'; font-size: 60px;color:#FD8320;}
.indexproduct .right .title span {margin:0 5px;color:#fff;}
.indexproduct .right .part {margin: 8% 0 10%;font-size: 16px;line-height: 36px;}
.indexcooperate {display: flex;align-items:center; justify-content: space-between;padding: 6% 0 10%;}
.indexcooperate .module {background: #fff;border-radius: 10px;padding: 3%;color:#371208;font-size: 16px; flex-flow:column;width: 25%;height: 330px;text-align: center;line-height: 30px;transition: all .3s ease;}
.indexcooperate .module .title {font-size: 26px; border-bottom: 1px solid rgb(112,112,112,.1);padding-bottom: 20px;display: flex;width: 100%;justify-content: center;}
.indexcooperate .module .part {font-size: 24px; line-height: 50px;font-weight: 300;margin: 0 auto;text-align: center;height: 200px; display: flex;align-items: center;justify-content: center;}
.indexcooperate .module .part.partbig {font-size: 26px;}
.indexcooperate .module:hover { background: #b2a190; border-bottom: 1px solid rgb(255,255,255,.3);color:#fff;-ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}
.indexcooperate .module:hover .title {color:#fff; border-bottom: 1px solid rgb(255,255,255,.3);}
.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;display: flex;align-items: center;}
.section-wrap .section .title.active { opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}
.section-wrap .section .title h2 {width: 100%; position: relative; padding-bottom: 3%; }
.section-wrap .section .title h2::after { content: ""; position: absolute; width: 10%; height: 1px; background-color: rgba(144,90,46,.6); bottom: 0; left: 50%; transform: translateX(-50%);}
.section-wrap .section-1{background: url(../images/aboutbgyj.jpg) no-repeat;}
.section-wrap .section-2{ background:url(../images/aboutbg.jpg) no-repeat}
.section-wrap .section-3{ background:url(../images/aboutfa.jpg) no-repeat}
.section-wrap .section-4{ background:url(../images/aboutbgyqt.jpg) no-repeat}
.section-wrap .section-5{ background:url(../images/aboutbgyj.jpg) no-repeat}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.section-btn{ width:14px;position:fixed;right:4%;top:50%;}
.section-btn li{ width:8px;height:8px;cursor:pointer;text-indent:-9999px;border-radius:50%;margin-bottom:12px; background:rgba(255, 255, 255, 0.6);text-align:center; color:#fff; cursor: pointer;border: 1px solid #c39d7f;}
.section-btn li.on{ background:#fff;height:20px;border-radius:8px;}
.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;bottom:10px;left:50%;margin-left:-30px;width:50px;height:50px;border-radius:100%;line-height:50px;text-align:center;font-size:18px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
.ylt {position: absolute;left:0;top:10%; height: 700px; }
.subBrand { position: absolute; color: #B6995B; right: 10%; width: 30%;}
.subBrand .subTitle { font-size: 36px; margin-bottom: 10%; transform: translateX(-70px);}
.subBrand .text { font-size: 18px; line-height: 36px; font-weight: lighter;text-indent: 2em;}
.abouttop { position: fixed; top: 0; z-index: 999; width: 100%;}
.section {margin: 0 auto; width: 100%;background-size: cover!important;flex: 1;}
.banner { width: 100%; position: absolute; top: 0;height: 520px; }
.banner img { width: 100%; height: 100%; }
.aboutus {flex:1;background-size: cover !important;display: flex;align-items: center;}
.aboutus .ullist {margin: 10% auto 0;}
.main {display: flex;justify-content: space-between;flex-flow:column;height: 100vh;}
.display-mobile {display: none;}
.mainabout { width:100%; height:100%; overflow:hidden;}
@media (max-width: 1680px) {
html, body { font-size: 15px;}	
.indexpart h2 { font-size: 30px;}
/* .banner-top.index,.slideBox .item { height: 720px;} */
.indexcooperate .module {font-size: 14px; height: 280px;}
.indexcooperate .module .title {font-size: 24px;padding-bottom: 20px;}
.indexcooperate .module .part {font-size: 18px; line-height: 50px;height: 160px;}
.indexcooperate .module .part.partbig {font-size: 22px;}
}	
@media (max-width: 1440px) {
html, body{ font-size: 14px;}	
.container {width: 100%}
.container,.indexpart {max-width: 1100px;}
.pcProductUl li a .iconfont { font-size: 30px;}	
/* .banner-top.index,.slideBox .item { height: 640px;} */
.indexcooperate .module {font-size: 12px;}
.indexcooperate .module .title {font-size: 18px;padding-bottom: 20px;}
.indexcooperate .module .part {font-size: 16px; line-height: 40px;height: 160px;}
.indexcooperate .module .part.partbig {font-size: 18px;}
.indexpart h2 { font-size: 26px; padding: 40px 0 20px;}
.indexproduct {height: 360px;margin: 6% 0 8%;}
.indexproduct .left { width: 66%;}
.indexstory .ullist li .iconfont {width: 32px;height: 32px;line-height: 32px;}
.indexstory .ullist li .right span {font-size: 18px;}
.indexproduct .right .title {font-size: 18px;}
.indexproduct .right .title h1 {font-size: 50px;}
.indexproduct .right .part,.indexstory .ullist li .right {font-size: 14px;}
.indexbutton {font-size: 12px;}
.under-line{font-size:20px;line-height:30px}
.under-line:before{width:40%;}
.under-line:after{width:60%;}
}
@media (max-width: 640px) {
body { font-size: 1em;}	
.mainabout { overflow-y:auto;overflow-x: hidden !important;max-width: 100%;}
.mainpublicnum {display: flex;justify-content: space-between;flex-flow:column;height: 100vh;}
.display-mobile {display: flex!important;padding:4% 0 3%;color: #fff;align-items: center;justify-content: space-between;}
header.fixed{background: #ebdfcd;}
header.fixed .display-mobile {padding:3% 0 2%;}
#main-nav,.indexbutton,.display-pc { display: none;}
header {background: #fff0da;}
header .navbar {position: fixed;right: 0; flex-flow: column;background: #b2a190;z-index: 100;}
header .navbar .navbar-header {display: none !important;}
header .navbar .navbar-nav { flex-flow: column; width: 100% !important;}
header .navbar .navbar-nav>li {text-align: center;}
header .navbar .navbar-nav>li>a {padding-bottom:0;font-size: 1em;line-height: 3em;}
header .navbar .navbar-nav.learnsystem {display: none}
.close {margin: 5% auto 10%; font-size: 1.5em;}
.display-mobile .navbar-header {width: 100%;display: flex;justify-content: center;text-align: center;}
.display-mobile .navbar-brand img { width:24%; }
.iconbox {justify-content: space-around;padding-bottom: 5%;background: linear-gradient(
180deg, rgba(254,149,0,0.15) 0%, rgba(254,149,0,0) 100%);}
.iconbox a {display: flex;flex-direction: column;align-items: center;color:#371208; font-size: 1em; }
.iconbox a .iconfont { width: 1.6em; height:1.6em; color:#ffff; padding:2%; border-radius: .2em;display: flex;align-items: center; justify-content: center; font-size:2em; margin-bottom: 10px; }
.iconRed { background: linear-gradient(to left, #FF2D2D, #FF8080); }
.iconYellow { background: linear-gradient(to left, #e6c563, #e6c359); }
.iconGreen { background: linear-gradient(to left, #74c239, #c2d496); }
.iconOrange { background: linear-gradient(to left, #FFA34E, #FFDE72);}
.slideBox .item { height: 250px;}
.slideBox .item a, .slideBox .item img { width: auto;height: 100%;object-fit: scale-down;margin-left: -40px;}
.menu .iconfont {font-size: 2em;display: none !important;}
.container {width: 100%;padding: 0;}
.container, .indexpart { max-width: 100%;}
.indexpart h2 { font-size: 2em; padding: 5% 0 8% !important; width: 100%;}
.indexpart h2 font { font-size: .6em;}
.yuanjing h2 { font-size: 1.45em;}
.indexstory {padding: 8% 5%;width: 90%;}
.indexstory,.indexstory .cont,.subBrand .text { font-size: 1.1em;line-height: 2em; margin-top: 1em;}
.indexstory .yuanjing {font-size: 1.2em;line-height: 2em;}
.indexstory .ullist { flex-flow:column;display: flex;flex-direction: row;align-items: flex-start;flex-wrap: wrap;margin: 6% auto 0;}
.indexstory .ullist li {border-right:none;padding-right: 0; width: 50%; margin: 3% 0;justify-content: center;}
.indexstory .ullist li .iconfont {width: 30px;height: 30px;line-height: 30px;font-size: 20px;border: 1px solid #371208;}
.indexstory .ullist li .right {margin-left: 5%;font-size: 1em;}
.indexstory .ullist li .right span {font-size: 1.32em;margin-bottom: 0;}
.indexstory b {letter-spacing:0;font-size: 1.2em;}
.section-3 .ullist li { width: 30%;}
/* .section-wrap {margin-top:80px;} */
.section-wrap .section {height:43em}
.section-wrap .section-1 {margin-top: 5em;}
.section-wrap .section-4 {background-position-x: right;height: 43em;}
.section .subBrand {width: 80%;top: 30%;top: 10%;}
.section .subBrand .subTitle {margin-bottom: 5%;font-size: 1.8em;text-align: center;}
.section-btn,.arrow {display:none;}
.indexbutton { padding: 0 15px;}
.Box_con .conbox {background: none; width: 60%; }
.Box_con .conbox ul {width: auto!important;padding-left:62em;}
.Box_con .conbox ul li {padding:2% 1%;}
.Box_con .btn,.BoxSwitch { display: block; }
.Box_con .btnl {left:3%}
.Box_con .btnr {right: 3%;}
.Boxproduct .btn {display: none;}
.Boxproduct .conbox {width: 90% !important;margin: 0 auto;padding: 0 3%;}
.Boxproduct .conbox ul {flex-flow:column;width: 90% !important;padding-left: 0;}
.Boxproduct .conbox ul li {width: 90%;padding: 5%;margin: 5% auto 0;}
.Boxproduct .conbox ul li a {display: block;}
.Boxproduct .conbox ul li img {width: 100%;height: auto;}
.indexproductlist {margin: 5%;width: 85%;height: auto;}
.indexproductlist li {width: 86%; margin: 3%;padding: 5%;}
.indexproduct{flex-flow: column;margin: 5%;width: 90%;height: auto;}
.indexproduct .left {width: 100%;}
.indexproduct .right { padding: 6%;}
.indexproduct .right .title {align-items: center;}
.indexproduct .right .part {margin: 0;}
.indexcooperate {flex-flow: column;margin: 1% 5% 0;width: 90%;height: auto;}
.indexcooperate .module {width: 90%;height: auto;margin: 2%;line-height: 2em;font-size: .8em;padding: 7% 5%;}
.indexcooperate .module .part {height: auto;line-height: 2em;margin: 3% 0;}
.indexcooperate .module p {font-size: .8em;}
.footer {flex-flow: column;text-align: center; padding: 2% 10%;width: 80%;line-height: 2em;height: auto;}
.footer a {display: block;}
.public-num-contents {height: 18em; background-size: contain;margin-left: 2em;width: auto;}
.public-num-content-box {padding: 3%; width: 94%; height:auto;}
.under-line {font-size: 1.25em;}
.under-line:before {width: 35%;}
.under-line:after {width: 65%;}
.public-num-content-container {padding-bottom:0}
.publiccode {margin:5% auto;width:80%;flex-flow: column;background:#fff;border: 1px solid #ede9e5;padding: 0 0 5%;}
.publiccode img {margin:1%;}
.publiccode .qrcode {background:#8e7474;padding:3% 0;font-size:1em;width: 88%;text-align: center;}
}