* {margin: 0px;padding: 0px;}
body {margin: 0px auto; font-family:"MicroSoft YaHei","SimHei",Tahoma, Helvetica, Arial, sans-serif;  background: #f2f5f8; font-size: 16px;  }
input{font-family:"MicroSoft YaHei","SimHei",Tahoma, Helvetica, Arial, sans-serif;}
div,table,td{margin: 0px;padding: 0px;}
ul,li{ list-style:none}
img, a img,textarea {border: 0; }
time{font-family:"MicroSoft YaHei","SimHei",Tahoma, Helvetica, Arial, sans-serif;}
a{ text-decoration:none; color:#333}
a:focus {outline: none;}
input,textarea{font-family: Arial;outline: none;}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;}

a,button,input,textarea,li{-webkit-tap-highlight-color:rgba(255,0,0,0);font-family:"MicroSoft YaHei"; border: none;}
em{ font-style: normal;}
::-webkit-scrollbar/*整体部分*/
/*{width:0;height:0px;}*/
::-webkit-scrollbar-track/*滑动轨道*/
{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);border-radius: 0px;background: rgba(0,0,0,0);}
::-webkit-scrollbar-thumb/*滑块*/
{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);background: rgba(0,0,0,0);}
::-webkit-scrollbar-thumb:hover/*滑块效果*/
{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);background: rgba(0,0,0,0);}

html{ position:relative;width:100%;min-height:100%;}

img,a img{border:0; margin: 0}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}

input,textarea,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
 -webkit-appearance: none;-moz-appearance: none; /* mobile firefox too! */}



/*兼容*/
.top_jianr{ background: #f3f7f9 !important; position: fixed; top: 0; text-align: center; width: 100%; height: 80px; line-height: 80px; position: absolute; top: 0; z-index: 10}
.top_jianr a{ color: red}

.main{max-width:1200px; margin: 0 auto; overflow: hidden; position: relative; }
.main.mat20{  margin: 10px auto;}

.main01{ max-width:1300px; margin: 0 auto; overflow: hidden; position: relative; }
.main01.mat20{  margin: 15px auto;}

.contbg{ background: #fff; width: 100%; overflow: hidden;}
.contbg01{background:url(../images/bg01.jpg) no-repeat; width: 100%; overflow: hidden; background-size: 100% 100%; background-attachment:fixed }
.contbg02{ background:#eff2ff; width: 100%; overflow: hidden; }
.contbg03{background:url(../images/bg02.jpg) no-repeat; width: 100%; overflow: hidden; background-size: 100% 100%; background-attachment:fixed }


.footer{ background:#2c2c2c;  width: 100%; left:0 ; height: 50px; overflow: hidden;  display: table; text-align: center; vertical-align: middle;}
.foot_ul{ color: #aaa; text-align: center; display: inline-block; padding: 10px 0 10px; margin: 0 auto; width: 100%}
.foot_ul ul{margin: 0 auto; text-align: center; display: inline-block; text-align: center;}
.foot_ul ul li{text-align: center; padding: 0 10px; display: inline-block;}
.foot_ul ul li a{color: #aaa; font-size: 14px}
.foot_ul ul li a:hover{ color: #5abbf8}
.foot_bqu{text-align: center; color: #aaa;font-size: 14px;
 display: table-cell; text-align: center; vertical-align: middle;}

/*.footer01{ background:#fff; position:absolute; bottom: 0; width: 100%; left:0 ; height: 30px;line-height: 30px; border-top: 10px solid #f2f5f8;}*/
.footer01{ background:none; position:absolute; bottom: 0; width: 100%; left:0 ; height:80px;line-height: 30px; }
.foot_bqu01{text-align: center; color: #aaa;font-size: 14px; padding-bottom: 10px}

/*返回顶部*/
.backtop{ position:fixed;display:none;bottom:100px;right:2%;background:rgba(61,88,204,.6) url(../images/backtop.png) center center no-repeat;
 background-size: 26px; width: 50px; height: 50px; border-radius: 5px}
.backtop:hover{ background:rgba(61,88,204,1) url(../images/backtop.png) center center no-repeat;
 background-size: 26px; }

@keyframes scale{
0%   {-webkit-transform: scale(0,0) ;transform: scale(0,0) ; opacity:0.5}
100% {-webkit-transform: scale(1,1) ;transform: scale(1,1); opacity: 1}
}
@-webkit-keyframes scale{
0%   {-webkit-transform: scale(0,0) ;transform: scale(0,0) ; opacity:0.5}
100% {-webkit-transform: scale(1,1) ;transform: scale(1,1); opacity: 1}
}


@keyframes rotate{
0%   {-webkit-transform:  rotate(0deg);transform:  rotate(0deg); opacity:0.5}
100% {-webkit-transform:rotate(360deg);transform:rotate(360deg); opacity: 1}
}
@-webkit-keyframes rotate{
0%   {-webkit-transform:  rotate(0deg);transform:  rotate(0deg); opacity:0.5}
100% {-webkit-transform:rotate(360deg);transform:rotate(360deg); opacity: 1}
}

@keyframes opacity{
0%   {-webkit-transform: scale(0.8,0.8) ;transform: scale(0.8,0.8) ; opacity:0}
100% {-webkit-transform: scale(1,1) ;transform: scale(1,1); opacity: 1}
}
@-webkit-keyframes opacity{
0%   {-webkit-transform: scale(0.8,0.8) ;transform: scale(0.8,0.8) ; opacity:0}
100% {-webkit-transform: scale(1,1) ;transform: scale(1,1); opacity: 1}
}
@-moz-keyframes opacity{
0%   {-webkit-transform: scale(0.8,0.8) ;transform: scale(0.8,0.8) ; opacity:0}
100% {-webkit-transform: scale(1,1) ;transform: scale(1,1); opacity: 1}
}



@keyframes lefttran{
0%   {-webkit-transform: translate(-100%,0) ;transform: translate(-100%,0) ; }
100% {-webkit-transform: translate(0,0) ;transform: translate(0,0) ; }
}
@-webkit-keyframes lefttran{
0%   {-webkit-transform: translate(-100%,0) ;transform: translate(-100%,0) ; }
100% {-webkit-transform: translate(0,0) ;transform: translate(0,0) ; }
}
@-moz-keyframes lefttran{
0%   {-webkit-transform: translate(-100%,0) ;-moz-transform: translate(-100%,0) ;transform: translate(-100%,0) ; }
100% {-webkit-transform: translate(0,0) ;-moz: translate(0,0) ;transform: translate(0,0) ; }
}

@keyframes righttran{
0%   {-webkit-transform: translate(100%,0) ;transform: translate(100%,0) ; }
100% {-webkit-transform: translate(0,0) ;transform: translate(0,0) ; }
}
@-webkit-keyframes righttran{
0%   {-webkit-transform: translate(100%,0) ;transform: translate(100%,0) ; }
100% {-webkit-transform: translate(0,0) ;transform: translate(0,0) ; }
}

@keyframes bottom{
0%   {-webkit-transform: translate(0,100%) ;transform: translate(0,100%) ; }
100% {-webkit-transform: translate(0,0) ;transform: translate(0,0) ; }
}
@-webkit-keyframes bottom{
0%   {-webkit-transform: translate(0,100%) ;transform: translate(0,100%) ; }
100% {-webkit-transform: translate(0,0) ;transform: translate(0,0) ; }
}

@keyframes top{
0%   {-webkit-transform: translate(0,-100%) ;transform: translate(0,-100%) ; }
100% {-webkit-transform: translate(0,0) ;transform: translate(0,0) ; }
}
@-webkit-keyframes top{
0%   {-webkit-transform: translate(0,-100%) ;transform: translate(0,-100%) ; }
100% {-webkit-transform: translate(0,0) ;transform: translate(0,0) ; }
}