body{ background:#FFF}
.font_color_fff{ color: #f0f0f0 }
.font_color_333{ color:#333}
.banner img{ width:100%; height:auto}
.ad{ width:100%; height:auto; background: url(../../images/ad.jpg); background-size: 100% auto}
.title{ padding-top:6%}
.title img{ width:30%}
h2{ padding-top: 5px; }
.hr{border-top:#5f5f5f dotted 1px;height: 1px; width: 66%;margin: 0 auto }
.card{width:60%; margin: 0 auto}
.card img{ width:100%; height:auto}
.title p{ padding:3% 10% 1% 10%; font-size:18px; line-height:200%;}
h3{ color: #ff0000; font-size: 28px;}
.xian{ display: block; width: 10%; height: 3px; background: #333; margin-bottom: 5px;font-size:18px;}
.rmb{padding-top:1%}
.rmb img{ width:66%}
.button_s{padding-top:8%; padding-bottom:2%}
.button_s img{ width:65%}
.content_box{ max-width:1280px;padding-top:10%}
.pic {}
.pic img{width:80%; height:auto}
.text {}
.text img{width:72%; height:auto}
.text p{padding-top:2%; font-size:26px; line-height:180%; color:#333}
.button_box{padding-top:8%; padding-bottom:2%}
.click{padding-top:3%; padding-bottom:3%}
.click a{ font-size:36px; color:#5a0037; font-weight:600}
.button_click{padding-top:3%; padding-bottom:6%}
.button_click a{ padding:2% 8%; background-color:#ff0000; border-radius:20px; font-size:36px;font-weight:600;color:#FFF;}
.button_click a:hover{background-color:#333;}
.footer{ background-color:#2d3237;color:#999}
.footer .nav a{ color:#FFF}
@media screen and (max-width:480px) {
.title img{ width:50%}
.title p{padding:3% 8% 0 8%; font-size:14px; line-height:150%}
.rmb{padding-top:3%}
.pic img{width:100%;}
.text p{font-size:13px; line-height:150%}
.hr{width:88%;}
.card{width:80%; margin: 0 auto}
h3{ font-size: 15px;margin-bottom: 2px}
.xian{ width: 12%;}
.click a{font-size:24px;}
.button_click a{ padding:2% 10%;border-radius:10px; font-size:24px}
.nav li{ float:left; padding:10px 26px;}
}