/* CSS Document */
body{ font:12px/24px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; background:#f7faff; 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: 570px; background: url(../images/banner_bg.png) no-repeat; background-position: center center; background-size: auto 100%; overflow: hidden; text-align: center;}
.banner_box{ width: 1200px; margin: 0 auto;}
.banner_box h1{font-size: 34px; line-height: 34px; text-align: center; color: #fff; margin-top: 88px;}
.banner_box p{ font-family: "MicroSoft YaHei",Arial,sans-serif; font-size: 150px; line-height: 160px; text-align: center; color: #fff; font-weight: bold; width: 600px; text-shadow: 0px 10px 12px rgb(55 16 149 / 40%); margin: 10px auto 0;}
.banner_box p span{ color: #fff771;}
.banner_box p span.lv{ color: #dcff71;}

.bt{ font-family: "MicroSoft YaHei",Arial,sans-serif; font-size: 50px; line-height: 50px; text-align: center; color: #252525; font-weight: bold; margin: 60px 0 35px 0;}
.bt span{ color: #ff224c;}

.m1_box{ width: 100%; background: linear-gradient(0deg, #7742f2 , #7f68f3); padding: 45px 40px; box-sizing: border-box; border-radius: 15px;}
.m1b_l{ float: left; width: 600px; height: 410px;}
.m1b_l img{ width: 600px; height: 410px;}
.m1b_r{ float: right; width: 480px; height: 410px;}
form{ width: 480px; margin: 0 auto;}
.input { display: block; width: 480px; height: 54px; margin: 0 auto 15px auto; background: #fff; border-radius: 6px; font-size: 16px; color: #787878; text-indent: 1em; outline: none; border: none;}
.select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff url(../images/select_bg.png) no-repeat 97% center;}
.select .active{ width: 230px;}

.input.active:last-child { margin-left: 20px; cursor: pointer;}
select.input{ width: 230px;}
.nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper{ width: 100% !important;}
.nc_scale{ height: 54px !important; border-radius: 6px;}
.nc-container .nc_scale span{ height: 52px !important;}
.nc-container .scale_text.scale_text span[data-nc-lang="_startTEXT"]{ /*display: block !important;*/ font-size: 14px !important; line-height: 54px !important;}
.input.active { width: 230px;}
#fs { background-color: #3e342d; color: #fff; text-indent: 0; font-size: 18px;}
.flex { display: flex; justify-content: center; align-items: center; }
.button{ width: 480px; line-height: 54px; border-radius: 8px; text-align: center; color: #fff; display: block;  margin: 10px auto 0; font-size: 22px;  background: linear-gradient(-90deg, #ff643c , #fd2e50); cursor: pointer; transition: all 0.2s;}
.button:hover{ transform: translateY(-4px);}
.nc-container .nc_scale .scale_text2 b{font-size: 16px !important; line-height: 54px !important;}
.nc_iconfont{ font-size: 30px !important;}
.nc-container .nc_scale span{ line-height: 54px !important;  /*width: 60px!important;*/}

.m2box{ width: 100%; background: #f8f6ff; border: 10px solid #7b56f3; padding: 45px 40px; box-sizing: border-box; border-radius: 15px;}
.m2box_l{ float: left; width: 460px; height: 300px;}
.m2box_r{ float: right; width: 600px; }
table { width: 100%; background:#FFFFFF; border-collapse: collapse; text-align:center; margin: 0 auto; border-radius: 15px;}
table th { font-size: 18px; background:#7b56f3; padding: 10px; color: #fff;  text-align: center; height: 40px;}
table td{ font-size: 16px; padding:10px;}
th, td {  border: 1px solid #7b56f3;}
tr:hover{ background:#f8f8f8;}
.tb_tn a{ width: 120px; line-height: 40px; border-radius: 25px; text-align: center; color: #fff; display: inline-block; margin: 35px 40px; font-size: 16px; border: none; cursor: pointer;}
.tb_tn a.ap{ background: linear-gradient(0deg, #ff8047 , #ffcd21);}
.tb_tn a.zx{ background: linear-gradient(0deg,#2579ec,#5bc8fa);}
.tb_tn a:hover{animation: rubberBand .8s;}

.main03 ul{ display: flex; justify-content: space-between;}
.main03 ul li{ width: 280px; height: 320px; border-radius: 10px;}
.main03 ul li img{ width: 64px; height: 50px; margin: 30px auto 0; display: block;}
.main03 ul li h3{ font-size: 26px; line-height: 26px; color: #fff;  text-align: center; margin-top: 20px;} 
.main03 ul li p{ font-size: 16px; line-height: 28px; color: #fff;  text-align: center; margin-top: 20px; padding: 0px 28px; text-indent: 2em;}
.main03 ul li a{ font-size: 16px; line-height: 34px; color: #fff;  text-align: center; margin: 15px auto 0; padding: 3px 20px; background: #fff; display: block; width: 80px; border-radius: 34px;}
.main03 ul li a.red{ color: #ff4272;}
.main03 ul li a.blue{ color: #2199ff;}
.main03 ul li a.qin{ color: #0eccda;}
.main03 ul li a.zi{ color: #7a50f2;}


.m4box ul{ display: flex; justify-content: space-evenly; align-items: center;}
.m4box ul li{ width: 326px; height: 314px; background:url(../images/ewmbg.png) no-repeat;}
.m4box ul li img{ width: 180px; height: 180px; display: block; margin: 47px auto 0;}
.m4box ul li p{ font-size: 22px; line-height: 28px; text-align: center; margin-top: 40px;}





.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: 12rem; background-size: 224%;}
	.banner_box{ width: 18rem; margin: 0 auto;}
	.banner_box h1{font-size: 1rem; line-height: 1rem; margin-top: 1.2rem;}
	.banner_box p{ font-size: 3.4rem; line-height: 3.4rem; width: 14rem; margin: 0.6rem auto 0;}

	.bt{ font-size: 1.1rem; line-height: 1.1rem; margin: 1.2rem 0 0.7em 0;}

	.m1_box{ padding: 0.6rem 0.4rem; border-radius: 0.4rem;}
	.m1b_l{ float: none; width: 18rem; height: auto;}
	.m1b_l img{ width: 17.2rem; height: auto;}
	.m1b_r{ float: none; width: 16rem; height: auto; margin: 0 auto; overflow: hidden;}
	form { width: 16rem; margin: 0.8rem auto 0;}
	
	.input { width: 15rem; height: 2rem; margin: 0 auto 0.4rem auto; background: #fff; border-radius: 0.2rem;font-size: 0.66rem;}
	.input.active { width: 7.05rem;}
	select.input { width: 7.05rem;}
	.input.active:last-child { margin-left: 0.4rem; cursor: pointer;}
	.flex { display: flex; justify-content: space-evenly;}
	#__nc { height: 2rem; line-height: 2rem; border-radius: .7rem;}
    .nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper,.nc-container #nc_2_wrapper, .nc-container.tb-login #nc_2_wrapper { width: 10rem!important; height: 2rem;}
    .nc_scale { height: 2rem!important;}
    .nc-container .nc_scale span { height: 2rem!important; line-height: 2rem!important;}
    .nc-container .nc_scale span.nc-lang-cnt { line-height: 2rem;}
    .nc-container .nc_scale .btn_ok { line-height: 2rem;}
    ._nc .stage1,._nc .stage1 .slider,._nc .stage1 .track div, ._nc .stage1 .label{ height: 2rem!important; line-height: 2rem!important; font-size: .66rem!important; left: 0 !important; right: 0 !important; width: 100%; border-radius: 0.15rem;}
    ._nc .stage1 .button,
    ._nc .stage1 .icon{ width: 2rem !important; height: 2rem !important;  border-radius: 0; background: #fff;}
    ._nc .stage{ padding: 0 !important;}
	._nc .stage1 .icon{ bottom: 0 !important;}
	._nc .icon-slide-arrow:before { content: "\e607"; line-height: 2rem !important; margin: 0 0 0 -0.56rem !important;}
	._nc .icon-slide-arrow { font-size: 1rem !important;}
	.nc-container .nc_scale .scale_text2 b{font-size: 16px !important; line-height: 60px !important;}
	._nc .icon-ok{ font-size: 1rem !important; line-height: 2rem !important; text-indent: 0 !important;}
	._nc .stage1 .icon{ left:0 !important;}
	#fs{ font-size: 0.68rem ;}
	.button { width: 15rem; line-height: 2.2rem; border-radius: 0.2rem ;margin: 0.2rem auto 0; font-size: 0.75rem;}
	.select{ width: 6rem; margin: 0 auto 0.4rem auto; background: #fff url(../images/select_bg.png) no-repeat 92% center; background-size: 6%;}

	.m2box{ border: 0.4rem solid #7b56f3; padding: 0.6rem 0.4rem; border-radius: 0.4rem;}
	.m2box_l{ float: none; width: 16.4rem; height: auto; margin-bottom: 0.6rem;}
	.m2box_l img{ width:16.4rem; height: auto;}
	.m2box_r{ float: none; width: 16.4rem; }
	table th{ font-size: 0.75rem; padding: 0.3rem;}
	table td{ font-size: 0.66rem; padding:0.3rem;}
	th, td{  border: 0.04rem solid #7b56f3;}
	.tb_tn a{ width: 5rem; line-height: 1.6rem; border-radius: 2rem; margin: 0.4rem; font-size: .72rem;}

	.main03 ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
	.main03 ul li{ width: 8.75rem; height: 13.5rem; border-radius: 0.4rem;}
	.main03 ul li img{ width: 2rem; height: 1.5rem; margin: 1rem auto 0;}
	.main03 ul li h3{ font-size: 1rem; line-height: 1rem; margin-top: 1rem;} 
	.main03 ul li p{ font-size: 0.75rem; line-height: 1rem; margin-top: 0.5rem; padding: 0px 0.88rem;}
	.main03 ul li a{ font-size: 0.75rem; line-height: 1.3rem; margin: 0.8rem auto 0; padding: 0.2rem 0.8rem; width: 3rem; border-radius: 1.3rem;}
	.main03 ul li:nth-child(1){margin-bottom: 0.5rem;}
	.main03 ul li:nth-child(2){margin-bottom: 0.5rem;}


	.m4box ul{ display: flex; flex-wrap: wrap;}
	.m4box ul li{ width: 8rem; height: 8.4rem; background-size: contain;}
	.m4box ul li img{ width: 4.4rem; height: 4.4rem; display: block; margin: 1.2rem auto 0;}
	.m4box ul li p{ font-size: 0.68rem; line-height: 1rem; margin-top: 0.88rem;}










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