@charset "utf-8";
*{padding:0;margin:0;border:0;}
ul,ol,li{list-style:none;}
input:focus,button:focus{outline:0;}
img{border:0;vertical-align:top;}
var,em{font-weight:normal;font-style:normal;}
html,body{font-family:'Microsoft YaHei',Arial,sans-serif;font-size:14px;color:#333;}
a{color:#333;text-decoration:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
.clearfix{display:block;*zoom:1;}
.clearfix:after{content:'';overflow:hidden;width:100%;height:0px;font-size:0px;display:block;clear:both;}
.m_mob{display: none;}
body{background: url(../img/bottom_ydyl_20221028.png) bottom center no-repeat; padding-bottom: 90px;}
.g-wrap{max-width:1920px;margin:0 auto;overflow:hidden;position:relative; background: url(../img/header_ydyl_20221028.jpg) top center no-repeat;}
.m_header{height: 550px; position: relative; margin-bottom: 70px;}
.m_left{float: left;}
.m_right{float: right;}
.m_1200{width: 1200px; margin-left: auto; margin-right: auto; overflow: hidden; clear: both;}

/*前言*/
.m_part1{background: url(../img/dyBg_ydyl_20221028.png) center no-repeat; height: 218px; overflow: hidden; margin-bottom: 74px;}
.m_part1 .m_textCon{font-size: 20px; line-height: 40px; text-indent: 2em; color: #002464; width: 1110px; margin-top: 67px; margin-left: auto; margin-right: auto;}

/*图片列表*/
.m_part2 ul{overflow: hidden; clear: both; margin-right: -36px;}
.m_part2 ul li{float: left; width:275px; height: 305px; margin-right: 34px;}
.m_part2 ul li img{width: 100%;}
.m_part2 ul li p{margin-top: 15px; font-size: 16px;}
.m_part2 ul li p a{color: #000;}


@media only screen and (max-width:1024px) {
    .m_mob{display: block; position: relative;}
    .m_left,.m_right{float: none;}
    .m_mob .m_btn{position: absolute; top: 5%; right: 2%; width: 45%;}
    .m_1200{width: 100%;}
    .g-wrap{background: none;}
    .g-wrap .m_header{display: none;}
    
    .m_part1{height: auto; background-size: cover; margin-top: 30px;}
    .m_part1 .m_textCon{width: 90%; margin-left: auto; margin-right: auto; font-size: 1rem; padding-bottom: 30px;}
    
    .m_part2 ul{margin-right: -7%;}
    .m_part2 ul li{width: 46%; height: 235px; margin-right: 2%; margin-bottom: 0;}
    .m_part2 ul li p{width: 96%; margin-left: auto; margin-right: auto;}
    
    .m_part3 img{width: 100%;}
    
   	.m_footer .m_con{width: 95%;}
}