/*---------- 作者信息 ---------*/
/*四川尚狐网络*/
/*http://www.shangfox.com*/

/*---------- base ---------*/
*{padding:0px;margin:0px;}
html,body{background:#f1f1f1 url(bg01.jpg) no-repeat center top;font-family:arial,"Microsoft Yahei";font-size: 12px;width: 100%;}
img{border:none;}
a{color:#000;text-decoration:none;}
a:hover{color:#fff;text-decoration:none;}
ul li{list-style:none;padding: 0;margin: 0;}
ol, ul {margin-top: 0;margin-bottom: 0px;}
p{margin: 0;padding: 0;}

@media (max-width: 768px) {
html{background: #eee;}
body{background: #eee;padding: 0 0 60px;}
}

/* 通用 */
.header{width: 100%;line-height: 162px;height: 162px;z-index: 999;overflow: hidden;}
.header .box{float: left;width: 100%;overflow: hidden;position: relative;background: url('../images/logo.png') no-repeat center;height: 162px;}
.header .box .logo{float: left;}
.header .box .logo img{float: left;margin: 30px 90px 0 0;}
.header .box .m{float: left;padding-top: 20px;}
.header .box .m img{float: left;}
.header .box .r{float: right;margin-top: 38px;}
.header .box .r img{float: right;}
@media (max-width: 768px) {
.header{display: none;}
}

/* mainboy1 */
.mainboy1{float: left;width: 100%;margin-bottom: 20px;}
.mainboy1 .box{float: left;width: 100%;padding: 20px 0 0px;}
.mainboy1 .box .c{float: left;width: 100%;background: #fff;border-radius: 14px;}
.mainboy1 .box .c .t{float: left;width: 100%;padding: 25px 20px 0 18px;}
.mainboy1 .box .c .t b{float: left;width: 157px;height: 20px;background: url(titlebg.png) no-repeat;text-align: center;line-height: 20px;font-size: 16px;margin-right: 10px;}
.mainboy1 .box .c .t p{float: left;line-height: 20px;color: red;margin-right: 10px;}
.mainboy1 .box .c .t span{float: left;line-height: 20px;}
.mainboy1 .box .c .t em{float: right;line-height: 20px;font-style: normal;color: red;}
.mainboy1 .box .c .content{float: left;width: 100%;padding: 18px 20px 5px;}
.mainboy1 .box .c .content .l{float: left;width: 71%;padding-right:0px;}
.mainboy1 .box .c .content .r{float: right;width: 29%;}
.mainboy1 .box .c .content .r a{float: right;width: 100%;margin-bottom: 15px;}
.mainboy1 .box .c .content .r a img{float: right;width: 80%;height: 62px;margin-right: 20px;}
.mainboy1 .box .c .content .l a{border: 1px solid #cfdef5;float: left;width:31.033%;margin: 0 2.3% 16px 0;background: #eaf1fb;padding: 15px;border-radius: 6px;text-align: center;}
.mainboy1 .box .c .content .l a p{float: left;width: 100%;text-align: center;}
.mainboy1 .box .c .content .l a p img{width:40%;}
.mainboy1 .box .c .content .l a b{float: left;width: 100%;font-size: 14px;line-height: 25px;margin: 5px 0 5px;color: #000;font-weight: normal;border-radius: 4px 0 0 4px;padding-left: 5px;text-align: center;}
.mainboy1 .box .c .content .l a i{float: none;display: inline-block;text-align: center;font-size: 12px;line-height: 20px;margin: 0 0 0;color: #fff;border-radius: 24px;text-align: center;font-style: normal;padding: 0 8px;background: #1a2e4e;}
@media (max-width: 768px) {
.mainboy1{display: none;}
}

/* mainboy2 */
.mainboy2{float: left;width: 100%;}
.mainboy2 .box{float: left;width: 100%;padding: 0px 0 0px;}
.mainboy2 .box .box_2{float: left;width: 100%;background: #fff;padding: 10px 20px;border-radius: 14px;}
.mainboy2 .box .box_2 ul{float: left;width: 100%;}
.mainboy2 .box .box_2 ul li dt{ display:block; margin-top:15px; border:solid 1px #cfdef5; height:48px; font-size:14px; color:#333; line-height:48px; background:#eaf1fb url(x.png) no-repeat 20px center; padding-left:50px; font-weight:bold;}
.mainboy2 .box .box_2 ul li dd{ height:40px; line-height:40px; border:solid 1px #cfdef5; margin-top:8px; overflow:hidden;}
.mainboy2 .box .box_2 ul li dd .ic_1{ float:left; width:98px; height:40px; line-height:40px; background-color:#eaf1fb; text-align:center;}
.mainboy2 .box .box_2 ul li dd .ic_1 a{ color:#1a2e4e; font-size:14px; font-weight:bold;}
.mainboy2 .box .box_2 ul li dd .ic_2{ padding-left:102px; float:left; width:860px; line-height:40px; height:40px; overflow:hidden;}
.mainboy2 .box .box_2 ul li dd .ic_2 a{ float:left; width:108px; font-size:14px;}
.mainboy2 .box .box_2 ul li dd .ic_2 a:hover{color:#1a2e4e; text-decoration:underline;}
@media (max-width: 768px) {
.mainboy2{display: none;}
}


.footer{ color:#1a2e4e; font-size:15px; margin:15px 0 25px; text-align:center;width: 100%;float: left;}
@media (max-width: 768px) {
.footer{display: none;}
}

/* footer_15 */
.footer_15{float: left;width: 100%;background: #331d0f;padding:30px 75px 30px;margin-top: 20px;}
.footer_15 .box{float: left;width: 100%;}
.footer_15 .box .img{float: left;width: 100%;text-align: center;}
.footer_15 .box .p{float: left;width: 100%;line-height: 24px;color: #9a6747;text-align: center;margin-top: 20px;}
.footer_15 .box a{float: left;width: 100%;line-height: 24px;color: #9a6747;text-align: center;display: none;margin-bottom: 10px;}
@media (max-width: 768px) {
.footer_15{padding:0px 0 30px;margin-top: 20px;margin-bottom: 60px;}
.footer_15 .box{float: left;width: 100%;}
.footer_15 .box .img{display: none;}
.footer_15 .box .p{margin-top: 30px;}
.footer_15 .box a{display: block;}
}

/*m_headers*/
.m_headers{width: 100%;float: left;padding: 10px 15px;z-index: 9999;display: none;background: #fff;box-shadow: 0 5px 5px rgba(0,0,0,0.05);margin-bottom: 15px;}
.m_headers .box{width: 100%;float: left;overflow: hidden; position: relative;background: url('../images/logo_app.png') no-repeat center;height: 70px; background-size:cover}
.m_headers .box .m{float: left;height: 50px;text-align: center;}
.m_headers .box .m img{height: 34px;float: left;margin: 10px 0 0 0;}
.m_headers .box .r{float: right;height: 50px;}
.m_headers .box .r img{height:24px;float: right;margin-top: 15px;}
@media (max-width: 768px) {
.m_headers{display: block;}
}


/* m_body */
.m_body{float: left;width: 100%;padding: 0px 15px 15px;display: none;}
.m_body .box{float: left;width: 100%;background: #fff;padding: 0 10px 20px;border-radius: 10px;overflow: hidden;border: 1px solid #cfdef5;}
.m_body .box .t{float: left;width: 100%;padding: 0 20%;margin-bottom: 10px;text-align: center;}
.m_body .box .t b{float: left;width: 100%;line-height:36px;background:#eaf1fb;color: #1a2e4e;font-size: 15px;font-weight: normal;border-radius: 0 0 8px 8px;font-weight: bold;padding-top: 4px;box-shadow: 0 3px 0 #cfdef5}
.m_body .box .c{float: left;width: 100%;padding: 0 15px;}
.m_body .box .c li{float: left;width:100%;margin-top: 8px;}
.m_body .box .c li b{float: left;width: 30%;font-size: 12px;line-height: 36px;margin: 0 0 0;color: #fff;background: #1a2e4e;font-weight: normal;border-radius: 4px 0 0 4px;padding-left: 5px;text-align: center;}
.m_body .box .c li em{float: left;width: 50%;font-size: 12px;line-height: 36px;margin: 0 0 0;color: #000;background: #eee;font-style: normal;border-radius: 0;padding-left: 5px;}
.m_body .box .c li a{float: right;width: 20%;text-align: center;font-size: 12px;line-height: 36px;margin: 0 0 0;color: #fff;background: #f60;border-radius: 0 4px 4px 0;text-align: center;}
.m_body .box .pics{width:100%; overflow:hidden;float: left;padding: 0 15px;}
.m_body .box .pics li{ width:48.5%; float:left;margin-top: 8px;}
.m_body .box .pics li:nth-child(2n){float: right;}
.m_body .box .pics li div{ border:1px solid #cfdef5;float: left;width: 100%;padding: 8px 0;height: 40px;border-radius: 4px;}
.m_body .box .pics li div a{ float: left;width: 100%;position: relative;}
.m_body .box .pics li div a em{ position: absolute;z-index: 1;width: 24px;left: 10px;top: 0;}
.m_body .box .pics li div a em img{ float: left;;width: 24px;}
.m_body .box .pics li div a i{float: left;height: 24px;line-height: 24px;padding-left: 45px;font-style: normal;font-size: 14px;}
@media (max-width: 768px) {
.m_body{display: block;}
}

/* m_body_bt */
.m_body_bt{float: left;width: 100%;padding: 0px 15px 15px;display: none;}
.m_body_bt .box{float: left;width: 100%;}
.m_body_bt .box .a{float: left;width: 48%;border-radius: 42px;text-align: center;background: #fff;border: 1px solid #cfdef5;}
.m_body_bt .box .a img{display: inline-block;height: 22px;font-size: 18px;margin-right: 8px;color: #fff;vertical-align: top;margin-top: 11px;}
.m_body_bt .box .a span{display: inline-block;line-height: 42px;font-size: 18px;margin-right: 8px;color: #fff;vertical-align: top;}
.m_body_bt .box .a i{display: inline-block;line-height: 42px;font-size: 14px;font-style: normal;color: #1a2e4e;vertical-align: top;}
.m_body_bt .box .b{float: right;width: 48%;height: 42px;border-radius: 42px;text-align: center;background: #fff;border: 1px solid #cfdef5;}
.m_body_bt .box .b img{display: inline-block;height: 26px;font-size: 18px;margin-right: 8px;color: #fff;vertical-align: top;margin-top: 6px;}
.m_body_bt .box .b span{display: inline-block;line-height: 42px;font-size: 18px;margin-right: 8px;color: #fff;vertical-align: top;}
.m_body_bt .box .b i{display: inline-block;line-height: 42px;font-size: 14px;font-style: normal;color: #1a2e4e;vertical-align: top;}
@media (max-width: 768px) {
.m_body_bt{display: block;}
}


/* m_body_one */
.m_body_one{float: left;width: 100%;padding: 0px 15px 15px;display: none;}
.m_body_one .box{float: left;width: 100%;background: #fff;padding: 0 0 5px;border-radius: 10px;overflow: hidden;border: 1px solid #cfdef5;}
.m_body_one .box .t{float: left;width: 100%;margin-bottom: 15px;text-align: center;}
.m_body_one .box .t b{float: none;line-height:40px;background:#eaf1fb;color: #1a2e4e;font-size: 15px;font-weight: normal;border-radius: 0 0 8px 8px;font-weight: bold;padding: 4px 20px 0;display: inline-block;box-shadow: 0 3px 0 #cfdef5}
.m_body_one .box .c{float: left;width: 100%;padding: 0 10px;}
.m_body_one .box .c a{border: 1px solid #cfdef5;float: left;width:29.33%;margin: 0 2% 10px;background: #eaf1fb;padding: 10px;border-radius: 6px;text-align: center;}
.m_body_one .box .c a p{float: left;width: 100%;text-align: center;}
.m_body_one .box .c a p img{width: 80%;}
.m_body_one .box .c a b{float: left;width: 100%;font-size: 12px;line-height: 20px;margin: 5px 0 5px;color: #000;font-weight: normal;border-radius: 4px 0 0 4px;padding-left: 5px;text-align: center;}
.m_body_one .box .c a i{float: none;display: inline-block;text-align: center;font-size: 12px;line-height: 20px;margin: 0 0 0;color: #fff;border-radius: 24px;text-align: center;font-style: normal;padding: 0 8px;background: #1a2e4e;}
@media (max-width: 768px) {
.m_body_one{display: block;}
}


/*m_fbar*/
.m_fbar{position: fixed;bottom: 0;height:60px;width: 100%;left: 0;z-index: 8888;display: none;box-shadow: 0 0 5px #ccc;background: #f4f4f4;padding: 3px 0;display: none;}
.m_fbar .box{height: 54px;background:#f4f4f4;width: 100%;float: left;}
.m_fbar .box a{float: left;width: 20%;text-align: center;height: 54px;position: relative;}
.m_fbar .box a em{float: left;width: 100%;margin: 3px 0 3px;text-align: center;font-size: 18px;display: none;height: 24px;}
.m_fbar .box a em img{width:24px;}
.m_fbar .box a i{float: left;width: 100%;margin: 3px 0 3px;text-align: center;font-size: 18px;display: block;height: 24px;}
.m_fbar .box a:nth-child(3) i img{margin-top: 0px;width: 50px;-webkit-animation: bounce-up 0.5s linear infinite;animation: bounce-up 0.5s linear infinite;}
.m_fbar .box a:nth-child(3) em img{margin-top: 0px;width: 50px;-webkit-animation: bounce-up 0.5s linear infinite;animation: bounce-up 0.5s linear infinite;}
.m_fbar .box a:nth-child(3) span{display: none;}
.m_fbar .box a i img{width:24px;}
.m_fbar .box a.cur em{display: block;}
.m_fbar .box a.cur i{display: none;}
.m_fbar .box a.cur span{color: #1a2e4e;}
.m_fbar .box a span{float: left;line-height: 14px;color: #999;text-align: center;width: 100%;margin-top: 2px;font-size: 13px;}
@media (max-width: 768px) {
.m_fbar{display: block;}
}
@-webkit-keyframes bounce-down {
 25% {-webkit-transform: translateY(-3px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(3px);}
}
@keyframes bounce-down {
 25% {transform: translateY(-3px);}
 50%, 100% {transform: translateY(0);}
 75% {transform: translateY(3px);}
}
@-webkit-keyframes bounce-up {
 25% {-webkit-transform: translateY(3px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(-3px);}
}
@keyframes bounce-up {
 25% {transform: translateY(3px);}
 50%, 100% {transform: translateY(0);}
 75% {transform: translateY(-3px);}
}
.h70{float: left;width: 100%;height: 70px;}
@media (max-width: 768px) {
.h70{display: block;}
}