@charset "utf-8";
/* CSS Document */
body{width:100%; height:100%; background-color:#f3f3f3;}

#banner{width:100% !important; z-index:10; }
.ban_main{width:1190px; height:540px; position:absolute; top:50%; left:50%; margin-left:-595px; margin-top:-270px;}
.ban_img{width:760px; margin:auto;}
.ban_btn{width:210px; height:56px; margin:40px auto;}
.ban_btn a{width:210px; height:56px; display:block; background:url(../images/joinimg.png) no-repeat left top; text-indent:-9999px;}
.ban_btn a:hover{background-position:-220px top;}

.listtop a{width:100%; height:30px; display:block;}
.join_list{padding:70px 0 100px 0; background-color:#FFF;}
.join_list li{width:520px; height:130px; margin:0 0 57px 50px; float:left; line-height:24px; background:url(../images/line.gif) repeat-x 0 125px;}
.join_list li:hover{background:url(../images/line.gif) repeat-x 0 -50px; color:#2eb7c7;}
.join_list li div{width:520px; font-size:18px; margin-bottom:10px;}
.join_list li p{width:520px; font-size:14px;}
.join_btnbox{text-align:center; font-size:16px; margin-top:40px;}
.join_welcome{font-family:msyhl520017; font-size:40px; margin-bottom:20px;}
.join_btnico{width:210px; height:56px; margin:70px auto 20px auto;}
.join_btnico a{width:210px; height:56px; display:block; background:url(../images/joinimg.png) no-repeat left -66px; text-indent:-9999px;}
.join_btnico a:hover{background-position:-220px -66px;}

@media (max-width:1260px){
.ban_main{width:930px; margin-left:-465px;}
.join_list li{width:390px;}
.join_list li div{width:390px;}
.join_list li p{width:390px;}
}