/* basic */
body {}
.head, .foot, .light, .menu {width: 100%;}
.main {width:1200px;margin: 0 auto !important;}
.bow {border: 5px #fff solid;box-shadow: 0 3px 5px #ccc;}

/* btn */
.btn {text-align: center;display: block;color: white;}
.btn-red {width: 100px;height: 32px;line-height: 32px; border-radius: 16px;background: #e70012;}
.btn-red:hover {background: #f90;}
.btn-more {width: 140px;height: 60px;line-height: 60px;color: #269548;font-weight: bold;font-size: 20px; font-family:Microsoft YaHei, '\9ed1\4f53';margin: 40px auto;background: url(../images/more-btn.png);}
.btn-more:hover {transform: translateY(5px);}

/* head */
.head {height:80px;border-top: 5px #269548 solid;border-bottom: 5px #e70012 solid;}
.logo {width: 110px;height: 80px;background: url(../images/logo.png) center no-repeat;display: block;}
.logo h1 {text-indent: -99999px;}
.menu {width: 830px;margin: 15px 0;overflow: hidden;}
.menu a {width: 127px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;display: block;float: left;margin: 0 5px;font-family: YouYuan,'\5E7C\5706';font-weight: bold;}
.menu a:hover,.menu a.active {background: url(../images/menu-btn.png);color: #269548;}

/* title */
.title {width: 100%;padding: 50px 0;overflow: hidden;text-align: center;}
.title h2 {width: 100%;display: inline-block;font-size: 30px;color: #fff;font-family: YouYuan,'\5E7C\5706';}
.title span {width: 44px;height: 44px;background: #fc0;text-align: center;line-height: 44px;display:inline-block;margin:0 10px 0;border-radius: 100%;position: relative;text-transform: uppercase;font-size: 14px;color: white;vertical-align:super;}
.title span i {width: 10px;height: 10px;display: block;position: absolute;left: 0;bottom: 0;background: #fc0;border-radius: 100%;}
.title p {100%;line-height: 30px;padding: 30px 0 0;color: #999;}

/* light */
.light {width: 100%;height: 600px;background: url(../images/light-bg.png);padding: 30px 0 0;position: relative;box-sizing: border-box;}
.main-kv {width: 100%;position: relative;overflow: hidden;box-sizing: border-box;border: 5px #fff solid;box-shadow: 0 5px 10px #222;}
.kv-wrap {height:600px;}
.kv-wrap .img {position:absolute;top: 0; opacity:0; transition:all 1s;}
.kv-wrap .img.on { z-index:1; opacity:1;}
.kv-wrap .img-common {width:100%; height:100%; position:absolute; left:0; top:0;}
.kv-wrap .img-mask {background:#222; z-index:2;opacity:0;}
.kv-wrap .img-column {z-index:3;}
.kv-wrap .img-column li { width:12.5%; height:600px;float:left;position:relative;text-align:center; cursor:pointer;}
.kv-wrap .img-column li span {width: 100%;height: 70px;line-height: 25px; background:rgba(0,0,0,.5);color: #fff; display: block;padding: 10px 0;position: absolute;left: 0;top: 265px;z-index: 999;box-sizing: border-box;border-right: 1px #999 solid;font-family: YouYuan,'\5E7C\5706';}
.kv-wrap .img-column li span:hover {background: #fff;color: #666;}
.kv-wrap .img-column li .text {position:relative; left:0; top:50%;transition:all 0.3s;}
.kv-wrap .img-column li .li-mask { width:100%; background:#000; opacity:0;color: white;}

/* home-about */
.home-about {width: 100%;overflow: hidden;background: #333;padding: 40px 0 0;}
.home-about-bot {width: 100%;height: 17px;background: #fff url(../images/home-about-bg.png);overflow: hidden;}
.home-about-logo {width: 300px;height: 180px;background: url(../images/logo-about.png) center no-repeat;padding: 10px 0;}
.home-about-logot {width: 300px;height: 180px;background: url(../images/logot-about.png?v=2022) center no-repeat;padding: 10px 0;}
.home-about-txt {width: calc(100% - 350px);overflow: hidden;height: 80px;padding: 50px 0;}
.home-about-txt p {font-size: 14px;color: #999;text-indent: 2em;text-align: justify;}

/* home-product */
.home-product {width: 100%;overflow: hidden;}
.home-product a {width:33.33%;float: left;overflow: hidden;display: block;padding: 0 0 15px;}
.home-product a span {width: 260px;height: 56px;line-height: 45px;text-align: center;color: white;font-size: 20px;text-transform: capitalize;font-family:Microsoft YaHei, '\9ed1\4f53';background: url(../images/product-title.png) no-repeat;display: block;margin: 0 auto 20px;}
.home-product span.hs1 {background-position: left 0;}
.home-product span.hs2 {background-position: left -56px;}
.home-product span.hs3 {background-position: left -112px;}
.home-product a img {width: 310px;height: 220px;margin: 0 auto;display: block;}
.home-product a:hover span {transform: translateY(5px);}
.home-product a:hover img {transform: translateY(-5px);}

/* home-nine */
.home-nine {width: 100%;height: 500px;background: url(../user/nine-bg.jpg) center no-repeat;}
.home-nine-list {width: 100%;box-sizing: border-box;padding: 10px 6px;overflow: hidden;}
.home-nine-list a {width: 122px;height: 122px;background: url(../images/nine-ico-bg.png) no-repeat;display: block;float: left;margin: 0 5px;}
.home-nine-list a:hover {background-image: url(../images/nine-ico-bg-hover.png);}
.home-nine-list a span {width: 100%;height: 100%;background: url(../images/nine-ico.png);display: block;}
.home-nine-list a:hover span {background: url(../images/nine-ico-hover.png);}
.home-nine-list a span.ns1 {background-position: left 0;}
.home-nine-list a span.ns2 {background-position: left -122px;}
.home-nine-list a span.ns3 {background-position: left -244px;}
.home-nine-list a span.ns4 {background-position: left -366px;}
.home-nine-list a span.ns5 {background-position: left -488px;}
.home-nine-list a span.ns6 {background-position: left -610px;}
.home-nine-list a span.ns7 {background-position: left -732px;}
.home-nine-list a span.ns8 {background-position: left -854px;}
.home-nine-list a span.ns9 {background-position: left -976px;}

/* home-block */
.home-block {width: 590px;height: 340px;box-sizing: border-box;padding: 30px;border: 1px #eee solid; margin: 80px 0;position: relative;}
.home-block h3 {width: 100%;line-height: 70px;color: #444;font-size: 24px;}
.home-block-book {background: url(../user/book-1.jpg) center no-repeat;}
.home-block-bookt {background: url(../user/book-1t.jpg) center no-repeat;}
.home-block-bookt1 {background: url(../images/index_wx.jpg) center no-repeat;}
.home-block-wx {background: url(../images/code.png) 360px center no-repeat;}
.home-block p {width: 300px;margin: 0 0 30px;line-height: 250%;background: rgba(255,255,255,.7); padding:10px;}
.home-block-tip {width:calc(100% - 20px);height: 40px;line-height: 40px;color: white;background: #e70012;position: absolute;left: 0;bottom: 0;text-align: center;margin: 10px;}


/* footer */
.foot {width: 100%;overflow: hidden;padding: 30px 0 0;background: url(../images/light-bg.png);margin: 30px 0 0;float: left;}
.foot-nav {width: 700px;overflow: hidden;}
.foot-nav label {width: 20%;box-sizing: border-box;padding: 0 40px 0 0;display: block;float: left;}
.foot-nav a {width: 100%;height: 30px;line-height: 30px;text-align: center;color: #999;display: block;}
.foot-nav a:hover {color: white;}
.foot-nav a.tit {color: white;margin: 10px 0;font-family: YouYuan,'\5E7C\5706';font-size: 14px;}
.foot-other {width: calc(100% - 700px);overflow: hidden;border-left: 1px #999 solid;box-sizing: border-box;}
.foot-tel {width: 100%;height: 110px;background: url(../images/tel.png) center right no-repeat;}
.foot-sns {width: 240px;height: 80px;padding: 10px 0;}
.foot-sns a {width: 60px;height: 60px;display: block;float: left;margin: 10px;background: url(../images/sns.png) no-repeat;opacity: .3;}
.foot-sns a:hover {opacity: 1;}
.foot-sns a.fa1 {background-position: 0 0;}
.foot-sns a.fa2 {background-position: 0 -60px;}
.foot-sns a.fa3 {background-position: 0 -120px;}
.copyright {width: 100%;height: 46px;line-height: 46px;text-align: center;text-transform: uppercase;overflow: hidden;background: #171717;margin: 30px 0 0;float: left;}
.foot-link {width: 395px;height: 113px;}

/* banner */
.banner {width: 100%;height: 250px;background-position: center;background-repeat: no-repeat;box-sizing: border-box;padding: 210px 0 0;}
.banner-1 {background-image: url(../user/banner-1.jpg);}
.banner-2 {background-image: url(../user/banner-2.jpg);}
.crumbs {width: 100%;height: 40px;color: #fff;padding: 0 0 0 40px;background: #444 url(../images/road-ico.png) left no-repeat;box-sizing: border-box;}
.crumbs a {line-height: 40px; padding:0 10px;color: #fff;}

/* side */
.side {width: 240px;overflow: hidden;background: #333;}
.accordion{width: 200px;padding: 20px;}
.side-group {height: 40px;line-height: 40px; padding: 0 15px; cursor: pointer;display: block;color: #ccc;margin: 0 0 10px;border-radius:20px; position: relative;font-size: 14px;}
.side-group span {float: right;}
.side-group:hover, .open > .side-group {background: #f90;color: white;}
.side-group:hover span, .open > .side-group span {color: white;}
.submenu{display: none;}
.submenu a {display: block;color: #999;height: 40px;line-height: 40px; padding-left: 30px;margin: 0 0 10px;border-radius: 20px;font-size: 14px;}
.submenu a:hover{background: #fff;color: #555;}
.side-tel {width: 240px;height: 200px;background: url(../images/cums.jpg);position: relative;}
.side-tel span {width: 100%;height: 40px;line-height: 35px;text-align: center;background: rgba(38,194,72,.9);color: white;font-family: georgia;position: absolute;left: 0;bottom: 0;font-size: 28px;font-style: italic;font-weight: bold;}

/* contant */
.contant {width: 920px;}
.contant h2 {width: 100%;line-height: 70px;border-bottom: 1px #ccc solid;font-size: 24px;color: #444;display: block;font-family: YouYuan,'\5E7C\5706';}
.contant-full {width: 100%;}
.contant-full h2 {width: 100%;line-height: 120px;font-size: 32px;color: #444;display: block;text-align: center;font-family: YouYuan,'\5E7C\5706';}
.contant-nav {width: 100%;overflow: hidden;border-bottom: 1px #eee solid;text-align: center;padding: 10px 0;}
.contant-nav a {padding: 0 30px;height: 40px; line-height: 40px;display:inline-block;border-radius: 25px;font-size: 14px;}
.contant-nav a:hover, .contant-nav a.active {background: #e70012;color: white;}

/* prouct */
.prouct-list {width: 942px;padding: 20px 0;margin: 0 0 0 -12px;}
.prouct-list a {width: 290px;float: left;margin: 5px 12px;}
.prouct-list a img {width: 280px;}
.prouct-list a span {width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 14px;display: block;}
.prouct-list a:hover img {transform: translateY(-5px);}
.prouct-list a:hover span {color: #269548;}

.prouct-page {width: 100%;padding: 30px 0 0;}
.prouct-page .showimg {width: 100%;margin: 0 auto;text-align: center;}
.prouct-page .showimg img {width: 500px;}
.prouct-page-title {width: 100%;padding: 30px 0;overflow: hidden;}
.prouct-page-title h4 {background: #269548;color: white;font-size: 16px;padding: 0 20px 0 0;height: 40px; line-height: 40px;float: left;}
.prouct-page-title span {width: 0;height: 0;border-top: 20px transparent solid;border-left: 20px #269548 solid;border-bottom: 20px transparent solid;display: block;float: left;padding: 0 20px 0 0;}
.prouct-page-title h4 span {border-left-color: #fc0;}
.prouct-page table {width: 100%;background: #eee;}
.prouct-page table td {height: 40px;vertical-align: middle;text-align: center;background: #fff;}
.prouct-page table td.cog {background: #eee;}
.prouct-page-txt {width: 100%;overflow: hidden;}
.prouct-page-txt p {line-height: 250%;text-indent: 2em;padding: 10px 0;}

/* page */
.page {width: 100%;padding: 30px 0;overflow: hidden; text-align: center;}
.page a {width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;margin: 10px;display:inline-block;background: #eee;border-radius: 100%;}
.page a:hover,.page a.active {background: #269548;color: white;}

/* news */
.news {width: 100%;}
.news-group {width: 100%;padding: 20px 0;overflow: hidden;border-bottom: 1px #eee solid;}
.news-group a {width: 50%;height: 50px;line-height: 50px;font-size: 14px;box-sizing: border-box;padding: 0 20px 0 30px;background: url(../images/list-style.png) 10px center no-repeat;margin: 0 0 5px;display: block;float:left;}
.news-group a span {float: right;color: #999;}
.news-group a:hover {background-color: #f90;color: white;}
.news-group a:hover span {color: white;}
/* news */

.news-group1 {width: 100%;padding: 20px 0;overflow: hidden;border-bottom: 1px #eee solid;}
.news-group1 a {width: 100%;height: 50px;line-height: 50px;font-size: 14px;box-sizing: border-box;padding: 0 20px 0 30px;background: url(../images/list-style.png) 10px center no-repeat;margin: 0 0 5px;display: block;float:left;}
.news-group1 a span {float: right;color: #999;}
.news-group1 a:hover {background-color: #f90;color: white;}
.news-group1 a:hover span {color: white;}

/* article */
.article {width: 100%;}
.article p {line-height: 250%;font-size: 14px;text-indent: 2em;padding: 10px 0;text-align: justify;}
.article-img {margin:15px 5px;position: relative;float: left;}
.article-img span {padding: 0 10px; height: 30px;line-height: 30px;text-align: center;background: rgba(255,255,255,.8);position: absolute;right: 0;bottom: 0;font-size: 14px;}

/* brand */
.brand {text-align: center;}
.brand p {padding: 10px 0;line-height: 300%;}
.brand-group {width: 380px;height: 620px;box-sizing: border-box;border: 2px #269548 solid;padding:280px 25px 0;float: left;background-position:center 40px;background-repeat: no-repeat;margin: 40px 0;transition: all .5s;}
.brand-group:hover {transform: translateY(-10px);}
.brand-group h5 {width: 100%;height: 70px;line-height: 70px;text-align: center;font-size: 20px;}
.brand-group p {text-indent: 2em;text-align: left;}
.brand-group-br1 {border-color: #269548;background-image: url(../user/brand-1.jpg);}
.brand-group-brt1 {border-color: #269548;background-image: url(../user/brand-1t.jpg?v=2022);}
.brand-group-br2 {border-color: #fc0;background-image: url(../user/brand-2.jpg);}
.brand-group-br3 {border-color: #e70012;background-image: url(../user/brand-3.jpg);}
.brand-group-brt3 {border-color: #e70012;background-image: url(../user/brand-3t.jpg);}
.brand-group-br1 h5 {color: #269548;}
.brand-group-br2 h5 {color: #f90;}
.brand-group-br3 h5 {color: #e70012;}
.brand-group-em {width: 30px;height: 100px;display: block;float: left;}

/* advantage */
.advantage {width: 100%;padding:0 0 30px;overflow: hidden;}
.advantage-group {width: 100%;height: 180px;margin:0 0 20px;float: left;box-sizing: border-box;border: 1px #eee solid;transition: all .5s;}
.advantage-group:hover {transform: translateY(-5px);}
.advantage-group i {width: 122px;height: 122px;background: url(../images/nine-ico-bg-hover.png) no-repeat;display: block;float: left;margin:28px;}
.advantage-group i span {width: 100%;height: 100%;background: url(../images/nine-ico-hover.png);display: block;}
.advantage-group i span.ns1 {background-position: left 0;}
.advantage-group i span.ns2 {background-position: left -122px;}
.advantage-group i span.ns3 {background-position: left -244px;}
.advantage-group i span.ns4 {background-position: left -366px;}
.advantage-group i span.ns5 {background-position: left -488px;}
.advantage-group i span.ns6 {background-position: left -610px;}
.advantage-group i span.ns7 {background-position: left -732px;}
.advantage-group i span.ns8 {background-position: left -854px;}
.advantage-group i span.ns9 {background-position: left -976px;}
.advantage-group h4 {width: 680px;height: 50px;line-height: 50px;padding: 10px 0 0;color: #444;font-size: 18px;float: left;font-family: YouYuan,'\5E7C\5706';}
.advantage-group p {width: 680px;height: 110px;line-height: 250%;overflow: hidden;text-align: justify;float: left;}
.advantage-group img {width: 285;height: 165px;border: 7px #eee solid;float: right;}
.advantage-group:hover h4 {color: #fc0;}
.advantage-group:hover img {border-color: #269548;}

/* about */
.about {width: 100%;}
.about-basic {width: 100%;}
.about-basic video {width: 540px;height: auto;float: left;background: #222;margin: 0 20px 0 0;}
.about-basic p {line-height: 300%;font-size: 14px;text-indent: 2em;text-align: justify;}
.about-basic-img {width: 100%;padding: 30px 0 0;}
.about-basic-img img {margin: 0 0 20px;}
.about-basic-img span {height: 60px;line-height: 60px;box-sizing: border-box;padding: 0 20px;color: white;display: block;margin: 0 0 20px;font-size: 14px;}
.about-basic-img span.red {background: #e70012;width: 780px;}
.about-basic-img span.green {background: #e70012;width: 400px;}
.about-group {width:100%;margin: 0 0 30px;}
.about-group > span {width: 360px;height: 60px;line-height: 60px;box-sizing: border-box;padding: 0 20px;color: white;display: block;margin: 0 0 20px;font-size: 14px;background: #e70012;float: left;}
.about-group p {width: 360px;height: 380px;box-sizing: border-box;padding: 20px;font-size: 14px; background: #333;color: white;line-height: 300%;display: block;float: left;text-align: justify;}
.about-group-img {margin: 0 0 20px 20px;position: relative;}
.about-group-img span {padding: 0 10px; height: 30px;line-height: 30px;text-align: center;background: rgba(255,255,255,.8);position: absolute;right: 0;bottom: 0;font-size: 14px;}


/* load */
.load {width: 100%;height: 640px;position: absolute;left: 0;top: 50%; background: url(../images/load-bg.jpg);box-sizing: border-box;padding: 100px 0;margin: -320px 0 0;}
.load-bar {width: 100%;height: 40px;background: url(../images/load-bar.png) no-repeat;position: absolute;left: 0;}
.load-bar-top {background-position: center -40px;top: 0;}
.load-bar-bot {background-position: center 0;bottom: 0;}
.load-logo {width: 570px;height: 300px;background: url(../images/load-logo.png) center no-repeat;margin: 10px auto;}
.load-btn {width: 570px;overflow: hidden;text-align: center;margin: 0 auto;}
.load-btn a {width: 200px;height: 60px;line-height: 60px;font-family: 'YouYuan';font-size: 22px;color: white;text-align: center;font-weight: bold;background: #269548;border-radius: 30px;display: inline-block;margin:50px 20px;}
.load-btn a:hover {background: #e70012;}