/*Common For Max 1353*/
@media only screen and (max-width: 1353px) {
    /*******************************
        -------[=桔子]-------
    ********************************/
    .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) {
    .wp{width: 96%;}
    /*******************************
        -------[=头部]-------
    ********************************/
    .menuBtn{display: block;}
    .nav{display: none;position: absolute;left: 0;right: 0;top: 100%;background-color: #fff;}
    .nav li{float: none;margin: 0;border-top: 1px solid #ddd;}
    .nav .v1{display: block;text-align: center;}
    /*******************************
        -------[=底部]-------
    ********************************/
    .fhelp li{width: 25%;}
    .fhelp .s4{float: left;width: 25%;}
    .finfo dl{width: 25%;}
    .finfo dl:last-child{width: 25%;}
    /*******************************
        -------[=banner]-------
    ********************************/
    #banner{height:auto;}
    #banner .slider,#banner .slick-list,#banner .item,#banner .slick-track{height:auto !important;}
    #banner .item a{height: 0;padding-top: 75%;}
    #banner .slick-arrow{width: 50px;height: 90px;margin-top: -45px;
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
    /*******************************
        -------[=首页]-------
    ********************************/
    /*方案和资讯*/
    .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: 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) {
    /*******************************
        -------[=顶部]-------
    ********************************/
    #top{display: none;}
    #hd{padding: 0;}
    #hd .logo img{max-height: 40px;}
    /*******************************
        -------[=底部]-------
    ********************************/
    .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{}
    .ul-tab1 li{margin: 5px;font-size: 13px;}
    .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;margin-right:0;}
    .txt-j4 .a1-box{width: 100%;float: none;margin-top: 20px;position:static;}
    .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;}
}
/*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;}
    
}
/* --------------------------- 固定屏幕样式 ---------------------------------------- */
/*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) {
 
}