.top_cont{ position: relative; }
.top_cont .banner{ margin-right: 375px; height: 360px; border-radius: 4px; background: url(/uploads/image/pi/banner.jpg) no-repeat left center; background-size: cover; }
.top_cont .login{ position: absolute; width: 355px; height: 100%; top: 0; right: 0; background: #fff; border-radius: 4px; overflow: hidden; }
.top_cont .login .menu{ border-top: 6px solid #ba2f2f; border-bottom: 1px solid #ba2f2f; position: relative; line-height: 46px; height: 46px; text-align: center; color: #ba2f2f; }
.top_cont .login .cut{ padding: 30px 30px 0 30px; font-size: 12px; }
.top_cont .login .cut .lis{ margin-bottom: 15px; }
.top_cont .login .cut .lis p{ padding-left: 16px; color: #8a8a8a; margin-bottom: 6px; line-height: 16px; }
.top_cont .login .cut .lis input{ background: #fff; border: 1px solid #d0d0d0; line-height: 35px; box-sizing: border-box; width: 100%; padding: 0 20px; transition: all 0.3s ease; }
.top_cont .login .cut .lis input.border{ border: 1px solid #ba2f2f; }
.top_cont .login .cut .lis .p1{ background: url(/uploads/image/pi/icon1.png) no-repeat left 1px; }
.top_cont .login .cut .lis .p2{ background: url(/uploads/image/pi/icon2.png) no-repeat left top; }
.top_cont .login .cut .btn{ padding-top: 5px; margin-bottom: 20px; line-height: 18px; color: #8a8a8a; }
.top_cont .login .cut .forget{ float: right; color: #ba2f2f; }
.top_cont .login .cut #point{ margin-right: 8px; width: 35px; height: 18px; border-radius: 18px; background: #d6d6d6; position: relative; display: inline-block; vertical-align: middle; cursor: pointer; transition: all 0.5s ease; }
.top_cont .login .cut #point span{ position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; background: #fff; border-radius: 14px; transition: all 0.3s ease; }
.top_cont .login .cut #point.active{ background: #07c160; }
.top_cont .login .cut #point.active span{ left: 18px; }
.top_cont .login .cut .sub{ width: 100%; display: block; line-height: 40px; text-align: center; color: #fff; background: #ba2f2f; transition: all 0.3s ease; }
.top_cont .login .cut .sub:hover{ opacity: 0.8; }
.top_cont .login .error{ text-align: center; color: #ba2f2f; display: none; }
.top_cont .center{ position: absolute; width: 355px; height: 100%; box-sizing: border-box; top: 0; right: 0; background: #fff; border-radius: 4px; overflow: hidden; border-top: 6px solid #ba2f2f; }
.top_cont .center .photo{ width: 84px; height: 84px; background: url(/uploads/image/pimages/photo2.png) no-repeat center; margin: 0 auto; margin-top: 40px; text-align: center; color: #ba2f2f; position: relative; margin-bottom: 5px; }
.top_cont .center .photo span{ padding: 1px 6px; border: 2px solid #cb6363; font-size: 12px; color: #ba2f2f; border-radius: 30px; background: #fff; position: absolute; bottom: -4px; left: 10px; display: block; white-space: nowrap }
.top_cont .center .name{ text-align: center; color: #1d1d1d; line-height: 35px; }
.top_cont .center .com{ text-align: center; line-height: 41px; background: url(/uploads/image/pimages/name.png) no-repeat top; font-size: 12px; }
.top_cont .center .btn a{ width: 78px; height: 23px; line-height: 23px; display: inline-block; margin: 0 5px; border: 1px solid #e0a1a1; color: #ba2f2f; }
.top_cont .center .btn a:first-child{ color: #fff; background: #ba2f2f; border: 1px solid #ba2f2f; }

.cont{ border-radius: 4px; background: #fff; padding: 26px 40px 35px; box-sizing: border-box; }
.cont .title{ border-bottom: 1px solid #ba2f2f; padding-bottom: 16px; font-size: 24px; color: #343434; position: relative; }
.cont .title span{ color: #ba2f2f; font-family: 'akz-t'; font-size: 14px; margin-left: 10px; }
.cont .title .more{ position: absolute; line-height: 30px; right: 0; bottom: 8px; color: #ba2f2f; font-size: 10px; font-family: 'akz-l'; padding-right: 32px; background: url(/uploads/image/pimages/icon3.png) no-repeat right center; transition: all 0.3s ease; }
.cont .title .more:hover{ background: url(/uploads/image/pimages/icon3.png) no-repeat 46px center; }
.cont .first{ position: relative; padding: 20px 0; border-bottom: 1px dotted #c7c7c7; }
.cont .first .imgbox{ position: absolute; left: 0; top: 20px; width: 160px; height: 90px; overflow: hidden; }
.cont .first .imgbox img{ width: 100%; min-height: 100%; }
.cont .first .text{ padding-left: 175px; }
.cont .first .text .tit{ font-size: 16px; color: #1d1d1d; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s ease; }
.cont .first:hover .text .tit{ color: #ba2f2f; }
.cont .first .text p{ color: #666666; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 8px; }
.cont .first .text span{ color: #999; font-size: 12px; }
.cont .item a{ position: relative; line-height: 46px; display: block; border-bottom: 1px dotted #c7c7c7; }
.cont .item p{ margin-right: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #1d1d1d; transition: all 0.3s ease; }
.cont .item a:hover p{ color: #ba2f2f; }
.cont .item span{ position: absolute; right: 0; top: 0; color: #999; }

.news_cont{ width: 49.4%; float: left; height: 380px; }
.notice_cont{ width: 49.4%; float: right; height: 380px; }
.notice_cont .first .text{ padding-left: 0; }
.notice_cont .first .imgbox{ display: none; }
.section1{ position: relative; padding-left: 375px; }
.branch_cont{ width: 355px; position: absolute; left: 0; top: 0; height: 430px; }
.branch_cont li a{ display: block; line-height: 42px; border-bottom: 1px dotted #c7c7c7; color: #1d1d1d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s ease; }
.branch_cont li:last-child a{ border:none; }
.branch_cont li a:hover,.events_cont li:hover .tit,.events_cont li:hover p{ color: #ba2f2f; }
.branch_cont li span{ margin-right: 10px; color: #ba2f2f; font-family: 'akz-t' }
.events_cont{ height: 430px; }
.events_cont ul{ padding-top: 20px; }
.events_cont li{ float: left; width: 32%; margin-right: 2%; }
.events_cont li:last-child{ margin-right: 0; }
.events_cont li .imgbox{ height: 180px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 20px; }
.events_cont li .tit{ font-size: 16px; color: #1d1d1d; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s ease; }
.events_cont li p{ color: #666; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 15px; transition: all 0.3s ease; }
.events_cont li span{ font-size: 12px; color: #999; }

.lecture_cont .swiper-container{ padding-bottom: 8px; }
.lecture_cont .swiper-container:hover .swiper-scrollbar{ opacity: 1 !important; }
.lecture_cont .slide{ width: 600px; height: 340px; float: left; background-size: cover; background-position: center; background-repeat: no-repeat; margin-right: 20px; position: relative; }
.lecture_cont .slide:last-child{ margin-right: 0; }
.lecture_cont .slide a{ display: block; height: 100%; }
.lecture_cont .slide .fix{ position: absolute; bottom: 20px; left: 25px; right: 25px; color: #fff; }
.lecture_cont .slide .fix p{ font-size: 24px; margin-top: 10px; }
.lecture_cont .swiper-scrollbar{ position: absolute; bottom: 0; height: 4px; width: 100%; background: rgba(0,0,0,0.1); z-index: 10; transition-duration: 400ms; }
.lecture_cont .swiper-scrollbar-drag{ height: 100%; background: #ba2f2f; border-radius: 10px; }

.interviews_cont{ width: 49.4%; float: left; height: 390px; }
.interviews_cont li{ position: relative; padding: 24px 150px 24px 0; border-bottom: 1px dotted #c7c7c7; }
.interviews_cont li .imgbox{ width: 100px; height: 100px; border-radius: 100px; overflow: hidden; position: absolute; right: 0; top: 20px; }
.interviews_cont li .imgbox img{ width: 100%; }
.interviews_cont li .tit{ position: relative; margin-bottom: 15px; color: #666; } 
.interviews_cont li .tit span{ font-size: 24px; color: #1d1d1d; margin-right: 10px; }
.interviews_cont li .tit i{ border: 1px solid #ba2f2f; color: #ba2f2f; width: 68px; line-height: 18px; display: inline-block; text-align: center; position: absolute; bottom: 2px; right: 0; }
.interviews_cont li p{ line-height: 20px; height: 40px; overflow: hidden; color: #666; transition: all 0.3s ease; }
.interviews_cont li:hover p{ color: #ba2f2f; }

.service_cont{ width: 49.4%; float: right; height: 390px; }
.service_cont .box{ text-align: center; font-size: 0; padding-top: 30px; position: relative; }
.service_cont .box::after{ content: ''; position: absolute; top: 144px; left: 0; width: 100%; border-bottom: 1px dotted #c7c7c7; }
.service_cont .box .li{ display: inline-block; width: 33.333%; font-size: 14px; padding: 10px 0 10px; border-right: 1px dotted #c7c7c7; box-sizing: border-box; margin-bottom: 20px; }
.service_cont .box .li.no{ border: none; }
.service_cont .box .li a{ display: block; color: #1d1d1d; transition: all 0.3s ease; }
.service_cont .box .li a:hover{ color: #ba2f2f; }
.service_cont .box img{ margin-bottom: 15px; }
.service_cont .box span{ display: block; }

.foot{ line-height: 110px; color: #b5b5b5; font-size: 12px; }

@media only screen and (max-width: 1760px) {
    .container .all{ width: 1300px; }
}
@media only screen and (max-width: 1600px) {
    .container{ padding-left: 200px; }
    .container .all{ width: 1200px; }
    .branch_cont{ width: 300px; }
    .section1{ padding-left: 320px; }
    .interviews_cont li{ padding-right: 120px; }
    .cont .title{ font-size: 18px; }
    .cont .title span{ font-size: 12px; }
}
@media only screen and (max-width: 1470px) {
    .container{ padding-left: 150px; }
}
@media only screen and (max-width: 1400px) {
    .container .all{ width: 1100px; }
    .events_cont li{ width: 49%; margin-right: 2%; }
    .events_cont li:nth-child(2){ margin-right: 0; }
    .events_cont li:last-child{ display: none; }
}