/** 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; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
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;}
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:#18172c;font:14px/180% "Microsoft YaHei";width: 100%;height:100%;overflow-x: hidden;}
.fl{float:left;}
.fr{float:right;}
.mobile{
	display:none;
}
/* banner*/
.banner{height:1002px;background:url(img/banner.png) no-repeat center top;}
/*content*/ 
.content{background:#e9faff url(img/content_bg.png) no-repeat center 360px;padding-top:30px;}
.content .detail{margin:0 auto;width:1002px;height:281px;background:url(img/detail.png) no-repeat center center;}
.content .picBtn{
	width:926px;
	padding:400px 0px 100px;
	margin:0 auto;
}
.content .picBtn .item{
	float:left;
	width:300px;
	height:350px;
	margin:70px 80px;
	display: inline;
}
.content .picBtn .item a{
	display:block;
}
.content .picBtn .item_1 .text,
.content .picBtn .item_2 .text,
.content .picBtn .item_3 .text,
.content .picBtn .item_4 .text,
.content .picBtn .item_5 .text,
.content .picBtn .item_6 .text,
.content .picBtn .item_7 .text,
.content .picBtn .item_8 .text,
.content .picBtn .item_9 .text,
.content .picBtn .item_10 .text{
	width:177px;
	height:62px;
	background-image:url(img/text.png);
	margin:40px auto 0;
	position: relative;
}
.content .picBtn .item_1 .text{
	background-position: 0 0;
}
.content .picBtn .item_2 .text{
	background-position: 0 -62px;
}
.content .picBtn .item_3 .text{
	background-position: 0 -124px;
}
.content .picBtn .item_4 .text{
	background-position: 0 -186px;
}
.content .picBtn .item_5 .text{
	background-position: 0 -248px;
}
.content .picBtn .item_6 .text{
	background-position: 0 -310px;
}
.content .picBtn .item_7 .text{
	background-position: 0 -372px;
}
.content .picBtn .item_8 .text{
	background-position: 0 -434px;
}
.content .picBtn .item_9 .text{
	background-position: 0 -496px;
}
.content .picBtn .item_10 .text{
	background-position: 0 -558px;
}
.content .picBtn .item a .text i{
	display: block;
	position: absolute;
	top:-10px;
	left:50%;
	margin-left:-106px;
	width:212px;
	height: 80px;
	background:url(img/line.png) no-repeat center center;
	opacity: 0;
}
.content .picBtn .item a:hover .text{
	background-image:url(img/text_active.png);
}
.content .picBtn .item a:hover .text i {
  -webkit-animation: rotateZoomIn .6s ease-in;
  animation: rotateZoomIn .6s ease-in;
  opacity: 1;
}
@keyframes rotateZoomIn {
	from {
    	-webkit-transform-origin: center;
	    transform-origin: center;
	    -webkit-transform:scale3d(.1, .1, .1) rotate3d(0, 0, 1, -200deg);
	    transform:scale3d(.1, .1, .1) rotate3d(0, 0, 1, -200deg);
	    opacity: 0;
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
    	transform: scale3d(1, 1, 1);
    	-webkit-transform-origin: center;
	    transform-origin: center;
	    opacity: 1;
	}
}
/*左侧浮窗*/
#reg{width:200px; height:400px; margin:0px; padding:0px; position:fixed; top:120px; left:5px; background:url(../images/reg_bg.png) no-repeat; z-index:1000;-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
backface-visibility:hidden;
transform: translateZ(0);}
#cBtn{width:8px; height:8px; margin:0px; padding:0px; position:absolute; top:75px; right:15px;}
#ul_form{width:200px;height:205px; list-style:none; margin:150px 0 0 0px; padding:0px; font-size:12px;}
#ul_form li{display:inline-block;line-height:18px; padding: 15px 0 2px 20px;margin-bottom: 10px;}
#ul_form li span{ color:#c00;}
#ul_form li:last-child{display:inline-block;line-height:18px; margin:0px; padding:0px;}
#ul_form li input{width:114px; line-height:18px; border: solid 1px #cccccc; margin-left:3px;}
#ul_form li select{width:90px; line-height:18px; border: solid 1px #cccccc; margin-left:3px;}
#ul_form li:last-child input{ border:none;}
#reg .close_btn {
    background: rgba(0, 0, 0, 0) url("../images/close_btn.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 80px;
    width: 20px;
}

@media screen and (max-width:1000px) {
	.pc{
		display:none;
	}
	.mobile{
		display:block;
	}
	.content .detail{
		width:96%;
	}
	.btnWrap{
		width:100%;
		height:120px;
		line-height: 120px;
		font-size: 40px;
		color:#fff;
		text-align:center;
		position: fixed;
	    right: 0;
	    bottom: 0;
	    z-index: 100;
	    background:#525a74;
	}
	.btnWrap a{
		color:#fff;
		text-decoration: none;
	}
	.duanxin{
		width:33%;
	}
	.leyuMobile{
		width:33%;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.adviceBtn{
		width:33%;
	}
	.reg_mobile{
		padding:60px 0 160px;
	}
	.reg_mobile .content{
		background: #fff;
	}
	.reg_mobile form{
		width:90%;
		margin:0 auto;
	}
	.reg_mobile label {
		display: inline-block;
		width: 100%;
		height: 50px;
		padding:20px 0 30px;
		border-bottom: 1px solid #525a74;
		color: #525a74;
		font-size: 32px;
		line-height: 50px;
	}
	.reg_mobile label i {
		display: inline-block;
		vertical-align: middle;
		width: 36px;
		height: 40px;
	}
	.reg_mobile label.name i {
		background: url(img/form_icon.png) no-repeat left top;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.reg_mobile label.phone i {
		background: url(img/form_icon.png) no-repeat left -40px;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.reg_mobile label.country i {
		background: url(img/form_icon.png) no-repeat left -80px;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.reg_mobile label.degree i {
		background: url(img/form_icon.png) no-repeat left -120px;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.reg_mobile label.city i {
		height: 44px;
		background: url(img/form_icon.png) no-repeat left -160px;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.reg_mobile label span {
		padding-left: 5%;
		display: inline-block;
		width: 26%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.reg_mobile label input {
		width: 60%;
		height: 50px;
		line-height: 50px;
		color:#525a74;
		font-size: 32px;
	}
	.reg_mobile label select {
		width: 60%;
		height: 50px;
		line-height: 50px;
		color: #525a74;
		font-size:36px;
		font-family: "microsoft Yahei";
		text-align: center;
		background: url(img/arrow.png) no-repeat right center;
	}
	.reg_mobile label select option {
		color: #333;
		text-align: center;
	}
	.reg_mobile .btn {
		margin-top:30px;
		height: 80px;
		width: 100%;
		background: #e9faff;
		text-align: center;
		position: relative;
	}
	.reg_mobile .btn input{
		font-size: 32px;
		position: absolute;
		top:20px;
		left:0;
		width: 100%;
		color: #18172c;
	}
	#reg{
		display:none;
	}
	#doyoo_panel{
		display: none !important;
	}
	.head_nav, .foot{display:none;}
}