*{margin: 0; padding: 0; font-family:"microsoft Yahei";font-style:normal}

.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:13000;height:100%}
@keyframes preload-show-1{from{transform:rotateZ(60deg) rotateY(-90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-hide-1{to{transform:rotateZ(60deg) rotateY(-90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-cycle-1{5%{transform:rotateZ(60deg) rotateY(90deg) rotateX(0);border-left-color:#303233}
10%,75%{transform:rotateZ(60deg) rotateY(0) rotateX(0);border-left-color:#d3d3d3}
100%,80%{transform:rotateZ(60deg) rotateY(90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-show-2{from{transform:rotateZ(120deg) rotateY(-90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-hide-2{to{transform:rotateZ(120deg) rotateY(-90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-cycle-2{10%{transform:rotateZ(120deg) rotateY(90deg) rotateX(0);border-left-color:#303233}
15%,70%{transform:rotateZ(120deg) rotateY(0) rotateX(0);border-left-color:#d3d3d3}
100%,75%{transform:rotateZ(120deg) rotateY(90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-show-3{from{transform:rotateZ(180deg) rotateY(-90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-hide-3{to{transform:rotateZ(180deg) rotateY(-90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-cycle-3{15%{transform:rotateZ(180deg) rotateY(90deg) rotateX(0);border-left-color:#303233}
20%,65%{transform:rotateZ(180deg) rotateY(0) rotateX(0);border-left-color:#d3d3d3}
100%,70%{transform:rotateZ(180deg) rotateY(90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-show-4{from{transform:rotateZ(240deg) rotateY(-90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-hide-4{to{transform:rotateZ(240deg) rotateY(-90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-cycle-4{20%{transform:rotateZ(240deg) rotateY(90deg) rotateX(0);border-left-color:#303233}
25%,60%{transform:rotateZ(240deg) rotateY(0) rotateX(0);border-left-color:#d3d3d3}
100%,65%{transform:rotateZ(240deg) rotateY(90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-show-5{from{transform:rotateZ(300deg) rotateY(-90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-hide-5{to{transform:rotateZ(300deg) rotateY(-90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-cycle-5{25%{transform:rotateZ(300deg) rotateY(90deg) rotateX(0);border-left-color:#303233}
30%,55%{transform:rotateZ(300deg) rotateY(0) rotateX(0);border-left-color:#d3d3d3}
100%,60%{transform:rotateZ(300deg) rotateY(90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-show-6{from{transform:rotateZ(360deg) rotateY(-90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-hide-6{to{transform:rotateZ(360deg) rotateY(-90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-cycle-6{30%{transform:rotateZ(360deg) rotateY(90deg) rotateX(0);border-left-color:#303233}
35%,50%{transform:rotateZ(360deg) rotateY(0) rotateX(0);border-left-color:#d3d3d3}
100%,55%{transform:rotateZ(360deg) rotateY(90deg) rotateX(0);border-left-color:#303233}
}
@keyframes preload-flip{0%{transform:rotateY(0) rotateZ(-60deg)}
100%{transform:rotateY(360deg) rotateZ(-60deg)}
}
.preloader_content{position:absolute;top:50%;left:50%;font-size:20px;display:block;width:3.75em;height:4.25em;margin-left:-1.875em;margin-top:-2.125em;transform-origin:center center;transform:rotateY(180deg) rotateZ(-60deg)}
.preloader_content .slice{border-top:1.125em solid transparent;border-right:none;border-bottom:1em solid transparent;border-left:1.875em solid #d3d3d3;position:absolute;top:0;left:50%;transform-origin:left bottom;border-radius:3px 3px 0 0; font-size: 20px}
.preloader_content .slice:nth-child(1){transform:rotateZ(60deg) rotateY(0) rotateX(0);animation:.15s linear .82s preload-hide-1 both 1}
.preloader_content .slice:nth-child(2){transform:rotateZ(120deg) rotateY(0) rotateX(0);animation:.15s linear .74s preload-hide-2 both 1}
.preloader_content .slice:nth-child(3){transform:rotateZ(180deg) rotateY(0) rotateX(0);animation:.15s linear .66s preload-hide-3 both 1}
.preloader_content .slice:nth-child(4){transform:rotateZ(240deg) rotateY(0) rotateX(0);animation:.15s linear .58s preload-hide-4 both 1}
.preloader_content .slice:nth-child(5){transform:rotateZ(300deg) rotateY(0) rotateX(0);animation:.15s linear .5s preload-hide-5 both 1}
.preloader_content .slice:nth-child(6){transform:rotateZ(360deg) rotateY(0) rotateX(0);animation:.15s linear .42s preload-hide-6 both 1}
.preloader_content.loading{animation:2s preload-flip steps(2) infinite both}
.preloader_content.loading .slice:nth-child(1){transform:rotateZ(60deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-1 linear infinite both}
.preloader_content.loading .slice:nth-child(2){transform:rotateZ(120deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-2 linear infinite both}
.preloader_content.loading .slice:nth-child(3){transform:rotateZ(180deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-3 linear infinite both}
.preloader_content.loading .slice:nth-child(4){transform:rotateZ(240deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-4 linear infinite both}
.preloader_content.loading .slice:nth-child(5){transform:rotateZ(300deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-5 linear infinite both}
.preloader_content.loading .slice:nth-child(6){transform:rotateZ(360deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-6 linear infinite both}

body{background-color: #f2f3f5;}
.bg-white{background-color: #ffffff;}
img{max-width: 100%}
.w1200{width: 1200px; margin:0 auto; clear: both;}
.mt20{margin-top: 20px}
.clearfix::after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.top{display:block;width:100%;height:42px;border-bottom:1px solid #eee;background:#f9f9f9}
.seck{margin:0 auto;width:1200px;height:42px}
.register_login{float:left;height:42px;line-height:42px}
.register_login span{color:#666;font-size:12px; padding-right: 5px;}
.register_login a{padding-right:6px;padding-left:6px;color:#666;font-size:12px}
.register_login a:hover{color:#FF0036}


.top-search{float: right; margin-top: 5px;}
.top-search button{background:#06a6fb}
.my-ipt{height: 30px; line-height: 30px;}

.topHeader{overflow:hidden;width:100%;height:auto;background:url(../image/headBg.png); height: 100px; min-width: 1200px;}
header{overflow:hidden;margin:0 auto;width:1200px}
header .logo{float:left;display:block;overflow:hidden;margin-top:30px; margin-left: 20px;}
header .logo img{display:block}
header .nav{float: right;}
header .nav li{float: left; line-height: 95px; padding: 0 15px;}
header .nav li a{font-size: 20px;color: #fff}

/* footer */
footer{margin-top:50px;width:100%;height:auto;background:#9a8b6a; padding-bottom: 20px; min-width: 1200px; color: #eeeeee; padding: 20px 0;}
.footer_left{float: left; width: 60%; text-align: right; box-sizing: border-box; padding-right: 30px;}
.footer_left p{line-height: 25px;}
.footer_left a{color: #eeeeee;}
.footer_left a:hover{color: #ffffff;}
.footer_right{float: right; width: 40%; border-left: 1px #cccccc solid; box-sizing: border-box; padding-left: 30px;}
.footer_right .item{float: left; margin-right: 30px;}
.footer_right .item .hd{margin-bottom: 10px;}
.footer_right .item .bd img{width: 100px;}
.foot_qr{position: relative; height: 50px; cursor: pointer;}
.foot_qr .fq{bottom: 0; right: 0; position: absolute; display: none;}
.foot_qr .fq img{width: 100px;}

.rightBar{position:fixed; right:10px; top: 40%; z-index: 999}
.rightBar li{cursor: pointer; width: 60px; height: 60px; margin-bottom: 1px; position: relative;}
.rightBar li .item-qrcode{width: 150px; height: 150px; background-color: #fff; position: absolute; right: 70px; top: -50px; opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);transform:scale(.01);-webkit-transform-origin:95% 95%;-moz-transform-origin:95% 95%;-o-transform-origin:95% 95%;transform-origin:95% 95%;filter:alpha(opacity=0);-ms-transform-origin:95% 95%;-ms-transform:scale(.01);-ms-transition:all .5s}
.rightBar li:hover .item-qrcode{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-ms-transform:scale(1)}
.rightBar li .itemBar{height: 60px; width: 60px; line-height: 60px; overflow: hidden; text-align: center; box-shadow: 0 0 5px #ccc}
.rightBar li .icon{height: 60px; width: 60px; background-color:rgba(0, 0, 0, .5); text-align: center; color: #ffffff;}
.rightBar li .icon i{font-size: 40px;}
.rightBar li .text{background-color: #06a6fb; color: #fff; height: 60px;}