@media screen and (max-width: 1200px){
    .map-info{width: 50%;}
    .ul-list2 li:nth-child(2n) .txt{padding-left: 10px;}
    .ul-list2 li:nth-child(2n+1) .txt{padding-right: 10px;}


    .fancybox-wrap{
        width: 80% !important;
    }
    .fancybox-inner{
        width: 100% !important;
    }
    .wechat img{right: 0;}
    .i-row2 .txt p{line-height: 1.8;}



    #banner .s1 .img{
        margin-left: 15%;
    }



    #banner .txt{
        font-size: .7em;
    }

    .article-box .wp{padding: 0 20px;}
 



}
@media screen and (max-width: 1160px){
    .i-row2 .txt .more, .i-row4 .txt .more{margin-top: 20px;font-size: 14px;}
    .i-row2 .txt{padding: 0 5%;}

    .ul-list1 li .txt h2{font-size: 50px;}
    .ul-list1 li:nth-child(2n) .txt{right: 10px;}
    .ul-list1 li:nth-child(2n+1) .txt{left: 10px;}
    .about-con .wp{padding: 0 10px;}
    .ul-list1 li{padding: 0;}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .i-row .wp{padding: 0 20px;}
    .ul-index li a .inner{
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7); 
        -ms-transform: scale(0.7); 
        -o-transform: scale(0.7); 
        transform: scale(0.7);
        transform-origin: 50% 50%;
    }
    #banner .s1 .txt{font-size: .6em;}
    .tit-1{margin-top: 30px;margin-bottom: 60px;}
    .i-row5{margin-top: 40px;}
    .i-row6{padding: 40px 0 150px 0;}
    .list-slider .slick-dots{margin-top: 30px;margin-bottom: 30px;}
    .list-slider .slider .item{padding: 0 16px;}
    .i-row4 .tit-1 h3{margin-bottom: 40px;}
    .i-row4{padding-top: 30px;}
    #banner .slick-dots{bottom: 70px;}
    #banner .s1 .img{height: 65%;width: auto;}
    .ul-nav{width: 412px !important;}
    .ul-list1 li b{left: 10px;bottom: 10%;}

}

@media screen and (max-width: 1030px){
    #hd .ul-nav li{padding: 0 0;   }
    #ban-in .txt h3, #ban-in2 .txt h3{line-height: 2;font-size: 20px;}
    #ban-in .txt h2, #ban-in2 .txt h2{font-size: 40px;margin-bottom: 15px;line-height: 1;}
    #ban-in .txt h4, #ban-in2 .txt h4{font-size: 20px;}
    #ban-in .txt h2:after, #ban-in2 .txt h2:after{top: 50px;}
    .list-newsz{margin: 0 5px;}
}



@media screen and (max-width: 1000px){
    .i-row2 .txt h3{margin-bottom: 0;}
    .i-row2 .txt p{line-height: 30px;}
    .ul-index li a .icon{width: 120px;height: 120px;line-height: 120px;   }
    .ul-index li a .icon img{width: 47%;}
    .ul-index li a h3{margin-top: 0;}
    .cont-box{padding-left: 20px;padding-right: 20px;}
}



@media screen and (max-width: 980px){
    .ul-list1 li .txt{padding-right: 2%;}
    .ul-list1 li:nth-child(2n) .txt{padding-left: 2%;}
    .ul-list1 li .txt h3{font-size: 28px;margin-bottom: .3em;}
    .ul-list1 li .txt h2{font-size: 30px;margin-bottom: 0;}
    .ul-index li .txt h3{font-size: 24px;}
}


@media screen and (max-width: 890px){
    #hd{display: none;}
    .m-hd{display: block;}
    #banner{margin-top: 60px;}
    .tit-1{margin: 20px 0;}
    .ul-list1 li .txt{padding-top: 4%;padding-bottom: 4%;}
    #ban-in{top: 60px;}
    .ul-list2 li .txt h3{padding: 20px 0;}
    #ban-in2{margin-top: 0;padding-top: 60%;}
    #ban-in .txt h2, #ban-in2 .txt h2{font-size: 42px;}
    #ban-in .txt h4, #ban-in2 .txt h4{font-size: 18px;  }
    #ban-in .txt h3, #ban-in2 .txt h3{font-size: 14px;}
    #ban-in .txt h2:after, #ban-in2 .txt h2:after{top: 50px;    }
    .video-box .x-btn{top: 100px;}
}

@media screen and (max-width: 830px){
    .nav-bar a{margin: 0 20px;max-width: 20%;}

    .ul-list1 li{}
    .list-slider .slider .item{padding: 0 20px;margin-bottom: 20px;}
    .pic-slider .slick-prev{left: -80px;}
    .pic-slider .slick-next{right: -80px;}
    .pages{text-align: center;}
    #banner .txt{font-size: .6em;}
    .list-slider .slick-dots{margin-top: 10px;margin-bottom: 30px;}
    .t3-z b:before{
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7); 
        -ms-transform: scale(0.7); 
        -o-transform: scale(0.7); 
        transform: scale(0.7);
        transform-origin: 50% 50%;
        left: -50px;
        top: 14px;
    }
    .tit-1 h2{font-size: 54px;}
    .i-row4{padding-top: 20px;}
    .tit-1 h3{margin-bottom: 30px;}
    .i-row5{margin-top: 20px;}
    .i-row6{padding-top: 30px;padding-bottom: 100px;}
    .list-newsz li{padding: 0 10px;margin-bottom: 20px;}
}



@media screen and (max-width: 768px){
    .i-row2 .pic,
    .i-row2 .txt,
    .i-row4 .txt,
    .i-row4 .pic{width: 100%;float: none;position: relative;text-align: left;}
    .i-row2 .txt,
    .i-row4 .txt{padding:30px 20px;}
    .i-row4 .pic{display: none;}
    .ul-index li{width: 50%;}
    .ul-list1 li .txt{float: none;width: 100%;position: relative;}
    .ul-list1 li .pic,.ul-list1 li:nth-child(2n) .pic{width: 100%;float: none;}
    .ul-list1 li .pic img{width: 100%;}
    .ul-list1 li .txt .inner{padding: 0 10px;text-align: left;overflow: hidden;}
    .ul-list1 li b{left: 10px;bottom: 10%;}
    .list-slider-2 .item{width: 33.3333%;min-height: 384px;}
    .ul-list4 li{width: 50%;}
    .pro-cont .txt dl{width: 100%;float: none;}
    #banner .s1 .img{height: auto;width: 14%;}
    .ul-list3 li{width: 33.3333%;}
}


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




    .i-row6,
    .i-row4{padding-top: 30px;}
    .i-row6{padding-bottom: 80px;}
    .i-row6 .pic{margin-top: 50px;width: 90%;}
    .i-row3 .pic img{float: none;}
    .i-row6 .tit-1 h5{margin-top: 20px;}
    .fancybox-close{
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7); 
        -ms-transform: scale(0.7); 
        -o-transform: scale(0.7); 
        transform: scale(0.7);
        transform-origin: 100% 0%;
    }
    .t3-z b{padding-left: 40px;}
    .t3-z b:before{
        left: 0;
        -webkit-background-size: 20px;
        background-size: 20px;
        top: 0;
    }
    #banner{bottom: 60px;}
    #banner .more{bottom: -50px;}
    #banner em{width: 50px;height: 50px;}
    #banner em i{
        -webkit-background-size: 20px;
        background-size: 20px;
    }
    #banner .slick-dots{bottom: 40px;}
    .t3-z{margin-bottom: 30px;margin-top:30px;font-size: 26px;}
    .pages li{height: auto;line-height: 1;}
    .pages li a{padding: 0 10px !important; height: 30px;line-height: 30px;}
    .ul-list4 img{width: 50%;}
    .list-slider-2 .pad h3{margin-top: 15px;margin-bottom: 10px;}
    .list-slider .slider .item{margin-bottom: 30px;}
    .list-slider-2{margin-top: 50px;}
    .pic-slider h3{font-size: 20px;margin-top: 20px;}
    .ul-list1 li:nth-child(2n) .txt{right: 0;padding-bottom: 30px;}
    .ul-list1 li:nth-child(2n+1) .txt{left: 0;}
    .ul-list1 li .txt{padding: 6% 2%;}

    #ban-in .txt h2,#ban-in2 .txt h2{font-size: 38px;white-space:nowrap;}
    #ban-in .txt h2:after, #ban-in2 .txt h2:after{top: 47px;}

    .fd-nav{display: none;}
    .fd-ewm{display: none;}
    .fd-ewm .pad{text-align: center;}
    #fd .fd-copy{padding: 0;margin: 0;}
    #fd .fd-copy p{padding: 0 10px;text-align: center;font-size: 12px;padding-bottom: 10px;}
    .list-slider .slider .item{padding: 0 10px;}
    .list-slider .slick-dots{margin: 20px 0;}
    .i-row3 .pic,
    .i-row3 .video{width: 100%;float: none;}
    .i-row3 .video{display: none;}
    .i-row4 .pic{display: none;}
    .ul-index li{width: 50%;}
    .tit-1 h2{font-size: 30px;}
    .tit-1 h3{font-size: 24px;}
    .tit-1 h2:after{top: 47px;}
    .i-row5{margin-top: 20px;}
    .ul-index li a .icon{width: 80px;height: 80px;line-height: 80px;}
    #banner .slick-dots li,.list-slider .slick-dots li{width: 12px;height: 12px;}
    .i-row2 .txt h3{font-size: 26px;}
    .i-row2 .txt h3 em{font-size: 22px;}
    .i-row2 .txt .more, .i-row4 .txt .more{width: 100px;height: 30px;line-height: 30px;}
    .i-row2 .txt .more img, .i-row4 .txt .more img{width: 80%;}
    #banner .more img{width: 80%;}
    .ul-index li a h3{font-size: 20px;}
    .ul-list1 li{padding: 0;}
    .ul-list1 li .wp{padding: 0;    }
    .ul-list1 li:nth-child(2n) .txt .more{float: left;margin-left: 0;}
    .ul-list1 li .txt .info .more{margin-right: 20px;padding: 0 5px;height: 30px;line-height: 30px;font-size: 13px;}
    .cont-box .con p{line-height: 1.8;text-align: left; text-indent: 2em; margin-bottom: 15px;margin-top: 15px;}
    .cont-box .con li{text-align: left;}
    .ul-img{padding-bottom: 0;}
    .ul-img li{width: 50%;max-width:50%;margin-bottom: 20px;}
    .ul-list2{margin-top: 0;}
    .ul-list2 li{margin-bottom: 20px;}
    .ul-list2 li .pic{width: 100%;float: none;}
    .ul-list2 li .pic img{width: 100%;}
    .ul-list2 li .txt{padding: 0 10px;}
    .ul-list2 li .txt h3{font-size: 30px;padding: 10px 0;}
    .list-slider-2 .item{width: 100%;min-height: 0;}
    .list-slider-2 .item{margin-bottom: 20px;}
    .pic-slider{padding: 0 40px;padding-bottom: 40px;}
    .pic-slider .slick-prev{left: -40px;}
    .pic-slider .slick-next{right: -40px;}
    .ul-list3 li{width: 33.3333%;}
    .ul-list4 li{width: 50%;margin-bottom: 20px;}
    .pages{margin-bottom: 30px;}
    .pages li{margin-bottom: 10px;}
    .pro-cont .pic{width: 50%;margin: 0 auto;float: none;}
    .pro-cont .txt h1{font-size: 26px;padding: 10px;}
    .pro-cont .txt dl dt{font-size: 18px;margin-bottom: 10px;}
    .buy-btn{margin-left: 10px;height: 40px;line-height: 40px;width: 130px;
        }
    .buy-btn span{
        -webkit-background-size: 20px;
        background-size: 20px;
        font-size: 16px;
        vertical-align: top;
        padding-left: 30px;
    }
    .history-list{margin-bottom: 50px;}
    .history-list dl dt{padding-left: 10px;width: 105px;}
    .history-list dl:after{left: 94px;  }
    .history-list dl dd{padding-left: 10px;padding-right: 10px;}
    .pic-slider .slick-arrow{
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7); 
        -ms-transform: scale(0.7); 
        -o-transform: scale(0.7); 
        transform: scale(0.7);
        transform-origin: 50% 50%;
    }
    .pro-cont{padding-bottom: 60px;}
    .h100{height: 20px;}
    .nav-bar a{font-size: 12px;margin: 0 5px;}
    .nav-bar{height: 40px;line-height: 40px;}
    .nav-bar a:after{
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #000000;
        position: absolute;
        bottom: -10px;
    }
    .honor-box{padding: 0 10px;}
    #dituContent{height: 350px !important;}
    .map-info{padding: 30px 20px;position: relative;margin: 0;width: 100%;left: 0;}
    .list-newsz li{width: 100%;}
    .main{padding: 20px 0;}
    .article-box{padding: 20px 0;}
    .article-box .hd p{padding: 10px 0;}
    .map-info h3, .honor-box h1{font-size: 30px;margin-bottom: 20px;}
    .map-info h3{padding-left: 0;}

    .ul-list1 li b{display: none;}
    .ul-list1 li .txt em{width: 100%;}
    .ul-list1 li .txt .info{padding-left: 0;padding-right: 0 !important;}
    .ul-list1 li .txt .info .more{position: relative;left: 0;top: auto;}
    .ul-list1 li .txt h2,.ul-list1 li .txt h3{text-align: center;}
    .ul-list1 li .txt .info span.line{display: none;}
    .about-con .img{margin: 0 -20px;}
    .about-con .t3-z{font-size: 24px;}
    .about-con .t3-z b{padding-left: 30px;}
    #banner .txt{font-size: .5em;}
    #banner .s1 .txt{top: 45%;margin-right: 0;right: auto;width: 100%;text-align: center;}
    #banner .s1 .img{height: auto;width: 15%;}
    .ul-index li .txt h3{font-size: 18px;}

    .ul-list2 li{ display: table;}
    .ul-list2 li .pic{ display: table-footer-group; }
    .ul-list2 li .txt{ display: table-header-group; }
    .ul-list2 li .txt h3,
    .ul-list2 li .txt p{
        padding-left: 10px;
        padding-right: 10px;
    }
    .ul-list3 li h3{font-size: 14px;line-height: 1.6;}
    .ul-list3 li {vertical-align: top;}
    .ul-list3 li p{font-size: 12px;}
    .ul-list4{padding: 0 5px;}
    .article-box video{
        width: 100%;
    }
}
@media screen and (max-width: 400px){
    .about-con .t3-z{font-size: 20px;}
    .cont-box{padding-left: 10px;padding-right: 10px;}
    .ul-list3 li h3{font-size: 12px;}
}
@media screen and (max-width: 360px){
    .about-con .t3-z{font-size: 18px;}
}