/** CSS Reset **/
*{-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
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; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: center;}
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 { font-size:100%; font-weight:normal; }
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:#fff;font-size:20px;line-height:160%;font-family: "Microsoft YaHei";width: 100%;height:100%;background: #000041;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;overflow: hidden;}
/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */
/* banner */
.banner {width: 100%; height: 943px; position: relative;background:url(../images/bg_2.png) repeat-x left bottom;}
.header_t{position: absolute;top: 40px;left: 50%;margin-left: -270px;}
.header_b{position: absolute;top: 674px;left: 50%;margin-left: -271px;}
.page{padding:40px 0;}
.page .title{text-align: center;margin-bottom: 60px;}

/*item-1*/
.item-1{background:#501b86 url(../images/bg_1.png) repeat-x left bottom;padding: 0 0 160px;}

/*item-2*/
.item-2{background:url(../images/bg_2.png) repeat-x left bottom;padding: 0 0 100px;}
.item-2 .con .fl{width: 29%;float: left;}
.item-2 .con .fl img{}
.item-2 .con .fr{width: 71%;background: url(../images/page2_2.png) no-repeat center top;padding: 70px 0;}
.item-2 .con .fr p{padding: 30px 50px 40px 80px;}
.item-2 .con .fr p b{color:#00ffff;}

/*item-3*/
.item-3{background:#501b86 url(../images/bg_1.png) repeat-x left bottom;padding: 0 0 200px;}
.item-3 .con{background: url(../images/page3_line.png) no-repeat center bottom;padding:0 7% 55px;}
.item-3 .con li{transition:all 0.2s ease-in 0s;float: left;margin:0 2.4%;}
.item-3 .con li:hover{ transform:translateY(-5px);}

/*item-4*/
.item-4{background:url(../images/bg_2.png) repeat-x left bottom;padding: 0 0 160px;}
.item-4 .con{background:url(../images/page4_city.png) no-repeat center bottom;padding-bottom: 160px;}
.item-4 .con ul{background: url(../images/page4_line.png) repeat-x left 90%;margin-top:30px;}
.item-4 .con ul li{float: left;height: 120px;margin-right: 4%;background: url(../images/page4_dot.png) no-repeat center bottom;text-align: center;font-size: 24px;width: 13.3%}
.item-4 .con ul li p{transition:all 0.2s ease-in 0s;color:#00ffff;background: url(../images/page4.png) no-repeat center top;height: 100%;line-height: 68px;}
.item-4 .con ul li:hover p{ transform:translateY(-5px);color:#fff;font-weight: bold;background: url(../images/page4_active.png) no-repeat center top;}
.item-4 .con ul li.m0{margin-right:0;}

/*item-5*/
.item-5{background:#501b86;padding:0 0 80px}
.item-5 .tab_wrap .tab{width:490px;float: left;}
.item-5 .tab_wrap .tab li{float:left;cursor: pointer;border:4px solid #fff;width:214px; margin:15px 20px 15px 0;background: #fff;}
.item-5 .tab_wrap .tab li.active{border:4px solid #5bdef1;}
.item-5 .tab_wrap .item_wrap{position:relative;overflow:hidden;float: right;width:510px;background: url(../images/page5.png) no-repeat center top;}
.item-5 .tab_wrap .item_wrap .item{position: absolute;left:-100%;width:90%;overflow: hidden;padding:30px 5%;height:475px;}
.item-5 .tab_wrap .item_wrap .item h5{color:#00ffff;font-size: 24px;}
.item-5 .tab_wrap .item_wrap .item h6{color:#00ffff;font-size: 24px;margin-bottom:25px;}
.item-5 .tab_wrap .item_wrap .item b{}
.item-5 .tab_wrap .item_wrap .item p{font-size: 18px;margin-top:20px;line-height: 160%;}

/*item-8*/
.zxyy{padding: 0px 0 40px;background:url(../images/bg_1.png) repeat-x left top;}
.zxyy .img-wrap{padding-top:105px;}
.zxyy .img-wrap p{font-size: 14px;color:#fff;padding-top:30px;line-height: 160%;}
.form-wrap{margin:0 auto;}
.form-wrap .btn-wrap{background:#501b86;}
#reg{color:#000;}
#reg form label { margin: 2px 0;}

@media only screen and (max-width: 1000px) {
	body{font-size:1.6rem;line-height: 140%;}
	.m1000{width:98%;margin:0 auto;}
	.pc{display:none;}
	.mobile{display:block;}

	.item{padding: 3rem 2%;}
	/*banner*/
	.banner {height: 55rem;}
	.banner .m1000{width:100%;}

	.item-2 .con .fl{width: 30%;margin:0 auto 1rem;float: none;}
	.item-2 .con .fl img{width: 100%;}
	.item-2 .con .fr{width: 100%;padding: 70px 0;}

	.item-3 .mobile {margin:0 auto;}

	.item-4 .con ul li{height: 7rem;width: 22%; }
	
	.item-5 .tab_wrap .tab{width: 100%;}
	.item-5 .tab_wrap .tab li{width: 29%;margin: 0.5rem 1.5%;}
	.item-5 .tab_wrap .tab li img{width: 100%;}
	.item-5 .tab_wrap .item_wrap{width: 100%;background: url(../images/m_page5.png) no-repeat center top;margin-top:1rem; }
	.item-5 .tab_wrap .item_wrap .item{height: 42rem;padding: 30px 10%;width: 80%;}
	.item-5 .tab_wrap .item_wrap .item h5,
	.item-5 .tab_wrap .item_wrap .item h6{font-size: 2rem;line-height: 140%;}
	.item-5 .tab_wrap .item_wrap .item p{font-size: 1.6rem;}

	.zxyy{padding: 3rem 2% 8rem;}
}