﻿
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	.wp{width: 98%;}
    #hd{padding:21px 15px 0 15px;}
    #nv li{margin-left: 25px;}
    #hd #nv{padding-left: 60px;}
.m-tabnv li dd a span{display: block;text-align: center;padding-left: 0;}

}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    #nv li{margin-left: 13px;}
    #hd{padding:21px 0 0 0;}
    #nv .v1{font-size: 14px;}
    .imglist1{padding:30px 0 10px 0;}
    .g-tit1 span{font-size: 28px;}
    .imglist1 li.li-l{position: static;}
    .imglist1 ul{padding-left: 0;}
    .imglist1 li.li-l{width: 100%;float: none;}
    .imglist1 li.li-l .img{padding-top: 59%;}
    .index-about .col-l{float: none;width: 100%;margin-bottom: 20px;}
    .index-about .col-r{float: none;width: 100%;}
    .index-about.paddingbox1{padding: 20px;}
    .index-about .t-box b{padding: 30px 0;}
    .index-new{padding-top: 25px;}
    .imgtxt-list1 li{width: 50%;margin-bottom: 25px;}
    .index-link ul{margin-top: 20px;}
    .index-link ul li{width: 33.33%;}
    .share-box .share{width: 50%;background: none;}
    .share-box .search{float: none;width: 100%;display: block;overflow: hidden;margin: 0 2%;}
    #fd .fd-nv{float: none;width: 100%;}
    #fd .erweima{float: none;width: 100%;text-align: center;}
    #fd .erweima .img{display: inline-block;}
    .fd-nv dl{float: none;width: 100%;}
    .fd-nv dl.tel{margin:0 0 20px 0;width: 100%;}
    .fd-nv dl.tel .txt h5{margin: 6px 0;}
    .fd-nv dt{border-bottom: 1px solid #fff;padding: 8px 0;position: relative;}
    .fd-nv dt:after{content: '+';position: absolute;right: 0;top: 50%;
    font-size: 30px;font-weight: bold;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
    .fd-nv dt.on:after{content: '-';right: 4px;}
    .fd-nv dd{display: none;}
    .fd-nv .tel dt{border-bottom: 0;position: static;padding: 0;}
    .fd-nv .tel dt:after{position: static;content: '';}
    .fd-nv .tel dd{display: block !important;}
    .txtimg-list1 .img{float: none;width: 100%;}
    .txtimg-list1 .txt{float: none;width: 100%;}
    .txtimg-list1 .txt{padding: 0 20px;}
    #bd{padding-top: 0;}
    .txtimg-list2 .img,.txtimg-list2 .txt{float: none;width: 100%;}
    .txtimg-list2 .img{margin-bottom: 20px;}
    .imglist3 li{width: 50%;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    #hd{display: none;} 
    #cui-mobile-header{display: block;}
    #banner .item{height: 300px;}
    #banner .slick-arrow{background-size: 30px 60px !important;}
    .g-top{top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);}
    .share-box .logo{float: none;width: 100%;text-align: center;background: none;padding: 20px;}
    .share-box .share{width: 100%;float: none;margin: 0 2%;}
    .copy p{width: 100%;float: none !important;padding: 8px 0;}
    .g-pages li{display: none;}
    .g-pages li.arrows{display: inline-block !important;}
    .m-tabnv li{width: 33.33%;margin-bottom: 10px;}
    .new-list li span{width: 70%;}
    .img-list2 li{width: 50%;margin-bottom: 15px;}
    .img-list2 li p{font-size: 16px;}
    .img-list2 li a{margin-left: 15px;}
    .img-list2{margin-left: -15px;}
    .product .product-txt,.product .product-img{float: none;width: 100%;}
    .product-txt .tit{padding: 20px 0;}
    .product-txt .img{padding: 15px 0;}
    .paddingbox2{padding: 0 25px;}
    .imglist3 li{width: 100%;}
    .txtimg1 .imgbox li{width: 100%;margin-bottom: 15px;}
    .txtimg1 .imgbox{margin: 15px 0;}
    .g-tit2 span{padding:0 45px 15px 170px;}
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .txtimg-list1 .txt{padding: 0 10px;}
    .paddingbox3{padding: 0 10px;}
    .g-pages{padding: 30px 0;}
    .info-ban{height: 230px;}
    #banner .item{height: 230px;}
    #banner .slick-arrow{background-size: 22px 44px !important;}
    .paddingbox1{padding:10px;overflow: hidden;}
    .g-tit1 span{font-size: 22px;}
    .g-tit1 em{margin-top: 11px;}
    .index-about .t-box{padding-top: 0;}
    .index-about .t-box b{padding: 10px 0;line-height: 22px;font-size: 16px;}
    .index-about .t-box em{padding-top: 15px;}
    .index-about .picbox li{width: 100%;float: none;margin-bottom: 15px;}
    .index-new .imgtxt-list1{margin-top: 21px;}
    .imgtxt-list1 li{width: 100%;}
    .share-box .share{padding: 16px 0;}
    #cui-mobile-header img{max-width: 140px;}
    .imglist1{padding-top: 0;}
    .index-about.paddingbox1{padding: 10px;}
    .m-tabnv li{width: 100%;}
    .info-ban .txt p{font-size: 30px;}
    .info-ban .txt{left: 50%;top: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);}
    .new-list li span{font-size: 14px;width: 66%;}
    .new-list li em{font-size: 14px;}
    .new-list li{background-position: left 13px !important;}
    .h40{height: 20px;}
    .new-info .txt h5{padding: 20px 0;}
    .new-info .img{padding: 10px 0;}
    .new-info .txt p{line-height: 24px;}
    .new-info .tit h5{font-size: 16px;}
    .new-info .txt h5{font-size: 16px;}
    .img-list2 li{width: 100%;}
    .paddingbox2{padding: 0 10px;}
    .txtimg-list2 li{width: 100%;}
    .txtimg1 h5{padding: 15px 0;font-size: 18px;line-height: 24px;}
    .txtimg1 p{line-height: 24px;}

    .g-tit2{background: none;border:0;}
    .g-tit2 span{padding-left: 0;background: none;text-align: center;display: block;border-bottom: 1px solid #b8b099;
        padding-bottom: 15px;padding-right: 0;}
    .g-tit2 span:after{position: static;}
}
