@media screen and (max-width:700px){
    
}
@media screen and (min-width:701px){
    /*导航*/
    #navlist{
        width: 100%;
        height: 680px;
    }
    
    /* ===== 轮播淡入淡出 ===== */
    #navlist .swiperLeyout {
        width: 100%;
        height: 600px;
        position: relative;
        overflow: hidden;
    }
    #navlist .swiperLeyout ul {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        position: relative;
    }
    #navlist .swiperLeyout ul li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        list-style: none;
        opacity: 0;
        transition: opacity 0.8s ease;
    }
    #navlist .swiperLeyout ul li.active {
        opacity: 1;
    }
    
    /*导航*/
    #navlist .list{
        width: 100%;
        height: 80px;
        margin: 0 auto;
        background: #D31C31;
    }
    #navlist .listwarp{
        width: 1200px;
        height: 80px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #navlist .listwarp dl{
        height: 80px;
        width: 200px;
        position: relative;
        cursor: pointer;
    }
    #navlist .listwarp dl.select{
        background: #fff;
        
    }
    #navlist .listwarp dl:hover{
        background: #fff;
    }
     #navlist .listwarp dl:hover dt{
         color:#D31C31;
     }
    #navlist .listwarp dl.select dd{
        display: block;
    }
    #navlist .listwarp dl dt{
        height: 80px;
        width: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color:#fff;
    }
    #navlist .listwarp dl dt i.iconfont{
        font-size: 24px;
        padding-right: 6x;
    }
    #navlist .listwarp dl.select dt{
        color:#D31C31;
    }
    #navlist .listwarp dl dd{
        width:260px;
        height: 80px;
        background: #fff;
        position: absolute;
        top: -100px;
        left: 0;
        padding: 10px;
        display: none;
    }
    #navlist .listwarp dl dd .text{
        width: 255px;
        height: 30px;
        border: 1px solid  #999;
        outline: none;
        padding-left:5px;
    }
    #navlist .listwarp dl dd .btn{
        width: 260px;
        height: 30px;
        border: 0;
        border-radius: 4px;
        cursor: pointer;
        background:#D31C31;
        color:#fff;
        margin-top:10px;
    }
    
    /*业务服务*/
    #servers{
        width: 100%;
        height: 600px;
    }
    #servers .servers{
        width: 1200px;
        height: 550px;
        margin: 0 auto;
    }
    #servers .servers .servers_top{
        width: 100%;
        height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #servers .servers .servers_top div{
        padding: 4px 0;
        color: #666;
        font-size: 22px;
    }
    #servers .servers .servers_foot{
        width: 1200px;
        height: 400px;
        overflow: hidden;
    }
    #servers .servers .servers_foot dl{
        width: 400px;
        height: 400px;
        float: left;
        position: relative;
    }
    #servers .servers .servers_foot dl dd{
        width: 400px;
        height: 400px;
    }
    #servers .servers .servers_foot dl dt{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }
    #servers .servers .servers_foot dl dt .screen{
        width: 400px;
        height: 400px;
        background: rgba(0,0,0,0.3);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 11;
    }
    #servers .servers .servers_foot dl dt .info{
        width: 400px;
        height: 400px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 12;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
         font-size: 16px;
         padding: 30px;
        box-sizing:border-box; 
    }
    #servers .servers .servers_foot dl dt .info i.iconfont{
        font-size: 40px;
        padding: 20px 0;
    }
    #servers .servers .servers_foot dl dt .info:hover{
        background: #333;
        opacity: 0.8;
    }
    
    
    
    
    /*公司优势*/
    #youshi{
        width: 100%;
        height: 400px;
        background-size: 100%;
        margin-bottom: 50px;
        position: relative;
    }
    
    #youshi .youshiscreen{
        width: 100%;
        height: 400px;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.4);
        z-index: 100;
    }
    #youshi .img img{
        width: 100%;
        height: 400px;
    }
    #youshi .screen_top{
        width: 100%;
        height: 400px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 110;
    }
    #youshi .youshi{
        width: 1200px;
        height: 400px;
        margin: 0 auto;
    }
    #youshi .youshi .youshi_top{
        width: 100%;
        height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
       
        z-index: 110;
    }
    #youshi .youshi .youshi_top div{
        padding: 4px 0;
        color: #666;
        font-size: 22px;
        color: #fff;
        font-weight: bold;
    }
    
    #youshi .youshi .youshi_foot{
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #youshi .youshi .youshi_foot dl{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction:column;
        color:#fff;
        padding-bottom: 50px;
    }
    #youshi .youshi .youshi_foot dl dt{
        font-size: 50px;
        font-weight: bold;
    }
    #youshi .youshi .youshi_foot dl dd{
        font-size: 22px;
    }
    
    /*新闻动态*/
    #news{
        width: 100%;
        height: 600px;
        margin-bottom: 50px;
    }
    #news .news{
        width: 1200px;
        height: 600px;
        margin: 0 auto;
    }
    #news .news .youshi_top{
        width: 100%;
        height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #news .news .youshi_top div{
        padding: 4px 0;
        color: #666;
        font-size: 22px;
        color: #444;
    }
    #news .news .news_warp{
        width: 1200px;
        height: 450px;
    }
    #news .news .news_warp .newsnav{
        margin-bottom: 30px;
        display: flex;
    }
    #news .news .news_warp .newsnav li{
        margin-right: 20px;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
    }
    #news .news .news_warp .newsnav li.select{
        color: red;
        border-bottom: 1px solid red;
    }
    #news .news .news_warp dl{
         width: 1200px;
        height: 400px;
        
    }
    
    
    /*新闻轮播*/
    #news .news .news_warp dl dt{
        width: 580px;
        height: 400px;
        float: left;
    }
    #news .news .news_warp dl dt .myswiper{
    	width: 580px;
        height: 400px;
    	position: relative;
    	overflow: hidden;
    	background-color: #fff;
    	float: left;
    }
    #news .news .news_warp dl dt .wiper-img li{
    	display: none;
    }
    #news .news .news_warp dl dt .wiper-img img{
    	display: block;
        width: 580px;
        height: 400px;
    }
    #news .news .news_warp dl dt .wiper-img li.current{
    	display: block;
    	animation: ringing 0.3s linear 0s 5 alternate;
    }
    #news .news .news_warp dl dt .swiper-text{
    	width:700px;
    	height: 40px;
    	background-color: rgba(0,0,0,0.3);
    	position: absolute;
    	left: 0;
    	bottom: 0;
    	line-height: 40px;
    	color: #fff;
    	font-size: 14px;
    	text-indent: 10px;
    }
    #news .news .news_warp dl dt .wiper-icon{
    	width: 200px;
    	height: 40px;
    	position: absolute;
    	right: 0;
    	bottom: 0;
    	text-align: right;
    }
    #news .news .news_warp dl dt .wiper-icon li{
    	display: inline-block;
    	width: 25px;
    	height:25px;
    	line-height: 25px;
    	text-align: center;
    	background-color: #fff;
    	margin: 7px 7px 0 0;
    	cursor: pointer;
    }
    #news .news .news_warp dl dt .wiper-icon li.current{
    	background-color: #FF3300;
    	color: #fff;
    }
    
    
    
    
    #news .news .news_warp dl dd{
        width: 580px;
        height: 400px;
        float: right;
        display: none;
    }
    #news .news .news_warp dl dd.qiyenews{
        display: block;
    }
    #news .news .news_warp dl dd a{
        width: 580px;
        height: 50px;
        margin-bottom: 20px;
        display: block;
        color: #444;
        
    }
    #news .news .news_warp dl dd a strong{
        width: 100%;
        display: block;
        padding-bottom: 5px;
        font-size: 18px;
        font-weight: normal;
    }
    #news .news .news_warp dl dd a span{
        width: 100%;
        color: #888;
        display: block;
    }
    #news .news .news_warp dl dd a:hover strong{
        text-decoration: underline;
        color: blue;
    }

}