@media only screen and (max-width:1601px) {
    .indexbanner {
        height: 580px;
    }
    .bannerinner {
        height: 100%;
    }
    .indexbanner .bannerinner ul li {
        overflow: hidden;
        /*height: 580px;*/
    }
    .indexbanner .bannerinner ul li .slide_img{
        position: relative;
        top: -250px;
    }
}

@media only screen and (max-width:1220px) {
    .maincon img.product{width: 70%!important;}  
    /*    .indexbanner .bannerinner ul li .bannertext{    
            width: 100%;
         padding: 4%; 
        padding-left: 5%;}
        .indexbanner .bannerinner ul li .bannertext .p1{width: 30%;}*/
    .prolist{height: auto;}
    .prolist .prolistinner{width: 96%;padding: 2%;}
    .prolist .prolistinner ul li{width: 44%; margin: 3%;}
    .prolist .prolistinner ul li a.more{left: 37%;}
    /*.prolist .prolistinner ul li:nth-child(even) {margin-right: 0;}*/
    .indexmap .mapinner .left ul li p{font-size: 12px;}
    .indexmap .mapinner{padding: 4%;}
    .foot .footinner{width: 960px;}
    .conarea .coninner{width: 96%;padding: 2%;}
    .maincon .videoimg{width: 100%;height:500px;}    
    .conarea .coninner .maincon p img{width: 100%;}
    .maincon .chinamap .mappic{width: 44%;margin-right: 2%;}
    .maincon .chinamap .maplist{width: 54%;}
    .maincon .chinamap .maplist li{width: 47%;margin-right: 3%;margin-bottom: 5%;}
    .maincon .chinamap .maplist li p{font-size: 12px;}
     .contactcon ul li{    width: 98%;
                          margin-right: 2%;
                          margin-bottom: 2%;
                          height: 100%;}
    .contactcon ul li .img{width: 49%;height: 100%;}
    .contactcon ul li .text{width: 46%;
                            padding: 2%;
                            height: auto;}
    .conarea .coninner .maincon .tec li{height: 100%;width: 32%;margin-right: 2%;}
    .conarea .coninner .maincon .tec li img{width: 100%;}
    .conarea .coninner .maincon .rdmap .globalmap{width: 100%;}
    .conarea .coninner .maincon .rdmap .mapdian{width: 100%;}
    .conarea .coninner .maincon img{width: 100%;}
    .conarea .products .carlist ul li{width: 48%; margin-right: 1%;}
    .conarea .products .carlist ul li .text{width: 45%;padding: 5%;}
    .conarea .products .carlist ul li .carpic{width: 45%;}
    .conarea .products .maincon .product_list li{height: auto;}
    .conarea .products .maincon .product_list li .leftpic{width: 25%;
                                                          margin-right: 2%;}
    .conarea .products .maincon .product_list li .rightcon{width: 73%;}
    .conarea .coninner .biaoti .product_title{width: 100%;}
    .conarea .coninner .biaoti .title li{width: 32%;}
    .conarea .coninner .biaoti .title3 li{width: 25%;}
    .conarea .coninner .biaoti .title li.active{height: 58px;}
    .conarea .coninner .biaoti .product_title li.spe{width: 32%;}
    .conarea .coninner .maincon p.videopre{    width: 100%;
                                               margin-bottom: 20px;
                                               clear: both;}
    .maincon .videoimg{margin-left: 0!important;}
    .header .headerinner{width: 100%;}
    .contactcon ul{width: 100%;}
    .contactcon .single ul li{width: 96%;}
    .contactcon ul li .text h5,.contactcon ul li .text p{margin-bottom: 5px;}
    .indexmap .mapinner .left ul li, .indexmap .mapinner .right ul li{height: 120px;}
    .indexbanner .bannerinner ul li .bannertext {
        margin-left: -465px;
    }
    .prolist .prolistinner ul li p a,.prolist .prolistinner ul li a.more,.indexmap .mapinner .right ul li p{font-size: 14px;}
}
@media only screen and (max-width:960px) {
    .china li.active .text a{display: none;}
    .foot .footinner{width: 800px;}
    .maincon .videoimg{height: 450px;}
    .conarea .products .carlist ul li .carpic img{margin-top: 45px;}
    .prolist .prolistinner ul li a.more{left: 33%;}
    .conarea .products .maincon .product_list li .leftpic{height: auto;}
    .conarea .products .maincon .product_list li .rightcon{height: auto;}
    .conarea .coninner .maincon .rdmap .globalmap2{display: block;}
    .conarea .coninner .maincon .rdmap .globalmap{display: none;}
    .conarea .coninner .maincon .rdmap .mapdian{display: none;}
    .conarea .coninner .maincon .rdmap ul.dian{display: none;}
    .conarea .coninner .biaoti{display: none;}


    .pageinner {
        float:left;
        width: 100%;
        z-index:100;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -ms-transition: -ms-transform 500ms cubic-bezier(0.77,0,0.175,1);
        transition: transform 500ms cubic-bezier(0.77,0,0.175,1);  
        position:relative;
    }
    header .header_inner .mainmenu ul{display: none;} 
    body.sideopen .shadow{display: block}    
    .sidenav li { _overflow: hidden; width: 100%;  text-indent: 40px; }
    .sidenav a { text-decoration: none; color: #eee;  display: block; line-height: 48px;  }

    .sidenav b { display: block; color: #333333;font-size:18px; line-height: 4; font-weight:normal; }
    .sidenav b .en{   color: #bdbdbd;}
    .sidenav a:hover b{  color: #3f853f;}
    .sidenav a.active b{  color: #3f853f;}
    .nav-toggle {
        display: block;
        right:15px;top:15px;
        width: 60px;
        height: 60px;
        z-index: 100;
        position: absolute;
        cursor: pointer;
        -webkit-transition-duration: 0.66s;
        transition-duration: 0.66s;
        -webkit-transition-timing-function: swing;
        transition-timing-function: swing;
    }

    .nav-toggle .icon {
        width: 30px;
        height: 4px;
        background-color: #ffa500;
        border-radius: 2px;
        position: absolute;
        top: 28px;
        left: 15px;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        transiting-timing-function: swing;
    }
    .nav-toggle .icon:before, .nav-toggle .icon:after {
        width: 30px;
        height: 4px;
        background-color: #ffa500;
        border-radius: 2px;
        content: "";
        position: absolute;
        left: 0;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: swing;
        transition-timing-function: swing;     
    }
    .nav-toggle .icon:before {
        top: -9px;
    }
    .nav-toggle .icon:after {
        top: 9px;
    }
    body.sideopen .nav-toggle .icon {
        width: 0;
    }
    body.sideopen .nav-toggle .icon:before {
        -webkit-transform: translateY(9px) rotate(45deg);
        -ms-transform: translateY(9px) rotate(45deg);
        transform: translateY(9px) rotate(45deg);
    }
    body.sideopen .nav-toggle .icon:after {
        -webkit-transform: translateY(-9px) rotate(-45deg);
        -ms-transform: translateY(-9px) rotate(-45deg);
        transform: translateY(-9px) rotate(-45deg);
    }
    body.sideopen .shadow {
        display: block;
    }
    .phone_header {
        position: absolute;
        top: 0px;
        right: -320px;
        display: block;
        width: 320px;
        height: 100%;
        background: #fff;
        z-index: 9;
        font-size: 16px;
        color: #333;
        line-height: 30px;
    }
    .header .header_inner .mainmenu .language{display: none;}
    .phone_header .header_inner .mainmenu ul li{padding: 0 20px;}
    .phone_header .header_inner .mainmenu ul li .level2{display: none;}
    .phone_header .header_inner .mainmenu ul li .level2 p a{color: #666666;font-weight: normal;}
    .phone_header .header_inner .mainmenu ul li .level2 p a:hover{color: #ffa500;}
    .phone_header .header_inner .mainmenu ul li .level2 p a.active{color: #ffa500;}
    .phone_header .header_inner,.phone_header .header_inner .mainmenu{width: 100%;height: 100%;}
    .phone_header .header_inner .mainmenu .language{    
        width: 98%;
        height: 100px;
        line-height: 100px;font-size: 18px;
        text-align: right;}
    .phone_header .header_inner .mainmenu .language a{font-size: 18px;padding: 0 10px;}
    .phone_header .header_inner .mainmenu .language a.active{color: #ffa500;}
    .phone_header .header_inner .mainmenu ul li{line-height: 40px;border-bottom: 1px solid #cccccc;}
    .phone_header .header_inner .mainmenu ul li a{  
        font-size: 22px;
        font-weight: bold;
         display: inline-block;
        padding-left: 20px;
        padding: 10px 0;}
    .phone_header .header_inner .mainmenu ul>li:hover a{color: #ffa500;}
    .phone_header .header_inner .mainmenu ul>li.current a{color: #ffa500;}
    /*.header .header_inner .mainmenu .searchbox{margin-top: 20px;position: absolute;right: 5%;}*/
    .header .header_inner .mainmenu .searchbox{display: none;}
    .phone_searchbox{display: block;}
    .phone_searchbox{
        position: relative;
        width: 160px;
        height: 30px;
        display: inline-block;
        float: right;
        margin-right: 15px;}
    .phone_searchbox{    

        position: absolute;
        right: 2%;
        margin-top: 8%;
        background: url(../images/search.png) no-repeat;
        width: 15px;
        height: 15px;}
    .phone_searchbox .menu_search{margin-top: -7px;margin-right: 20px;}
    phone_searchbox{display: block;}
    .header .mainmenu, .header .language{display: none!important;}
    .indexbanner .bannerinner ul li .bannertext {
        margin-left: -310px;
    }
}

@media only screen and (max-width:860px) {
    .indexmap{height: auto;}
    .indexmap .mapinner{width: 96%;padding: 2%;}
    .indexmap .mapinner .map{width: 100%!important;}
    .indexmap .mapinner .left,.indexmap .mapinner .right{width: 100%;}
    .indexmap .mapinner .left ul li, .indexmap .mapinner .right ul li{width: 36%; height: auto;margin: 0 2%;}
    .indexmap .mapinner .left ul li p, .indexmap .mapinner .right ul li p{font-size: 24px;}  
    .foot {height: auto;background-size: 100% 100%;}
    .foot .footinner{width: 100%;padding: 2% 0;height: auto;}
    .foot .footinner .sousuo{     
        top: 0px;
        right: inherit;
        width: 96%;
        padding: 2%;
        margin-bottom: 10px;
        position: relative;
        text-align: center;}
    .foot .footinner .sousuo .searchinput{width: 98%;padding: 0;}
    .foot .footinner .sousuo .searcea{top: 23%;right: 3%;}
    .foot .footinner .weixin{position: relative;padding-left: 3%;float: left;position: relative;}
    .foot .footinner .footmenu{display: none;}
    .foot .footinner .copyright{text-align: center;}
    .indexmap .mapinner .left{margin-top: 30px;}
    .foot .footinner .copyright2{    
        margin-left: 20px;
        width: 70%;
        display: inline-block;
        line-height: 36px;}
    .foot .footinner .copyright{display: none;}
    .foot .footinner .copyright2 a{font-size:18px;}
    .maincon .videoimg{height: 400px;}
    .maincon .chinamap{height: auto;}
    .maincon .chinamap .mappic{width: 90%;margin: 5%;height: 100%;}
    .maincon .chinamap .maplist{width: 100%;}
    .maincon .chinamap .maplist .spe{font-size: 18px;}
    .maincon .chinamap .maplist li h5{font-size: 18px;}
    .maincon .chinamap .maplist li p{font-size: 16px;}
    .conarea .coninner .maincon h5.jidi{font-size: 18px;}
    .conarea .products .carlist ul li{width: 100%;margin-right: 0;}   
    .conarea .products .carlist ul li .text{    width: 30%;
                                                padding: 5%;}
    .conarea .products .carlist ul li .carpic img{    width: 80%;margin-top: 0;}
    .conarea .products .maincon .product_list li .rightcon{    padding-top: 2%;}
    .conarea .products .maincon .product_list li .rightcon h3{ margin-bottom: 3%;}
    .conarea .products .maincon .product_list li .rightcon p{    line-height: 20px;}
    .contactcon ul li{width: 100%;height: 100%!important;}
    .contactcon .single{width: 100%;}
    .contactcon ul.special li{width: 47%;margin-right: 2%}
       .china{width: 100%!important;}
     .map{width: 100%!important;margin-left: 0;margin-top: 20px;height: 600px!important;}

}
@media only screen and (max-width:750px) {
    .conarea .products .carlist ul li .carpic img{margin-top: 20px;}
    .conarea .coninner .biaoti .title li a{font-size: 16px;}
    
}
@media only screen and (max-width:700px){
        .indexmap .mapinner .left ul li, .indexmap .mapinner .right ul li{text-align: center;}
    .indexmap .mapinner .left ul li img, .indexmap .mapinner .right ul li img{width: 80%;}
    .prolist .prolistinner ul li a.more{left: 28%;}
    .maincon .videoimg{height: 350px;}
    .conarea .coninner .biaoti .title li a{font-size: 14px;}
.maincon .chinamap .maplist li.one h5{background: url(../images/yuandian1.png) no-repeat 0 7px;}
.maincon .chinamap .maplist li.two h5{background: url(../images/yuandian2.png) no-repeat 0 7px;}
.maincon .chinamap .maplist li.three h5{background: url(../images/yuandian3.png) no-repeat 0 7px;}
.maincon .chinamap .maplist li.fore h5{background: url(../images/yuandian4.png) no-repeat 0 7px;}
.maincon .chinamap .maplist li.five h5{background: url(../images/yuandian5.png) no-repeat 0 7px;}
.maincon .chinamap .maplist li.six h5{background: url(../images/yuandian6.png) no-repeat 0 7px;}
.maincon .chinamap .maplist li.seven h5{background: url(../images/yuandian7.png) no-repeat 0 7px;}
.maincon .chinamap .maplist li.eight h5{background: url(../images/yuandian8.png) no-repeat 0 7px;}
.maincon .chinamap .maplist li.nine h5{background: url(../images/yuandian9.png) no-repeat 0 7px;}
.maincon .chinamap .maplist li.ten h5{background: url(../images/yuandian10.png) no-repeat 0 7px;}
.maincon .chinamap .maplist li.ele h5{background: url(../images/yuandian11.png) no-repeat 0 7px;}
.maincon .chinamap .maplist li.twe h5{background: url(../images/yuandian12.png) no-repeat 0 7px;}
.maincon .chinamap .maplist li.thi h5{background: url(../images/yuandian13.png) no-repeat 0 7px;}
}



@media only screen and (max-width:640px) {
    .conarea .products .carlist ul li,.conarea .products .carlist ul li .carpic{height: auto;}
    .conarea .products .carlist ul li .carpic{    margin-top: 15px;}
    .conarea .products .carlist ul li .text{width: 44%;padding: 3%;}
    .conarea .products .carlist ul li .carpic img{margin-top: 5%;}
    .maincon .videoimg{height: 330px;}
    .contactcon .single ul li{    width: 100%;
    margin-right: 0;}
    
    .conbanner {
        height: 246px;
    }
    .conbanner .aboutinner {
        height: 100%;
        width: 1920px;
    }
    .conbanner .aboutinner img{
        height: 100%;
        display: block;
        margin: 0 auto;
    }
    .conarea .coninner .breadcrums {
        margin-top: 10px;
    }
    .indexbanner {
        width: 100%;
        height: 290px;
    }
    .indexbanner .bannerinner {
        width: 100%;
        height: 100%;
        left: 0;
        margin-left: 0;
    }
    .indexbanner .bannerinner ul li {
        overflow: hidden;
        width: 640px;
        height: 290px;
    }
      .indexbanner .bannerinner ul li>img{width: 120%;}
      .indexbanner .bannerinner ul li .slide_img{top: 0px;}
/*    .indexbanner .bannerinner ul li .slide_img{
        display: block;
        position: relative;
        top: 0;
        height: 100%;
        left: 50%;
        margin-left: -570px;
    }*/
.indexbanner .bannerinner ul li>img {
    width: 100%;
    height: 100%;
}
    .indexbanner .bannerinner ul li .bannertext {
        margin-left: -285px;
        top: 50px;
        width: 100%;
    }
    .indexbanner .bannerinner ul li .bannertext .p1 {
        width: 70%;
        font-size: 24px;
    }
    .indexbanner .bannerinner ul li .bannertext .p2{font-size: 22px;}
    .indexbanner .bannerinner ul li .bannertext .p2 strong {
        font-size: 28px;
    }
    .indexbanner .bannerinner ul li .bannertext .p1{line-height: 30px;}
    .pagination{bottom: 20px;}
    p, li, a, div, span {
    max-height: 10000px;
}
.contactcon ul li .text p{margin-bottom:0px;line-height:22px;}
    .prolist .prolistinner ul li{height: 480px;}
    .conarea .coninner .maincon h1,.prolist .prolistinner ul li h3,.maincon .chinamap .maplist .spe,.conarea .products .carlist ul li .text h3,
    .conarea .products .maincon .product_list li .rightcon h3,.conarea .coninner .maincon .area li h5{font-size: 22px;}
    .maincon .chinamap .maplist li{    height: 180px;}
    .conarea .coninner .maincon .area li{height: 115px;}
    .copyright2,.foot .footinner .copyright2 a,.conarea .coninner .breadcrums li,.conarea .products .carlist ul li .text p,
    .conarea .coninner .breadcrums li a,.conarea .coninner .maincon h5.jidi,.maincon .chinamap .maplist li h5,.conarea .products .maincon .product_list li .rightcon p,.contactcon .nation{font-size: 20px;line-height: 28px;}
    .conarea .products .carlist ul li .text a.more,.contactcon ul li .text p,.maincon .chinamap .maplist li p{font-size: 18px;}
    a,p,span,li{line-height: 28px;font-size: 20px;}
    .contactcon ul li .text h5{font-size: 20px;}
       .contactcon ul li .text p{font-size: 18px;}
              .cheche{width: 100%!important;}
              .prolist .prolistinner ul li p a,.prolist .prolistinner ul li a.more{font-size: 18px;}
              #yw0 li a{line-height: 45px;}
              .contactcon ul.special li{min-height: 480px!important;}
              
              

    .conarea .coninner .maincon .tec li{width: 100%;margin: 0;margin-bottom: 30px;}
    .conarea .coninner .maincon .tec li a.jinru{ height: 100px;font-size: 24px;background: url(../images/tecbg.png);line-height: 100px;}
    .conarea .coninner .maincon .tec li a span{line-height: 100px;font-size: 24px;}   
}