﻿/*header*/
.header { width: 1026px; padding: 163px 0 44px; margin: 0 auto; border-bottom: 1px #e5e5e5 solid; }
.header { padding-top: 150px; }
.header-top { height: 354px; }
.header-left { width: 646px; height: 100%; float: left; }
.header-right { width: 370px; height: 100%; float: right; }
.header-TopItem { width: 100%; position: relative; margin-bottom: 10px; }
    .header-TopItem h2 { width: 100%; font-weight: normal; position: absolute; left: 0; bottom: 0; z-index: 1; background: #000; background: rgba(0,0,0,.6); }
        .header-TopItem h2 a { color: #fff; padding: 0 20px; }
.header-left img { width: 646px; height: 354px; }
.header-left h2 { font-size: 24px; line-height: 32px; padding: 14px 0; }
.header-right img { width: 370px; height: 172px; }
.header-right h2 { font-size: 16px; line-height: 24px; padding: 6px 0; }
.header-bottom { margin-top: 35px; }
.black-bg { width: 100%; padding-top: 3px; font-weight: normal; position: absolute; left: 0; bottom: 0; z-index: 1; background: #000; background: rgba(0,0,0,.6); }
    .black-bg h2 { position: static; background: transparent; }
    .black-bg p { color: #dcdcdc; font-size: 14px; line-height: 26px; padding: 0 20px 18px; }
.rec-top { font-size: 16px; line-height: 24px; }
.rec-l { font-weight: bold; float: left; }
.rec-r { float: right; }
.rec-top a { color: #252525; }
.rec-cont { /*height: 207px;*/ margin-top: 24px; }
.rec-item { width: 211px; float: left; margin-right: 60px; }
.not-mRight.not-mRight { margin-right: 0; }
.rec-item:nth-last-child(1) { margin-right: 0; }
.rec-item img { width: 211px; height: 144px; }
.rec-item h2 { margin-top: 17px; font-size: 16px; line-height: 23px; font-weight: normal; }
    .rec-item h2 a { color: #252525; }
.header img { -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; }
    .header img:hover { opacity: .8; }
.header-top a:hover { color: #999; }
.rec-cont a:hover, .rec-top a:hover { color: #069; }
/*main*/
.main { width: 1024px; margin: 0 auto 82px; min-height: 350px; }
.main-left { width: 625px; float: left; }
.LatestNews { font-size: 16px; line-height: 24px; padding-top: 32px; }
.LNews-l { float: left; font-weight: bold; }
.LNews-r { float: right; }
.LatestNews a { color: #252525; }
    .LatestNews a:hover { color: #069; }
.main-wrap { }
.main-child { padding: 45px 0; overflow: hidden; }
    .main-child + .main-child, .noborder + li + .main-child { border-bottom: 1px #e5e5e5 solid; }
    .main-child:nth-child(1) { padding-top: 24px; border-bottom: 1px #e5e5e5 solid; }
    .main-child:nth-last-child(1) { border: none; }
.main-child-ani { opacity: 1; -webkit-animation: ani .8s; -moz-animation: ani .8s; animation: ani .8s; }

@-webkit-keyframes ani {
    from { -webkit-transform: scale(.7); opacity: 0; }
    to { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes ani {
    from { -moz-transform: scale(.7); opacity: 0; }
    to { -moz-transform: scale(1); opacity: 1; }
}

@keyframes ani {
    from { transform: scale(.7); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.childL { width: 211px; height: 144px; float: left; position: relative; overflow: hidden; }
    .childL a { color: #252525; }
    .childL span { font-size: 14px; line-height: 28px; color: #fff; padding: 0 13px; position: absolute; left: 0; bottom: 0; z-index: 10; background: #4ddef2; }
.bgnt_7.bgnt_7 { background: #81bba3; }
.bgnt_5.bgnt_5 { background: #563d91; }
.bgnt_4.bgnt_4 { background: #0f58b3; }
.bgnt_10.bgnt_10 { background: #0aa1af; }
.bgnt_1.bgnt_1 { background: #1565c8; }
.bgnt_14.bgnt_14 { background: #69ae43; }
.bgnt_11.bgnt_11 { background: #3a7fd5; }
.bgnt_16.bgnt_16 { background: #25bea3; }
.bgnt_9.bgnt_9 { background: #d63e74; }
.bgnt_17.bgnt_17 { background: #f29a1d; }
.bgnt_18.bgnt_18 { background: #fc5757; }
.bgnt_3.bgnt_3 { background: #903eba; }
.bgnt_2.bgnt_2 { background: #c8c602; }
.bgnt_29.bgnt_29 { background: #f68d41; }
.bgnt_22.bgnt_22 { background: #cb3125; }
.bgnt_21.bgnt_21 { background: #901391; }
.bgnt_23.bgnt_23 { background: #e13c34; }
.bgnt_30.bgnt_30 { background: #ffd31b; }
.childL img { width: 211px; height: 144px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; }
    .childL img:hover { opacity: .8; }
.childR { width: 380px; float: right; }
    .childR h2 { font-size: 19px; line-height: 36px; /*font-weight: normal;*/ margin-top: -7px; margin-bottom: 4px; }

        .childR h2 a { color: #252525; }
            .childR h2 a:hover { color: #006699; }
.time { padding-left: 25px; font-size: 11px; line-height: 24px; background: url(img/icon.png) -335px -4px no-repeat; color: #666; margin-bottom: 8px; }
.childR > p { font-size: 14px; line-height: 25px; color: #666; text-align: justify; }
    .childR > p a { color: #666; }
.kw { margin-top: 20px; }
    .kw a { color: #000; font-size: 12px; line-height: 22px; background: #f7f7f8; border-radius: 3px; padding: 0 10px; margin-right: 4px; margin-bottom: 8px; }

.main-move { text-align: center; }
    .main-move span { width: 100%; border: 1px #d5d5d5 solid; height: 43px; line-height: 43px; font-size: 16px; cursor: pointer; color: #666; display: block; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; }
    .main-move:hover span, .mLoad span { background: #069; color: #fff; border: 1px #069 solid; }
.mLoad span { cursor: auto; }
.Pd { padding-top: 12px; }


.main-right { width: 318px; float: right; padding-top: 36px; }
.content-bee { margin-bottom: 64px; border: 1px #dcdcdc solid; border-top-width: 2px; }
    .content-bee:nth-last-child(1) { margin-bottom: 0; }
.bee { text-align: center; margin-top: -12px; }
    .bee h3 { font-size: 18px; line-height: 20px; padding: 0 24px; background: #fff; display: inline-block; _display: inline; *display: inline; zoom: 1; }
        .bee h3 a { color: #252525; }
            .bee h3 a:hover { color: #069; }

.ranking { width: 280px; margin: 16px auto 14px; }
.ranking-item { padding: 17px 0 11px; border-bottom: 1px #dcdcdc solid; overflow: hidden; }
    .ranking-item:nth-last-child(1) { border: none; }
    .ranking-item > span { width: 19px; font-size: 14px; line-height: 19px; border-radius: 100%; color: #fff; text-align: center; float: left; }
.numA { background: #069; }
.numB { background: #bfbfbf; }
.ranking-item p { width: 247px; float: left; margin-left: 13px; font-size: 15px; line-height: 22px; }
    .ranking-item p a { color: #252525; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
        .ranking-item p a:hover { color: #006699; }

.event-wrap { width: 280px; margin: 15px auto 4px; }
.event-item { padding: 17px 0 19px; border-bottom: 1px #dcdcdc solid; }
.event-item:nth-last-child(1) { border: none; }
.event-item h3 { font-size: 15px; line-height: 24px; margin-bottom: 9px; }
.event-item h3 a { color: #252525; }
.event-item h3 a:hover { color: #069; }
.event-time { font-size: 14px; line-height: 18px; color: #666; }

.comArticle { width: 280px; margin: 12px auto 0; }
.comArticle-item { border-bottom: 1px #dcdcdc solid; padding: 27px 0; }
.comArticle-left { width: 48px; float: left; }
    .comArticle-left img { width: 48px; height: 48px; border: 1px #e2e2e2 solid; border-radius: 100%; }
.comArticle-right { margin-left: 15px; width: 215px; float: left; }
    .comArticle-right h3 { font-size: 15px; line-height: 22px; margin-bottom: 8px; }
        .comArticle-right h3 a { color: #252525; }
            .comArticle-right h3 a:hover { color: #069; }
    .comArticle-right p { font-size: 14px; line-height: 22px; color: #666; }
        .comArticle-right p a { color: #666; }
        .comArticle-right p span { display: inline-block; *display: inline; zoom: 1; }
.CAname { margin-right: 16px; }
.CAcorporation { margin-right: 11px; }
.join-commentator { width: 280px; color: #fff; background: #069; border: 1px #069 solid; line-height: 37px; font-size: 16px; text-align: center; margin: 0 auto 17px; display: block; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; }
    .join-commentator:hover { color: #666; background: #d5d5d5; border: 1px #d5d5d5 solid; }

.entNews { width: 280px; margin: 12px auto 16px; }
.entNews-item { padding: 18px 0 16px; border-bottom: 1px #dcdcdc solid; }
    .entNews-item:nth-last-child(1) { border: none; }
    .entNews-item h3 { font-size: 15px; line-height: 20px; font-weight: normal; }
        .entNews-item h3 a { color: #252525; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
            .entNews-item h3 a:hover { color: #006699; }

.main-channel { margin-top: 120px; }
.channel-top { font-size: 14px; color: #252525; padding-top: 36px; }
    .channel-top a { color: #252525; }
    .channel-top span { padding: 0 8px; }
    .channel-top i { font-style: normal; color: #069; }
.main-keyword { padding: 36px 0 5px; border-bottom: 4px #ccc solid; margin-bottom: 20px; }
.main-kw-l { width: 400px; float: left; font-size: 16px; line-height: 26px; }
    .main-kw-l span { color: #069; display: inline-block; width: 335px; vertical-align: top; }
.main-kw-r { width: 200px; float: right; text-align: right; font-size: 12px; line-height: 26px; }

.A2{ position: relative; }
.A2 img{ width: 625px; height: 100px; }

.A2txt { box-sizing: border-box; height: 100px; padding: 25px 0; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; }
/* .A2-logo { width: 130px; height: 50px; overflow: hidden; float: left; margin-left: 5px; } */
.A2-logo { width: 211px; overflow: hidden; float: left; margin-left: 5px; }
.A2-logo img { max-width: 211px;}
/* .A2-text { width: 355px; line-height: 25px; margin-left: 35px; float: left; } */
.A2-text { width: 380px; line-height: 25px; float: right; }
.A2-link { color: #000; }
.A2-mark { width: 50px; height: 25px; background-color: #fe1361; color: #FFFFFF; font-size: 12px; text-align: center; line-height: 26px; float: right; margin: 13px 5px 0 0; }
.A8 { text-align: center; margin-top: 130px; }

@media screen and (max-width: 750px){
    .header{
        padding: 60px 0 0;
        width: 90%;
    }
    .header-top{
        height: auto;
    }
    .header-bottom{
        padding-bottom: 25px;
    }
    .header-left{
        width: 100%;
        float: none;
    }
    .black-bg p{
        display: none;
    }
    .header-right{
        width: 100%;
        float: none;
    }
    .header-left img,.header-right img{
        width: 100%;
        height: auto;
    }
    .header-left h2,.header-right h2{
        font-size: 16px;
        line-height: 26px;
        padding: 5px 0;
    }
    .rec-cont{
        width: 100%;
        overflow-y: hidden;
        white-space: nowrap;
        margin-top: 10px;
    }
    .rec-cont::-webkit-scrollbar{
        display: none;
    }
    .rec-item{
        float: none;
        display: inline-block;
    }
    .rec-item h2{
        white-space: normal;
    }
    /*main*/
    .main{
        width: 90%;
    }
    .main-channel{
        margin-top: 60px;
    }
    .main-left{
        width: 100%;
        float: none;
    }
    .main-right{
        display: none;
    }
    .main-child{
        padding: 20px 0;
    }
    .childL{
        display: none;
    }
    .childR{
        width: 100%;
        float: none;
    }
    .childR h2{
        font-size: 16px;
        line-height: 24px;
    }
}