/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 {}
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#333;font-size:20px;line-height: 160%;font-family:"Microsoft YaHei";width:100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.pc{display:block;}

.w1000{width:1000px;margin:0 auto;}

.banner{width:100%;height:725px;background:url(../images/banner.jpg) no-repeat center top;position: relative;}
.banner .text{padding:55px 0 0 160px;}
.banner .zx{position: absolute;width:180px;height: 180px;right: 36%;bottom: 10%;}
.banner .hand{animation: rotate 1s linear infinite;position: absolute;bottom: 10%;right: 35%;}

.itemBox{padding:40px 0;}
.itemBox .con{padding:60px 0 0;}
.title{text-align:center;padding:30px 0;}
.title span{font-size:48px;font-weight:bold;color:#02fffd;background: url(../images/title.png) no-repeat right center;padding: 20px 0;}
.title.black span{color: #333;}

.btn{margin: 30px auto 0;width: 30%;background:#8ec014;color:#fff;height: 54px;line-height: 54px;transition:all 0.2s ease-in 0s;display: block;text-align: center}
.btn:hover{transform:translateY(-5px);}

/*nav*/
.nav{width:100%;line-height:48px;z-index: 10;margin:50px 0;}
.nav li{float:left;font-weight: bold;height: 48px;width:11.5%;margin:0 0.5%;text-align: center;cursor: pointer;background:url(../images/nav.jpg) no-repeat center top;-webkit-background-size: 100% 100%;background-size: 100% 100%;transition:all 0.2s ease-in 0s;}
.nav li a{color:#fff;}
.nav li.menuOver,
.nav li:hover{background:url(../images/nav_active.jpg) no-repeat center top;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.nav li:hover a{color:#fff;}
.nav li.menuOver a{color:#fff;}
.nav li.even{margin:20px 0.5% 0;}
.nav li.even.last{margin:20px 0 0 0.5%;}

/*item-1*/
.item-1{position: relative;}
.item-1 .bg{position: absolute;right:20px;bottom:20px;}
.item-1 .con{position: relative;z-index: 2;}
.item-1 .con p b{color: #0071ba;}

.box1{background:url(../images/bg_2.png) no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;}

/*item-2*/
.item-2 .con li{float: left;width: 25%;text-align: center;background: url(../images/page2_line.png) no-repeat right center;}
.item-2 .con li h6{font-size: 24px;color: #a1e300;margin:10px 0;}
.item-2 .con li p{color: #fff;}
.item-2 .con li.last{background: none;}
/*.item-2 .con li:hover img{animation: rotate .5s linear infinite;}*/

/*item-3*/
.item-3 .con li{background: url(../images/page3.png) no-repeat center top;margin-bottom: 10px;height: 92px;line-height: 92px;}
.item-3 .con li b{color: #a1e300;font-size: 28px;float: left;width: 45%;text-align: center;}
.item-3 .con li p{color: #fff;float: left;width: 55%;}

.box2{position: relative;background: url(../images/bg_3.png) no-repeat right 500px;}
.box2 .bg{position: absolute;top: -115px;left: 50%;margin-left: -570px;}

/*item-4*/
.item-4{padding-bottom:40px;position: relative;}
.item-4 .con{padding:50px 0 0 0;}
.item-4 .con .div .fl{animation:cityName 1s 0s;-webkit-animation:cityName 1s 0s;}
.item-4 .con ul li{width:100px;line-height:48px;float:left;padding-right:25px;text-align:center;color:#fff;cursor:pointer;margin-bottom:10px;font-size:20px;background: url(../images/page4_line.jpg) repeat-x left center;}
.item-4 .con ul li b{display: block;background:#045691;font-weight: normal;}
.item-4 .con ul li.end b{background:#999;}
.item-4 .con ul li.m0{padding-right:0;}
.item-4 .con ul li.active b,
.item-4 .con ul li:hover b{background:url(../images/page4_active.png) no-repeat center top;color:#fff;}
.item-4 .con ul li span{font-size:14px;}
.item-4 .con .div{width:100%;background:none;text-align:left;cursor:auto;margin:0;display:none;padding:25px 100px;}
.item-4 .con ul li.div:hover{background:none;}
.item-4 .con .div p img{margin-right:5px;vertical-align: middle;}
.item-4 .con .div .cityName{margin-right:20px;font-size:58px;background: linear-gradient(to right, #1b9ac3, #8bbe21);-webkit-background-clip: text;color: transparent;font-weight:bold;padding:10px;}
.item-4 .con .div .cityName span{font-size:22px;}
.item-4 .con .div p{font-size:19px;line-height:36px;color:#333;}
.item-4 .con .div p span{color:#099ebe;font-size:22px;font-weight:bold;}
.item-4 .con .yd{display: none;}

/*item-5*/
.item-5 .con img{display: block;margin: 0 auto;}
.item-5 .con .txt{margin-top:40px;}
.item-5 .con .txt h5{padding:20px 0 20px 35px;background: url(../images/star_b.png) no-repeat left center;font-size: 28px;}
.item-5 .con .txt p{background: #e1ebf3;padding:10px 20px;border-radius: 10px;}
.item-5 .con .txt p.text{margin:0px 35px 20px;}
.item-5 .con .txt .list{margin: 0 10%;}
.item-5 .con .txt .list ul{margin:20px 5%;float: left;width: 40%;}
.item-5 .con .txt .list ul.last{margin:0 0 20px;}
.item-5 .con .txt .list ul li{color:#668109;text-align: center;}
.item-5 .con .txt .list ul li p{float: left;margin: 10px 1%;font-weight: bold;width: 60%;padding:10px;}
.item-5 .con .txt .list ul li p.true{width: 10%;}
.item-5 .con .txt .list.threeRow{margin:0 30px;}
.item-5 .con .txt .list.threeRow ul{width: 33.3%;margin: 20px 0%;}

/*item-6*/
.item-6{background:url(../images/bg_2.png) no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.item-6 .tab_wrap .tab {padding: 0 4%;}
.item-6 .tab_wrap .tab li {float: left;cursor: pointer;font-size: 20px;text-align: center;line-height: 60px;width: 28.3%;height: 60px;color: #7b9ddf;background: #dfe7ff;font-weight: bold;margin: 0 2.5%;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.item-6 .tab_wrap .tab li.active {position: relative;background:url(../images/page4_active.png) no-repeat center top;-webkit-background-size: 100% 100%;background-size: 100% 100%;color: #fff;line-height: 45px;border-radius: 0;}
.item-6 .tab_wrap .tab li.active::before {position: absolute;content: "";width: 100%;bottom: 60px;height: 15px;background:url(../images/page4_active.png) no-repeat center top;-webkit-background-size: 100% 100%;background-size: 100% 100%;;border-top-left-radius: 10px;border-top-right-radius: 10px;left: 0;}
.item-6 .wrap{padding: 30px;background:#fff;}
.item-6 .wrap .item_wrap {position: relative;overflow: hidden;}
.item-6 .tab_wrap .item_wrap .item {position: absolute;left: -100%;width: 100%;overflow: hidden;}
.item-6 table tr{text-align: center;background: #f7fcfe;font-size: 16px;}
.item-6 table tr.thead{background: #1045ae;color: #fff;font-weight: bold;font-size: 18px;}
.item-6 table tr.even{background: #e8f3f7;}
.item-6 table tr td{border-right: 1px solid #d8e8ee;padding:10px 0;}
.item-6 table tr td.bg{background: #e4eff7;}
.item-6 table tr td.bg1{background: #e8f3f7;}
.item-6 table tr td.bg2{background: #f7fcfe;}
.item-6 table tr td.bg3{background: #e8f3f7;}
.item-6 table tr.thead td{border-right: 1px solid #fff;}
.item-6 table tr td.pd10{padding-left:2%;}
.item-6 table tr td.last{border-right:none;}
.item-6 table tr td b{color: #1045ae;}

/*item-7*/
.item-7 .con{padding:70px 0 70px 0 ;}

/*item-8*/
.item-8{height:657px;background:url(../images/form_bg.jpg) no-repeat top center;}
.item-8 .title h3{color:#fff;}

#reg form label {margin: 12px 0;}
.mask{display: none}

/*在线预约*/
.zxyy{background: url(../images/zxyy_bg.png) no-repeat center top;}
.form-wrap form label {border:none;}
.form-wrap .btn-wrap {background: #8ec014;}

@media only screen and (max-width: 1000px) {
	body{font-size: 22px;line-height: 160%;-webkit-text-size-adjust: none;}
	.w1000{width:96%;}
	.yd{display:block;}
	.mobile{display:block;}
	.pc{display:none;}

	.banner{height:770px;background: url(../images/m_banner.jpg) no-repeat center top;}
	.banner .w1000{width:100%;}
	.banner .text{padding: 115px 0 0;text-align: center;}
	.banner .text img{width:80%;}
	.banner .zx{right: 22%;}
	.banner .hand{right: 16%;}

	.nav li{height: auto;width:10.5%;padding:10px 0.5%;margin:0 0.5%;line-height: 140%;}

	.itemBox .con{padding: 1rem 0 0;}
	.box1,
	.item-6{background: url(../images/m_bg_2.png) no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
	.btn{width: 40%;}
	.btn1{background: url(../images/page4_active.png) no-repeat center top;-webkit-background-size: 100% 100%;background-size: 100% 100%;width: 70%;padding:10px 0;font-weight: bold;}
	.btn1 img{vertical-align: middle;margin-left: 15px;animation: rotate 1s linear infinite;}

	.item-1 .bg{text-align: right;}
	.item-1 .bg img{width: 40%}

	.item-2 .con li{width: 50%;margin: 40px 0;background:none;}
	.item-2 .con{background: url(../images/m_page2_line.png) no-repeat center center;}
	
	.item-3{padding: 40px 0 60px;}
	.item-3 .con li {background: url(../images/m_page3.png) no-repeat center top;}
	.item-3 .con li b{width: 40%;}

	.item-4 .con .yd{display:block;width:85%;margin:0 auto;width:90%;}
	.item-4 .yd select{width:100%;padding: 20px 5% 20px 14%;font-size: 26px;border-radius: 5px;background:#fff url(../images/pos.png) no-repeat 5% center;-moz-box-shadow:2px 2px 5px #1b9ac3; -webkit-box-shadow:2px 2px 5px #1b9ac3; box-shadow:2px 2px 5px #1b9ac3;border:none;outline:none;font-size: 26px;}
	.item-4 .con .yd .div{padding:20px 0 0 0;display:block;}
	.item-4 .con .yd .div p{text-align:left;}
	.item-4 .con .yd .div h4{padding-bottom:20px;font-size:55px;background: linear-gradient(to right, #1b9ac3, #8bbe21);-webkit-background-clip: text;color: transparent;}
	.item-4 .con .div .cityName1{width: 64%}

	.item-5 .con .pic{width: 100%;}
	.item-5 .con .txt .list{margin: 0}
	.item-5 .con .txt .list ul{margin: 0 0 20px 5%;width: 45%;}
	.item-5 .con .txt .list ul li p{width: 70%;}

	.item-6{padding: 40px 0 100px;}
	.item-6 .wrap{padding: 30px 10px;}
	.item-6 .tab_wrap .tab li.active::before{bottom: 58px;}

	.mask{text-align: center;padding:120px 2% 50px;background: rgba(0,0,0,0.6);position: fixed;top:0;height:100%;width: 96%;z-index: 100000000;}
	.mask b{position: absolute;right: 2%;top:30px;padding:10px 15px;border:2px solid #fff;border-radius: 10px;color: #fff;}
	.mask img{width: 100%;height: auto;display: block;}
	.mask .imgwrap{height: 85%;overflow: auto;}

	.zxyy{padding:2rem 0 6rem;}
	.reg_mobile form {width: 80%;margin: 0 auto;}
}
@keyframes text-1 {
    0% {
    	transform: rotate(-180deg) ;
  	}
    100% {
      transform: rotate(0) ;
    }
}@keyframes rotate {
    0% {
    transform: translateY(0) ;
  	}
    25% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(20px) scale(1.1, 0.9);
    }
    75% {
        transform: translateY(10px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}
@keyframes cityName{
	from {
		transform:scaleY(0.1);
	}
	to {
		transform:scaleY(1);
	}
}
@-webkit-keyframes cityName{
	from {
		transform:scaleY(0.1);
	}
	to {
		transform:scaleY(1);
	}
}