﻿@media only screen and (max-width: 1499px){
    .m-list1 .tit{height: 60px;line-height: 60px;font-size: 18px;}
    .m-list1 .txt dd{padding: 10px 0;}
}
@media only screen and (max-width: 1280px){
    .wp{width: 98%;}
    .yz-txtbox1 p em{width: 12%;}
    .yz-txtbox1 p span{width: 86%;}
    #hd .hd-r{width: 65%;}
    .fd-nv dl{width: 130px;}
    .index-imgbox1{height: auto;}
    .index-imgbox1 .col-l{position: static;float: none;width: 100%;overflow: hidden;}
    .index-imgbox1 .col-r{position: relative;float: none;width: 100%;overflow: hidden;}
    .index-imgbox1 .box{position: relative;overflow: hidden;width: 50%;height: auto;}
    .index-imgbox1 .box .img{position: relative;padding-top: 100%;}
    .index-imgbox1 .box .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .index-imgbox1 .box1-a{float: left;}
    .index-imgbox1 .box1-b{float: left;}
    .index-imgbox1 .box2-a{float: right;}
    .index-imgbox1 .box2-b{float: left;}
    .index-imgbox1 .tit{bottom: 0;}
    .index-imgbox1 .txt{height: 100%;}
    .index-imgbox1 .more{display: block;height: auto;position: absolute;bottom: 0;right: 0;width: 50%;padding: 30px 0;
        padding: 0;height: 100%;}
    .index-news li .txt h5{padding-top: 20px;}
    .index-news li .txt h4{padding-top: 15px;}
    .index-news li .txt .ibox{padding-bottom: 10px;}
    .index-news li .txt .more{margin-top: 12px;}
    .join-tit .col-l{padding-top: 20px;float: none;width: 100%;text-align: center;}
    .join-tit .col-r{float: none;width: 100%;text-align: center;padding-top: 30px;}
    .join-tit{margin-bottom: 50px;}
}
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    .yz-info-row1 .col-l{margin-bottom: 20px;}
    .yz-info-row1 .col-l,.yz-info-row1 .col-r{float: none;width: 100%;}
    .yz-txtimg1 .txt{height: auto;}
    .yz-txtbox1{padding-bottom: 40px;}
    #banner .item{height: 500px;}
    .index-about .txt{width: 90%;}
    .index-about{height: auto;padding: 30px 0;}
    .index-link{height: auto;padding: 30px 0;}
    .index-news li .txt{padding: 0 8%;}
    .index-link li{width: 25%;margin-bottom: 15px;text-align: center;}
    .index-link li:last-child img{float: none;}
    .index-link .ibox span{margin: 0 120px;}
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    #hd .hd-r{width: 72%;}
    #nv .n1{padding: 0 6px;}
    .info-ban{height: 300px;}
    .fd-nv dl{width: 140px;}
    .fd-nv{float: none;width: 100%;overflow: hidden;margin-bottom: 50px;}
    .fd-ewm{float: none;width: 100%;}
    .fd-ewm .l{width: 48%;}
    .fd-ewm .r{width: 48%;}
    .brand-list li .txt p{font-size: 22px;}
    .copy{margin-top: 15px;line-height: 18px;}
    .index-imgbox1 .txt h5{padding-top: 40px;}
    .index-imgbox1 .tit{height: 60px;line-height: 60px;}
    .index-imgbox1 .txt span{display: block;}
    .index-news li{width: 50%;margin-bottom: 20px;}
    .index-link .ibox{margin-top: 30px;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    .index-about .list li{margin: 0 0 10px 0!important;}
    #bd{padding-top: 50px;}
    #bd{margin-top: 0;}
    .yz-txtbox1 ul{margin-bottom: 20px;padding-top: 20px;}
    .yz-txtbox1 li{padding-bottom: 20px;}
    .brand-list li{width: 50%;}
    .yz-txtimg1 .img{height: auto;}
    .yz-txtimg1 .img img{position: static;}
    .g-tit1{margin-bottom: 15px;}
    .pd0-4{padding: 0 2%;}
    .yz-txtbox1{padding-bottom: 20px;}
    .yz-txtimg1 .txt p{padding-bottom: 15px;}
    .info-ban{height: 245px;}
    #hd{display: none;}
    #cui-mobile-header{display: block;}
    .info-ban{display: none;}
    .info-ban .txt{left: 50%;top: 50%;
        right:auto;width: 94%;text-align: center;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);}
    #fd{padding-top: 15px;}
    .fd-nv dl{float: none;width: 100%;text-align: center;
        border-bottom: 1px solid rgba(255,255,255,.4);}
    .fd-nv dl dd{display: none;}
    .fd-nv dt{padding:15px 0;}
    .brand-list li .txt p{font-size: 18px;}
    #banner{display: none;}
    #phone-banner{display: block;}
    #phone-banner .slick-dots{text-align: center;
            right:auto;left: 0;width: 100%;}
    .index-about .list{width: 98%;margin: 0 auto;}
    .index-about .list ul{margin-left: -5px;}
    .index-about .list li{float: left;display: block;width: 33.33%;margin-bottom: 15px;}
    .index-about .list li a{display: block;margin-left: 5px;}
    .index-news li{width: 100%;margin-bottom: 20px;}
    .index-link li{width: 50%;}
    .index-link .ibox span{display: block;width: 150px;margin: 0 auto;margin-bottom: 20px;}
    .join-tit .txt h5{font-size: 60px;}
    .join-tit .txt h4{font-size: 32px;}
    .join-tit .txt h3{font-size: 70px;}
    .join-list li .txt .col-l,.join-list li .txt .col-r{float: none;width: 100%;padding-left: 0;background: none;}
    .join-list li .txt .col-l{border-bottom: 1px dashed #333;padding-bottom: 10px;margin-bottom: 10px;}
    .join-list li .txt{padding:20px 3%;}
    .join-tit .txt span{font-size: 22px;height: 40px;line-height: 40px;}
    .info-menu{height: auto;}
    .info-menu li{width: 100%;float: none;text-align: center;
        border-bottom: 1px solid rgba(255,255,255,.5);}
    .info-menu li:last-child{border-bottom: 0;}
    .new-list li{width: 50%;}
    .new-list li .txt{height: 40px;line-height: 40px;}
    .new-list-b h5,.new-list-b span a{font-size: 16px;}
    .index-link .list{padding-bottom: 50px;}
    .index-link .slick-dots{position: absolute;bottom: -30px;left: 0;width: 100%;text-align: center;}
    .index-link .slick-dots li{width: auto;margin: 0 3px;display: inline-block;float: none;}
    .index-link .slick-dots li button{font-size: 0;border:1px solid #fff;
        width: 8px;height: 8px;border-radius: 50%;padding: 0;background: none;
        outline: none;}
    .index-link .slick-dots li.slick-active button{background-color: #fff;}
    .phone-ban{display: block;margin-bottom: 60px;}
    .m-list1 li{width: auto;float: none;margin-bottom: 4px;}
}

@media only screen and (max-width: 610px){
    .index-imgbox1 .box{float: none;width: 100%;}
    .index-imgbox1 .more{position: static;padding: 20px 0;display: block;width: 100%;}
    .index-imgbox1 .more span{position: static;
            -webkit-transform: translate(0,0);
            -moz-transform: translate(0,0);
            -o-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);}
    .g-tit3{width: 98%;background: none;position: relative;margin:15px auto;}
    .g-tit3 span{top: 0;line-height: 29px;}
    .g-tit3:before,.g-tit3:after{content: '';position: absolute;top: 50%;
    width: 40%;height: 1px;background-color: #000;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
    .g-tit3:before{left: 0;}
    .g-tit3:after{right: 0;}
    .g-tit3-fff:before,.g-tit3-fff:after{background-color: #fff;}
    .index-news li .tit{height: 50px;line-height: 50px;}

}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .fd-ewm{padding-top: 5px;}
    .fd-nv{display: none;}
    .g-tit1 span{font-size: 18px;}
    .yz-txtimg1 .txt p{font-size: 14px;}
    .yz-txtbox1 p em{display: block;float: none;width: 100%;margin-bottom: 10px;}
    .yz-txtbox1 p span{display: block;float: none;width: 100%;padding-left: 20px;}
    .brand-list li{width: 100%;}
    .info-ban{height: 180px;}
    .brand-list li .txt p{font-size: 16px;}
    .index-imgbox1 .more{font-size: 22px;}
    #banner .item{height: 310px;}
    .index-news li .txt h5{font-size: 16px;}
    .index-news li .txt h5{padding-top: 15px;}
    .index-news li .txt{padding: 0 6%;}
    .index-link .ibox span:after, .index-link .ibox span:before{width: 55%;}
    .g-tit3:before, .g-tit3:after{width: 30%;}
    .g-page li.page{display: none;}
    .g-page li.arrows{display: inline-block;}
    .join-tit .col-l{padding-top: 0;}
    .join-tit .txt h5{font-size: 36px;padding: 5px 0;}
    .join-tit .txt h4{font-size: 22px;padding: 3px 0;}
    .join-tit .txt h3{font-size: 32px;padding: 5px 0;}
    .join-tit .txt span{display: block;width: 100%;line-height: 1.2;height: auto;padding: 9px 0;font-size: 18px;}
    .join-list li .tit span{font-size: 18px;}
    .info-ban{margin-bottom: 20px;}
    .yz-imgtxt2 .img{margin-bottom: 15px;}
    .yz-imgtxt2 .txt p{line-height: 22px;}
    .pd0-7{padding: 0 2%;}
    .yz-imgtxt2 .txt{padding-bottom: 12px;}
    .yz-imgtxt3 .tit h5{font-size: 22px;}
    .yz-imgtxt3 .tit{margin-bottom: 15px;}
    .yz-imgtxt3 .txt p{line-height: 22px;font-size: 14px;}
    .yz-imgtxt3 .txt{padding-bottom: 12px;}
    .new-list li{width: 100%;}
    .new-list li .txt{height: 35px;line-height: 35px;}
    .g-tit2 span{font-size: 18px;}
    .new-list-b h5,.new-list-b span a{font-size: 14px;}
    #cui-mobile-header img{max-width: 160px;}
    .index-link .item img{max-width: 110px;}
    .index-about .list li{width: 50%;display: inline-block;}
    .phone-ban{display: block;margin-bottom: 30px;}
    .m-list1 .txt dd{padding: 5px 0;}
    .m-list1 .tit{height: 40px;font-size: 16px;line-height: 40px;}

}

/* --------------------------- 固定屏幕样式 ---------------------------------------- */

/*960*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {

	 

}



/*768*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

 

}



/*480*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

 
}



/*320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {

 

}



/*240*/
@media only screen and (max-width: 319px) {

 

}