﻿.content{width:100%;overflow: hidden;}
.banner{height: 360px;background:#f3f3f9;width:100%;}
.banner .center{width:1300px;margin:0 auto;padding:52px 0px 0px 0px;}
.bannerL{width: 560px;float: left;}
.bannerL1{width:150px;text-align: center;float:left;}
.bannerL1 img{width:100%;}
.bannerL1 .p1{color:#000;font-size:16px;font-family: 'Calibri';margin:7px 0px 0px 0px;}
.bannerL2{float:right;width: 365px;}
.bannerL2 .p2{font-size: 95px;color:#000;font-weight:bold;font-family:'Bell MT';letter-spacing: 8px;}
.bannerL2 .p3{color:#000;font-family:'Calibri';font-size: 18px;margin: 10px 0px 0px 5px;}
.bannerL2 .p4{color:#000;font-family:'Calibri';font-size: 18px;margin: 32px 0px 0px 5px;}
.bannerL2 .p2 img{max-width:100%;}
.bannerR{width: 360px;height: 215px;float: right;background: #fff;box-shadow: 0px 0px 15px 3px #eee;padding:42px 50px;box-sizing:border-box;margin:20px 0px 0px 0px;}
.bannerR a{display:block;height:60px;line-height:60px;background:#eddd00;color:#000;margin:0px 0px 12px 0px;font-family: 'Calibri';font-weight:bold;font-size:20px;text-indent: 20px;border-radius:5px;}
.bannerR a.a1{background: #eddd00 url(../images/icon-circle.png) 213px center no-repeat;}
.bannerR a.a2{background: #007bad url(../images/icon-circle1.png) 213px center no-repeat;color:#fff;}

.center{width:1300px;margin:0 auto;}

.current{width:1300px;margin:30px auto;}
.content .name{font-size:26px;color:#3e2474;font-weight:bold;padding: 23px 30px 22px 25px;border:1px solid #dedede;border-top:4px solid #503191;border-bottom:1px solid #d3c71f;line-height: 20px;font-style: italic;}
.content .name .more{float:right;font-size:16px;font-weight:normal;color:#3e2474;font-style: normal;}
.content .name .more:hover{font-weight:bold;}
.currentSwiper{border:1px solid #dedede;border-top:0px solid #fff;padding: 30px 0px 35px 0px;position: relative;}
.currentSwiper .mySwiper{width:1210px;margin: 0px auto;}
.currentSwiper li{border-bottom:1px solid #666666;padding:0px 0px 20px 0px;}
.currentSwiper li .Img{width:100%;height:180px;overflow:hidden;}
.currentSwiper li .Img img{width:100%;height:100%;}
.currentSwiper .mySwiper li img{transition:0.5s all ease;width: 100%;height: 100%;}
.currentSwiper li .title{color:#000000;font-size:20px;font-weight:bold;margin:10px 0px;word-break: break-word;height: 72px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.currentSwiper li .summary{color:#444444;font-size:16px;height: 38px;overflow: hidden;}
.currentSwiper .mySwiper li:hover .title{color:#3e2474;}
.currentSwiper .mySwiper li:hover img{transform:scale(1.2);}
.currentSwiper .swiper-button-prev {background: url(../images/icon-left.png) center center no-repeat;left: 5px;}
.currentSwiper .swiper-button-next {background: url(../images/icon-right.png) center center no-repeat;right: 5px;}
.currentSwiper .swiper-button-prev:hover{background: url(../images/icon-left1.png) center center no-repeat;}
.currentSwiper .swiper-button-next:hover{background: url(../images/icon-right1.png) center center no-repeat;}
.swiper-button-prev:after{display:none;}
.swiper-button-next:after{display:none;}
.MobileCurrtent{display:none;}
.currentSwiper li:hover{border-bottom:2px solid #503191;}


.accepted{background: url(../images/indexbg.png) #f8f9f9 center center no-repeat;background-size:cover;padding:30px 0px;margin: 0px 0px 30px 0px;}
.content .accepted .name{border-left:0;border-right:0;padding: 25px 0px 22px 0px;}
.accepted li{padding:30px 0px;border-bottom:1px solid #e0e0e0;}
.accepted li .time{float:left;width: 130px;margin: 28px 0px 0px 0px;}
.accepted li .time .p1{font-size:18px;color:#000000;font-weight:bold;padding: 0px 0px 10px 0px;position:relative;margin: 0px 0px 10px 0px;}
.accepted li .time .p1:after{content:'';width:75px;height:1px;background:#bbbbbb;left:0px;bottom: 0px;position:absolute;}
.accepted li .time .years{font-size:16px;color:#666666;}
.accepted li .time .years .month{padding: 0px 5px;font-style: normal;}
.accepted li .right{width:1140px;float:right;}
.accepted li .right .Img{width:200px;height: 120px;float:left;overflow:hidden;}
.accepted li img{transition:0.5s all ease;width: 100%;height: 100%;}
.accepted li .right .words{float:right;width:920px;}
.accepted li .title{color:#000000;font-size:20px;font-weight:bold;max-height: 48px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.accepted li .keywords{color:#333333;font-size:18px;line-height: 26px;margin: 10px 0px 6px 0px;max-height: 57px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.accepted li .summary{font-size:16px;color:#444444;}
.accepted li:hover .title{color:#503191;}
.accepted li:hover img{transform:scale(1.2);}

.download ul{padding: 30px 30px 0px 30px;border:1px solid #dedede;border-top:0;margin: 0px 0px 30px 0px;}
.download li{float:left;width:607px;height:180px;margin:0px 0px 30px 0px;box-shadow:0px 0px 10px 2px #e5e5e5;border: 1px solid transparent;transition:0.5s all ease;}
.download li:nth-child(2n){float:right;}
.download li .Img{width:240px;height:180px;float:left;overflow:hidden;}
.download li img{transition:0.5s all ease;width: 100%;height: 100%;}
.download li .words{float:right;width: 335px;padding: 20px 15px 0px 0px;}
.download li .title{color:#000000;font-size:20px;font-weight:bold;line-height: 26px;height: 78px;overflow: hidden;}
.download li .keywords{color:#333333;font-size:18px;line-height: 26px;margin: 10px 0px 6px 0px;}
.download li .summary{font-size:16px;color:#444444;line-height: 24px;margin: 10px 0px 0px 0px;height: 48px;overflow: hidden;}
.download li:hover .title{color:#503191;}
.download li:hover img{transform:scale(1.2);}
.download li:hover{border:1px solid #503191;}

.Chemistry{width:100%;height: 160px;font-size: 30px;line-height: 160px;text-align: center;background: url(../images/indexbg1.jpg) center center no-repeat;background-size:cover;color: #fff;}

.indexBottom{width: 1300px;margin:30px auto 50px;}
.Events{width:635px;float:left;}
.content .Events .name{border-left:0;border-right:0;padding: 22px 0px;}
.Events:nth-child(2n){float:right;}
.Events .center{width:100%;}
.Events li{padding:15px 0px;border-bottom:1px solid #e8e8e8;}
.Events li .title{font-size:20px;font-weight:bold;color:#000000;}
.Events li .time{font-size:16px;color:#666666;margin:5px 0px 0px 0px;}
.Events li .time em{font-style:normal;}
.Events li:hover .title{color:#503191;}
.Events li:hover .time{color:#503191;}






@media(max-width:1024px){
    .center{width:94%;}
    .banner{height:auto;overflow: hidden;}
    .banner .center{width: 94%;padding: 20px 0px;position: relative;}
    .bannerL{width: 64%;}
    .bannerL1{width: 36%;}
    .bannerL1 .p1{font-size: 10px;word-break: break-word;}
    .bannerL2{width: 61%;}
    .bannerL2 .p2{font-size: 44px;letter-spacing: 4px;}
    .bannerL2 .p3{margin: 0vw 0px 0px 0px;font-size:10px;}
    .bannerL2 .p4{margin: 6vw 0px 0px 0px;font-size:10px;}
    .bannerR{width: 36%;height: auto;padding: 10px 6px;position: absolute;margin: 0;right: 0px;top: 50%;transform: translateY(-50%);}
    .bannerR a{font-size:12px;text-indent: 0px;text-align: center;height: 40px;line-height: 40px;}
    .bannerR a.a1{background: #eddd00;margin: 0px 0px 9px 0px;}
    .bannerR a.a2{background: #007bad;margin: 0px;}
    
    .current{width:94%;margin: 20px auto;}
    .content .name{font-size: 18px;padding: 10px;}
    .content .name .more{font-size:14px;}
    .PCCurrent{display:none;}
    .MobileCurrtent{display:block;}
    .currentSwiper{padding: 15px 0px 5px 0px;}
    .currentSwiper ul{width:94%;margin:0 auto;}
    .currentSwiper li{width: 47.5%;float:left;margin: 0px 0px 17px 0px;padding: 0px 0px 10px 0px;}
    .currentSwiper li:nth-child(2n){float:right;}
    .currentSwiper li .Img{height: 28vw;}
    .currentSwiper li .title{font-size: 16px;margin: 10px 0px 5px 0px;}
    .currentSwiper li .summary{font-size: 12px;}
    .currentSwiper li:hover{border-bottom:1px solid #666;}

    .accepted{background: url(../images/bg2.jpg) center center no-repeat;background-size: cover;padding: 20px 0px;}
    .accepted li{padding: 20px 0px 15px 0px;}
    .accepted li .time{position:absolute;left: 55%;margin: 0;width: 45%;}
    .accepted li .time .years{font-size:15px;}
    .accepted li .right{float:none;width: 100%;}
    .accepted li .right .Img{float:none;width: 50%;}
    .accepted li .right .words{float:none;width: 100%;margin: 15px 0px 0px 0px;}
    .accepted li .keywords{margin:10px 0px 5px 0px;font-size: 14px;line-height: 22px;}
    .accepted li .title{font-size: 16px;color: #503191;max-height: unset;display: block;}
    .accepted li .summary{font-size: 12px;}

    .content .accepted .name{padding:10px 0px;}
    .download ul{padding: 10px;margin: 0px 0px 20px 0px;}
    .download li{float:none;width:100%;height: auto;margin: 0px 0px 10px 0px;}
    .download li .Img{width: 37%;height: 28vw;}
    .download li .words{width:60%;padding: 6px 5px 0px 0px;}
    .download li .title{font-size: 14px;line-height: 18px;height: 56px;}
    .download li .summary{font-size:12px;margin:5px 0px 0px 0px;line-height: 17px;height: 34px;}

    .Chemistry{height: 22vw;line-height: 22vw;font-size: 18px;}
    .indexBottom{width:94%;margin: 25px auto 15px;}
    .Events{width:100%;float:none;margin: 0px 0px 25px 0px;}
    .content .Events .name{padding:10px 0px;}
    .Events li{padding:10px 0px;}
    .Events li .title{font-size:14px;height: 20px;overflow: hidden;}
    .Events li .time{font-size:12px;margin: 0;}





















}























