/*pc*/
@media all and (min-width:1024px) {	 
/*main*/

    .m_sec1{}
    .m_sec1 .swiper-slide{height:975px;background-size:cover !important}
    .m_sec1 .slogan{position:absolute;z-index:10;top:46%;width:100%;text-align:center}   
    .m_sec1 .arrow{position:absolute;z-index:10;top:45%;left:10%;width:80%}
    .m_sec1 .swiper-button-prev{left:0}
    .m_sec1 .swiper-button-next{right:0}

    .m_sec2{background:url('../images/ms2_bg.jpg') no-repeat;padding:140px 0 100px}
    .m_sec2 h2{float:left;font-size:30px;color:#000;font-weight:800}
    .m_sec2 h2 span{display:block;color:#62cb39;font-size:36px;font-weight:900}
    .m_sec2 .banner{position:relative;width:880px;float:right;padding:0 20px 20px 10px}
    .m_sec2 .banner .swiper-slide{background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.2)}
    .m_sec2 .banner .swiper-slide a{display:block;position:relative;overflow:hidden}

    .m_sec2 .banner .thumb{padding-bottom:50px;transition:0.3s}
    .m_sec2 .banner .info{position:absolute;left:0;bottom:0;width:100%;background:#fff;;padding:0 20px;;transition:0.3s}        
    .m_sec2 .banner .info .tit{position:relative;padding:10px 0 5px;font-size:16px;font-weight:700;color:#000;transition:0.3s}
    .m_sec2 .banner .info .tit em{color:#62cb39}
    .m_sec2 .banner .info .tit:after{display:block;content:'';background:#62cb39;width:0;height:3px;margin-top:5px;transition:0.3s 0.3s}
    .m_sec2 .banner .info .desc{font-size:13px}       

    .m_sec2 .swiper-button-prev{position:absolute;left:0;top:100px}
    .m_sec2 .swiper-button-next{position:absolute;left:40px;top:100px}

    .m_sec2 .banner .swiper-slide a:hover .thumb{transform:scale(1.05)}
    .m_sec2 .banner .swiper-slide a:hover .info .tit{padding:10px 0 20px}
    .m_sec2 .banner .swiper-slide a:hover .tit:after{width:20px}


    .m_sec3{position:relative;background:url('../images/ms3_bg.jpg') no-repeat center;height:820px}
    .m_sec3 .cover{position:absolute;left:0;top:0;width:50%;height:100%;background-color:rgba(2,56,100,0.5)}
    .m_sec3 .info{width:50%;color:#fff;padding:120px 40px 0;font-size:22px;line-height:1.6}
    .m_sec3 .info .tit{font-size:36px;margin:40px 0}
    .m_sec3 .info ul{margin:40px 0;font-size:18px}  

    .c_more{display:inline-block;font-family:'Nunito Sans',sans-serif;color:#fff;border:2px solid #fff;width:100px;text-align:center;line-height:26px;font-weight:700;font-size:15px}
    .c_more:hover{background:#fff;color:#555}


    .m_sec4 {padding:100px 0}
    .m_sec4 .con1{float:left;width:50%}
    .m_sec4 .con1 h2{font-size:30px;color:#000;line-height:1}
    .m_sec4 .con1 h2 span{display:block;font-size:36px;color:#62cb39;}
    .m_sec4 .con1 ul{border:2px solid #000;border-width:2px 0;margin:30px 0}
    .m_sec4 .con1 li{border-top:1px solid #808080;padding:15px 30px}
    .m_sec4 .con1 li:first-child{border-top:0}
    .m_sec4 .con1 li .date{font-size:14px;color:#62cb39;font-weight:700}
    .m_sec4 .con1 li .tit{margin:15px 0 5px}
    .m_sec4 .con1 li .tit a{font-size:24px;color:#000}
    .m_sec4 .con1 li .desc a{display:block;font-size:14px;color:#666;line-height:1.6;height:46px}


    .m_sec4 .con2{float:right;width:45%}
    .m_sec4 .con2 li{margin-bottom:20px}
    .m_sec4 .con2 li a{display:block;position:relative;border:1px solid #62cb39;padding:70px 50px 0;height:264px}
    .m_sec4 .con2 li a .tit{display:block;font-size:24px;color:#000}
    .m_sec4 .con2 li a .tit .fonte{display:block;font-size:36px;color:#62cb39}
    .m_sec4 .con2 li a .add{display:block;margin:20px 0;font-size:18px}
    .m_sec4 .con2 li a .more{position:absolute;right:10%;top:50%;margin-top:-20px;width:35px;height:35px;background:url('../images/ms4_more.png') no-repeat}
    .m_sec4 .con2 li a:hover{background:linear-gradient(90deg,#62cb39 60%,#1ea8d4)}
    .m_sec4 .con2 li a:hover *{color:#fff !important}
    .m_sec4 .con2 li a:hover .more{background:url('../images/ms4_more_on.png') no-repeat}



    .m_sec5{height:400px;background:url('../images/ms5_bg.jpg') no-repeat center;text-align:center;color:#fff;padding-top:100px}
    .m_sec5 h2{font-size:36px;margin:20px 0;font-weight:800}
    .m_sec5 .add{font-size:17px}
    .m_sec5 .c_more{margin:20px 0}


}

    

/*mobile*/
@media all and (max-width:1023px) {

    .m_sec1{}
    .m_sec1 .swiper-slide{height:350px;background-size:cover !important}
    .m_sec1 .slogan{position:absolute;z-index:10;top:46%;width:100%;text-align:center}   
    .m_sec1 .slogan img{width:70%}
    .m_sec1 .arrow{position:absolute;z-index:10;top:45%;left:10%;width:80%}
    .m_sec1 .swiper-button-prev{display:none;left:0}
    .m_sec1 .swiper-button-next{display:none;right:0}
    
    
    .m_sec2{position:relative;background:url('../images/ms2_bg.jpg') no-repeat;background-size:80%;padding:30px 3%}
    .m_sec2 h2{float:left;font-size:20px;color:#000;font-weight:800;margin:10px 0}
    .m_sec2 h2 span{display:block;color:#62cb39;font-size:20px;font-weight:900}
    .m_sec2 .banner{position:relative;width:100%;max-width:500px;float:right}
    .m_sec2 .banner .swiper-slide{background:#fff;border:1px solid #ddd}
    .m_sec2 .banner .swiper-slide a{display:block;position:relative;overflow:hidden}

    .m_sec2 .banner .thumb{text-align:center}
    .m_sec2 .banner .info{position:relative;left:0;bottom:0;width:100%;background:#fff;;padding:10px 10px}        
    .m_sec2 .banner .info .tit{position:relative;font-size:16px;font-weight:700;color:#000}
    .m_sec2 .banner .info .tit em{color:#62cb39}
    .m_sec2 .banner .info .tit:after{display:block;content:'';background:#62cb39;width:20px;height:2px;margin-top:5px;transition:0.3s 0.3s}
    .m_sec2 .banner .info .desc{font-size:12px;margin:10px 0}       

    .m_sec2 .swiper-button-prev{position:absolute;right:45px;top:0px;width:30px;height:30px}
    .m_sec2 .swiper-button-next{position:absolute;right:10px;top:0px;width:30px;height:30px}

    
    .m_sec3{position:relative;background:url('../images/ms3_bg.jpg') no-repeat center;background-size:cover;height:410px}
    .m_sec3 .cover{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(2,56,100,0.5)}
    .m_sec3 .info{width:100%;color:#fff;padding:20px 20px 0;font-size:17px;line-height:1.4}
    .m_sec3 .info .tit{font-size:20px;margin:10px 0}
    .m_sec3 .info ul{margin:20px 0;font-size:13px}  
	.m_sec3 .info ul li{text-indent:-5px;padding-left:5px}

    .c_more{display:inline-block;font-family:'Nunito Sans',sans-serif;color:#fff;border:2px solid #fff;width:80px;text-align:center;line-height:24px;font-weight:700;font-size:14px}
    .c_more:hover{background:#fff;color:#555}
    

    .m_sec4 {padding:50px 0}
    .m_sec4 .con1{float:left;width:100%;padding:0 3%}
    .m_sec4 .con1 h2{font-size:20px;color:#000;font-weight:800;padding:0 10px}
    .m_sec4 .con1 h2 span{display:block;font-size:20px;color:#62cb39;}
    .m_sec4 .con1 ul{border:2px solid #000;border-width:2px 0;margin:15px 0}
    .m_sec4 .con1 li{border-top:1px solid #808080;padding:10px 15px}
    .m_sec4 .con1 li:first-child{border-top:0}
    .m_sec4 .con1 li .date{font-size:12px;color:#62cb39;font-weight:700}
    .m_sec4 .con1 li .tit{margin:10px 0 5px}
    .m_sec4 .con1 li .tit a{font-size:13px;color:#000;font-weight:700}
    .m_sec4 .con1 li .desc a{display:block;font-size:12px;color:#666;line-height:1.6}


    .m_sec4 .con2{float:right;width:100%;padding:0 3%}
    .m_sec4 .con2 li{margin-bottom:10px}
    .m_sec4 .con2 li a{display:block;position:relative;border:1px solid #62cb39;padding:30px 20px 0;height:130px}
    .m_sec4 .con2 li a .tit{display:block;font-size:18px;color:#000}
    .m_sec4 .con2 li a .tit .fonte{display:block;font-size:18px;color:#62cb39}
    .m_sec4 .con2 li a .add{display:block;margin:10px 0;font-size:14px}
    .m_sec4 .con2 li a .more{position:absolute;right:10%;top:50%;margin-top:-20px;width:35px;height:35px;background:url('../images/ms4_more.png') no-repeat}
    .m_sec4 .con2 li a:hover{background:linear-gradient(90deg,#62cb39 60%,#1ea8d4)}
    .m_sec4 .con2 li a:hover *{color:#fff !important}
    .m_sec4 .con2 li a:hover .more{background:url('../images/ms4_more_on.png') no-repeat}
    
    .m_sec5{background:url('../images/ms5_bg.jpg') no-repeat 33% center;background-size:cover;text-align:center;color:#fff;padding:60px 20px}
    .m_sec5 h2{font-size:22px;margin:10px 0;font-weight:800}
    .m_sec5 .add{font-size:13px}
    .m_sec5 .c_more{margin:20px 0}

}