/*页面通用部分*/
html,body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.f_fl{float: left;}
.f_fr{float: right;}

.box_In{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}


.mack{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 21;
	display: none;
}
.mack .mack_bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.7);
}

.mack_error{z-index: 100;display: none;}
.mack_error .errorcon{
	position: absolute;
	max-width: 180px;
	background: rgba(0,0,0,.6);
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 10px;
	padding: 10px 20px 15px;
}
.mack_error .errorcon img{
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto 8px;
}
.mack_error .errorcon p{
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 24px;
}

.mack .mack_con{
	width: 406px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	border-radius: 15px;
	padding: 22px 86px 44px;
}
.mack .mack_con .close{
	position: absolute;
	right: 21px;
	top: 19px;
	cursor: pointer;
}
.mack .mack_con h2{
	width: 100%;
	border-bottom: 1px #eee solid;
	font-size: 26px;
	color: #484848;
	text-align: center;
	height: 60px;
}
.mack .mack_con h2 span{
	border-bottom: 2px #20d8ff solid;
	display: inline-block;
	line-height: 58px;
	padding-bottom: 1px;
}
.mack .mack_con h3{
	font-size: 18px;
	color: #6e6e6e;
	text-align: center;
	padding-top: 14px;
}

.mack .mack_con .con_form{padding: 28px 25px 0;}
.mack .mack_con .con_form p{
	width: 100%;
	height: 57px;
	margin-bottom: 18px;
	position: relative;
	background: #f7f7f7;
	border-radius: 29px;
}
.mack .mack_con .con_form p.cspan{margin-bottom: 43px;}
.mack .mack_con .con_form p img{
	margin: 15px 16px 0 14px;
	float: left;
}
.mack .mack_con .con_form p input{
	float: left;
	width: 285px;
	height: 57px;
	font-size: 18px;
	color: #333;
	background: none;
}
/*.mack .mack_con .con_form p input:focus{border-color: #5adbff;}*/
.mack .mack_con .con_form p input::-webkit-input-placeholder{
	font-size: 16px;
	color: #c0c0c0;
}
.mack .mack_con .con_form p span{
	float: left;
	font-size: 16px;
	color: #ff5500;
	padding: 6px 0 0 24px;
}
.mack .mack_con .con_form p button{
	position: absolute;
	min-width: 84px;
	height: 32px;
	padding: 0 15px;
	background: none;
	border: none;
	font-size: 14px;
	color: #ff610d;
	text-align: center;
	line-height: 32px;
	right: 5px;
	top: 12.5px;
	border-left: 1px #dcdcdc solid;
	cursor: pointer;
}
.mack .mack_con .con_form .next_btn{
	display: block;
	width: 256px;
	height: 68px;
	background: #fffaf9;
	font-size: 22px;
	color: #585858;
	border: none;
	border-radius: 35px;
	border: 1px #ff6c00 solid;
	box-shadow: 0 8px 20px rgba(255,180,125,.64);
	cursor: pointer;
	margin: 30px auto 0;
}
.mack .mack_con .con_btn{
	display: block;
	width: 258px;
	height: 70px;
	background: #ff6c00;
	font-size: 22px;
	color: #fff;
	border: none;
	border-radius: 35px;
	box-shadow: 0 8px 20px rgba(255,180,125,.64);
	cursor: pointer;
	margin: 30px auto 0;
}

.mack_perfect .perfect_form{margin-top: 30px;}
.mack_perfect .perfect_form p{
	font-size: 20px;
	color: #474747;
	height: 57px;
	line-height: 57px;
	position: relative;
	margin-bottom: 20px;
}
.mack_perfect .perfect_form p .mackbjinp{
	width: 320px;
	height: 57px;
	background: #f7f7f7;
	border-radius: 48px;
	border: 1px #f0f0f1 solid;
	padding: 0 28px;
	margin-left: 12px;
}
.mack_perfect .perfect_form p select{
	width: 376px !important;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: #f7f7f7 url("../images/xiala.jpg") no-repeat 320px 23px !important;
	cursor: pointer;
}
.mack p input[type='radio'].perfectrad{
	opacity:0;
	display:inline-block;
	height:25px;
	position: absolute;
	width: 42px;
	top: 14px;
	display: none;
}
.mack p input[type='radio'].mackbjradnan{left: 62px;}
.mack p input[type='radio'].mackbjradnv{left: 136px;}
.mack p label{
	background: url("../images/nochecked.jpg") no-repeat left center;
	height: 55px;
	display: inline-block;
	font-size: 18px;
	color: #8e8e8e;
	padding-left: 30px;
	margin-left: 15px;
}
.mack p input[type='radio'].perfectrad:checked + label {
	background: url("../images/checked.jpg") no-repeat left center;
}


.hometit{
	width: 100%;
	position: relative;
	padding-bottom: 1.5%;
}
.hometit .headportrait{
	position: absolute;
	width: 15%;
	right: 4%;
	top: 38%;
	z-index: 3;
	padding-bottom: 10px;
}
.hometit .headportrait .headcen{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	padding-bottom: 10px;
}
.hometit .headportrait img{
	float: left;
	width: 23%;
	border: 3px #fff solid;
	border-radius: 50%;
}
.hometit .headportrait h2{
	float: left;
	font-size: 20px;
	color: #333;
	max-width: 62%;
	padding: 9% 0 0 5%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.hometit .headportrait p{
	position: absolute;
	width: 85%;
	max-width: 204px;
	padding: 9% 0 5%;
	background: #fff;
	left: 3px;
	top: 100%;
	border-radius: 10px;
	display: none;
}
.hometit .headportrait .headcen:hover p{display: block;}
.hometit .headportrait p a{
	font-size: 1.2em;
	color: #484848;
	display: block;
	padding: 0 0 6% 25%;
	height: 32px;
	line-height: 32px;
}
.hometit .headportrait p a:hover{color: #ff6d02;}
.hometit .headportrait p a.grzx{
	background: url("../images/homeicon1.jpg") no-repeat 10% 13%;
	background-size: 12%;
}
.hometit .headportrait p a.signOut{
	background: url("../images/homeicon2.jpg") no-repeat 10% 20%;
	background-size: 12%;
}
.hometit .headportrait p a.grzx:hover{
	background-image: url("../images/homeicon3.jpg");
}
.hometit .headportrait p a.signOut:hover{
	background-image: url("../images/homeicon4.jpg");
}
.hometit .headportrait h3{
	position: absolute;
	width: 55%;
	max-width: 128px;
	height: 2.8em;
	border-radius: 29px;
	background: #ff6d02 url("../images/xinjian.jpg") no-repeat 20% center;
	background-size: 13%;
	left: -65%;
	top: 20px;
}
.hometit .headportrait h3 a{
	display: block;
	width: 80%;
	padding-left: 18%;
	height: 100%;
	font-size: 1.2em;
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: 2.3em;
}
.hometit .headtit{
	font-size: 38px;
	color: #002536;
	font-weight: bold;
	text-align: center;
	padding-top: 3%;
}
.hometit .headtit span{
	display: inline-block;
	text-shadow: none;
	height: 14px;
	border-radius: 10px;
	padding: 0 6px;
	letter-spacing: 1px;
	margin-right: 50px;
}
.hometit .headtit span.cur{
	box-shadow: 0 36px 0 #8ee3ff;
}
.hometit .headtit span a{font-size: 30px;color: #002536;}
.hometit .headtit p{
	font-size: 19px;
	color: #4c6c7b;
	font-weight: normal;
	padding-top: 15px;
}
.hometit .headtit p em{
	font-style: inherit;
	color: #ff6d02;
}
.hometit .headtit p i{font-style: inherit;}
.hometit .returnpage{
	position: absolute;
	left: 3%;
	top: 28%;
	width: 76px;
	height: 76px;
	background: url("../images/returnpage.png") no-repeat;
}
.hometit .returnpage:hover{background: url("../images/returnpage2.png") no-repeat;}
.hometit .returnpage a{display: block;width: 100%;height: 100%;}
.hometit ul{
	width: 68%;
	min-width: 972px;
	/*margin: 0 auto;*/
	margin-left: 11%;
	padding: 5% 0 10px;
	overflow: hidden;
}
.hometit ul li{
	float: left;
	width: 20%;
	height: 54px;
	margin-right: 6px;
	border-radius: 30px;
	background: #91ecff;
}
/*.hometit ul .xylix{width: 19%;}*/
/*.hometit ul .subli{width: 18%;}*/
/*.xy_wrap .hometit ul li{
	background: #e7fbff;
	border: 1px #31d3ff solid;
}*/
.hometit ul li a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 20px;
	text-align: center;
	line-height: 54px;
	color: #207183;
	position: relative;
}
/*.xy_wrap .hometit ul li a{color: #458897;}*/
.hometit ul li a span{display: none;}
.hometit ul li.homeindex{
	width: 150px;
	height: 73px;
	margin: 3px 30px 0 0;
	background: none;
	border: none;
}
.hometit ul li.homeindex img{width: 100%;}

.hometit ul .xyli:hover{
	background: #1bd0fd;
	border-color: #1bd0fd;
}
.hometit ul .xyli:hover a{
	width: 85%;
	padding-left: 16%;
	font-size: 21px;
	color: #fff;
}
.hometit ul .xyli:hover a:before {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -9px;
	bottom: -9px;
	width: 0;
	height: 0;
	border-top: 9px solid #1bd0fd;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	z-index: 2;
}
.hometit ul .xyli:hover a span{
	display: block;
	position: absolute;
	width: 46px;
	height: 66px;
	left: 13px;
	bottom: 0;
	overflow: hidden;
}
.hometit ul .xyli a img{width: 100%;}
.hometit ul .xylix:hover{background: #369342;border-color: #369342;}
.hometit ul .xylix:hover a:before{
	border-top: 9px solid #369342;
}
.hometit ul .subli:hover{background: #ffae00;border-color: #ffae00;}
.hometit ul .subli:hover a:before{
	border-top: 9px solid #ffae00;
}
.hometit ul .subli:hover a span{
	width: 58px;
	height: 51px;
	left: 4px;
}

.mack .mack_con2{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 645px;
	/*height: 430px;*/
	padding-bottom: 30px;
	background: #fff;
	border-radius: 30px;
	border-bottom: 10px #8cebff solid;
}
.mack .mack_con2 .close{
	position: absolute;
	right: 21px;
	top: 20px;
	cursor: pointer;
}
.mack .mack_con2 h2{
	font-size: 33px;
	/*font-weight: bold;*/
	text-align: center;
	padding-top: 36px;
}
.mack .mack_con2 h2 span{
	display: inline-block;
	color: #1a1a1a;
	height: 14px;
	box-shadow: 0 34px 0 #caecff;
	border-radius: 10px;
	padding: 0 6px;
}

.mack_tishi .mack_con2{width: 510px;padding: 22px 0 38px;}
.mack_tishi .mack_con2 img{display: block;width: 80px; margin: 0 auto;}
.mack_tishi .mack_con2 p{font-size: 24px;color: #727272;text-align: center;padding: 20px 0 0;}
.mack_tishi .mack_con2 p span{display: block;font-size: 22px;color: #ff6d01;padding-top: 5px;}
.mack_tishi .mack_con2 p span em{font-style: inherit;}

/* 激活兑换码 */
.activation_wrap{
	width: 100%;
	height: 100%;
	background: #f45704;
}
.activation_wrap .logo{
	position: absolute;
	left: 26px;
	top: 18px;
}
.activation_wrap h3{
	font-size: 42px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 114px 0 46px;
}
.activation_wrap .signin_img{
	width: 245px;
	background: #fff;
	border-radius: 8px;
	margin: 30px auto 0;
	padding: 10px 0;
}
.activation_wrap .signin_img img{
	display: block;
	width: 230px;
	margin: 0 auto;
}
.activation_wrap .signin_p{
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding-top: 15px;
}
.activation_wrap ul li{display: none;}
.activation_wrap .activation_con2 p{
	width: 606px;
	margin: 0 auto 32px;
}
.activation_wrap .activation_con2 p label{
	font-size: 30px;
	color: #fff;
	font-weight: bold;
}
.activation_wrap .activation_con2 p input{
	width: 418px;
	height: 48px;
	border: 1px #999  solid;
	padding: 0 15px;
	font-size: 16px;
}
.activation_wrap .activation_con2 p button{
	width: 192px;
	height: 50px;
	border: none;
	background: #fff;
	border: 1px #999 solid;
	font-size: 16px;
	color: #333;
	cursor: pointer;
}
.activation_wrap .activation_con2 a{
	display: block;
	width: 260px;
	height: 58px;
	background: #ffe400;
	margin: 0 auto;
	font-size: 24px;
	color: #4e1b00;
	text-align: center;
	line-height: 58px;
	border-radius: 10px;
}
.activation_wrap .activation_con3 .con3_con{overflow: hidden;margin-bottom: 65px;}
.activation_wrap .activation_con3 .con3_left{
	width: 195px;
	float: left;
	margin: 0 36px 0 300px;
	background: #fff;
	border-radius: 10px;
	padding: 4px;
}
.activation_wrap .activation_con3 .con3_left img{width: 100%;}
.activation_wrap .activation_con3 .con3_right{
	float: left;
	margin-top: 36px;
}
.activation_wrap .activation_con3 .con3_right p{
	font-size: 20px;
	color: #fff;
	line-height: 36px;
}
.activation_wrap .activation_con3 a{
	display: block;
	width: 260px;
	height: 58px;
	background: #ffe400;
	margin: 0 auto;
	font-size: 24px;
	color: #4e1b00;
	text-align: center;
	line-height: 58px;
	border-radius: 10px;
}


@media only screen and (max-width: 1700px){
	.hometit ul li{width: 23%;}
	.hometit ul li.oldkc{width: 24%;}
	/*.hometit ul li.xylix{width: 22%;}*/
	/*.hometit ul .subli{width: 21%;}*/
	.hometit ul li a{font-size: 18px;}
	.hometit ul .xyli:hover a{font-size: 19px;}
	.hometit ul .xyli:hover a span{width: 44px;height: 62px;}
	.hometit ul .subli:hover a span{width: 55px;height: 49px;}
	/*.hometit ul .xyli:hover a{padding-left: 15%;}*/
	/*.hometit ul .subli:hover a{padding-left: 18%;}*/
	.hometit .headportrait h2{padding-top: 7%;}
}
@media only screen and (max-width: 1400px){
	.hometit ul li{width: 22%;}
	.hometit .headportrait h3{top: 11px;}
	.hometit ul .xyli:hover a span{width: 38px;height: 54px;left: 6px;}
	.hometit ul .subli:hover a span{width: 50px;height: 45px;}
	.hometit ul li a{font-size: 17px;}
	.hometit ul .xyli:hover a{font-size: 18px;}
}
@media only screen and (max-height: 788px){
	.mack .mack_con{padding: 22px 46px 44px;}
	.mack .mack_con .con_btn {
		width: 200px;
		height: 50px;
		font-size: 20px;
	}
	.mack .mack_con2{width: 560px;border-width: 8px;}
	.mack .mack_con2 h2{font-size: 28px;padding-top: 30px;}
	.mack .mack_con2 h2 span{box-shadow: 0 28px 0 #caecff;}
}