html{
width:100vw;
height: 100vh;
}
body{
width: 100vw;
height: 100vh;
}
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.body_r{position:fixed;left:100%;top:0;bottom:0;right:0;transition:left 1.3s cubic-bezier(0.5,0,0.2,1) 0s;z-index:1;overflow:hidden;}
.body_r.showdiv{left:0;}
.body_r .body_scroll{height:100%;position:relative;overflow:hidden;}
.body_r .ll{position:absolute;top:50%;left:0;text-align:center;transform:translateY(-50%);color:#fff;font-size:20px;padding-left:40px;width:20px;text-align:center;line-height:1.2;cursor: pointer;transition:all 0.3s ease-out 0s;opacity:0;visibility:hidden;}
.body_r .ll:hover{padding-left:50px;}
.body_r .ll.w{color:#58453b;}
.body_r.showdiv .ll{opacity:1;visibility:visible;}
.body_r .arr{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#fff;font-size:80px;cursor: pointer;font-family:icon;opacity:0;transition:all 0.5s ease-out 0.5s;text-shadow:0 0 5px rgba(0,0,0,0.5);}
.body_r.showdiv .arr{opacity:1;}
.body_r .arr.h{display: none;}
.screen{float: left;height:100%;position: relative;}
.home1{background: url("../images/bg.png") no-repeat;background-size: 100% 100%;}
.screen .title{color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;line-height:1.1;}
.screen .title .fz40{width:40px;white-space:normal;}
.screen .title .p{width:18px;font-size:18px;margin-left:25px;word-wrap:break-word;}
.body_r .menu{position:absolute;width:50px;height:50px;right:40px;top:40px;background:#fff;border-radius:100%;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:2;transition:all 0.3s ease-out 0s;cursor:pointer;}
.body_r .menu:hover{box-shadow:0 0 20px rgba(0,0,0,0.5);}
.body_r .menu .inner{right:25%;top:15px;width:50%;position: absolute;}
.body_r .menu i{background:#333;border-radius:2px;height:2px;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.body_r .menu i:nth-child(1){width:100%;position:absolute;right:0;top:0px;}
.body_r .menu i:nth-child(2){width:100%;position:absolute;right:0;top:9px;}
.body_r .menu i:nth-child(3){width:100%;position:absolute;right:0;top:18px;}
.body_r .menu.act i:nth-child(1){transform:translate(0,9px) rotate(45deg);}
.body_r .menu.act i:nth-child(2){opacity:0;}
.body_r .menu.act i:nth-child(3){transform:translate(0,-9px) rotate(-45deg);}
.body_r .navg{position:absolute;left:0;top:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:2;transition:all 0.5s ease-out 0s;opacity:0;transform:scale(1.1);visibility:hidden;}
.body_r .navg .logo{width:200px;}
.body_r .navg.showdiv{transform:none;opacity:1;visibility:visible;}
.body_r .navg>div{-ms-flex:1;flex:1;}
.body_r .navg .l{background:#fff;position: relative;}
.body_r .navg .l .inner{position: absolute;left:50%;top:50%;transform:translate(-55%,-50%);}
.body_r .navg .l .list{margin-top:50px;}
.body_r .navg .l .item{font-size:16px;height:46px;line-height:46px;width:140px;position: relative;}
.body_r .navg .l .item:before{border-top:2px solid #94070a;position:absolute;left:0;width:0;content:"";bottom:0;transition:all 0.5s ease-out 0s;}
.body_r .navg .l .item:after{content:"";position: absolute;left:100%;height:0;bottom:0;border-right:2px solid #94070a;}
.body_r .navg .l .item:hover:before{width:100%;}
.body_r .navg .l .item:hover:after{height:20px;bottom:-9px;transition:all 0.5s ease-out 0.5s;}
.body_r .navg .l .item ul{left:100%;top:0;line-height:40px;opacity:0;transition:all 0.5s ease-out 0s;position: absolute;visibility:hidden;}
.body_r .navg .l .item:hover ul{opacity:1;visibility: visible;}
.body_r .navg .l .item li{padding-left:20px;transition:all 0.3s ease-out 0s;white-space:nowrap;}
.body_r .navg .l .item li:hover{padding-left:30px;}
.body_r .navg .l .item a:hover{color:#94070a;}
.body_r .navg .l .tools{margin-top:45px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;}
.body_r .navg .l .tools .a{border:1px solid #ddd;border-radius:100%;margin-right:20px;width:40px;height:40px;line-height:40px;position:relative;}
.body_r .navg .l .tools .a>a{display:-ms-flexbox;display:flex;width:100%;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.body_r .navg .l .tools .sc a:after{content:"\e672";font-size:20px;font-family:icon;}
.body_r .navg .l .tools .log i:after{content:"\e601";font-size:20px;font-family:icon;}
.body_r .navg .l .tools .share-box{float:left;}
.body_r .navg .l .tools .lang{font-size:16px;font-family:Arial;text-transform: uppercase;}
.nav_b{position:absolute;left:0;right:0;bottom:4.9%;text-align:center;z-index:2;color:#fff;align-items:center;opacity:0;visibility: hidden;transition:all 0.6s ease-out 0s;transform:translateY(50px);}
.nav_b.showdiv{opacity:1;visibility:visible;transform:translateY(0px);}
.nav_b .l{padding-top:30px;}
.nav_b .r{padding-top:30px;}
.nav_b .list{margin:0 auto;width: 76.8%;}
.nav_b .list .item{width: 12.5%;cursor: pointer; text-align: center; float: left;}
.nav_b .list .item span{padding-top: 18%;display: inline-block;line-height:1;position: relative; font-size: 18px;}
.nav_b .list .item:last-child span{/* transform:translateX(50%); */}
.nav_b .list .item span:before{ display: block; content:"";background:url(../images/select.png) center center no-repeat;transform:scale(0);transition:all 0.5s ease-out 0s;position: absolute;top: 31%;left:50%;margin-left:-10px;width: 25%;height: 127%;background-size: 100% 100%;}
.nav_b .list .item.now span:before{transform:none;}
.container {
width: 100vw;
height: 100vh;
position: relative;
}
.home1 .logo{
position: absolute;
width: 8.4375%;
}
.home1 .icon-box {
position: absolute;
left: 16.19%;
top: 2.87%;
}
.home1 .icon-box .icon li{
float: left;
margin-right: 15px;
}
.screen .nav{
}
.home1 .img-box{
position: absolute;
top: 36.76%;
left: 43.75%;
width: 56.25%;
}
.home1 .img-box .img li{
float: left;
margin-right: 1%;
width: 24%;
transform: translateY(50px);
opacity: 0;
}
.home1.showdiv .img-box .img li {
opacity: 1;
transform: none;
transition: all 1s ease-out 0s;
}
.home1 .img-box .img li img{transition: all 0.6s ease-out 0s;}
.home1 .img-box .img li:hover img {transform: scale(1.05);}
.home1 .img-box .img li img:nth-child(1){
}
.home1 .img-box .img li .img-text{font-size: 18px;color:#333333;margin-top: 18px;}
.home1 .img-box .img li .img-text1{color: #ffffff;}
.home2 .bg{background:url(../images/bg3.png) center center no-repeat;background-size: 100% 100%;position: absolute;left:0;top:0;width:100%;height:100%;transform:translateX(50px);transition:all 1s ease-out 0s;opacity:0;}
.home2.showdiv .bg{transform:none;opacity:1;}
.home2 .logo{position: absolute;
width: 4.21%; height:100%;
left: 2.08%;
top: 1.85%;}
.home2 .logo img{height:28%;}
.home2 .icon-box{position: absolute;right: 70px;top: 31px;}
.home2 .icon-box ul li{float: left;margin-left: 15px;}
.home2 .jiegou{position:absolute;right: 20%; top: 1%;width: 600px;height:220px;}
.home2 .more-sw{position: absolute;left:12.6%;bottom: 18.1%;width: 2.56%}
.home2 .more-mr{position: absolute;right:38.48%;bottom: 18.1%;width: 2.56%}
.home2 .more-yg{position: absolute;right:7.864%;top: 24.537%;width: 11.145%}
.home2 .mr-content{position:relative;width: 28.85%;height: 88%;left: 20.83%;top: 16%;}
.home2 .mr-content .mr-text{color: #666666;font-size: 14px;float: left;width: 25%; height: 70%; overflow:hidden;}
.home2 .mr-content .mr-text span{-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; width: 100%;}
.home2 .mr-content .mr-text:hover{cursor:pointer;}
.home2 .mr-content .mr-name{color: #9b0d14; width: 25%; font-size: 26px;float: left;text-align: center;}
.home2 .mr-content .mr-name span{text-align:center;-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; width:26px; display:inline-block;}
.home2 .mr-content .mr-img{width: 38%;height:100%;float: left;position: relative;}
.home2 .mr-content .mr-img .mr-img1{position: absolute;z-index: 1;width: 100%;height:50%;background: url("../images/wm-img01.png") no-repeat;background-size: 100% 100%;/* text-align: center; */display: flex;justify-content: center;align-items: center;}
.home2 .mr-content .mr-img .mr-img1 img{width: 85.849%;height: 91.6%;}
.home2 .mr-content .mr-img .mr-img2{position: absolute;bottom: 2%;right: 0;z-index: 0;width: 39.5%;top: 49.12%;background: url("../images/wm-img02.png") no-repeat;background-size: 100% 100%; display: flex;
justify-content: center;
align-items: center;}
.home2 .bigpic, .slick-slider, .slick-slide>div, .slick-list, .slick-track, .bigpic li{
height: 100%;
}
.home2 .mr-content .bigpic{
position: relative;
z-index: 2;
}
.home2 .mr-content .bigpic .slick-dots, .home2 .sw-content .bigpic .slick-dots {
position: absolute;
bottom: -40px;
width: 100%;
text-align: right;
z-index: 1000;}
.home2 .mr-content .bigpic .slick-dots li, .home2 .sw-content .bigpic .slick-dots li {
display: inline-block;
width: auto;
float: none;
vertical-align: middle;
}
.home2 .mr-content .bigpic .slick-dots li button, .home2 .sw-content .bigpic .slick-dots li button {
border:solid 1px #ddd;
border-radius: 50%;
background: none!important;
cursor: pointer;
display: block;
font-size: 0;
height: 8px;
line-height: 0;
margin: 0 8px;
outline: medium none;
padding: 0;
width: 8px;
}
.home2 .mr-content .bigpic .slick-dots li.slick-active button, .home2 .sw-content .bigpic .slick-dots li.slick-active button {
border-color: #9b0d14;
}
.home2 .sw-content .bigpic{
position: relative;
z-index: 2;
}
.home2 .mr-content .smallpic{
position: absolute;
right: 0;
width: 22%;
bottom: 22%;
height: 40%;
z-index: 1;
}
.home2 .mr-content .smallpic li{
justify-content: center;
align-items: center;
position: relative;
height: auto!important;
padding-top: 100%;
}
.home2 .mr-content .smallpic li img{
width: 100% !important;
top: 1%;
border:solid 8px #f3f3f3;
position: absolute; left: 0%; height: 23%;
}
.home2 .sw-content .smallpic2{
position: absolute;
right: 4%;
width: 34%;
top: 27%;
height: 38%;
background: url(../images/wm-img04.png) no-repeat;
background-size: 100% 100%;
z-index: 1;
}
.home2 .sw-content .smallpic2 ul li{
position: relative;
}
.home2 .sw-content .smallpic2 ul li img{
position: absolute;
right: 0;
bottom: 0;
width: 85%;
height: 87%;
}
.home2 .mr-content .slick-initialized .slick-slide:focus, .home2 .sw-content .slick-initialized .slick-slide:focus{
outline: none;
}
.home2 .sw-content .sw-img p{
position: absolute;
top: 67%;
text-align: center;
font-size: 16px;
width: 63.07%;
color: #9b0d14;
}
.home2 .mr-content .mr-img .mr-img2 img{width: 85.849%;height: 90%;}
.home2 .sw-content {position: absolute;top: 15%;right: 10.99%;width: 22.7%;height: 88%;}
.home2 .sw-content .sw-img{width: 100%;height:100%;float: left;position: relative;}
.home2 .sw-content .sw-img .sw-img1{position: absolute;z-index: 1;width: 63.07%;height:66%;background: url("../images/wm-img05.png") no-repeat;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;}
.home2 .sw-content .sw-img .sw-img1 img{ height: 65.27%;width: 65.45%;}
.home2 .sw-content .sw-img .sw-img2{position: absolute;bottom: 2%;right: 0;z-index: 0;width: 38.62%;height:50.24%;background: url("../images/wm-img04.png") no-repeat;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;}
.home2 .sw-content .sw-img .sw-img2 img{ position: absolute;width: 85%;height: 88%;right: 0px;bottom: 0;}
.home3 .bg{background:url(../images/bg4.png) center center no-repeat;background-size: 100% 100%;position: absolute;left:0;top:0;width:100%;height:100%;transform:translateX(50px);transition:all 1s ease-out 0s;opacity:0;}
.home3.showdiv .bg{transform:none;opacity:1;}
.home3 .icon-box{position: absolute;right: 2%;top: 2%;}
.home3 .icon-box ul li{margin-bottom: 15px;}
.home3 .bl-content{position: relative;width: 49.63%;height: 73.3%;top: 12.7%;left: 42.65%;}
.home3 .bl-content .bl-img div img:nth-child(1){position: absolute;z-index: 2;}
.home3 .bl-content div img{width:100%;height: 100%;}
.home3 .bl-content div .bl-text{ position: absolute;
bottom: 8px;
z-index: 3;
color: #fff;
display: flex;
justify-content: center;
width: 100%;}
.home3 .bl-content .bl-img1{position: absolute;left: 6.295%;width: 39%;height: 30.5%;}
.home3 .bl-content .bl-img2{position: absolute;left: 46.69%;width: 31.37%;height: 24.7%;top: 19.4%;}
.home3 .bl-content .bl-img3{position: absolute;left: 0%;width: 29.8%;height: 23.1%;top: 42.42%;}
.home3 .bl-content .bl-img4{position: absolute;left: 30.95%;width: 38.3%;height: 30.42%;top: 45.58%;}
.home3 .bl-content .bl-img5{position: absolute;right: 0;width: 29.48%;top: 55.8%;height: 23.1%;}
.home3 .bl-content .bl-img6{position: absolute;left: 14.79%;width: 29.48%;height: 22.98%;bottom: 0;}
.home3 .bl-more{position: absolute;right: 5%;bottom: 2%;}
.home3 .bl-content .bl-img1 img, .home3 .bl-content .bl-img2 img, .home3 .bl-content .bl-img3 img, .home3 .bl-content .bl-img4 img, .home3 .bl-content .bl-img5 img, .home3 .bl-content .bl-img6 img{transition: all 0.6s ease-out 0s;}
.home3 .bl-content .bl-img1:hover img, .home3 .bl-content .bl-img2:hover img ,.home3 .bl-content .bl-img3:hover img, .home3 .bl-content .bl-img4:hover img, .home3 .bl-content .bl-img5:hover img, .home3 .bl-content .bl-img6:hover img{transform: scale(1.05);}
.home3 .bl-more{transition: all 0.6s ease-out 0s;}
.home3 .bl-more:hover{cursor: pointer;transform: scale(1.02);}
.home3 .whcg-title{position: absolute;opacity: 0;transform: translate(30px,30px);font-size: 36px;color:#645930;}
.home3.showdiv .whcg-title{ transform: none; opacity: 1; transition: all 1s ease-out 1s;}
.home3 .zg-img{position: absolute;left: 26.97%;top: 69.31%; width: 9.63%;}
.home3 .zg-img1{position: absolute; left: 26.97%; top: 47.4%; width: 10%;transform: translate(-30px,30px); opacity: 0;}
.home3.showdiv .zg-img1{ transform: none;
opacity: 1;
transition: all 1s ease-out 1s;}
.home3 .zg-img:hover{cursor: pointer}
.home4 .logo{position: absolute;width: 8.49%;}
.home4 .bg{background:url(../images/bg2.png) center center no-repeat;background-size: 100% 100%;position: absolute;left:0;top:0;width:100%;height:100%;transform:translateX(50px);transition:all 1s ease-out 0s;opacity:0;}
.home4.showdiv .bg{transform:none;opacity:1;}
.home4 .icon-box{position: absolute;z-index: 1;right: 13.6%;top: 5.925%;}
.home4 .icon-box ul li{float: left;margin-left: 15px;}
.home4 .content{position: relative;left: 16.45%;top: 11.66%;right:0;bottom:0;width: 59.58%;height: 62.59%;}
.home4 .content .d{transition:all 1s ease-out 0s;opacity:0;}
.home4.showdiv .content .d{opacity:1;}
.home4 .content .d .pic{overflow:hidden;}
.home4 .content .d .pic p{position: absolute;width: 80%; font-size: 18px; background: url("../images/yx01.png");bottom: 20px;background-size: 100% 100%;color: #ffffff;left: 50%;transform: translateX(-50%);height: 30px;}
.home4 .content .d .pic span{display:block;height:100%;transition:all 1.8s ease-out 0s;transform:scale(1.2);}
.home4.showdiv .content .d .pic span{transform:none;}
.home4 .content .tit{font-size:24px;}
.home4 .content .tit a{display:block;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;}
.home4 .content .tit a:hover{color:#CDB1B1;}
.home4 .content .d1{position:absolute;left:0;top:0;width: 24.47%;height: 27.54%;}
.home4 .content .d1 .pic{height:100%;}
.home4 .content .pic>img{position: absolute;width: 100%;height: 100%;}
.home4 .content .d1 .pic span{background:url(../images/yx2.png) center center no-repeat;background-size:cover;}
.home4 .content .d2{position:absolute;left: 50.34%;top:0;width: 24.47%;height: 27.54%;}
.home4 .content .d2 .pic{position:absolute;right:0;top:0;width: 100%;height:100%;}
.home4 .content .d2 .pic span{background: url(../images/yx1.png) center center no-repeat;background-size:cover;}
.home4 .content .d4{position:absolute;left: 0%;top:43.34%;width: 24.47%;height: 27.54%;}
.home4 .content .d4 .pic{position:absolute;left:0;bottom:0;width:100%;height:100%;}
.home4 .content .d4 .pic span{background:url(../images/yx6.png) center center no-repeat;background-size:cover;}
.home4 .content .d8{position:absolute;left:0;top:73.31%;width: 24.47%;height: 27.54%;}
.home4 .content .d8 .pic{position:absolute;left:0;bottom:0;width:100%;height:100%;}
.home4 .content .d8 .pic span{background:url(../images/yx8.png) center center no-repeat;background-size:cover;}
.home4 .content .d5{position:absolute;left:25.17%;top:29.53%;width: 24.47%;height: 27.54%;}
.home4 .content .d5 .pic{height:100%;}
.home4 .content .d5 .pic span{background:url(../images/yx4.png) center center no-repeat;background-size:cover;}
.home4 .content .d7{position:absolute;left:25.17%;top:58.32%;width: 24.47%;height: 27.54%;}
.home4 .content .d7 .pic{height:100%;}
.home4 .content .d7 .pic span{background:url(../images/yx7.png) center center no-repeat;background-size:cover;}
.home4 .content .d6{position:absolute;left:50.34%;top:29.53%;width: 24.47%;height: 27.54%;}
.home4 .content .d6 .pic{position:absolute;left:0;bottom:0;width:100%;height:100%;}
.home4 .content .d6 .pic span{background:url(../images/yx5.png) center center no-repeat;background-size:cover;}
.home4 .content .d3{position:absolute;left:75.52%;top:18.2%;width: 24.47%;height: 27.54%;}
.home4 .content .d3 .pic{position:absolute;left:0;bottom:0;width:100%;height:100%;}
.home4 .content .d3 .pic span{background:url(../images/yx3.png) center center no-repeat;background-size:cover;}
.home4 .vodeo{position: relative;}
.home4 .yx-video{position:absolute;right: 0;bottom: 9.26%;width: 27.76%; height:39%;}
.home4 .yx-video img{position: absolute;width: 100%; height: 100%; bottom:0;}
.home4 .yx-video .yx-video-text{ position: absolute;
display: flex;
justify-content: center;
left: 0;
top: 0;
width: 39%;
height: 32%;
align-items: center;
background: #fbf8ef;
text-align: center;}
.home4 .video-title{position: absolute;bottom: 50.92%;right: 8.125%;font-size: 36px;color: #000000;opacity: 0;transform: translate(30px,30px);}
.home4.showdiv .video-title{transform: none; opacity: 1; transition: all 1s ease-out 1s;}
/*.home4 .content .d .pic span{transition: all 0.6s ease-out 0s;}*/
/*.home4 .content .d .pic:hover span {transform: scale(1.05);cursor: pointer;}*/
.home5 .bg{background:url(../images/bg5.png) center center no-repeat;background-size: 100% 100%;position: absolute;left:0;top:0;width:100%;height:100%;transform:translateX(50px);transition:all 1s ease-out 0s;opacity:0;}
.home5.showdiv .bg{transform:none;opacity:1;}
.home5 .yl-img{position: absolute;right: 0px;top: 13%;width: 34.96%;z-index: 2;}
.home5 .yl-img1{position: absolute;right: 0px;top: 13%;z-index: 1;width: 31.16%;}
.home5 .yl-img1{opacity:0;transition:all 2s ease-out 0s;transform:scale(0.9);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;}
.home5.showdiv .yl-img1{opacity:1;transform:scale(1);}
.home5 .logo{position: absolute;top: 0px;left: 0px;width: 8.49%;}
.home5 .content{position: relative;width: 42.5%;height: 75%;left: 15%;top: 10.46%;font-size: 14px;}
.home5 .content .news-nav{position: absolute;left: 2.69%;top: 12.27%;color: #999999;height: 100%;}
.home5 .content .news-nav h3{line-height: 32px;/* text-decoration: underline; */font-size: 18px; margin:0 0 6px 0;}
.home5 .content .news-nav .active h3{color: #9b0d14;}
.home5 .content .news-r{position: absolute;left: 18%;height: calc(100% - 12%);top: 11.27%;}
.home5 .content .news-r .text-shadow{height: calc(100% - 60px);overflow: auto;}
.home5 .content .news-list .news-list-r h3{line-height: 32px;}
.home5 .content .news-list .news-list-r h3{color: #000000;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.home5 .content .news-list .news-list-r p{color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home5 .news-content-list{height: 100%;}
.home5 .news-content-list li{height: 19%;border-bottom: 1px dashed #999999;}
.home5 .news-content-list .news-list{height: calc(100% - 25px);overflow: auto;}
.home5 .news-content-list.page-box{height: 10%;}
.home5 .content .news-list .line{width: 100%;height: 1px;border-bottom: 1px dashed #999999;margin: 3% 0;}
.home5 .hidden{display: none;}
.home5 .news-nav .active .hidden{display: block;}
.home5 .news-nav li{margin-bottom: 10px;}
.home5 .text-shadow .list-item .left{height: 100%;/* width: 30%; */}
.home5 .text-shadow .list-item .right{width: 80%;padding-left: 5%;}
.home5 .text-shadow .list-item .right .time img{float: left;}
.home5 .text-shadow .list-item .right .time span{display: inline;padding-left: 10px;}
.home5 .content-title{opacity:0;transition:all 1s ease-out 0s;transform:scale(0.9);width:100%;}
.home5.showdiv .content-title{opacity:1;transform:scale(1);}
.home5 .yl-img{opacity:0;transition:all 1s ease-out 0s;transform:scale(0.9);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;}
.home5.showdiv .yl-img{opacity:1;transform:scale(1);}
.home5.showdiv .yl-img img,.home7.showdiv .cg-img img,.home8.showdiv .yl-img img{width: 654px; height: 599px;}
.home5.showdiv .yl-img1,.home7.showdiv .cg-img1,.home8.showdiv .yl-img1{width: 583px; height:650px; overflow:hidden;}
.home5 .content-title{font-size: 36px;color: #000000;/* height:3%; */}
.home5 .icon-box{position: absolute;right: 1.56%;top: 2.7%;}
.home5 .icon-box li{float: left;margin-left: 15px;}
.home5 .list .list-item{border: none;display: flex;justify-content: center;align-items: center;margin-bottom: 3%;}
.home5 .list .list-item .title{color: #000000;font-size: 16px;/* font-weight: 600; */overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.home5 .list .list-item .desc{color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home5 .list .list-item .time{color: #9b0d14;/* padding: 22px 0px; */padding: 11px 0;display: flex;align-items: center;font-size: 12px;}
.home5 .nav-line{width: 22px;height: 2px;background: #9b0d14;margin: 0 auto;}
.home6 .bg{background:url(../images/bg6.png) center center no-repeat;background-size: 100% 100%;position: absolute;left:0;top:0;width:100%;height:100%;transform:translateX(50px);transition:all 1s ease-out 0s;opacity:0;}
.home6.showdiv .bg{transform:none;opacity:1;}
.home6 .sx-img{position: absolute;right: 0px;top: 13%;width: 34.96%;z-index: 2;}
.home6 .sx-img1{position: absolute;right: 0px;top: 13%;z-index: 1;width: 31.16%;}
.home6 .sx-img{opacity:0;transition:all 1s ease-out 0s;transform:scale(0.9);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;}
.home6.showdiv .sx-img{opacity:1;transform:scale(1);}
.home6 .sx-img1{opacity:0;transition:all 1s ease-out 0s;transform:scale(0.9);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;}
.home6.showdiv .sx-img1{opacity:1;transform:scale(1);}
.home6 .logo{position: absolute;top: 0px;left: 0px;width: 8.49%;}
.home6 .content{position: relative;width: 47%;height: 73.92%;left: 15%;top: 10.46%;font-size: 14px;}
.home6 .content-title{font-size: 36px;color: #000000;/* height:3%; */}
.home6 .content-title{opacity:0;transition:all 1s ease-out 0s;transform:scale(0.9);width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;}
.home6.showdiv .content-title{opacity:1;transform:scale(1);}
.home6 .icon-box{position: absolute;right: 1.56%;top: 2.7%;}
.home6 .icon-box li{float: left;margin-left: 15px;}
.home6 .content .news-r{position: absolute;left: 0;height: 87%;top: 13%; width: 95%;}
.home6 .content .news-r .text-shadow{height: 97%;overflow: auto;}
.home6 .content .news-list .news-list-r h3{line-height: 32px;}
.home6 .content .news-list .news-list-r h3{color: #000000;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.home6 .content .news-list .news-list-r p{color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home6 .news-content-list{height: 100%;}
.home6 .news-content-list li{height: 19%;}
.home6 .news-content-list .news-list{height: calc(100% - 60px);overflow: auto;}
.home6 .news-content-list.page-box{height: 10%;}
.home6 .text-shadow .list-item .left{height: 100%;/* width: 30%; */}
.home6 .text-shadow .list-item .right{width: 80%;padding-left: 5%;}
.home6 .text-shadow .list-item .right .time img{float: left;}
.home6 .text-shadow .list-item .right .time span{display: inline;padding-left: 10px;}
.home6 .list .list-item{border: none;display: flex;justify-content: center;align-items: center;margin-bottom: 3%;}
.home6 .list .list-item .title{color: #000000;font-size: 16px;/* font-weight: 600; */overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.home6 .list .list-item .desc{color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home6 .list .list-item .time{color: #9b0d14;/* padding: 22px 0px; */padding: 11px 0;display: flex;align-items: center;font-size: 12px;}
.home7 .bg{background:url(../images/bg7.png) center center no-repeat;background-size: 100% 100%;position: absolute;left:0;top:0;width:100%;height:100%;transform:translateX(50px);transition:all 1s ease-out 0s;opacity:0;}
.home7.showdiv .bg{transform:none;opacity:1;}
.home7 .cg-img{position: absolute;right: 0px;top: 13%;width: 34.96%;z-index: 2}
.home7 .logo{position: absolute;top: 0px;left: 0px;width: 8.49%;}
.home7 .content{position: relative;width: 42.5%;height: 70.92%;left: 15%;top: 10.46%;font-size: 14px;overflow: hidden;}
.home7 .content .news-nav{position: absolute;left: 2.69%;top: 12.27%;color: #999999;height: 100%;}
.home7 .content .news-nav h3{line-height: 32px;/* text-decoration: underline; */font-size: 18px;}
.home7 .content .news-nav .active h3{color: #9b0d14;}
.home7 .content .news-r{position: absolute;left: 21.7%;height: calc(100% - 9%);top: 11.27%;}
.home7 .content .news-r .text-shadow{height: calc(100% - 60px);overflow: auto;}
.home7 .content .news-list .news-list-r h3{line-height: 32px;}
.home7 .content .news-list .news-list-r h3{color: #000000;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.home7 .content .news-list .news-list-r p{color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home7 .news-content-list{height: 100%;}
.home7 .news-content-list li{height: 19%; margin-bottom: 4%;}
.home7 .news-content-list .news-list{height: calc(100% - 60px);overflow: auto;}
.home7 .news-content-list.page-box{height: 10%;}
.home7 .content .news-list .line{width: 100%;height: 1px;border-bottom: 1px dashed #999999;margin: 3% 0;}
.home7 .hidden{display: none;}
.home7 .news-nav .active .hidden{display: block;}
.home7 .news-nav li{margin-bottom: 10px;}
.home7 .text-shadow .list-item .left{height: 100%;/* width: 30%; */}
.home7 .text-shadow .list-item .right{width: 80%;padding-left: 5%;}
.home7 .text-shadow .list-item .right .time img{float: left;}
.home7 .text-shadow .list-item .right .time span{display: inline;padding-left: 10px;}
.home7 .content-title{opacity:0;transition:all 1s ease-out 0s;transform:scale(0.9);width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;}
.home7.showdiv .content-title{opacity:1;transform:scale(1);}
.home7 .cg-img{opacity:0;transition:all 1s ease-out 0s;transform:scale(0.9);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;}
.home7.showdiv .cg-img{opacity:1;transform:scale(1);}
.home7 .content-title{font-size: 36px;color: #000000;/* height:3%; */}
.home7 .icon-box{position: absolute;right: 1.56%;top: 2.7%;}
.home7 .icon-box li{float: left;margin-left: 15px;}
.home7 .list .list-item{border: none;display: flex;justify-content: center;align-items: center;margin-bottom: 3%;}
.home7 .list .list-item .title{color: #000000;font-size: 16px;/* font-weight: 600; */overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.home7 .list .list-item .desc{color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home7 .list .list-item .time{color: #9b0d14;/* padding: 22px 0px; */padding: 11px 0;display: flex;align-items: center;font-size: 12px;}
.home7 .nav-line{width: 22px;height: 2px;background: #9b0d14;margin: 0 auto;}
.home7 .cg-img1{position: absolute;right: 0px;top: 13%;z-index: 1;width: 31.16%;}
.home7 .cg-img1{opacity:0;transition:all 1s ease-out 0s;transform:scale(0.9);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;}
.home7.showdiv .cg-img1{opacity:1;transform:scale(1);}
.home8 .bg{background:url(../images/bg8.png) center center no-repeat;background-size: 100% 100%;position: absolute;left:0;top:0;width:100%;height:100%;transform:translateX(50px);transition:all 1s ease-out 0s;opacity:0;}
.home8.showdiv .bg{transform:none;opacity:1;}
.home8 .yl-img{position: absolute;right: 0px;top: 13%;width: 34.96%;z-index: 2;}
.home8 .yl-img1{position: absolute;right: 0px;top: 13%;z-index: 1;width: 31.16%;}
.home8 .yl-img1{opacity:0;transition:all 2s ease-out 0s;transform:scale(0.9);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;}
.home8.showdiv .yl-img1{opacity:1;transform:scale(1);}
.home8 .logo{position: absolute;top: 0px;left: 0px;width: 8.49%;}
.home8 .content{position: relative;width: 42.5%;height: 70.92%;left: 15%;top: 10.46%;font-size: 14px;overflow: hidden;}
.home8 .content .news-nav{position: absolute;left: 2.69%;top: 12.27%;color: #999999;height: 100%;}
.home8 .content .news-nav h3{line-height: 32px; margin:0; font-size: 18px;}
.home8 .content .news-nav .active h3{color: #9b0d14;}
.home8 .content .news-r{position: absolute;left: 21.7%;height: calc(100% - 9%);top: 11.27%;}
.home8 .content .news-r .text-shadow{height: calc(100% - 60px);overflow: auto;}
.home8 .content .news-list .news-list-r{padding-left: 3%;}
.home8 .content .news-list .news-list-r h3{line-height: 32px;}
.home8 .content .news-list .news-list-r h3{color: #000000;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.home8 .content .news-list .news-list-r p{color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home8 .news-content-list{height: 100%;}
.home8 .news-content-list .news-list li{padding-bottom: 3%;border-bottom: 1px dashed #999999;border-left: 1px solid #cccccc;}
.home8 .news-content-list .news-list li a{display: block;}
.home8 .news-content-list .news-list li a .dateTime .circle{position: absolute;left: -4px;bottom: -4px;width: 8px;height: 8px;background: #9b0d14;border-radius: 50%;}
.home8 .news-content-list .news-list li a .dateTime .month{font-size: 20px;color: #9b0d14;border-bottom: 1px solid #9b0d14;padding-left: 20px;position: relative;}
.home8 .news-content-list .news-list li a .dateTime .day{display: inline;font-size: 32px;color: #9b0d14;}
.home8 .news-content-list .news-list li a .dateTime .year{font-size: 14px;color: #666666;text-align: center;margin-top: 10px;}
.home8 .news-content-list .news-list{height: calc(100% - 60px);overflow: auto;padding-left: 4px;}
.home8 .news-content-list.page-box{height: 10%;}
.home8 .content .news-list .line{width: 100%;height: 1px;border-bottom: 1px dashed #999999;margin: 3% 0;}
.home8 .hidden{display: none;}
.home8 .news-nav .active .hidden{display: block;}
.home8 .news-nav li{margin-bottom: 10px;}
.home8 .news-nav li a{ display: block; height: 40px; }
.home8 .text-shadow .list-item .left{height: 100%;/* width: 30%; */}
.home8 .text-shadow .list-item .right{width: 80%;padding-left: 5%;}
.home8 .text-shadow .list-item .right .time img{float: left;}
.home8 .text-shadow .list-item .right .time span{display: inline;padding-left: 10px;}
.home8 .content-title{opacity:0;transition:all 1s ease-out 0s;transform:scale(0.9);width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;}
.home8.showdiv .content-title{opacity:1;transform:scale(1);}
.home8 .yl-img{opacity:0;transition:all 1s ease-out 0s;transform:scale(0.9);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;}
.home8.showdiv .yl-img{opacity:1;transform:scale(1);}
.home8 .content-title{font-size: 36px;color: #000000;/* height:3%; */}
.home8 .icon-box{position: absolute;right: 1.56%;top: 2.7%;}
.home8 .icon-box li{float: left;margin-left: 15px;}
.home8 .list .list-item{border: none;display: flex;justify-content: center;align-items: center;margin-bottom: 3%;}
.home8 .list .list-item .title{color: #000000;font-size: 16px;/* font-weight: 600; */overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.home8 .list .list-item .desc{color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home8 .list .list-item .time{color: #9b0d14;/* padding: 22px 0px; */padding: 11px 0;display: flex;align-items: center;font-size: 12px;}
.home8 .nav-line{width: 22px;height: 2px;background: #9b0d14;margin: 0 auto;}
div.page-box{
text-align: right;
color: #999999;
margin-top: 20px;
}
.box{
/* float:left; */
width:100%;
}
::-webkit-scrollbar {
/*滚动条整体样式*/
width : 6px; /*高宽分别对应横竖滚动条的尺寸*/
height: 0px;
}
::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
background : #535353;
}
::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background : #ededed;
}
.history_famous4 .text .d2,.history_famous4 .text .d1{margin-top: 21px;}