﻿body { background:#1a1a24; }
::-webkit-scrollbar { width:0;}
#comm-index{float:left; width:60%;}
.comm-header {  }
.comm-header .dw-g-avg-8 { padding-right:2%; background: url(../images/comm-header-logo.gif) no-repeat left top; background-size:cover; }
.comm-header .dw-g-avg-8 > * { float:right; padding:3% 2%; }
.comm-header .open { display:block; }
.comm-header .close { display:none; }
.comm-header .iframe-wrap { height:0; position: relative; }


.comm-head-item { background-color:#1d1b1c; }
.comm-head-item ul { padding:3% 0; display: block; overflow: hidden;  }
.comm-head-item ul li { width:17.1875%; float:left; font-size:2rem; line-height: 120%; color:#9a8d61; padding:0 1%; }
.comm-head-item ul li:first-child { width:14.0625%; padding:0 2%; border-right:1px solid #9a8d61; }
.comm-head-item ul a { color:#9a8d61; }


.comm-page-nav { padding:4% 0; text-align:center; font-size:2.2rem; font-weight: bold; background:#fff; }
.comm-page-nav a { color:#000; }

.comm-banner { position:relative;}
.comm-banner .slide-menu { position:absolute; height: 100%; top:0; right:3%; z-index: 1; color:#fff; } 
.comm-banner .slide-menu li { padding:3px 0; font-size:2.2rem; }
.comm-banner .dw-active { color:#9a8d61; font-weight: bold; }

.comm-bammer-top{width:100%; height:auto;}
.comm-bammer-top a{width:100%; height:auto; display:block;}
.comm-bammer-top a img{width:100%; height:auto; display:block;}

.comm-hot { background: #28292c;}
.comm-hot h4 a { color:#fff; }
.comm-hot p a { color:#f2e1c1; }
.comm-hot p i { font-size:12px; display: inline-block; background:#ff0000; color:#fff; border-radius: 2px; padding:0 1%;}

/*顶部更多导航*/
#iframe-main { visibility: hidden; overflow: hidden; background: #2e2e2e; position: absolute; left:0; z-index: 99999999;}
#iframe-main .dw-g-10-3 { background:#1d1b1c; }
#iframe-main [class*='dw-g-'] { padding-top:2%; height: inherit;}
#iframe-main [class*='dw-g-'] > div { height:inherit; display:block; overflow-y:scroll; overflow-x:hidden; }
#iframe-main .menu li { font-size:2.4rem; text-align: center; line-height:200%; font-size:17px;}
#iframe-main .menu li a { color:#9a8d61; }
#iframe-main .main { margin:0 3%; }
#iframe-main li.dw-active { background:#2e2e2e; }
#iframe-main .slide-main a { color:#fff; }
#iframe-main .slide-main h3 { font-size:2.0rem;font-size:15px;font-size:15px; line-height:200%; border-bottom:1px solid #595757; color:#fff; text-align: left}
#iframe-main .slide-main ul { overflow:hidden; line-height:250%; }
#iframe-main .slide-main li { width:33.333333%; float:left; font-size:1.8rem;font-size:13px; position: relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#iframe-main .slide-main li i { line-height: 100%; position: absolute; right:0; top:-2%; z-index:1;}

/*文章列表*/
.comm-list{width:100%; height:auto; padding-top:2.5%; background:url(../images/list-bj.png) repeat-x #FFF;}
.comm-list dl{display:inline-block;width:96%; height:auto; border-bottom:1px solid #d5d5d5; margin:0 2%; padding:3.5% 0;}
.comm-list dl dd h3 a{color:#000;}
.comm-list dl dd p{color:#757575; width:100%;}
.comm-list dl dd p a{color:#a10909;}
.comm-list dl dd span{float:left; width:100%; text-align:right; color:#cccccc;}

/*文章列表分页*/
.comm-list-fy{width:100%; background:#FFF;}
.comm-list-fy ul{float:left; width:100%; height:auto; background:#FFF; padding-bottom:5%;}
.comm-list-fy a{float:left; color:#aaa; width:80%; padding:3% 0; text-align:center; border:1px solid #aaa; margin:3% 10%;}


/*文章内容*/
.comm-text{ width:100%; height:auto; padding-top:10%; background:url(../images/list-bj.png) repeat-x #FFF;}
.comm-text h3{color:#a2090b; font-weight:bold;}
.comm-text .dw-h6{color:#7d7d7d;}
.comm-text .dw-padd-lx{border:1px dashed #8e8581; width:94%; margin:3%; color:#7d7d7d;}
.comm-text .dw-padd-lxx p,.comm-text .dw-padd-lxx div{color:#333; width:100%; padding:1% 0}

.comm-next{padding:2% 0; color:#aaa;}
.comm-next a{color:#aaa;}

/*商务通弹窗*/
#swt_box{display:none;}
.tck{z-index:99999;width:640px;height:500px;position:fixed;left:50%;top:50%;margin:-250px 0px 0px -320px;background:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;-o-transition:all ease .5s; background:red;}
.tck .late{ display:block; width:100%; height:100%; position:absolute;}
.tck .zixun{ display:block; width:640px; height:500px; position:absolute; display:none;}
.tck .tck_close{ display:block; width:70px; height:70px; position:absolute; right:150px; top:15px; z-index:10;}
#tck_bg{display:none;width:100%; height:100%; background:#FFF; -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=0.7); position:fixed; top:0; left:0; z-index:998;}

@media screen and (min-width:320px) and (max-width:600px){.tck{-webkit-transform:scale(0.55);-ms-transform:scale(0.55);-moz-transform:scale(0.55);-o-transform:scale(0.55);transform:scale(0.55);}}
.ks_ol_comm_div{display: none !important; text-indent:100% !important;}


.con-mmd{float:left; width:100%; height:auto; position:relative; margin-top:-17%; z-index:99; overflow:hidden;}
.con-mmd img{float:left; width:65%; height:auto; margin:0px; padding:0px;}

.congrapic{position:relative;float:left; z-index:99; width:100%;}
.animationpic{animation:bouncet 20s .2s linear both;-webkit-animation:bouncet 20s .2s linear both;-moz-animation:bouncet 20s .2s linear both;-o-animation:bouncet 20s .2s linear both;-ms-animation:bouncet 20s .2s linear both;}



@-webkit-keyframes bouncet{
    from {left:30%;}to {left:-90%;}
}
@-moz-keyframes bouncet{
    from {left:50%;}to {left:-90%;}
}
@-ms-keyframes bouncet{
    from {left:50%;}to {left:-90%;}
}
@-o-keyframes bouncet{
    from {left:50%;}to {left:-90%;}
}
.overanimation{animation:overanim 20s .2s linear both infinite;-webkit-animation:overanim 20s .2s linear both infinite;-moz-animation:overanim 20s .2s linear both infinite;-o-animation:overanim 20s .2s linear both infinite;-ms-animation:overanim 20s .2s linear both infinite;}
@-webkit-keyframes overanim{
    from {left:100%;}to {left:-100%;}
}
@-moz-keyframes overanim{
    from {left:100%;}to {left:-100%;}
}
@-ms-keyframes overanim{
    from {left:100%;}to {left:-100%;}
}
@-o-keyframes overanim{
    from {left:100%;}to {left:-100%;}

}


    /*hongbao*/
.layui-layer { background-color:transparent !important; box-shadow: none !important; width:100%; top:20% !important  }
        .layui-layer .layui-layer-setwin { right:5rem; }




