body{background-color:#ffffff;min-width:1200px;background:#fff url(images/bg.png) repeat;position: relative;height:auto;}
.wrapper{width:1000px;min-width:1000px;}
.title{display: block;margin:0 auto;}
.more{position: absolute;right:0;top:85px;}

.lion{position: fixed;top:50%;right:0px;margin-top:-100px;z-index:999;width:410px;display: none;}

#topImg{background:url(images/img_01.png) top center no-repeat;height:1297px;position: relative;}
#topImg .wrapper{width:1200px;height:1023px;}
.logo{width:1192px;margin:43px 0 0 0px;}
.a1{width:1087px;margin:136px 0 0 56px;}
.a2{width:631px;margin:230px 0 0 106px;}
.a5 {
    width: 290px;
    position: absolute;
    bottom: 9px;
    right: -92px;
}

#nowShow .inLink{width:1000px;margin-left:52px;}
#nowShow .title{margin-left:52px;}

#news{margin-bottom:70px;}
#news .more{top:116px;}
.contain{height:360px;background:#fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.contmain_l{width: 620px; height: 360px; overflow: hidden; position: relative;}
#imgs_cont1 {overflow: hidden; position: absolute; top: 0px ; left: 0px;}
#imgs_cont1 li {width: 620px; height: 360px; position: relative;}
#imgs_cont1 li .ft {position: absolute; left: 0px; bottom: 0px; width: 100%; height:0px;background: url("http://static.jstv.com/ui/common/images/slide_mask1.png") 0 bottom repeat-x;}
#imgs_cont1 li img{width:100%;height:100%;}
#imgs_cont1 li .ft .t1 { display: block;font-size:20px; color: #fff; font-family: "Hiragino Sans GB","Microsoft YaHei";padding-left: 20px; 
padding-top:56px; width: 100%; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; 
-o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
#icons_cont1 {position: absolute;right: 58px; bottom: 17px;}
#icons_cont1 li { float: left; width: 8px; height: 8px; margin-left: 10px;border-radius: 8px;background-color: #d1d1d1; cursor: pointer;}
#icons_cont1 li.on { background-color: #18b938;}
#prevIcon1 {position: absolute;width: 40px; height: 40px; background: #18b938 url("http://static.jstv.com/ui/common/images/iconshm.png") no-repeat 14px -33px; bottom: 0; right: 0;}
#nextIcon1 {position: absolute;width: 40px; height: 40px; background: #18b938 url("http://static.jstv.com/ui/common/images/iconshm.png") no-repeat 15px 11px; bottom: 40px; right: 0;}
#prevIcon1:hover, #nextIcon1:hover {background-color: #01961e;}
.contmain_r { margin-left: 620px; width: 330px; overflow: hidden;padding: 0px 8px 0px 40px; height: 358px;border:1px solid #e5e5e5;border-left:none;}
.contmain_r .hd {margin-top: 4px;}
.contmain_r .hd .tit{height:42px;overflow: hidden;}
.contmain_r .hd a { font:19px/42px "Hiragino Sans GB","Microsoft YaHei";  font-weight: bold;}
.contmain_r .hd p.detailscont {line-height: 24px;color: #969696;height: 48px;overflow: hidden;}
.contmain_r .hd p.detailscont a{font-size: 12px; line-height: 24px;color: #3d9000;}
.contmain_r .hd p.detailscont a:hover{text-decoration: underline;}
.contmain_r .bd {position: relative;width:100%;margin-top: 22px;}
.contmain_r .bd .news li {height: 36px;position: relative;overflow: hidden;}
.contmain_r .bd .news li a { font-size: 14px;padding-right: 6px;line-height: 36px;color: #010101;}

#sincerity{background:url(images/img_16.jpg) top center no-repeat;height:880px;position: relative;background-size: 100% 100%;}
.videoTitle{margin-bottom:20px;text-align: center;width:100%;position: relative;}
.videoTitle span{ padding:0 12px; font-size:28px; color:#fff; line-height: 56px; background-color: #c7c7c7; margin-left:18px; float:left; border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; letter-spacing: 2px;}
.videoTitle span:first-child{margin-left: 0px;}
.videoTitle span.active{background-color: #fcb600;color:#fff;}
.playbox{margin-top:13px;height:568px;width:1000px;background:#000;position: relative;display: none;}
video{width:100%;height:100%;}

#reportCard .more{top:182px;}
#reportCard li {
    width:480px;height: 130px;position: relative;float:left;margin-bottom:30px;
}
#reportCard li .proImg{
    float:left;
}
#reportCard li img{
    width:180px;height:130px;

}
#reportCard li .proDetails{
    width:282px;height:130px;color:#000;float:left;margin-left:16px;
}
#reportCard li:nth-child(even){margin-left:30px;}
#reportCard li h3{
margin-bottom:10px;font-size: 17px;line-height: 30px;max-height:60px;overflow: hidden;
font-weight: normal;font-weight:bold;
}
#reportCard li p{
    margin:6px 0;font-size: 12px;line-height: 22px;height:66px;overflow: hidden;
    font-weight: normal;
}
#reportCard li p span{
    color:#18b354;
}

.swiper-container-person{width:1000px;height:218px;}
.photo{width:100%;height:130px;overflow:hidden;}
.photo img{width:100%;height:100%;}
.swiper-container-person p{font-size:15px;color:#000;line-height:24px;margin-top:8px;text-align: center;height:48px;}
.swiper-pagination-bullet{background:#c7c7c7;width:14px;border-radius:5px;opacity:1;}
.swiper-pagination-bullet-active{background:#ffde14;width:36px;border-radius:5px;}
#person .listItem{height: 72px;overflow: hidden;position: relative;margin-top:10px;}
#person .listItem li{width:480px;line-height: 36px;height: 36px;overflow: hidden;margin-left:18px;float:left;}
#person .listItem li::before {
    content: "•";
    padding-right: 5px;
    color: #098976;
}
#person .listItem li a{color:#000;font-size: 19px;}
#person .more{top:158px;}


#publication {margin-bottom:56px;}
#publication ul.publication{float:left;}
#publication ul.publication li{width:250px;margin-right:50px;float:left;}
#publication ul.publication li img{border-radius:20px;width:250px;height:450px;box-shadow:0px 0px 15px #888888;}
#publication ul.publication li p{margin-top:15px;color:#2c2c2c;font-size:19px;line-height:24px;
    letter-spacing:1px;height:48px;overflow: hidden;}
#publication ul.news-list {float: left;width: 397px;position:relative;height: 510px;}
#publication ul.news-list .img{width:100%;height:273px;position: relative;margin-bottom: 16px;}
#publication ul.news-list .img .ft {position: absolute;left: 0px;bottom: 0px;z-index: 11;padding: 0px 5%;height: 40px;overflow: hidden;line-height: 40px;width: 90%;background: url("http://static.jstv.com/ui/common/images/slide_mask1.png") 0 bottom repeat-x;background-size: 100% 100%;font-size: 19px;}
#publication ul.news-list .img .ft a{color:#fff;}
#publication .news-list{height: 216px;overflow: hidden;}
#publication .news-list li{line-height: 36px;height: 36px;overflow: hidden;}
#publication .news-list li::before {
    content: "•";
    padding-right: 5px;
    color: #098976;
}
#publication .news-list li a{color:#000;font-size: 19px;}

#ask .videoList {position: relative;width:516px;height:765px;float:left;}
#ask .videoList li{position: relative;width:100%;height:222px;margin-bottom:35px;}
#ask .videoList li img {object-fit: cover;width: 100%;height: 100%;}
.play_icon {background: url("images/play.png") 0px 0px no-repeat;width: 43px;height: 43px;position: absolute;top: 50%;left: 50%;margin-top: -21px;margin-left: -21px}
#ask .videoList .tp-introduce {width: 100%;height: 50px;line-height: 50px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center;background: url("http://static.jstv.com/ui/common/images/slide_mask1.png") 0 bottom repeat-x;position: absolute;bottom: 0;color: #FFFFFF;font-size: 21px;}
#ask .askList{margin-left:40px;float:left;width:444px;}
#ask .askList ul{margin-left:-28px;}
#ask .askList li{width:208px;margin-left:28px;height:327px;float:left;margin-bottom:28px;}
#ask .askList li img{width:208px;height:327px;}

#media{background:url(images/img_17.jpg) top center no-repeat;height:850px;position: relative;background-size: 100% 100%;}
#media .more{top:154px;}
#media ul{margin-left:-20px;}
#media li{width:320px;margin-left:20px;height:280px;margin-bottom:20px;background-color: #fff;float:left;}
#media li img{width:320px;height:220px;}
#media li p{margin-top: 6px;
    color: #2c2c2c;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    height: 48px;
    overflow: hidden;
    width: 94%;
    padding: 0px 3%;}

#tab{display:none;position: fixed;left:20px;top:124px;z-index:999;background:#8ccb78;width:340px;border-radius:20px;}
#tab .navBtn{width: 47px;
    position: absolute;
    right: -47px;
    top: 15px;}
#tab ul{width:310px;margin:0 auto;}
#tab ul li{height:80px;line-height:80px;text-align: center;font-size:28px;color:#fff;height:80px;border-top:1px solid #fff;}
.a6{width: 270px;top: -124px;left: -20px;position: absolute;z-index:-1;}


#bottom{background:url(images/bottom.png) bottom center no-repeat;height:402px;position: relative;}

@-webkit-keyframes swing {20% {-webkit-transform: rotate3d(0, 0, 1, 10deg);transform: rotate3d(0, 0, 1, 10deg);}
40% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}
60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}
80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}
100% {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}
@keyframes swing {20% {-webkit-transform: rotate3d(0, 0, 1, 10deg);transform: rotate3d(0, 0, 1, 10deg);}
40% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}
60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}
80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}
100% {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}

.swiper-button-prev{background-image:url(http://static.jstv.com/ui/special/2019xfz/prev.png);left:-80px;}
.swiper-button-next{background-image:url(http://static.jstv.com/ui/special/2019xfz/next.png);right:-80px;}
.swiper-button-next, .swiper-button-prev{width:41px;height:75px;background-size:41px 75px;top:48%;}

#debate {background: url('images/img_24.jpg') top center no-repeat;height: 1511px;position: relative;background-size: 100% 100%;}
#debate .wrapper{padding-top: 50px;}
#debate .title{margin-bottom: 40px;}
#debate ul{position: relative;float:left;width:500px;height:auto;}
#debate ul:nth-of-type(odd){margin-top: 0px;}  
#debate ul:nth-of-type(even){margin-top: 76px;}
#debate li{position: relative;width: 100%;height: 218px;margin-bottom: 36px;}
#debate li img{width: 164px;height: 164px;float:left;border-radius: 90px;border: 8px solid #ebebeb;margin-left: 37px;position: relative;}
#debate li .txt {margin-right:90px;float: left;width: 174px;font-size: 17px;line-height: 34px;height: 136px;overflow: hidden;margin-left: 14px;}
#debate li .txt span{display: inline-block;width:36px;height:23px;background: url('images/img_23.png') 0px 0px no-repeat;position: relative;}
#debate li .txt span.leftIcon{background-position: 12px 9px;}
#debate li .txt span.rightIcon{background-position: -15px 9px;}
#debate li .detail{position: relative;float:left;background: url('images/img_22.png') 0px 0px no-repeat;
width:428px;height:68px;margin-top: -31px;color:#fff;}
.detail span {display: block;float: left;}
.detail span.name {font-size: 23px;width: 110px;padding-left: 4px;height: 48px;text-align: center;line-height: 48px;text-shadow: 0px 2px 2px #e27d35;
}
.detail span.job {width: 288px;height: 52px;font-size: 16px;margin-top: 16px;
    margin-left: 8px;line-height: 24px;overflow: hidden;text-shadow: 0px 2px 2px #759a6e;}

#scroll{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index: 999;
    background: rgba(0,0,0,.5);
    display: none;
}
#scroll img{ height:100vh; position: absolute; left:50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }