/** 全局页CSS **/

@import url("/skin/Content/style/base.css");
@import url("/skin/Content/style/animate.css");
@import url("/skin/layui/css/layui.css");
@import url("/skin/Content/style/iconfont/iconfont.css");
@import url("/skin/Content/style/fonts/iconfont.css");

/*页面宽度*/
.mainWidth {

    width:1200px;
    margin:0 auto;
}

/** 头部样式 start **/
#header-container .small-wrap {

    background:#f8f8f8;
    border-bottom:1px solid #ececec;
    height:30px;
}

#header-container .left-box {

    display: flex;
    flex-direction:row;
}

#header-container .more-websit {

    width:100px;
    height:30px;
    line-height:30px;
    color:#666;
}

#header-container .more-websit dl.round{

    display:inline-block;
    font-size:5px;
    top:1px;
    right:0px;
}

#header-container .more-websit:hover dl.round{

    transition: all 0.3s ease 0s;
    transform:rotate(180deg);
}

#header-container .more-websit:hover .wl {

    display:block;
}

#header-container .more-sub {

    display:none;
    height:auto;
    top:28px;
    left:0px;
    padding-top:11px;
    z-index:10;
}

#header-container .more-sub .ms {

    display: flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    border:1px solid #ececec; 
    background:#fff;
    padding:10px 0 5px 0;
}

#header-container .more-sub .ms dl {

    width:13px;
    height:10px;
    padding:0;
    margin:0;
    line-height:10px;
    top:-9px;
    left:35px;
    background:#fff;
    color:#e5e5e5;
}

#header-container .more-sub a {

    display:inline-block;
    height:25px;
    line-height:25px;
}

#header-container .left-box a.m,
#header-container .left-box .mz,
#header-container .right-box a.m {

    display:inline-block;
    height:30px;
    line-height:30px;
}

#header-container .left-box .mz {

    width:135px;
    color:#d17102;
}

#header-container .left-box .mz dl.round {

    font-size:5px;
    top:1px;
    right:0px;
}

#header-container .left-box .mz:hover dl.round {

    transition: all 0.3s ease 0s;
    transform:rotate(180deg);
}

#header-container .left-box .mz:hover .yf {

    display:block;
}

#header-container .left-box .mz-area {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    width:430px;
    margin-left:45px;
}

#header-container .left-box .mz-area span {

    display:inline-block;
    width:80px;
}

#header-container .left-box a.m{

    margin-left:15px;
}

#header-container .left-box .colum-line{

    display:inline-block;
    margin:9px 15px 0px 15px;
    height:12px;
    width:1px;
    border-left:1px solid #e5e5e5;
}

#header-container .right-box{

    display: flex;
    flex-direction:row;
}

#header-container .right-box .colum-line{

    display:inline-block;
    margin:9px 0 0 15px;
    height:12px;
    width:1px;
    border-left:1px solid #e5e5e5;
}

#header-container .right-box a.m{

    margin-left:15px;
}

#header-container .right-box .rb{

    width:72px;
    height:30px;
    line-height:30px;
    color:#666;
}

#header-container .right-box .rb dl.round {

    font-size:5px;
    top:1px;
    right:0px;
}

#header-container .right-box .rb:hover dl.round {

    transition: all 0.3s ease 0s;
    transform:rotate(180deg);
}

#header-container .right-box .rb:hover .wl {

    display:block;
}
/** 头部样式 end **/

/**幻灯片star **/
.banner-arry{position: relative;overflow: hidden;width:100%;}
.banner-arry .dots{position:absolute;right:10px;bottom:0px;z-index:3;}
.banner-arry .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;background:#e1dfdf;border:0;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s;}
.banner-arry .dots li.active{background:#0a7a17;opacity:1;width:23px;}
.banner-arry .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner-arry .al{left:15px;}
.banner-arry .ar{right:15px;}
.banner-arry ul{z-index: 1;width: 600%;overflow: hidden;}
.banner-arry ul .slider-item {float: left; position: relative; overflow: hidden;}
.banner-arry ul .slider-item a img {transition:.5s transform;transform: translateZ(0);}
.banner-arry ul .slider-item a:hover img {transform: scale(1.5, 1.5);transition: 2s transform;}
.banner-arry ul .slider-item em {font-style:normal;}
.banner-arry ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;max-height: 56px;padding: 15px;text-align:left;line-height: 28px;color: #fff;font-size: 18px;font-weight: bold;background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));background: url(/skin/content/images/slider-info-bg.png) \9;}
/*.banner-arry .progress{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:#f60;}*/
/**幻灯片end **/

/**switch 多组开关层**/
.switch-row {

    border-top:1px solid #eee;
}

.switch-row .sttitle {

    display: flex;
    flex-direction:row;
    /*justify-content:space-between;*/
}

.switch-row .stitle {

    display: flex;
    flex-direction:row;
    /*justify-content:space-between;*/
}

.switch-row .stitle span {

    display: inline-block;
    height:60px;
    line-height:60px;
    margin-left:25px;
}

.switch-row .stitle span:first-child {

    margin-left:0;
}

.switch-row .stitle span i {

    display:block;
}

.switch-row .stitle span a{

    color:#9999a5;
    font-weight:500;
}

.switch-row .stitle span.cur a,
.switch-row .stitle span:hover a {

    color:#0a7a17;
    font-weight:800;
}

.switch-row .stitle span.cur i {

    width:100%;
    height:3px;
    left:0px;
    top:0px;
    background:#0a7a17;
}

.switch-row .switch-Box {

    display:none;
}

/**底部样式表**/
#bottom-wrap {

    background:#f5f5f5;
}

#bottom-wrap .menu-nav-box {

    background:#009e73;
    padding:10px 0;
    /*display: flex;
    flex-direction:row;
    justify-content:center;*/
}

#bottom-wrap .menu-nav-box .mnb {

    display: flex;
    flex-direction:row;
    justify-content:center;
}

#bottom-wrap .menu-nav-box .mnb em {

    display: inline-block;
    font-style:normal;
    color:#fff;
    padding:2px 3px 0 3px;
}

#bottom-wrap .bottom-content {

    padding:25px 0;
}

#bottom-wrap .menu-nav-box em {

    display:inline-block;
    font-style:normal;
    margin:0 7px;
}

#bottom-wrap .web-info p{

    line-height:28px;
}

#bottom-wrap .web-info p em{

    display:inline-block;
    width:15px;
}

#bottom-wrap .web-info .twocode{

    right:30px;
    top:5px;
    width:180px;
    display: flex;
    flex-direction:column;
    align-items:center;
}

#bottom-wrap .web-info .twocode img.code{

    width:50%;
}

#bottom-wrap .web-info img.sl{

    right: 170px;
    top: 15px;
}

/**回到顶部**/
#jumpTop {

    display:block;
    position:fixed;
    bottom:100px;
    right:0px;
    width:50px;
    height:50px;
    background:#4a4c4b;
    color:#fff;
    font-size:32px;
    text-align:center;
    line-height:47px;
    opacity:0.3;
    cursor:pointer;
}

#jumpTop:hover {

    opacity:1;
    transition: all .3s;
    -webkit-transition: all .3s;
}

/**向上滚动样式**/
.marquee-wrap {

    width:100%;
    overflow:hidden;
}

.marquee-wrap ul li {

    display:block;
    margin-top:20px;
    height:185px;
    overflow:hidden;
}

.marquee-wrap ul li:first-child {

    margin-top:0;
}

.marquee-wrap ul li span {

    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:99%;
    height:110px;
    overflow:hidden;
    border:1px solid #eee;
}

.marquee-wrap ul li span img {

    width:100%;
    height:auto;
    transition:.5s transform; 
    transform: translateZ(0);
}

.marquee-wrap ul li a:hover span img {

    transform: scale(1.5, 1.5); 
    transition: 2s transform;
}

.marquee-wrap ul li h5 {

    margin:8px 0 5px 0;
    text-align:center;
}

.marquee-wrap ul li a:hover h5 {

     color:#ff9d2d;
}

/**右边浮动图层***/
#float_right {

    position:absolute;
    bottom:15px;
    right:-93px;
    width:70px;
}

#float_right .channel-nav a {

    display: block;
    width:100%;
    height:42px;
    border-left:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    text-align:center;
    line-height:42px;
    background:#fff;
    z-index:10;
}

#float_right .channel-nav a:first-child {

    border-top:1px solid #f0f0f0;
}

#float_right .channel-nav a:hover {

    background:#c81623;
    color:#fff;
}

#float_right .channel-nav:last-child a {

    height:55px;
    font-size:25px;
    line-height:55px;
}

#float_right .channel-nav:last-child a.t {

    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

#float_right .channel-nav:last-child a.t i {

    display: inline-block;
    font-size:25px;
}

#float_right .channel-nav:last-child a.t em {

    display: none;
    font-style:normal;
    width:30px;
    line-height:19px;
}

#float_right .channel-nav:last-child a.t:hover i  {

    display: none;
}

#float_right .channel-nav:last-child a.t:hover em  {

    display: inline-block;
}

#float_right .channel-nav:last-child a.tw span  {

    display: none;
    width:auto;
    height:auto;
    left:-235px;
    top:-95px;
    z-index:10;
    padding-right:30px;
}

#float_right .channel-nav:last-child a.tw span i  {

    display: inline-block;
    width:185px;
    height:231px;
    background:#fff;
    padding:15px;
    border:1px solid #f0f0f0;
}

#float_right .channel-nav:last-child a.tw em  {

    display: inline-block;
    top:110px;
    right:-13px;
    width:13px;
    height:23px;
    background:url(/skin/content/images/triangle.png) no-repeat;
}

#float_right .channel-nav:last-child a.tw:hover span  {

    display: inline-block;
}