@charset "gb2312";
/* CSS Document */
body{ font:12px/24px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; background:#fff; 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;}
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;}

.ht_top{width:100%;background:url(https://www.huatu.com/z/413ztjx/images/nav_bg.gif) repeat-x 0; height:41px;}
.logo{float:left;}
.logo img{ border:0; padding:0;}
.zt_top{width:1000px;height:41px;margin:0 auto;}
.topnav{float:right;}
.huatu01{margin-left:10px; font-size:14px; color:#333; text-decoration:none;}
.huatu01:hover{ text-decoration:none; color:#C30;}
.huatu{ float:right; line-height:41px;}

.wx{position: relative;padding-left: 30px;background: url(https://u2.huatu.com/hubei/2018/kc_wxin.png) no-repeat left center;cursor: pointer;float:right;margin-left:12px;font-size: 14px;color:#333;z-index: 999;}
.wx:hover .wx_box{display: block;}
.wx:hover{color: #FF4B4E;}
.wx_wrap{min-width: 192px;height: 100px;padding-top: 30px;margin-bottom: 13px;}
.wx_box{display: none;position: absolute;bottom: -150px;padding-left: 20px;left: 0;min-width: 217px;height: 150px;background-color: #fff;z-index: 10;box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);}
.wx_box img{display: block;float: left;width: 80px;height: 80px;}
.wx_box a{display: block;float: left;width: 70px;height: 26px;margin-left: 15px;background: #e92930;border-radius: 3px;color: #fff !important;font-size: 14px;line-height: 26px;text-align: center;margin-top:-2px;text-decoration: none;}
.wx_box span{display: block;float: left;margin: 0 0 10px 15px;color: #000;font-size: 14px;line-height: 23px;}


/* 主体样式 */
.banner{width: 100%;height: 560px;background: url(../images/banner_bg.png) no-repeat;background-position: center center;background-size: auto 100%;text-align: center;}
.banner_txt{ top:156px; left: 50px; width: 760px; height: 200px; background: url(../images/banner_txt.png) no-repeat;}
.banner_img{ top:200px; right: -50px; width: 520px; height: 312px; background: url(../images/banner_ch.png) no-repeat;animation-delay: 0.6s; -webkit-animation-delay: 0.6s;}

.bt{ width: 100%; height: 80px; background: url(../images/bt_bg.png) center center no-repeat; text-align: center;font-family: "MicroSoft YaHei", serif; font-size: 50px; line-height: 66px; font-weight: bold; margin: 50px auto 0;}

.tab{margin-top: 40px;}
.tab p a{width: 106px; height: 48px; font-size: 18px; display:inline-block; text-align: center;line-height:48px; border-radius: 50px; border: 2px solid #ddd; margin: 0 2px;}
.tab .centera{padding:5px; overflow:hidden;}
.tab .hover{ color: #f8ff32; border: 2px solid #39c085; background: #39c085;}
.tab .box{margin:40px 10px 0 10px;display:none;}
h3{ font-size: 30px; line-height: 36px; text-align: center;}
.tab .box .tab_box{ margin-top: 30px;}
.tab .box .tab_box .tab_l{ float: left; width: 570px; }
.tab .box .tab_box .tab_l table { width: 100%; height: 200px; background:#fff; border-collapse: collapse;  margin: 0 auto; text-align:center; font-size: 16px;}
.tab .box .tab_box .tab_l table th { background:#f8f8f8; padding: 5px 10px;  text-align: center;}
.tab .box .tab_box .tab_l table td{ padding:12px 5px;}
.tab .box .tab_box .tab_l th, .tab .box .tab_box .tab_l td {  border: 1px solid #cacaca;}
.tab .box .tab_box .tab_r{ float: right; width: 570px; height: 200px; background: #f8f8f8; overflow: hidden;}
.tab .box .tab_box .tab_r p{ margin: 25px; font-size: 18px; line-height: 30px; text-indent: 2em;}
.btn_box{ margin-top: 30px;}
.btn_box a{ font-size: 22px; line-height: 22px; color: #39c085; padding: 12px 40px; display: inline-block; box-shadow: 0 0 25px rgba(237, 232, 236, 0.99); border-radius: 50px; background: linear-gradient( 90deg, #fff, #fff,#39c085,#9de685) repeat-x left / 300% 100%; transition: all .2s; margin: 0 200px;}
.btn_box a:hover{ color:#fff; background-position:100% center; border: none;}
.form_am{ margin-top: 50px;}
.form_box{ width: 100%; margin-top: 30px; padding: 40px 0; border-radius: 20px; box-shadow: 0 0 25px rgba(237, 232, 236, 0.99);}

.form_box .text { margin-bottom:30px; float: left;}
.form_box lable { display:block; float: left; width: 110px; font-size: 20px; line-height: 42px; text-align: right; margin-right: 20px; }
.form_box .input { display:block; float: left; width:190px; height: 40px;
    border: 1px solid #ddd; font-size: 16px; text-indent:20px; }
.form_box .input:focus { border: 1px solid #7ed8a8; }
.form_box .select { --md-arrow-width: 24px;  -webkit-appearance: none; background: url(../images/arrow_down.png) center right no-repeat; background-color: #f1f3f4; background-size: var(--md-arrow-width); border: none; border-radius: 4px; color: var(--google-grey-900); cursor: pointer; font-family: inherit; line-height: inherit; width:190px; height: 40px;  outline: none; padding-bottom: 6px; padding-inline-end: calc(var(--md-select-side-padding) + var(--md-arrow-width) + 3px); padding-inline-start: var(--md-select-side-padding); padding-top: 6px; font-size: 16px; padding-left: 20px;}
.form_box .select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000;}
.form_box .postbtn { display:block; width:150px; height:50px; margin:50px auto 0; cursor: pointer;  background:#39c085; border-radius: 100px; color:#fff; font-size:20px; line-height: 50px; text-align: center; border: none;transition: all .2s;}
.form_box .postbtn:hover { background: linear-gradient( 90deg, #fff, #fff,#39c085,#9de685) repeat-x left / 300% 100%; background-position:100% center;}
.form_box input.inright {width: 195px;height: 42px;background: #7ed8a8;font-size: 18px;line-height: 42px;color: #fff;cursor: pointer; border: none;}
.form_box input.inright:hover {color: #fff;background:#39c085;}

.main02{ width: 100%; padding: 0 0 60px 0; margin-top: 60px; background: #ebf8f2; overflow: hidden;}
.main02 table { width: 100%; overflow: hidden; background: #fff; border-radius: 20px; box-shadow: 0 0 25px rgba(56, 56, 56, .1); text-align: center; margin-top: 40px;}
.main02 th { height: 70px; border:none; color: #fff; font-size: 24px; background: none; }
.main02 td { border:1px solid #e0e0e0; height: 70px; font-size: 18px; line-height: 30px; padding: 2px 6px;}
.main02 tr:first-child { background:#05e8ac; background:linear-gradient( 90deg, #19b585, #19b585); }
.main02 tr:nth-child(2) td { border-top: none;}
.main02 td:last-child { border-right: none;}
.main02 tr:last-child td { border-bottom: none;}
.main02 td:first-child { border-left: none;}
.main02 tr.tabg{ background: #fafafa;}
.main02 table td a{ font-size: 16px; width:96px; height:34px; display: block; background: #fff; border: 1px solid #39c085; text-align:center; line-height: 34px; border-radius: 100px; color:#39c085; margin:0 auto; transition: transform .5s ease-out;}
.main02 table td a:hover{ color: #f8ff32; background: #39c085; transform: translateY(5px);}
.m2_img_box a{ width: 564px; height: 140px; display: inline-block; margin: 50px 15px 5px 15px;}
.m2_img_box a.kc_img{background: url("../images/kc_img.png") no-repeat;}
.m2_img_box a.yhq_img{background: url("../images/yhq_img.png") no-repeat;}

h4{ font-size: 30px; text-align: center; line-height: 22px; margin: 30px 0 40px 0;}
.th4{margin-bottom: 0;}
.m3_box_l{ width: 600px; height: 380px; float: left; background: #19b585; overflow: hidden;}
.mok_js{ width: 520px; height: 140px; padding: 20px; background: #fff; margin: 20px auto 0;}
.mok_js p{ font-size: 16px; line-height: 26px; float: right; width: 360px;}
.mok_js span{ float: left; display: inline-block; width: 140px; height: 140px;}
.mok_js span img{width: 140px; height:140px; display: inline-block;}
.m3_box_t{ padding: 20px;}
.m3_box_t p.yel{ color: #f8ff34;}
.m3_box_t p.hei{ color: #333;}
.m3_box_t p{ color: #fff; font-size: 14px; line-height:26px;}
.m3_box_r{ width: 600px; height: 380px; float: right; background: #f0f0f0;}
.mr_jp{ width: 520px; height: 200px; padding: 20px; margin: 20px auto 0;}
.mr_jp p{ font-size: 16px; line-height: 24px; float: right; width: 300px;}
.mr_jp span{ float: left; display: inline-block; width: 200px; height: 200px; background: url("../images/jiangpin_03.png") no-repeat;}
.mr_jp p.red{ color: #ff5a59;}
.mr_jp p.qin{ color: #1ac18e;}
.mr_jp p.che{ color: #fea508;}

.mr_btn{ margin: 10px 0;}
.mr_btn span,.mr_btn a{ display: inline-block; width: 200px; height: 50px; background: #dddddd; border-radius: 100px; font-size: 22px; line-height: 50px; text-align: center; color: #b0b0b0; margin: 0 48px;}
.mr_btn a{background: linear-gradient( 90deg, #fff, #fff,#39c085,#9de685) repeat-x left / 300% 100%; transition: all .2s;}
.mr_btn a:hover{color:#fff; background-position:100% center; border: none;}
.m3_box_r p.zhushi{ padding: 0 0 0 50px; font-size: 14px; color: #b0b0b0;}

.jsimg_box{ width: 100%; height: 450px; padding: 20px 0; background: url("../images/jsimg_pc.png") center center no-repeat;border-radius: 20px; box-shadow: 0 0 25px rgba(56, 56, 56, .1);margin-top: 40px;}
.jsimg_box1{background-image: none; box-shadow:none;margin-top:0;height: 290px;}

.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;}

.xfk{position: fixed; top: 25%; left:0; width: 181px; height: 358px;}
.xfk_box{ position: relative; width: 140px; height: 452px; background: url("../images/xt_bg.png") no-repeat;}
.xfk_box a{ font-size: 18px; line-height: 48px; color: #333; position: absolute; top: 46px; left: 35px;}
.xfk_box a:hover{ color: #19b585;}
.xfk span{ display: none;}

.e_lb_box{ margin-top: 30px;}
.e_libao{ width: 1020px; padding: 40px 80px; background: #f8f8f8; margin: 20px auto 0; overflow: hidden;}
.e_lb_L{ float: left;}
.e_lb_R{ float: right;}
.e_lb_txt{ width: 600px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.e_lb_txt p{ font-size: 20px; line-height: 30px;}
.e_lb_txt p span{ float: right;}
.e_lb_txt p cite{ width: 20px; height: 20px; border-radius: 100px; background: #7ad3ac; color: #fff; display: inline-block; font-size: 14px; line-height: 22px; text-align: center; margin-right: 10px;}
.e_lb_buy{ margin-top: 15px;}
.e_lb_buy p{ font-size: 34px; color: #fb5779; font-weight: bold; text-align: right;}
.e_lb_buy p span{ font-size: 20px; color: #888; font-weight: 100; margin-right: 15px;text-decoration:line-through;}
.e_lb_buy a{ display:block; width:148px; height:48px; margin:15px 0 0 0; cursor: pointer;  background:#39c085; border-radius: 100px; color:#fff; font-size:20px; line-height: 50px; text-align: center; border: none;transition: all .2s; float: right;}
.e_lb_buy a:hover { background: linear-gradient( 90deg, #fff, #fff,#39c085,#9de685) repeat-x left / 300% 100%; background-position:100% center;}

.e_kc_box{ width: 1070px; padding: 15px 30px 30px 80px; background: #f8f8f8; margin: 50px auto 0; overflow: hidden;}
.e_kc_box h5{ width: 110px; height: 90px; border-radius: 300px; background: #fff; box-shadow: 0 0 25px rgba(56, 56, 56, .1); color: #39c085; font-size: 32px; line-height: 34px; text-align: center; padding-top: 20px; float: left; margin-top: 15px;}
.e_kc_box ul li{ float: left; margin: 0 0 0 78px;}
.e_kc_box ul li a{ display:block; width:100px; height:38px; margin:18px 0 0 0; border: 2px solid #39c085; background:#fff; border-radius: 100px; color:#39c085; font-size:20px; line-height: 38px; text-align: center; transition: transform .5s ease-out;}
.e_kc_box ul li a:hover { background: #39c085; border: 2px solid #39c085; color: #fff;transform: translateY(5px);}

@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; overflow-x: hidden; width: 100%;}
    html, body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    .Width{width: 18rem;}

    /* 顶部元素 */
    .zk_top .topnav{font-size: 0.4rem;}
    .zk_top h1 a{width: 8.2rem;font-size: 0.4rem;}

    /* 主体样式 */
    .banner{height: 11.2rem;background: url(../images/banner_bg_mob.png) no-repeat;background-size: contain;}
    .banner_txt{top: 2.8rem;left: 0.5rem; width: 16rem; height: 4rem;background-size: contain;z-index: 9;}
    .banner_img{top: 6rem;left: 11rem;right: 0; width: 7.3rem; height: 5rem;background-size: contain;}

    .bt{height: 3rem; font-size: 1.2rem; line-height: 3.2rem; margin: 0.5rem auto 0; background-size: contain;}

    .tab{margin-top: 0.6rem;}
    .tab p a{width: 3.5rem; height: 1.3rem; font-size: 0.7rem; line-height:1.3rem; border: 1px solid #ddd; margin: 0.3rem 0.3rem;}
    .tab .centera{padding:0; overflow:hidden;}
    .tab .hover{ color: #fff; border: 1px solid #39c085;background: #39c085;}
    .tab .box{margin:0.7rem 0 0 0;display:none;}
    h3{ font-size: 1rem; line-height: 1rem;}
    .tab .box .tab_box{ margin-top: 0.8rem;}
    .tab .box .tab_box .tab_l{ float: none; width: 100%; }
    .tab .box .tab_box .tab_l table { width: 100%; height: auto; background:#fff; border-collapse: collapse;  margin: 0 auto; text-align:center; font-size: 0.6rem;}
    .tab .box .tab_box .tab_l table th { background:#f8f8f8; padding: 5px 10px;  text-align: center;}
    .tab .box .tab_box .tab_l table td{ padding:0.4rem 0.4rem;}
    .tab .box .tab_box .tab_l th, .tab .box .tab_box .tab_l td {  border: 1px solid #cacaca;}
    .tab .box .tab_box .tab_r{ float: none; width: 100%; height: auto; margin-top: 0.5rem;}
    .tab .box .tab_box .tab_r p{ margin: 0.8rem;font-size: 0.7rem;line-height: 1.2rem;text-indent: 1.2rem;}
    .btn_box{ margin-top: 1rem; height: 2rem;}
    .btn_box a{ font-size: 0.7rem; line-height: 0.7rem; padding: 0.5rem 1rem; margin: 0 2rem;}
    .form_am{ margin-top: 1.4rem;}
    .form_box{ width: 100%; margin-top: 0.8rem; padding: 1.2rem 0; border-radius: 0.5rem;}

    .form_box .text { margin-bottom:0.4rem; float: none;width: 16.6rem;}
    .form_box lable { width: 4rem; font-size: 0.7rem; line-height: 1.8rem; margin-right: 0.5rem; }
    .form_box .input { float: right;width: 11.8rem;height: 1.6rem;border: 1px solid #ddd;font-size: 0.7rem;text-indent: 0.5rem;}
    .form_box .input:focus { border: 1px solid #7ed8a8; }
    .form_box .select {border-radius: 0.2rem;width: 12rem;height: 1.6rem;padding-bottom: 0.2rem; padding-top: 0.2rem;font-size: 0.7rem;padding-left: 0.5rem;margin-bottom: 0.4rem;float: right;}
    .form_box .select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000;}
    .form_box .postbtn {width: 10rem;height: 2rem;margin: 1rem auto 0; font-size: 0.8rem;line-height: 2rem;}
    .form_box input.inright {font-size: 0.7rem;line-height: 1.8rem;width: 11.89rem;height: 1.8rem; float: right; margin-top: 0.2rem;}
    .form_box input.inright:hover {color: #fff;background:#39c085;}

    .main02{ width: 100%; padding: 0 0 1.2rem 0; margin-top: 1.5rem;}
    .main02 table{ margin-top:1rem ; border-radius: 0.5rem; }
    .main02 th{ height: 1.8rem; font-size:0.7rem; }
    .main02 td{ height: 2rem; padding: 0.1rem 0.3rem; font-size:0.7rem; line-height:1rem; }
    .main02 table td a{padding-left: 0;font-size: 0.6rem;line-height: 1.3rem;width: 3.5rem;height: 1.3rem;}
    .m2_img_box a{width: 18rem;height: 4.3rem;display: inline-block;margin: 1rem 0.2rem 0 0.2rem;}
    .m2_img_box a.kc_img{background: url("../images/kc_img_mob.png") no-repeat; background-size: contain;}
    .m2_img_box a.yhq_img{background: url("../images/yhq_img_mob.png") no-repeat; background-size: contain;}

    h4{ font-size: 1rem; line-height: 1rem; margin: 0.8rem 0 1.5rem 0;}
	.th4{margin-bottom: 0;}
    .m3_box_l{ width: 100%; height: auto; float: none;}
    .mok_js{ width: 14.5rem; height: auto; padding: 1rem; margin: 1rem auto 0;}
    .mok_js p{ font-size: 0.7rem; line-height: 1.1rem; width: 15rem; float: none; margin-top: 1rem;}
    .mok_js span{ float: none; width: 6rem; height: 6rem; background: url("../images/ewm_mob.png") no-repeat;background-size: contain; margin: 0 auto; display: block;}
    .mok_js span img{ width: 6rem; height: 6rem; margin: 0 auto; display: block;}
    .m3_box_t{ padding: 1rem;}
    .m3_box_t p{ font-size: 0.7rem; line-height:1.2rem;}
    .m3_box_r{ width: 100%; height: auto; float: none; display: inline-block;}
    .mr_jp{ width: 15.5rem; height: auto; padding: 0; margin: 1rem auto 0;}
    .mr_jp p{ font-size: 0.8rem; line-height: 1.1rem; width: 15rem; float: none;}
    .mr_jp span{ float: none; width: 12rem; height: 12rem; background: url("../images/jiangpin.png") no-repeat;background-size: contain; margin: 0 auto; display: block;}

    .mr_btn{ margin: 0;}
    .mr_btn span{ width: 10rem;height: 2rem;font-size: 0.8rem;line-height: 2rem;margin: 1rem auto 0;display: block;}
    .m3_box_r p.zhushi{ padding: 0 0 0 0; text-align: center; font-size: 0.6rem; margin: 0.6rem 0;}

    .jsimg_box{ height: 23rem; padding: 0.6rem 0; background: url("../images/jsimg_mob.png") center center no-repeat; border-radius: 0.5rem; box-shadow: 0 0 25px rgba(56, 56, 56, .1); background-size: contain; margin-top: 1rem;}
	.jsimg_box1{background-image: none; box-shadow:none;margin-top:0;height: 14rem;}
    .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;}

    .xfk{ width: 0.1rem; height: 0.1rem;}
    .xfk_box{ display: none;}
    .xfk span{ position: fixed; right: .2rem; bottom: 3rem; width: 2rem; height: 2rem; background: #08d5b9 url(../images/arr.png) no-repeat center .4rem / .8rem auto; border-radius: 50%; font-size: .65rem; line-height: 2.6rem; z-index: 999;color: #fff; text-align: center; cursor: pointer; display: block;}

    .e_lb_box{ margin-top: 1rem;}
    .e_libao{ width: auto; padding: 1rem; margin: 0.6rem auto 0;}
    .e_lb_L{ display: none;}
    .e_lb_R{ float: none;}
    .e_lb_txt{ width: 100%; padding-bottom: 0.8rem;}
    .e_lb_txt p{ font-size: 0.66rem; line-height: 1.2rem;}
    .e_lb_txt p cite{ width: 0.7rem; height: 0.7rem; font-size: 0.6rem; line-height: 0.7rem; margin-right: 0.4rem;}
    .e_lb_buy{ margin-top: 0.5rem;}
    .e_lb_buy p{ font-size: 1rem; text-align: center;}
    .e_lb_buy p span{ font-size: 0.7rem; margin-right: 0.2rem;}
    .e_lb_buy a {width: 6rem;height: 1.6rem;margin: 0.5rem auto 0;font-size: 0.8rem;line-height: 1.6rem;float: none;}

    .e_kc_box{ width: auto;padding: 1rem;margin: 1rem auto 0;}
    .e_kc_box h5{ width: 5rem;height: 4rem; font-size: 1.2rem;line-height: 1.5rem;padding-top: 1rem;float: none;margin: 0.2rem auto 0;}
    .e_kc_box ul li{ margin: 0 0 0 0.45rem;}
    .e_kc_box ul li a{ padding-left: 0;font-size: 0.6rem;line-height: 1.3rem;width: 3.5rem;height: 1.3rem; border: 1px solid #39c085; transition: none;}
    .e_kc_box ul li a:hover{ transform: none; border: 1px solid #39c085;}

/* 针对浏览器 */ { transition: width 2s; /* W3C */ -moz-transition: width 2s; /* Firefox 4 */ -webkit-transition: width 2s; /* Safari and Chrome */ -o-transition: width 2s;  } /* Opera */
}

/*通用移动端结束*/

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
}
@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */
}
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
}