@charset "utf-8";
/*css reset*/
*{padding: 0;margin: 0;outline: 0}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th{margin:0;padding:0; border:0px;}
body,button,input,select,textarea{font-family:'Arial';}
body{font-size:14px;height:100%;min-width: 1260px;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol,li{list-style:none;}
i,em,b{/*font-style:normal;*/}
a{text-decoration:none;}
a:link, a:visited, a:hover, a:active {text-decoration: none;cursor: pointer;}
fieldset,img{border:0;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.bp-helper #breakpoint-helper{display: none}
.panel[data-type=splash-image] #splash--scroller a:after {
    background: url(../images/bannerxl.png) no-repeat;
    margin: auto;
    content: "";
    width: 28px;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.bannercover{position: absolute;top:0;left:0;right:0;width:100%;height:100%;background: url("../images/bannercover.png") repeat;}
#site-navigation {
    position: fixed;
    top:0;
    bottom: auto;
    width: 100%;
    line-height: 1.8;
    font-family: Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    text-align: center;
    padding-bottom: 0;
    background-color: #fff;
}
.menu li{position: relative}
.menu li a{font-size: 16px;}
#site-navigation ul li .erji{display:none;background:#fff;width:240px;position: absolute;left:0;top:43px;transition: color .3s ease-in,border .3s ease-in;padding: 0;}
#site-navigation ul>li:last-child .erji{right:0;left:auto}
#site-navigation ul li .erji li:hover{background:#92141A;}
#site-navigation ul li .erji li:hover a{color:#fff}
#site-navigation ul li .erji li{margin: 0;padding: 0;width: 100%;}
#site-navigation ul li .erji a{font-size: 16px;color:#000000;display: block;width:100%;opacity: 1;font-weight: normal;padding: 2px 20px;text-align:left;}
#site-navigation #primary-menu>li>a:hover{color:#000;opacity: 1;}
.slider{top:145px;left:0;width:1340px;margin: auto;position: absolute;z-index: 10;right:0;}
.bannerTxt{position: absolute;bottom:0;left:0;width:100%;background: url("../images/bannertxtbg.png") no-repeat;height:177px;}
.bannerTxt p{width:800px;font-size: 30px;color:#fff;margin-left: 120px;text-shadow:5px 5px 5px #000;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;position:absolute;bottom:30px;}
.bannerTxt span{background: #C92C30;font-size: 16px;color:#fff;width:110px;height:30px;line-height:30px;text-align:center;display: block;margin-left: 120px;}
.container{width:1340px;margin: auto;}
.talents{background: url("../images/Recruiting%20Talentsbg.jpg") no-repeat bottom left #F3FDFF;height:auto;padding-top: 50px;padding-bottom:80px}
.CampusLandscape{height:auto;background: url("../images/Landscapebg.jpg") no-repeat;padding-top: 50px;padding-bottom: 50px;}
.CampusLife{height:auto;background: #F7F7F5;padding: 50px 0;}
.Laboratory{height:auto;background: url("../images/Laboratorybg.jpg") no-repeat;padding-top: 50px;padding-bottom: 80px;}
.Events{height:auto;background: #F7F7F5;padding-top: 50px;padding-bottom: 50px;}
.Headlines{background: url("../images/Headlinesbg.jpg") no-repeat bottom center #EDEDEB;height:auto;padding-top: 50px;padding-bottom: 50px;}
.title{font-size: 36px;color:#8A1E20;font-weight: bold;text-align: right;margin-bottom: 30px;}
.Headlinespic{width:670px;}
.HeadlinesTxt{width:634px;margin-left: 35px;}
.HeadlinesTxt li{margin-bottom: 10px;position: relative;top:20px;margin-bottom:20px;}
.HeadlinesTxt li a{font-size: 22px;color:#333333;line-height: 30px;display: block;margin-bottom: 15px;}
.HeadlinesTxt li p span{font-size: 16px;color:#999999;background: url("../images/timeicon.png") no-repeat left center;padding-left: 20px;padding-right: 20px;}
.HeadlinesTxt li p b{font-size: 16px;color:#999999;background: url("../images/ylsicon.png") no-repeat left center;padding-left: 20px;font-weight: normal;}
.HeadlinesTz{display: block;text-align: right;position: absolute;bottom:0;right:0;}
.HeadlinesCon{margin-top: 30px;position: relative}
.Headlinespic li div{position: relative;width:490px;height:614px;left:80px;}
.Headlinespic li div i{position: absolute;top:0;left:0;right:0;/*background: url("../images/Headlinesbg.png") repeat;*/width:100%;bottom:0;height:100%;}
.Headlinespic li img{    position: absolute;  z-index: 10;  top: 60px;  left: 60px;  width: 440px;  height: 490px;}
.Headlinespic li a span{font-size: 28px;color:#90714D;}
.Headlinespic li.cur a span{background: url("../images/dotsbg.png") no-repeat;color:#92141A;}
.HeadlinesTxt .dots{position: absolute;left:-145px;top:-18px;width:125px;height:60px;display: block;z-index: 12;font-size: 28px;color:#90714D;}
.HeadlinesTxt .dots em{position: relative;left:90px;top:8px;}
.HeadlinesTxt li.cur .dots{background: url("../images/dotsbg.png") no-repeat;color:#92141A;}
.eventsBox{position: relative;height:694px;}
.eventsBox .eventsList{width:940px;height:auto;position: relative;z-index: 13;top:70px;}
.eventsBox .eventsList ul{width:825px;padding: 50px;position: relative;z-index: 10;background:#fff;}
.eventsBox .eventsList .eventNum{width: 167px;background: url(../images/eventsnumbg.png) no-repeat #fff center;height: 100%;position: absolute;  right: 0;  top: 0;  z-index: 5;}
.eventsBox .eventsList .eventNum span{display: block;font-size: 40px;color:#90714D;margin-top: 60px;margin-left: 50px;}
.eventsBox li{margin-bottom: 15px;}
.eventsBox li a{font-size: 22px;color:#333333;display: block;margin-bottom: 7px;}
.eventsBox li p{font-size: 15px;color:#999999;}
.eventsBox li p span{background: url("../images/huatongicon.png") no-repeat left center;padding-left: 20px;padding-right: 70px;}
.eventsBox li p b{background: url("../images/timeicon2.png") no-repeat left center;padding-left: 20px;font-weight: normal;}
.eventsBox i{position: absolute;width:640px;height:690px;right:0;top:0;}
.eventsBox i a{position: absolute;left:-108px;bottom:0;}
.LaboratoryCon{overflow: hidden;margin-top: 60px;margin-left: -3%}
.LaboratoryCon li{width:30%;float: left;margin-left: 3%;background: #EEF2F1;}
.LaboratoryTxt{padding:30px 30px 50px 30px;height:275px;background: #EEF2F1;position: relative}
.LaboratoryTxt h1{font-size: 24px;color:#333333;font-weight: normal;text-align: left;border-bottom: 1px solid #DAE1E3;padding-bottom:20px;overflow: hidden;/*word-break: break-all;*/word-spacing: 8px;}
.LaboratoryTxt p{font-size: 18px;color:#333;padding-top: 15px; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 4;  overflow: hidden;/*word-break: break-all;*/}
.LaboratoryTxt a{position: absolute;text-align: center;left:0;right:0;width:50px;height:50px;margin: auto;top:-25px;z-index: 10}
.LaboratoryTxt .topicon{bottom:-315px;}
.campusLifeCon{margin-top: 50px;position: relative;height:650px;}
.ListPic{position: relative;width:636px;height:555px;z-index: 13;top:45px;}
.ListPic i{position: absolute;top:0;left:0;right:0;background: url("../images/Lifebg1.png") repeat;width:100%;height:100%;}
.LifeTxt{width:750px;height:640px;background: url(../images/Liftbg2.jpg) no-repeat bottom #E7EDEE;position: absolute;right:0;top:0;z-index: 10}
.LifeTxt ul{padding: 80px;}
.LifeTxt ul li{margin-bottom: 50px;}
.LifeTxt ul li h2{font-size: 22px;color:#333333;font-weight: normal;position: relative;padding-left: 70px;margin-bottom: 20px;}
.LifeTxt ul li h2 a{color:#333333;}
.artsIcon{position: absolute;width:30px;height:26px;top:0;left:0;background: url("../images/lifetxticon1g.png") no-repeat}
.calendarIcon{width:26px;height:24px;position: absolute;top:0;left:0;background: url("../images/lifetxticon2g.png") no-repeat;}
.librariesIcon{width:30px;height:26px;background: url("../images/lifetxticon3g.png") no-repeat;position: absolute;top:0;left:0;}
.tipsIcon{width:30px;height:30px;background: url("../images/lifetxticon4g.png") no-repeat;position: absolute;top:0;left:0;}
.LifeTxt ul li p{font-size: 16px;color:#333333;padding-left: 70px;opacity: .8}
.LifeTxt ul li p a{display: inline-block;padding-right: 24px;padding-bottom: 10px;color:#333333;}
.LifeTxt ul li:hover .artsIcon{background: url("../images/lifttxticon1r.png") no-repeat}
.LifeTxt ul li:hover .calendarIcon{background: url("../images/lifetxticon2r.png") no-repeat}
.LifeTxt ul li:hover .librariesIcon{background: url("../images/lifetxticonr.png") no-repeat}
.LifeTxt ul li:hover .tipsIcon{background: url("../images/lifetxticon4r.png") no-repeat}
.LifeTxt ul li:hover h2 a{color:#921319;}
.LifeTxt ul li p a:hover{color:#921319;}
.lifeMore{position: absolute;right:80px;bottom:80px;width:110px;height:40px;border: 1px solid #921319;border-radius: 20px;font-size: 15px;color:#921319;text-align: center;line-height: 40px;}
.lifeMore:hover{background: #921319;color:#fff;}
.landscape{margin-top:30px;}
.landscapeImg1{width:48%;height:300px;}
.landscapeImg2{width:48%;margin-left: 4%;}
ul.img22{overflow: hidden;margin-left: -2%;}
ul.img22 li{width: 48%;float: left;margin-bottom:76px;margin-left: 2%;position: relative;}
.img22Pic{width:100%;height:216px;overflow: hidden;}
ul.img22 li .jqthumb{transition: all 0.6s;}
ul.img22 li:hover .jqthumb{transform: scale(1.2);-webkit-transform: scale(1.2); /*Safari 和 Chrome*/-moz-transform: scale(1.2); /*Firefox*/-ms-transform: scale(1.2); /*IE9*/-o-transform: scale(1.2); /*Opera*/}
.videoBox{height:292px;width:100%;margin-top: 34px;position: relative}
.videoCover{position: absolute;left:0;top:0;right:0;background: url("../images/videoimgbg.png") repeat;width:100%;height:292px;text-align: center;}
.videoCover img{margin-top:145px;}
.videoCover h2{font-size: 32px;color:#fff;font-weight: normal;}
.talentsTxt{position: absolute;right:0;top:0;width:936px;height:570px;border: 1px solid #EAB591;z-index: 2;padding: 80px 40px 80px 300px;}
.talentsPic{width:672px;height:490px;position: relative;z-index: 10;top:40px;}
.talentsCon{position: relative;margin-top:30px;height:570px;}
.talentsTxt h1{text-align: left;position: relative}
.talentsTxt h1 i{background: url("../images/zpicon2.png") no-repeat;width:22px;height:39px;top:0;left:0;position: absolute;}
.talentsTxt h1 span{font-size: 22px;font-weight: normal;padding-left: 40px;display: block;padding-top: 10px;padding-bottom: 30px;}
.talentsTxt p{font-size: 18px;color:#333333;line-height: 26px;padding-left: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.talentsTxt ul{overflow: hidden;margin-left: -70px;margin-top: 30px;padding-left: 40px;}
.talentsTxt ul li{float: left;width:210px;height:40px;margin-left: 70px;text-align: center;line-height: 40px;background: url("../images/linegray.png") no-repeat}
.talentsTxt ul li a{font-size: 18px;color:#333333;position: relative}
.talentsTxt ul li:hover a{color:#92141A;}
.talentsTxt ul li:hover{background: url("../images/linered.png") no-repeat;}
.logo{margin-right: 40px;}
.menu-primary-nav-container{padding-top: 15px;padding-bottom: 15px;}
.since{margin-top: 15px;}
.menu-primary-nav-container{position: relative;}
.topLink{position: absolute;right:0;top:15px;}
.menu{position: absolute;  top: 50px;  right: 0;}
#site-navigation .topLink ul{background: url("../images/toolLinkline.png") no-repeat right center;padding-right: 30px;}
.topLink>div{margin-top: 7px;}
.cn{color: #fff;font-size: 16px;margin-right: 20px;opacity: .7}
.serBox{width:185px;height:30px;line-height: 30px;border: 1px solid rgba(255,255,255,.2);padding-left: 40px;position: relative;border-radius: 30px;}
.serSr{width:130px;padding:0 5px;height:28px;line-height: 28px;background: transparent;border: 0;}
.serBtn{position: absolute;width:18px;height:19px;background: url("../images/sericon.png") no-repeat;left:15px;top:4px;}
#site-navigation .topLink ul li a{font-size: 14px;opacity: .6;font-weight: normal;}
#site-navigation.shadow{background:#92131A;border-bottom: none;}
#site-navigation ul li a{color:#fff;opacity: .5;font-weight: bold;font-size: 24px;padding:0 20px;}
#site-navigation ul.menu>li.cur>a{background:#fff;color:#000;opacity:1;}
#site-navigation>ul>li:hover a{color:#fff;}
#slick2 .slick-prev{background: url("../images/dotsleft3.png") no-repeat;left:30px;width:39px;height:38px;z-index: 20}
#slick2 .slick-next{background: url("../images/dotsright.png") no-repeat;right:30px;width:39px;height:38px;z-index: 20}
#slick3 .slick-prev{background: url("../images/dotsleft3.png") no-repeat;left:auto;width:39px;height:38px;z-index: 20;top:85%;right:85px;}
#slick3 .slick-next{background: url("../images/dotsright.png") no-repeat;right:30px;width:39px;height:38px;z-index: 20;top:85%}
#slick2 .slick-prev:hover,#slick2 .slick-prev:active{background: url("../images/dots2left.png") no-repeat;left:30px;width:39px;height:38px;z-index: 20}
#slick2 .slick-next:hover,#slick2 .slick-next:active{background: url("../images/dotsright3.png") no-repeat;right:30px;width:39px;height:38px;z-index: 20}
#slick3 .slick-prev:hover,#slick3 .slick-prev:active{background: url("../images/dots2left.png") no-repeat;left:auto;width:39px;height:38px;z-index: 20;top:85%;right:85px;}
#slick3 .slick-next:hover,#slick3 .slick-next:active{background: url("../images/dotsright3.png") no-repeat;right:30px;width:39px;height:38px;z-index: 20;top:85%}
.liftT{height: 76px;line-height: 76px;font-size: 24px;color: #333333;text-align: center;border: 1px solid #E9B08C;position: absolute;bottom: -76px;  left: 0;  right: 0;  width: 100%;}
.liftB{height: 76px;line-height: 76px;font-size: 24px;color: #333333;text-align: center;border: 1px solid #E9B08C;position: absolute;top: -76px;  left: 0;  right: 0;  width: 100%;}
.Culture span{background: url("../images/timg.png") no-repeat left center;padding-left: 35px;}
.Calendar span{background: url("../images/dateimg.png") no-repeat left center;padding-left: 35px;}
.img22.bot li{margin-top: 80px;}
.Library span{background: url("../images/simg.png") no-repeat left center;padding-left: 35px;}
.Tips span{background: url("../images/zzimg.png") no-repeat left center;padding: 5px 0 5px 35px;}
.copyRight{background: url("../images/footbg2.png") repeat;font-size: 15px;color:rgba(255,255,255,.3);padding: 20px 0;position: absolute;left:0;right:0;bottom:0;}
.copyRight p{width:1340px;margin: auto;}
.foot{width:100%;height:auto;background: url("../images/footbg.png") no-repeat left top #720E13;padding: 60px 0;position: relative}
.foot .container{position: relative;padding-bottom: 40px;}
.logo-bottom{position: absolute;right:3%;bottom:-40px;z-index: 10;}
.footxiaoxun{margin-right: 90px;}
.footitem1{margin-right: 180px;}
.footitem2{margin-right: 180px;}
.footitem4{margin-top: 80px;}
.footitem1 a,.footitem2 a{display: block;font-size: 16px;color:#fff;padding-left: 20px;background: url("../images/footj.png") no-repeat left center;margin-bottom: 20px;opacity: .7}
.footT{font-size: 18px;color:#fff;font-weight: normal;margin-bottom: 60px;opacity: .7}
.footT span{border-bottom: 1px solid #fff;padding-bottom: 10px;}
.footitem3 p{margin-bottom: 20px;margin-left: -30px;}
.footitem3 p a{margin-left: 30px;}
.footitem3{position: absolute;right:3%;}
.rollpic{position: relative}
.rollpic .prev,.rollpic .next{display:block; height:60px; width:60px; cursor:pointer;}
.rollpic .prev{background: url("../images/researchleft.png") no-repeat;position: absolute;left:-80px;top:40%}
.rollpic .next{background: url("../images/researchright.png") no-repeat;position: absolute;right:-70px;top:40%}
.rollpicshow{overflow: hidden}
.rollpicshow li{width:30%;background: #EEF2F1;margin-left:30px;float: left;}
@keyframes ad_width {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}
#site-navigation ul li{position: relative;margin-right:0;}
#site-navigation ul li .erji:after {
    content: ' ';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    display: block;
    width: 100%;
    height: 1px;
    transform: translate(-50%);
}

.join{display: block;margin-top: 30px;margin-left: 40px;}
#slick1 .slick-dots{width: auto;right: -5%;top: 20%;}
#slick1 .slick-dots li{background: url("../images/bannerdots.png") no-repeat center top;width:23px;height:23px;display: block;margin-bottom: 10px;}
#slick1 .slick-dots li.slick-active{background: url("../images/bannerdotcur.png") no-repeat;}
#slick1 .slick-dots li button:before{content: ""}
.rightcd{position: fixed;right:0;top:20%;z-index: 40}
.rightcd a{width:70px;height:70px;border-radius: 50%;margin-bottom: 20px;position: relative;display: table;}
.rightcd a:after{content: "";position: absolute;width:1px;height:20px;bottom:-20px;left:50%;background: #E1E1E0}
.rightcd a.cur:after{background: #92141A}
.rightcd a:last-child:after{display: none;}
.rightcd a span{display: table-cell;vertical-align: middle;text-align: center;color:#92141A;}
.xw{background: url("../images/xwicon.png") no-repeat center #C7DADD;}
.sys{background: url("../images/xsbgicon.png") no-repeat center #C7DADD;}
.tp{background: url("../images/sysicon.png") no-repeat center #C7DADD;}
.zp{background: url("../images/spicon.png") no-repeat center #C7DADD;}
.rightcd a.cur.xw{background: url("../images/xwicon.png") no-repeat center #92141A}
.rightcd a.cur.sys{background: url("../images/xsbgicon.png") no-repeat center #92141A}
.rightcd a.cur.tp{background: url("../images/sysicon.png") no-repeat center #92141A}
.rightcd a.cur.zp{background: url("../images/spicon.png") no-repeat center #92141A}
.rightcd a.cur span{font-size: 12px;color:#fff;padding: 0 5px;}
.panel[data-type=splash-image] #splash--scroller a:hover:after{
    animation: searchLights .5s linear forwards;
    position: relative;
}
@keyframes searchLights {
    0% { top: 0; }
    to { top: 10px; }
}
.LaboratoryPic{width: 100%;height: 290px;overflow: hidden;}
.rollpicshow li .LaboratoryPic .jqthumb{transition: all 0.6s;}
.rollpicshow li:hover .LaboratoryPic .jqthumb{
                 transform: scale(1.2);
                 -webkit-transform: scale(1.2); /*Safari 和 Chrome*/
                 -moz-transform: scale(1.2); /*Firefox*/
                 -ms-transform: scale(1.2); /*IE9*/
                 -o-transform: scale(1.2); /*Opera*/
}
.Headlinespic li div.xinwenImg{width:610px;height:490px;left:-65px;}
.Headlinespic .jqthumb{left: 0;top: 60px;}
.footitem3 .shareBox{margin-bottom: 20px;margin-left: -30px;width:322px;}
.footitem3  a{margin-left: 30px;display:block;position: relative;float: left;}
.chartBox{position: absolute;left: -48px;top: 50px;width:140px;height:147px;background: url("../images/chatimgbgg.png") no-repeat;text-align: center;z-index: 60}
.chartBox a{margin-left: 0;}
.chartBox b{ padding: 17px 11px 10px 11px;display: block;}
.chartBox b img{width:118px}
@media screen and (max-width: 1360px){
    .slider{width:80%;margin: auto;}
    .container{width:94%;padding:0 3%}
    .Headlinespic{width:40%;}
    .HeadlinesTxt .dots{left:-140px;}
    .Headlinespic li div{width:100%;height:610px;left:0}
    .Headlinespic li div.xinwenImg{width:470px;height:490px;left:-12px;}
    .HeadlinesTxt{width:50%;}
    .Headlinespic li img{width:90%;}
    .ListPic{width:40%;height:auto;}
    .LifeTxt{width:65%}
    .LifeTxt ul{padding: 40px 20px 40px 80px;}
    .videoBox{height:auto;}
    .talentsPic {
        width: 40%;
        height: auto;
        position: relative;
        z-index: 10;
        top: 20%;
    }
    .talentsTxt {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        height: auto;
        border: 1px solid #EAB591;
        z-index: 2;
        padding: 40px 20px 40px 20%;
        left:20%;
    }
    .logo {
        width: 23%;
    }
    .since {
        width: 5%;
    }
    .topLink{top:0;}
    .menu{top:30px;}
    .rollpic .prev {
        left: -50px;
    }
    .rollpic .next {
        right: -60px;
    }
    .banSubNav{width: 94%;padding: 0 3%;}
    .copyRight p{width:auto;padding: 0 3%;}
.Headlinespic .jqthumb{left: 0;top: 60px;}
.Headlinespic li div i{height:610px}
}
@media screen and (max-width: 1300px){
    .footitem1{margin-right: 60px;}
    .footitem2{margin-right: 30px;}
    .footxiaoxun {
        margin-right: 50px;
    }

}