.header{ margin-top:10px;}
.logo{ width:350px; float:left}
.logo img{ width:100%}
.banner{ width:500px; float:right}
.banner img{ width:100%}
.yuyan{ width:100px; float:right; text-align:right}
.yuyan a{ background:#e62484; padding:5px 10px; display:block; color:#fff; text-align:center; width:60px; float:right}
.yuyan a:hover{ background:#ae176f}
.main{ margin-top:30px;}
.main h2{ font-size:30px; color:#e62484; line-height:40px; text-align:center; margin-bottom:20px;}
.main p{ font-size:16px; line-height:30px;}
.box{ margin-top:30px; border-top:1px solid #e62484; padding-top:30px;}
.box_li{ margin-bottom:30px; border-bottom:1px dashed #ccc; padding-bottom:40px;}
.box_img{ width:200px; float:left; margin-right:20px; display:inline; text-align:center}
.box_img img{ width:100%}
.box_fonts{ width:880px; float:left}
.box_name{ font-size:18px; line-height:28px;}
.box_name a{ color:#333;}
.box_name a:hover{ color:#ae176f;}
.box_info{ margin-top:20px; font-size:16px; line-height:28px; color:#666; position:relative}
.js_3{ font-size:16px; line-height:28px; color:#666;}
.box_h3{ font-size:18px; color:#e62484; font-weight:bold; margin-bottom:15px;}
.js_4{ position:absolute; bottom:-40px; right:0;}
.js_4 img{ width:30px;}
img.gc_1{ width:80% !important}
.box_info a{ color:#ae176f; text-decoration:underline}


@media (max-width: 768px) {
.wrap{ width:auto;}	
.logo, .banner{ width:auto; float:none; padding:0 10px}
.logo{ margin-bottom:10px;}
.main{ padding:0 10px}
.box{ margin:30px 10px}
.box_img{ float:none; margin:auto; display:block; padding-bottom:10px;}
.box_fonts{ width:auto; float:none;}
.box_name{ text-align:center}
img.gc_1{ width:100% !important}
.yuyan{ margin-right:10px;}
}