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




    #header{height: 400px;}
    .logo{
        margin-top: 10px;
    }
    .nav li > a{padding: 19px 10px;}


    /*******************************
        -------[=柚子]-------
    ********************************/
}
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {

    .index-row1 .l,
    .index-row4 .l{
        margin-bottom: 30px;
    }
    .index-row1 .l,
    .index-row1 .r{
        float: none;
        width: auto;
        height: auto;
    }
    .index-row2 .items{
        height: auto;
        background: none;
        padding: 40px 20px 20px;
        margin-top: 30px;
        border: 6px solid #E0E0E0;
    }
    .index-row2 .items .l,
    .index-row2 .r,
    .index-row4 .l,
    .index-row4 .r{
        float: none;
        width: auto;
        height: auto;
    }
    .index-row2 .r{
        margin-right: 0;
    }
    .index-row2 .l .pic{
        margin-left: 0;
    }
    .index-row2 .items .tit{
        top: 30px;
        left: 50%;
        -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);
    }
    .z-list1{
        padding: 10px 0 0;
    }
    .nav{padding-right: 0;}
    .nav ul{padding: 0 10px 0 50px;}
    .nav li > a{padding: 19px 5px;}

    .index-row2 .l .txt .s2{
        border-bottom: 0;
        padding-bottom: 0;
    }
    .index-row2 .l .txt .s3{
        padding: 0;
        margin-top: 6px;
        height: 80px;
    }
    .index-row2 .items .l{
        padding-bottom: 20px;
        border-bottom: 1px solid #C9C9C9;

    }
    

    /*******************************
        -------[=柚子]-------
    ********************************/
}



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

    .slick-z1 .slick-prev{
        left: 0;
    }
    .slick-z1 .slick-next{
        right: 0;
    }
    .fd-logo{
        float: none;
        margin: 0 auto 20px;
    }
    .fd-top .txt{
        padding-right: 0;
        margin-bottom: 10px;
    }
    .fd-top{
        padding: 20px 0;
    }
    .fd-top .txt:after{
        display: none;
    }
    .fd-top .txt .s2{
        line-height: 24px;
    }
    .fd-top .txt .s1{
        top: 0;
    }
    .fd-top .eq{
        position: static;
        margin: 0 auto;
    }
    .fd-top .eq p{
        text-align: center;
    }
    #header{height: 240px;}
    #header .container{height: 50px;position: fixed;left: 0;right: 0;width: auto !important;z-index: 20;}
    #header .container.float{background: rgba(0, 0, 0, 0.8);}
    .logo{max-width: 120px;margin-top: 8px;margin-left: 10px;float: none;}
    .nav{display: none;}
    /*.mo-nav{display: block;}*/
    #header-top{display: none;}
    .menuBtn{display: block;}
    .form-so{
        padding: 0 10px;
        margin-bottom: 30px;
    }
    .logo .img1{
        display: none;
    }
    .logo .img2{
        display: block;
    }
    .form-so select{width: 100%;color: #ccc;margin-bottom: 10px;background-image: url(../images/select1.png);height: 30px;}
    .form-so .text{width: 100%;margin-left: 0;height: 30px;}
    .form-so .submit{margin: 10px auto 0;display: block;width: 100%;height: 30px;}

	.mobile{display: block; padding: 0 20%;}
	.mobile:after{display: block;content: " "; clear: both;}
	.pc{display: none;}
    
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    .container{
        padding: 0 30px;
    }
    .index-row1 .l{
        padding: 20px;
    }
    .index-row1 .l p{
        font-size: 14px;
        line-height: 24px;
    }
    #header{height: 150px;}

    #fd{padding: 15px 0;}
    .index-row1{
        padding: 30px 0 0;
    }
    .index-row2 .l .pic{
        float: none;
        margin: 0 auto 10px;
    }
    .slick-z1{
        margin: 0 -10px;
    }
    .slick-z1 .item{
        margin: 0 10px;
    }
    .hots-news .pic{
        margin-right: 15px;
    }
    .z-tit2{
        margin-bottom: 20px;
    }
    .index-row3{
        padding: 30px 0 0;
    }
    .index-row2 .items .tit{
        letter-spacing: 8px;
    }
    .index-row2 .items .tit span{
        display: none;
    }
    .index-row2 .items .tit:after{
        right: -15px;
    }

	.ul-listh2 li{width:50%}
	.pages .first,.pages .last,.pages .page{display:none}
	.g-tith1{font-size:18px}
	.g-container{padding-top:20px}
	.ul-listh1 li p{line-height:1.5}
	.m-active h1{font-size:18px}
	.m-active .info{font-size:12px}
	.m-active{padding:20px 0}
	.m-active2 h4{margin-bottom:4px}
    .left,.right{margin-bottom:10px;width:100%;float:none}
	.mobile{display: block; padding: 0 10px;}
}