@media screen and (max-width: 1820px){
.main .baseWidth,.footer .baseWidth,.header .baseWidth{ width: 94%; margin: 0 3%;}
.i_sbot .slick-prev{ left: 0; }
.i_sbot .slick-next{ right: 0; }
.binbox{top:40%} 
}



@media screen and (max-width: 1600px){
.nav li{ margin: 0 16px; font-size: 15px; }
.nav li > a{ border-bottom: 2px solid transparent; line-height: 43px; }
.binbox{top:40%} 
}
@media screen and (max-width: 1400px){
.f2_left{left:2%}
.binbox{top:40%} 

}

@media screen and (max-width: 1300px){
.nav li{ margin: 0 10px; font-size: 14px; }
.ideaList ul { margin-left: -5%; }
.ideaList li { width: 45%; margin: 0px 0px 5% 5%; }
.ideaList .itemBox .img { width: 55%; }
.ideaList .itemBox .con { padding: 0px 5% 0px 0px; width: 34%; font-size: 12px; }
.ideaList .itemBox .con .t { font-size: 18px; padding: 15px 0px; }
.binbox{top:40%} 
}

@media screen and (max-width: 1220px){
.baseWidth{ width: 94%; margin: 0 3%;}
.client li{width:23.33%}
.binbox{top:40%} 



}
@media screen and (max-width: 1280px) {
  .fp1-content-item {
    width: 100%; }
  .fp2-content {
    height: 1180px; }
  .fp2-content-inner-ct {
    max-width: 970px; }
  .fp2-content-inner-ct > .fp2-demos.lg-show,
  .team-list.lg {
    display: none; }
  .fp2-content-inner-ct > .fp2-demos.md-show,
  .bx-wrapper {
    display: block; }
  .fp3-content-inner {
    max-width: 780px;margin-top:0px; } 
	.binbox{top:15%}
.binbox{top:40%} 
.team-list {
    max-width: 780px;} 
.producted li{width:50%}	
.producted li mark{padding:10px;}
.producted li mark h3{font-size:16px;}
.nlist{display:none}
	}
@media screen and (min-width: 1151px){
.nav{ display: inline-block!important; }
.binbox{top:40%} 

}

@media screen and (max-width: 1150px){
.wbanner{ height: 400px; }
.nav-skip{ display: inline-block; }
.header .language{ display: inline-block; }
body{ padding-top: 60px; }
.header{ height: 60px; line-height: 60px; }
.header .logo{ width: 40%; height: 30px;top:10px;left:15px }
.header.white{ background: #fff; }
.nav{ display: none; height: auto; line-height: 1; overflow: auto; position: absolute; top: 60px; background: rgba(255,255,255,0.9); right: 0; width: 33.3%; padding: 10px 0; box-sizing: border-box;}
.nav li,.header.white .nav li{ height: auto; margin: 0; display: block; width: 100%; padding: 0 30px 0 20px; min-height: 45px; line-height: 45px; box-sizing: border-box;}
.nav li.hase{ background: url(../images/images/nav1.png) 97% 21px no-repeat; background-size: 10px; }
.nav li > a,.header.white .nav li > a{ font-size: 16px; height: auto; line-height: 45px; border-bottom: none; display: block; padding: 0; }
.s_nav{ box-shadow: none; min-width: 0; display: none; padding: 0; position: static; margin: 0!important; background: none; border-top: none; }
.s_nav .nav_pic{ display: none; }
.nav li dl,.header.white .nav li dl{ border: none; min-width: 0; display: none; padding: 0; position: static; margin: 0!important; background: none; border-top: none; width:auto; height: auto; float: none; position: static; }
.nav li dl dd{ height: auto!important; margin: 0; float: none; width: 100%;  }
.nav li dl dd > a{ font-weight: normal; border-bottom: none; line-height: 30px; background: url(../images/images/nav2.png) 5px center no-repeat; background-size: 5px; border: none; padding: 0 7px; width: 100%; box-sizing: border-box;text-align: right;}
.nav li dl .baseWidth{ width: 100%; }
.nav li a:hover{ color: #0d6e3d; }
.lang{ display: none; }
.fnav{ display: none; }
.nav{ display: none; }
.topphone{ display: none; }
.topsbwx{ display: none; }
.f3abox{width:100%;margin:0}
.news_fl li{width:48%}
.news_fr li .new_right{width:83%}
.client li{width:23.22%}
.path{ height: auto; line-height: 1.3; }
.mpath{ padding: 5px 0; max-width: 100%; width: 100%; height: 35px; line-height: 35px; background-size: 15px; text-indent: 25px; }
.mpath b{ height: 35px; }
.mnav{ clear: both; position: static; float: none; width: 100%; text-align: left; }
.mnav .show_more{ display: none!important; }
.mnav ul{ width: 100%; float: none; }
.mnav li a{ text-align: center; height: 47px; line-height: 45px; padding: 0; }
.mnav .slick-prev{ left: -3%; width: 3%; height: 40px; margin-top: 3px; background: url(../images/images/left.png) center no-repeat; background-size: 10px; }
.mnav .slick-next{ right: -3%; width: 3%; height: 40px; margin-top: -45px; background: url(../images/images/right.png) center no-repeat; background-size: 10px; }
.h_box{text-align:left;float:right}
.div_vi ul li{width:28%}
.div_vi ul li .div1,.div_vi ul li .div1 .p1 .pp1b,.div_vi ul li .div1 .p1 .pp1d,.div_vi ul .li .div1 .p1 .pp1a,.div_vi ul .li .div4,.div_vi ul .li .div7{width:100%}
.div_vi ul li .div3a,.div_vi ul li .div3b,.div_vi ul li .div3,.div_vi ul li .div3 a{padding-left:0;text-align:center}
.binbox{top:30%} 
.link ul{margin-left:0;border:0}
} 

@media screen and (max-width: 1024px){
.f2_left{top:20%;}
.news_fl li{width:47%}
.div_ject .div2{ display:none;}
.div_ject .div3{ display:block;position:relative;}	
.div_ject .div3 .slides{ height:100%; overflow:hidden; width:80%; margin-left:10%;}
.div_ject .div3 .slides li a{ width:100%; margin-right:0%; display:block; color:#1a1a1a; font-size:14px;}
.div_ject .div3 .slides li a .p1{ position:relative; overflow:hidden;}
.div_ject .div2 .slides li a .p1 img{ width:100%; display:block;}
.div_ject .div3 .slides li a .p2{ color:#4c4c4c; line-height:28px; margin-top:15px;}
.div_ject .div3 .flex-control-nav{ display:none;}
.div_ject .div3 .flex-prev{ background:url(../images/images/5_02.jpg) center center no-repeat; width:33px; height:71px; position:absolute; left:-5%;; top:50%; margin-top:-83px; z-index:100;}
.div_ject .div3 .flex-next{ background:url(../images/images/5_03.jpg) center center no-repeat; width:33px; height:71px; position:absolute; right:-5%; top:50%; margin-top:-83px; z-index:100;}
.client li{width:23%}
.backlist{display:none}
.new-titd{ padding-top:30px;}
.new-titlea h3{ font-size:22px; margin-bottom:20px;}
.new-text{ padding:45px 0 100px;}
.new-text img{ margin-bottom:22px;}
.new-text p{ margin-bottom:20px;}
.page{ width:100%; margin-top:0;}
.share{ height:auto; padding:20px 0;float:left}
.sharelist{ left:inherit; right:0;}
.pore{ margin-bottom:20px;}
.solute-box{ padding:78px 0 100px;}
.icon-list li{ margin-right:50px;}
.solute-wr .owl-theme .owl-controls .owl-buttons div{ top:50%; margin-top:-16px;}
.product-info{ padding-bottom:40px;}
.product-list li{ width:46%; margin-right:8%;}
.product-list li:nth-child(3n+3){ margin-right:8%;}
.product-list li:nth-child(2n+2){ margin-right:0;}
.solute-title{ height:70px;}
.solute-title h3{ font-size:22px; padding-top:20px;}
.solute-text{ padding:60px 0 45px;}
.backpre{ margin-top:40px;}
.wbanner{ height: 300px; }
.m_about .box{padding:30px 0}
.m_about .box .tit{font-size:24px;padding-top:30px;}
.message{ width:90%;}
.message-info{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;}
.massage-input{ width:100%; margin-bottom:20px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.massage-input:last-child{ margin-bottom:0;}
.massage-input input{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
.massage-textarea{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; }
.massage-textarea span{ white-space:nowrap;}
.massage-textarea input{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
.binbox{background: url(../images/images/kuang.png) no-repeat center center; background-size:80% 80%;top:30%;} 
.binbox .zh-t img,.binbox .zh-by img,.binbox .en-t img{max-width:420px;}	
}

@media screen and (max-width: 900px){
.news_fl li{width:45%}
.news_fr li .new_left{width:15%}
.news_fr li .new_right{width:77%}
.client li{width:22%}
.in-one-brand{width:49%}
.in-brand-con{font-size:12px;}
.i_hslick,.i_pslick{  }
.i_hslick .slick-prev,.i_pslick .slick-prev{ left: -20px; background-size: 15px; }
.i_hslick .slick-next,.i_pslick .slick-next{ right: -20px; background-size: 15px; }

}

@media screen and (max-width: 768px){
.stitle big{font-size:24px;}
.nav{ width: 50%; }
.f1 .left,.f1 .right,.news_fl,.news_fr,.f5 .left,.f5 .right{width:100%}
.news_fl{display:none;}
.f3b ul{margin-left:0}
.f3b ul li{width:100%;margin-left:0}
.news_fl li{margin-right:15px;width:48%}
.f5 .left{margin:0 0 20px 0}
.f5 .right .btn { width: 100px; height: 40px; }
.f5 .left .text, .f5 .right .text { height: auto; }
.f5 .right .t1{margin-bottom:20px;}
.ptit .en{display: block;line-height: 1.1;font-size: 30px;}
.ptit .cn{display: block;padding-left: 0;text-align: center;}
.news_fl li{width:100%;margin-right:0}
.h_box{text-align:right}
.ipro li .pic p{font-size:14px;}
.m_abo2 li{ width: 50%; }
/*.m_abo2 li:first-child{ height: 320px; }*/
.m_abo2 li .text, .m_abo2 li .img{ height: 160px; }
.m_abo2 li h3{ font-size: 16px; margin-bottom: 10px; }
.m_abo2 li p{ line-height: 20px; height: 78px; }
.m_abo2 li .text{ padding: 20px 0; }
.page-news-list li .news-txt{width:410px;}
.page-news-list li .a-box:hover .news-txt{margin-left:0}
.new-titd{padding-top:20px;}
.new-titlea h3{margin-bottom:20px;font-size:20px;}
.new-text{padding-bottom:20px;}
.in-brand-tit{font-size:18px;}
.in-one-brand{width:99%}
.jot em:nth-child(2),.jot em:nth-child(4){ display:none; }
.jot em { width: 24%; }
.jo_edus li { width: 32%; }
.jo_edus li:nth-child(4n){ margin-right:2%; }
.jo_edus li:nth-child(3n){ margin-right:0; }
.jo2 { padding-bottom: 40px; }
.ipro li .pic img{max-width:90%}
.div_vi ul li{width:26%}
.binbox .zh-t img,.binbox .zh-by img,.binbox .en-t img{max-width:320px;}
.binbox .zh-t{font-size:14px;}
.binbox .zh-by{font-size:20px;}
.binbox .en-t{font-size:14px;}
.producted li{width:100%;padding-left:0;padding-right:0}	
.ipro li{width:50%}
}

@media screen and (min-width: 701px){
}

@media screen and (max-width: 700px){



}

@media screen and (max-width: 600px){
body{ padding-top: 50px; }
.header{ height: 50px; line-height: 50px; }
.nav{ top: 50px; }
.m_abo2 li{ width: 100%; }
.m_abo2 li .text, .m_abo2 li .img{ width: 50%; float: left; }
/*.m_abo2 li:first-child{ height: auto; background-position: left top; }
.m_abo2 li:first-child p{ height: auto; }
.m_abo2 li:first-child h3{ font-size: 20px; margin-bottom: 10px; }
.m_abo2 li:first-child .text{ height: auto; width: 100%; }*/
.m_abo3 p{ line-height: 22px; }
.m_abo2 li p{ font-size: 12px; }
.m_abo2 li h3{ font-size: 18px; }
.client li{width:45%}
.sharelist{ position:relative; right:0; margin-left:0; float:left; margin-top:10px; width:100%;}
.pore{ margin-bottom:14px;}
.new-text{ padding-bottom:45px;}
.solute-box{ padding:40px 0 75px;}
.jot em:nth-child(5){ display:none; }
.jot em { width: 32%; }
.div_vi ul li{width:29%;margin:0 10px}
.binbox .zh-t img,.binbox .zh-by img,.binbox .en-t img{max-width:250px;}
.binbox .zh-t{}
.i_partner{ padding: 20px 0; }
.ipro li{width:100%}
.ipro li .bit p{padding:0 40px}
}

@media screen and (max-width: 500px){
.nav{ width: 100%; }
.f2_left{width:100%;top:20px;}
.f2_left span{margin-right:10px}
.yin_ul{padding-top:5%}
.yd_zs li b,.yd_zs li b i{width:100%;height:100%}
.news_fr li .new_right{width:76%}
.p-tabtitle-2 li{margin:0 4px;}
.f5 .left .p1,.f5 .left .p2{display:none;}
.client li{width:46%}
.client li:nth-child(2n+2){ margin-right:0;}
.binbox .zh-t img,.binbox .zh-by img,.binbox .en-t img{max-width:200px;}
.binbox .zh-t{}
}
@media screen and (max-width: 414px){
.ideaList li{width:95%}
.page-news-list li .news-txt{width: 100%;padding-left: 0;margin-left: 0;padding-top:15px;}
.page-news-list li .news-date,.page-news-list li .news-txt span:before{display:none}
.page-news-list li .news-txt span{height:auto;text-align:center}
.page-news-list li .news-pic{width:100%;height:100%;text-align:center;float:none;padding:0}
.stitle h1{margin-bottom:30px;}
.jot em:nth-child(3){ display:none; }
.jot em{ width:48%; }
.jot { padding-left: 30px; } 
.jotxs .arrow { width: 30px; }
.jotxs .line_1 { left: 0; } 
.jotxs .line_2 { left: 10px; } 
.jos { padding-left: 30px; }
.jotxs { margin-bottom: 20px; }
.wbanner{ height: 200px; }
.f1,.f2,.f3,.f4,.f5{padding-top:25px;padding-bottom:25px;}
.div_vi ul li{width:28%;padding-top:0;padding-bottom:0}
.div_vi ul .li .div1 .p1 .pp1a,.div_vi ul li .div1 .p1 .pp1a,.div_vi ul .li .div1 .p1 .pp1b,.div_vi ul li .div1 .p1 .pp1b,.div_vi ul .li .div1 .p1 .pp1c,.div_vi ul li .div1 .p1 .pp1c,.div_vi ul .li .div1 .p1 .pp1d,.div_vi ul li .div1 .p1 .pp1d,.div_vi ul li:hover .div1 .p1 .pp1a,.div_vi ul li:hover .div1 .p1 .pp1b,.div_vi ul li:hover .div1 .p1 .pp1c,.div_vi ul li:hover .div1 .p1 .pp1d{max-width:100%;height:67px;background-size:60px 67px;text-align:center}
.div_vi ul .li .div4,.div_vi ul .li .div5,.div_vi ul .li .div6,.div_vi ul .li .div7{border:0}
.div_vi ul li .div1{height:75px;}
.div_vi ul li .div2{font-size:16px;margin-top:5px}
.div_vi ul li .div3{margin-top:5px}
.div_vi ul li .div2 .p2{height:42px;}
.binbox .zh-t img,.binbox .zh-by img,.binbox .en-t img{max-width:200px;}
.binbox .zh-t{}	
}
@media screen and (max-width: 370px){
.header .language{font-size:12px;}
.f2{padding-bottom:0}
.f1{padding:20px 0}
.ptit{margin-bottom:10px;}
.f3b ul li{width:100%;margin-right:0}
.news_fr li .new_right{margin-left:15px;width:78%}
}
@media screen and (max-width: 375px){
.ideaList li{width:95%}
.team-list .item{width:20%}	
.div_vi ul li{margin:0;width:33%}
.binbox .zh-t img,.binbox .zh-by img,.binbox .en-t img{max-width:160px;}
.binbox .zh-t{}
.binbox .en-t{padding-top:5px;}
}