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

/* 顶部样式 */
.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: 618px; background: url(../images/banner_bg.png) no-repeat; background-position: center center; background-size: auto 100%; overflow: hidden; text-align: center;}
.banner h2{ font-size: 36px; line-height: 40px; text-align: center; font-weight: normal; color: #fffdbd; margin: 100px auto 0;}
.banner h1 img{ width: 775px; height: 224px; margin: 20px auto 0; display: block; }
.banner p{ font-size: 38px; line-height: 74px; text-align: center; color: #fff; margin: 10px auto; display: block; width: 390px; height: 97px; background: url(../images/banner_pbg.png) no-repeat;}

.m1_box{ width: 100%; background: #fff; border-radius: 25px; box-shadow: 0px 0px 10px 0px rgb(176 15 15 / 25%); margin-top: 50px; padding: 30px 40px; box-sizing: border-box; overflow: hidden;}
.m1_l{ float: left; width: 410px; color: #252525; font-family:"MicroSoft YaHei",Arial,sans-serif;}
.m1_l p{ margin-top: 16px; font-weight: bold;}
.m1_l .t40{ font-size: 40px; line-height: 40px;}
.m1_l .t50{ color: #fc7e09; font-size: 50px; line-height: 50px;}
.m1_l .t40{ font-size: 40px; line-height: 40px;}
.m1_l .t30{ font-size: 30px; line-height: 30px;}
.m1_l .t56{ color: #0aa3fb; font-size: 56px; line-height: 56px;}
.m1_l .t34{ font-size: 34px; line-height: 34px;}
.m1_r{ float: right;}
.m1_r img{ width: 676px; height: 370px;}

.bt{ font-size: 56px; line-height: 100px; font-family:"MicroSoft YaHei",Arial,sans-serif; text-align: center; font-weight: bold; width: 595px; height: 80px; background: url(../images/btbg.png) no-repeat; margin: 75px auto 0;}
.m2_box,.m3_box,.m4_box{ width: 100%; background: #fff; border-radius: 25px; box-shadow: 0px 0px 10px 0px rgb(176 15 15 / 25%); margin-top: 50px; padding: 50px 40px; box-sizing: border-box; overflow: hidden;}

.tab_title{ position: relative; width: 992px; height: 150px; margin: 0 auto; background: url(../images/m2_tabbg.png) no-repeat; background-size: 100%; z-index: 1; display: flex;}
.tab_title span{ width: 150px; height: 150px; font-size: 20px; text-align: center; line-height: 26px; font-weight: bold; color: #fff; cursor: pointer; transition: background-color .5s ease; display: block; padding-top: 18px;}
.tab_title span.tdy1{ background: url(../images/m2_timehover.png) no-repeat; background-size: 100%; margin-right: 130px;}
.tab_title span.tdy2{ background: url(../images/m2_timehover.png) no-repeat; background-size: 100%; margin-right: 130px;}
.tab_title span.tdy3{ background: url(../images/m2_timehover.png) no-repeat; background-size: 100%; margin-right: 130px;}
.tab_title span.tdy4{ background: url(../images/m2_time1.png) no-repeat; background-size: 100%;}
/*.tab_title span.tdy4{ background: url(../images/m2_time2.png) no-repeat; background-size: 100%;}*/
.tab_title span.tdy1 i{ color: #ec2b19;}
.tab_title span.tdy2 i{ color: #ec2b19;}
.tab_title span.tdy3 i{ color: #ec2b19;}
.tab_title span.tdy4 i{ color: #00cb86;}
/*.tab_title span.tdy4 i{ color: #0aa3fb;}
.tab_title span.tdy3 i{ color: #fb920a;}*/
.tab_title span i{ font-size: 18px; line-height: 24px; margin-top: 18px; display: block;}
/*.tab_title span.active{ background: url(../images/m2_timehover.png) no-repeat; background-size: 100%;}
.tab_title span.active i{ color: #ec2b19;}*/
.tab_change{ display: none; width: 992px; margin: 0 auto;}
.tab_change.active{ display: block;}
.tab_change ul{ display: flex; margin-top: 30px;}
.tab_change ul li{ width: 250px; height: 320px; background: url(../images/m2_rkbg.png) no-repeat; background-size: 100%; margin: 0 40px;}
.tab_change ul li p{ font-size: 24px; text-align: center; line-height: 28px; font-weight: bold; color: #fff77e; margin-top: 10px;}
.tab_change ul li span{ font-size: 18px; text-align: center; line-height: 24px; color: #fff; display: block;}
.tab_change ul li img{ width: 180px; height: 180px; margin: 50px auto 0; display: block;}
.mokgz{ width: 1050px; height: 170px; background: #f2f2f2; margin: 50px auto 0; border-radius: 15px; overflow: hidden;}
.mokgz h4{ font-size: 46px; text-align: center; line-height: 50px; color: #fff; padding: 30px 30px 0 30px;  width: 120px; height: 140px; display: block; background: linear-gradient(120deg, #ec2b19 0%, #b40005 100%); float: left; margin-right: 30px;}
.mokgz p{ padding: 26px 0 0 0;} 
.mokgz p span{ font-size: 18px; line-height: 30px; display: block;}

.m3_books img{ width: 1000px; height: 350px; display: block; margin: 0 auto;}
.m3_box ul{ display: flex; margin: 25px 0;}
.m3_box ul li{ width: 256px; margin: 0 12px;}
.m3_box ul li:nth-child(1){ background: url(../images/m3_jbox1.png) no-repeat;}
.m3_box ul li:nth-child(2){ background: url(../images/m3_jbox2.png) no-repeat;}
.m3_box ul li:nth-child(3){ background: url(../images/m3_jbox3.png) no-repeat;}
.m3_box ul li:nth-child(4){ background: url(../images/m3_jbox4.png) no-repeat;}
.m3_box ul li p{ font-size: 22px; text-align: center; line-height: 24px; color: #fff; padding: 0 38px; margin: 25px 0 55px 0;}
.m3_box ul li p span{ font-size: 28px; color: #fff77e; font-weight: bold; margin: 26px 0 0 0; display: block;}
.m3_box ul li img{ width: 256px; height: 206px;}

.shuoming{ width: 1100px; background: #f2f2f2; margin: 50px auto 0; padding: 30px 40px; border-radius: 15px; overflow: hidden; box-sizing: border-box;}
.sm_txt{ width: 700px; float: left;}
.sm_txt h5{ font-size: 24px; color: #ec2b19;}
.sm_txt p{ font-size: 18px; line-height: 30px; margin-top: 15px;}
.sm_txt p span{ display: block;}
.sm_ewm{ float: right;}
.sm_ewm img{ width: 150px; height: 150px; border: 5px solid #fff;}

.m4_box ul{ display: flex;}
.m4_box li{ margin: 0 15px;}
.m4_box li img{ width: 530px; transition: transform .3s;}
.m4_box li img:hover{ transform: scale(1.02);}



.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: 9.6rem; background-size: 234%;}
	.banner h2{ font-size: 1rem; line-height: 1.2rem; margin: 0.9rem auto 0;}
	.banner h1 img{ width: 14.6rem; height: auto; margin: 0.2rem auto 0;}
	.banner p{ font-size: 0.88rem; line-height: 1.9rem; margin: 0.1rem auto; width: 9.6rem; height: 2rem; background-size: 100%;}

	.m1_box, .m2_box, .m3_box, .m4_box{ border-radius: 0.5rem; margin-top: 0.55rem; padding: 1rem 1.2rem;}
	.m1_l{ float: none; width: 16rem;}
	.m1_l p{ margin-top: 0.5rem; display: inline-block;}
	.m1_l .t40{ font-size: 1rem; line-height: 1rem;}
	.m1_l .t50{ font-size: 1.2rem; line-height: 1.2rem;}
	.m1_l .t40{ font-size: 1rem; line-height: 1rem;}
	.m1_l .t30{ font-size: 0.75rem; line-height: 0.75rem;}
	.m1_l .t56{ font-size: 1rem; line-height: 1rem;}
	.m1_l .t34{ font-size: 0.75rem; line-height: 0.75rem;}
	.m1_r{ float: none;}
	.m1_r img{ width: 15.5rem; height: auto; margin-top: 0.6rem;}

	.bt{ font-size: 1.2rem; line-height: 2rem; width: 14rem; height: auto; margin:1.4rem auto 0; background-size: contain;}

	.tab_title{ width: 15.5rem; height: auto; background-size: 138%;}
	.tab_title span{ width: 3.5rem; height: 3.5rem; font-size: 0.6rem; line-height: 0.7rem; padding-top: 0.4rem;}
	.tab_title span.tdy1{ background-size: contain; margin-right: 0.5rem;}
	.tab_title span.tdy2{ background-size: contain; margin-right: 0.5rem;}
	.tab_title span.tdy3{ background-size: contain; margin-right: 0.5rem;}
    .tab_title span.tdy4{ background-size: contain;}
	.tab_title span i{ font-size: 0.45rem; line-height: 0.55rem; margin-top: 0.3rem;}
	.tab_title span.active{ background-size: contain;}
	.tab_change{ width: 15.5rem;}
	.tab_change ul{ margin-top: 0.3rem; flex-wrap: wrap; justify-content: space-around;}
	.tab_change ul li{ width: 7.2rem; height: 10rem; background-size: 100%; margin: 0 0.25rem;}
	.tab_change ul li p{ font-size: 0.75rem; line-height: 0.8rem; margin-top: 0.3rem;}
	.tab_change ul li span{ font-size: 0.55rem; line-height: 0.6rem; margin-top: 0.3rem;}
	.tab_change ul li img{ width: 5.2rem; height: 5.2rem; margin: 1.2rem auto 0;}

	.mokgz{ width: 13.5rem; height: auto; margin: 0.6rem auto 0; padding: 0.8rem 1rem; border-radius: 0.4rem;}
	.mokgz h4{ font-size: 1rem; line-height: 1rem;  padding: 0.5rem;  width: 4.4rem; height: 1rem; float: none; margin: 0 auto; border-radius: 0.4rem;}
	.mokgz p{ padding: 0.6rem 0 0 0;} 
	.mokgz p span{font-size: 0.66rem; line-height: 1rem; text-size-adjust: none;}

	.m3_books img{ width: 15.6rem; height: auto;}
	.m3_box ul{ margin: 0.6rem 0; flex-wrap: wrap;}
	.m3_box ul li{ width: 7rem; margin: 0 0.4rem;}
	.m3_box ul li:nth-child(1){ background-size: contain; margin-bottom: 0.5rem;}
	.m3_box ul li:nth-child(2){ background-size: contain; margin-bottom: 0.5rem;}
	.m3_box ul li:nth-child(3){ background-size: contain;}
	.m3_box ul li:nth-child(4){ background-size: contain;}
	.m3_box ul li p{ font-size: 0.75rem; line-height: 0.78rem; padding: 0 0.5rem; margin:0.5rem 0 1.4rem 0;}
	.m3_box ul li p span{ font-size: 0.88rem; margin: 0.6rem 0 0 0;}
	.m3_box ul li img {  width: 7rem;  height: 5.6rem;}

	.shuoming{ width: 15.5rem; height: auto; margin: 0.6rem auto 0; padding: 0.8rem 1rem; border-radius: 0.4rem;}
	.sm_txt{ width: 13.5rem; float: none; margin: 0 auto;}
	.sm_txt h5{ font-size: 0.88rem; color: #ec2b19;}
	.sm_txt p{ font-size: 0.75rem; line-height: 1rem; margin-top: 0.5rem;}
	.sm_txt p span{ display: block;    text-size-adjust: none;}
	.sm_ewm{ float: none;}
	.sm_ewm img{ width: 5rem; height: 5rem; border: 0.2rem solid #fff; margin: 0.8rem auto 0; display: block;}

	.m4_box ul{ flex-wrap: wrap;}
	.m4_box li{ margin: 0 0.5rem;}
	.m4_box li img{ width: 15rem; height: auto;}
	.m4_box li:nth-child(1){ margin-bottom: 0.5rem;}
    .m4_box li:nth-child(2){ margin-bottom: 0.5rem;}









    .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 */
}

/*通用移动端结束*/

@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 */
}