@charset "utf-8";

body{background: url(../images/ydh_bg.png) no-repeat center top;width: 100%;background-size: 100%;margin: 0;}
.ydh-container{width: 1200px;margin: 0 auto;}
ul,li,a{text-decoration: none;list-style: none;margin:0;padding: 0;}

.ydh-top{width: 100%;}
.ydh-top-logo{width: 100%;line-height: 160px;}
.ydh-top-logo>a{display:block;}
.ydh-top-logo>a>img{padding-top:40px;}
.ydh-top-main{width: 100%;text-align: center;margin: 0 auto;height: 360px;line-height: 50px;margin-top: 300px;}
.ydh-top-main>p{text-align: left;width:60%;margin: 0 auto;color: #ffffff;font-size: 28px;}

.ydh-main{padding-top: 70px;display: block;height: 720px;}
.ydh-main .ydh-container>ul>li{float: left;width:570px;height: 180px;margin-right: 40px;margin-bottom: 40px;}
.ydh-main .ydh-container>ul>li:nth-child(2n){margin: 0;}
.ydh-main .ydh-container>ul>li:last-child{margin-bottom: 70px;}

.foot-wrap{background-color:#386cba;}
@media (max-width:1200px) {
    .ydh-container{width: 100%;}

    .ydh-top-logo{line-height:0;}
    .ydh-top-logo>a>img{padding-top:10px;width:200px;}

    .ydh-top-main{margin-top:70px;height:20px;}
    .ydh-top-main>p{font-size:10px;line-height: 20px;width:80%;}

    .ydh-main{height:710px;}
    .ydh-main .ydh-container>ul>li{width:100% !important;float:none;height:100px;}
    .ydh-main .ydh-container>ul>li:nth-child(2n){margin-bottom:40px;}
    .ydh-main .ydh-container>ul>li>a>img{width:100%;}

    .foot-wrap{width:100%;}
    .main-m{padding:0;padding-top:40px;}
}