/* CSS Document */

#aaa{width: 800px; height: 640px; margin:0 auto;}
#aaa1{width: 800px; height: 640px; margin:0 auto;}
#aaa2{width: 800px; height: 640px; margin:0 auto;}
#aaa3{width: 800px; height: 640px; margin:0 auto;}
#aaa4{width: 800px; height: 640px; margin:0 auto;}
#aaa5{width: 800px; height: 640px; margin:0 auto;}
#aaa6{width: 800px; height: 640px; margin:0 auto;}
#aaa7{width: 800px; height: 640px; margin:0 auto;}
#aaa8{width: 800px; height: 640px; margin:0 auto;}
#aaa9{width: 800px; height: 640px; margin:0 auto;}
#aaa10{width: 800px; height: 640px; margin:0 auto;}

.intro iframe{
	width:640px;
	height:480px;
}


.tybox{ text-align: center; margin-bottom: 30px; margin-top: 50px; }
.tybox h3{ font-size: 20px; margin-top: 30px; margin-bottom: 15px; }
.tybox>a.link{ font-size: 18px; display: inline-block; padding: 6px 20px; border: 1px solid #DB2534; }
.tybox a{ display: block; }
.tybox p{ font-size: 16px; margin-top: 15px; text-align: center; }

.tiyan{ width: 640px; min-height: 340px; margin: 0 auto; background-color: #DB2534; position: relative; }
.tiyan img{ width: 100%; margin: 0; padding: 0; }
.tiyan::after{ content: ""; opacity: 0.7; display: block; width: 170px; height: 170px; background: url(../images/icon_link.png) no-repeat center / 65px; transition: all 0.3s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; border: 2px dotted #FFFFFF;z-index: 1; }
.tiyan::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; }
.tiyan:hover::after{ opacity: 0.9; }