*{margin:0;padding:0}
body{color:#222; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size:1rem; font-family:Arial; background:#fff;}
a{text-decoration:none; color: inherit; white-space:normal !important;}
img{border:0}
li{list-style:none; white-space:normal !important;}
dl{white-space:normal !important;}
dt{white-space:normal !important;}
dd{white-space:normal !important;}
p{white-space:normal !important;}
span{white-space:normal !important;}
strong{white-space:normal !important;}
.width{margin:0 auto;}
.fl{float:left;}
.fr{ float:right;}

@media(min-width:1200px)and (max-width:300000px){
.w70{ width:70%; margin:auto;}
.w75{ width:75%; margin:auto;}
.w80{ width:80%; margin:auto;}
.w85{ width:85%; margin:auto;}
.w90{ width:90%; margin:auto;}
.w92{ width:92%; margin:auto;}
.w94{ width:94%; margin:auto;}
.w96{ width:96%; margin:auto;}
.w98{ width:98%; margin:auto;}

.translateSelectLanguage{position:fixed; z-index:9999999; top:44px; right:4%; padding:6px 4px;}
select{outline:none !important; background:#000; color:#FFF;}

.topbj{background:#011714; width: 100%; z-index:999; position:fixed; top:0px; border-bottom:rgba(232,200,150,0.1) 1px solid;}
.topbj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:100px; margin-left:80px; margin-right:80px;}
.topbj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; height:100px;}
.topbj .width .logo a{display:flex; flex-wrap:wrap; align-items: center; justify-content:center; height:100px;}
.topbj .width .logo a img{height:46px;}
.topbj .width #Menu-btn{display:none;}
.topbj .width #Menu-btn dl{display:none;}
.topbj .width #Menu-btn-h{display:none;}
.topbj .width #menu1{display:none;}
.topbj .width .fr{display:flex; flex-wrap:wrap; align-items:center;}
.topbj .width .fr .navBar{z-index:1; margin-left:2vw; height:100px; }
.topbj .width .fr .navBar .nav{}
.topbj .width .fr .navBar .nav ul{display:flex; flex-wrap:wrap;}
.topbj .width .fr .navBar .nav li{position:relative; margin-top:20px;}
.topbj .width .fr .navBar .nav .m{float:left; height:45px; line-height:45px; margin-left:60px; color:#FFF;}
.topbj .width .fr .navBar .nav .m a:hover{color:#e8c896;}

.active-head{color:#e8c896; display:block;}
.active-head p{width:40px; height:3px; background:#e8c896; margin:auto; border-radius:3px;}

#wap_logo_main{display:none;}
#wap_navigation{display:none;}
#wap_navigationshade{display: none; }
.seachwrap{display:none;}

.focusBox {position: relative; width:100%; height:900px; overflow: hidden; }
.focusBox .pic{position:relative; z-index:0;height:900px;}
.focusBox .pic img {position:absolute; width:100%; height:900px; display: block; object-fit: cover; }
.focusBox .hd { width:100%; position: absolute; bottom: 30px; font-size:0; z-index:1; left:10%;}
.focusBox .hd li{margin: 0 5px; width:16px; height: 16px; border-radius:100%; background:#ff7800; overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1; opacity:0.5;}
.focusBox .hd .on{background:#ff7800; opacity:1;}

.focusBox-wap{ display:none;}

.index1{overflow:hidden; margin-top:90px; margin-bottom:80px;}
.index1 .txt{text-align:center; width:100%; margin-bottom:80px;}
.index1 .txt dt{font-size:40px; color:#072e23; font-weight:bold;}
.index1 .txt p{background:#e8c896; width:40px; height:4px; margin:auto; border-radius:3px; margin-top:30px;}
.index1 .bod{margin-left:80px; margin-right:80px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:40px;}
.index1 .bod dl{width:21.25%; display: flex; flex-wrap:wrap; align-items: center; display: grid; grid-template-columns:auto 1fr; background:#fff; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.1)) drop-shadow(-2px -2px 6px rgba(0, 0, 0, 0.1)); padding:60px 0px; border-radius:15px;}
.index1 .bod dl dt{width:40px; margin-left:35px;}
.index1 .bod dl dt img{width:40px; filter:drop-shadow(#072e23 0px 10000000px); transform: translateY(-10000000px);}
.index1 .bod dl dd{margin-left:20px; margin-right:35px; font-size:24px; color:#072e23;}
.index1 .bod dl dd p{font-size:16px; color:#333; margin-top:15px;}
.index1 .bod dl:hover{background:#072e23;}
.index1 .bod dl:hover dt img{filter:drop-shadow(#daa754 0px 10000000px); transform: translateY(-10000000px);}
.index1 .bod dl:hover dd{color:#daa754;}
.index1 .bod dl:hover dd p{color:#daa754;}
.index1 .bod li{width:5%; display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index1 .bod li img{width:40px;}

.index2{overflow:hidden; background:#f5f5f5;}
.index2 .txt{text-align:center; width:100%; margin-top:90px;}
.index2 .txt dt{font-size:40px; color:#072e23; font-weight:bold;}
.index2 .txt p{background:#e8c896; width:40px; height:4px; margin:auto; border-radius:3px; margin-top:30px;}
.index2 .bod{margin-left:80px; margin-right:80px; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.1)) drop-shadow(-2px -2px 6px rgba(0, 0, 0, 0.1)); background:#FFF; border-radius:15px; padding:60px 0px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index2 .bod .item:nth-child(1){ margin-left:7%;}
.index2 .bod .item:nth-child(4){ margin-right:7%;}
.index2 .bod .item .title{color:#072e23;}
.index2 .bod .item .title dl{display:flex; flex-wrap:wrap; align-items: center; display:grid; grid-template-columns:auto 1fr;}
.index2 .bod .item .title dl img{width:47px; height:47px; margin-right:10px;}
.index2 .bod .item .title dl dt{display: flex; flex-wrap:wrap; font-size:48px;}
.index2 .bod .item .title dl dt p{font-size:22px; margin-left:5px; margin-top:20px;}
.index2 .bod .item .neirong{margin-top:15px;}
.index2 .bod .item .neirong dt{font-size:20px; font-weight:bold;}
.index2 .bod .item .neirong dd{ margin-top:5px;}
.index2 .bod1{margin-left:80px; margin-right:80px; margin-top:60px; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:90px;}
.index2 .bod1 dl{width:23%; border-radius:15px; overflow:hidden; background:#FFF; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.1)) drop-shadow(-2px -2px 6px rgba(0, 0, 0, 0.1)); padding-bottom:40px;}
.index2 .bod1 dl dt{position:relative; padding-bottom:70%;}
.index2 .bod1 dl dt img{position:absolute; width:100%; height:100%;}
.index2 .bod1 dl dd{margin-left:30px; margin-right:30px; margin-top:20px; font-size:20px; font-weight:bold; color:#072e23;}
.index2 .bod1 dl p{margin-left:30px; margin-right:30px; margin-top:10px; font-size:16px; color:#666; margin-bottom:25px;}
.index2 .bod1 dl ul{margin-bottom:15px; margin-left:30px; margin-right:30px; display:flex; flex-wrap:wrap; align-items:center;}
.index2 .bod1 dl ul li{width:45%; display:flex; flex-wrap:wrap; align-items:center;}
.index2 .bod1 dl ul li img{ width:6px; margin-top:2px; margin-right:8px;}

.index3{width:100%; overflow:hidden; margin-top:90px;}
.index3 .bod{margin-left:80px; margin-right:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index3 .bod .fl{width:30%;}
.index3 .bod .fl dl{}
.index3 .bod .fl dl dt{font-size:60px; color:#072e23;}
.index3 .bod .fl dl dd{font-size:36px; color:#222; font-weight:bold;}
.index3 .bod .fl ul{margin-top:50px;}
.index3 .bod .fl ul li{margin-top:15px; font-size:18px;}
.index3 .bod .fr{width:65%;}
.index3 .bod .fr .txt{width:100%; text-align:center;}
.index3 .bod .fr .txt dl dt{font-size:44px; font-weight:bold; color:#072e23;}
.index3 .bod .fr .txt dl dd{font-size:34px; color:#333; margin-top:15px;}
.index3 .bod .fr .item {margin-top:50px; width:100%;}
.index3 .bod .fr .item img{width:100%;}

.index4{width:100%; overflow:hidden; margin-top:90px; border-top:#eee 1px solid;}
.index4 .bod{margin-left:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index4 .bod .fl{width:57%;}
.index4 .bod .fl .txt{font-size:44px; font-weight:bold; color:#072e23;}
.index4 .bod .fl .item{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:10px;}
.index4 .bod .fl .item .item1{width:47.5%;}
.index4 .bod .fl .item .item1 dl{font-size:20px; font-weight:bold; margin-bottom:40px;}
.index4 .bod .fl .item .item1 ul li{font-size:18px; margin-top:15px;}
.index4 .bod .fl .item .item2{width:47.5%;}
.index4 .bod .fl .item .item2 dl{display: flex; flex-wrap:wrap; align-items:center; display:grid; grid-template-columns:auto 1fr; margin-bottom:70px;}
.index4 .bod .fl .item .item2 dl dt{margin-right:15px;}
.index4 .bod .fl .item .item2 dl dt img{width:50px; height:50px; filter:drop-shadow(#072e23 0px 10000000px); transform: translateY(-10000000px);}
.index4 .bod .fl .item .item2 dl dd{font-size:24px; font-weight:bold;}
.index4 .bod .fl .item .item2 dl dd p{ font-size:16px; margin-top:8px; font-weight:normal;}
.index4 .bod .fl .item .item2 dl:nth-child(2){ margin-bottom:0;}
.index4 .bod .fr{width:43%;}
.index4 .bod .fr img{width:100%;}

.index5{width:100%; overflow:hidden; margin-top:-4px; border-top:#eee 1px solid; background:url(../images/index5bj.jpg) no-repeat center top;}
.index5 .txt{font-size:36px; font-weight:bold; color:#072e23; margin-left:80px; margin-top:100px;}
.index5 .bod{margin-left:80px; margin-top:80px; margin-bottom:100px;}
.index5 .bod dl{display: flex; flex-wrap:wrap; align-items:center; display:grid; grid-template-columns:auto 1fr; margin-bottom:50px;}
.index5 .bod dl dt{margin-right:30px;}
.index5 .bod dl dt img{width:53px; filter:drop-shadow(#daa754 0px 10000000px); transform: translateY(-10000000px);}
.index5 .bod dl .neirong dd{font-size:24px;}
.index5 .bod dl .neirong li{margin-top:10px;}
.index5 .bod dl .neirong li p{margin-top:5px;}

.footer{overflow:hidden; background:#072e23; color:#FFF; padding:60px 0px;}
.footer .bod{overflow:hidden;display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-left:80px; margin-right:80px;}
.footer .bod .fl{width:30%;}
.footer .bod .fl dt{font-size:30px; font-weight:bold; color:#FFF;}
.footer .bod .fl dd{width:fit-content;background:#daae74; padding:10px 35px; color:#072e23; display:flex; flex-wrap:wrap; align-items:center; padding-bottom:12px; border-radius:5px; margin-top:30px;}
.footer .bod .fl dd span{font-size:18px; margin-left:10px;}
.footer .bod .fr{width:50%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.footer .bod .fr .item1{width:35%; border-right:rgba(255,255,255,0.2) 1px solid;}
.footer .bod .fr .item1 dl dt img{width:160px;}
.footer .bod .fr .item1 dl dd{margin-top:10px;}
.footer .bod .fr .item2{width:50%;}
.footer .bod .fr .item2 dl{margin:20px 0px; display: flex; flex-wrap:wrap; align-items:center; display:grid; grid-template-columns:auto 1fr;}
.footer .bod .fr .item2 dl dt{ margin-right:10px;}
.footer .bod .fr .item2 dl dt img{ width:18px; filter:drop-shadow(#daa754 0px 10000000px); transform: translateY(-10000000px);}

.bottom{width:100%; margin:20px 0px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.bottom .fl{margin-left:80px;}
.bottom .fr{margin-right:80px;}
.bottom .fr ul{display:flex; flex-wrap:wrap;}
.bottom .fr ul li{margin-left:20px; border-left:#CCC 1px solid; padding-left:20px; line-height:16px;}
.bottom .fr ul li:nth-child(1){border-left:none;}

.nybanner{width:100%;overflow: hidden;}
.nybanner .banner-item{position:relative; height:700px;}
.nybanner .banner-item img{position:absolute; width:100%; height:100%; object-fit: cover;}

.breadcrumb{width:100%; border-top:rgba(255,255,255,0.1) 1px solid; background:#072e23; padding-top:20px; padding-bottom:22px;}
.breadcrumb .container{ width:1200px; margin:auto; color:#FFF;}

.breadcrumb1{width:100%; border-bottom:#eee 1px solid; padding-top:20px; padding-bottom:22px;}
.breadcrumb1 .container1{ width:1200px; margin:auto;}

.about{width:1200px; margin: auto; overflow:hidden; margin-top:50px; margin-bottom:50px;}
.about dt{font-size:24px; font-weight:bold; color:#072e23;}
.about dd{margin-top:20px;}
.about dd p{ margin-top:10px;}

.aboutus{ overflow:hidden; margin-top:80px;}
.aboutus h2{font-size:36px; width:1200px; margin: auto; color:#072e23;}
.aboutus .bod{width:1200px; margin: auto; overflow:hidden; margin-top:30px;}
.aboutus .bod img{width:100%;}
.aboutus .bod p{margin-bottom:30px; line-height:30px;}

.about-anli{border-top:#eee 1px solid; width:100%; margin-top:50px; background:#f8f8f8; padding-bottom:80px;}
.about-anli .txt{font-size:36px; width:1200px; margin: auto; color:#072e23; font-weight:bold; margin-top:80px;}
.about-anli .bod{width:1200px; margin:auto;}
.about-anli .bod dl{display: flex; flex-wrap:wrap; align-items:center; display:grid; grid-template-columns:auto 1fr; margin-top:50px;}
.about-anli .bod dl dt{width:400px;}
.about-anli .bod dl dt img{width:100%; border-radius:15px;}
.about-anli .bod dl ul{width:750px; margin-left:50px;}
.about-anli .bod dl ul li{font-size:24px; font-weight:bold;}
.about-anli .bod dl ul dd{margin-top:15px;}
.about-anli .bod dl ul dd p{ margin-top:5px;}

.divider{ width:100%; background:#FFF; overflow:hidden; height:100px;}

.product-ico{ width:75%; margin:auto; margin-top:40px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: space-between;}
.product-ico .fl{ width:40%;}
.product-ico .fl .game163{overflow:hidden;}
.product-ico .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product-ico .fl .game163 .bigImg li{border:1px solid #dcdddd; background:#FFF;}
.product-ico .fl .game163 .bigImg li figure{position:relative; padding-bottom:100%; }
.product-ico .fl .game163 .bigImg li figure img{ position:absolute;width:90%; height:90%; margin-left:5%; margin-top:5%;}
.product-ico .fl .game163 .smallScroll{margin-top:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product-ico .fl .game163 .sPrev { width:6%;}
.product-ico .fl .game163 .sPrev img{ width:14px;}
.product-ico .fl .game163 .sNext{ width:6%;}
.product-ico .fl .game163 .sNext img{ width:14px;}
.product-ico .fl .game163 .sPrev:hover{ color:#5c1717;}
.product-ico .fl .game163 .sNext:hover{ color:#5c1717;}
.product-ico .fl .game163 button{ outline:none; background:none; border:none;}
.product-ico .fl .game163 .smallImg{float:left;  display:inline; width:88%; overflow:hidden;}
.product-ico .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; width:100%;}
.product-ico .fl .game163 .smallImg li{width:20%;}
.product-ico .fl .game163 .smallImg li figure{position:relative; padding-bottom:100%; margin:auto;}
.product-ico .fl .game163 .smallImg li figure img{ position:absolute; width:90%; height:90%; margin-left:5%; margin-top:5%; border:1px solid #ddd;}
.product-ico .fl .game163 .smallImg .on img{border:2px solid #0054a6;}
.product-ico .fr{ width:55%;}
.product-ico .fr .txt{ padding-bottom:20px; border-bottom:#ddd 1px dashed; margin-bottom:20px;}
.product-ico .fr .txt h1{font-size:30px;}
.product-ico .fr .txt h2{font-size:20px; margin-top:15px;}
.product-ico .fr .txt .download-btn{margin-top:10px; display:flex;flex-wrap:wrap;align-items:center;}
.product-ico .fr .txt .download-btn span{font-size:16px;}
.product-ico .fr .txt .download-btn img{ width:18px; margin-left:10px;}
.product-ico .fr .anniu{ width:180px; height:40px; background:#e8c896; color:#FFF; font-size:18px; line-height:40px; text-align:center; margin-top:20px;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:50px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:15px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:5px 10px;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden;display:flex; flex-wrap:wrap;align-items:center; justify-content:center; padding:6px 10px; background:#e8c896; border:#e8c896 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; font-size:15px; padding:5px 10px; margin:0px 5px; background:#f5f5f5; transition: all 0.5s;}
.fanye a:hover{background:#e8c896; color:#fff; transition: all 0.5s; border:#e8c896 1px solid;}

.newslist{overflow:hidden; width:1200px; margin:auto; margin-top:50px;}
.newslist .fl{width:100%;}
.newslist .fl .bod{overflow:hidden;}
.newslist .fl .bod .item{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-bottom:50px; border-bottom:#eee 1px solid;}
.newslist .fl .bod .item .tutu{width:400px;}
.newslist .fl .bod .item .tutu p{position: relative; padding-bottom:70%; overflow:hidden; border-radius:15px; overflow:hidden;}
.newslist .fl .bod .item .tutu p img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.newslist .fl .bod .item .tutu p:hover img{transition: all 0.5s; transform: scale(1.03);}
.newslist .fl .bod .item .neirong{width:750px;}
.newslist .fl .bod .item .neirong h3{ font-size:22px;}
.newslist .fl .bod .item .neirong .data{ margin-top:15px; color:#999;}
.newslist .fl .bod .item .neirong .description{ font-size:16px; color:#666; margin-top:15px;}
.newslist .fl .bod .item .neirong .more{ margin-top:20px;}

.news-detail{ overflow:hidden; padding-top:50px; width:1000px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news-detail .article-wrapper{ width:1000px;}
.news-detail .article-header{padding-bottom:30; margin-bottom:30px; border-bottom:#ddd 1px dashed; padding-bottom:30px; width:100%;}
.news-detail .article-header h1{ font-size:24px; text-align:center; color:#072e23;}
.news-detail .article-header .meta-info{width:100%; display: flex; flex-wrap:wrap; justify-content:center;}
.news-detail .article-header .date{text-align:center; margin-top:20px; color:#999; width:100%; display: flex; flex-wrap:wrap; justify-content:center;}
.news-detail .article-header .summary{ font-size:16; text-align:center; font-weight:normal; color:#666; margin-top:20px;}
.news-detail .article-header .featured-image{width:600px; margin:auto; margin-top:30px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}
.news-detail .article-header .featured-image img{ margin:30px; width:540px;}
.news-detail .article-body{overflow:hidden;}
.news-detail .article-body img{width:100%; margin-bottom:40px;}
.news-detail .article-body p{ font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important;}
.news-detail .article-body span{text-wrap:wrap !important;}
.news-detail .post-navigation{ margin-bottom:40px; border-top:#CCC 1px dashed; width:100%; padding-top:30px;}
.news-detail .post-navigation .prev-post{ margin-bottom:15px;}

.message{overflow:hidden; padding-top:90px; margin-bottom:60px;}
.message .txt{ text-align:center;}
.message .txt h3{ font-size:36px;}
.message .txt p{ margin-top:15px; font-size:16px; color:#999;}
.message form{ margin-top:60px;}
.message form .form-group{ margin-bottom:20px; width:100%; overflow:hidden; display: flex; flex-wrap:wrap;}
.message form .form-group label{ font-size:16px; width:100%; text-align:left; color:#787878;}
.message form .form-group label span{ margin-right:5px; color:#ff9c00;}
.message form .form-group input{ width:98%; padding-left:1%; height:35px; border-radius:5px; border:#ddd 1px solid; margin-top:5px; font-size:14px; color:#aaa; outline:none;}
.message form .form-group input::placeholder{font-size:14px; color:#aaa;}
.message form .form-group-row{margin-bottom:20px; display:flex; flex-wrap:wrap; align-items:center;}
.message form .form-group-row label{font-size:16px; width:100%; margin-bottom:5px; color:#787878;}
.message form .form-group-row input{width:87%; border-radius:0px 5px 5px 0px; border:#ddd 1px solid; padding-left:1%; margin-left:-1px; height:35px; font-size:14px; color:#aaa; outline:none;}
.message form .form-group-row input::placeholder{font-size:14px; color:#aaa;}
.message form .form-group-row input:nth-child(2){width:10%; border-radius:5px 0px 0px 5px; margin-left:0px; height:35px;}
.message form .form-group input[name="products"] {color:#ff9c00 !important;}
.message form .form-group textarea{width:98%; padding-left:1%; height:100px; border-radius:5px; border:#ddd 1px solid; margin-top:5px; font-family:Arial; font-size:14px; color:#aaa; padding-top:8px; outline:none;}
.message form .form-submit button{ width:140px; margin:auto; height:38px; line-height:38px; background:#e8c896; border:none; color:#FFF; outline:none;}

.contact{overflow:hidden; width:1200px; margin:auto; margin-top:60px; margin-bottom:70px;}
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between; display:grid; grid-template-columns:auto 1fr;}
.contact .bod .fl{width:200px;}
.contact .bod .fl img{width:200px;}
.contact .bod .fl dd{ text-align:center; margin-top:10px;}
.contact .bod .fr{margin-left:100px;}
.contact .bod .fr .txt{font-size:30px; font-weight:bold; color:#072e23;}
.contact .bod .fr .item{margin-top:30px;}
.contact .bod .fr .item p{margin-top:15px;}
.contact .ditu{margin-top:30px; border-radius:15px; overflow:hidden;}

}

@media only screen and (max-width:1200px){
.w90{width:90%; margin:auto;}

.translateSelectLanguage{ position:fixed; z-index:9999999; top:1.8rem; right:20%;}
select{ outline:none !important; width:20% !important;}

.topNav{ display:none;}
.navBar{ display:none;}

.topbj{background:#011714; width: 100%; z-index:999; position:fixed; top:0px; border-bottom:rgba(232,200,150,0.1) 1px solid;}
.topbj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:3.5rem; width:94%; margin:auto; top:0px;}
.topbj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:3.5rem;}
.topbj .width .logo a{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:3.5rem;}
.topbj .width .logo a img{height:1.5rem;}
.topbj .width .fr dl{ display:none;}

.navBar{ display:none;}

.topbj #wap_logo_main{position: relative; height:3.5rem; display: block; position: absolute; top:0; right:1rem; z-index: 999; margin:auto;}
.topbj #wap_logo{position:relative; z-index: 99; background-color:rgba(255,255,255,0);}
.topbj #wap_logo .WebLogo{display: flex; align-items: center; max-height:3.5rem; }
.topbj #wap_logo .WebLogo .WebLogo{display:none;}
.topbj #wap_logo .WebLogo .languagebtn{display: flex; align-items: center; max-height:3.5rem;}
.topbj #wap_logo .WebLogo .shownavbtn{width:1.4rem; height:0.6rem; margin-top:1.4rem; border-top: 2px solid #e8c896; border-bottom: 2px solid #e8c896;display: flex; flex-direction: column; align-items: center; justify-content: center;}
.topbj #wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 2px; background:#e8c896;}
.topbj #wap_logo .WebLogo img{max-height:1.8rem; display:block;margin-left: 15px;}

.topbj #wap_navigationshade {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2003; background: rgba(0,0,0,.5); display: none; }
.topbj #wap_navigationshade:after,#wap_navigationshade:before{ content: ""; display:block; position:absolute; width:20px; height:2px; left:16%; margin-left:-40px;top:40px; background:#FFF;border-radius:3px;}
.topbj #wap_navigationshade:after{transform: rotate(45deg); }
.topbj #wap_navigationshade:before{transform: rotate(-45deg); }

.topbj .wap_navigationlist{position: fixed; right:-86%; top: 0; background: #FFF; overflow-y: scroll; width:86%; height: 100%; z-index: 999999999; }
.topbj .wap_navigationlist li{position: relative; } 
.topbj .wap_navigationlist li i.showmore{position: absolute; width:3rem; height: 50px; right: 0; top: 0; }
.topbj .wap_navigationlist li i.showmore:after,.wap_navigationlist li i.showmore:before{ content:''; display: block; background: #666; margin: auto; border-radius: 2px;position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 2px; }
.topbj .wap_navigationlist li i.showmore:before{width: 2px; height: 10px; }
.topbj .wap_navigationlist a{ position: relative; line-height: 50px; font-size:14px; color:#444; overflow:hidden; display:block; margin-left:1rem; }
.topbj .wap_navigationlist a.current{ color:#04a07b; }
.topbj .wap_navigationlist li.depth2 a{ text-indent: 30px; line-height: 35px; color: #555; }

.topbj .wap_subnavigationlist{ display: none; }
.topbj .wap_subnavigationlist a{ margin-left:2rem; line-height:1.6rem; margin-bottom:1rem;}

.topbj .wap_subnavigationlist .thirdwrap .depth3{ padding-left: 20px; height: 50px; display: flex; align-items: center; }
.topbj .wap_subnavigationlist .thirdwrap .depth3 a{ line-height: 1.4em; }

.topbj .seachwrap{ padding: 20px 1rem; }
.topbj .seachwrap form { max-width: 550px; background: #f5f5f5; border-radius: 50px; border: 1px solid #ddd; margin: 0 auto; overflow: hidden; display:flex; }
.topbj .seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; height: 40px; outline: none; background: #f5f5f5; }
.topbj .seachwrap input.Keywords {float: left; padding-left:5%;}
.topbj .seachwrap input.btnSearch {float: right; opacity: .5; background: #f5f5f5;}
.topbj .seachwrap button{border:none; outline:none; background: #f5f5f5; padding-right:5%;}
.topbj .seachwrap button img{ width:1rem; filter:drop-shadow(#e8c896 0px 10000000px); transform:translateY(-10000000px);}

.focusBox{display:none;}

.focusBox-wap{position: relative; width:100%; height:100vh; overflow: hidden; }
.focusBox-wap .pic-wap{position:relative; z-index:0;height:100vh;}
.focusBox-wap .pic-wap img {position:absolute; width:100%; height:100vh; display: block; object-fit: cover; }
.focusBox-wap .hd {width:100%; position: absolute; bottom: 30px; font-size:0; z-index:1; left:10%;}
.focusBox-wap .hd li{margin: 0 5px; width:16px; height: 16px; border-radius:100%; background:#ff7800; overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1; opacity:0.5;}
.focusBox-wap .hd .on{background:#ff7800; opacity:1;}

.index1{overflow:hidden; margin-top:2rem; margin-bottom:0.5rem;}
.index1 .txt{text-align:center; width:90%; margin:auto; margin-bottom:2rem;}
.index1 .txt dt{font-size:1.4rem; color:#072e23; font-weight:bold;}
.index1 .txt p{background:#e8c896; width:3rem; height:4px; margin:auto; border-radius:3px; margin-top:1rem;}
.index1 .bod{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; width:90%; margin:auto;}
.index1 .bod dl{width:100%; background:#fff; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.1)) drop-shadow(-2px -2px 6px rgba(0, 0, 0, 0.1)); padding:2rem 0px; border-radius:1rem; margin-bottom:1.5rem;}
.index1 .bod dl dt{width:2.5rem; margin:auto;}
.index1 .bod dl dt img{width:2.5rem; filter:drop-shadow(#072e23 0px 10000000px); transform: translateY(-10000000px);}
.index1 .bod dl dd{margin-left:1.5rem; margin-right:1.5rem; font-size:1.2rem; font-weight:bold; color:#072e23; text-align:center; margin-top:0.7rem;}
.index1 .bod dl dd p{margin-left:1.5rem; margin-right:1.5rem; font-size:1rem; color:#333; margin:auto;  margin-top:0.5rem; font-weight:normal;}
.index1 .bod dl:hover{background:#072e23;}
.index1 .bod dl:hover dt img{filter:drop-shadow(#daa754 0px 10000000px); transform: translateY(-10000000px);}
.index1 .bod dl:hover dd{color:#daa754;}
.index1 .bod dl:hover dd p{color:#daa754;}
.index1 .bod li{ display:none;}

.index2{overflow:hidden; background:#f5f5f5;}
.index2 .txt{text-align:center; width:100%; margin-top:2rem;}
.index2 .txt dt{font-size:1.4rem; color:#072e23; font-weight:bold;}
.index2 .txt p{background:#e8c896; width:40px; height:4px; margin:auto; border-radius:3px; margin-top:1rem;}
.index2 .bod{width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index2 .bod .item{width:100%; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.1)) drop-shadow(-2px -2px 6px rgba(0, 0, 0, 0.1)); background:#FFF; border-radius:15px; padding:2rem 0px; margin-bottom:1.5rem;}
.index2 .bod .item .title{color:#072e23; margin-left:2rem;}
.index2 .bod .item .title dl{display:flex; flex-wrap:wrap; align-items: center; display:grid; grid-template-columns:auto 1fr;}
.index2 .bod .item .title dl img{width:2.5rem; height:2.5rem; margin-right:0.5rem;}
.index2 .bod .item .title dl dt{display: flex; flex-wrap:wrap; font-size:2.5rem;}
.index2 .bod .item .title dl dt p{font-size:1.1rem; margin-left:0.3rem; margin-top:1rem;}
.index2 .bod .item .neirong{margin-top:1rem; margin-left:2rem; margin-right:2rem;}
.index2 .bod .item .neirong dt{font-size:1.2rem; font-weight:bold;}
.index2 .bod .item .neirong dd{margin-top:0.5rem;}
.index2 .bod1{ width:90%; margin:auto; margin-top:0.5rem; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:1rem;}
.index2 .bod1 dl{width:100%; border-radius:1rem; overflow:hidden; background:#FFF; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.1)) drop-shadow(-2px -2px 6px rgba(0, 0, 0, 0.1)); padding-bottom:1rem; margin-bottom:1.5rem;}
.index2 .bod1 dl dt{position:relative; padding-bottom:70%;}
.index2 .bod1 dl dt img{position:absolute; width:100%; height:100%;}
.index2 .bod1 dl dd{margin-left:1.5rem; margin-right:1.5rem; margin-top:1rem; font-size:1.2rem; font-weight:bold; color:#072e23;}
.index2 .bod1 dl p{margin-left:1.5rem; margin-right:1.5rem; margin-top:10px; font-size:1rem; color:#666; margin-bottom:1rem;}
.index2 .bod1 dl ul{margin-bottom:0.7rem; margin-left:1.5rem; margin-right:1.5rem; display:flex; flex-wrap:wrap; align-items:center;}
.index2 .bod1 dl ul li{width:45%; display:flex; flex-wrap:wrap; align-items:center;}
.index2 .bod1 dl ul li img{ width:6px; margin-top:2px; margin-right:8px;}

.index3{width:100%; overflow:hidden; margin-top:2rem;}
.index3 .bod{ width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.index3 .bod .fl{width:100%;}
.index3 .bod .fl dl{}
.index3 .bod .fl dl dt{font-size:2.2rem; color:#072e23;}
.index3 .bod .fl dl dd{font-size:1.4rem; color:#222; font-weight:bold; margin-top:0.5rem;}
.index3 .bod .fl ul{margin-top:1.5rem;}
.index3 .bod .fl ul li{margin-top:0.7rem; font-size:1rem;}
.index3 .bod .fr{width:100%; margin-top:2rem;}
.index3 .bod .fr .txt{width:100%;}
.index3 .bod .fr .txt dl dt{font-size:1.6rem; font-weight:bold; color:#072e23;}
.index3 .bod .fr .txt dl dd{font-size:1.1rem; color:#333; margin-top:0.5rem;}
.index3 .bod .fr .item {margin-top:2rem; width:100%;}
.index3 .bod .fr .item img{width:100%;}

.index4{width:100%; overflow:hidden; margin-top:2rem; border-top:#eee 1px solid;}
.index4 .bod{width:90%; margin:auto;}
.index4 .bod .fl{ margin-top:1.5rem;}
.index4 .bod .fl .txt{font-size:1.4rem; font-weight:bold; color:#072e23;}
.index4 .bod .fl .item{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:10px;}
.index4 .bod .fl .item .item1{width:100%;}
.index4 .bod .fl .item .item1 dl{font-size:1rem; font-weight:bold; margin-bottom:1.5rem;}
.index4 .bod .fl .item .item1 ul li{font-size:1rem; margin-top:1rem;}
.index4 .bod .fl .item .item2{width:100%; margin-top:2rem;}
.index4 .bod .fl .item .item2 dl{display: flex; flex-wrap:wrap; align-items:center; display:grid; grid-template-columns:auto 1fr; margin-bottom:1rem; background:#f8f8f8; border-radius:1rem; padding:2rem 0rem;}
.index4 .bod .fl .item .item2 dl dt{margin-right:1rem; margin-left:1.5rem;}
.index4 .bod .fl .item .item2 dl dt img{width:2.5rem; height:2.5rem; filter:drop-shadow(#072e23 0px 10000000px); transform: translateY(-10000000px);}
.index4 .bod .fl .item .item2 dl dd{font-size:1.2rem; font-weight:bold; margin-right:1.5rem;}
.index4 .bod .fl .item .item2 dl dd p{ font-size:1rem; margin-top:0.5rem; font-weight:normal;}
.index4 .bod .fl .item .item2 dl:nth-child(2){ margin-bottom:0;}
.index4 .bod .fr{width:100%; margin-top:2rem;}
.index4 .bod .fr img{width:100%; border-radius:1rem;}

.index5{width:100%; overflow:hidden; margin-top:-4px; border-top:#eee 1px solid; background:url(../images/index5bj.jpg) no-repeat center top; background-size:cover;}
.index5 .txt{font-size:1.4rem; font-weight:bold; color:#072e23; width:90%; margin:auto; text-align:center; margin-top:2rem;}
.index5 .bod{width:90%; margin:auto; margin-bottom:2rem; margin-top:2rem;}
.index5 .bod dl{display: flex; flex-wrap:wrap; display:grid; grid-template-columns:auto 1fr; margin-bottom:2rem;}
.index5 .bod dl dt{margin-right:1rem;}
.index5 .bod dl dt img{width:2rem; filter:drop-shadow(#daa754 0px 10000000px); transform: translateY(-10000000px);}
.index5 .bod dl .neirong dd{font-size:1.1rem; font-weight:bold;}
.index5 .bod dl .neirong li{margin-top:0.5rem;}
.index5 .bod dl .neirong li p{margin-top:0.3rem; font-size:1rem;}

.footer{overflow:hidden; background:#072e23; color:#FFF; padding:2rem 0px;}
.footer .bod{overflow:hidden;display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:90%; margin:auto;}
.footer .bod .fl{width:100%;}
.footer .bod .fl dt{font-size:1.4rem; font-weight:bold; color:#FFF;}
.footer .bod .fl dd{width:fit-content;background:#daae74; padding:0.6rem 2rem; color:#072e23; display:flex; flex-wrap:wrap; align-items:center; padding-bottom:0.7rem; border-radius:0.5rem; margin-top:1rem;}
.footer .bod .fl dd span{font-size:18px; margin-left:10px;}
.footer .bod .fr{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2rem;}
.footer .bod .fr .item1{width:30%;}
.footer .bod .fr .item1 dl dt img{width:100%;}
.footer .bod .fr .item1 dl dd{margin-top:0.5rem; font-size:0.9rem; text-align:center;}
.footer .bod .fr .item2{width:65%;}
.footer .bod .fr .item2 dl{display: flex; flex-wrap:wrap; align-items:center; display:grid; grid-template-columns:auto 1fr; margin-bottom:1rem;}
.footer .bod .fr .item2 dl dt{ margin-right:0.5rem;}
.footer .bod .fr .item2 dl dt img{ width:1rem; filter:drop-shadow(#daa754 0px 10000000px); transform: translateY(-10000000px);}

.bottom{width:90%; margin:auto; overflow:hidden; margin-top:1rem; margin-bottom:1rem;}
.bottom .fl{ text-align:center; width:100%;}
.bottom .fr{ margin-top:1rem; width:100%;}
.bottom .fr ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.bottom .fr ul li{line-height:1rem; margin:0rem 0.5rem;}

.nybanner{width:100%;overflow: hidden; margin-top:3rem;}
.nybanner .banner-item{ position:relative; height:10rem;}
.nybanner .banner-item img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner .banner-item .info{position:absolute; left:0; right:0; top:0; bottom:0; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.nybanner .banner-item .info h1{font-size:1.4rem;}

.breadcrumb{ width:100%; border-bottom:#eee 1px solid;}
.breadcrumb .container{ width:90%; margin:0.8rem auto; font-size:0.9rem;}

.breadcrumb1{width:100%; border-bottom:#eee 1px solid;}
.breadcrumb1 .container1{ width:90%; margin:auto; font-size:0.9rem; margin-top:0.4rem; margin-bottom:0.9rem;}

.about{width:90%; margin: auto; overflow:hidden; margin-top:2rem; margin-bottom:2rem;}
.about dt{font-size:1.2rem; font-weight:bold; color:#072e23;}
.about dd{margin-top:1rem;}
.about dd p{ margin-top:0.5rem;}

.aboutus{ overflow:hidden; margin-top:2rem;}
.aboutus h2{font-size:1.4rem; width:90%; margin: auto; color:#072e23;}
.aboutus .bod{width:90%; margin: auto; overflow:hidden; margin-top:1rem;}
.aboutus .bod img{width:100%;}
.aboutus .bod p{margin-bottom:1rem; line-height:1.5rem;}

.about-anli{border-top:#eee 1px solid; width:100%; margin-top:2rem; background:#f8f8f8; padding-bottom:0.5rem;}
.about-anli .txt{font-size:1.4rem; width:90%; margin: auto; color:#072e23; font-weight:bold; margin-top:2rem; text-align:center;}
.about-anli .bod{width:90%; margin:auto;}
.about-anli .bod dl{margin-top:1.5rem; border-bottom:#ddd 1px dashed; padding-bottom:1.5rem;}
.about-anli .bod dl dt{width:100%;}
.about-anli .bod dl dt img{width:100%; border-radius:15px;}
.about-anli .bod dl ul{width:100%; margin-top:1rem;}
.about-anli .bod dl ul li{font-size:1.2rem; font-weight:bold;}
.about-anli .bod dl ul dd{margin-top:0.6rem;}
.about-anli .bod dl ul dd p{ margin-top:0.4rem;}

.productlist{ width:90%; margin:auto; margin-top:1rem; display: flex; flex-wrap:wrap; justify-content:space-between;}
.productlist .txt{ width:100%;}
.productlist .txt p{margin-bottom:10px; width:100%; font-size:1.2rem;}
.productlist .txt p:hover{color:#e8c896;}
.productlist .txt .neirong{width:100%; display: flex; flex-wrap:wrap;}
.productlist .txt .neirong h2{font-size:1rem; width:92%; border:#ddd 1px solid; padding-left:4%; line-height:1.2rem; margin-top:0.2rem; padding-right:4%; padding-top:0.5rem; padding-bottom:0.5rem;}
.productlist .product-grid{width:100%; display: flex; flex-wrap:wrap; margin-top:1rem}
.productlist .product-grid .product-card{width:100%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); transition: all 0.5s; margin-bottom:1rem;}
.productlist .product-grid .product-card .img-box{ position:relative; padding-bottom:90%; width:90%; margin-left:5%;}
.productlist .product-grid .product-card .img-box img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.productlist .product-grid .product-card .product-title{width:90%; margin:auto; text-align:center; font-size:1rem; margin-top:0.5rem; margin-bottom:0.7rem;}
.productlist .product-grid .product-card .learn-more{background:#e8c896; width:10rem; margin:auto; margin-bottom:1rem; padding:0.5rem 0px; color:#FFF; transition: all 0.5s;display:flex; flex-wrap:wrap; justify-content:center;}
.productlist .product-grid .product-card:hover{ background:#e8c896; color:#FFF; transition: all 0.5s; margin-top:-20px;}
.productlist .product-grid .product-card:hover .img-box img{transition: all 2s; transform: scale(1.1);}
.productlist .product-grid .product-card:hover .learn-more{background:#fff; color:#e8c896; transition: all 0.5s;}

.productlist-active{color:#e8c896;}
.productlist-active img{filter:drop-shadow(#e8c896 0px 10000000px); transform: translateY(-10000000px);}

.divider{ width:100%; background:#FFF; overflow:hidden; height:4rem;}

.product-active{ background:#e8c896; color:#FFF;}

.product-ico{ width:90%; margin:auto; margin-top:5vw; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: space-between;}
.product-ico .fl{ width:100%;}
.product-ico .fl .game163{overflow:hidden;}
.product-ico .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product-ico .fl .game163 .bigImg li{border:1px solid #dcdddd; background:#FFF;}
.product-ico .fl .game163 .bigImg li figure{position:relative; padding-bottom:100%; }
.product-ico .fl .game163 .bigImg li figure img{ position:absolute;width:90%; height:90%; margin-left:5%; margin-top:5%;}
.product-ico .fl .game163 .smallScroll{margin-top:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product-ico .fl .game163 .sPrev { width:6%;}
.product-ico .fl .game163 .sPrev img{ width:14px;}
.product-ico .fl .game163 .sNext{ width:6%;}
.product-ico .fl .game163 .sNext img{ width:14px;}
.product-ico .fl .game163 .sPrev:hover{ color:#5c1717;}
.product-ico .fl .game163 .sNext:hover{ color:#5c1717;}
.product-ico .fl .game163 button{ outline:none; background:none; border:none;}
.product-ico .fl .game163 .smallImg{float:left;  display:inline; width:88%; overflow:hidden;}
.product-ico .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; width:100%;}
.product-ico .fl .game163 .smallImg li{width:20%;}
.product-ico .fl .game163 .smallImg li figure{position:relative; padding-bottom:100%; margin:auto;}
.product-ico .fl .game163 .smallImg li figure img{ position:absolute; width:90%; height:90%; margin-left:5%; margin-top:5%; border:1px solid #ddd;}
.product-ico .fl .game163 .smallImg .on img{border:2px solid #0054a6;}
.product-ico .fr{ width:100%; margin-top:1.5rem;}
.product-ico .fr .txt{ padding-bottom:20px; border-bottom:#ddd 1px dashed; margin-bottom:20px;}
.product-ico .fr .txt h1{font-size:1.4rem;}
.product-ico .fr .txt h2{font-size:1.1rem; margin-top:15px;}
.product-ico .fr .txt .download-btn{margin-top:10px; display:flex;flex-wrap:wrap;align-items:center;}
.product-ico .fr .txt .download-btn span{font-size:16px;}
.product-ico .fr .txt .download-btn img{ width:18px; margin-left:10px;}
.product-ico .fr .anniu{ width:10rem; height:2.6rem; background:#e8c896; color:#FFF; font-size:1rem; line-height:2.6rem; text-align:center; margin-top:1rem;}

.newslist{overflow:hidden; width:90%; margin:auto; margin-top:1rem; margin-bottom:2rem;}
.newslist .fl{width:100%;}
.newslist .fl .bod{overflow:hidden;}
.newslist .fl .bod .item{display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:2rem;}
.newslist .fl .bod .item .neirong{width:100%; border-bottom:#eee 1px solid; margin-top:1rem;}
.newslist .fl .bod .item .neirong h3{ font-size:1.1rem;}
.newslist .fl .bod .item .neirong .data{ margin-top:15px; color:#999;}
.newslist .fl .bod .item .neirong .description{ font-size:0.9rem; color:#666; margin-top:0.5rem; line-height:1.4rem;}
.newslist .fl .bod .item .neirong .more{ margin-top:1rem; width:10rem; height:2.6rem; line-height:2.5rem; text-align:center; background:#072e23; color:#fff;}
.newslist .fl .bod .item .tutu{width:100%;}
.newslist .fl .bod .item .tutu p{position: relative; padding-bottom:70%; overflow:hidden;}
.newslist .fl .bod .item .tutu p img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.newslist .fl .bod .item .tutu p:hover img{transition: all 0.5s; transform: scale(1.03);}

.news-detail{ overflow:hidden; margin-top:1rem; width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news-detail .article-wrapper{ width: auto;}
.news-detail .article-header{margin-bottom:1rem; border-bottom:#ddd 1px dashed; padding-bottom:1rem; width:100%;}
.news-detail .article-header h1{ font-size:1.2rem; text-align:center; color:#072e23; margin-top:1.5rem;}
.news-detail .article-header .meta-info{width:100%; display: flex; flex-wrap:wrap; justify-content:center;}
.news-detail .article-header .date{text-align:center; margin-top:1rem; color:#999; width:100%; display: flex; flex-wrap:wrap; justify-content:center;}
.news-detail .article-header .summary{ font-size:1rem; text-align:center; font-weight:normal; color:#666; margin-top:1rem;}
.news-detail .article-header .featured-image{width:100%;  margin-top:1rem;}
.news-detail .article-header .featured-image img{ width:100%;}
.news-detail .article-body{overflow:hidden;}
.news-detail .article-body img{width:100%; margin-bottom:2rem;}
.news-detail .article-body p{ font-size:1rem; color:#666; line-height:1.6rem; margin-bottom:1rem; text-wrap:wrap !important;}
.news-detail .article-body span{text-wrap:wrap !important;}
.news-detail .post-navigation{ margin-bottom:2rem; border-top:#CCC 1px dashed; width:100%; padding-top:1rem;}
.news-detail .post-navigation .prev-post{ margin-bottom:1rem;}

.message{overflow:hidden; width:90%; margin:auto; padding-top:3rem; margin-bottom:2rem;}
.message .txt{ text-align:center;}
.message .txt h3{ font-size:1.1rem;}
.message .txt p{ margin-top:0.5rem; font-size:1rem; color:#999;}
.message form{ margin-top:2rem;}
.message form .form-group{ margin-bottom:1rem; width:100%; overflow:hidden; display: flex; flex-wrap:wrap;}
.message form .form-group label{ font-size:0.9rem; width:100%; text-align:left; color:#787878;}
.message form .form-group label span{ margin-right:5px; color:#ff9c00;}
.message form .form-group input{ width:98%; padding-left:1%; height:35px; border-radius:5px; border:#ddd 1px solid; margin-top:5px; font-size:14px; color:#aaa; outline:none;}
.message form .form-group input::placeholder{font-size:14px; color:#aaa;}
.message form .form-group-row{margin-bottom:20px; display:flex; flex-wrap:wrap; align-items:center;}
.message form .form-group-row label{font-size:16px; width:100%; margin-bottom:5px; color:#787878;}
.message form .form-group-row input{width:75%; border-radius:0px 5px 5px 0px; border:#ddd 1px solid; padding-left:1%; margin-left:-1px; height:35px; font-size:14px; color:#aaa; outline:none;}
.message form .form-group-row input::placeholder{font-size:14px; color:#aaa;}
.message form .form-group-row input:nth-child(2){width:22%; border-radius:5px 0px 0px 5px; margin-left:0px; height:35px;}
.message form .form-group input[name="products"] {color:#ff9c00 !important;}
.message form .form-group textarea{width:98%; padding-left:1%; height:100px; border-radius:5px; border:#ddd 1px solid; margin-top:5px; font-family:Arial; font-size:14px; color:#aaa; padding-top:8px; outline:none;}
.message form .form-submit button{ width:100%; margin:auto; height:38px; line-height:38px; background:#e8c896; border:none; color:#FFF; outline:none;}

.contact{overflow:hidden; width:90%; margin:auto; margin-top:2rem; margin-bottom:70px;}
.contact .bod{ overflow:hidden; margin-bottom:2rem;}
.contact .bod .fl{width:100%; max-width:200px;}
.contact .bod .fl img{width:100%;}
.contact .bod .fl dd{text-align:center; margin-top:0.5rem;}
.contact .bod .fr{margin-top:2rem;}
.contact .bod .fr .txt{font-size:1.4rem; font-weight:bold; color:#072e23;}
.contact .bod .fr .item{margin-top:1rem;}
.contact .bod .fr .item p{margin-top:1rem;}
.contact .ditu{width:100%;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:0; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:15px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:5px 10px;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:6px 10px; background:#e8c896; border:#e8c896 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; font-size:15px; padding:5px 10px; margin:0px 5px; background:#f5f5f5; transition: all 0.5s;}
.fanye a:hover{background:#e8c896; color:#fff; transition: all 0.5s; border:#e8c896 1px solid;}

.p-search{border-bottom:#ddd 1px dashed; width:100%; display: flex; flex-wrap:wrap; justify-content:center; margin-top:30px; padding-bottom:30px;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center; width:90%; margin:auto;}
.p-search form input{width:68%; height:50px; outline:none; border:#CCC 1px solid; border-radius:30px 0px 0px 30px; padding-left:5%; font-size:0.9rem;}
.p-search form button{ width:25%; background:#e8c896; border:#e8c896 1px solid; height:52px; font-size:0.9rem; color:#FFF; border-radius:0px 30px 30px 0px;}
.p-search form button:hover{ opacity:0.8;}

}

@media screen and (max-width: 1199px) {
#wap_logo_main{ display: block; }
.product .detail_table{ max-width: 100%; width: 100%; }
.product .product_swiper{ padding: 0; margin: 0 auto; overflow: hidden; float: none; }
}

@keyframes clockwiseRotate { 
from{ transform: rotate(0deg); }
to{ transform: rotate(90deg); }}
@keyframes anticlockwiseRotate {
from{ transform: rotate(90deg); }
to{ transform: rotate(0deg); }
}
.clockwiseRotate:before { animation-name: clockwiseRotate; animation-duration: 1.5s; animation-fill-mode: both; }
.anticlockwiseRotate:before { animation-name: anticlockwiseRotate; animation-duration: 1.5s; animation-fill-mode: both; }

@keyframes click_slideOutRight {
from{ transform: translateX(-100%); }
to{ transform: translateX(0); }
}
.click_slideOutRight { animation-name: click_slideOutRight; animation-duration: .5s; animation-fill-mode: both; }

@keyframes click_slideInRight {
from{ opacity: 0; transform: translateX(0); }
to{ opacity: 1; transform: translateX(-100%); }
}
.click_slideInRight { animation-name: click_slideInRight; animation-duration: .5s; animation-fill-mode: both; }