html,body{
    padding: 0;
    margin: 0;
}
body{
    font-family:Arial,Helvetica,sans-serif,'Ρ騨¨ªÑÅo¨²',"microsoft yahei";
    font-size:1rem;
    color:#535353;
    background: #fffefd;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th{
    background: transparent;
    border: 0px;
    margin: 0px;
    padding: 0px;
    vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size:100%;
}
ul,li,ol {
    list-style: none;
}
em,b,i{
    font-style:normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: none;
}
input, textarea, select, a {
    margin:0px;
    padding:0px;
    outline:0px;}
textarea {resize:none; overflow:auto;}

aside, article, footer, header, nav, section ,main{display:block;
    height: auto;
    overflow: hidden;}
a{color: #535353;text-decoration:none;}
a:hover{
    text-decoration:underline; }
.disFlex{
    display: -moz-box; /*firefox*/
    display: -ms-flexbox; /*IE10*/
    display: -webkit-box; /*Safari*/
    display: -webkit-flex; /*Chrome*/
    display: box;
    display: flexbox;
    display: flex;
    justify-content: space-between;
}
.container{
    width: 1200px;
    margin: 0 auto;
}
.main{
    width: auto;
    max-width: 1920px;
    margin: 0 auto;
}
.banner{
    position: relative;
    width: 100%;
    height: auto;
}
.banner img{
    width: 100%;
    height: auto;
    display: block;
    position: static;
    margin: 0 auto;
}
.banner01,.banner02,.banner03{
    position: absolute;
    width: 100%;
}
.banner01{
    top: 82.6%;
}
.banner02{
    top: 19.18%;
}
.banner03{
    top: 55.9%;
}
.banner01 img{
    width: 51.25%;
}
.banner02 img{
    width: 62%;
}
.banner03 img{
    width: 43.18%;
}
.bannerPhone{
    display: none;
}
.bannerPhone img{
    display: block;
    width: 100%;
}

/*????*/
.nav{
    width: 326px;height: 696px;
    position: fixed;
    top:50%;
    right: 0;
    transform: translateY(-50%) !important;
    background: url("navBg.png") no-repeat;
    z-index: 99;
    transition-delay: 2s;
}
.nav ul{
    width: 150px;
    padding-top: 220px;
    margin-left: 40px;
    /* text-align: center; */
}
.nav ul li{
    width: 170px;
    font-size: 0.22em;
    text-align: center;
    line-height: 0.48rem;
}
.nav ul li a{
    color: #ffffff;
}
.nav_phone{
    display: none;
    background: #ffffff;
}
.nav_phone ul{
    /*display: block;*/
    width: 100%;
}
.nav_phone ul li{
    padding: 0.1rem;
}
.nav_phone ul li img{
    width: auto;
    max-width: 100%;
    display: block;
}
.mod{
    height: auto;
    overflow: hidden;
    /* padding-top: 20px; */
}
.mod-left{
    width: 56%;
    float: left;
}
/*????**/
.point{
    height: auto;
    overflow:  hidden;
    padding-top: 0.2rem;
    background: #da2b2d;
    padding-bottom: 0.15rem;
    text-align: center;
    /* margin-top:1.4rem; */
}
.point h1{
    font-size: 0.45em;
    font-weight: bold;
    /* line-height: 60px; */
    text-align: center;
    padding-bottom: 10px;
    color: #ffffff;
}
.point h1 a{
    color: #ffffff;
}
.point p{
    /*padding-top: 4px;
    padding-bottom: 4px;*/
    font-size: 0.2em;
    color: #ffffff;
}
.point p a{
    padding: 0 10px;
    border-right: 1px #ffffff solid;
    line-height: 0.4rem;
    /* margin-top: 4px; */
    /* margin-bottom: 4px; */
    color: #fffae2;
}
.point p a:nth-last-child(1){
    padding-right: 0;
    border: 0;
}
.mod-01{
    /* height: 29.23rem; */
    background: url("bgtop.jpg") no-repeat 100% 100%;
    padding-bottom: 1.1rem;
    padding-top: 1.3rem;
}
.mod-01 .mod-left{
    width: 6.8rem;
}
.mod-01 .mod-right{
    /* width: 500px;*/
    background: #fff2d5;
    position: relative;
    height: 3.95rem;
}
.new-hot{
    /* margin-top: 10px; */
    padding: 0 0.2em;
}
.new-hot strong{
    display: block;
    font-size: 0.24em;
    /* line-height: 2.4em; */
    padding-top: 0.25rem;
    padding-bottom: 0.15rem;
}
.new-hot strong a{
    color: #535353;
    margin-right: 1em;
}
.new-hot strong a:nth-last-child(1){
    margin-right:0;
}
.new-hot ul{
    /* margin-bottom: 14px; */
}
.new-hot ul:nth-last-child(1){
    margin-bottom: 0;
}
.mod-right{
    width: 5.2em;
    height: 4.5rem;
    float: right;
}
ul.ul-listy li{
    line-height: 2em;
    font-size: 0.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-hot ul.ul-listy li a{
    margin-right:1em;
}
.new-hot ul.ul-listy li a:nth-last-child(1){
    margin-right:0;
}
.more{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 20px;
    color: #626262;
    font-size: 0.16em;
    border-radius: 6px;
    transition: all 0.5s;
}
.more i{
    transition: all 1s;
}
.more:hover{
    color: #e60012;
}
.more:hover i{
    margin-left: 10px;
}

/*??????*/
.flash_box {width: 100%;height: 3.95rem;position:relative;overflow:hidden;z-index: 1;/* margin-top: 25px; *//*margin-bottom: 30px;*/}
.flash_box .flash_con {width:100%;height: 100%;overflow:hidden;z-index: 2;}
.flash_box .flash_con .split {width: 100%;height:100%;overflow:hidden;position:relative;z-index:1;}
.flash_box .flash_con .split img{ width:100%; height:100%; z-index:2}
.flash_box .flash_con .split .shadow {width:100%;height: 0.5rem;overflow:hidden;background:#000;z-index:10;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;position:absolute;left:0px;bottom: 0;z-index:3;}
.flash_box .flash_con .split .wz {
    font-size: 0.18em;
    width: 100%;
    height: 0.5rem;
    overflow:hidden;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:20;
    color:#fff;
    line-height:0.5rem;
    text-decoration:none;
    cursor:pointer;
    text-align:  left;
}
.flash_box .flash_con .split .wz .tit{
    padding-left: 1em;
    padding-right: 100px;
    /* font-size: 0.22em; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.flash_box .flash_con .split .wz  a{
    color:#fff}

.flash_box .f_btn {width: 0.6rem;height: 0.5rem;margin:0px auto;overflow:hidden;text-align:center;position:  absolute;line-height: 0.5rem;right: 60px;bottom: 0;z-index: 3;}
.flash_box .f_btn .fbtn_con {
    width: 0.6rem;
    margin:0px auto;
    height: 0.5rem;
    font-size: 0.22em;
    font-family: Georgia, "Monotype Corsiva", Arial, sans-serif;
    font-weight: bold;
    color: #656a60;
    overflow:hidden;
    line-height: 0.5rem;
}
.flash_box .f_btn .fbtn_con a {
    overflow:hidden;
    display: none;
    float:left;
}
.flash_box .f_btn .fbtn_con .current, .flash_box .f_btn .fbtn_con a:hover{  display:block ;color:#cc191b}
.flash_box .prev,.flash_box .next{ width: 10px; height: 20px;overflow:hidden;display:block;position:absolute;
    background: url(http://www.newssc.org/images/2018/icon.png) no-repeat;z-index:3}
.flash_box .prev {bottom: 0.1rem;cursor:pointer;margin-top:2px;right: 40px;background-position: -116px 0;}
.flash_box .next {bottom: 0.1rem;cursor:pointer;margin-top:2px;right: 10px;background-position: -133px 0;}

/*???¡¡è¡¡ì???å©????¿½??????*/
.quanweifabu{
    background: #ffffff;
    margin-top: 0.18rem;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-bottom: 0.30em;
}
.titleSmall{
    padding: 0.15em 0;
}
.titleSmall img{
    display: block;
    margin-left: 0.2em;
}
.quanweifabu ul.ul-listy li{
    width: 50%;
    float: left;
    overflow: visible;
    text-overflow: inherit;
    white-space: normal;
    padding-bottom: 0.2rem;
}
.quanweifabu ul.ul-listy li a:before{
    content:'.';
    display:block;
    float:left;width:10px;
    font-weight:bolder;
    
}
.quanweifabu ul.ul-listy li a{
    /* padding: 0 0.2rem; */
    padding: 0 0.2rem;
    display: block;
    line-height: normal;
}
/*????end*/

/*title*/
.title{
    padding-top: 1.2rem;
    padding-bottom: 0.7rem;
}
.title img{
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    /* margin-left: 0.1rem;*/
}

/*???????¡¡è¡¡ì???å©????¿½????????*/
.content{
    height: auto;
    overflow: hidden;
}
.content-left{
    width: 400px;
    float: left;
}
.thumb{
    width: 100%;
    height: 2.2rem;
    margin-bottom: 0.1rem;
    position: relative;
}
.thumb a{
    outline-offset: revert;
}
.thumb img{
    width: 100%;
    height: 100%;
    display: block;
}
.thumb span{
    position: absolute;
    left: 0;
    right: 0;
    /* line-height: 0.5rem; */
    font-size: 0.18em;
    background: rgba(0,0,0,.6);
    color: #ffffff;
    text-align: center;
    bottom: 0;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    padding: 0.16rem 0;
}
.content-left.disFlex{
    display: block;
}
.content-right{
    width: 780px;
    float: right;
}
.content_stait{
    margin-top: 0.1rem;
    height: 2.23rem;
    background: url("bgb_03.png") no-repeat center;
}
.stait_item {
    padding: 0 0.3em;
    color: #ffffff;
}
.stait_item a{
    font-size: 0.2em;
    color: #ffffff;
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0.15rem 0 0.1rem 0;
}
.stait_item p{
    float: none;
    clear: both;
    font-size: 0.14em;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp:3;
    -webkit-box-orient: vertical;
    line-height: 1.4em;
}
.stait_left,.stait_right{
    width: 50%;
    position: relative;
}
.stait_left .stait_item{
    padding-right: 1rem;
}
.stait_right .stait_item{
    padding-left: 1rem;
}
.content_stait .more{
    color: #ffffff;
    bottom: 8px;
}
/*#content03{
    height: 12rem;
    background: url("bg05.png") no-repeat center bottom;
}*/
.fade_title{
    height: 0.64em;
    line-height: 0.64em;
    background: #e6e6e6;
    position: relative;
    padding-left: 10px;
}
.fade_title a{
    color: #707070;
    width: 80%;
    display: block;
    font-size: 0.2em;
}

.fade_title span{
    width: 40px;
    display: block;
    float: right;
    font-size: 0.12em;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #707070;
}
.fade_title span:after{
    position: absolute;
    display: block;
    content: " ";
    width:10px;
    height: 10px;
    background: url("icon.png") no-repeat bottom;right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.fade_item{
    margin-bottom: 10px;
}
.fade_item p{
    display: block;
    height: 0.38rem;
    padding: 10px;
    font-size: 0.14em;
    color: #7d7d7d;
    text-indent: 2em;
    background: #ffffff;
    display: none;
}

.fade_item.open p{
    display: block;
}

.open .fade_title{
    background: #da2b2d;
}
.read .thumb{
    width: 6.7rem;
    height: 4.17rem;
    margin-right: 10px;
}
.open .fade_title a,.open .fade_title span{
    color: #ffffff;

}
.open .fade_title span:after{
    background: url("iconHover.png") no-repeat bottom;
}
.textFade{
    width: 5.3rem;
}
.juanzhou{
    margin-top: 0.3rem;
    height:312px;
    background: url("juanzhou.png") no-repeat;
}
.juanzhou_main{
    width: 1000px;
    margin: 0 auto;
    padding-top: 40px;
}
.title_juanzhou{
    width:145px;

}
.juanzhou_content{
    height: auto;
    overflow: hidden;
    padding-top: 25px;
}
.juanzhou_content ul.ul-listy li{
    float: left;
    width: 50%;
    font-size: 0.2em;
}
.juanzhou_content ul.ul-listy li a{
    display: block;
    padding: 0 10px;

    color: #b20b0b; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.juanzhou_content ul.ul-listy li a:before{
    content: ".";
    height: 1em;
    line-height: 1.5em;
    float: left;
    padding-right: 0.5em;
}
#content04{
    height: 1097px;
    background: url("bgjpg_04.jpg") no-repeat center;
}
#content04 .container{
    position: relative;
    height: 100%;
}
#content04 .container .more{
    bottom: 1rem;
}
/*swiper01*/
.swiper-box{
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
}
#swiper01{
    width: 1000px;
    margin:0.4rem auto 0 auto;
}
.swiper-button-next,.swiper-button-prev{
    position: absolute;
    width: 0.76rem;
    height: 0.56rem;

}
.swiper-button-next img,.swiper-button-prev img{
    width: 100%;
}
.swiper-box .swiper-button-next:after,.swiper-box .swiper-button-prev:after{
    content: " ";
}

#swiper01 .thumb{
    width:2.4rem;
    height: 3.8rem;
    margin: 0 auto;
}
#swiper01 .swiper-slide:nth-child(odd) .thumb{
    margin-top: 1rem;
}



/*?????¡¡è¡¡ì???å©????¿½???????????¡¡è¡¡ì???å©????¿½*/
#content05{
    height: 1010px;
    background: url("bgjpg_05.jpg") no-repeat 100% 100%;
}
#content05 .title{
    padding-top: 2rem;

}
.witness{
    padding-top: 0.4em;
}
.witness .mod-left{
    width: 3.8rem;
    height:3.6rem ;
    position: relative;
    padding-bottom: 0.4rem;
    padding-top: 0.3rem;
}
.witness .mod-right{
    width: 8.1rem;
    height: 4.1rem;
    background: url("boder.png") no-repeat center center;
    position: relative;
}
.witness ul.ul-listy li{
    font-size: 0.18em;
    line-height: 0.5rem;
}
.witness ul.ul-listy li a{
    color: #ffffff;
}
.witness a.more{
    color: #ffffff;
}
.list_item{
    position: absolute;
}
.list_text,.list_img{
    width: 2.1rem;
    height: 1.3rem;
    background:#e6e6e6;
    float: left;
}
.list_img img{
    display: block;
    width: 100%;
    height: 100%;
}
.list_text a{
    display: block;
    font-size: 0.26em;
    color: #313131;
    padding: 0 10px;
    margin-bottom: 10px;
}
.list_text p {
    line-height: 0.24rem;
    font-size: 0.14em;
    color: #313131;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;

    -webkit-box-orient: vertical;
    padding:0 10px;
    text-indent: 2em;
}
.list_item:nth-child(1){
    left: 210px;
    top: 0;
    right: 0;
}
.list_item:nth-child(2){
    left: 0;
    top: 130px;
    right:390px ;
}
.list_item:nth-child(3){
    top: 260px;
    right: 210px;
}
.list_item:nth-child(1) .list_img{
    width: 3.9rem;
    height: 2.6rem;
    position: absolute;
    right: 0;
    top: 0;
}
#content06{
    height: 1480px;
    background: url("bg06.jpg") no-repeat 100% 100%;
    margin-top: -1px;
}
#content06 .title{
    padding-top: 0.9rem;
}
.swiper .thumb{
    margin-bottom: 0;
}
#swiper02{
    width: 1030px;
    height: 710px;
    float: left;
    float: left;
    border: 3px #da2b2d solid;
    border-radius: 6px 0 0 6px;
}
#swiper02 .thumb{
    width: 100%;
    height: 100%;
}

.swiper_nav{
    width: 164px;
    height: 100%;
    float: left;
}
.swiper_nav ul{
    width: 100%;
    height: 716px;
    position: relative;
}
.swiper_nav ul li{
    font-size: 0.14em;
    color: #1b1b1b;
    background: #ffffff;
    position: absolute;
    transition: all 0.5s;
    text-align: center;
    border: #da2b2d solid 2px;
    border-left: 0;
    box-sizing:border-box;
}
.swiper_nav ul li.on{
    width: calc(46%-2px);
    height: 100%;
    background: #da2b2d;
    z-index: 99;
    left: 0;
    right: 50%;
    top: 0;
    font-size: 0.32em;
    color: #ffffff;


}
.swiper_nav ul li.centerP{
    /* width:32%;*/
    width: calc(32%-2px);
    height: 90%;
    top: 5%;
    left: 50%;
    right: 20%;
    font-size: 0.24em;
}
.swiper_nav ul li.prevOn{
    /*width: 22%;*/
    width: calc(22%-2px);
    height: 70%;
    right: 0;
    top: 15%;
    left: 80%;
    font-size: 0.2em;
}
.swiper_nav ul li span{
    writing-mode:vertical-lr;
    /* display: block; */
    width: auto;
    height: 100%;
    text-align: center;
    word-wrap: break-word;
    padding: 1em 0;
}
.swiper_nav ul li:hover{cursor: pointer}

/**????¡¡è¡¡ì???å©????¿½?????**/
.recom{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 0.4rem;
}
.recom .thumb{
    height: 100%;
}
.recon_title{
    width: 200px;
    float: left;
}
.recom_main{
    width: 990px;
    float: right;
}
#swiper03
{
    width: 900px;
    height: 180px;
}
#prev03,#next03{
    width: 0.3rem;
    height: 0.34rem
}

#content07 .title{
    padding-top: 0.6rem;
}
/**poster**/
/*????????*/
.poster{
    margin: 0 auto;

    /*background: url("bg_08.jpg") no-repeat center bottom;*/
}
.poster-main {
    width: 100%;
    height: 620px;
    position: relative;
    margin: 0 auto;
}

.poster-main a, .poster-main img {
    display: block;
}

.poster-main .poster-list {
    width: 1200px;
    height: 620px;
    position: relative;
}

.poster-main .poster-list .poster-item {
    width:1200px;
    height: 620px;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow:1px 1px 20px 2px #7b6b6c ;
}
.poster-main .poster-list .poster-item video{
    width: 100%;
    height: 100%;
}

.poster-main .poster-btn {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    width: 0.68rem;
    height: 0.46rem;
}
.A_Demo{
    margin: 0 auto;
}
.poster-main .poster-prev-btn {
    left: 0;
}

.poster-main .poster-next-btn {
    right: 0;
}
.poster-main .poster-btn img{
    display: block;
    width: 100%;
    height: auto;
}
.poster-item a{
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}

.poster-item a img{
    width: 100%;
    height: 100%;
}
.mod-img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.mod-img p{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    color: #ffffff;
    font-size: 0.22em;
    text-align: center;
    padding: 0.1em 0;
}
.footer{
    width: 100%;
    /* height: 4.13rem;
    background: url("bgjpg_09.jpg") no-repeat 100% 100%;*/
    height: 0.5rem;
}
.footer p{
    font-size: 0.18em;
    /* color: #ffffff; */
    line-height: 2em;
    text-align: center;
    /* padding-top: 3rem; */
    padding-top: 0.5rem;
}