*{padding: 0;margin: 0}
ul,li{list-style: none}
a{text-decoration: none;}
img{border: none;}
body{font-family: 'Microsoft Yahei';font-size: 14px;color: #333;background: #f7f1fc;}
.clearfix:after{
	content: '';
	display: block;
	visibility: hidden;
	clear: both;
}
.wrap{
	position: relative;
	width: 1016px;
	margin: 0 auto;
}
.panel input:focus{outline: none;}
.txt-center{text-align: center;}
.txt-left{text-align: left;}
.txt-right{text-align: right;}
.bxz{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.header_01{
	height: 152px;
	background: url('../images/header_01.jpg') no-repeat top center;
}
.header_02{
	height: 148px;
	background: url('../images/header_02.jpg') no-repeat top center;
}
.header_03{
	height: 150px;
	padding-top: 38px;
	background: url('../images/header_03.jpg') no-repeat top center;
}
.btn_href{
	display: inline-block;
	background-color: #ff7253;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.btn_href:hover{
	background-color: #da4626;
}
.header_href{
	margin: 0 54px 0 6px;
	width: 218px;
	height: 52px;
	line-height: 52px;
}
.menu{
	height: 53px;
	background-color: #e6cdff;
	text-align: center;
}
.menu .navi li{
	float: left;
	width: 200px;
	line-height: 53px;
	font-size: 16px;
	cursor: pointer;
}
.menu .navi li.active{
	color: #fff;
	background-color: #ff7253;
	border-radius: 50px;
}
.lead_word{
	margin: 50px auto 0;
	width: 1000px;
	padding: 22px 70px 36px 48px;
	background-color: #eeddff;
}
.lead_word .name{
	position: relative;
	font-size: 18px;
	font-weight: 700;
}
.lead_word .name:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 42px;
	height: 4px;
	background-color: #8c70ff;
	border-radius: 4px;
}
.lead_word .name .cn{
	color: #7a33d8;
	letter-spacing: 6px;
}
.lead_word .name .en{
	padding-left: 5px;
	color: #a38dff
}
.lead_word .txt{
	padding-top: 14px;
	line-height: 24px;
	letter-spacing: 1px;
}
.panel{
	padding-top: 80px;
}
.panel_tit{
	text-align: center;
	color: #7a33d8
}
.panel_tit .name{
	position: relative;
	display: inline-block;
	padding-left: 40px;
	font-size: 36px;
}
.panel_tit .name:before{
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 27px;
	height: 34px;
	background: url('../images/sprite.png') no-repeat;
}
.method_list{
	margin: 40px -50px 0 0;
}
.method_list li{
	float: left;
	width: 242px;
	margin-right: 10px;
	text-align: center;
}
.method_list .img{
	position: relative;
	margin: 0 auto;
	width: 102px;
	height: 102px;
	border: 6px solid #f7f1fc;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 2
}
.method_list .img:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	height: 64px;
	margin-top: -32px;
	background: url('../images/sprite.png') no-repeat;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
}
.method_list .img1:before{
	width: 54px;
	margin-left: -30px;
	background-position: -42px 0
}
.method_list .img2:before{
	width: 72px;
	margin-left: -35px;
	background-position: -108px 0
}
.method_list .img3:before{
	width: 68px;
	margin-left: -35px;
	background-position: -196px 0
}
.method_list .img4:before{
	width: 64px;
	margin-left: -28px;
	background-position: -278px 0
}
.method_list .info{
	margin-top: -51px;
	padding: 70px 0 26px;
	background-color: #fff;
}
.method_list .info .name{font-size: 18px;}
.method_list .info .txt{
	padding: 14px 22px;
	line-height: 24px;
	height: 144px;
	letter-spacing: 1px;
	text-align: left;
}
.method_list .info .content_href{
	width: 194px;
	height: 46px;
	line-height: 46px;
}
.bg{
	background: url('../images/bg.jpg') no-repeat center 500px;
}
.school_box{padding-top: 80px;}
.school_box .school_tab{margin-right: -100px;margin-left: 30px;}
.school_box .school_tab .item{
	position: relative;
	float: left;	
	margin-right: 70px;
	cursor: pointer;
	width: 130px;
	height: 130px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.school_box .school_tab .item .card{
	position: absolute;
	display: table;
	width: 100%;
	height: 100%;
	border: 2px solid #cb9ff6;
	font-size: 18px;
	color: #fff;	
	overflow: hidden;
}
.school_box .school_tab .item:nth-child(1) img{position: relative;top: 10px;}
.school_box .school_tab .item:nth-child(2) img{position: relative;top: 12px;}
.school_box .school_tab .item:nth-child(3) img{position: relative;top: 8px;}
.school_box .school_tab .item:nth-child(4) img{position: relative;top: 2px;}
.school_box .school_tab .item:nth-child(5) img{position: relative;top: 13px;}
.school_box .school_tab .item .back{
	opacity: 0;
	filter:alpha(opacity=0);
	background-color: #cb9ff6;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
}
.school_box .school_tab .item p{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.school_box .school_tab .item.active .back{
	opacity: 1;
	filter:alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.school_box .school_info{
	margin-top: 66px;
	height: 397px;
	padding: 46px 26px 36px;
	background-color: #fff;
	overflow: hidden;
}
.school_box .school_info .left{
	float: left;
	width: 336px;
	margin-right: 34px;
	text-align: center;
	font-size: 16px;
}
.school_box .school_info .left .name a{
	display: inline-block;
	padding: 20px 0 12px;
	font-size: 24px;
	font-weight: 700;
	color: #333
}
.school_box .school_info .right{line-height: 27px;overflow: hidden;}
.school_box .school_info .right .summary{padding-bottom: 18px;}
.school_box .school_info .right .name{color: #4e47e1;font-weight: 700;}
.school_box .school_info .right a{margin-left: 5px;color: #ff5e5e}
.school_box .school_info .right .dot{position: relative;padding-left: 10px;}
.school_box .school_info .right .dot:before{
	content: '';
	position: absolute;
	left: 0;
	top: 13px;
	width: 4px;
	height: 4px;
	background-color: #4e47e1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.school_box .content_href{
	width: 260px;
	margin: 26px 60px 0;
	line-height: 52px;
}
.rule_list{
	margin: 50px -40px 0 0;
}
.rule_list .item{
	width: 460px;
	float: left;
	margin: 0 36px 38px 0;
}
.rule_list .item .pic{
	position: relative;
	width: 154px;
	height: 154px;
	margin: 0 auto;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.rule_list .item .pic:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	height: 78px;
	margin-top: -39px;
	background:  url('../images/sprite.png') no-repeat;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
}
.method_list li:hover .img:before,.rule_list .item:hover .pic:before{
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.rule_list .item .pic1:before{
	width: 100px;
	margin-left: -50px;
	background-position: -359px 0
}
.rule_list .item .pic2:before{
	width: 84px;
	margin-left: -42px;
	background-position: -490px 0
}
.rule_list .item .pic3:before{
	width: 88px;
	margin-left: -44px;
	background-position: 0px -78px
}
.rule_list .item .pic4:before{
	width: 92px;
	margin-left: -46px;
	background-position: -114px -77px
}
.rule_list .item .info{
	margin-top: -77px;
	height: 276px;
	padding: 64px 50px 0 37px;
	background-color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	line-height: 24px;
}
.rule_list .item .info .name{
	position: relative;
	padding-bottom: 24px;
	font-size: 18px;
	text-align: center;
	z-index: 3
}
.rule_href{
	width: 260px;
	line-height: 52px;
}
.case_panel{
	margin-top: 40px;
	padding-top: 40px;
	background: url('../images/case_bg.jpg') no-repeat top center;
}
.case_panel .case_list{
	margin: 50px auto 0;
}
.case_panel .case_list .item{
	position: relative;
	float: left;
	width: 472px;
	height: 219px;
	margin: 0 26px 26px 0;
	background-color: #fff;
	border-radius: 6px;
}
.case_panel .case_list .item:before{
	content: '';
	position: absolute;
	right: 50px;
	bottom: 7px;
	width: 120px;
	height: 120px;
	background: url('../images/sprite.png') no-repeat -356px -86px;
}
.case_panel .case_list .item .name{padding: 27px 0 20px;}
.case_panel .case_list .item .name a{font-size: 18px;}
.case_panel .case_list .item .info{
	position: relative;
	padding-left: 160px;
	line-height: 28px;
}
.case_panel .case_list .item .info:before{
	content: '';
	position: absolute;
	left: 40px;
	top: 0;
	width: 90px;
	height: 110px;
	background: url('../images/sprite.png') no-repeat -233px -86px;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
}
.case_panel .case_list .item .info:hover:before{
	-webkit-transform: translateX(-10px) scale(1.01);
	-moz-transform: translateX(-10px) scale(1.01);
	-ms-transform: translateX(-10px) scale(1.01);
	-o-transform: translateX(-10px) scale(1.01);
	transform: translateX(-10px) scale(1.01);
}
.case_panel .case_list .item .honor_tit{
	margin: 0 70px 15px;
	padding: 15px 0;
	border-bottom: 2px dashed #a7a7a7;
	font-size: 22px;
	text-align: center;
}
.case_panel .case_list .item .honor_container{
	margin: 0 70px;
	height: 112px;
	overflow: hidden;
}
.case_panel .case_list .item .honor_container .txt{
	position: relative;
	padding-left: 27px;
	line-height: 28px;
}
.case_panel .case_list .item .honor_container .txt:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #665fec;
}
.case_panel .case_list .item  a{color: #333}
.case_panel .case_list .item  a:hover{color: #ff7253}
.case_panel .content_href{
	width: 208px;
	line-height: 52px;
	margin: 0 60px 30px
}
.form_panel .tip{
	padding: 16px 0 25px;
	color: #8c41f3
}
.form_panel .myform{
	padding: 28px 0 0;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form_panel .form_item{
	position: relative;
	margin-left: 120px;
	padding-left: 40px;
	margin-bottom: 20px;
	width: 146px;
	height: 40px;
	float: left;
	background-color: #f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.form_panel .form_item:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: url('../images/sprite.png') no-repeat;
	content: ''
}
.form_panel .form_user:before{background-position: -498px -84px;}
.form_panel .form_edu:before{background-position: -498px -126px;}
.form_panel .form_tel:before{background-position: -542px -128px;}
.form_panel .form_city:before{background-position: -542px -83px;}
.form_panel .form_yzm:before{background-position: -498px -170px;}
.form_panel .get_yzm{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 82px;
	line-height: 40px;
	background-color: #7a33d8;
	color: #fff;
	text-align: center;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
}
.form_panel .form_item .user_val{
	border: none;
	width: 140px;
	padding: 5px;
	height: 40px;
	line-height: 30px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #999;
	background-color: #f5f5f5;
}
.form_panel .form_item .user_val:focus{outline: none;}
.form_panel .form_item .list{
	position: absolute;
	left: 0;
	right: 0;
	top: 35px;
	height: 200px;
	background-color: #fff3f6;
	overflow-y: auto;
	z-index: 15
}
.form_panel .form_item .list li{
	padding-left: 45px;
	line-height: 26px;
	cursor: pointer;
	color: #333;
}
.form_panel .form_item .list li:hover{
	background-color: #eee;
}
.form_panel .form_item .arrow{
	position: absolute;
	right: 7px;
	top: 15px;
	border-style: solid;
	border-width: 12px 8px 0 8px;
	border-color: #7a33d8 transparent transparent transparent;
}
.form_panel  .submit_btn{
	float: left;
	width: 184px;
	height: 40px;
	margin-left: 120px;
	line-height: 36px;
	letter-spacing: 1px;
	font-size: 15px;
}
.superiorty_box .cell{
	margin-top: 30px;
	padding: 28px 0;
	background-color: #fff;
	border-radius: 6px;
}
.superiorty_box .cell .name{
	padding-left: 17px;
	font-size: 18px;
}
.superiorty_box .cell .p1{
	padding: 8px 17px 10px;
	line-height: 24px;
}
.superiorty_box .brand_honor_list{
	margin: 20px -50px 0 32px;
}
.superiorty_box .brand_honor_list li{
	float: left;
	margin-right: 17px;
	text-align: center;
}
.superiorty_box .brand_honor_list .txt{
	padding: 3px 0;
	line-height: 24px;
}
.superiorty_box .teacher_box{
	margin-top: 10px;
}
#serveBox .container{
	width: 1000px;
	margin: 10px auto;
	position: relative;
	height: 391px;
	font-size: 0;
}
#serveBox .container .wrapBox{
	width: 936px;
	height: 353px;
	position: relative;
	margin: 0 auto 30px;
	overflow: hidden;
}
#serveBox .wrapBox .wrapper{
	position: absolute;
	left: 0;
	width: 1000%;
	height: 353px;
}
#serveBox .wrapper li{
	float: left;
	list-style: none;
}
#serveBox .wrapper li .item{
	display: inline-block;
	vertical-align: top;
	width: 300px;
	height: 353px;
	margin-right: 18px;
	position: relative;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
#serveBox .wrapper li .item.last{margin-right: 0;}
#serveBox .wrapper li .item .circle{
	position: absolute;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background-color: #af63ea;
	left: -35px;
	top: -38px;
}
#serveBox li .item  img{
	width: 300px;
	height: 117px;
	display: block;
}
#serveBox .wrapper li .item .circle span{
	position: absolute;
	font-size: 18px;
	line-height: 18px;
	color: #ffffff;
	bottom: 13px;
	right: 13px;
}
#serveBox .wrapper .item .content{
	height: 236px;
	width: 100%;
	background-color: #fff;
	padding: 0 26px;
	position: relative;
	margin-top: -13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#serveBox .wrapper .item .content:before{
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -14px;
	top: -1px;
	border-width: 13px 14px 0 14px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}
#serveBox .wrapper .item .content:after{
	content: '';
	position: absolute;
	left: 50%;
	top: -1px;
	margin-left: -13px;
	border-width: 12px 13px 0 13px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}
#serveBox .wrapper .item .content .name{
	font-size: 18px;
	line-height: 56px;
	font-weight: bold;
	text-align: center;
	color: #373737
}
#serveBox .wrapper .item .content p{
	font-size: 14px;
	line-height: 26px;
	position: relative;
	padding-left: 10px;
}
#serveBox .wrapper .item .content p:before{
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #373737;
	left: 0;
	top: 10px;
}
#serveBox .arrow,.link_container .arrow{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	cursor: pointer;
	font-family: simsun;
	font-size: 30px;
	line-height: 30px;
	color: #af63ea;
	font-weight: 900;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#serveBox .arrow:hover,.link_container .arrow:hover{background-color: #af63ea;color: #fff}
#serveBox .arrow.prev,.link_container .arrow.prev{
	left: 0;
}
#serveBox .arrow.next,.link_container .arrow.next{
	right: 0;
}
#serveBox .points{
	text-align: center;
}
#serveBox .points li{
	width: 8px;
	height: 8px;
	background-color: #bcbcbc;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 4px;
	display: inline-block;
}
#serveBox .points li.active{
	background-color: #af63ea;
}
#serveBox .tip{
	font-size: 14px;
	line-height: 14px;
	color: #af63ea;
	position: absolute;
	bottom: 0;
	right: 32px;
}
#serveBox .txt-right{
	font-size: 16px;
	margin-bottom: 26px;
	margin-top: -20px;
	padding-right: 45px;
}
.school_box .school_info .left img,.superiorty_box .brand_honor_list img{
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
}
.school_box .school_info .left img:hover,.superiorty_box .brand_honor_list img:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.fixed{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 99
}