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

    /*******************************
      -------[=头部]-------
    ********************************/
    #hd{line-height: 80px;}
    body{}
    #banner{}
    .soBox{margin: 20px 0 0 30px;}

    /*******************************
        -------[=导航]-------
    ********************************/
    .nav .v1{padding: 0 20px;}
}

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

    /*******************************
      -------[=头部]-------
    ********************************/
    body{}
    #banner{}
    #hd{height: 80px;line-height: 80px;}
    .soBox{margin: 15px 0 0 30px;height: 30px;line-height: 30px;}
    .soBox input{font-size: 14px;height: 30px;line-height: 30px \9;}

    /*******************************
        -------[=导航]-------
    ********************************/
    .nav .v1{font-size: 16px;padding: 0 10px;}
    .hd-tel {
        margin: 20px 20px 0 100px;
    }

    /*******************************
      -------[=banner]-------
    *******************************/
    #banner .item .txt h2{font-size: 24px;}
    #banner .item .txt h2 em{font-size: 60px;}
}

/*Common For Max 1353*/
@media only screen and (max-width: 1353px) {
    
    .nav .v1{font-size: 16px;padding: 0 8px;}

    /*******************************
        -------[=桔子]-------
    ********************************/
    .wp2{width: 98%;}
    .more .txt{height: auto;float: none;width: 100%;background-image: none;margin-bottom: 10px;}
    .ul-pic-j4{width: 100%;}
    .more .txt a{color: #ff4e00;margin: 0;}
    .more .txt a:hover{opacity:.8;}
    .more .txt em{color: #666;}
}


/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    .nav .v1{font-size: 16px;padding: 0 8px;}
    .wp{width: 96%;}

    /*******************************
      -------[=头部]-------
    ********************************/
    .soBox{margin-left: 15px;}
       .hd-tel {
           margin: 15px 10px 0 10px;
       }

    /*******************************
        -------[=底部]-------
    ********************************/
    .fhelp li{width: 25%;}
    .fhelp .s4{float: left;width: 25%;}

    .finfo dl{width: 25%;}
    .finfo dl:last-child{width: 25%;}

    /*******************************
        -------[=首页]-------
    ********************************/
    /*方案和资讯*/
    .m-hotNews .tit{margin-top: 0;}
    .m-hotNews .info *{display: block;}
    .m-hotNews .info .visit{float: none;}

    /*******************************
        -------[=桔子]-------
    ********************************/
    .col-j1 .col-r{width: 100%;float: none;}
    .col-j1 .col-l{width: 100%;float: none;}
    .ul-txt-j1 li{width: 25%;}
    .ul-pic-j2 li{width: 25%;}
    .ul-pic-j3 li{width: 50%;float: left;}
    .wp{width: 98%;}
   
}

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

    /*******************************
      -------[=头部]-------
    ********************************/
    .logo{max-width: 200px;}
    .nav,.soBox{display: none;}
    .soBtn{display: block;}
    .soBox{position: absolute;left: 0;right: 0;top: 100%;margin: 0;
        height: 45px;line-height: 45px;border-radius: 0;width: auto;
    }
    .nav .v1{font-size: 16px;padding: 0 8px;}
    .soBox input{height: 45px;line-height: 45px \9;}

    /*******************************
        -------[=导航]-------
    ********************************/
    .menuBtn{display: block;}
    .nav{position: absolute;left: 0;right: 0;top: 105px;z-index:9999;
        background-color: rgba(0,0,0,.5);
        background: url(../images/black-alpha50.png) repeat left top \9;
    }
    .nav,.nav li{float: none;}
    .nav .v1{border-bottom: 1px solid rgba(0,0,0,.2);text-align: center;color:#fff;}
    .nav li.on .v1{color: #fff;background-color: rgba(0,0,0,.5);
        background: url(../images/black-alpha50.png) repeat left top \9;
    }
    .hd-tel {display: none;}
    
    /*******************************
      -------[=banner]-------
    *******************************/
    #banner .item .txt h2{font-size: 18px;}
    #banner .item .txt h2 em{font-size: 40px;}

    
}

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


    /*******************************
        -------[=底部]-------
    ********************************/
    .fhelp li{height: auto;padding-left: 50px;
        -o-background-size: 40px auto;
        -ms-background-size: 40px auto;
        -moz-background-size: 40px auto;
        -webkit-background-size: 40px auto;
        background-size: 40px auto;
    }
    .fhelp h4{font-size: 15px;}

    .finfo dt{font-size: 15px;margin-bottom: 10px;}
    .finfo dd{font-size: 13px;line-height: 2;}

    .fshare{margin-bottom: 15px;}
    .fshare a{width: 75px;height: 75px;margin: 0 5px;
        -o-background-size: auto 100%;
        -ms-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
    }

    .fcontact{font-size: 14px;}

}

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


    /*******************************
        -------[=底部]-------
    ********************************/
    .fhelp{padding: 0 0 20px;}
    .fhelp li{width: 50%;margin: 10px 0;}
    .fhelp .s4{width: 50%;}

    /*******************************
        -------[=首页]-------
    ********************************/
    .m-show-box{display: block;}

    /*网络*/
    .webSliderNav{display: none;}
    .m-web .m-show-box{text-align: center;}
    .webSlider .slick-track{padding-bottom: 0;}

    /*建站公司*/
    .ul-list1 li{width: 50%;}

    /*网站案例*/
    .ul-list2 li{width: 50%;}
    .ul-list2 .hide-txt{font-size: 13px;padding: 10px;line-height: 1.5;}
    .ul-list2 .hide-txt p{max-height: 3em;}

    /*方案和资讯*/
    .m-hotNews{margin-bottom: 15px;}
    .m-hotNews .tit{margin-top: 10px;}
    .m-hotNews .info *{display: inline-block;}
    .m-hotNews .info .visit{float: right;}
    .i-col-l,.i-col-r{width: auto;float: none;}

    /*红旗网络*/
    .ul-list5 li{width: 25%;}

    .ul-tab1{float:none;width:100%;}
    .ul-tab1 li{margin: 5px;font-size: 13px;width:100%;}
    .ul-tab1 a{padding: 0 15px;}


    /*******************************
        -------[=桔子]-------
    ********************************/
    .f-class li{float: none;display: inline-block;margin-bottom: 10px;}
    /*红旗网络-业务详情*/
    .letter{padding: 20px 0 30px 0;}
    .cur{display: none;}
    .product .img{width: 100%;float: none;}
    .product .txt{width: 100%;float: none;}
    /*红旗网络-关于我们*/
    .in-ban div{height: 250px;}

    .bg-video{display: none;}

    #hd .wp{padding: 10px 0;}
}



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

    .index-row{padding: 20px 0;}

    .g-tit1{font-size: 13px;margin: 15px 0;}
    .g-tit1 strong{font-size: 20px;}

    /*******************************
        -------[=导航]-------
    ********************************/
    .hd-tel{display: none;}


    /*******************************
        -------[=底部]-------
    ********************************/
    .finfo{padding: 20px 0;}
    .finfo dl,.finfo dl:last-child{width: 50%;margin-bottom: 20px;padding-left: 10px;}

    .fshare a{width: 50px;height: 50px;
        -o-background-size: auto 100%;
        -ms-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
    }
    .fcontact{font-size: 13px;}

    /*******************************
        -------[=首页]-------
    ********************************/
    /*建站公司*/
    .ul-list1 li{float: none;width: auto;}

    /*网站案例*/
    .ul-list2 li{float: none;width: auto;}

    /*方案和资讯*/
    .ul-list4 li{float: none;width: auto;} 

    /*红旗网络*/
    .m-partner{padding-bottom: 100px;}
    .ul-list5 li{width: 33.333%;}


    /*******************************
        -------[=桔子]-------
    ********************************/
    /*红旗网络-业务详情*/
    .product{padding-bottom: 10px;margin-bottom: 10px;}
    .product .txt strong{
        font-size: 18px;
        text-align: center;
    }
    .product .s2{line-height: 1.2em;}
    .product .s3 b{font-size: 18px;}
    .product .s3{height: 90px;margin-bottom: 5px;}
    .product .s4{margin-bottom: 10px;}
    .product .s5 a{width: 35%;float: none;display: inline-block;margin: 0 5px;}
    .product .s5{padding-left: 0;text-align: center;}
    .ul-txt-j1 li{width: 50%;}
    .ul-pic-j2 li{width: 50%;}
    .ul-pic-j3 li{width: 100%;}
    .letter li{float: none;}
    .letter a{margin: 10px 0;}
    /*红旗网络-关于我们*/
    .in-ban div{height: 150px;}
    
   .txt-j3 h2{font-size: 18px;padding-top: 15px;margin-bottom: 10px;}
   .txt-j3 p{line-height: 1.2em;font-size: 13px;}
    /*红旗网络-资讯详情*/
   .tit-j2 h1{font-size: 18px;line-height: 1.4em;padding: 5px 0;}
   .time-j2 dd{font-size: 13px;}
   .txt-j2 p{font-size: 13px;}
    /*红旗网络-资讯列表*/
    .ul-pic-j1 .pic{width: 100%;float: none;}
    .ul-pic-j1 .txt{width: 100%;margin-left: 0;}
    /*红旗网络-案例详情*/
    .txt-j5 h1{
        font-size: 18px;margin-bottom: 20px;
    }
    .case-box{padding-top: 0;}
    .txt-j4{padding: 20px 0;}
    .txt-j4 strong{font-size: 18px;line-height: 2em;}
    .txt-j4 p{font-size: 13px;line-height: 1.2em;}
    .txt-j4 .txt{float: none;}
    .txt-j4 .a1-box{width: 100%;float: none;margin-top: 20px;}
    .case{padding-top: 20px;}
    .case .prev{
        /*top: 122px;*/
        width: 45px;
        height: 88px;
        margin-top: -44px;
        left: 10px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        display: block;
    }
    .case .next{
        /*top: 122px;*/
        width: 45px;
        height: 88px;
        margin-top: -44px;
        right: 10px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        display: block;
    }
    .letter2 p{padding-top: 0;}
    .ul-pic-j4 li{width: 100%;margin-bottom: 0;}
    .more{padding-bottom: 10px;}
    .letter img{height: 80px;}
    .more .txt a{font-size: 18px;}

    .link-j1 a{margin:0 5px 5px 0;padding: 0 10px;}
    .cll-top{padding-top: 10px;}

    /*******************************
      -------[=banner]-------
    *******************************/
    #banner .item .txt{top: 10%;}
    #banner .item .txt h2{font-size: 12px;}
    #banner .item .txt h2 em{font-size: 20px;}

    #banner .slick-dots li{margin: 0 2px;}
    #banner .slick-dots li button{width: 6px;height: 6px;padding: 0;}


}


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

    /*******************************
        -------[=底部]-------
    ********************************/
    #fd{padding: 0;}
    
    .fhelp{display: none;}

    .finfo{padding: 10px 0;}
    .finfo dl{margin-bottom: 10px;}
    .finfo dl,.finfo dl:last-child{float: none;width: auto;border-bottom: 1px solid #b3b3b3;}
    .finfo dt{cursor: pointer;line-height: 30px;}
    .finfo dd{display: none;}
    
    .fcontact{padding-bottom: 10px;}
    .fcontact span{display: block;}
    .fcontact p{padding-top: 10px;}
    .fshare{margin: 10px 0;}

    /*******************************
        -------[=首页]-------
    ********************************/
    /*红旗网络*/
    .m-partner{padding-bottom: 50px;}
    .ul-list5 li{width: 50%;}


    /*******************************
        -------[=桔子]-------
    ********************************/
    .g-tit-j1 h2{font-size: 18px;}
    .ul-pic-j2 span{font-size: 14px;}
    .ul-pic-j3 span{font-size: 16px;}
    .txt-j2 h2{line-height: 2.5em;}
    .product .s3 p:nth-child(1){padding-top: 0;}
    .product .s3 p:nth-child(2){padding-top: 0;}
    .product .s3{height: 60px;}
    .cll-all dd{padding-left: 0;}
    .ul-pic-j1{padding-top: 0;}
    .ul-txt-j1 li{width: 100%;padding-right: 0;}
    .ul-txt-j1 a{line-height: 35px;}
    .g-tit-j1 a{line-height: 32px;}
    .g-tit-j1 h2{line-height: 32px;}
    .cll-all dd{padding-top: 0;}
    .ul-pic-j2{padding-right: 0;}
    .time-j2 .s3{display: none;}
    .time-j2 .s4{display: none;}

    .page a{width: 24px;height: 24px;line-height: 22px;}
    .page li{margin: 0 5px;}

    .letter a{display: block;margin: 10px auto;}
    

}