@import url(nav.css);
@import url(index_show.css);
@import url();
.wrap{max-width:1600px; width: 96%; margin:0 auto;}
.wrap1100{max-width:1100px; width: 96%; margin:0 auto;}
.wrap1170{max-width:1170px; width: 96%; margin:0 auto;}
.wrap1200{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;}
.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-992{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: 'Din';src: url();}

.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: #111;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: #111;}
.category-list .line{height: 2px;background-color: #111;}
.editor *{line-height: inline;font-family: inherit;font-size: inherit;color: inherit;}
.editor img{max-width: 100%;}

#header{width: 100%;height: 75px;line-height: 75px;padding: 0 30px;border-bottom: 1px solid transparent;z-index: 5;left: 0;top: 0;}
#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: 50%;height: 100%;}
#header #logo .img-0{z-index: 2;}
#header #logo .logo-1{line-height: inherit;left: 0;top: 0;opacity: 0;}
#header #menu{width: auto;height: 100%;}
#header #menu #nav{max-width: 700px;height: 100%;width: 40%;}
#header #menu #nav .nav-item .item-a{font-size: 16px;color: #111;}

#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: #111;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-btn{font-size: 26px;}
#header #menu .change-lang a{border:1px solid #777;display: inline-block;border-radius: 100px;padding:7px 5px;line-height: 100%;}
#header.on{height: 50px;line-height: 50px;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: #111;}
#header-blank{height: 75px;}

.banner .banner-btn{width: 20px;height: 40px;top: 50%;opacity: 0;}
.banner:hover .banner-btn{opacity: 1;}
.banner .prev{background: url(../image/banner-left.png) no-repeat;left: 30px;}
.banner .next{background: url(../image/banner-right.png) no-repeat;right: 30px;}

.index-service{padding-bottom: 60px;}
.index-service .service-item{width: 21.25%;padding-bottom: 50px;margin: 0 5.9375%;vertical-align: top;}
.index-service .service-item .ico{margin-bottom: 30px;}
.index-service .service-item .name{font-size: 16px;color: #111;margin-bottom: 30px;}
.index-service .service-item .brief{line-height: 24px;font-size: 14px;color: #aaa;}
.index-service .service-item::before{left: 50%;}
.index-service .service-item::after{right: 50%;}
.index-service .service-item::before , .index-service .service-item::after{width: 0;height: 1px;background-color: #ddd;position: absolute;z-index: 1;bottom: 0;content: '';}
.index-service .service-item:hover::before , .index-service .service-item:hover::after{width: 50%;}

.not-list{font-size: 20px;color: #111;}

.products-list{min-height: 430px;}
.products-list .item{width: -moz-calc(25% - 20px);width: -webkit-calc(25% - 20px);width: calc(25% - 20px);margin-bottom: 20px;}
.products-list .item .main{width: 100%;line-height: 22px;background-color: #fff;padding: 20px 25px;left: 0;bottom: -90px;}
.products-list .item .main .left{width: 72%;}
.products-list .item .main .name{font-size: 16px;}
.products-list .item .main .cate{font-size: 14px;color: #aaa;}
.products-list .item .main .right{line-height: 44px;}
.products-list .item:hover .box{box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.products-list .item:hover .main{bottom: 0;}
.index-product .more{height: 100px;line-height: 100px;font-family: Arial;font-size: 20px;color: #fff;}

.index-item{min-height: 500px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.index-item .mask{width: 100%;height: 100%;background-color: #000;left: 0;top: 0;opacity: .75;}
.index-item table{table-layout:fixed; word-break: break-all; word-wrap: break-word;}
.index-item .box .item .img{padding: 8.1818181818%;-o-border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}
.index-item .box .item .img img{left: 0;top: 0;}
.index-item .box .item .info{width: 76.36363636%;}
.index-item .box .item .info .name{font-size: 24px;color: #fff;margin-top: 15px;}
.index-item .box .item .info .title{font-size: 12px;color: #999;margin-top: 5px;}
.index-item .box .item .info .brief{line-height: 24px;font-size: 14px;color: #999;margin-top: 30px;}
.index-item .button{top: 50%;margin-top: -12px;}
.index-item .prev{left: -10%;}
.index-item .next{right: -10%;}

.index-about .img{width: 50%;padding-top: 31.25%;}
.index-about .img .img-box{width: 100%;height: 100%;top: 0;left: 0;}
.index-about .main{width: 50%;height: 100%;right: 0;top: 0;}
.index-about .main .name{font-size: 28px;color: #111;}
.index-about .main .title{font-family: Arial;font-size: 12px;color: #999;margin-top: 6px;}
.index-about .main .brief{width: 80%;max-width: 545px;line-height: 28px;font-size: 14px;color: #aaa;margin: 35px auto 40px;}
.index-about .main .more{width: 80%;max-width: 240px;height: 50px;line-height: 50px;font-family: Arial;font-size: 16px;color: #aaa;border: 1px solid #ddd;margin: 0 auto;}

.index-news{width: 96%;max-width: 1100px;padding-top: 30px;padding-bottom: 90px;margin: 0 auto;}
.index-news .more{font-family: Arial;font-size: 16px;color: #aaa;}
.index-news .item{width: 44.70588%;padding: 45px 0;border-top: 1px solid #e5e5e5;}
.index-news .item:nth-child(1),
.index-news .item:nth-child(2){border-top: 0;}
.index-news .item .date{width: 20%;max-width: 120px;}
.index-news .item .date .year{font-size: 16px;color: #666;margin: 6px 0 15px;}
.index-news .item .date .day{font-size: 34px;color: #222;}
.index-news .item .info{width: 80%;}
.index-news .item .info .name{font-size: 20px;color: #222;}
.index-news .item .info .name a{font-size: inherit;color: inherit;}
.index-news .item .info .name a:hover{color: #ff1903;}
.index-news .item .info .brief{height: 72px;line-height: 24px;font-size: 14px;color: #888;margin-top: 20px;}


.index-news .news-list{margin-bottom: 60px;}
.index-news .news-list .item{width: 46%;max-width: 480px;}
.news-list .item .date{font-family: Arial;font-size: 14px;color: #aaa;}
.news-list .item .title{font-size: 16px;color: #111;margin-top: 20px;}
.news-list .item .brief{min-height: 112px;line-height: 28px;font-size: 14px;color: #aaa;padding-top: 15px;border-top: 1px solid #e5e5e5;margin-top: 15px;}
.news-list .item .info{margin-right: 250px;}
.news-list .item .img{width: 190px;}
#news.news-list{min-height: 270px;margin-top: 60px;}
#news.news-list .item{padding-bottom: 4px;border-bottom: 1px solid #e5e5e5;margin-bottom: 60px;}

.newstitem { width: 100%; height: 181px; float: left; margin-bottom: 60px }
.newstitem a.newscontent { border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: 20px; text-align: left; position:relative; height:100%; display:block;}
.newstitem a.newscontent::after{content:""; display:block; width:100%; height:1px; background-color:#f1f1f1; position:absolute; top:200px; left:0px; transition:all 0.6s ease 0s; z-index:-10; border-bottom:1px solid #f1f1f1;}
.newstitem a:hover.newscontent::after{top:-40px; height:240px; opacity:1; z-index:-10; background-color:#fff;}
.newstitem .news_wrapper {width: auto; height: 160px; top: 0px; left: 0px; position:absolute;}
.newstitem .news_wrapper::before{content: "";display: inline-block;height: auto;vertical-align: middle;}
.newstitem .newsbody{width:740px; max-width:99%; display:inline-block; vertical-align:middle;}
.newstitem .newsbody::after { content: 'MORE'; width: 120px; height: 30px; line-height: 30px; display: block; text-align: center; margin-top: 22px; color: #3d3d3d; border: 1px solid rgba(0,0,0,.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; left: 40px; top: 110px; opacity: 0; transition: all 0.6s ease 0s; font-size:12px;}
.newstitem a:hover .newsbody::after { background-color: #3d3d3d; color: #fff; opacity: 1; }
.newstitem a:hover .newsbody{margin-left:40px;}
.newstitem .newsbody .date { position: relative; top: 38px; font-weight: inherit; font-family: Arial; color: #B0B0B0; margin-bottom: 0; display: block; padding: 0; float: none; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size:12px;}
.newstitem .newsbody .title { font-size: 16px; color: #535353; display: block; width: 580px; float: none; position: relative; top: -4px; }
.newstitem .newsbody .description {width:580px; margin-left:0; font-size: 12px; line-height: 22px; color: #909090; text-align: left; height: 42px; overflow: hidden; margin-top: 20px; display: block }
.newstitem .newsbody .description::after { margin: 0; position: absolute; left: 0; top: 128px; content: ""; width: 0px; height: 32px; background: #3d3d3d; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index: -1; }
.newstitem .newsimg{top:0px; right:0; transition:all 0.6s ease 0s; display:block; width:320px; height:160px; position:absolute; right:0;}

.links{padding: 65px 0 55px;}


.links .cooperation-box{margin-bottom: 50px;}
.links .cooperation-box .bd{padding: 10px 0;}
.links .cooperation-box .item{width: 100%;}
.links .cooperation-box .item .boxbox{width: 20%;height: 180px;border:1px; border-style: solid;border-color: #ededed;}
.links .cooperation-box .item:first-child{border-left-width: 1px;}
.links .cooperation-box .item a{width: 100%;height: 100%;background-color: #fff;padding: 20px;}
.links .cooperation-box .item .boxbox:hover{box-shadow: 0 0 12px rgba(0,0,0,.1);border: 1px solid #ededed;-ms-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);}
.links .cooperation-box .hd{margin-top: 35px;}
.links .cooperation-box .hd a{width: 12px;height: 12px;border: 1px solid #b7c5ce;border-radius: 100%;margin: 0 5px;display: inline-block;cursor: pointer;-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;transition: all 300ms ease 0s;}
.links .cooperation-box .hd .on{background-color: #ff1903;border-color: #ff1903;}
.links .evaluation-list .bar{left: 0;}
.links .evaluation-list .hd{margin-top: 35px;}
.links .evaluation-list .hd a{width: 12px;height: 12px;border: 1px solid #b7c5ce;border-radius: 100%;margin: 0 5px;display: inline-block;cursor: pointer;-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;transition: all 300ms ease 0s;}
.links .evaluation-list .hd .on{background-color: #ff1903;border-color: #ff1903;}
.links .evaluation-list .item{width: 30%;margin-left: 5%;}
.links .evaluation-list .item:first-child{margin-left: 0;}
.links .evaluation-list .item .img{width: 88px;height: 88px;padding: 5px;border: 1px solid #b9c7cf;border-radius: 100%;}
.links .evaluation-list .item .info{padding-left: 5%;}
.links .evaluation-list .item .info .name{font-size: 24px;color: #222;}
.links .evaluation-list .item .info .date{color: #888;}
.links .evaluation-list .item .arrow{width: 88px;margin-top: 10px;}
.links .evaluation-list .item .arrow::after{width: 0;height: 0;border-bottom: 15px solid #ff1903;border-left: 12px solid transparent;border-right: 12px solid transparent;margin: 0 auto;display: block;content: '';}
.links .evaluation-list .item .brief{width: 100%;line-height: 32px;font-size: 14px;color: #fff;background-color: #ff1903;padding: 25px 45px 25px 40px;}


#products-detail{margin-top: 50px;margin-bottom: 100px;}
#products-detail .left{width: 25%;}
#products-detail .left .product-info{padding-bottom: 40px;border-bottom: 1px solid #f6f6f6;}
#products-detail .left .product-info .name{line-height: 38px;font-size: 28px;color: #111;}
#products-detail .left .product-info .category{font-size: 14px;color: #aaa;}
#products-detail .left .product-info .brief{line-height: 28px;font-size: 14px;color: #999;}
#products-detail .left .similar-list{margin-top: 50px;}
#products-detail .left .similar-list .item{width: -moz-calc(48.75% - 10px);width: -webkit-calc(48.75% - 10px);width: calc(48.75% - 10px);margin-bottom: 10px;}
#products-detail .right{width: 71.875%;padding: 50px 4.6875%;}

#web-menu{height: 73px;line-height: 72px;border-bottom: 1px solid #e7e7e7;}
#web-menu .item{font-size: 14px;color: #aaa;margin: 0 1%;}
#web-menu .item.on{color: #111;}

.about-list .about-item{padding-bottom: 50px;border-top: 1px solid #e7e7e7;}
.about-list .about-item:first-child{border-top: 0;}
.about-list .about-item .brief{line-height: 28px;font-size: 14px;color: #999;}
.about-list .about-item .count{margin: 50px 0 10px;}
.about-list .about-item .count .count-item{width: 33%;font-size: 14px;color: #999;padding: 15px 10px 30px;border-left: 1px solid #e7e7e7;}
.about-list .about-item .count .count-item:first-child{border-left: 0;}
.about-list .about-item .count .count-item .n{font-family: 'Din';font-size: 70px;color: #999}
.about-list .about-item .picpaths{margin: 45px 0 50px;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.about-list .about-item .picpaths .picpaths-item{width: 33.333333%;margin-bottom: 20px;}

.service-list{margin-bottom: 200px;}
.service-list .service-item{margin-top: 60px;}
.service-list .service-item .img{width: 18.18181818%;}
.service-list .service-item .ico{background-color: #f5f5f5;padding: 50%;-o-border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}
.service-list .service-item .ico img{height: 35%;margin-top: -15%;margin-left: -15%;}
.service-list .service-item .info{padding-left: 5.45454545%;}
.service-list .service-item .info .title{font-size: 20px;color: #111;}
.service-list .service-item .info .brief{line-height: 24px;font-size: 14px;color: #999;margin-top: 20px;}

.team-list .item{width: 22.1875%;background-color: #f9f9f9;margin-left: 3.75%;margin-bottom: 30px;}
.team-list .item.f4{margin-left: 0;}
.team-list .item .img{max-height: 300px;}
.team-list .item .info{padding: 7% 8.45%;}
.team-list .item .info .name{font-size: 18px;color: #111;}
.team-list .item .info .title{height: 28px;line-height: 28px;font-size: 14px;color: #999;}
.team-list .item .info .brief{height: 112px;line-height: 28px;font-size: 14px;color: #999;margin-top: 20px;}
.team-list .item:hover{background-color: #2b2b2b;-webkit-box-shadow: 0 0 10px rgba(0,0,0,.6);-moz-box-shadow: 0 0 10px rgba(0,0,0,.6);-o-box-shadow: 0 0 10px rgba(0,0,0,.6);box-shadow: 0 0 10px rgba(0,0,0,.6);}
.team-list .item:hover .info{padding: 8% 8.45% 6%;}
.team-list .item:hover .info .name{color: #fff;}
.team-list .item:hover .info .title{color: #999;}
.team-list .item:hover .info .brief{color: #818181;}

.team-detail{margin-top: 50px;margin-bottom: 100px;}
.team-detail .img{width: 25.625%;}
.team-detail .info{width: 71.875%;}
.team-detail .info .name{font-size: 30px;color: #111;}
.team-detail .info .title{font-size: 16px;color: #999;}
.team-detail .info .description{font-size: 14px;color: #999;margin-top: 50px;}

.info-detail .title{font-size: 26px;color: #111;}
.info-detail .infos span{line-height: 28px;font-size: 14px;color: #999;margin: 0 10px;}
.info-detail .contents{min-height: 350px;line-height: 30px;font-size: 14px;color: #999;margin-top: 40px;}

#contact{margin-bottom: 190px;}
#contact .contact-brief{line-height: 28px;font-size: 14px;color: #999;}
#contact .contact-brief b{font-weight: normal;color: #111;}
#contact .contact-info{padding: 80px 0;border-bottom: 1px solid #e5e5e5;display: -webkit-flex;display: flex;}
#contact .contact-info .line{width: 1px;height: 90px;background-color: #e5e5e5;margin-top: 45px;}
#contact .contact-info .item{width: 33.3333%;}
#contact .contact-info .item .ico{height: 65px;margin-bottom: 60px;}
#contact .contact-info .item .title{font-family: 'Din';font-size: 24px;color: #111;}
#contact .contact-info .item .info{font-family: 'Din';font-size: 18px;color: #999;}
#contact .contact-form .text{width: 31.818181818%;height: 50px;font-size: 14px;color: #111;padding: 0 15px;border: 1px solid #e3e3e3;margin-left: 2.27272727%;}
#contact .contact-form .text:first-child{margin-left: 0;}
#contact .contact-form .area{width: 100%;height: 290px;line-height: 28px;font-size: 14px;color: #111;padding: 15px;border: 1px solid #e3e3e3;margin-top: 25px;resize: none;}
#contact .contact-form .submit{width: 150px;height: 50px;font-size: 16px;color: #999;background-color: transparent;border: 1px solid #ddd;cursor: pointer;margin: 25px auto 0;}

#footer{background-color: #111;padding: 65px 0 55px;}
#footer .site-name{font-size: 16px;color: #fff;}
#footer .site-info{line-height: 24px;margin-top: 28px;}
#footer .site-info span{font-size: 14px;color: #999;margin-right: 4%;}
#footer .site-share{margin-top: 16px;}
#footer .site-share .i{width: 36px;height: 36px;line-height: 36px;font-size: 20px;color: #fff;background-color: #555;-o-border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;margin-right: 15px;text-align: center;}
#footer .copyright{line-height: 30px;font-size: 14px;color: #999;margin-top:15px;}
#footer a{color: #999;}
#footer a:hover{color: #fff;}
#footer .fa[href="javascript:;"]{cursor: default;}
#footer .fa img.absolute{max-width: 220px;background-color: #fff;padding: 5px;border-radius: 5px;bottom: 80%;left: 50%;-webkit-transform: translate(-50%,-20px);-moz-transform: translate(-50%,-20px);-ms-transform: translate(-50%,-20px);-o-transform: translate(-50%,-20px);transform: translate(-50%,-20px);opacity: 0;visibility: hidden;}
#footer .fa:hover img.absolute{bottom: 100%;opacity: 1;visibility: visible;}

#header #menu #nav{width: 70%;max-width: none;}
    #nav .nav-item{width: 9%;}
    #header #menu #nav .nav-item .item-a{font-size: 15px;color: #fff!important;}
    
    @media (max-width: 1560px){
        #header #menu #nav{width: 1000px;}
    }
    @media (max-width: 1440px){
        #nav .nav-item{width: auto;}
        #header #menu #nav{width: 800px;}
    }

    .BGF6F{ background:#f6f6f6; }
    #indextit{ text-align:center; padding:65px 0 55px; }
    #indextit h3{ font-size:30px; }
    #indextit p{ font-size:12px; color:#a5a5a5; padding:9px 0 0; }
    #indexbusiness{ max-width:1200px; margin:0 auto; text-align:center; font-size:0; }
    #indexbusiness .item{ width:25%; text-align:center; display:inline-block; padding:0 0 50px; vertical-align: top; }
    #indexbusiness .item img{ max-width:80%; }
    #indexbusiness .item .i2{ display:none; }
    #indexbusiness .item .cn{ font-size:16px; color:#353535; padding:20px 0 5px; }
    #indexbusiness .item .en{ font-size:10px; color:#a5a5a5; }

    #business{ max-width:1600px; margin:0 auto; padding:60px 3%; }
    #business .item{ background:#f6f6f6; margin-bottom:60px; }
    #business .item .img{ width:50%; height:360px; overflow:hidden; font-size:0; }
    #business .item .img img{ height:100%; }
    #business .item .txt{ width:44%; margin:30px auto auto 3%; }
    #business .item .txt .n a{ font-size:20px; }
    #business .item .txt .p{ color:#757575; font-size:14px; line-height:30px; padding:20px 0 0; height:150px; overflow:hidden; margin-bottom:36px; }
    #business .item .txt .a{ height:50px; line-height:50px; padding:0 45px; border-radius:25px; color:#fff; font-size:14px; background:#f63633; float:right; }

    #businessdetail{ padding:60px 3%; max-width:1200px; margin:0 auto; }
    #businessdetail .title{ font-size:20px; text-align:center; }
    #businessdetail .bnav{ font-size:14px; color:#888; text-align:center; padding:10px 0 50px; }
    #businessdetail .bnav a,
    #businessdetail .bnav span{ font-size:14px; color:#888; }
    #businessdetail .bor-line{ padding:30px 0 0; }
    #businessdetail .bor-line img{ max-height:1px; }
    #businessdetail .proname{ text-align:center; padding:30px 0; }
    #businessdetail .proname .p{ text-align:center; padding:0 0 30px; color:#f63633; font-size:16px; }
    #businessdetail .proname .b{ padding:0 36px; color:#f63633; border:1px solid #f63633; height:52px; line-height:52px; border-radius:30px; font-size:14px; display:inline-block; }
    
    .about-title{margin-bottom: 40px;}
    .about-title .title-0{font-family: Arial;font-size: 10px;color: #333;padding-left: 3px;letter-spacing: 3px;}
    .about-title .title-1 span{font-size: 40px;color: #333333;position: relative;z-index: 1;}
    .about-title .title-1 span::before , .about-title .title-1 span::after{width: 100px;height: 1px;background-color: #e1e1e1;top: 15px;position: absolute;z-index: 1;content: '';}
    .about-title .title-1 span::before{right: -moz-calc(100% + 30px);right: -webkit-calc(100% + 30px);left: 110%;}
    .about-title .title-1 span::after{left: -moz-calc(100% + 30px);left: -webkit-calc(100% + 30px);right: 110%;}
    
    .editor p,
    .editor div,
    .editor em,
    .editor b,
    .editor span{line-height: inherit;font-size: inherit;color: inherit;}
    
    #about{margin-top:50px;}
    #about .title-0{padding-left: 10px;letter-spacing: 10px;}
    #about .item{width: 100%;}
    #about .about-brief .brief{padding: 50px 0;}
    #about .about-brief .brief:first-child{padding-top: 0;}
    #about .about-brief .brief .wrap{padding: 0 4.117647%;line-height: 34px;font-size: 14px;color: #666;}

    #contact .contact-form .text.code{float: left;min-width: 160px;text-transform:uppercase;width: 20%;margin-left: 0;margin-top: 25px;}
    #contact .contact-form .codess{margin-top: 25px;height: 50px;margin-left: 5px;font-size: 13px;color: #888;cursor: pointer;}
    #contact .contact-form .codess img{margin-right: 5px;}

    .info-detail .contents{width: 1000px;margin: 40px auto 0;}

    
    .cur-p{cursor:pointer;}
    .loc{color:#ca1e1d !important;}
    .lob{background:#ca1e1d !important;}
    .bfff{background:#fff;}
    .cfff{color:#fff;}
    .hover-a,.hover-b,.hover-a *,.hover-b *{-webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -ms-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s;}
    .hover-a:hover,.hover-a:hover *{color:#ca1e1d !important;}
    .hover-b:hover,.hover-b:hover *{background:#ca1e1d !important;}
    .ani{visibility:hidden;}
    .before{position: relative;}
    .before:before{position: absolute;display: block;content:"";}
    .pawh{position: absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index: 1;}

    #contact .w1200{width: 1200px;margin: 0 auto;}
    #contact .tact-tit {color: #141d29;font-size: 30px;line-height: 36px;}
    #contact .message{padding:100px 0px;}
    #contact .message .img{margin:40px auto;padding-top:25%;}
    #contact .message .img img{vertical-align: middle;max-width: 100%;max-height: 100%;}
    #contact .message .img .txt{font-size:48px;color:#fff;text-align: center;position: absolute;left:0;top:50%;z-index: 2;margin-top:-28px;width:100%;}
    #contact .message .con .txtx{width:33.33%;}
    #contact .message .con .icon{width:50px;height:60px;margin-right:5px;}
    #contact .message .con .text{color:#282828;font-size:20px;line-height: 30px;margin-top: 25px;}
    #contact .message .con .feedback{width:66.67%;}
    #contact .message .con .feedback .c_row{height: 50px;line-height: 50px;margin-bottom: 10px;}
    #contact .message .con .feedback .tit{width:70px;padding-left:14px;color:#282828;line-height: 50px;}
    #contact .message .con .feedback .tit:before{width:8px;height:2px;background:#e3e3e3;left:0;top:50%;margin-top: -1px;}
    #contact .message .con .feedback select,
    #contact .message .con .feedback input{width:calc(100% - 72px);border:1px solid #e5e5e5;height: 50px;text-indent: 10px;}
    #contact .message .con .feedback select{width:calc(60% - 72px);}
    #contact .message .con .feedback input.iii{width:calc(42% - 72px);}
    #contact .message .con .feedback .m_row{height:300px;margin-bottom: 10px;}
    #contact .message .con .feedback textarea{width:calc(100% - 72px);resize:none;height:100%;border:1px solid #e5e5e5;text-indent: 10px;line-height: 50px;}
    #contact .message .con .feedback .c_submit{padding-left:70px;}
    #contact .message .con .feedback .c_submit .anniu{width:200px;height:50px;line-height:50px;text-align: center;margin-right: 10px;}
    #contact .message .con .feedback .c_submit .anniu:nth-last-child(1){background:#e3e3e3;color:#929292;}
    #contact #mess-form .codess{margin-top: 0;}

@media screen and (max-width: 1400px){
}
@media screen and (max-width: 1310px){
    #contact .w1200 {width: 95%;}
}
@media screen and (max-width:1280px){
    #header #menu #nav{width: 75%;}
    #header #menu #nav .nav-item{width: 8%;}
    #header #menu #nav .nav-item{padding: 0;}
    #header #menu #nav .nav-item .item-a{font-size: 14px;}
}
@media screen and (max-width:1200px){
    #nav .nav-item{padding: 0 10px;}
    #header #menu #nav .nav-item .item-a{font-size: 14px;}
}
@media screen and (max-width: 1100px){
    #contact .tact-tit {font-size: 18px;line-height: 24px;}
}
@media screen and (max-width:1024px){
    .info-detail .contents{width: 100%;}
    #header #menu #nav{width: 700px;}
}
@media screen and (max-width:991px){
    #header #menu #nav{width: 60%;}
    #header #menu #nav .nav-item{width: 100%;}
    #header[id] #menu #nav .nav-item .item-a{color: #111!important;}
    .about-title .title-1 span{font-size: 20px;}

    #contact .message .con .feedback .c_submit .anniu{width: 165px;}
}
@media screen and (max-width:768px){
    #indexbusiness .item{ padding-bottom:2rem;  }
    #indexbusiness .item .cn{ font-size:1rem; padding-top:1rem; }
    #indexbusiness .item .en{ font-size:0.5rem; white-space:nowrap; display:none; }
    #indexbusiness .item .i2{ display:inline-block !important; }
    #indexbusiness .item .i1{ display:none !important; }
    
    #indextit{ padding:1.8rem 0; }
    #indextit h3{ font-size:1.875rem; }
    #indextit p{ padding-top:0.5625rem; font-size:0.75rem; }

    #business{ padding:3.5rem 3%; }
    #business .item{ margin-bottom:3.5rem; }
    #business .item .img{ width:100%; height:auto; }
    #business .item .img img{ width:100%; }
    #business .item .txt{ width:94%; margin:1.8rem 3%; }
    #business .item .txt .n a{ font-size:1.6rem; }
    #business .item .txt .p{ height:auto; font-size:1.2rem; line-height:1.8rem; padding-top:1.25rem; margin-bottom:2rem; }
    #business .item .txt .a{ height:3.125rem; line-height:3.125rem; padding:0 2.8125rem; border-radius:1.5625rem; font-size:1.2rem; float:left; }
    
    #businessdetail{ padding-top:3.5rem; padding-bottom:3.5rem; }
    #businessdetail .title{ font-size:1.6rem; }
    #businessdetail .bnav{ font-size:1.2rem; padding:1rem 0 3rem; }
    #businessdetail .proname .p{ font-size:1.6rem; padding-bottom:2rem; }
    #businessdetail .bnav a,
    #businessdetail .bnav span{ font-size:1.2rem; }
    #businessdetail .proname .b{ padding:0 2rem; height:3.25rem; line-height:3.25rem; border-radius:1.8rem; font-size:1.2rem; }

    #website.index-box #about{margin-bottom: 60px;}
}

@media screen and (max-width:750px){
    
    #contact .message{padding:6.25rem 0px;}
    #contact .message .img{margin:2.5rem auto;}
    #contact .message .img .txt{font-size:20px;margin-top:-11px;}
    #contact .message .con .txtx{width:100%;float: none;}
    #contact .message .con .icon{width:50px;height:60px;margin-right:5px;}
    #contact .message .con .text{font-size:16px;line-height: 24px;margin-top: 1rem;}
    #contact .message .con .feedback{width:100%;float: none;margin-top: 2rem;}
    #contact .message .con .feedback .c_row{height: 35px;line-height: 35px;margin-bottom: 1rem;}
    #contact .message .con .feedback .tit{line-height: 35px;}

    #contact .message .con .feedback select,
    #contact .message .con .feedback input{height: 35px;}

    #contact .message .con .feedback select,
    #contact .message .con .feedback input.iii{width:calc(100% - 72px);}
    #contact .message .con .feedback .m_row{height:18.75rem;margin-bottom: 1rem;}
    #contact .message .con .feedback textarea{line-height: 35px;}
    #contact .message .con .feedback .c_submit .anniu{width:100px;height:35px;line-height:35px;}
    #contact #mess-form .codess{margin-left: 70px;}
}


@media only screen and (max-width: 1330px){
    .index-item .button{display: none;}
}

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

    html.open-menu,body.open-menu{width: 100%;height: 100%;position: fixed;overflow: hidden;}       

    #website.open-menu{left: -60%;}
    .web-title-0{font-size: 20px;margin-top: 20px;}
    .web-title-1{margin-bottom: 20px;}

    #header[id]{height: 50px;line-height: 50px;background-color: #fff;border-bottom: 1px solid #e7e7e7;}
    #header[id] #logo .img-0{opacity: 1;}
    #header[id] #logo .logo-1{opacity: 0;}
    #header[id] #menu #nav .nav-item .item-a{color: #111;}
    #header-blank{height: 50px;}
    
    #header.open-menu{left: -60%;}
    #header #menu.open-menu #nav{right: 0%;z-index: 20; width:60%;}
	
    #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;}
    #header #menu #nav .menu-close{width: 100%;height: 50px;line-height: 50px;font-size: 28px;color: #fff;background-color: #111;padding-left: 5%;padding-right: 5%;}
    #header #menu #nav .row{position: relative;z-index: 1;}
    #header #menu #nav .nav-item{border-bottom: 1px solid #111;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%;margin-left: -15px;margin-right: -15px;display: block;}
    #header #menu #nav .nav-item .sub-nav{width: 60%;border-radius: 0;margin-left: 0;left: auto;right: -60%;top: 50px;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: #111;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 #111;}
    #header #menu #nav .nav-item .sub-nav .sub-item a{padding-left: 7%;padding-right: 7%;}
    #header #menu-btn{line-height: 50px;}

    .banner .item img{max-width: 140%;left: -20%;}
    .banner .banner-btn{display: none;}

    .index-service{padding-bottom: 20px;}
    .index-service .service-item{width: 29.333333%;margin: 0 2%;}

    .products-list .item{width: -moz-calc(33.3333% - 20px);width: -webkit-calc(33.3333% - 20px);width: calc(33.3333% - 20px);}

    .index-about .img{display: none;}
    .index-about .main{width: 100%;height: auto;padding: 20px 10px;position: relative;}
    .index-about .main .name{font-size: 20px;}
    .index-about .main .more{width: 100px;height: 35px;line-height: 35px;font-size: 12px;}
    
    .index-news{padding: 0 0 30px;}
    .index-news .news-list{margin-bottom: 0;}
    .index-news .news-list .item{width: 100%;max-width: none;margin-bottom: 20px;float: none;}

    .links{padding: 25px 0 15px;}

    #products-detail .left .similar-list{display: none;}
    #products-detail .left{width: 100%;}
    #products-detail .left .product-info .name{font-size: 22px;}
    #products-detail .right{width: 100%;}

    .team-list .item[class]{width: 31%;margin-left: 3%;}
    .team-list .item.f3{margin-left: 0;}

    #footer{padding: 25px 0 40px;}
    
    #header #menu .change-lang{margin-right: 10px;}
}


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

    .index-service .flex{flex-wrap:wrap;}
    .index-service .service-item{width: 100%;padding-bottom: 10px;margin: 0 0 20px;}
    .index-service .service-item .ico{display: none;}
    .index-service .service-item .name{margin-bottom: 10px;}

    .products-list .item{width: -moz-calc(50% - 20px);width: -webkit-calc(50% - 20px);width: calc(50% - 20px);}
    .products-list .item .main{display: none;}

    .index-about .main .brief{width: 96%;}

    .about-list .about-item .count .count-item{width: 50%;}
    .about-list .about-item .count .count-item:nth-child(3){border-left: 0;}
    .about-list .about-item .count .count-item:nth-child(3) , .about-list .about-item .count .count-item:nth-child(4){border-top: 1px solid #e7e7e7;}
    .about-list .about-item .count .count-item .n{font-size: 40px;}
    .about-list .about-item .picpaths{flex-wrap:wrap;}

    .service-list .service-item{display: block;}
    .service-list .service-item .img{width: auto;float: left;margin-right: 2%;}
    .service-list .service-item .img .ico{width: 30px;height: 30px;background-color: transparent;padding: 0;border-radius: 0;overflow: visible;}
    .service-list .service-item .img .ico img{max-width: 100%;height: auto;max-height: 100%;position: relative;margin: 0;}
    .service-list .service-item .info{width: 100%;padding: 0;display: block;}

    .team-detail .img{width: 100%;height: 240px;margin-bottom: 20px;text-align: center;float: none;}
    .team-detail .img img{max-height: 100%;}
    .team-detail .info{width: 100%;float: none;}
    .team-detail .info .name{font-size: 22px;}
    .team-detail .info .title{font-size: 14px;}

    .news-list .item .img{display: none;}
    .news-list .item .info{margin-right: 0;}
    .info-detail .title{font-size: 20px;}

    #contact{margin-bottom: 30px;}
    #contact .contact-info{display: block;}
    #contact .contact-info .item{width: 100%;}
    #contact .contact-info .item .ico{display: none;}
    #contact .contact-info .line{width: 100%;height: 1px;margin: 15px 0;}
    #contact .contact-form .text{width: 100%;margin: 15px 0 0;float: none;}
    #contact .contact-form .area{margin-top: 15px;}
}


@media only screen and (max-width: 640px){
    .index-item .box .item .img{padding: 15%;float: none;display: inline-block;}
    .index-item .box .item .info{width: 100%;margin-top: 10px;}
}