*{margin:0;padding:0}
body{background:#fff; font-family:Arial; font-size:16px; color:#252d3b;}
a{color: inherit;text-decoration:none}
img{border:0}
li{list-style:none}
.none{text-align:center;}
.fl{float:left;}
.fr{float:right;}


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

#header{z-index:999; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#fff; height:100px; position:fixed; width:100%; height:90px; border-bottom:#eee 1px solid}
#header .fl{height:90px; display: flex; flex-wrap:wrap; align-items:center;}
#header .fl img{ height:66px;}
#header .fr{height:90px; display: flex; flex-wrap:wrap; align-items:center;}
#header .fr .navBar{z-index:1; height:50px; color:#333; padding-top:5px; padding-bottom:5px;}
#header .fr .nav{font-size:16px; }
#header .fr .nav p{font-size:100%; display: flex; flex-wrap:wrap; align-items:center; height:50px; line-height:50px;}
#header .fr .nav .m{float:left;  position:relative; z-index:1; margin-right:40px;}
#header .fr .nav .s{float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }
#header .fr .nav .m p .active{color:#009245;}
#header .fr .nav .m p:hover{color:#009245;}
#header .fr .nav .sub{ display:none; /*默认隐藏*/  position:absolute; left:-12px; top:46px; z-index:1; width:250px; background:#fff; overflow:hidden;}
#header .fr .nav .sub dd{line-height:35px; border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#eee 1px solid; padding-left:15px; padding-right:15px; font-size:14px;}
#header .fr .nav .sub dd:nth-child(1){border-top:#eee 1px solid;}
#header .fr .nav .sub dd:hover{ background:#f5f5f5;}
#Menu-btn{display:none;}
#menu{display:none;}
#Menu-btn1{display:none;}
#menu1{display:none;}

.hrang{ height:90px; overflow:hidden;}

/* banner */
.focusBox { position: relative; width:100%; height:820px; overflow: hidden;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:820px; display: block;}
.focusBox .hd { width:100%; position: absolute; bottom: 30px; text-align: center; z-index:1; display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.focusBox .hd li{height:10px; overflow: hidden; width:10px; margin:0px 5px; border-radius:100%; background:#252d3b;}
.focusBox .hd .on{ background:#009245;}
.focusBox .prev{position:absolute; left:1.5%; top:50%; font-size:80px; font-family: "宋体"; color:rgba(0,146,69,1); opacity:0.5;}
.focusBox .next{position:absolute; right:1.5%; top:50%; font-size:80px; font-family: "宋体"; color:rgba(0,146,69,1); opacity:0.5;}
.focusBox .prev:hover,.focusBox .next:hover{opacity:1 !important;  }

.index1{background:#fff; overflow:hidden; padding-top:85px; padding-bottom:80px;}
.index1 .bod{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.index1 .bod dl{text-align:center;}
.index1 .bod dl dt{width:120px; overflow:hidden; margin:auto;}
.index1 .bod dl dt img{width:120px;}
.index1 .bod dl dd{margin-top:20px;}
.index1 .bod dl dd span{ font-weight:bold;}
.index1 .bod dl:hover dd{ color:#00b285;}

.index2{overflow:hidden; width:100%; background:#f7f7f7;}
.index2 .bod{margin-top:50px; display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-bottom:20px;}
.index2 .bod dl{width:23%; margin-bottom:30px;}
.index2 .bod dl dt{position:relative; padding-bottom:100%;}
.index2 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index2 .bod dl ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; background:#f7f7f7; padding:15px 20px;}
.index2 .bod dl ul li dd{ display: flex; flex-wrap:wrap; align-items:center; margin-bottom:10px; overflow:hidden;}
.index2 .bod dl ul li dd img{ margin-right:5px; width:17px; height:16px;}
.index2 .bod dl ul li dd span{ background:#009245; font-size:14px; color:#FFF; padding:2px 6px; border-radius:3px;}
.index2 .bod dl ul li i{ font-size:18px;}
.index2 .bod dl:hover ul{ background:#009245;}
.index2 .bod dl:hover ul li{ color:#FFF;}
.index2 .bod dl:hover ul li dd img{ filter:drop-shadow(#fff 0px 17px); transform: translateY(-17px);}
.index2 .bod dl:hover ul li dd span{ background:#f7f7f7; color:#009245;}

.index3{background:#fff; overflow:hidden; margin-top:60px;}
.index3 .txt{font-size:24px; font-weight:bold;}
.index3 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:40px;}
.index3 .bod dl{width:31%;}
.index3 .bod dl dt{position:relative; padding-bottom:50%;}
.index3 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index3 .bod dl dd{ font-size:16px; color:#252d3b; margin-top:15px; font-weight:bold;}
.index3 .bod dl dd:hover{color:#009245;}
.index3 .bod dl p{margin-top:10px; font-size:14px; color:#999; line-height:20px;}
.index3 .bod dl ul{font-size:14px; color:#252d3b; margin-top:20px; font-weight:bold;}
.index3 .bod dl ul span{ margin-left:10px; font-weight:normal;}
.index3 .bod dl ul span:hover{color:#009245;}

.index4{overflow:hidden; margin-top:60px; border-top:#ddd 1px solid; padding-top:40px; margin-bottom:80px;}
.index4 .txt{font-size:24px; font-weight:bold;}
.index4 .txt p{font-size:18px; margin-top:30px;}
.index4 .bod{margin-top:20px; display: flex; flex-wrap:wrap; justify-content: space-between; color:#454545; font-size:15px;}
.index4 .bod .fl{width:40%; line-height:24px;}
.index4 .bod .fr{width:40%;}
.index4 .bod .fr dl{display: flex; flex-wrap:wrap; align-items:center; margin-bottom:10px;}
.index4 .bod .fr dl dt img{ margin-right:10px;}

.footer{overflow:hidden; background:#f7f7f7; padding-top:40px; padding-bottom:40px;}
.footer .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.footer .bod .fl{width:350px;}
.footer .bod .fl dt img{}
.footer .bod .fl dd{display: flex; flex-wrap:wrap; margin-top:20px;}
.footer .bod .fl dd p{margin-right:10px;}
.footer .bod .fl dl{margin-top:20px;}
.footer .bod .fl dl form{display: flex; flex-wrap:wrap; align-items:center;}
.footer .bod .fl dl form input{height:38px; border:#d5d5d5 1px solid; border-right:none !important; width:270px; padding-left:10px; outline: none; color:#999; font-size:14px;}
.footer .bod .fl dl form button{height:40px; border:#d5d5d5 1px solid; border-left:none !important; width:50px; background:#FFF; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.footer .bod .fl ul{ margin-top:25px;}
.footer .bod .fl ul li{display: flex; flex-wrap:wrap; align-items:center; margin-bottom:10px;}
.footer .bod .fl ul li i{ margin-right:10px;}
.footer .bod .fr{width:780px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.footer .bod .fr dl dt{ font-weight:bold;}
.footer .bod .fr dl dd p{ margin-top:12px; color:#999; font-size:15px;}

.bottom{ overflow:hidden; background:#252d3b;}
.bottom .bod{ color:#f7f7f7; padding:25px 0px; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; font-size:14px;}

.xf{ display:none;}

/*about us*/
.position{background:#f5f5f5; overflow:hidden; padding:80px 0px;}
.position .bod{display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.position .bod dl{text-align:center;}
.position .bod dl li{ margin-bottom:20px;}
.position .bod dl dt{ font-size:30px; color:#666; font-weight:normal;}
.position .bod dl dd{ margin-top:15px; color:#999;}

.aboutus{ overflow:hidden; margin-top:30px; margin-bottom:30px;}
.aboutus .bod { overflow:hidden; margin-top:20px;}
.aboutus .bod p{ color:#666; line-height:24px; margin-bottom:15px;}
.aboutus .bod img{ margin-top:30px;}

/*productlist*/
.productlist{overflow:hidden; margin-top:30px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .fl{width:18%; overflow:hidden;}
.productlist .fl p{ font-size:16px; color:#151515; padding-left:15px; border-bottom:#eee 1px solid; padding-bottom:12px;}
.productlist .fl dl{ color:#666;}
.productlist .fl dl dd{ border-bottom:#eee 1px solid;}
.productlist .fl dl dd span{ font-size:20px; margin-right:5px; line-height:20px;}
.productlist .fl dl dd{padding-top:12px; padding-bottom:15px; padding-left:15px; padding-right:15px;}
.productlist .fl dl dt p{ padding-right:15px; padding-bottom:12px; padding-top:12px; font-size:14px; border-bottom:#eee 1px solid; margin-left:10px; padding-left:25px; color:#999;}
.productlist .fl dl dt p span{ font-size:16px; margin-right:5px; line-height:16px;}
.productlist .fl dl .active1 dt{color:#fff; background:#009245; width:100%;}
.productlist .fl dl .active1 dt p{border-bottom:#009245 1px solid; color:#FFF;}
.productlist .fl dl .active1 dd{color:#fff; background:#009245; width:100%;}
.productlist .fr{width:80%;}
.productlist .fr .bod{display: flex; flex-wrap:wrap;}
.productlist .fr .bod dl{width:18.56%; margin-bottom:30px; margin-right:1.8%;}
.productlist .fr .bod dl:nth-child(5n){ margin-right:0px;}
.productlist .fr .bod dl dt{position:relative; padding-bottom:100%; border: #CCC 1px solid;}
.productlist .fr .bod dl dt img{position:absolute; width:100%; height:100%;}
.productlist .fr .bod dl ul{text-align:center; padding-top:15px; padding-bottom:18px; transition:all 0.5s;}
.productlist .fr .bod dl ul dd{ border-bottom:#CCC 1px dashed; padding-bottom:15px; padding-left:15px; padding-right:15px; margin-bottom:10px; transition:all 0.8s;}
.productlist .fr .bod dl ul li{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; width:90px; height:30px; background:#009245; margin:auto; border-radius:3px; color:#FFF;}
.productlist .fr .bod dl ul li p{ width:12px; height:12px; background:#fff; color:#009245; font-size:12px; border-radius:2px; line-height:13px; font-weight:bold; margin-right:5px;}
.productlist .fr .bod dl ul:hover{ background:#009245; transition:all 0.5s;}
.productlist .fr .bod dl ul:hover dd{ color:#FFF; transition:all 0.8s;}
.sideMenu{ display:none;}

.fanye{display: flex; flex-wrap:wrap; align-items:center; margin-top:10px; margin-bottom:60px;}
.fanye a{ border:#ddd 1px solid; margin-right:10px; background:#FFF; padding:8px 15px; margin-bottom:5px; font-size:16px; color:#666;}
.fanye a:hover{ background:#009245; color:#FFF;}
.fanye a.page-num-current{ color:#fff; background:#009245;}

/*product*/
.product{overflow:hidden; margin-top:30px; padding-bottom:40px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .item{ width:300px;}
.product .item p{ font-size:16px; color:#151515; padding-left:15px; border-bottom:#eee 1px solid; padding-bottom:12px;}
.product .item dl{ color:#666;}
.product .item dl dd{ border-bottom:#eee 1px solid;}
.product .item dl dd span{ font-size:20px; margin-right:5px; line-height:20px;}
.product .item dl dd{padding-top:12px; padding-bottom:15px; padding-left:15px; padding-right:15px;}
.product .item dl dt p{ padding-right:15px; padding-bottom:12px; padding-top:12px; font-size:14px; border-bottom:#eee 1px solid; margin-left:10px; padding-left:25px; color:#999;}
.product .item dl dt p span{ font-size:16px; margin-right:5px; line-height:16px;}
.product .item dl .active1 dt{color:#fff; background:#009245; width:100%;}
.product .item dl .active1 dt p{border-bottom:#009245 1px solid; color:#FFF;}
.product .item dl .active1 dd{color:#fff; background:#009245; width:100%;}
.product .bod{display: flex; flex-wrap:wrap; justify-content: space-between; width:850px;}
.product .bod .fl{width:400px;}
.product .bod .fl .game163{ display:none;}
.product .bod .fr{width:400px;}
.product .bod .fr dt{ font-size:24px; margin-bottom:20px; display:block; margin-top:20px;}
.product .bod .fr li{ width:140px; height:38px; background:#009245; line-height:38px; text-align:center; color:#FFF; margin-top:20px; overflow:hidden; border-radius:5px; transition:all 0.8s;}
.product .bod .fr li:hover{background:#019ee1; transition:all 0.8s;}
.product .bod .xq{ width:100%; overflow:hidden; margin-top:80px;}
.product .bod .message{ margin-top:80px; overflow:hidden; width:100%;}
.product .bod .message form{display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .bod .message form input{width:49%; border-bottom:#ddd 1px solid !important; border:none; margin-bottom:30px; padding-bottom:10px; outline:none; font-size:16px;}
.product .bod .message form textarea{ width:100%; border-bottom:#ddd 1px solid !important; border:none; height:100px; outline:none; margin-bottom:30px; font-family:Arial; font-size:16px;}
.product .bod .message form button{ width:100%; height:40px; border:#009245 1px solid; background:none; color:#009245;}
.product .bod .message form button:hover{ background:#009245;color:#FFF;}

.jqzoom{width:100%;position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}
.jqzoom img{ width:100%;}
.zoomdiv{z-index:200;position:absolute;top:0;left:0;width:100%;background:#fff;border:1px solid #ddd;display:none;overflow:hidden}
.zoomdiv .bigimg{position:absolute;top:0;left:0;max-width:unset;max-height:unset}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #ddd;background:#fafafa;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50)}
.jqZoomPup img{ width:400px;}
.spec-preview{width:100%; border:1px solid #ddd}
.spec-scroll{clear:both;width:100%;height:85px; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; margin-top:20px;}
.spec-scroll .prev{float:left; font-size:36px; font-family:"宋体"; line-height:70px; width:30px; text-align:center}
.spec-scroll .next{float:right; font-size:36px; font-family:"宋体"; line-height:70px; width:30px; text-align:center;}
.spec-scroll .next,.spec-scroll .prev{display:block;text-align:center;height:85px;cursor:pointer}
.spec-scroll .items{float:left;position:relative;width:340px;height:96px;overflow:hidden; }
.spec-scroll .items ul{position:absolute;width:12000px !important;height:96px;overflow:hidden;}
.spec-scroll .items ul li{float:left;width:85px; height:85px;}
.spec-scroll .items ul li span{box-sizing:border-box;display:block;vertical-align:middle;width:80px;height:80px;text-align:center;border:1px solid #ddd; margin-left:5px;}
.spec-scroll .items ul li img{width:100%;height:100%;object-fit:cover;cursor:pointer;margin:0 auto}
.spec-scroll .items ul li span.active,.spec-scroll .items ul li span:hover{border:2px solid #009245;padding:0px}

.caselist{overflow:hidden; margin-top:30px;}
.caselist .txt{display: flex; flex-wrap:wrap; justify-content: space-between;}
.caselist .txt dl{ width:16%; background:#f5f5f5; text-align:center; font-size:16px; border:#eee 1px solid; display:block; margin-bottom:10px;}
.caselist .txt dl dt{padding:15px 0px;}
.caselist .bod{display: flex; flex-wrap:wrap; margin-top:30px;}
.caselist .bod dl{ width:23.5%; margin-bottom:40px; margin-right:2%;}
.caselist .bod dl:nth-child(4n){ margin-right:0px;}
.caselist .bod dl dt{ position:relative; padding-bottom:60%; overflow:hidden;}
.caselist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.caselist .bod dl dd{ font-size:16px; font-weight:bold; margin-top:15px; text-align:center;}
.caselist .txt dl .active2 dt{ background:#009245; display:block; color:#FFF;}

/*newslist*/
.newslist{ overflow:hidden; margin-top:30px; margin-bottom:30px;}
.newslist .fl{ width:23%;}
.newslist .fl p{ font-size:16px; color:#151515; padding-left:15px; border-bottom:#eee 1px solid; padding-bottom:12px;}
.newslist .fl dl{ border:#eee 1px solid; margin-top:15px;}
.newslist .fl dl form{overflow:hidden; display: flex; flex-wrap:wrap; margin:15px;}
.newslist .fl dl form dt{ font-size:22px;}
.newslist .fl dl form dd{ color:#999; margin-top:5px; margin-bottom:15px;}
.newslist .fl dl form input{border:#ddd 1px solid !important; border:none; outline:none; height:38px; line-height:38px; padding-left:15px; margin-bottom:15px; width:100%; border-radius:5px;}
.newslist .fl dl form textarea{ width:100%; height:80px; border:#ddd 1px solid !important; border:none; outline:none; font-family:Arial; padding-left:15px; padding-top:10px;}
.newslist .fl dl form button{ width:80px; margin-top:15px; height:38px; border-radius:5px; background:#009245; border:none; color:#FFF;}
.newslist .fr{ width:74%;}
.newslist .fr .bod{overflow:hidden; margin-bottom:40px; display: flex; flex-wrap:wrap;} 
.newslist .fr .bod dl{width:31%; margin-right:3.5%; margin-bottom:30px;}
.newslist .fr .bod dl:nth-child(3n){ margin-right:0px;}
.newslist .fr .bod dl dt{position:relative; padding-bottom:50%;}
.newslist .fr .bod dl dt img{position:absolute; width:100%; height:100%;}
.newslist .fr .bod dl dd{ font-size:16px; color:#252d3b; margin-top:15px; font-weight:bold;}
.newslist .fr .bod dl dd:hover{color:#009245;}
.newslist .fr .bod dl p{margin-top:10px; font-size:14px; color:#999; line-height:20px;}
.newslist .fr .bod dl ul{font-size:14px; color:#252d3b; margin-top:20px; font-weight:bold;}
.newslist .fr .bod dl ul span{ margin-left:10px; font-weight:normal;}
.newslist .fr .bod dl ul span:hover{color:#009245;}

/*news*/
.news{overflow:hidden; margin-bottom:35px;}
.news .txt{margin-top:30px;}
.news .txt dt{font-size:18px; text-align:center;}
.news .txt p{text-align:center; margin-top:15px; color:#999; font-size:14px;}
.news .bod{margin-top:25px; line-height:28px; color:#999;}
.news .gengduo{display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:60px;}
.news .gengduo dl{width:49%;}
.news .gengduo dl dt{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; border:#eee 1px solid; padding:15px;}
.news .gengduo dl dt span{ width:10%; text-align:center; font-size:20px; font-family:"宋体"; font-weight:bold; color:#333;}
.news .gengduo dl dt p{ width:85%; text-align:center; color:#999;}
.news .gengduo dl:hover dt p{ color:#333;}

/*contact*/
.contact{margin-top:30px; margin-bottom:40px; overflow:hidden;}
.contact .bod{margin-top:40px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.contact .bod .fl{width:55%; }
.contact .bod .fl dt{font-size:24px; margin-bottom:20px;}
.contact .bod .fl dt img{width:100%;}
.contact .bod .fl dd{margin-top:15px; font-size:16px; line-height:24px; color:#666;}
.contact .bod .fl dd p{margin-bottom:10px;}
.contact .bod .fr{width:35%;}
.contact .bod .fr dt{font-size:24px; margin-bottom:20px;}
.contact .bod .fr dt img{width:100%;}
.contact .bod .fr dd{margin-top:15px; font-size:16px; line-height:24px; color:#666;}
.contact .bod .fr dd p{margin-bottom:10px;}
.contact .liuyan{padding-top:40px; margin-top:50px;}
.contact .liuyan dt{ text-align:center; font-size:120px; color:#f7f7f7; font-weight:bold;}
.contact .liuyan dd{ font-size:52px; text-align:center; font-weight:bold; margin-top:-60px;}
.contact .liuyan form{margin-top:0px;}
.contact .liuyan form dl{display: flex; flex-wrap:wrap; justify-content: space-between;}
.contact .liuyan form dl dt{ width:31%;}
.contact .liuyan form ul{display: flex; flex-wrap:wrap; justify-content: space-between;}
.contact .liuyan form ul li{ width:48%;}
.contact .liuyan form input{width:100%; height:45px; border-bottom:#ddd 1px solid !important; border:none; outline:none; margin-bottom:30px; font-size:14px;}
.contact .liuyan form textarea{width:100%; border: none; height:100px; font-family:Arial; font-size:14px; margin-top:30px; border-bottom:#ddd 1px solid !important; border:none; outline:none;}
.contact .liuyan form button{width:100%; border:none; height:45px; font-size:14px; color:#333; margin-top:30px; border:#009245 1px solid !important; background:#FFF;}
.contact .liuyan form button:hover{ background:#009245; color:#FFF;}
}

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

#header{ background:#FFF; z-index:999; position:fixed; width: 100%; border-bottom:#eee 1px solid; display:block; height:3rem;}
#header .fl{ position:absolute; left:3%; top:0.2rem; bottom:0; display: flex; flex-wrap:wrap; align-items:center;}
#header .fl img{height:2rem; text-align:center;}
#header .fr{ display:none;}
#Menu-btn{overflow:hidden;display:block; width:1.5rem; position:absolute; right:3%; height:3rem; display: flex; flex-wrap:wrap; align-items:center;}
#Menu-btn img{width:2rem;}
#Menu-btn-h{display:none; margin:0 3%; background: none; position:absolute; top:1rem; right:17%;}
#Menu-btn-h img{width:1.6rem; height:1.6rem; overflow:hidden;z-index:1; overflow:hidden; float:right; z-index:999;}
#menu{display:none;}
#menu .daohang{overflow:hidden; margin-top:0rem; background-color:rgba(255,255,255,1); height:100vh; position:absolute; top:0; left:0; width:70%; padding-top:0.8rem; border-right:#ddd 1px solid;}
#menu li{list-style:none;border-bottom:#eee 1px solid; margin-bottom:1rem; padding-bottom:1rem; background:#FFF; padding-left:1rem; font-size:0.9rem;}
#menu .border_none{border-bottom:none;}
#menu li a{color:#666;display:block;width:100%;}
#menu form{display: flex; flex-wrap:wrap; align-items:center; height:50px; margin-left:1rem;}
#menu form input{ width:70%; border: #ddd 1px solid; height:36px; display: flex; flex-wrap:wrap; align-items:center; background:#f7f7f7; border-right:none; outline:none;}
#menu form button{width:22%;border:none;margin-left:0px;height:38px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border-left:none;background:#f7f7f7;border:#ddd 1px solid;border-left:none !important}
.navBar{ display:none;}
.language{ display:none;}

.hrang{ height:3rem; overflow:hidden;}

/* banner */
.focusBox { position: relative; width:100%; overflow: hidden;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:13rem; display: block; object-fit: cover;}
.focusBox .hd { width:100%; position: absolute; bottom: 30px; text-align: center; z-index:1; display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.focusBox .hd li{height:10px; overflow: hidden; width:10px; margin:0px 5px; border-radius:100%; background:#252d3b;}
.focusBox .hd .on{ background:#009245;}
.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

.index1{background:#fff; overflow:hidden; padding-top:2.5rem;}
.index1 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; width:100%; margin:auto;}
.index1 .bod dl{text-align:center; width:50%; margin-bottom:2.5rem;}
.index1 .bod dl dt{width:4rem; overflow:hidden; margin:auto;}
.index1 .bod dl dt img{width:4rem;}
.index1 .bod dl dd{margin-top:0.5rem; font-size:0.9rem;}
.index1 .bod dl dd span{ font-weight:bold;}
.index1 .bod dl:hover dd{ color:#00b285;}

.index2{overflow:hidden; width:100%; background:#f7f7f7;}
.index2 .bod{margin-top:2rem; display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-bottom:1rem;}
.index2 .bod dl{width:48.5%; margin-bottom:1rem;}
.index2 .bod dl dt{position:relative; padding-bottom:100%;}
.index2 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index2 .bod dl ul{background:#f7f7f7; padding:0.5rem 0;}
.index2 .bod dl ul li dd{overflow:hidden; text-align:center; width:100%; font-size:0.9rem;}
.index2 .bod dl ul li dd img{ display:none;}
.index2 .bod dl ul li dd span{ display:none;}
.index2 .bod dl ul li i{ display:none;}
.index2 .bod dl:hover ul{ background:#009245;}
.index2 .bod dl:hover ul li{ color:#FFF;}

.index3{background:#fff; overflow:hidden; margin-top:2rem;}
.index3 .txt{font-size:1rem; font-weight:bold;}
.index3 .bod{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:1rem;}
.index3 .bod dl{width:100%; margin-bottom:1.8rem; border-bottom:#ddd 1px dashed; padding-bottom:1.5rem;}
.index3 .bod dl dt{position:relative; padding-bottom:50%;}
.index3 .bod dl dt img{position:absolute; width:100%; height:100%;}
.index3 .bod dl dd{ font-size:0.9rem; color:#252d3b; margin-top:15px; font-weight:bold;}
.index3 .bod dl dd:hover{color:#009245;}
.index3 .bod dl p{margin-top:0.5rem; font-size:0.9rem; color:#999; line-height:1.2rem;}
.index3 .bod dl ul{font-size:0.9rem; color:#252d3b; margin-top:1rem; font-weight:bold;}
.index3 .bod dl ul span{ margin-left:10px; font-weight:normal;}
.index3 .bod dl ul span:hover{color:#009245;}
.index3 .bod dl:nth-child(3){border-bottom:none; padding-bottom:0rem;}

.index4{overflow:hidden; margin-top:0rem; border-top:#ddd 1px solid; padding-top:2rem; margin-bottom:1.5rem;}
.index4 .txt{font-size:1rem; font-weight:bold;}
.index4 .txt p{font-size:0.9rem; margin-top:1.5rem;}
.index4 .bod{margin-top:0.5rem; display: flex; flex-wrap:wrap; justify-content: space-between; color:#454545; font-size:15px;}
.index4 .bod .fl{width:100%; line-height:1.4rem; font-size:0.9rem;}
.index4 .bod .fr{width:100%; margin-top:1.5rem;}
.index4 .bod .fr dl{display: flex; flex-wrap:wrap;  margin-bottom:10px;}
.index4 .bod .fr dl dt{ width:8%; padding-top:0.2rem;}
.index4 .bod .fr dl dt img{}
.index4 .bod .fr dl dd{ width:92%;}

.footer{overflow:hidden; background:#f7f7f7; padding-top:2rem; padding-bottom:2rem;}
.footer .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.footer .bod .fl{width:100%;}
.footer .bod .fl dt{ text-align:center;}
.footer .bod .fl dt img{}
.footer .bod .fl dd{display: flex; flex-wrap:wrap; justify-content:center; margin-top:1rem;}
.footer .bod .fl dd p{margin-right:0.5rem; margin-bottom:0.5rem}
.footer .bod .fl dl{margin-top:0.7rem;}
.footer .bod .fl dl form{display: flex; flex-wrap:wrap; align-items:center;}
.footer .bod .fl dl form input{height:38px; border:#d5d5d5 1px solid; border-right:none !important; width:80%; padding-left:3%; outline: none; color:#999; font-size:14px;}
.footer .bod .fl dl form button{height:40px; border:#d5d5d5 1px solid; border-left:none !important; width:15%; background:#FFF; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.footer .bod .fl ul{ display:none;}
.footer .bod .fr{width:100%; margin-top:1.5rem; border-top:#CCC 1px dashed; display:none;}
.footer .bod .fr dl{ width:100%; padding-top:1.2rem;}
.footer .bod .fr dl dt{ font-weight:bold; font-size:0.9rem}
.footer .bod .fr dl dd{display: flex; flex-wrap:wrap;}
.footer .bod .fr dl dd p{ margin-top:0.5rem; color:#999; font-size:0.9rem; margin-right:2rem;}

.bottom{overflow:hidden; background:#252d3b; padding:1rem 0rem; margin-bottom:3rem; font-size:0.9rem;}
.bottom .bod{color:#f7f7f7; text-align:center;}
.bottom .bod .fl{ width:100%;}
.bottom .bod .fr{ width:100%; margin-top:0.3rem;}

.xf{width:100%; background:#FFF; display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; position:fixed; bottom:0px; height:3rem;}
.xf dl{ width:25%; display: flex; flex-wrap:wrap; align-items:center; justify-content:center;}

/********about*********/
.position{background:#f5f5f5; overflow:hidden; padding:1.5rem 0px;}
.position .bod{display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.position .bod dl{text-align:center;}
.position .bod dl li{ margin-bottom:0.5rem;}
.position .bod dl li img{ width:0.4rem;}
.position .bod dl dt{ font-size:1.2rem; color:#666; font-weight:normal;}
.position .bod dl dd{ margin-top:0.4rem; font-size:0.9rem; color:#666;}

.aboutus{ overflow:hidden; margin-top:1rem;}
.aboutus .bod{ overflow:hidden; margin-top:0.8rem;}
.aboutus .bod p{ color:#666; line-height:1.6rem; font-size:0.9rem; margin-bottom:0.8rem;}
.aboutus .bod img{ margin-top:0.5rem; width:100%;}


/*productlist*/
.productlist{overflow:hidden; margin-top:30px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .fl{width:100%; overflow:hidden;}
.productlist .fl p{display:none;}
.productlist .fl dl{display:none;}
.productlist .fr{width:100%; margin-top:1rem;}
.productlist .fr .bod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .fr .bod dl{width:48.5%; margin-bottom:1.5rem;}
.productlist .fr .bod dl dt{position:relative; padding-bottom:100%;}
.productlist .fr .bod dl dt img{position:absolute; width:100%; height:100%;}
.productlist .fr .bod dl ul{text-align:center; padding-top:0.6rem; padding-bottom:0.5rem; transition:all 0.5s;}
.productlist .fr .bod dl ul dd{border-bottom:#CCC 1px dashed; padding-bottom:0.6rem; padding-left:0.5rem; padding-right:0.5rem; margin-bottom:0.6rem; transition:all 0.8s;}
.productlist .fr .bod dl ul li{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; width:90px; height:30px; background:#009245; margin:auto; border-radius:3px; color:#FFF;}
.productlist .fr .bod dl ul li p{width:12px; height:12px; background:#fff; color:#009245; font-size:12px; border-radius:2px; line-height:13px; font-weight:bold; margin-right:5px;}
.productlist .fr .bod dl ul:hover{background:#009245; transition:all 0.5s;}
.productlist .fr .bod dl ul:hover dd{color:#FFF; transition:all 0.8s;}

.sideMenu{border-top:#eee 1px solid;}
.sideMenu h3{ height:40px; line-height:40px; padding-left:10px; background:#fff; cursor:pointer;font:normal 14px/40px "Microsoft YaHei"; border:#eee 1px solid; margin-top:-1px;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:40px;   background:url(../images/icoAdd.png) 16px 17px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -51px; }
.sideMenu ul{color:#999; display:none; border-left:#eee 1px solid; border-right:#eee 1px solid; padding:0px 15px;}
.sideMenu ul li{ border-bottom:#eee 1px solid; padding:8px;}
.sideMenu ul li span{ margin-right:5px;}
.sideMenu h3 .active1{color:#009245;}
.sideMenu ul .active1{color:#009245;}

.fanye{display: flex; flex-wrap:wrap; align-items:center; margin-top:0rem; margin-bottom:2rem;}
.fanye a{border:#ddd 1px solid; margin-right:0.2rem; background:#FFF; padding:0.3rem 0.5rem; margin-bottom:0.3rem; border-radius:0.1rem; font-size:0.9rem; color:#666;}
.fanye a:hover{background:#009245; color:#FFF;}
.fanye a.page-num-current{color:#fff; background:#009245; border-radius:0.1rem;}

/*product*/
.product{overflow:hidden; margin-top:1rem; padding-bottom:1rem;}
.product .item{ display:none;}
.product .bod{overflow:hidden; margin-bottom:2rem;}
.product .bod .fl{width:100%;}
.product .bod .fl .game163{overflow:hidden;}
.product .bod .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product .bod .fl .game163 .bigImg li{ }
.product .bod .fl .game163 .bigImg li p{position:relative; padding-bottom:98%; }
.product .bod .fl .game163 .bigImg li p img{ position:absolute;width:98%; height:98%; margin:auto;}
.product .bod .fl .game163 .smallScroll{margin-top:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product .bod .fl .game163 .sPrev{font-size:1.6rem; font-family:"宋体"; color:#666;}
.product .bod .fl .game163 .sNext{font-size:1.6rem; font-family:"宋体"; color:#666;}
.product .bod .fl .game163 .sPrev:hover{ color:#009245;}
.product .bod .fl .game163 .sNext:hover{ color:#009245;}
.product .bod .fl .game163 .smallImg{float:left;  display:inline; width:90%; overflow:hidden;}
.product .bod .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.product .bod .fl .game163 .smallImg li{width:25%;}
.product .bod .fl .game163 .smallImg li p{position:relative; padding-bottom:92%; width:92%; margin:auto; border:1px solid #ddd;}
.product .bod .fl .game163 .smallImg li p img{ position:absolute; width:100%; height:100%;}
.product .bod .fl .game163 .smallImg .on img{border-color:#009245;}
.product .bod .fr{ width:100%; margin-top:1.5rem;}
.product .bod .fr dt{ font-size:20px; margin-bottom:1rem; display:block;}
.product .bod .fr li{ width:8rem; height:2.2rem; background:#009245; line-height:2.2rem; text-align:center; color:#FFF; margin-top:0rem; overflow:hidden; border-radius:5px; transition:all 0.8s;}
.product .bod .fr li:hover{background:#019ee1; transition:all 0.8s;}
.product .bod .xq{width:100%; margin-top:2rem; display:block; overflow:hidden;}
.product .message{ margin-top:3rem; overflow:hidden;}
.product .message form{display: flex; flex-wrap:wrap; justify-content: space-between;}
.product .message form input{width:100%; border-bottom:#ddd 1px solid !important; border:none; margin-bottom:2rem; padding-bottom:10px; outline:none;}
.product .message form textarea{ width:100%; border-bottom:#ddd 1px solid !important; border:none; height:100px; outline:none; margin-bottom:1rem; font-family:Arial;}
.product .message form button{ width:100%; height:40px; border:#009245 1px solid; background:none; color:#009245;}
.product .message form button:hover{ background:#.product .message form button; color:#FFF;}

.product-img{ display:none;}

.caselist{overflow:hidden; margin-top:1rem;}
.caselist .txt{display: flex; flex-wrap:wrap; justify-content: space-between;}
.caselist .txt dl{ width:48.5%; background:#f5f5f5; text-align:center; font-size:16px; border:#eee 1px solid; display:block; margin-bottom:0.4rem;}
.caselist .txt dl dt{padding:0.5rem 0px;}
.caselist .bod{display: flex; flex-wrap:wrap; margin-top:0.6rem;}
.caselist .bod dl{ width:100%; margin-bottom:1.5rem; background:#f5f5f5; padding-bottom:1rem;}
.caselist .bod dl dt{ position:relative; padding-bottom:60%; overflow:hidden;}
.caselist .bod dl dt img{ position:absolute; width:100%; height:100%;}
.caselist .bod dl dd{ font-size:16px; font-weight:bold; margin-top:1rem; text-align:center;}
.caselist .txt dl .active2 dt{ background:#009245; display:block; color:#FFF;}

.newslist{ overflow:hidden; margin-top:30px; margin-bottom:30px;}
.newslist .fl{ display:none;}
.newslist .fr{ width:100%;}
.newslist .fr .bod{overflow:hidden; margin-bottom:40px; display: flex; flex-wrap:wrap;} 
.newslist .fr .bod dl{width:100%; margin-right:3.5%; margin-bottom:30px;}
.newslist .fr .bod dl:nth-child(3n){ margin-right:0px;}
.newslist .fr .bod dl dt{position:relative; padding-bottom:50%;}
.newslist .fr .bod dl dt img{position:absolute; width:100%; height:100%;}
.newslist .fr .bod dl dd{ font-size:16px; color:#252d3b; margin-top:15px; font-weight:bold;}
.newslist .fr .bod dl dd:hover{color:#009245;}
.newslist .fr .bod dl p{margin-top:10px; font-size:14px; color:#999; line-height:20px;}
.newslist .fr .bod dl ul{font-size:14px; color:#252d3b; margin-top:20px; font-weight:bold;}
.newslist .fr .bod dl ul span{ margin-left:10px; font-weight:normal;}
.newslist .fr .bod dl ul span:hover{color:#009245;}

/*news*/
.news{overflow:hidden; margin-bottom:35px;}
.news .txt{margin-top:30px;}
.news .txt dt{font-size:1rem; text-align:center;}
.news .txt p{text-align:center; margin-top:1rem; color:#999; font-size:0.9rem;}
.news .bod{margin-top:1.5rem; line-height:1.6rem; font-size:0.9rem; color:#999;}
.news .gengduo{display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; margin-top:1rem;}
.news .gengduo dl{width:100%; margin-bottom:1rem;}
.news .gengduo dl dt{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; border:#eee 1px solid; padding:0.8rem;}
.news .gengduo dl dt span{ width:10%; text-align:center; font-size:1.4rem; font-family:"宋体"; font-weight:bold; color:#333;}
.news .gengduo dl dt p{ width:85%; text-align:center; color:#999;}
.news .gengduo dl:hover dt p{ color:#333;}

/*contact*/
.contact{margin-top:2rem; margin-bottom:40px; overflow:hidden;}
.contact .bod{display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden;}
.contact .bod .fl{width:100%; }
.contact .bod .fl dt{font-size:1.2rem; margin-bottom:1rem;}
.contact .bod .fl dt img{width:100%;}
.contact .bod .fl dd{margin-top:1rem; font-size:0.9rem; line-height:1.4rem; color:#666;}
.contact .bod .fl dd p{margin-bottom:0.5rem;}
.contact .bod .fr{width:100; margin-top:1rem;}
.contact .bod .fr dt{font-size:24px; margin-bottom:1rem;}
.contact .bod .fr dt img{width:100%;}
.contact .bod .fr dd{margin-top:1rem; font-size:0.9rem; line-height:1.2rem; color:#666;}
.contact .bod .fr dd p{margin-bottom:0.5rem;}
.contact .liuyan{padding-top:2rem; margin-top:1rem; overflow:hidden; border-top:#ddd 1px dashed;}
.contact .liuyan dt{display:none;}
.contact .liuyan dd{font-size:1.1rem; text-align:center; font-weight:bold;}
.contact .liuyan form{margin-top:1rem;}
.contact .liuyan form dl{display: flex; flex-wrap:wrap; justify-content: space-between;}
.contact .liuyan form dl dt{width:100%;}
.contact .liuyan form ul{display: flex; flex-wrap:wrap; justify-content: space-between;}
.contact .liuyan form ul li{width:100%;}
.contact .liuyan form input{width:100%; height:45px; border-bottom:#ddd 1px solid !important; border:none; outline:none; margin-bottom:1rem; font-size:0.9rem;}
.contact .liuyan form textarea{width:100%; border: none; height:100px; font-family:Arial; font-size:0.9rem; margin-top:1rem; border-bottom:#ddd 1px solid !important; border:none; outline:none;}
.contact .liuyan form button{width:100%; border:none; height:45px; font-size:0.9rem; color:#333; margin-top:1rem; border:#009245 1px solid !important; background:#FFF;}
.contact .liuyan form button:hover{background:#009245; color:#FFF;}
}