@charset "utf-8";
/* CSS Document */
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
body { font: 100% "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",arial,"Hiragino Sans GB","\5B8B\4F53",tahoma,sans-serif; color:#303030; line-height:2.5;}
ul, ol, li { list-style: none;}
a, input, textarea, select, button { outline: none;}
button { cursor: pointer;}
img { border: none; vertical-align: middle;}
a { color: #231815; text-decoration: none; transition: background-color 0.5s;}
a:hover { color:#2e71e6;}
hr { margin: 10px 0; border: none; padding: 0; height: 1px; overflow: hidden; background: #DDD;}
*+html { height: 1%;}
.h1-responsive { font-weight:bold;}
.zgl_Cq:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*头部*/
.top { width:100%; height:auto; background:#222; padding:1rem 1rem 1rem 2rem; box-sizing: border-box;}
.top img { max-width:350px;}
/*中部*/
.ban { display:flex; width:100%; height:auto; max-width:1920px; background:url(../images/a-01.jpg) top/auto 100% no-repeat;}
.ban_fl { width:35%; float:left; height:auto; padding:10rem 0 10rem 15rem; text-align:left;}
.ban_fl_im { width:20%; height:auto; float:left;}
.ban_fl_im img { max-width:100px;}
.ban_fl_wz { width:80%; height:auto; float:left;}
.ban_fl_wz h2 { width:100%; font-size:2rem; color:#06C; line-height:3rem;}
.ban_fl_wz p { width:100%; font-size:1rem; padding:0;}
.ban_fl_wz a { display:block; width:35%; margin:.5rem 0; padding:.5rem; border-radius: 30px; -moz-border-radius: 30px; text-align:center; background:#fff; color:#06C;}
.ban_fl_wz a:hover { background:#06C; color:#fff;}
.body { width:100%; height:auto;}
.body_wa { width:100%; height:auto; clear:both; padding:5rem 0;}
.body_wa_le { width:50%; float:left; text-align:right; box-sizing: border-box; padding: 15rem 10rem 0 0;}
.body_wa_le h2 { width:100%; font-size:2.2rem;}
.body_wa_le p { width:100%; font-size:1.5rem; font-weight:100; color:#5e5e5e; }
.body_wa_ri { width:50%; float:right; text-align:right; box-sizing: border-box; padding: 0 0 0 5rem;}
.body_wa_ri img { display:block; float:left; width:100%; max-width:400px; }
.body_waw { display: flow-root; background:#fcfcfc;}
.body_wa_lel { width:50%; float:right; text-align:left; box-sizing: border-box; padding: 15rem 0 0 10rem;}
.body_wa_lel h2 { width:100%; font-size:2.2rem;}
.body_wa_lel p { width:100%; font-size:1.5rem; font-weight:100; color:#5e5e5e;}
.body_wa_rir { width:50%; float:left; text-align:right; box-sizing: border-box; padding: 0 5rem 0 0;}
.body_wa_rir img { display:block; width:100%; max-width:400px; float:right;}
/*尾部*/
.bot { width:100%; height:auto; padding:1rem 0; clear:both;background:#222; display: flex; flex-wrap: wrap;}
.bot div { width:100%; height:auto; padding:0 0 0 10rem; box-sizing: border-box; }
.bot div p { display:block; width:auto; float:left; color:#fff; text-align:left; padding:0 1rem 0 0;}
.bot div p a {color:#fff;}
.bot div p a:hover {}
@media (max-width:575px) {
.top { padding:.5rem .5rem .5rem 1rem;}
.top img { width:60%;}
.ban { background-size:600% auto; background-position:40% 0;}
.ban_fl { width:100%; padding:5rem 0; text-align:center;}
.ban_fl_im { width:100%; float:none;}
.ban_fl_wz { width:100%; float:none;}
.ban_fl_wz p { padding:0 0 5rem 0;}
.ban_fl_wz a { margin:.5rem auto; padding:.2rem;}
.body_wa_le { width:100%; padding: 1rem 0; text-align:center;}
.body_wa_le h2 { font-size:1.2rem;}
.body_wa_le p { font-size:.8rem; font-weight:normal;}
.body_wa_ri { width:100%; padding:0; }
.body_wa_ri img { margin:0 auto; float:none;}
.body_wa_lel {width:100%; padding: 1rem 0; text-align:center;}
.body_wa_lel h2 { font-size:1.2rem;}
.body_wa_lel p { font-size:.8rem; font-weight:normal;}
.body_wa_rir {width:100%; padding: 0;}
.body_wa_rir img { margin:0 auto; float:none;}
.bot { display: flow-root;}
.bot div { padding:0 1rem;}
.bot div p { width:100%; text-align:center; padding:0;}
}
@media (min-width:576px) {
.top { padding: 1rem;}
.top img { width:30%;}
.ban { background-size:400% auto; background-position:35% 0;}
.ban_fl { width:100%; padding:5rem 0; text-align:center;}
.ban_fl_im { width:100%; float:none;}
.ban_fl_wz { width:100%; float:none;}
.ban_fl_wz p { padding:0 0 5rem 0;}
.ban_fl_wz a { margin:.5rem auto; padding:.2rem;}
.body_wa_le { width:100%; padding: 1rem 0; text-align:center;}
.body_wa_le h2 { font-size:1.5rem;}
.body_wa_le p { font-size:1rem; font-weight:normal;}
.body_wa_ri { width:100%; padding:0; }
.body_wa_ri img { margin:0 auto; float:none;}
.body_wa_lel {width:100%; padding: 1rem 0; text-align:center;}
.body_wa_lel h2 { font-size:1.5rem;}
.body_wa_lel p { font-size:1rem; font-weight:normal;}
.body_wa_rir {width:100%; padding: 0;}
.body_wa_rir img { margin:0 auto; float:none;}
.bot { display: flow-root;}
.bot div { padding:0 1rem;}
.bot div p { width:100%; text-align:center; padding:0;}
}
@media (min-width:768px) {
.top { padding: 1rem 1rem 1rem 2rem;}
.top img { width:60%;}
.ban { background-size:300% auto; background-position:45% 0;}
.ban_fl { width:100%; padding:5rem 0; text-align:center;}
.ban_fl_im { width:100%; float:none;}
.ban_fl_wz { width:100%; float:none;}
.ban_fl_wz p { padding:0 0 5rem 0;}
.ban_fl_wz a { margin:.5rem auto; padding:.2rem;}
.body_wa_le { width:100%; padding: 1rem 0; text-align:center;}
.body_wa_le h2 { font-size:2rem;}
.body_wa_le p { font-size:1.5rem; font-weight:100;}
.body_wa_ri { width:100%; padding:0; }
.body_wa_ri img { margin:0 auto; float:none;}
.body_wa_lel {width:100%; padding: 1rem 0; text-align:center;}
.body_wa_lel h2 { font-size:2rem;}
.body_wa_lel p { font-size:1.5rem; font-weight:100;}
.body_wa_rir {width:100%; padding: 0;}
.body_wa_rir img { margin:0 auto; float:none;}
.bot { display: flow-root;}
.bot div { padding:0 1rem;}
.bot div p { width:100%; text-align:center; padding:0;}
}
@media (min-width:992px) {
.top { padding: 1rem 1rem 1rem 2rem;}
.top img { width:60%;}
.ban { background-size:100% auto; background-position:0 0;}
.ban_fl { width:50%; padding:5rem 0 5rem 5rem; text-align:center;}
.ban_fl_im { width:20%; float:left;}
.ban_fl_wz { width:80%; float:left;}
.ban_fl_wz p { padding: 0;}
.ban_fl_wz a { margin:.5rem auto; padding:.2rem;}
.body_wa_le { width:50%; padding: 15rem 3rem 0 0; text-align:right;}
.body_wa_le h2 { font-size:2rem;}
.body_wa_le p { font-size:1.5rem; font-weight:100;}
.body_wa_ri { width:50%; padding:0 ; }
.body_wa_ri img { margin:0; float:left;}
.body_wa_lel {width:50%; padding: 15rem 0 0 3rem; text-align:left;}
.body_wa_lel h2 { font-size:2rem;}
.body_wa_lel p { font-size:1.5rem; font-weight:100;}
.body_wa_rir {width:50%; padding: 0 ;}
.body_wa_rir img { margin:0; float:right;}
.bot { display: flex;}
.bot div { padding:0 0 0 3rem ;}
.bot div p { width:auto; text-align:center; padding:0 1rem 0 0;}
}
@media (min-width:1200px) {
.top { padding: 1rem 1rem 1rem 2rem;}
.top img { width:60%;}
.ban { background-size:100% auto;  background-position:0 0;}
.ban_fl { width:35%; padding:10rem 0 10rem 15rem; text-align:center;}
.ban_fl_im { width:20%; float:left;}
.ban_fl_wz { width:80%; float:left;}
.ban_fl_wz p { padding: 0;}
.ban_fl_wz a { margin:.5rem auto; padding:.2rem;}
.body_wa_le { width:50%; padding: 15rem 10rem 0 0; text-align:right;}
.body_wa_le h2 { font-size:2.2rem;}
.body_wa_le p { font-size:1.5rem; font-weight:100;}
.body_wa_ri { width:50%; padding:0 0 0 5rem ; }
.body_wa_ri img { margin:0; float:left;}
.body_wa_lel {width:50%; padding: 15rem 0 0 10rem; text-align:left;}
.body_wa_lel h2 { font-size:2.2rem;}
.body_wa_lel p { font-size:1.5rem; font-weight:100;}
.body_wa_rir {width:50%; padding: 0 5rem 0 0 ;}
.body_wa_rir img { margin:0; float:right;}
.bot { display: flex;}
.bot div { padding:0 0 0 10rem ;}
.bot div p { width:auto; text-align:left; padding:0 1rem 0 0;}
}