/* CSS Document */

*{ margin:0; padding:0;}
a { text-decoration:none;cursor: pointer;color:#333}
li{ list-style:none;}
body{ font:14px/26px "微软雅黑"; overflow-x: hidden;}
img{display: inline-block;}

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea {  -webkit-appearance: none;}  
input:focus {outline: none;}
select:focus {outline: none;}

input[type="text"]:focus, 
input[type="password"]:focus { 
  border: 1px solid #0a6fd5;border-radius: 8px;
}

.ms{transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;}




/*-------------footer---------------*/
.footer{width:100%;height:auto;}
.footer-con{width:1000px;height:auto;margin:0 auto;}

.foot-left{width:322px;float:left;}
.foot-logo{width:116px;height:88px;display:block;margin-left:20px;}
.foot-icon{width:100%;padding:30px 0;float:left;}
.foot-icon img{display:block;width:44px;height:41px;float:left;margin-right:20px;}


.login-box img{display: block;width:100%;}
.login-box {width:100%;padding:30px 0;float:left;}
.login-box li {
	float:left;
	margin-right:15px;
	position:relative;
	cursor:pointer;
	list-style:none;
}
.xcx {
	position:absolute;
	width:150px;
	height:150px;
	background:#fff;
	right:-52px;
	
	z-index:10;
	cursor:pointer;
	-moz-transform:rotateY(270deg);
	-ms-transform:rotateY(270deg);
	-o-transform:rotateY(270deg);
	-webkit-transform:rotateY(270deg);
	transform:rotateY(270deg);
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.xcx-list:hover .xcx {
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
}

.xcx:after {
	content:"";
	position:absolute;
	border-width:6px;
	border-style:dashed dashed dashed solid;
	border-color:transparent transparent white transparent;
	display:block;
	right:68px;
	top:-11px;
}
.weixin {
	position:absolute;
	width:150px;
	height:150px;
	background:#fff;
	right:-52px;
	z-index:10;
	cursor:pointer;
	-moz-transform:rotateY(270deg);
	-ms-transform:rotateY(270deg);
	-o-transform:rotateY(270deg);
	-webkit-transform:rotateY(270deg);
	transform:rotateY(270deg);
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.weixin-list:hover .weixin {
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
}
.weixin:after {
	content:"";
	position:absolute;
	border-width:6px;
	border-style:dashed dashed dashed solid;
	border-color:transparent  transparent white transparent;
	display:block;
	right:68px;
	top:-11px;
}

.app {
	position:absolute;
	width:250px;
	height:150px;
	background:#fff;
	right:-52px;
	z-index:10;
	cursor:pointer;
	-moz-transform:rotateY(270deg);
	-ms-transform:rotateY(270deg);
	-o-transform:rotateY(270deg);
	-webkit-transform:rotateY(270deg);
	transform:rotateY(270deg);
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.app-list:hover .app {
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
}
.app:after {
	content:"";
	position:absolute;
	border-width:6px;
	border-style:dashed dashed dashed solid;
	border-color:transparent  transparent white transparent;
	display:block;
	right:68px;
	top:-11px;
}


.foot-left p{width:100%;font-size:16px;color:#515256;line-height:40px;}


.foot-right{width:80px;height:auto;float:right;text-align:left;margin-left:66px;}
.foot-right b{display:block;width:100%;font-weight:normal;font-size:18px;color:#525252;padding-bottom:40px}
.foot-right a{display:block;width:100%;height:36px;line-height:36px;font-size:18px;color:#525252;text-align:left;padding-bottom:10px;}