.body{background:#eeeeee;}
.banner{width:100%;}
.banner img{width:100%;}
.banner .swiper-pagination .swiper-pagination-bullet{width:30px;height:4px;background:#fff;border-radius:0px;opacity:1;margin:0px 10px;}

.content{width:1200px;margin: 28px auto 0px;padding: 0px 0px 55px 0px;border-bottom: 1px solid #dcdcdc;}
.Research{width:795px;float:left;}
.content .name{font-size:24px;color:#3e3a39;margin: 0px 0px 22px 0px;}
.content .name .more{float:right;font-size:12px;}
.content .name .more:hover{color:#840163;}
.Research ul{width:280px;float: left;}
.Research ul li{height: 79px;background:#03183c;color: #fff;font-size: 18px;padding: 20px 0px 20px 10px;margin:0px 0px 1px 0px;position:relative;cursor:pointer;}\
.Research ul li a{color:#fff;display:block;}
.Research ul li em{font-size:26px;display:block;float:left;margin:0px 10px 0px 0px;position:relative;z-index:999;font-style: italic;color:#fff;}
.Research ul li .title{width: 231px;float:right;position:relative;z-index:999;letter-spacing: -0.5px;color:#fff;}
.Research ul li .title i{width:25px;height:1px;background:#fff;display:block;margin:5px 0px 0px 0px;}
.Research ul li:before{content:"";display:block;width:280px;height: 119px;background:#840163;position:absolute;top:0px;left:0px;z-index:0;opacity:0;border-top-right-radius:30px;transition:1s all ease;}
.Research ul li:hover:before{opacity:1;}
.Research ul li.active:before{opacity:1;}
.Research .ResearchR{float:left;width:510px;height: 360px;border:1px solid #dcdcdc;position: relative;background: #fff;box-sizing: border-box;}
.Research .ResearchR img{max-width: 100%;max-height: 100%;transition: 1s all ease;vertical-align: middle;width: 100%;height: 100%;}
.Research .ResearchR .Img{height:100%;width:100%;position: absolute;top: 0;left: 0px;opacity:0;transition: 1s all ease;overflow: hidden;text-align: center;line-height: 355px;}
.Research .ResearchR .Img img{opacity:0;}
.Research .ResearchR .Img.active{opacity: 1;}
.Research .ResearchR .Img.active img{opacity:1;}
.News{float:right;width:370px;border-bottom:1px solid #dcdcdc;}
.News li{padding:20px 0px;border-top:1px solid #dcdcdc;box-sizing: border-box;}
.News li a{font-size:18px;color:#3e3a39;line-height: 24px;}
.News li:hover a{color:#840163;}

.Research ul li .title a{color:#fff;}
/*.link{width:1200px;margin: 20px auto 30px;}
.link .swiper-slide{height:60px;line-height: 55px;text-align:center;max-width:380px;width: auto;background: #fff;}
.link .swiper-slide a{display:block;border:1px solid #d7d5d5;box-sizing:border-box;height: 60px;}
.link .swiper-slide img{vertical-align:middle;width: 100%;max-height:100%;}
.link .swiper-button-prev{width: 14px;height: 25px;background:url(../images/icon-left.png) center center no-repeat;opacity: 1;left: 0px;margin-top: -12px;background-size:cover;}
.link .swiper-button-next{width: 13px;height: 25px;background:url(../images/icon-right.png) center center no-repeat;opacity: 1;right: 0px;margin-top: -12px;background-size:cover;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size:0px;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size:0px;}*/
.Mbanner{display: none;}










@media(max-width:1024px){
        .banner{display: none}
        .Mbanner{display: block;}
        .banner .swiper-pagination .swiper-pagination-bullet{width:25px;height: 3px;}
          .content{width:95%;padding: 0px 0px 10px 0px;margin: 40px auto 0px;}
        .Research{float: none;width: 100%;}
        .content .name{margin: 0px 0px 10px 0px;font-size: 20px;}
        .Research ul{width:100%;float: none;}
        .Research ul li:after{width:100%;height: 100%;}
        .Research ul li{height:auto;padding: 20px 0px 10px 10px;}
        .Research ul li .title{width: calc(100% - 40px);}
        .Research ul li:before{width:100%;height:100%;}

        .Research .ResearchR{float: none;width:100%;height: 69vw;}
        .Research .ResearchR .Img{line-height: unset;}
        .News{float:none;width:100%;margin: 20px auto;border: 0;}
        .News li{padding:10px 0px;}
        .News li a{font-size:16px;line-height: 22px;}
        .link{width:95%;margin: 15px auto 20px;}
        .link .swiper-slide img{width:auto;max-width: 100%;}






}