@media screen and (max-width:1460px){
	.logo {
		width: 340px;
		height: 53px;
		padding: 23px 0 20px 20px;
	}
	.logo img{ width:340px; height: 53px;}
	.footkj{
		width:1200px;
	}
	.fleft{
		width:760px; 
		float: left;
	}
	.fnav a:hover{ letter-spacing:normal; color:#fff;}
	.fnav a{ display: block; height: 30px; overflow: hidden;}

    }
    @media screen and (max-width:1290px){
		.lona{ position: fixed;}
        .top{padding-top:0; height: 500px;}
        #cp,#zz,#xw,#hzhb{ 
            width: 96%;
            margin:30px auto 0;
        }
        .logo{ 
            width: 386px;
            height: 60px;
            padding: 20px 0 20px 20px;
            float: left;
        }
        .logo img{ width: 386px;
            height: 60px;}
        .snav,.dj,.qh{ display: none;}
        .pbnav{display: block;}
        .pbnr{
            position: fixed;
            background:url(/ys/img/hbg.png);
            width:100%;
            height:100%;
            z-index: 10;
            cursor: pointer;
        }
        .pbgb{
            width:50px; height:50px;
            margin:30px auto 0;
            background: url(/ys/img/gb.png) no-repeat;
        }
        .pbsj,.zyqh{ 
            color:#fff;
            width:80%;
            margin:20px auto 0; 
            text-align: center;
            font-size:20px;
        }
        .zyqh a{
            color:#fff;
            display: inline-block;
            width:30%;
            border:1px solid #fff;
            background:#000;
            font-size:20px;
            height:40px;
            line-height: 40px;
        }
        .pbnr ul{
            width: 80%;
            margin:20px auto 0;
        }
        .pbnr ul li {
            font-size:16px; 
            text-align: center;
            border-bottom:1px solid #999;
        }
        .pbnr ul li a{
            color: #fff;
            line-height:40px;
        }
        .slideBox .hd{
            display: none;
        }
    }
    
    @media screen and (max-width:1220px){
        .top{ padding-top: calc(40% + 100px); height:auto; background:#000; overflow:hidden;}
        .banner{ top:100px; z-index:1; overflow:hidden;padding-top:40%; left:50%; margin-left:-70%; width:140%; height:auto;        }
        .banner p{
            top:0;
            width:100%;
            height: 100%;
            padding-top:0;
            left:auto;
            margin-left:auto;
            background-image: url('/ys/img/listban.jpg');
            background-size: 100% 100%;
        }
		.lona{ position: fixed;}
        #cp,#zz,#xw,#hzhb{ 
            width: 96%;
            margin:30px auto 0;
        }
        .logo{ 
            width: 386px;
            height: 60px;
            padding: 20px 0 20px 20px;
            float: left;
        }
        .logo img{ width: 386px;
            height: 60px;}
        .snav,.dj,.qh{ display: none;}
        .pbnav{display: block;}
        .pbnr{
            position: fixed;
            background:url(/ys/img/hbg.png);
            width:100%;
            height:100%;
            z-index: 10;
            cursor: pointer;
        }
        .pbgb{
            width:50px; height:50px;
            margin:30px auto 0;
            background: url(/ys/img/gb.png) no-repeat;
        }
        .pbsj,.zyqh{ 
            color:#fff;
            width:80%;
            margin:20px auto 0; 
            text-align: center;
            font-size:20px;
        }
        .zyqh a{
            color:#fff;
            display: inline-block;
            width:30%;
            border:1px solid #fff;
            background:#000;
            font-size:20px;
            height:40px;
            line-height: 40px;
        }
        .pbnr ul{
            width: 80%;
            margin:20px auto 0;
        }
        .pbnr ul li {
            font-size:16px; 
            text-align: center;
            border-bottom:1px solid #999;
        }
        .pbnr ul li a{
            color: #fff;
            line-height:40px;
        }
        .slideBox .hd{
            display: none;
        }
        .footkj{
			width:96%;
		}
		.fleft {
			width: 100%;
			float: none;
		}
		.fright {
			width: 100%;
			float: none;
		}
		.frtop {
			margin: 30px auto 0;
		}
		.fright ul {
			text-align: center;
		}
		.fright ul li{
			float: none;
			display: inline-block;
		}
		.frbt p{
			text-align: center;
		}
		.fleft ul,.flogo{ display: none;}
    
    }
    
    @media screen and (max-width:890px){
        .banner{ top:100px; z-index:1; overflow:hidden;padding-top:40%; left:50%; margin-left:-85%; width:170%; height:auto;        }
        .banner p{ background-size:100%; }
    .listbt{ font-size:26px;}
    .logo{
        width: 200px;
        background:url(/ys/img/sjlogo.png) no-repeat;
        padding:0;
        margin:20px 0 20px 10px;}
        .cpgd a {
            width: 100%;

        }
    .logo img{ display: none;}
   
    }
    @media screen and (max-width:580px){
    /*--------------listxp------*/
    #listxp{width:90%;}
    }