@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px;}
a {text-decoration:none; color: #000;}
a:hover{color: #c61d2d;}
li{ list-style:none;}
body{ font-size:12px; font-family:"微软雅黑"; background-position:center top; background-color:#fff;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}


/*首页开始了*/
.content{width: 100%;padding:0;height: 80px;position:absolute;float:left;list-style:none;background:#fff;box-shadow:0 1px 3px #585858; z-index: 999;}
.venus-menu{margin:30px 0 10px 0;}
.bj_jz{width: 1200px; margin:0 auto;}
.logo{width: 30%;float: left;}
.logo img{margin-top: 15px;}
.venus-menu{float: right;margin:24px 0 0 0;width: 70%;}
.venus-menu li{display:inline-block;margin:0;padding:0;float:left;margin-left: 2px;line-height:20px;position:relative;}
.venus-menu > li > a{padding:18px 20px;font-size:14px;color:#777;text-decoration:none;display:block;
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
}
.venus-menu li:hover > a, .venus-menu li.active a{background:#e32235;color:#fff;}
.venus-menu > li > a i{color:#bababa;}
.venus-menu > li:hover > a i, .venus-menu li.active a i{color:#fff;}
.venus-menu ul, .venus-menu ul li ul{list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:99;width:140px;
}
.venus-menu ul{top:56px;left:0;padding-top:10px;
}
.venus-menu > li > ul > li:first-child a:before{content:'';position:absolute;bottom:48px;left:45%;margin-left:-48px;width:0;height:0;
    border-left:8px solid rgba(255, 255, 255, 0);
    border-right:8px solid rgba(255, 255, 255, 0);
    border-bottom:8px solid #f94d5e;
}
.venus-menu > li > ul > li ul li:first-child a:before{content:'';position:absolute;bottom:16px;
    left:45%;
    margin-left:-71px;
    width:0;
    height:0;
    border-top:8px solid rgba(255, 255, 255, 0);
    border-right:8px solid #018A00;
    border-bottom:8px solid rgba(255, 255, 255, 0);
}
.venus-menu ul li ul{
    top:0;
    left:100%;
    padding-left:10px;
}
.venus-menu ul li{
    clear:both;
    width:100%;
    border:none;
}
.venus-menu ul li a{
    padding:14px 20px;
    width:100%;
    color:#fff;
    font-size:14px;
    text-decoration:none;
    display:inline-block;
    float:left;
    clear:both;
    background:#e32235;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;
}
.venus-menu ul li:hover > a{ background-color: #a71927; }
.venus-menu > li > ul > li:first-child:hover a:before{
    border-bottom-color:#a71927;
}
.venus-menu > li > ul > li ul li:first-child:hover a:before{
    border-right-color:#a71927;
}
.venus-menu i{
    line-height:20px !important;
    margin-right:6px;
    font-size:20px;
    float:left;
}
.venus-menu > li.showhide{
    display:none;
    width:100%;
    height:46px;
    cursor:pointer;
    color:#777;
    border-bottom:solid 1px rgba(0, 0, 0, 0.1);
    background:#fff;
}
.venus-menu > li.showhide span.title{
    margin:13px 0 0 20px;
    float:left;
}
.venus-menu > li.showhide span.icon{
    margin:16px 20px;
    float:right;
}
.venus-menu > li.showhide .icon em{
    margin-bottom:3px;
    display:block;
    width:20px;
    height:2px;
    background:#ccc;
}


.venus-menu li.search{
    float:right;
    height: 35px;
    width: 135px;
    border:solid 1px #e32235;
    border-radius:5px;
    margin:12px 0px 0 0;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
}
.venus-menu li.search a{    padding:0;
    font-size: 14px;
    color: #777;
    text-decoration: none;
    display: block;
    -webkit-transition:color 0s linear, background 0s linear;
    -moz-transition:color 0s linear, background 0s linear;
    -o-transition:color 0s linear, background 0s linear;
    transition:color 0s linear, background 0s linear;
}
.venus-menu li:hover.search a{background:rgba(0,0,0,0);}
.venus-menu li.search img{float: left; margin: 5px 5px 5px 15px;}
.venus-menu li.search span{color: #e32235; font-size: 18px; line-height: 35px;}


.zoom-out{
    -webkit-animation:zoomOut 600ms ease both;
    -moz-animation:zoomOut 600ms ease both;
    -o-animation:zoomOut 600ms ease both;
    animation:zoomOut 600ms ease both;
}

@-webkit-keyframes zoomOut{
    0%{
        -webkit-transform:scale(.6);
    }
    100%{
        -webkit-transform:scale(1);
    }
}
@-moz-keyframes zoomOut{
    0%{
        -moz-transform:scale(.6);
    }
    100%{
        -moz-transform:scale(1);
    }
}
@-o-keyframes zoomOut{
    0%{
        -o-transform:scale(.6);
    }
    100%{
        -o-transform:scale(1);
    }
}
@keyframes zoomOut{
    0%{
        transform:scale(.6);
    }
    100%{
        transform:scale(1);
    }
}

@media only screen and (max-width:768px){
    .venus-menu li{
        display:block;
        width:100%;
    }
    .venus-menu > li > a{
        padding:13px 0 14px 20px;
    }
    .venus-menu > li.brand{
        display:none !important;
    }
    .venus-menu a{
        width:100%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .venus-menu ul, .venus-menu ul li ul{
        width:100%;
        padding:0;
        left:0;
        border:none;
        position:static;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .venus-menu > li > ul > li:first-child a:before, .venus-menu > li > ul > li ul li:first-child a:before{
        border:none;
    }
    .venus-menu ul li{
        border-left:none;
        border-right:none;
    }
    .venus-menu ul li a{
        padding-top:10px;
        padding-bottom:10px;
    }
    .venus-menu ul > li > a{
        padding-left:40px !important;
    }
}



/*banner*/


.main_yin{width: 100%; height: 550px; margin: 80px 0 0 0; float: left; overflow: hidden; }

.ck-slide { width: 100%; height: 550px; margin: 0 auto; background: #222;}
.ck-slide ul.ck-slide-wrapper { height: 320px;}
#mianc{width: 1920px; position: relative;left: 50%;margin-left: -960px;}
.ck-slide ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.ck-slide {
    position: relative;
    overflow: hidden;
}
.ck-slide ul.ck-slide-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
}
.ck-slide ul.ck-slide-wrapper li {
    position: absolute; margin-top:0px;
}
.ck-slide ul.ck-slide-wrapper li a{
    /*a标签是行内元素，宽高对a标签不起作用，这里必须添加line-height:0px;display:black，否则垂直滚动<li>之间会出现间隔*/
    line-height:0px;
    display:block;
}
.ck-slide .ck-prev, .ck-slide .ck-next {
    position: absolute;
    top: 55%; 
    z-index: 2;
    width: 35px;
    height: 70px;
    margin-top: -35px;
    border-radius: 3px;
    opacity: .15;
    background: red;
    text-indent: -9999px;
    background-repeat: no-repeat;
    transition: opacity .2s linear 0s;
}

#baanner_jt{width: 1200px; margin:0 auto; position: relative;top: 240px;}
.ck-slide .ck-prev {
    left: 5px;
    background: url(../images/arrow-left.png) #000 50% no-repeat;
}
.ck-slide .ck-next {
    right: 5px;
    background: url(../images/arrow-right.png) #000 50% no-repeat;
}
/*
.ck-slidebox {position: absolute;left: 50%;bottom: 12px;z-index: 30;}
.ck-slidebox ul {height: 20px;padding: 0 4px;border-radius: 8px;}
.ck-slidebox ul li {float: left;height: 12px;margin: 4px 4px;}
.ck-slidebox ul li em {display: block;width: 80px;height: 2px;background-color: #005db3;text-indent: -9999px;cursor: pointer;}
.ck-slidebox ul li.current em {background-color: #fb3416;}
.ck-slidebox ul li em:hover {background-color: #fb3416;}
*/



/*内容——主播展示*/
.zbzs_b{width: 100%;background: #2c2e2d; height: 872px;float:left; margin-top: 20px;}
.zbzs_jz{width: 1200px; margin:0 auto;}
.sanjiao{width: 100%;height: 28px; background: url(../images/jj_03.jpg) no-repeat; background-position: center;}
.zb_bt{overflow: auto;    padding: 30px 41% 0 41%;}
.zb_bt .t1{float: left; margin: 20px 0;}
.zb_bt h3{font-weight:200; font-size:30px;color: #fff;float: left;
    padding: 2px 10px;}
.zb_bt .t2{float: left; margin: 20px 0;}
.bt_sm{color: #999999;  font-size: 14px; text-align: center;}

.sp_b{width: 100%;overflow: auto;}
.active_tab{
    width:1200px;
    margin:30px auto 0;
    height:40px;
    line-height:40px;   
}
.active_tab a{
    color:#fff;
    text-decoration:none; font-size: 16px;
}
.active_tab a:hover{
    color:#c92936;
    text-decoration:none;
}
.act_title_left{
    float:left;
    width:100%;
}
.act_title_left li{
    float:left;
    color:#333;
    text-align:center;
    height:40px; margin: 0 40px 0 0;
}
.act_active{
    border-bottom:2px solid #c92936;
    color:#c92936
}
.act_active a{color:#c92936; font-size: 16px;}

.active_list{
    width:1200px;
    margin:0 auto;
    margin-top: 25px;
}
.active_list a{text-decoration:none;}
.active_list li{
    width: 392px;
    height: 261px; float: left; background: #555; position: relative; display: block; overflow: hidden;margin-bottom: 12px;
}
.active_list li .zb_bt_a{ position: absolute; font-weight: 200; margin-left: 20px; font-size: 18px;bottom: 10px; z-index: 999;}
.active_list li .zb_bt_a a{ color: #fff;}
.active_list li .zb_bt_a a:hover{color: #c92a37;}
.sp_t{width: 100%; height: 100%; position: absolute; }
.bofang{width: 450px; height: 300px;position: absolute; background: rgba(0,0,0,.5); left: -20px;
    transform: rotate(4deg);    
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    /*cursor:pointer;*/
    bottom: -240px; 
    transition:bottom 300ms;
    -moz-transition:bottom 300ms; /* Firefox 4 */
    -webkit-transition:bottom 300ms; /* Safari and Chrome */
    -o-transition:bottom 300ms; /* Opera */
}
.bofang img{margin: 130px 0 0 180px;}
.smzb{width: 143px; height: 38px; position: absolute; background: #c92936;  border-radius: 20px;right:-143px; top: 30px;
    transition: right 300ms;
    -moz-transition:right 300ms; /* Firefox 4 */
    -webkit-transition:right 300ms; /* Safari and Chrome */
    -o-transition:right 300ms; /* Opera */  }
.smzb span{font-size: 16px; color: #fff; line-height: 35px; text-indent: 1.5em; display: block; }

.active_list li:hover  .bofang{bottom: -25px;}
.active_list li:hover  .smzb{right: -30px;}
.ckgd{width: 155px; height: 44px; border-radius: 21px; background: #c92936; float: left; margin: 25px 44%; text-align: center;}
.ckgd a{color:#fff;font-size: 18px; line-height: 44px; display: block;}
.ckgd:hover{background: #c21324;}


/*公司简介与新闻*/
.gsjj_bj{width: 100%; margin:0 auto; height: 435px; float: left;}
.xw_jz{width: 1200px; margin:0 auto; height: 435px; margin-top: 25px;}
.jianjie_b{height: 220px;}
.jianjie{width: 485px; float: left;}
.bt{height: 39px; color: #0e0e0e; line-height: 35px;margin-bottom: 5px;}
.bt img{float: left; margin: 0 9px 0 0;}
.bt h2{font-size: 20px;}
.bt span{ border-left: solid 1px #999; color: #e32235; font-size: 14px; margin: 0 0 0 10px; padding: 0 0 0 10px; }
.wenben{text-indent: 2em; font-size: 14px;color: #2c2e2d; line-height: 28px; text-align: justify;font-family: 宋体;}
.jj_tupian{width: 100%; height:138px; padding: 10px 0 0 0; }
.jj_tupian img{width: 100%; height: 100%;}
.xinwen{width: 673px; float: right;}
.xinwen li{border-bottom: dashed 1px #A5A5A5; overflow:auto; padding: 8px 0; }
.xinwen li img{float: left;}
.xinwen li dl{float: right; width: 456px;}
.xinwen li dl dt{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px;}
.xinwen li dl dd{text-indent: 2em; color: #5c5c5c; font-size: 14px;padding: 10px 0 15px 0;}
.xinwen li span{font-size: 14px;color: #5c5c5c;}
.xinwen li i{width: 4px; height: 4px; background: #2c2e2d; float: left; margin: 10px 10px 0 0;}
.xinwen li h3{width: 80%; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; float: left;}
.xw_gd{width: 145px; height: 40px; padding: 22px 0 0;}
.dg_z{width: 115px;float: left; background: #e32235; height: 40px;}
.dg_z img{float: left; margin: 12px 15px;}
.dg_z a{display: block;line-height: 40px; color: #fff; font-size: 18px;}
.sjx{width: 0px; height:0px; border-top: 20px solid transparent; border-left: 20px solid #e32235; border-bottom: 20px solid transparent; float: left; }
.xw_gd:hover .dg_z{background: #b91c2b;}
.xw_gd:hover .sjx{border-left: 25px solid #b91c2b;}

.yqlj{width: 100%;}
.yqlj li{width: 194px; height: 52px;border:solid 1px #bdbdbd; float: left;margin: 12px;padding: 10px;}

/*页尾*/
.yw{width: 100%;height: 385px;float: left;background: #2c2e2d;}
.yw_jz{width: 1200px; margin:0 auto;}
.liebiao{height: 263px; border-bottom: solid 1px #4d4e4e; padding: 25px 0 0 0;}
.zuo_logo{width: 70%; float: left;}
.zuo_logo li{color: #fff; margin: 20px 0 0 0; float: left; width: 134px;}
.zuo_logo li h3{font-size: 16px; margin-bottom: 15px;}
.zuo_logo li a{display: block; color: #868686; font-size: 14px; line-height: 25px;}
.zuo_logo li a:hover{color:#e32235; }
.ewm{width: 30%;float: right;}
.lxfs{color: #fff;}
.qqzx{width: 115px; height: 30px; border-radius: 3px;background: #e32235; margin: 8px 0 0 0; text-align: center;}
.qqzx a{line-height: 28px;color:#fff;  font-size: 14px; display: block; }
.qqzx:hover{background: #c21324;}
.sm{width: 100px; height: 124px; float: left; border-radius: 3px; background: #fff; padding: 10px; text-align: center; margin: 12px 13px 0 0; }
.sm img{width: 100%;}
.sm span{font-size: 14px;}
.beianhao{padding: 20px 0; color: #868686; line-height: 25px;font-size: 14px;}




