﻿@media only screen and (min-width: 1000px) and (max-height:700px) {

    .ul-menu1{margin-top: 50px;}

    .formBox .form .inp{height: 38px;}

    .formBox .form .btn{height: 38px;}

    .formBox .form p{margin-bottom: 10px;}

    .formBox .form textarea{height: 100px;}

}



@media only screen and (max-width: 1600px) {

    .g-txt h2{font-size: 48px;}

    .g-txt h2:after{width: 100px;}

    .g-txt p{font-size: 22px;}

}



@media only screen and (max-width: 1199px) {

    .wp{width: 98%;}

    .g-txt{max-width: 96%;margin: 0 auto 20px auto;}

    .g-txt h2{font-size: 24px;}

    .g-txt h2:after{width: 80px;}

    .g-txt p{font-size: 14px;}

    

    .bantxt h2{font-size: 24px;margin-bottom: 10px;}

    .bantxt p{font-size: 14px;}



    .fixed{display: none;}

    #copyright{font-size: 12px;color: #999;padding: 10px;}



    .ul-menu1{margin-top: 50px;}



    /*.ul-txt1 li{display: block;width: 33.33% !important;float: left !important`;margin: 0 0 20px 0;}*/

    .ul-txt1 li .pic{width: 100%;text-align: center;height: 110px;}

    .ul-txt1 li .txt{float: none;margin: 0 auto;text-align: center;}

    .ul-txt1 li .txt h4{margin-bottom: 15px;}
    .ul-txt1 li.li1 .pic,.ul-txt1 li.li2 .pic,.ul-txt1 li.li3 .pic,.ul-txt1 li.li4 .pic{padding-left: 0}
    .txtBox1{padding:120px 0 50px 0;}

    .txtBox2{padding: 70px 0;overflow: hidden;}

    .slide-txt .logo{width: 100%;float: none;text-align: center;padding-top: 0;margin-bottom: 20px;}

    .slide-txt .txt{padding: 0 20px;}

    .slide-txt .txt h4{font-size: 18px;}

    .slide-txt .btns{padding-left: 0;text-align: center;}

    .more-slider{display: inline-block;*display: inline;zoom:1;float: none;}

    .slide-txt .btns a{float: none;display: inline-block;margin: 0 3px;vertical-align: top;}

    .ul-txt1 li .txt h3{font-size: 18px;}

    .ul-txt1 li .txt h4{font-size: 14px;}
    .more-btn{margin-top: 0;}


    .linkBox{padding: 50px 0;}

}



@media only screen and (max-width: 1024px) {

    .ul-menu1{display: none;}

    .formBox .form .inp{height: 38px;}

    .formBox .form .btn{height: 38px;}

    .formBox .form p{margin-bottom: 10px;}

    .formBox .form textarea{height: 100px;}

    .ul-link{max-width: 98%;}

    .ul-link li{margin-bottom: 10px;}

    .ul-link li a{margin: 0 5px;}

}



@media only screen and (max-width: 767px) {

    .txtBox2{
        background-attachment: scroll;
    }
    .g-txt p{line-height: 2.5; }
    .g-txt p span {display: inline-block;}

    .arrowDown{bottom:20px;}

    #hd{height: 50px;line-height: 50px;}

    #hd .logo{padding-left: 15px;}

    #hd .logo img{max-height: 50px;}

    .menu-m{display: block;}

    .view{-o-transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    -webkit-transition:.3s;

    transition:.3s;}

    .view.view-ani{transform: translateX(-250px);-webkit-transform: translateX(-250px);}

    #hd{-o-transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    -webkit-transition:.3s;

    transition:.3s;}

    #hd.hd-ani{transform: translateX(-250px);-webkit-transform: translateX(-250px);}

    #hd .nav ul{display: none;}

    .nav-m{display: block;position: fixed;transform: translateX(250px);-webkit-transform: translateX(250px);width: 250px;right:0;top:0;height: 100%;padding: 11px 0;background: #111;-o-transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    -webkit-transition:.3s;

    transition:.3s;}

    .nav-m.on{transform: translateX(0);-webkit-transform: translateX(0);}

    .nav-m li{height:40px;line-height: 40px;padding: 0 40px;}

    .nav-m li a{display: block;color: #fff;font-size: 16px;background: url(../images/menu-arr.png)/*tpa=http://www.yunqiyue.com/images/menu-arr.png*/ no-repeat right center;}

    

    .tab-menu{text-align: center;}

    .tab-menu ul{display: inline-block;*display: inline;zoom:1;}
    .tab-menu li{margin: 0 10px;display: inline-block;}
    .case-item .tit{margin-top: 30px;}

    .case-item .tit h3{text-align: center;}

    .inner-ban{height: 280px;line-height: 280px;}

    .inner-ban h2{font-size: 24px;}

    .case-item .tit h3{font-size: 20px;}

    /*.case-item .txt a{display: block;margin:20px auto 0 auto;}*/

    .page{text-align: center;padding-bottom: 50px;}

    .page ul{display: inline-block;*display: inline;zoom:1;}

    .page li{margin: 0 2px;}

    .page li a{height: 30px;line-height: 30px;width: 30px;font-size: 14px;}

    .page li.prev a, .page li.next a{width: 30px;}

    .page li.prev span{padding-left: 0;font-size: 0;float: left;width: 100%;height: 100%;display: block;background-position: center center;background-size: auto 14px;}

    .page li.next span{padding-left: 0;font-size: 0;float: left;width: 100%;height: 100%;display: block;background-position: center center;background-size: auto 14px;}



    .txtBox1{padding-bottom: 20px;padding-top: 60px;}

    /*.ul-txt1 li{width: 100% !important;margin-bottom: 30px !important;}*/

    .ul-txt1 .slick-dots{text-align: center;padding: 10px 0 20px 0;}

    .ul-txt1 .slick-dots li{display: inline-block;margin: 0 5px; width:auto;float: none;}

    .ul-txt1 .slick-dots li button{font-size: 0;line-height: 0;background: #999;width: 14px;height: 14px;border-radius: 50%;padding: 0;outline:none;border: 0;}

    .ul-txt1 .slick-dots li.slick-active button{background: #f1433c;}

    .slide-txt  h4{font-size: 20px;line-height: 1.8;font-weight: bold;margin-top: 30px;padding-left: 0;padding-right: 20px;padding-left: 20px;}

    .slide-txt .txt p{line-height: 2.5;}
    .txtBox2{padding-top: 40px;}
    .case-item .tit{line-height: 2;height: auto;}
    .index .page4{padding-top: 60px;}

    .formBox .txt{width: 100%;float: none;overflow: hidden;margin-bottom: 20px;}

    .formBox .txt p{padding:7px 0 7px 30px; height:auto;line-height: 20px;background-size: auto 20px !important;}

    .formBox .txt .s3{background-size: auto 14px !important;}

    .formBox .form{width: 100%;float: none;}

    .formBox{padding-bottom: 50px;}



    .ul-link-pc{display: none;}

    .ul-link-m{display: block;}

    .ul-link-m .slick-slide li{width: 33.33%;}

    .ul-link-m .slick-dots{text-align: center;}

    .ul-link-m .slick-dots li{display: inline-block;margin: 0 5px; width:auto;float: none;}

    .ul-link-m .slick-dots li button{font-size: 0;line-height: 0;background: #999;width: 14px;height: 14px;border-radius: 50%;padding: 0;outline:none;border: 0;}

    .ul-link-m .slick-dots li.slick-active button{background: #f1433c;}

    .case-item .txt{padding: 0 10px;}



    .bantxt{padding: 80px 0;margin-top: 50px;}
    .m-go-top-box{display: block ;}


.case-content li{width: 46%; margin-right: 8%;float: left;margin-bottom: 30px;}
.case-content li:nth-of-type(3n){margin-right: 8%;}
.case-content li:nth-of-type(2n){margin-right: 0;}
.case-content .hd{margin-top: 20px;}
.case-content .hd span{display: block;font-size: 14px;padding-bottom: 10px;}
}



@media only screen and (max-width: 350px) {

    .g-txt{margin-bottom: 10px;}

    .g-txt h2{font-size: 20px;margin-bottom: 10px;}

    .g-txt h2:after{margin-top: 10px;}

    .formBox .txt{margin-bottom: 10px;}

    .formBox .form .inp{height: 25px;font-size: 12px;}

    .formBox .form textarea{height: 70px;font-size: 12px;}

    .formBox .form .btn{height: 25px;}

    .formBox .txt p{font-size: 12px;}

}





