@media screen and (max-width: 1440px) {
   .top .container{max-width: 960px;width: 100%}
    .top .logo{height: 35%;}
   .banner .bannertext{position: absolute;left:18%;top:8%;height: 65%}
   .banner .pagination{bottom: 11%}
   .index_company{max-width: 960px;width: 100%}
   .index_company .right h6{margin-bottom: 10px}
   .index_company .p1{margin-bottom: 13px}
   .index_company .more{margin-top: 10px}
   .index_industry{max-width: 960px;width: 100%}
   .index_industry li{height: 160px}
   .index_social{max-width: 960px;width: 100%}
   .index_social li img{width: 100%;height: 140px}
   .index_social li h4{margin-top: 14px;margin-bottom: 10px}
   .footer{max-width: 960px;width: 100%}

   .about_nav{max-width: 960px;width: 100%}
   .aboutcompany{max-width: 960px;width: 100%}
   .aboutcompany ul li .text .line{margin:6px 0}
   .aboutcompany ul li .text h5{line-height: 19px}
   .aboutcompany ul li .text p{font-size: 13px;line-height: 19px}
   .aboutsocial{max-width: 960px;width: 100%}
   .aboutsocial ul li h6{font-size: 15px}

   .market{max-width: 960px;width: 100%}
   .market .zuobiao2{top: 31%}
   .market .zuobiao1{top: 44%;}
   .market .zuobiao3{top: 35.6%;left: 26%}

   .news{max-width: 960px;width: 100%}
   .news .newslist li .text .line{margin: 9px 0}
   .news .newslist li .text .more{margin-top: 0}
   .news .newslist li .date img{right: -6px}

   .joinus{max-width: 960px;width: 100%}
   .contact{max-width: 960px;width: 100%;overflow: hidden;}
   .contacters .countryaddress h5{font-size:14px} 
   .contact .from li input{width: 93%}
   .contact .from li.remove label{margin-left:0}
   .contact .from li.message input {width: 91%}
  
   .product{max-width: 960px;width: 100%}
   .product .productlist li{width: 96px;height: 73px}
   .product .biaotu{width: 100%;margin-top: 40px}
   .product .detailinform .left{margin-right: 2%}
   .product .detailinform .right{width:20%;font-size: 12px}
   .product .detailinform .left>img {margin-bottom: 20px}
   .product .detailinform .left ul{margin-top: 20px}
   .product .detailinform .right p {margin-top: 22px}

   .product table{width: 960px}

   .product .productlist02 .productbg02{max-width: 960px;width: 100%}
   .product .productlist02 li{width:68px;height: 32px}
   .contact .from li.message textarea {width: 87%}

.product .productlist02 li.li4{left: 21%}
.product .productlist02 li.li3{left: 21%}
.product .productlist02 li.li6{left: 38%}
.product .productlist02 li.li5{left: 30%}
.product .productlist02 li.li7 {left: 37%}
.product .productlist02 li.li8 {left: 47%}
.product .productlist02 li.li9 {left: 52%}
.product .productlist02 li.li10 {left: 54%}
.product .productlist02 li.li11 {left: 66%}
.product .productlist02 li.li12{left: 72%}
.product .productlist02 li.li13{left: 76%;top: 14%}
.product .productlist02 li.li14{left: 85%}
.product .productlist02 li.li15{left: 92%}


}
@media screen and (max-width:960px) {
body{-webkit-tap-highlight-color:rgba(0,0,0,0)}   /*去除手机端点击蓝色底*/

.top .container{width: 100%;height: 80px;line-height: 80px;position:fixed;top: 0;left: 0;z-index: 80;background: #fff}
.top .logo{height: 38%;margin-left: 2%}
.top .menu{display: block;position: absolute;right: 3%;top: 50%;margin-top: -11px}
.nav,.CE{display: none;}
.banner{margin-top: 80px}
.banner .bannertext{left: 50%;top: 50%;  -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);height:65%}
.banner .pagination{text-align: center;text-indent: 0}

.grid .onoff {position: absolute;right: 8px;top: 8px;}

.index_company{width:90%;}
.index_company .right{width:100%;margin-top: 25px}
.index_company  img{width: 100%}
.index_company .p1,.index_company .p2{font-size: 12px}
.index_industry{width: 90%}
.index_industry li{width: 100%;margin-right: 0;margin-bottom: 10px;height: 270px}
.index_industry li img{width: 100%;height: 100%}
.index_social{width:90%}
.index_social .arrow1{right: 8%}
.index_social .socialchange li{float: left;padding: 0}
/*.index_social .socialchange li {width: 100%;margin-bottom: 15px}
.index_social .socialchange div{width: 100%;margin-bottom: 15px}*/









.index_social li img{width: 100%;height: auto}
.index_industry li{height: 210px}
.index_social li h4 {margin-top: 8px;margin-bottom: 8px}
.index_social h3 a,.index_industry h3 a,.index_company h3 a{font-size: 16px}
.index_social h3 span,.index_company h3 span,.index_industry h3 span{font-size: 14px}
.footer{width: 90%;margin-top:22px }
.footer>ul{display: none;}
.footer .copyright div{margin-top: 20px}
.footer .copyright{position:static;}

.about_nav{display: none;}
.bg{display: none;}
.bread{top: -35px;left: 0}
.aboutcompany {width: 90%;margin-top: 120px;padding-bottom: 50px}
.aboutcompany .line {margin-bottom: 20px}
.aboutcompany ul li img{width: 100%}
.aboutcompany ul li .text{width: 100%}
.aboutcompany ul li{margin-top: 35px;}
.aboutcompany ul li .text p{font-size: 13px;line-height: 23px}
.aboutcompany ul li .text h5{margin-top: 20px}

.aboutsocial{width:90%;margin-top: 120px;padding-bottom: 50px}
.aboutsocial .line {margin-bottom: 20px}
.aboutsocial ul li{width: 100%}
.aboutsocial ul li h6{margin-top: 10px;margin-bottom: 5px}

.market{width:90%;padding-bottom: 20px;margin-top: 120px;}
/*.market .shows,.market .show{width: 0;height: 0}
.market .zuobiao:hover .show {
    display: none;
}
.market .shows .country img,.market .shows .country h4, .market .shows p,.market .show .country img,.market .show .country h4,.market .show p,.market .show .country{display: none}*/
.market .zuobiao1, .zuobiao2, .zuobiao3 {width: 13px;height: 15px;background: url(../images/zuobiao02.png)}
.market .zuobiaos{width:5px;height: 8px;background: url(../images/zb02.png)}
.market .countryaddress li{width: 100%;margin-right: 0;padding-top: 15px;margin-bottom: 30px}
.market .countryaddress h5{margin-bottom: 10px}

.news{width: 90%;padding-bottom: 50px;margin-top: 120px;}
.news .newslist li img{width: 80%;margin-right: 0}
.news .newslist li .date{width: 13%;margin-right: 5%}
.news .newslist li .text{width: 100%}
.news .newslist li .date img {right: -8%}
.news .newslist li .date h2{font-size: 19px}
.news .newslist li .date h3,.news .newslist li .date h5{font-size: 14px;}
.news .newslist li .text h5{margin-top: 20px}
.news .newslist li .text .more{margin-top: 10px}
.pager li a{padding: 9.8px 14px;font-size: 15px}
.news .newsdetail img{width: 100%}

.joinus{width:90%;margin-top: 120px;}
.joinus .joinusinfor p{padding:0}
.joinus .line{margin-bottom: 30px}

.contact{width: 90%;margin-top: 120px;padding-bottom: 30px;overflow:visible}
.contact .contacters .countryaddress li{width: 100%;margin-right: 0;margin-bottom: 30px}
.contacters .countryaddress h5{margin-bottom: 15px}
.contacters .countryaddress .text{padding-top: 15px}

.contact .from li{width: 100%;padding: 0}
.contact .from li input {width: 100%;padding: 0;box-sizing: border-box;padding-left: 4%;height: 40px}
.contact .from li label{display: block;position: static;margin-bottom: 5px}
.contact .from li.message input {width: 100%}
.contact .from li.btns .btn1,.contact .from li.btns .btn2{border-radius: 16px;line-height: 40px;}
#yw0_button{top: 9px}

.product{width: 90%;margin-top: 120px;padding-bottom: 30px}
.product .productlist li{width:10%;height:17%;background: red;}
.product .productlist li img{width:58px }
.product .productlist li.li1 span{left: -20%;top: -31%}
.product .productlist li.li3 span{top: -36%}
.product .productlist li.li2 span{left: 104%;top: 41%}
.product .productlist li.li4 span{left: -34%;top: 91%}
.product .productlist li span{width: 300%}
.product .productlist li.li5 span{left: -40%;top: 100%}
.product .productlist li.li7 span{left: -202%;top: 13%}
.product .productlist li.li8 span{left: -44%;top:100% }
.product .productlist li i,.product .productlist li span{font-size: 12px;-webkit-transform-origin-x: 0;-webkit-transform: scale(0.70);}

.product .detailinform .left{width: 100%;margin-right: 0}
.product .detailinform .left>img{width:100%;} 
.product .detailinform .right{width: 100%}
.product .detailinform .right img{width: 40%;margin-top: 15px}
.product .detailinform .right p{margin-top: 15px;margin-bottom: 15px}
.product .detailinform .left ul .left02,.product .detailinform .left ul .right02{font-size: 12px;}
.product .detailinform .right{font-size: 14px}
.product table{width: 100%;}
.pdf{width:27%;background: url(../images/pdf.png) no-repeat 13px center rgb(245,245,245);text-indent: 20px}


.product .change li{font-size: 12px;width: 28.6%;-webkit-tap-highlight-color:transparent}
.product .change{overflow: hidden;width: 100%}
.product .productlist02 li{width: 6%;height: 5%}
.contact .from li.message textarea{width: 95%}

.product03 li {
    width: 60px;
    height: 16px;
}
.productlist03 li{
    width: 61px;
    height: 16px;
}

}

@media screen and (max-width:640px) {
.index_industry li{height: 170px}
}