@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body{background:url(../images/ydy.jpg); background-size:cover; font-family:"微软雅黑";}

.ydy{width:1250px; height:580px; margin:0 auto; margin-top:5%;}
.ydy2{width:1250px; height:500px; margin-top:15px; float:left;}
.ydy_logo{width:1250px; height:60px; float:left;}





.ydy3{width:156px; height:156px; margin-right:8px; float:left;
      position:relative;  
}
.ydy3 span{ transition:height 0.5s, background 1s;
           background:#03C; width:0px; height:0px; display:block;
		   position:absolute;
}
.ydy3 span a{ display:none; transition:display 1s;}

.ydy3:hover span{width:156px; height:156px; background:rgba(2,7,116,0.1);display:block;}
.ydy3:hover span a{display:block; text-align:center; font-size:18px;
                   color:#FFF;
				   line-height:150px; text-decoration:none;
}







.ydy4{width:257px; height:156px; margin-right:8px; float:left;
     
	  line-height:25px;
}
.ydy4 span{ transition:height 0.5s, background 1s;
           background:#03C; width:0px; height:0px; display:block;
		   position:absolute;
}
.ydy4 span a{ display:none; transition:display 1s;}

.ydy4:hover span{width:257px; height:156px; background:rgba(2,7,116,0.1);display:block;}
.ydy4:hover span a{display:block; text-align:center; font-size:18px;
                   color:#FFF;
				   line-height:150px; text-decoration:none;
}

.ydy5{width:312px; height:156px; margin-right:8px; float:left;}
.ydy6{width:156px; height:156px; margin-right:8px; float:left;
}
.ydy6 ul li{width:74px; height:74px; float:left;
           margin:0 8px 8px  0;
		   list-style:none;
}
.ydy7{width:421px; height:320px; float:left; margin-right:8px; margin-top:8px;}
.ydy7_1{width:257px; height:156px; float:left;}
.ydy7_2{width:421px; height:152px; float:left; margin-top:8px;}
.ydy7_2 span{ transition:height 0.5s, background 1s;
           background:#03C; width:0px; height:0px; display:block;
		   position:absolute;
}

.ydy7_2:hover span{width:421px; height:152px; background:rgba(2,7,116,0.1);display:block;}


.ydy8{width:312px; height:320px; float:left; margin-right:8px; margin-top:8px;  position:relative;  }
.ydy8 span{ transition:height 0.5s, background 1s;
           background:#03C; width:0px; height:0px; display:block;
		   position:absolute;
}

.ydy8:hover span{width:312px; height:320px; background:rgba(2,7,116,0.1);display:block;}

.ydy9{width:320px; height:320px; float:left; margin-right:8px; margin-top:8px;}
.ydy9_1{width:320px; height:156px; float:left; margin-bottom:8px;}
.ydy9_1 span{ transition:height 0.5s, background 1s;
           background:#03C; width:0px; height:0px; display:block;
		   position:absolute;
}
.ydy9_1:hover span{width:320px; height:156px; background:rgba(2,7,116,0.1);display:block;}

.ydy9_2{width:320px; height:156px; float:left;}
.ydy9_2 span{ transition:height 0.5s, background 1s;
           background:#03C; width:0px; height:0px; display:block;
		   position:absolute;
}
.ydy9_2:hover span{width:320px; height:156px; background:rgba(2,7,116,0.1);display:block;}

.ydy10{width:156px; height:320px; float:left;  margin-top:8px;}
.ydy10_1{width:156px; height:156px; float:left;}
.ydy10_1 span{ transition:height 0.5s, background 1s;
           background:#03C; width:0px; height:0px; display:block;
		   position:absolute;
}
.ydy10_1:hover span{width:156px; height:156px; background:rgba(2,7,116,0.1);display:block;}









#banner { margin:0px auto; padding: 0px; width: 312px; height: 156px; }
.slides { margin: 0px auto; width: 312px; height: 156px; overflow: hidden; position: relative; }
.slide-pic { margin: 0px; padding: 0px; width: 312px; overflow: hidden; list-style: none; }
    .slide-pic img { width: 312px; height: 156px; }
    .slide-pic li { display: none; }
        .slide-pic li.cur { display: block; }
.slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; }
    .slide-li li { margin: 0px; padding: 0px; width: 182px; height: 10px; float: left; overflow: hidden; list-style: none; }
    .slide-li a { width: 190px; height: 10px; color: #000; font-size: 12px; display: block; }
        .slide-li a:hover { color: #F00; text-decoration: none; }
.op li { }
    .op li.cur { }
.slide-txt span { display: none; }


.yyqh{width:135px; height:25px; float:right; padding:20px 30px 0 0;}
.yyqh2{width:45px; height:60px; float:left; display:block;}
.yyqh2 img{width:45px; height:50px;}