@charset "gb2312";
/* CSS Document */
body{ font:12px/24px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; 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: 528px; 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 h2{ font-size: 38px; line-height: 58px; text-align: center; font-weight: 400; color: #fff; margin-top: 100px;}
.banner_box img{ width: 1150px; height: 136px; margin: 15px auto 0;}
.banner_box p{ font-size: 34px; line-height: 56px; text-align: center; color: #fff; width: 370px; height: 56px; background:#40a2f5; border-radius: 58px;  margin: 25px auto 0; display: block;}

.main01{ margin:60px auto 0;}
.bt01{ font-size: 48px; line-height: 120px; text-align: center; font-weight: bold; font-family: "MicroSoft YaHei",Arial,sans-serif; width: 682px; height: 88px; background:url(../images/bt01.png) no-repeat; margin: 0 auto; overflow: hidden;}
.m01_box1{ margin:50px auto 0;}
.m01_box1 li{ float: left; margin: 0 10px; padding: 42px 25px 0 25px; font-size: 16px; line-height: 20px; text-align: center; color: #fff;}
.m01_box1 li.td01{ width: 130px; height: 140px; background:url(../images/m1b01.png) no-repeat; }
.m01_box1 li.td02{ width: 130px; height: 140px; background:url(../images/m1b02.png) no-repeat; }
.m01_box1 li p{ font-size: 22px; line-height: 26px; text-align: center; color: #fff072; margin-bottom: 5px;}
.m01_box1 li:nth-child(2),.m01_box1 li:nth-child(5){animation-delay: 0.4s; -webkit-animation-delay: 0.4s;}
.m01_box1 li:nth-child(1),.m01_box1 li:nth-child(6){animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}

.m01_box2{padding: 40px 0; background: #fff; border-radius: 15px; margin: 45px 0 0 0;
		-ms-box-shadow: 2px 2px 10px rgba(137, 137, 137, 0.2);
    	-moz-box-shadow: 2px 2px 10px rgba(137, 137, 137, 0.2);
    	-webkit-box-shadow: 2px 2px 10px rgba(137, 137, 137, 0.2);
    	-o-box-shadow: 2px 2px 30px rgba(137, 137, 137, 0.2);}
.m1_sp2{ float: left; margin-left: 40px; width: 528px; height: 305px;}
.m1_sp2 iframe{ width: 528px; height: 296px;}
.m1_sp2 video{ width: 100%; height: 100%;}
.m1_txt2{ float: right; width: 560px; margin-right: 40px;}
.m1_txt2 p{ font-size: 16px; line-height: 28px; text-indent:2em;}
.m1_txt2 li{ float: left; margin: 25px 8px 0 8px;}
.m1_txt2 li a{ font-size: 20px; line-height: 40px; color: #fff; text-align: center; width: 170px; height: 40px; background: linear-gradient(-5deg,rgb(43, 80, 192),rgb(84, 159, 252)); display: inline-block; border-radius: 40px; transition: transform .3s; cursor: pointer;} 
.m1_txt2 li a:hover{ background: linear-gradient(-5deg,rgb(248, 126, 7),rgb(255, 181, 53)); transform: scale(1.05);}

.m01_box3{ margin:50px auto 0;}
.m01_box3 h2{ font-size: 34px; line-height: 40px; text-align: center; margin-bottom: 30px;}
.m01_box3 li{ float: left; margin: 0 2px 30px 38px; padding: 8px 8px 20px 8px; border: 1px solid #ddd; border-radius: 10px;}
.m01_box3 li img{ width: 330px; height: 204px; margin: 0 auto; display: block;}
.m01_box3 li:hover{ border: 1px solid #3058c2;}
.m01_box3 li:nth-child(4),.m2_box li:nth-child(5),.m2_box li:nth-child(6){margin: 0 2px 0 38px;}
.m3t{ padding: 0 8px; margin-top: 15px;}
.m3t span{ float: left; font-size: 22px; line-height: 36px;}
.m3t a{ float: right; font-size: 18px; line-height: 36px; text-align: center; color: #fff; width: 100px; height: 36px; background: linear-gradient(-5deg,rgb(248, 126, 7),rgb(255, 181, 53)); display: inline-block; border-radius: 36px; transition: transform .3s;}
.m3t a:hover{ transform: scale(1.05);}

.main02{ margin: 40px 0 0 0; padding: 50px 0 35px 0; background: #3058c2;}
.bt02{ font-size: 48px; line-height: 120px; text-align: center; color: #fff; font-weight: bold; font-family: "MicroSoft YaHei",Arial,sans-serif; width: 628px; height: 88px; background:url(../images/bt02.png) no-repeat; margin: 0 auto; overflow: hidden;}
.jk_img{ width: 1190px; height: 290px; background:#ced9fb; border:5px solid #fff; border-radius: 15px; margin: 40px 0 0 0;}
.jk_img img{ width: 1190px; height: 290px; background-size: contain;}
.jk_bm{ margin: 30px 0 0 0;}
.jk_bm h3{ font-size: 30px; line-height: 36px; text-align: center; color: #fff;}
.jk_bm ul{ margin-top: 30px;}
.jk_bm li{ float: left; margin: 15px;}
.jk_bm li a{ font-size: 20px; line-height: 50px; text-align: center; color: #fff; width: 140px; height: 50px; background: #4e88ff; display: inline-block; border-radius: 50px; transition: all .2s;}
.jk_bm li a:hover{ background: #fdab2e; color: #fff; transform: scale(1.05);}

.main03{ margin:50px auto 0;}
.bt03{ font-size: 48px; line-height: 120px; text-align: center; font-weight: bold; font-family: "MicroSoft YaHei",Arial,sans-serif; width: 738px; height: 88px; background:url(../images/bt03.png) no-repeat; margin: 0 auto; overflow: hidden;}
.m3_imgbox{ margin-top: 50px;}
.m3_imgbox a{ margin: 0 15px; height: 305px; display: inline-block; overflow: hidden; border-radius: 15px;}
.m3_imgbox img{ width: 570px; height: 305px; transition: all .2s;}
.m3_imgbox 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.4rem;}
    .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: 9rem; background-size: 182%;}
	.banner_box{ width: 18rem; margin: 0 auto;}
	.banner_box h2{ font-size: 0.88rem; line-height: 1.5rem; margin-top: 1.4rem;}
	.banner_box img{ width: 17rem; height: 2.2rem; margin: 0 auto;}
	.banner_box p{ font-size: 0.75rem; line-height: 1.5rem; width: 8.5rem; height: 1.5rem; margin: 0.1rem auto 0;}

	.main01{ margin:1.5rem auto 0;}
	.bt01{ font-size: 1rem; line-height: 2.6rem; width: 15rem; height: 2rem; background-size: contain;}
	.m01_box1{ margin:1rem auto 0;}
	.m01_box1 li{ margin: 0 0.8rem 0.8rem 0.8rem; padding: 1.6rem 1rem 0 1rem; font-size: 0.7rem; line-height: 0.88rem;}
	.m01_box1 li.td01{ width: 5.4rem; height: 6rem; background-size: 100%;}
	.m01_box1 li.td02{ width: 5.4rem; height: 6rem; background-size: 100%;}
	.m01_box1 li p{ font-size: 0.85rem; line-height: 1rem; margin-bottom: 0.3rem;}
	.m01_box1 li:nth-child(5),.m01_box1 li:nth-child(6){ margin-bottom: 0;}

	.m01_box2{padding: 1rem 0; border-radius: 0.4rem; margin: 0.8rem 0 0 0;}
	.m1_sp2{ float: none; margin: 0 auto; width: 17rem; height: 10rem;}
	.m1_sp2 iframe{width: 17rem; height: 9.55rem;}
	
	.m1_txt2{ float: none; width: 17rem; margin: 0.8rem auto 0;}
	.m1_txt2 p{ font-size: 0.7rem; line-height: 1.1rem; text-indent:2em;}
	.m1_txt2 li{ margin: 0.6rem 0.7rem 0 0.7rem;}
	.m1_txt2 li a{ font-size: 0.75rem; line-height: 1.6rem; width: 7rem; height: 1.6rem; border-radius: 1.6rem;} 

	.m01_box3{ margin:1rem auto 0;}
	.m01_box3 h2{ font-size: 1rem; line-height: 1.5rem; margin-bottom: 0.5rem;}
	.m01_box3 li{ margin: 0 0.17rem 0.4rem 0.4rem; padding: 0.3rem 0.3rem 0.5rem 0.3rem; border-radius: 0.2rem;}
	.m01_box3 li img{ width: 7.6rem; height: 5.4rem; background-size: contain;}
	.m01_box3 li:nth-child(4){margin: 0 0.17rem 0.4rem 0.4rem;}
	.m01_box3 li:nth-child(5),.m01_box3 li:nth-child(6){margin: 0 0.17rem 0 0.4rem;}
	.m3t{ padding: 0 0.2rem; margin-top: 0.5rem;}
	.m3t span{ font-size: 0.66rem; line-height: 1.2rem;}
	.m3t a{ font-size: 0.66rem; line-height: 1.2rem; width: 3.4rem; height: 1.2rem; border-radius: 1.2rem; }
	
	.main02{ margin: 1.3rem auto 0; padding: 1rem 0; background: #3058c2;}
	.bt02{ font-size: 1rem; line-height: 2.6rem; width: 14rem; height: 2rem; background-size: contain;}
	.jk_img{ width: auto; height: 4.5rem; border:0.2rem solid #fff; border-radius: 0.4rem; margin: 1rem 0 0 0;}
	.jk_img img{ width: 18rem; height: 4.5rem; background-size: contain;}
	.jk_bm { margin: 0.6rem 0 0 0;}
	.jk_bm h3{ font-size: 0.8rem; line-height: 1.5rem;}
	.jk_bm ul{ margin: 0.2rem 0 0.6rem 0;}
	.jk_bm li{ margin: 0.5rem;}
	.jk_bm li a{ font-size: 0.75rem; line-height: 2rem; width: 5rem; height: 2rem; border-radius: 2rem;}
    .jk_bm p{margin-top: 0.8rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.8rem; color: #ff5722; text-align: center;}
	
	.main03{ margin: 1.5rem auto 0;}
	.bt03{ font-size: 1rem; line-height: 2.6rem; width: 16rem; height: 2rem; background-size: contain;}
	.m3_imgbox{ margin-top: 0.6rem;}
	.m3_imgbox a{ margin: 0.8rem 0 0.5rem 0; overflow: hidden; display: block; height: 10rem;}
	.m3_imgbox img{ width: 18rem; height: 10rem; border-radius: 0.4rem;}
	
	
	
	
	
	
	

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