/*pc*/
@media all and (min-width:1024px) {	 
    
    .msec1{height:705px;background:url("../images/hd_bg.png") repeat-x center 0}
    .msec1 .container{max-width:1300px;height:100%}
    .msec1 .slogan{position:absolute;top:46%;transform:translateY(-50%);font-size:60px;color:#fff;line-height:1.1}
    .msec1 .slogan em{font-weight:600}
    
    h2{position:relative;font-size:36px;line-height:100px}
    h2 span{display:inline-block;border-left:1px solid #555;padding-left:15px;font-size:18px;font-weight:400;margin-left:20px;line-height:1}
    h2 a{position:absolute;right:0;top:50%;width:20px;height:20px;background:red;text-indent:-9999px;background:url('../images/btn_more.png') no-repeat center}
    
    .msec2{margin:60px 0}
    .msec2 .con1{float:left;position:relative;width:50%;padding-right:40px}
    .msec2 .con1 ul{}
    .msec2 .con1 li{background:#f6f6f6;border-radius:8px;margin-bottom:9px;line-height:50px;padding:0 50px;font-size:17px;font-weight:300}
    .msec2 .con1 li a{position:relative;}
    .msec2 .con1 li a:before{display:inline-block;position:absolute;left:-10px;top:50%;content:'';width:3px;height:3px;background:#333}
    .msec2 .con1 li .date{float:right}
    .msec2 .con2{float:left;width:24.3%}
    .msec2 .con3{float:right;width:24.3%}
    
    
    .msec3{margin:60px 0}
    .msec3 .con{background:#f6f6f6;padding:80px 0}
    .msec3 ul{}
    .msec3 li{float:left;width:33.33%;text-align:center}
    .msec3 li .em{}
    .msec3 li .tit{font-size:22px;margin:30px 0 10px}
    .msec3 li .desc{line-height:1.4}
    
    
    .msec4{margin:60px 0;overflow:hidden}
    .msec4 .swiper-slide{border:1px solid #ddd;border-radius:8px;text-align:center;overflow:hidden}
    .msec4 .swiper-slide em{display:block;font-weight:300;padding:20px 10px}
    
    .msec4 .swiper-button-prev{left:-100px}
    .msec4 .swiper-button-next{right:-100px}
}

    

/*mobile*/
@media all and (max-width:1023px) {
    .container{padding:0 4%}
    .msec1{height:350px;background:url("../images/hd_bg.png") repeat-x center 0 /cover}
    .msec1 .container{max-width:1300px;height:100%}
    .msec1 .slogan{position:absolute;top:46%;transform:translateY(-50%);font-size:30px;color:#fff;line-height:1.1;text-shadow:0 0 5px rgba(0,0,0,0.5)}
    .msec1 .slogan em{font-weight:600}
    
    h2{position:relative;font-size:20px;margin:10px 0}
    h2 span{display:inline-block;border-left:1px solid #555;padding-left:8px;font-size:11px;font-weight:400;margin-left:10px;line-height:1}
    h2 a{position:absolute;right:0;top:50%;margin-top:-8px;width:13px;height:13px;background:red;text-indent:-9999px;background:url('../images/btn_more.png') no-repeat center}
    
    .msec2{margin:30px 0}
    .msec2 .con1{position:relative;margin-bottom:30px}
    .msec2 .con1 ul{}
    .msec2 .con1 li{background:#f6f6f6;border-radius:5px;margin-bottom:5px;line-height:30px;padding:0 30px;font-size:12px;font-weight:300}
    .msec2 .con1 li a{position:relative;}
    .msec2 .con1 li a:before{display:inline-block;position:absolute;left:-5px;top:50%;content:'';width:2px;height:2px;background:#333}
    .msec2 .con1 li .date{float:right}
    .msec2 .con2{float:left;width:49%}
    .msec2 .con3{float:right;width:49%}
    
    
    .msec3{margin:30px 0}
    .msec3 .con{background:#f6f6f6;padding:40px 0}
    .msec3 ul{font-size:0;text-align:center}
    .msec3 li{display:inline-block;width:50%;text-align:center;vertical-align:top;padding:10px 2%}
    .msec3 li .em{padding:0 10%}
    .msec3 li .tit{font-size:16px;margin:15px 0 5px}
    .msec3 li .desc{line-height:1.4;font-size:12px}
    
    
    .msec4{margin:30px 0;overflow:hidden}
    .msec4 .swiper-slide{border:1px solid #ddd;border-radius:8px;text-align:center;overflow:hidden}
    .msec4 .swiper-slide em{display:block;font-weight:300;padding:20px 10px}
    
    .msec4 .swiper-button-prev,
    .msec4 .swiper-button-next{display:none}



}