@charset "utf-8";
@import url(nav.css);
@import url(index_show.css);
@import url(footer_nav.css);
.wrap{max-width:1720px; width: 96%; margin:0 auto;}
.wrap-1200{max-width: 1200px; width: 96%; margin:0 auto;}
.wrap-1400{max-width: 1400px; width: 96%; margin:0 auto;}
.max-limit{max-width: 1920px; margin-left: auto; margin-right: auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.inherit{line-height: inherit;font-size: inherit;color: inherit;}
.over{overflow: hidden;}
.nowrap{white-space: nowrap;}
.fz0{font-size: 0;}
.nowrap.fz0{letter-spacing: -5px;}
.nowrap.fz0 *{letter-spacing: normal;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.flex{display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex-row{-webkit-box-orient: horizontal;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row;flex-direction: row;}
.flex-col{-webkit-box-orient: vertical;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.flex-wrap{-webkit-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.flex-ac{-webkit-box-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center;}
.flex-jc{-webkit-box-pack: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;}
.flex-js{-webkit-box-pack: space-between;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content: space-between;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.display-table{width: 100%;height: 100%;display: table;}
.table-cell{display: table-cell;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.middle-span{height: 100%;vertical-align: middle;display: inline-block;}
.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}
.content-box{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing: content-box;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans-internal::before,.trans-internal::after{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.scale:hover .scale-img{-ms-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.ltrans{-webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; transition:all 300ms linear 0s;}
.block-980{display: none;}
.block-768{display: none;}
.bg33{background-color: #333333;}
.bgf3{background-color: #f3f3f3;}
.bgf4{background-color: #f4f4f4;}
.bgf6{background-color: #f6f6f6;}
.bgf8{background-color: #f8f8f8;}
.hide_en{display: none!important;}
@font-face{font-family: 'impact'; src: url(/fonts/impact.ttf);}

.no-list{line-height: 34px;font-size: 24px;padding: 50px 5%;text-align: center;}
html,body{min-width: 320px;overflow-x: hidden;}
#website{position: relative;z-index: 1;left: 0;}
#website.bg1{background: #f1f1f1;}
.web-title-0{font-size: 28px;color: #333;margin-top: 55px;}
.web-title-1{font-family: Arial;font-size: 12px;color: #999;margin-bottom: 55px;}
.category-list a{line-height: 28px;font-size: 14px;color: #aaa;margin-right: 2.5%;}
.category-list a:hover , .category-list .on{color: #333;}
.category-list .line{height: 2px;background-color: #333;}
.editor *{line-height: inherit;font-family: inherit;font-size: inherit;color: inherit;}
.editor img{max-width: 100%;}

#header{width: 100%;height: 100px;line-height: 100px;padding: 0 5.208333%;border-bottom: 1px solid transparent;z-index: 3;left: 0;top: 0;}
#header.index{background-color: rgba(255,255,255,.3);}
/*#header[bg="white"]{background-color: #fff;border-bottom: 1px solid #e7e7e7;}
#header[color="White"] #logo .img-0{opacity: 0;}
#header[color="White"] #logo .logo-1{opacity: 1;}
#header[color="White"] #menu #nav .nav-item .item-a{color: #fff;}*/
#header #logo{max-width: 20%;height: 100%;z-index: 2;}
#header #logo .img-0{z-index: 2;}
#header #logo .logo-1{line-height: inherit;left: 0;top: 0;opacity: 0;}
#header #menu{width: 100%;height: 100%;line-height: inherit;}
#header #menu #nav{max-width: 820px;height: 100%;width: 80%;}
#header #menu #nav .nav-item{width: 11.25%;}
#header #menu #nav .nav-item .item-a{font-size: 14px;color: #333;}
#header #menu #nav .nav-item .sub-nav{width: 180px;background-color: #fff;margin-left: -90px;top: 100%;left: 50%;display: none;overflow: hidden;box-shadow: 0 2px 1px rgba(0,0,0,.1);}
#header #menu #nav .nav-item .sub-nav .sub-item{height: 63px;line-height: 63px;border-bottom: 1px solid #f1f1f1;}
#header #menu #nav .nav-item .sub-nav .sub-item a{font-size: 14px;color: #333;padding: 0 20px;}
#header #menu #nav .nav-item .sub-nav .sub-item a:hover{background-color: #f1f1f1;text-indent: 10px;}
#header #menu #nav .nav-item:hover .sub-nav{display: block;}
#header #menu #nav .search-btn{width: 5%;font-size: 14px;}
#header #menu .change-lang a{border:1px solid #777;display: inline-block;border-radius: 100px;padding:7px 5px;line-height: 100%;}
#header #menu-btn{font-size: 26px;line-height: inherit;}
#header #header-search{width: 240px;max-height: 0;right: 5%;top: 100%;}
#header #header-search .text{width: 100%;height: 40px;font-size: 14px;color: #333;padding-right: 65px;padding-left: 10px;border: 1px solid #ccc;}
#header #header-search .text:hover , #header #header-search .text:focus{border-color: #666}
#header #header-search .submit{width: 65px;line-height: 40px;font-size: 16px;right: 0;top: 0;}
#header.on{height: 60px;line-height: 60px;background-color: #fff;border-bottom: 1px solid #e7e7e7;}
#header.on #logo .img-0{opacity: 1;}
#header.on #logo .logo-1{opacity: 0;}
#header.on #menu #nav .nav-item .item-a{color: #333;}
#header .open-search #header-search{max-height: 40px;}
#header-blank{height: 100px;border-bottom: 1px solid #f0f0f0;}

.banner .banner-btn{width: 30px;height: 59px;background-repeat: no-repeat;background-size: 100% auto;top: 49%;opacity: 0;}
.banner:hover .banner-btn{opacity: 1;}
.banner .banner-prev{background-image: url(/images/images/banner-left.png);left: 70px;}
.banner .banner-next{background-image: url(/images/images/banner-right.png);right: 70px;}

.last-news{width: 100%;left: 0;bottom: 0;}
.last-news .box{background-color: rgba(255,255,255,.85);}
.last-news .box .list{width: 83.7209%;height: 128px;background-image: url(/images/images/qm.png);background-repeat: no-repeat;background-position: 1.875% 27.34375%;background-size: 1.875% auto;padding: 1.744186% 0 1.744186% 4.360465%;}
.last-news .box .list .item .title{line-height: 22px;}
.last-news .box .list .item .title a{font-size: 16px;color: #5f7a5c;}
.last-news .box .list .item .date{color: #ccc;}
.last-news .box .list .item .brief{line-height: 24px;color: #666;}
.last-news .box .btn-box{width: 11.6279069767%;border-left: 1px dotted #b5baba;top: 10px;right: 0;bottom: 10px;}
.last-news .box .btn-box .button{width: 11%;}
.last-news .box .btn-box .prev{margin-right: 12.5%;}
.last-news .box .btn-box .next{margin-left: 12.5%;}

.web-name{font-size: 36px;color: #333;}
.web-title{font-size: 14px;color: #93ac90;margin-top: 5px;}
.web-brief{line-height: 20px;font-size: 14px;color: #999;margin-top: 15px;}
.editor{line-height: 24px;}
.editor *{max-width: 100%;font-family: inherit;font-size: inherit;color: inherit;}

.index-product{margin-bottom: 2.9069767%;}
.index-product .top{line-height: 50px;margin: 2.9069767% 0;}
.index-product .categorys{width: 50%;}
.index-product .categorys a{font-size: 14px;color: #666;}
.index-product .categorys i{width: 1px;height: 15px;background-color: #dadada;margin: 0 1.8%;top: 3px;}
.index-product .products{margin-bottom: 2.9069767%;}
.index-product .product-box{width: 48.837209%;}
.index-product .product-box .hd{width: 100%;height: 0;left: 0;bottom: 40px;}
.index-product .product-box .hd a{width: 15px;height: 15px;background-color: #fff;border-radius: 100%;margin: 0 5px;opacity: 1;}
.index-product .product-box .hd .on{background-color: #93ac90;}
.index-product .product-list{width: 49.41860465%;}
.index-product .product-list .item{width: 48.23529%;}
.index-product .product-list .item:nth-child(1) , .index-product .product-list .item:nth-child(2){margin-bottom: 3.5294117647%;}
/*.index-product .product-list .item .img{margin-right: 7.0588235%;margin-bottom: 7.0588235%;}*/
.index-product .product-list .item .info{width: 100%;height: 100%;left: 0;top: 0;z-index: 2;opacity: 0;}
.index-product .product-list .item .info .name{font-size: 24px;color: #fff;}
.index-product .product-list .item .info .attrs{margin: 2.43902439% 0;}
.index-product .product-list .item .info .attrs a{font-size: 14px;color: #d7d7d7;margin: 0 2%;}
.index-product .product-list .item .info .attrs a:hover{color: #93ac90;}
.index-product .product-list .item .shadow{width: 0;height: 0;background-color: rgba(36,58,34,.4);left: 50%;top: 50%;opacity: 0;}
.index-product .product-list .item .shadow.left{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.index-product .product-list .item .shadow.right{-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.index-product .product-list .item:hover .info{opacity: 1;}
.index-product .product-list .item:hover .shadow{width: 200%;height: 200%;left: -50%;top: -50%;opacity: 1;}
/*.index-product .product-list .item .shadow.left::before{left: 0;}
.index-product .product-list .item .shadow.left::after{left: 25%;}
.index-product .product-list .item .shadow.right::before{right: 25%;}
.index-product .product-list .item .shadow.right::after{right: 0;}
.index-product .product-list .item .shadow::before , .index-product .product-list .item .shadow::after{width: 25%;height: 100%;font-size: 0;background-color: rgba(36,58,34,.8);border: 0;top: 0;position: absolute;z-index: 1;opacity: 0;-webkit-transition: 300ms ease-in-out;-moz-transition: 300ms ease-in-out;-ms-transition: 300ms ease-in-out;-o-transition: 300ms ease-in-out;transition: 300ms ease-in-out;-webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);-ms-transform: rotateY(90deg);-o-transform: rotateY(90deg);transform: rotateY(90deg);-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing: content-box;content: '';}
.index-product .product-list .item:hover .shadow::before , .index-product .product-list .item:hover .shadow::after{-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);filter: alpha(opacity=100);-wekbit-opacity: 1;-moz-opacity: 1;opacity: 1;}*/

.web-btn .button{width: 52px;height: 50px;background-color: #f1f1f1;border-radius: 3px;margin: 0 5px;}
.web-btn .more{width: 82px;}
.web-btn .img-on{left: 0;top: 0;opacity: 0;}
.web-btn .button:hover{background-color: #93ac90;}
.web-btn .button:hover .img-on{opacity: 1;}

.index-about{margin-bottom: 2.864583%;}
.index-about .img{width: 50%;}
.index-about .main{width: 50%;height: 100%;background-color: #f3f3f3;left: 0;top: 0;}
.index-about .main .name{font-size: 50px;color: #93ac90;}
.index-about .main .title{font-size: 14px;color: #93ac90;margin-top: 10px;}
.index-about .main .brief{line-height: 25px;font-size: 14px;color: #666;padding: 0 5.81395%;margin-top: 3.48837%;}

/*.index-team{margin-bottom: 2.864583%;}*/
.index-team .team-list{margin-top: 2.32558%;}
.team-list .item{width: 23.2558%;background-color: #f3f3f3;margin-left: 2.32558%;margin-bottom: 2.32558%;}
.team-list .item.f4{margin-left: 0;}
.team-list .item .main{padding: 8.75% 9.25%;}
.team-list .item .main .img{border-radius: 100%;margin-bottom: 6.25%;}
.team-list .item .main .name{font-size: 14px;color: #999;}
.team-list .item .main .cate{font-size: 16px;color: #666;}
.team-list .item .mask{width: 100%;height: 100%;background-color: #2d492a;left: 0;top: 0;opacity: 0;}
.team-list .item .more{background-image: url(/images/images/ico-i.png);background-repeat: no-repeat;background-size: 100% auto;padding: 7.5%;left: 42.5%;top: -143.6170212765957%;}
.team-list .item:hover .mask{opacity: .8;}
.team-list .item:hover .more{top: 43.6170212765957%;}

#team{margin-bottom: 1.16279%;}
#team .join-btn{width: 150px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background-color: #93ac90;border-radius: 20px;margin: 1.744186% auto 3.488372%;}

#msg-info{top: 0;right: 0;bottom: 0;left: 0;z-index: 6;}
#msg-info .box{width: 96%;max-width: 1200px;height: 90%;background-color: #fff;padding: 5% 0;}
#msg-info .box .info{height: 100%;overflow: auto;}
#msg-info .box .close{top: 20px;right: 20px;}
#msg-info .box .left{width: 53.083333%;/*margin-top: 9.166666%;margin-bottom: 5.83333%;*/}
#msg-info .box .left .img{width: 51.17739%;max-width: 326px;border: 14px solid #f6f7f9;border-radius: 100%;margin: 0 auto 3.139717%;z-index: 2;}
#msg-info .box .left .name{font-size: 14px;color: #999;z-index: 2;}
#msg-info .box .left .cate{font-size: 16px;color: #666;z-index: 2;}
#msg-info .box .box-line{width: 1px;height: 80%;background-color: #e9eee9;/*padding-top: 39.75%;margin-top: 5.416666%;*/}
#msg-info .box .right{width: 46%;}
#msg-info .box .right .title{font-size: 24px;color: #93ac90;}
#msg-info .box .right .title::after{width: 56px;height: 3px;background-color: #93ac90;margin: 12px auto 0;display: block;content: '';}
#msg-info .box .right .brief{line-height: 24px;font-size: 14px;color: #666;margin-top: 7.1174377%;margin-bottom: 8.896797%;}
#msg-info .box .right .online-btn{width: 140px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background-color: #93ac90;background-image: url(/images/images/ico-online.png);background-repeat: no-repeat;background-position: 15px center;border-radius: 20px;margin: 0 auto;text-indent: 25px;}
#msg-info .box .contents{width: 100%;}

#web-mask{top: 0;right: 0;bottom: 0;left: 0;background-color: #000;opacity: .5;z-index: 5;}


.index-contact{padding: 2.864583% 0 3.3854166%;}
.contact .contact-info{margin: 3.19767% 0 2.616279%;}
.contact .contact-info .item{width: 31.6666666%;}
.contact .contact-info .item .ico{margin-right: 10px;}
.contact .contact-info .item .info{max-width: -moz-calc(100% - 34px);max-width: -webkit-calc(100% - 34px);max-width: calc(100% - 34px);line-height: 26px;font-size: 14px;color: #93ac90;}
.contact .contact-info .item .ico , .contact .contact-info .item .info{vertical-align: top;}
.contact-form .text{width: 31.6666666%;height: 45px;padding: 0 15px;}
.contact-form .area{width: 100%;height: 150px;padding: 15px;resize: none;}
.contact-form .text , .contact-form .area{font-size: 14px;color: #333;background-color: #fff;border: 1px solid #e5e5e5;margin-bottom: 20px;}
.contact-form .submit{width: 100%;height: 60px;font-size: 16px;color: #fff;background-color: #93ac90;border-radius: 5px;border: 1px solid #93ac90;}

.inner .web-name{margin-top: 2.601156%;}
.inner .category{margin: 2.023121387% 0 2.601156%;}
.inner .category .cates{width: 120px;height: 40px;line-height: 40px;font-size: 14px;color: #666;border: 1px solid #ececec;margin: 0 5px;}
.inner .category .cates:hover{color: #93ac90;}
.inner .category .cates.on{color: #fff;background-color: #93ac90;border-color: #93ac90;}
.inner .list-more{width: 160px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;background-color: #93ac90;border-radius: 20px;margin: 4.046242% auto 0;}

.detail-top{margin-top: 2%;}
.detail-top .category{width: 90%;line-height: 20px;padding: 10px 0;}
.detail-top .category .cates{font-size: 14px;color: #666;margin-right: 30px;}
.detail-top .category .cates::after{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;color: inherit;margin-left: 5px;display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f107";}
.detail-top .category .cates:hover , .detail-top .category .cates.on{color: #93ac90;}

#products{max-width: 1730px;width: 96%;margin: 0 auto 3.645833%;}
/*#products .products-list{}*/
#products .products-list .item{width: 23.699%;margin-left: 1.734%;margin-bottom: 1.734%;}
#products .products-list .item.f4{margin-left: 0;}
#products .products-list .item .info{width: 100%;height: 100%;left: 0;top: 0;z-index: 2;opacity: 0;}
#products .products-list .item .info .name{font-size: 24px;color: #fff;}
#products .products-list .item .info .attrs{margin: 2.43902439% 0;}
#products .products-list .item .info .attrs a{font-size: 14px;color: #d7d7d7;margin: 0 2%;}
#products .products-list .item .shadow{width: 0;height: 0;background-color: rgba(36,58,34,.4);left: 50%;top: 50%;opacity: 0;}
#products .products-list .item .shadow.left{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#products .products-list .item .shadow.right{-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#products .products-list .item:hover .info{opacity: 1;}
#products .products-list .item:hover .shadow{width: 200%;height: 200%;left: -50%;top: -50%;opacity: 1;}
/*#products .products-list .item .shadow.left::before{left: 0;}
#products .products-list .item .shadow.left::after{left: 25%;}
#products .products-list .item .shadow.right::before{right: 25%;}
#products .products-list .item .shadow.right::after{right: 0;}
#products .products-list .item .shadow::before , #products .products-list .item .shadow::after{width: 25%;height: 100%;font-size: 0;background-color: rgba(36,58,34,.8);border: 0;top: 0;position: absolute;z-index: 1;opacity: 0;-webkit-transition: 300ms ease-in-out;-moz-transition: 300ms ease-in-out;-ms-transition: 300ms ease-in-out;-o-transition: 300ms ease-in-out;transition: 300ms ease-in-out;-webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);-ms-transform: rotateY(90deg);-o-transform: rotateY(90deg);transform: rotateY(90deg);-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing: content-box;content: '';}
#products .products-list .item:hover .shadow::before , #products .products-list .item:hover .shadow::after{-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);filter: alpha(opacity=100);-wekbit-opacity: 1;-moz-opacity: 1;opacity: 1;}*/

#product-detail .detail{margin-top: 1.744186%;margin-bottom: 1.16279%;}
#product-detail .detail .img{width: 69.76744186%;}
#product-detail .detail .box{overflow: auto;}
#product-detail .detail .info{height: 100%;background-color: #f3f3f3;padding: 2.32558% 2.9069767% ;left: 69.76744186%;top: 0;}
#product-detail .detail .info .name{font-size: 32px;color: #93ac90;}
#product-detail .detail .info .brief{height: 200px;line-height: 25px;font-size: 14px;color: #666;margin: 3.846153846% 0;}
#product-detail .detail .info .title{font-size: 24px;color: #666;}
#product-detail .detail .info .size{height: 125px;line-height: 25px;margin-top: 2.884615%;}
#product-detail .detail .info .size a{font-size: 14px;color: #666;margin-right: 2.884615%;}
#product-detail .detail .info .size a:hover , #product-detail .detail .info .size .on{color: #93ac90;}
#product-detail .detail .info .btns{margin-top: 3.8461538%;}
#product-detail .detail .info .btns .online-btn{width: 140px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background-image: url(/images/images/ico-online.png);background-repeat: no-repeat;background-position: 14px center;border-radius: 20px;margin: 0 15px 10px;text-indent: 25px;}
#product-detail .detail .info .btns .btn-0{background-color: #93ac90;}
#product-detail .detail .info .btns .btn-1{background-color: #666;}
/*#product-detail .editor{width: 69.76744186%;}*/
.detail-page{margin-top: 2.9069767%;margin-bottom: 2.9069767%;}
.detail-page .rows{line-height: 25px;font-size: 14px;}
.detail-page .rows .title{color: #999;}
.detail-page .rows a{color: #666;}
.detail-page .rows a:hover{color: #93ac90;}

#news{max-width: 1730px;width: 96%;margin: 0 auto 3.645833%;}
#news .hot-news{border-bottom: 1px solid #e7e7e7;}
#news .hot-news .item{width: 23.699%;margin-left: 1.734%;}
#news .hot-news .item.f4{margin-left: 0;}
#news .hot-news .item .info{padding: 4.87804878% 14.634146% 8.53658536585% 0;}
#news .hot-news .item .info .title a{font-size: 18px;color: #333;}
#news .hot-news .item .info .title a:hover{color: #94ac90;}
#news .hot-news .item .info .brief{height: 40px;line-height: 20px;font-size: 14px;color: #8c8c8c;margin-top: 5px;}
#news .news-list{max-width: 1720px;margin: 1.156069% auto 0;}
#news .news-list .item{padding: 2.0348837% 8.43023% 2.616279% 2.32558%;border-bottom: 1px solid #ededed;}
#news .news-list .item .info{width: 52.9069767%;}
#news .news-list .item .info .title a{font-size: 18px;color: #333;}
#news .news-list .item .info .brief{height: 40px;line-height: 20px;font-size: 14px;color: #8c8c8c;margin-top: 1.6483516%;}
#news .news-list .item .time{padding-left: 1.744186%;border-left: 1px solid #eaeaea;margin-right: 13.081395%;}
#news .news-list .item .time .date{font-family: 'impact';font-size: 50px;color: #93ac90;}
#news .news-list .item .time .year{font-family: Arial;font-size: 14px;color: #999;margin-top: 5px;}
#news .news-list .item .right{font-size: 60px;color: #ccc;padding-top: 1%;right: 8.43023%;}
#news .news-list .item:hover{background-color: #93ac90;}
#news .news-list .item:hover .info .title a{color: #fff;}
#news .news-list .item:hover .info .brief{color: #fff;}
#news .news-list .item:hover .time{border-left-color: #fff;}
#news .news-list .item:hover .time .date{color: #fff;}
#news .news-list .item:hover .time .year{color: #fff;}
#news .news-list .item:hover .right{color: #fff;right: 6.279069767%;}
.news-detail{margin: 2% 0;}
.news-detail .title{font-size: 24px;}
.news-detail .detail{margin-top: 1%;}
.news-detail .detail{min-height: 420px;}

#about .about{padding: 2.34375% 0 4.166666%;}
#about .about::after{width: 1px;background-color: #c4d4c3;padding-top: 2.604166%;left: 50%;bottom: 0;position: absolute;z-index: 1;content: '';}
#about .about .contents{margin-top: 3.3333%;}
#about .service{background-repeat: no-repeat;background-position: center center;background-size: cover;padding: 3.125% 0 6.25%;}
#about .service::after{width: 1px;background-color: #c4d4c3;padding-top: 2.604166%;left: 50%;top: 0;position: absolute;z-index: 1;content: '';}
#about .service .box{margin: 6.25% 0 7.916666%;}
#about .service .box .item{width: 13.333333%;}
#about .service .box .item .info{padding: 50%;background-color: #fff;border-radius: 100%;}
#about .service .box .item .info a{width: 100%;height: 100%;line-height: 30px;font-size: 16px;color: #7e997b;padding: 40.625% 0;left: 0;top: 0;}
#about .service .online-btn{width: 140px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background-image: url(/images/images/ico-online.png);background-repeat: no-repeat;background-position: 15px center;border-radius: 20px;margin: 0 10px;text-indent: 25px;}
#about .service .btn-0{background-color: #93ac90;}
#about .service .btn-1{background-color: #666;}

#footer{background-color: #333;}
#footer .links{line-height: 24px;color: #666;padding: .78125% 0;border-bottom: 1px solid #3e3e3e;}
#footer .links a{margin-right: .8%;}
#footer .links a:hover{color: #fff;}
#footer .links span , #footer .links a{font-size: inherit;color: inherit;}
#footer .qrcode{width: 100px;color: #fff;margin: 1.0416666% auto 0;}
#footer .qrcode img{margin: 0 auto 10px;}
#footer .copyright{color: #ccc;margin-top: 1.0416666%;margin-bottom: 1.5625%;}

#online{width: 200px;background-color: #fff;padding-bottom: 35px;top: 8%;right: 1%;z-index: 4;display: none;}
#online .close{width: auto;height: auto;right: 10px;top: 10px;}
#online .title{font-size: 24px;color: #333;margin-top: 45px;}
#online .sub-title{font-size: 20px;color: #666;}
#online .hotline-title{font-size: 14px;color: #999;margin-top: 55px;margin-bottom: 10px;}
#online .hotline{font-family: 'impact';font-size: 22px;color: #93ac90;margin-bottom: 40px;}
#online .online-btn{width: 140px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background-image: url(/images/images/ico-online.png);background-repeat: no-repeat;background-position: 15px center;border-radius: 20px;margin: 0 auto 10px;text-indent: 25px;}
#online .btn-0{background-color: #93ac90;}
#online .btn-1{background-color: #666;}

#follow{top: 60%;right: 1%;z-index: 5;}
#follow .i{width: 50px;height: 50px;line-height: 50px;color: #fff;background-color: #93ac90;margin-bottom: 1px;}
#follow .toTop{font-family: Arial;font-size: 16px;}
#follow .fa{font-size: 22px;}

#video{margin: 0 auto 3.645833%;}
#video .video-list{margin-top: 50px;}
#video .video-list .item{width: 23.837%;margin-left: 1.5506%;margin-bottom: 1.5506%;background: #fff;}
#video .video-list .item.f4{margin-left: 0;}
#video .video-list .item .img{width: 100%;padding-top: 64.634%;}
#video .video-list .item .img .m-pic{left: 0;top: 0;right: 0;bottom: 0;}
#video .video-list .item .text{height: 65px;line-height: 65px;}
#video .video-list .item .name{width: calc(100% - 106px);padding: 0px 20px;text-align: left;font-size: 18px;}
#video .video-list .item .attrs{width: 65px;height: 65px;border-left: 1px solid #eaeaea;background: url(/images/images/bg1.png) no-repeat center;}

#video-detail{margin: 3.645% auto;}
#video-detail .title{font-size: 36px;text-align: center;margin-bottom: 55px;}
#video-detail .attr{margin-top: 55px;}
#video-detail .attr .t1{font-size: 16px;}
#video-detail .attr a{width: 24px;height: 24px;margin-right: 6px;}
#video-detail .attr a:nth-child(1){background: url(/images/images/bg2.jpg) no-repeat center left -30px;}
#video-detail .attr a:nth-child(2){background: url(/images/images/bg2.jpg) no-repeat center left -60px;}
#video-detail .attr a:nth-child(3){background: url(/images/images/bg2.jpg) no-repeat center left -120px;}
#video-detail .attr a:nth-child(4){background: url(/images/images/bg2.jpg) no-repeat center left -150px;}

/*
#audio{margin: 0 auto 3.645833%;}
#audio .audio-list{margin-top: 50px;}
#audio .audio-list .item{width: 23.837%;margin-left: 1.5506%;margin-bottom: 1.5506%;background: #fff;padding: 2.325%;}
#audio .audio-list .item.f4{margin-left: 0;}
#audio .audio-list .item .text{height: 56px;line-height: 56px;}
#audio .audio-list .item .text .play{width: 56px;height: 56px;background: url(/images/images/video.png) no-repeat center;cursor: pointer;margin-right: 20px;}
#audio .audio-list .item .text .play.on{background: url(/images/images/video2.png) no-repeat center;}
#audio .audio-list .item .text .t1{font-size: 18px;width: calc(100% - 76px);}
#audio .audio-list .item .time{margin-top: 50px;height: 25px;line-height: 25px;}
#audio .audio-list .item .time p{width: 65px;font-size: 18px;}
#audio .audio-list .item .time .end-time{text-align: right;}
#audio .audio-list .item .time .speed{width: calc(100% - 130px);height: 100%;background: #dedede;}
#audio .audio-list .item .time .speed span{position: absolute;display: block;height: 100%;width: 100%;background: url(/images/images/icon6.png) left center;z-index: 3;}
#audio .audio-list .item .time .speed i{position: absolute;display: block;height: 100%;width: 0;background: #e60116;z-index: 2;}
*/
#audio{margin: 0 auto 3.645833%;}
#audio .audio-list{margin-top: 50px;}
#audio .audio-list .item{width: 23.837%;margin-left: 1.5506%;margin-bottom: 1.5506%;background: #fff;padding: 2.325%;}
#audio .audio-list .item.f4{margin-left: 0;}
#audio .audio-list .item .play{width: 56px;height: 56px;background: url(/images/images/video.png) no-repeat center;cursor: pointer;margin-right: 20px;display: block;}
#audio .audio-list .item .play.on{background: url(/images/images/video2.png) no-repeat center;}
#audio .audio-list .item .info{width: calc(100% - 76px);}
#audio .audio-list .item .t1{font-size: 18px;height: 56px;line-height: 56px;}
#audio .audio-list .item .clear{margin-top: 50px;}
#audio .audio-list .item .star-time,#audio .audio-list .item .end-time{width: 65px;font-size: 18px;height: 25px;line-height: 25px;}
#audio .audio-list .item .end-time{text-align: right;}
#audio .audio-list .item .speed{width: calc(100% - 130px);height: 25px;background: #dedede;}
#audio .audio-list .item .speed span{position: absolute;display: block;height: 100%;width: 100%;background: url(/images/images/icon6.png) left center;z-index: 3;}
#audio .audio-list .item .speed i{position: absolute;display: block;height: 100%;width: 0;background: #e60116;z-index: 2;}


.invita-bg{position: fixed;top: 0;right: 0;	left: 0;bottom: 0;z-index: 101;background: rgba(0,0,0,0.5);display: none;}
#invita{background: #fff;position: fixed;width: 550px;background: #fff;height: 290px;border-radius: 12px;top: calc(50% - 145px);left: calc(50% - 275px);z-index: 102;padding: 45px 70px;display: none;}
#invita .guanbi{width: 15px;height: 15px;position: absolute;top: 18px;right: 18px;background: url(/images/images/bg2.png) no-repeat center;cursor: pointer;}
#invita .title{font-size: 30px;text-align: center;}
#invita input{width: calc(100% - 4px);border: 2px solid #dedede;border-radius: 5px;height: 48px;text-indent: 17px;font-size: 18px;margin: 25px auto 30px;}
#invita .c_submit{width: 254px;margin: 0 auto;}
#invita .c_submit div{width: 122px;height: 44px;line-height: 44px;text-align: center;border-radius: 5px;font-size: 18px;color: #fff;cursor: pointer;}
#invita .c_submit .submit{background: #e50116;}
#invita .c_submit .cancel{background: #000000;}



@media only screen and (max-width: 1440px){
	.last-news .box .list{height: 110px;}

	#product-detail .detail .info .name{font-size: 24px;}
	#product-detail .detail .info .title{font-size: 18px;}
}

@media only screen and (max-width: 1280px){
	#header{height: 60px;line-height: 60px;}
	#header-blank{height: 60px;}

	.web-name{font-size: 26px;}

	/* .index-about .img{display: none;} */
	.index-about .img{width:100%;}
	.index-about .img video{width:100% !important;}
	.index-about .main{width: 100%;padding-top: 2%;padding-bottom: 2%;position: relative;}
	.index-about .main .name{font-size: 36px;}
	.index-about .main .brief{margin-top: 2%;}

	.index-product .product-list .item .info .name , #products .products-list .item .info .name{font-size: 18px;}

	#online{display: none;}
}

@media only screen and (max-width: 980px){
	
	.index-product .categorys{ display:none;}
	.index-product .category{ display:block !important; margin-left:3%;}
	
	.hide-980{display: none;}
	.block-980{display: block;}

	html.open-menu,body.open-menu{width: 100%;height: 100%;position: fixed;overflow: hidden;} 		/* 导航菜单展开后禁止手机页面滚动 */
	#website.open-menu{left: -60%;}

	#header[id]{background-color: #fff;border-bottom: 1px solid #e7e7e7;}
	#header.open-menu{left: -60%;}
	#header #menu.open-menu #nav{right: 0;z-index: 20;}
	#header #menu:hover #nav{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
	#header #menu #nav{width: 60%;max-width: none;background-color: #fff;border-left: 1px solid #eee;position: fixed;right: -60%;top: 0;overflow-x: hidden;-webkit-box-align: flex-start;-webkit-align-items: flex-start;-moz-align-items: flex-start;-ms-align-items: flex-start;-o-align-items: flex-start;align-items: flex-start;-webkit-align-content: flex-start;-moz-align-content: flex-start;-ms-align-content: flex-start;-o-align-content: flex-start;align-content: flex-start;}
	#header #menu #nav .menu-close{width: 100%;height: 60px;line-height: inherit;font-size: 28px;color: #fff;background-color: #777;padding-left: 5%;padding-right: 5%;}
	#header #menu #nav .row{position: relative;z-index: 1;}
	#header #menu #nav .nav-item{width: 100%;border-bottom: 1px solid #ccc;text-align: left;}
	#header #menu #nav .nav-item.on{z-index: 3;}
	#header #menu #nav .nav-item .item-a{height: 45px;line-height: 45px;font-size: 16px;padding-left: 7%;padding-right: 7%;display: block;}
	#header #menu #nav .nav-item .sub-nav{width: 60%;border-radius: 0;margin-left: 0;left: auto;right: -60%;top: 60px;bottom: 0;position: fixed;box-shadow: none;display: block;overflow-x: hidden;}
	#header #menu #nav .nav-item .sub-nav.open{right: 0;}
	#header #menu #nav .nav-item .sub-nav .sub-title{height: 45px;line-height: 45px;font-size: 18px;color: #fff;background-color: #ccc;padding-left: 7%;padding-right: 7%;}
	#header #menu #nav .nav-item .sub-nav .sub-title i{margin-right: 10px;}
	#header #menu #nav .nav-item .sub-nav .sub-item{height: 48px;line-height: 45px;border-bottom: 1px solid #ccc;}
	#header #menu #nav .nav-item .sub-nav .sub-item a{padding-left: 7%;padding-right: 7%;}
	#header #header-search{width: 100%;max-height: none;position: relative;right: auto;top: auto;}
	#header #header-search .text{height: 60px;font-size: 16px;padding-left: 7%;border-width: 0 0 1px 0;}
	#header #header-search .submit{line-height: 60px;}
	#header-blank{height: 60px;}

	.banner{width: 130%;margin-left: -10%;}
	.banner .banner-btn{width: 20px;}

	.web-btn .button{width: 30px;height: 32px;}
	.web-btn .more{width: 50px;}
	.web-name{font-size: 20px;}
	.index-about .main .name{font-size: 20px;}
	.index-about .main .brief{font-size: 12px;}
	.index-about .main .brief br{display: none;}

	.index-product .product-box , .index-product .product-list{width: 100%;max-width: 850px;margin: 0 auto;float: none;}
	.index-product .product-box{margin-bottom: 3.191489%;}
	.index-product .product-list .item .info , #products .products-list .item .info{opacity: 0 !important;}
	.index-product .product-list .item .info .url , #products .products-list .item .info .url{width: 100%;height: 100%;left: 0;top: 0;position: absolute;z-index: 1;}
	.index-product .product-list .item .shadow , #products .products-list .item .shadow{display: none;}
	
	#products .products-list .item[class]{width: 49%;margin-left: 1.734%;}
	#products .products-list .item.f2{margin-left: 0;}

	#product-detail .detail .img{width: 100%;}
	#product-detail .detail .info{width: 100%;height: auto;position: relative;left: auto;}
	#product-detail .detail .info .name{font-size: 18px;}
	#product-detail .detail .info .title{font-size: 16px;}
	#product-detail .detail .info .brief , #product-detail .detail .info .size{height: auto;}

	.team-list .item[class]{width: 49%;margin-left: 2%;margin-bottom: 2%;}
	.team-list .item.f2{margin-left: 0;}

	#news .news-list .item{padding: 2%;}
	#news .news-list .item .info{width: 70%;}
	#news .news-list .item .time{margin-right: 0;}
	#news .news-list .item .time .date{font-size: 40px;}
	#news .news-list .item .right{display: none;}
	
	#header #menu .change-lang{margin-right: 10px;}

	#video .video-list .item{width: 49%;margin-left: 2%;margin-bottom: 2%;}
	#video .video-list .item.f2{margin-left: 0;}
	#video .video-list .item .name{font-size: 16px;}

	#video-detail .title{font-size: 20px;}
	
	#audio .audio-list .item{width: 49%;margin-left: 2%;margin-bottom: 2%;}
	#audio .audio-list .item.f2{margin-left: 0;}
	#audio .audio-list .item .text .t1{font-size: 16px;}

}

@media only screen and (max-width: 768px){
	.hide-768{display: none;}
	.block-768{display: block;}

	/* #header{height: 40px;line-height: 40px;} */
	#header{height:auto;line-height: 60px; padding:10px 5.208333%;}
	#header.on{height:auto;}
	#header #menu #nav .menu-close{height: 40px;}
	#header #header-search .text{height: 40px;}
	#header #header-search .submit{line-height: 40px;}
	#header-blank{height: 79px;}

	.index-product .product-box .hd a{width: 10px;height: 10px;}

	.contact .contact-info .item{width: 50%;margin-bottom: 15px;text-align: left;}
	.contact .contact-info .item:last-child{width: 100%;}
	.contact-form .text{width: 100%;}
	.contact-form .submit{height: 40px;}

	#news .hot-news .item[class]{width: 49%;margin-left: 2%;margin-bottom: 2%;}
	#news .hot-news .item.f2{margin-left: 0;}
	#news .hot-news .item .info{padding-bottom: 0;}
	#news .hot-news .item .info .title a{font-size: 16px;}
	#news .news-list .item .time .date{font-size: 30px;}
	#news .news-list .item .info .title a{font-size: 16px;}

	#msg-info .box .left{width: 100%;}
	#msg-info .box .box-line{width: 80%;height: 1px;margin: 5px 0;}
	#msg-info .box .right .title{font-size: 18px;}
	#msg-info .box .right .brief{font-size: 12px;}

	#follow .i{width: 30px;height: 30px;line-height: 30px;}
	#follow .toTop{font-size: 12px;}
	#follow .fa{font-size: 16px;}

	#invita{width: 95%;left: 2.5%;padding: 45px;}
}
@media only screen and (max-width: 500px){
	#video .video-list .item{width: 100%;margin-left: 0;margin-bottom: 3%;}
	
	#audio .audio-list .item .time{margin-top: 20px;}
	#audio .audio-list .item{width: 100%;margin-left: 0;margin-bottom: 3%;padding: 5%;}
}
@media only screen and (max-width: 360px){
	.contact .contact-info .item{width: 100%;}
	#invita{padding: 25px;height: 250px;}
}