﻿@charset "UTF-8";
@import url("base.css");
@import url("plugins.min.css");
/* CSS Document */
/*
 * *************************************************
                       (0 0)
   +-------------oOO----(_)----------------+
   |          Powered By : DTmo            |
   |          http://www.dtmo.cn           |
   |             QQ:3300203131             |
   |        E-mail:dtmo@vip.qq.com         |
   |       专注 DTcms /模板/插件/二次开发                   |
   +--------------------------oOO----------+
                      |__|__|
                       || ||
                      ooO Ooo
 * *************************************************
*/
@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:200px;height:90px;display:block;float:left;}
#header .logo img{margin:15px 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}


/*顶部样式*/
.header .head-top{ height:40px; background:#333; color:#fcfbfb; font-size:12px; }
    .header .head-top .left-box{ display:block; float:left; line-height:40px; }
    .header .head-top .left-box span{ color:#c8c8c8; font-weight:700; }
    .header .head-top .left-box a{ margin:auto 3px; color:#fcfbfb; }
    .header .head-top .left-box a:hover{ color:#34ad2a; }
    .header .head-top .right-box{ float:right; margin-right:-8px; line-height:40px; }
    .header .head-top .right-box a{ margin:auto 8px; color:#fcfbfb; _display:inline; *zoom:1; }
    .header .head-top .right-box a:hover{ color:#34ad2a; }
    .header .head-top .right-box a i{ margin-right:2px; font-size:12px; }
    .header .head-top .right-box strong{ color:#444; font-size:12px; font-weight:700; }
.header .head-nav{ position:relative; height:100px; background:#fff; }
    .header .head-nav .logo{ position:absolute; top:25px; left:0; width:180px; height:50px; }
    .header .head-nav .nav-box{ position:absolute; top:30px; left:21%; right:0; line-height:40px; height:40px; }
    .header .head-nav .nav-box li{ float:left; margin:auto 1.8%; }
    .header .head-nav .nav-box li a{ color:#333; font-size:16px; line-height:40px; }
    .header .head-nav .nav-box li a:hover{ color:#34ad2a; }
    #index .index a,#news .news a,#goods .goods a,#video .video a,#photo .photo a,#down .down a,
    .header .head-nav .nav-box li a:hover{ color:#34ad2a; }
    .header .head-nav .search-box{ position:absolute; top:30px; right:0; width:22%; height:42px; overflow:hidden; _height:43px; }
    .header .head-nav .search-box .input-box{ position:absolute; top:0; left:0; right:65px; bottom:0; }
    .header .head-nav .search-box .input-box input{ display:block; margin:0; padding:5px 12px; width:100%; height:30px; line-height:30px; background:#fff; border:1px solid #e5e5e5; color:#333; font-size:12px; transform:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
    .header .head-nav .search-box .input-box input::-moz-placeholder{ color:#b3b3b3; opacity:1; }
    .header .head-nav .search-box a{ display:block; position:absolute; top:0; right:0; bottom:0; padding:5px; width:30px; height:30px; line-height:30px; color:#333; font-size:16px; text-align:center; background:#fff; border:1px solid #e5e5e5; border-radius:0; cursor:pointer; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; *top:1px; }
    .header .head-nav .search-box a:hover{ background:#34ad2a; border-color:#34ad2a; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
    .header .head-nav .search-box a:hover i{ color:#fff !important; }