@charset "UTF-8";
@import url("base.css");
@import url("plugins.min.css");

@font-face{font-family:'DINCondensedW01-Normal';src:url('../fonts/DINCondensedW01-Normal.eot?#iefix');src:url('../fonts/DINCondensedW01-Normal.eot?#iefix') format('eot'),url('../fonts/DINCondensedW01-Normal.woff') format('woff'),url('../fonts/DINCondensedW01-Normal.ttf') format('truetype'),url('../fonts/DINCondensedW01-Normal.svg#DINCondensedW01-Normal') format('svg')}
a{-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;transition:background-color .5s linear}
.rel{position:relative}
.bg-fix{background-repeat:no-repeat;background-position:center top;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-attachment:fixed}
.img-responsive{width:100%;height:auto;display:block}
.container,.inner{width:1180px;margin:0 auto}

a.more{border:#dfdfdf 1px solid;background:rgba(255,255,255,.25);width:360px;height:58px;display:block;margin:50px auto 60px;line-height:58px;font-size:20px;color:#00c0ff;text-indent:150px;border-radius:30px;transition:all ease-out .3s}
a.more:hover{color:#fff;border-color:#03d522;text-indent:130px;background:#03d522}
a.more i{text-indent:-10px;font-size:24px;color:transparent;transition:all ease-out .3s}
a.more:hover i{text-indent:18px;color:#fff}
/* Header */
#header{position:fixed;left:0;top:0;z-index:1000;width:100%;background-color:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.025);box-shadow:0 5px 10px rgba(0,0,0,0.025)}
#header .container{height:90px;clear:both}
.headroom{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.headroom--unpinned{top:-100px}
#header .logo{width:104px;height:100px;display:block;float:left;}
#header .logo img{margin:0 0;}
#header nav{width:800px;height:60px;margin:15px 0;float:right;overflow:hidden;text-align:right;}
#header nav ul li{height:40px;line-height:40px;display:inline-block;padding:10px 0;position:relative;margin-left:40px;}
#header nav ul li a{color:#666;font-size:14px;text-decoration:none;}
#header nav ul li a:hover{color:#000;text-decoration:none}
#header nav ul li span{display:block;position:absolute;width:0;height:0;background:#1faeff;top:50px;left:50%}
#header .search{ width:220px; float:right;}
/* Footer */
#footer{width:100%;min-width:1180px;background:#1a1a1a;overflow:hidden}
#footer .container{width:1180px;margin:0 auto;color:#fff;padding:30px 0;overflow:hidden;clear:both;color:#999}
#footer .pull-left{width:650px;line-height:30px}
#footer .copyright{width:650px;font-size:14px}
#footer .follow{height:30px;overflow:hidden}
#footer .follow a{display:block;margin-right:5px;width:25px;height:25px;float:left}
#footer .follow i{width:25px;height:25px;color:#fff;border-radius:50%;text-align:center;font-size:14px;line-height:25px}
#footer .follow i.fa-weibo{background-color:#db4444}
#footer .follow i.fa-facebook{background-color:#3b5997}
#footer .follow i.fa-qq{background-color:#58b3ec}
#footer .follow i.fa-wechat{background-color:#8cc856}
#footer .follow a.author{width:auto;height:30px;margin-left:5px;background:url(../img/smalllogo.png) no-repeat 0 0;transition:all .3s linear 0s}
#footer .follow a:hover.author{background-position:0 -30px}
#footer .follow .tips{margin-left:130px;height:30px;padding:0 15px;background:#6bc30d;color:#fff;display:inline-block;position:relative;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .3s ease-in-out;border-radius:1px}#footer .follow a:hover.author .tips{margin-left:100px;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1}
#footer .follow .tips-arr-left{width:0;height:0;border-bottom:8px solid transparent;border-top:8px solid transparent;border-right:10px solid #6bc30d;font-size:0;line-height:0;position:absolute;left:-8px;top:7px;z-index:1}
#footer .pull-right{width:300px;height:60px;overflow:hidden}
#footer .pull-right .tel{width:230px;height:60px;text-align:right;float:left}
#footer .pull-right p{font:bold 14px/1.8em arial;text-transform:uppercase}
#footer .pull-right i{font-size:14px;font-weight:normal;margin-right:5px}
#footer .pull-right h3{font:bold 18px/1em arial;color:#ccc}
#footer .pull-right .qrcode{width:60px;height:60px;float:right;overflow:hidden}
/* Back Top */
.cbbfixed{position:fixed;right:10px;transition:bottom ease .3s;bottom:-85px;z-index:11;cursor:pointer}
.cbbfixed .cbbtn{width:40px;height:40px;display:block;background-color:#202020}
.cbbfixed .gotop{transition:background-color ease .3s;margin-top:1px}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background:url(../img/side-icon02.png)}
.cbbfixed .gotop:hover{background-color:#69bb3f}
.cbbfixed .cweixin{background:#404040}
.cbbfixed .cweixin div{background:url(../img/qrcode.png);width:194px;height:199px;position:absolute;left:-194px;top:-115px;opacity:0;transform:scale(0);-webkit-transform:scale(0);transform-origin:100% 70%;-webkit-transform-origin:100% 70%;transition:transform ease .3s,opacity ease .3s;-webkit-transition:all ease .3s;display:none\0;*display:none}
.cbbfixed .cweixin:hover div{display:block;transform:scale(1);-webkit-transform:scale(1);opacity:1;*display:block}
.cbbfixed .cweixin .weixin-icon{float:left;margin:12px 0 0 11px;width:18px;height:18px;background:url(../img/side-icon01.png)}
.popup-qrcode{width:100%;height:100%;background:rgba(0,0,0,.75);position:fixed;left:0;top:0;z-index:99999}
.popup-qrcode .container{box-shadow:0 5px 20px rgba(0,0,0,0.5);width:258px;height:298px;background:#fff;position:absolute;left:50%;top:50%;margin-left:-129px;margin-top:-149px}
.popup-qrcode .container p{padding:0 20px;text-align:center;font-size:14px;color:#000}
.popup-qrcode .img{padding:20px}
/* IE */
#browser-tips{background-color:#f6f6b4;display:none;height:85px;color:#000;font-size:15px;position:absolute;width:100%;height:100%;z-index:999999;top:0;left:0}
#browser-tips .container{width:800px;position:absolute;left:50%;top:50%;margin-left:-400px;margin-top:-42px}
#browser-tips .notice{position:relative;margin-top:5px;float:left}
#browser-tips .notice p{text-align:left;line-height:25px;width:360px;display:inline-block}
#browser-tips .list{position:relative;float:left}
#browser-tips .list img{width:40px;height:40px}
#browser-tips .list span{text-align:center;width:80px;display:inline-block}
/* Pages */
div.pages{padding:10px 0 40px 0;height:36px;text-align:center;font-family:Arial,'Microsoft YaHei';font-size:12px}
div.pages a{padding:10px 15px;color:#969696;margin-right:5px;text-decoration:none;background:#eee;border-radius:3px}
div.pages a:hover{background:#ff8a00;color:#fff}
div.pages a:active{color:#fff;background-color:#69bb3f}
div.pages span.current{padding:10px 15px;font-weight:bold;color:#fff;margin-right:3px;background-color:#69bb3f;border-radius:3px}
div.pages span.disabled{padding:10px 15px;color:#ccc;margin-right:5px;background:#f0f0f0;border-radius:3px}
/* Button Style */
.button-stormui{width:160px;height:40px;line-height:40px;font-size:14px;font-weight:bold;padding:0;text-align:center;display:block;text-transform:uppercase}
.button-stormui i{text-indent:-10px;font-size:20px;color:transparent;transition:all ease-out .3s}
.button-stormui:hover i{text-indent:18px;color:#fff}

.lang{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    float: right;
    margin:35px 0;
    width: 100px;
    text-align: center;
    position: relative;
    padding-left: 20px;
}
.lanuage{
    width:50px;
    text-align: center;
    display: inline-block;;
    position: relative;
}

.slideToggle{
    display: flex;
    flex-direction: row;

}
#panel
{
    background: #fff;
    display:none;
}
.lang-name{
    display: inline-block;
    width: 40px;
}
.lang-img{
    display: inline-block;
    height: 32px;
}
.lang-next{
    display: flex;
    flex-direction: row;
}
.lang-div{
    position: relative;
    height: 32px;
}
.xiala .lang-img{
    display: inline-block;
    height: 28px;
}