/* 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;}



/*----top--*/



.index-top{width:1100px;height:80px;margin: 0 auto;}

.index-top img{display:block;}
.index-top img:nth-of-type(1){float:left;margin-top:20px;}
.index-top img:nth-of-type(2){float:right;margin-top:16px;}


.top-nav{width:100%;height:60px;background:url(../images/nav-bg_03.jpg) repeat-x center;}
.top-nav ul{width:1100px;height:60px;margin: 0 auto;}
.top-nav ul li{width:157.1px;height:60px;float:left;}
.top-nav ul li a{display:block;width:100%;height:100%;font-size: 20px;line-height: 60px;text-align: center;color:#333333;}
.top-nav ul li a:hover{background:#be1528;color:#fff;}




.top{width:100%;height:70px;background:#fff;position: fixed;top:0;z-index: 50;}
.top-con{width:1200px;height:70px;margin: 0 auto;}

.logo{width:140px;height:37px;float:left;margin-top:15px;}
.tel{width:193px;height:44px;float:right;margin-top:13px;}

.top-nav2{width:800px;height:70px;float:left;margin-left:50px;}
.top-nav2 li{width:110px;height:70px;float:left;}
.top-nav2 li a{display:block;width: 100%;height:70px;text-align: center;font-size: 16px;color:#333333;line-height: 70px;}


#xiala{background:url(http://p2.aura.cn/file/images/nav_r.jpg) no-repeat 88px center;}


.top-nav2 .m{  position:relative; float:left; width:96px; display:inline; text-align:center;   }

.top-nav2 .sub{ display:none; /*默认隐藏*/ width:120px;height:200px; padding:10px 0;  position:absolute; left:-10px; top:64px;  background:#fff; border-radius: 10px;
	-webkit-box-shadow:0 0px 10px rgba(0, 0, 0, .1);  
  -moz-box-shadow:0 0px 10px rgba(0, 0, 0, .1);  
  box-shadow:0 0px 10px rgba(0, 0, 0, .1);  }



#m1 .sub{height:auto;overflow: hidden;padding:0;}
#m1 .sub a{height:44px;line-height:44px;}


.top-nav2 li a:hover{color: #be1528;   border-bottom: solid 3px #be1528;}

.top-nav2 li:nth-of-type(1){width:80px;}


/*-------------footer---------------*/
.footer{width:100%;height:390px;}
.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;}






/*悬浮链接*/
.suspension{float:right;width:105px;height:549px;background:url(../images/zxt_03.png) no-repeat center;background-size:100% 100%;}
.suspension-box{position:relative;}
.suspension .a{display:block;width:100%;cursor:pointer;}

.suspension .a-qrcode .i{background-position:-44px 0;}

.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:124px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}

.suspension .d-qrcode{top:168px;}

.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.suspension .d-qrcode1{top:240px;}

.suspension .d-qrcode1{text-align:center;}
.suspension .d-qrcode1 .inner-box{padding:20px 0;}
.suspension .d-qrcode1 p{font-size:16px;color:#93959c;}

.suspension .d-qrcode1 .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:220px;}


.box{height: 24px; width: 24px;float:right; border-radius: 100%; background: #f00;color:#fff;text-align: center;line-height:24px;margin:4px 24px 0 0;
content: '';
animation: rotate .8s linear infinite;
 }

.box1{height: 24px; width: 24px;float:right; border-radius: 100%; background: #f00;color:#fff;text-align: center;line-height:24px;margin:4px 24px 0 0;
content: '';
animation: rotate .9s linear infinite;
 }


@keyframes rotate {
    0% {
    transform: translateY(0) ;
  }
    25% {
        transform: translateY(3px);
    }
    50% {
        transform: translateY(5px) scale(1.02, 0.95);
       
    }
    75% {
        ransform: translateY(3px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}


.left-xf1{display:block;width:200px;float:left;}
.left-xf2{display:block;width:200px;float:left;}