/* CSS Document */
body{ font:12px/24px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; background:#ffffff; overflow-x: hidden;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, select, textarea, th, td{ margin: 0; padding: 0; color:#333; -webkit-text-size-adjust: none;}
img{ border:none; max-width:100%;}
a{ color:#333; text-decoration:none;}
a:hover{color: #97ddff;text-decoration:none;}
a,area{ blur:expression(this.onFocus=this.blur()) }
ul, li{ list-style:none;}
table{ border-collapse:collapse;border-spacing:0; max-width:100%;}
input{ outline:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
:focus{ outline: none;}
.mr0{ margin-right:0;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{ display:block;content: ''; clear: both;}
.clearfix{ zoom: 1;}
.clear{ height:0; width:100%; font-size:1px; line-height:0; visibility:hidden; overflow:hidden;}
.Width{ width:1200px; margin:0 auto;}
.hide{ display:none;}
.onlymob{ display:none;}
.pointer{ cursor:pointer;}
.por{ position: relative;}
.poa{ position: absolute;}

/* 顶部样式 */
.zk_top {width: 100%;background: #fafafa url(http://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden; }
.zk_top .zt_top {width: 1000px;height: 40px;margin: 0 auto;}
.zk_top h1 a {float: left; width: 140px;height: 40px;overflow: hidden; background: url(../images/logo.png) 5px center no-repeat; background-size: 122px 34px; font-size:16px; color: #07a991; text-indent: -999px;}.zk_top .topnav {float: right; color:#333; font-size:14px;}
.zk_top .topnav a {padding:0 8px; cursor: pointer;}
.zk_top .topnav a:hover { color:#e4393c; text-decoration:underline;}

/* 主题样式 */
.banner{width: 100%; height: 588px; background: url(../images/mkbanner_bg.png) no-repeat; background-position: center center; background-size: auto 100%; overflow: hidden; text-align: center;}
.banner_txt{ width: 704px; height: 480px; margin: 100px auto 0; background: url(../images/mktop_txt.png) no-repeat;}

.mk_bt{ width: 790px; height: 70px; margin: 60px auto 0; background: url(../images/mk_btbg.png) no-repeat;}
.mk_bt h3{ font:56px/70px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; text-align: center; font-weight: bold; background-image: -webkit-linear-gradient(0deg, #aa0000 0%, #e30000 50%, #aa0000 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mk_bt02{ width: 790px; height: 70px; margin: 0 auto; background: url(../images/mk_btbg2.png) no-repeat;}
.mk_bt02 h3{ font:56px/70px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; text-align: center; font-weight: bold; color: #fff;}

.m1_box{ display: flex; justify-content: space-between; margin-top: 40px;}
.m1_b_box{ width: 370px; background: #fff3d8; padding: 0 0 20px 0; border-radius:15px; overflow: hidden; box-shadow: 0px 0 15px 0px rgba(0, 0, 0, 0.2);}
.ewmrk_yj{ width: 370px; height: 296px; background: url(../images/mk_rk1.png) no-repeat; margin-bottom: 15px; overflow: hidden;}
.ewmrk_hl{ width: 370px; height: 296px; background: url(../images/mk_rk2.png) no-repeat; margin-bottom: 15px; overflow: hidden;}
.ewmrk_lc{ width: 370px; height: 296px; background: url(../images/mk_rk3.png) no-repeat; margin-bottom: 15px; overflow: hidden;}
.ewmrk_yj img,.ewmrk_hl img,.ewmrk_lc img{ width: 190px; height: 190px; margin: 15px auto 0; display: block;}

.m1_b_box p{ font-size: 20px; line-height: 30px; padding: 0 25px;}
.m1_b_box a{ font-size: 22px; line-height: 50px; text-align: center; color: #fff; width: 188px; height: 50px; display: block; margin: 10px auto 0; border-radius:50px; transition: all 0.2s; box-shadow: 0px 5px 8px 0px rgba(175, 18, 3, 0.3);}
.m1_b_box a:hover{ color: #fff; transform: translateY(-5px);}
.m1_b_box a.yj{ background: -webkit-linear-gradient(0deg, #0083f2 0%, #086bdb 100%);}
.m1_b_box a.hl{ background: -webkit-linear-gradient(0deg, #ff402d 0%, #da0013 100%);}
.m1_b_box a.lc{ background: -webkit-linear-gradient(0deg, #ae20f8 0%, #9202dd 100%);}
.m1_b_box span{ font-size: 18px; line-height: 28px; text-align: center; color: #888; display: inherit; margin-top: 10px;}
.ewmrk_yj h2,.ewmrk_hl h2,.ewmrk_lc h2{ font-size: 32px; line-height: 40px; text-align: center; color: #fff; margin-top: 20px;}
.ewmrk_yj em,.ewmrk_hl em,.ewmrk_lc em{ font-size: 24px; line-height: 30px; text-align: center; color: #fff; display: block;}

.m1_txt{ padding: 40px 50px; background:#efefef; margin-top: 50px;  border-radius: 15px;}
.m1_txt h4{ font-size: 30px; line-height: 30px; text-align: center; color: #ed0f09; margin-bottom: 15px;}
.m1_txt p{ font-size: 18px; line-height: 28px;}


.main02{ width: 100%; background: #ad0c08; padding: 50px 0; margin-top: 60px;}
.m2_jp{ width: 100%; padding: 50px 30px; background: #fff; border-radius: 15px; box-sizing: border-box; margin-top: 40px;}
.jpbt{ width: 154px; height: 74px; background: url(../images/mk_jpbtbg.png) no-repeat; margin: 0 auto; padding-left: 86px; font-size: 34px; font-weight: bold; line-height: 70px;  color: #f80900;}
.dqjp,.sqjp{ display: flex; justify-content: space-between; margin-top: 30px;}
.jpbox{ width: 350px; height: 357px;}
.dqjp .jpbox h5{ font-size: 28px; line-height: 58px; text-align: center; color: #fff; margin-bottom: 5px;}
.jpbox p{ font-size: 18px; line-height: 28px; text-align: center;}
.jpbox img{ width: 196px; height: 202px; margin: 13px auto 0; display: block;}
.jp1{ background: url(../images/mk_jpbg1.png) no-repeat;}
.jp2{ background: url(../images/mk_jpbg2.png) no-repeat;}
.jp3{ background: url(../images/mk_jpbg3.png) no-repeat;}
.jp4{ background: url(../images/mk_jpbg4.png) no-repeat;}
.jp5{ background: url(../images/mk_jpbg5.png) no-repeat;}
.jp6{ background: url(../images/mk_jpbg6.png) no-repeat;}
.sqjp .jpbox h5{ font-size: 24px; line-height: 58px; text-align: center; color: #fff; margin-bottom: 5px;}

.m2_sm{ display: flex; justify-content: space-between; padding: 40px 50px; background:#fff; border: 5px solid #ffdc37; margin-top: 50px;  border-radius: 15px;}
.m2_sm_l h4{ font-size: 30px; line-height: 30px; color: #ed0f09; margin-bottom: 15px;}
.m2_sm_l p{ font-size: 18px; line-height: 28px;}
.m2_sm_r{ margin-right: 66px;}
.m2_sm_r img{ width: 150px; height: 150px; overflow: hidden; border-radius: 10px; border: 5px solid #e71b16; background: #fff; padding: 10px; margin: 0 auto; display: block;}
.m2_sm_r p{ font-size: 18px; line-height: 40px; text-align: center;}

.main03{ display: flex; justify-content: space-between; margin-top: 40px;}
.main03 img{ width: 370px; height: 181px; overflow: hidden; border-radius: 15px; transition: all 0.2s;}
.main03 img:hover{ transform:scale(1.1)}


.main04{ display: flex; justify-content: space-between; margin-top: 40px;}
.main04 div{ width: 270px;}
.main04 img{ width: 190px; height: 190px; overflow: hidden; border-radius: 10px; border: 5px solid #e71b16; background: #fff; padding: 10px; margin: 0 auto; display: block;}
.main04 p{ font-size: 22px; line-height: 50px; text-align: center;}

.foot li,.foot div{ display: inline-block; color: #fff;}
.foot{ width: 100%; height: 88px; background: #252525; margin: 50px auto 0;padding: 34px 0 0 0; font-size: 14px; line-height: 28px; text-align: center;}
.foot li a{ color: #fff;  transition:transform .5s ease-out;}
.foot li a:hover{ color: #888; transform: translateY(-5px);}
.foot div.foot_ble{ display: none;}

@media only all and (max-width:1200px){
    .onlymob { display:block;}
     html{ font-size:20px;}
    body{ font: 0.7rem/1.2rem "Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;}
    html,body{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    .Width{ width: 18rem;}
    /* 顶部样式 */
	.zk_top{ height: 1.85rem;  background-size: contain; line-height: 1.85rem;}
    .zk_top .topnav{font-size: 0.66rem;}
    .zk_top h1 a{width: 7rem; font-size: 0.4rem; background-size: contain; height: 1.5rem; margin-top: 0.15rem;}
	.zk_top .topnav span{ display: none;}

    /* 主题样式 */
    .banner{ height: 14rem; background-size: 253%;}
    .banner_txt{ width: 16rem; height: 11rem; margin: 2rem auto 0; background-size: contain;}

    .mk_bt{ width: 16rem; height: 1.5rem; margin: 1.3rem auto 0; background-size: contain;}
    .mk_bt h3{ font-size: 1.1rem; line-height: 1.5rem;}
    .mk_bt02{ width: 16rem; height: 1.5rem; background-size: contain;}
    .mk_bt02 h3{ font-size: 1.1rem; line-height: 1.5rem;}

    .main01{ overflow: hidden;}
    .m1_box{ display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 0;}
    .m1_b_box{ width: 8.2rem; padding: 0 0 0.8rem 0; border-radius:0.4rem; box-shadow: 0px 0 0.3rem 0px rgba(0, 0, 0, 0.2); margin-top: 0.8rem;}
    .ewmrk_yj{ width: 8.2rem; height: 8.8rem; background-size:contain; margin-bottom: 0.3rem;}
    .ewmrk_hl{ width: 8.2rem; height: 8.8rem; background-size:contain; margin-bottom: 0.3rem;}
    .ewmrk_lc{ width: 8.2rem; height: 8.8rem; background-size:contain; margin-bottom: 0.3rem;}
	.ewmrk_yj img,.ewmrk_hl img,.ewmrk_lc img{ width: 6.5rem; height: 6.5rem; margin: 0 auto; display: block;}
    .m1_b_box p{ font-size: 0.66rem; line-height: 1rem; padding: 0 0.5rem;}
    .m1_b_box a{ font-size: 0.7rem; line-height: 1.6rem; width: 6.4rem; height: 1.6rem; margin: 0.2rem auto 0; border-radius:1.2rem; box-shadow: 0 0.2rem 0.4rem 0 rgba(175, 18, 3, 0.3);}
    .m1_b_box span{ font-size: 0.66rem; line-height: 0.88rem; margin-top: 0.4rem; padding: 0 1.2rem;}
    .ewmrk_yj h2,.ewmrk_hl h2,.ewmrk_lc h2{ font-size: 0.75rem; line-height: 1rem; margin-top: 0.4rem;}
    .ewmrk_yj em,.ewmrk_hl em,.ewmrk_lc em{ font-size: 0.75rem; line-height: 0.88rem;}

    .m1_txt{ padding: 0.8rem; margin-top: 0.8rem;  border-radius: 0.8rem;}
    .m1_txt h4{ font-size: 1rem; line-height: 1rem; margin-bottom: 0.4rem;}
    .m1_txt p{ font-size: 0.75rem; line-height: 1.1rem;}


    .main02{ width: 100%; background: #ad0c08; padding: 1.3rem 0; margin-top: 1.3rem;}
    .m2_jp{ width: 100%; padding: 0.8rem; border-radius: 0.8rem; margin-top: 0.8rem;}
    .jpbt{ width: 4rem; height: 2rem; background-size: contain; padding-left: 2rem; font-size: 0.88rem; line-height: 1.9rem;}
    .dqjp,.sqjp{ display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 0.5rem;}
    .jpbox{ width: 8.2rem; height: 8.8rem; background-size: contain;}
    .dqjp .jpbox h5{ font-size: 0.75rem; line-height: 1.4rem; margin-bottom: 0.3rem;}
    .jpbox p{ font-size: 0.66rem; line-height: 0.8rem;}
    .jpbox img{ width: 4.8rem; height: 4.6rem; margin: 0.2rem auto 0;}
    .sqjp .jpbox h5{ font-size: 0.66rem; line-height: 1.4rem; margin-bottom: 0.3rem;}

    .m2_sm{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 0.8rem; padding: 0.8rem; background:#fff; border: 0.2rem solid #ffdc37; border-radius: 0.8rem;}
    .m2_sm_l h4{ font-size: 1rem; line-height: 1rem; margin-bottom: 0.4rem;}
    .m2_sm_l p{ font-size: 0.75rem; line-height: 1.1rem;}
    .m2_sm_r{ margin-right: 0; margin-top: 0.6rem;}
    .m2_sm_r img{ width: 6rem; height: 6rem; border-radius: 0.5rem; border: 0.2rem solid #e71b16; padding: 0.4rem;}
    .m2_sm_r p{ font-size: 0.75rem; line-height: 1rem;}


    .main03{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 0;}
    .main03 img{ width: 16rem; height: 7.8rem; border-radius: 0.8rem;}
    .main03 div{ margin-top: 0.8rem;}


    .main04{ display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 0;}
    .main04 div{ width: 8rem; margin-top: 0.8rem;}
    .main04 img{ width: 7rem; height: 7rem; border-radius: 0.5rem; border: 0.2rem solid #e71b16; padding: 0.4rem;}
    .main04 p{ font-size: 0.75rem; line-height: 1rem; margin-top: 0.3rem;}
    

    .foot{ height: 2rem; font-size: 0.6rem; line-height: 2rem; padding: 0; margin: 1.2rem 0 0 0;}
    .foot ul, .foot .foot_pc { display: none;}
    .foot div.foot_ble{ display: block;}
  /* �������� */
  {transition:width 2s; /* W3C */ -moz-transition:width 2s; /* Firefox 4 */ -webkit-transition:width 2s; /* Safari and Chrome */ -o-transition:width 2s;} /* Opera */
}