@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; }
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;}
.hua{margin-left:20px}
@keyframes rotateArround { from {transform: rotateZ(0deg);} to {transform: rotateZ(360deg);} } @-webkit-keyframes rotateArround { from {-webkit-transform: rotate(0deg); } to {-webkit-transform: rotate(360deg);} } @-moz-keyframes rotateArround { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(360deg);} } @-ms-keyframes rotateArround { from {-ms-transform: rotate(0deg);} to {-ms-transform: rotate(360deg);} } @-o-keyframes rotateArround { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(360deg);} }

/* 顶部样式 */
.zk_top {width: 100%;background: #fafafa url(../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: 130px;height: 40px;overflow: hidden; background: url(../images/logo.png) no-repeat; background-size: 130px 40px; 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;}
.zk_top .topnav a:hover { color:#e4393c; text-decoration:underline;}

/* 主体样式 */
.banner{ width: 100%; height: 816px; background: url(../images/banner_bg.png) no-repeat; background-position: center center; background-size: auto 100%; overflow: hidden;}
.banner_img{ width: 498px; height: 298px; background: url(../images/banner_img.png) no-repeat; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; position:absolute; top: 230px; right: 30px;}
.banner_txt{ font-size: 44px; line-height: 54px; color: #fff; position: absolute; top: 120px; left: 30px; animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}
.banner_txt span{ font-size: 28px; line-height: 48px; color: #0eb6fa; text-align: center; width: 360px; height: 48px; background: #fffb82; display: block; margin-top: 10px; border-radius: 50px;}
.banner_txt i{ font-style:normal; font-weight: 400; font-size: 158px; font-weight: bold; line-height: 158px; display: block; margin-top: 10px;}
.banner_box{ width: 1200px; height: 528px; margin: 0 auto;}
.ds_txt{ font-size: 24px; line-height: 24px; text-align: center; color: #252525; margin-top: 138px; padding-left: 8px; animation-delay: 1.6s; -webkit-animation-delay: 1.6s;}
.banner .time {width:408px; margin:42px auto 0; color:#fff; font-size: 30px; line-height: 68px; text-align: center;}
.banner .time span { color: #21aafb; display:block; float:left; width:74px; height:68px;}
.banner .time em { display:block; float:left; width:28px; height:68px; font-size: 24px; font-style: normal;}

.bt{ font-size: 50px; line-height: 50px; text-align: center; font-weight: bold; color: #252525;}
.main01{ padding-top:66px;}
.main01 img{ width:980px; height: 380px; margin: 40px auto 0; display: block;}
.main01 p{ width:570px; height: 56px; font-size: 26px; line-height: 56px;  text-align: center; color: #fff; background: #27a7ff; margin: 40px auto 0; display: block; border-radius: 60px;}

.main02{ width: 100%; padding: 56px 0; height: 500px; overflow: hidden; margin-top: 66px; background: #e6f8fe;}
.main02 .pannel04-cont{ color:#fff; background: url(../images/td_bg.png) center 50px no-repeat; width: 1200px; height: 410px; margin: 40px auto 0;font-size:16px;}
.main02 .pannel04-cont dl{ display: flex; flex-direction: row; margin:20px 0 130px 0;}
.main02 .pannel04-cont .left-cont{ width:380px; }
.main02 .pannel04-cont .list-dl2 dd{ width:380px;}
.main02 .pannel04-cont .right-cont{ width:380px;}
.main02 .pannel04-cont .right-cont dt{ margin-right: 20px;}
.main02 .pannel04-cont .left-cont dd{ text-align:right; margin-right:20px;}
.main02 .pannel04-cont dl dd span{ display: block; font-size:26px; font-weight:bold; margin-bottom:10px;}
.main02 .pannel04-cont dl dt{ animation: rotateArround 3s linear infinite;}
.main02 .pannel04-cont dl dt{ width:28px; height:28px;}
.main02 .pannel04-cont dl dt img{ width:28px; height:28px;}

.main03{ padding-top:66px;}
.yuyueBox {width:1200px; padding:40px 0; margin:40px auto 0; background: #0898fb; border-radius:200px;
		-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);
}
.yuyueBox input,.yuyueBox select {display: block; float:left; width:200px; height:50px; margin-right:20px; box-sizing: border-box; border:none; border-radius: 5px;color:#111; font-size:18px; line-height:50px; text-indent: 0.5em;}
.yuyueBox input:focus,.yuyueBox select:focus { box-shadow:0 0 20px rgba(255,255,255,0.2) inset;} 
.yuyueBox input:-ms-input-placeholder { color:#111; } 
.yuyueBox input::-webkit-input-placeholder { color:#111; } 
.yuyueBox input:-webkit-input-placeholder { color:#111; } 
.yuyueBox input:-moz-placeholder { color:#111; } 
.yuyueBox input::-moz-placeholder { color:#111; } 
.yuyueBox .prov { margin-left:40px; }
.yuyueBox #PhoneCode { width:140px; margin-right:0; border-radius:5px 0 0 5px; }
.yuyueBox  #fs,.yuyueBox .yuyueBtn {width:120px; cursor: pointer;background: #ffe451; border:none;color: transparent; font-size:18px; font-family: "microsoft yahei"; text-align: center; text-indent: 0;text-shadow: 0 0 0 #fff;transition: all .2s; color: #252525;}
.yuyueBox  #fs { background:#d1f2ff; color:#0898fb; }
.yuyueBox  #fs { border-radius:0 5px 5px 0; }
.yuyueBox #fs:hover,.yuyueBox .yuyueBtn:hover { opacity: .9; }
.yuyueBox .yuyueBtn { width:180px; margin-right:0; }
.yuyueBox select {background: #fff url(../images/pic00.png) no-repeat 180px center;}
.fixedBottom { position: fixed; bottom:0; width:100%; margin:0; z-index: 5; background: #0596fb; border-radius: 0;}
.fixedTop { position: fixed; top:0; width:100%; margin:0; z-index: 5; background: #0596fb; border-radius: 0;}

.main04{ width: 100%; padding: 56px 0; height: 530px; overflow: hidden; margin-top: 66px; background: #f4f4f4;}
.main04 ul li{ width: 500px; height: 380px; background: #fff; border-radius:15px; padding: 25px; margin: 0 20px; position: relative;
		-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);
}
.main04 ul li p{ font-size:20px; line-height: 30px; margin:15px 0 0 0; display: inline-block; width: 360px;}
.main04 ul li a{font-size:18px;line-height: 34px;color: #0898fb;text-align: center;width: 147px;height: 34px;border: 2px solid #0898fb;border-radius:5px;bottom: 65px;right: 26px;position: absolute;display: block;transition: all .2s;}
.main04 ul li a:hover{ background:#0898fb; color: #fff; opacity: 0.9;}
.main04 .kc_box{ margin-top: 40px;}









.foot li,.foot div{ display: inline-block; color: #fff;}
.foot{ width: 100%; height: 88px; background: #252525; margin: 0 auto;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){
	.hua{margin-left:0px}
    .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 .topnav{font-size: 0.4rem;}
    .zk_top h1 a{width: 6.2rem; font-size: 0.4rem; background-size: contain;}

    /* 主体样式 */
	.banner{ width: 100%; height: 13.4rem; background: url(../images/ble_banner_bg.png) no-repeat; background-size: contain;}
	.banner_img{ width: 8rem; height: 5rem; top: 3rem; right: 0.3rem; background-size: contain;}
	.banner_txt{ font-size: 0.7rem; line-height: 1rem; top: 1.6rem; left: 0.3rem;}
	.banner_txt span{ font-size: 0.6rem; line-height: 1rem; width: 7.5rem; height:1rem; margin-top: 0.2rem;}
	.banner_txt i{ font-size: 2.6rem; line-height: 2.6rem; margin-top: 0.2rem;}
	.banner_box{ width: 18rem; height: 9rem;}
	.ds_txt { font-size: 0.6rem; line-height: 0.6rem; margin-top: 1.15rem; padding-left: 0.2rem;}
	.banner .time { width: 9.8rem; margin: 0.2rem auto 0; font-size: 0.7rem; line-height: 2.6rem; padding: 0 0 0 0.9rem;}
	.banner .time span {width:1.48rem; height:2.6rem;}
	.banner .time em { width:0.8rem; height:2.6rem; font-size: 0.7rem;}

	.bt{ font-size: 1rem; line-height: 1.2rem;}
	.main01{ padding-top:1rem;}
	.main01 img{ width:18rem; height: 8rem; margin: 0.6rem auto 0; background-size: contain;}
	.main01 p{ width: 12.6rem; height: 1.4rem; font-size: 0.6rem; line-height: 1.4rem; margin: 0.8rem auto 0;}

	.main02{ padding: 1rem 0; margin-top: 1.2rem; height: 12rem;}
	.main02 .pannel04-cont .left-cont,.main04 .pannel04-cont .right-cont{ width:100%; }
    .main02 .pannel04-cont .list-dl1{ padding-left:0; width:100%; }
    .main02 .pannel04-cont dl dd span{ font-size:0.7rem;}
    .main02 .pannel04-cont dl dd p{ font-size:.6rem; line-height: 1rem;}
    .main02 .pannel04-cont dl dt{ width:1rem; height:1rem; }
    .main02 .pannel04-cont dl dt img{ width:1rem; height:1rem; }
    .main02 .pannel04-cont dl{ width:100%; overflow:hidden; margin: 0.6rem 0 0.8rem 0;}
    .main02 .pannel04-cont .left-cont dd{ width:16rem; }
    .main02 .pannel04-cont .left-cont dd, .main04 .pannel04-cont .right-cont dt{ margin-right:0.6rem; }
    .main02 .pannel04-cont .right-cont dt{ margin-right:0.6rem;}
    .main02 .pannel04-cont .list-dl4{ padding-left:0;}
    .main02 .pannel04-cont { background: none; width: 18rem;  height: auto; margin: 0.5rem auto 0; font-size: 0.7rem; overflow: hidden; background-size: contain;}
	.main02 .pannel04-cont .right-cont{width: 100%;}

	.main03 { padding-top: 1.6rem;}
	.yuyueBox { width:18rem; padding:1rem; margin:0.8rem auto 0; box-sizing: border-box; border-radius: 10px;}
	.yuyueBox .Width{width:100%;}
	.yuyueBox input,
	.yuyueBox select {height:2rem; margin-right:0; margin-bottom:.5rem;border-radius:.2rem;font-size:.7rem; line-height:2rem; text-indent:.5em;}
	.yuyueBox input { float:none; width:16rem;  }
	.yuyueBox select {width:16rem;background-size:auto .6rem;background-position: 6.75rem center;}.yuyueBox input:focus,.yuyueBox select:focus { box-shadow:0 0 .5rem rgba(255,255,255,.2) inset; background-size: auto .6rem;background-position: 6.75rem center;} 
	.yuyueBox .prov { margin-left:0; margin-right:.5rem; }.yuyueBox #PhoneCode { float:left; width:9.5rem; margin-right:0; border-radius:.2rem 0 0 .2rem; }
	.yuyueBox  #fs { width:6.5rem;font-size:.7rem; border-radius: 0 .2rem .2rem 0; }
	.yuyueBox .yuyueBtn { width:8rem; margin:1rem auto 0; font-size:.8rem; }
	.fixedBtn {position: fixed; bottom: 0; width:100%; padding:.5rem 0; z-index:5;background: #0898fb;}
	.fixedBtn a {display:block; width:10rem; height:2rem; margin:0 auto;background:#ffe451; border-radius: .2rem;color: transparent; font-size:.8rem; font-weight: 800; line-height: 2rem; text-align: center;text-shadow: 0 0 0 #333;transition: all .2s;}
	.fixedBtn a:hover { opacity: .9;}

	.main04{ padding: 1rem 0; height: 33rem; margin-top: 1rem; }
	.main04 ul li{ width: 16rem; height: 13rem; margin: 1rem 0 0.8rem 0; float: none; padding: 1rem;}
	.main04 ul li p{ font-size: 0.7rem; line-height: 1rem; margin: 0rem 0 0 0;}
	.main04 ul li a{font-size:0.6rem;line-height: 1.2rem;width: 5.6rem;height: 1.2rem;bottom: .5rem;right: 1.2rem;}
	.main04 ul li img{ width: 100%;}
	.main04 .kc_box{ margin-top: 0.8rem;}
    .img1{ width: 100%;}


    .foot{ height: 2rem; font-size: 0.6rem; line-height: 2rem; padding: 0; margin: 0;}
    .foot ul, .foot .foot_pc { display: none;}
    .footbq a{ color: white;}
	
    .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 */
}