@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}.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)}.block-980{display:none}.block-768{display:none}.bg33{background-color:#333}.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}.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 #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:720px;height:100%;width:80%}#header #menu #nav .nav-item{width:15%}#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(../img/banner-left.png);left:70px}.banner .banner-next{background-image:url(../img/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(../img/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 .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}.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 .team-list{margin-top:2.32558%}.team-list .item{width:23.2558%;background-color:#f3f3f3;margin-left:1.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(../img/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;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%}#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}#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-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 .item{width:23.699%;margin-left:1.1%;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}#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(../img/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}.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.1%}#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(../img/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(../img/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}@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 .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){.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}#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}}@media only screen and (max-width:768px){.hide-768{display:none}.block-768{display:block}#header{height:40px;line-height:40px}#header #menu #nav .menu-close{height:40px}#header #header-search .text{height:40px}#header #header-search .submit{line-height:40px}#header-blank{height:40px}.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}}@media only screen and (max-width:360px){.contact .contact-info .item{width:100%}}.pagination-wrapper{margin:20px 0;text-align:center}.pagination{height:34px;text-align:center}.pagination li{display:inline-block;height:34px;margin-right:5px}.pagination li a{float:left;display:block;height:32px;line-height:32px;padding:0 12px;font-size:16px;border:1px solid #ddd;color:#555;text-decoration:none}.pagination li a:hover{background:#f5f5f5;color:#09f}.pagination li.thisclass{background:#09f;color:#fff}.pagination li.thisclass a,.pagination li.thisclass a:hover{background:0 0;border-color:#09f;color:#fff;cursor:default}@media screen and (max-width:768px){#about .service .box .item{}}.pagess{clear:both;margin:20px;overflow:hidden;margin-left:0;text-align:center;font-size:12px}.pagess ul li{display:inline-block;border:1px solid #ccc;padding:2px 9px;margin:0 3px;line-height:20px;background:#fff;color:#999}.pagess ul li:hover{background:#ccc;color:#fff;border:1px solid #ccc}.pagess ul li:hover a{color:#fff}.pagess ul li.thisclass{display:inline-block;border:1px solid #ccc;padding:2px 9px;margin:0 3px;background:#ccc;color:#fff}.pagess ul li.thisclass a{color:#fff}.pagess ul li a{display:block;color:#999}.pagess ul li a:hover{color:#fff}#imgsy img{max-width:100%!important;height:auto!important}