/*   author:SuLando,by 2016.12.12   */

html{width:100%; overflow-x: hidden;}
body{width:100%; height: auto; overflow-x: hidden; background: url(../images/index/bg.jpg) repeat; font-size:12px; color:#333;}
.percent100{ width: 100%; height: auto;}
.wrap { width: 1200px; height: auto; margin: 0 auto; overflow: hidden; position:relative;clear:both;}
.over-h{ overflow: hidden;}
.over-v{ overflow: visible;}
.height{ height: 100%;}
.po_ab{ width:100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0;}
.sprite{ background-image: url(../images/sprite.png); background-repeat: no-repeat;}
.blue_line{ display: inline-block; vertical-align: middle; width: 7px; height: 17px; background-position: -183px -168px;}
.top .wrap{position: relative; overflow: visible;}
.top .wrap:after{display: block; clear: both; content: "";}
.erweima{position: absolute; top: 30px;  right: 390px;z-index: 1000; overflow: hidden;display: none;}
.erweima i{display: block; width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 10px solid #3396fb;position: absolute; left: 45%; top: 0px;z-index: 1001;}
.xq_move {
    transition: all .3s ease-in-out;
    position: absolute;
    left: -100px;
}
#bar1{position: relative;overflow: hidden;}
.xq_navli{height: 85px;line-height: 85px;}
.top-bar.active{position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100000;
    -moz-box-shadow:1px 3px 6px #ccc; -webkit-box-shadow:1px 3px 6px #ccc; box-shadow:1px 3px 6px #ccc;}
.outinto{color: #3396fb;line-height: 85px;}
.outinto a:hover{color:#ffa300;}
.ahover:hover{color:#3396fb}
.red{display:block;background:#f00;border-radius:50%;width:5px;height:5px;top:2px;right:3px;position:absolute;}