.main-banner{ margin-top: 80px; overflow: hidden; position: relative; margin-bottom: 100px; }
.main-banner .swiper-container{ position: relative; }
.main-banner .swiper-wrapper{ height: auto; }
.main-banner img{ width: 100%; }
.main-banner .swiper-pagination .swiper-pagination-bullet-active{ background: #e62029; }
.main-banner .swiper-button-next{ background: url(../../images/next.png) no-repeat center; background-size: 40%; height: 80px; width: 60px; margin-top: -40px; }
.main-banner .swiper-button-prev{ background: url(../../images/prev.png) no-repeat center; background-size: 40%; height: 80px; width: 60px; margin-top: -40px; }
.main-banner .hide{ display: none; }
.main-banner .swiper-container3{ display: none; }

.about_cont{ margin-bottom: 170px; }
.about_cont .imgbox{ width: 38%; float: left; position: relative; }
.about_cont .imgbox .bg{ width: 100%; }
.about_cont .imgbox .img{ width: 100%; left: 50px; top: 60px; position: absolute; }
.about_cont .imgbox .fix{ position: absolute; top: -40px; right: -200px; width: 95%; }
.about_cont .textbox{ float: right; width: 45%; color: #202029; margin-right: 5%; padding-top: 85px; position: relative; }
.about_cont .textbox::after{ width: 70px; height: 6px; background: #e62029; content: ''; position: absolute; right: 0; top: 0; }
.about_cont .textbox h3{ font-size: 40px; margin-bottom: 30px; }
.about_cont .textbox p{ font-size: 16px; line-height: 24px; margin-bottom: 35px; }
a.main-more{ font-size: 12px; color: #7b7b82; border: 1px solid #7b7b82; transition: all 0.3s ease; width: 100px; height: 30px; line-height: 30px; text-align: center; border-radius: 30px; display: inline-block; }
a.main-more:hover{ color: #e62029; border-color: #e62029; }

.main-title{ text-align: center; margin-bottom: 65px; }
.main-title h3{ margin: 0 auto; line-height: 50px; border-bottom: 3px solid #2d2b31; position: relative; font-size: 28px; color: #202029; width: 135px; margin-bottom: 8px ; }
.main-title h3::after{ content: ''; position: absolute; width: 36px; height: 3px; background: #e62029; left: 50%; margin-left: -18px; bottom: -3px; }
.main-title p{ font-size: 12px; color: #d4d4dc; letter-spacing: 4px }

.news_cont,.team_cont,.case_cont{ margin-bottom: 110px; }
.news_cont li{ float: left; line-height: 24px; height: 90px; width: 50%; position: relative; padding-top: 20px; margin-bottom: 60px; }
.news_cont li a{ display: block; color: #353535; font-weight: bold; padding: 20px 40px 0 90px; box-sizing: border-box; border: 1px solid #2d2b31; height: 100%; margin: 0 40px; font-size: 16px; position: relative; }
.news_cont li a::after{ content: ''; position: absolute; background: #e62029; width: 4px; height: 0; right: -4px; top: 63px; transition: all 0.2s linear 0.2s; }
.news_cont li a::before{ content: ''; position: absolute; background: #e62029; width: 0; height: 4px; right: -4px; bottom: -4px; transition: all 0.2s linear; }
.news_cont li a p{ overflow: hidden; height: 48px; }
.news_cont li:hover a{ border-color: #e62029; }
.news_cont li:hover a::after{ height: 30px; transition: all 0.2s linear; }
.news_cont li:hover a::before{ width: 49px; transition: all 0.2s linear 0.2s; }
.news_cont li .time{ position: absolute; left: 0; top: 0; color: #fff; text-align: center; background: #e62029; font-weight: bold; height: 85px; padding: 14px 15px 0 15px; box-sizing: border-box; font-size: 22px; border-top-left-radius: 30px; }
.news_cont li .time span{ background: #fff; display: block; height: 2px; margin: 3px 0 6px; }
.news_cont li .time em{ font-size: 28px; }

.team_cont ul{ margin-bottom: 70px; }
.team_cont li{ float: left; width: 28%; margin-right: 8%; }
.team_cont li:nth-child(3n){ margin-right: 0; }
.team_cont li .photo{ overflow: hidden; height: 200px; text-align: center; margin-bottom: 16px; }
.team_cont li .photo img{ min-height: 100%; max-width: 100%; transition: 3s ease; }
.team_cont li:hover .photo img{ transform: scale(1.1); }
.team_cont li .text{ position: relative; }
.team_cont li .text h3{ font-size: 20px; color: #202029; margin-bottom: 5px; transition: all 0.3s ease; }
.team_cont li:hover .text h3,.team_cont li:hover .text p{ color: #e62029; }
.team_cont li .text p{ color: #676774; transition: all 0.3s ease; }
.team_cont li .text img{ position: absolute; right: 10px; top: 14px; opacity: 0.4; transition: all 0.3s ease; }
.team_cont li:hover .text img{ right: 0; opacity: 1; }

.case_cont ul{ margin-bottom: 70px; }
.case_cont li{ float: left; width: 28%; margin-right: 8%; }
.case_cont li:nth-child(3n){ margin-right: 0; }
.case_cont li a{ display: block; position: relative; }
.case_cont li .photo{ overflow: hidden; height: 200px; text-align: center; margin-bottom: 16px; position: relative; z-index: 2; }
.case_cont li .photo img{ min-height: 100%; width: 100%; transition: 3s ease; }
.case_cont li:hover .photo img{ transform: scale(1.1); }
.case_cont li .text{ position: relative; }
.case_cont li .text h3{ font-size: 16px; color: #202029; width: 80%; margin-bottom: 5px; transition: all 0.3s ease; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.case_cont li:hover .text h3,.case_cont li:hover .text p{ color: #e62029; }
.case_cont li .text p{ color: #676774; transition: all 0.3s ease; }
.case_cont li .text img{ position: absolute; right: 10px; top: 14px; opacity: 0.4; transition: all 0.3s ease; }
.case_cont li .text span{ width: 35px; height: 3px; background: #e62029; display: block; margin: 15px 0 15px; }
.case_cont li:hover .text img{ right: 0; opacity: 1; }
.case_cont li .border{ position: absolute; left: -5%; top: 10%; width: 110%; z-index: 1; border:1px solid #e62029; box-sizing: border-box; opacity: 0; transform: translateY(5%); transition: all 0.3s ease; }
.case_cont li .border1{ height: 100%; }
.case_cont li .border2{ height: 102%; }
.case_cont li:hover .border{ opacity: 1; transform: translateY(0); }

.contact_cont{ position: relative; }
.contact_cont img{ width: 100%; }
.contact_cont table{ position: absolute; text-align: center; height: 100%; top: 0; left: 0; width: 100%; }
.contact_cont p{ font-size: 28px; font-weight: bold; color: #fff; margin-bottom: 30px; }
.contact_cont a{ font-size: 12px; color: #434349; background-color: #d8d8d9; transition: all 0.3s ease; width: 100px; height: 30px; line-height: 30px; text-align: center; border-radius: 30px; display: inline-block; }
.contact_cont a:hover{ background: #c4c4c6; }

.business_cont{ background: #dfe3ea url(../../images/indexbg2.jpg) no-repeat right center; background-size: auto 100%; margin-bottom: 130px; position: relative; }
.business_cont .swiper-container{ height: 500px; }
.business_cont .swiper-slide{ position: relative; background: #dfe3ea url(../../images/indexbg2.jpg) no-repeat right center; }
.business_cont .swiper-wrapper{ height: auto; }
.business_cont .imgbox{ position: absolute; right: 55%; height: 100%; width: 45%; overflow: hidden; top: 0 }
.business_cont .imgbox img{ height: 100%; }
.business_cont .bg{ opacity: 0; }
.business_cont .text{ position: absolute; left: 50%; width: 560px; top: 25%; }
.business_cont .text h3{ font-size: 22px; color: #53535c; }
.business_cont .text span{ display: block; width: 35px; height: 3px; background-color: #e62029; margin: 35px 0; }
.business_cont .text p{ font-size: 16px; color: #202029; line-height: 24px; margin-bottom: 50px; max-height: 72px; overflow: hidden; }
.business_cont .text a{ display: block; background: url(../../images/more.png) no-repeat center; width: 41px; height: 23px; transition: all 0.3s ease; }
.business_cont .text a:hover{ background-position: right center; background-image: url(../../images/more2.png); }
.business_cont .swiper-pagination{ position: absolute; left: 0; bottom: -60px; width: 100%; }
.business_cont .swiper-pagination .swiper-pagination-bullet{ width: 15px; height: 15px; background: url(../../images/point2.png) no-repeat center; margin: 0 2px; opacity: 1; transition: all 0.2s ease; }
.business_cont .swiper-pagination .swiper-pagination-bullet-active{ background: url(../../images/point.png) no-repeat center; }

@media only screen and (max-width: 1280px) {
   .business_cont .bg{ height: 400px; }
   .business_cont .text{ top: 20%; }
   .team_cont ul,.case_cont ul{ text-align: center; }
   .team_cont ul .text,.case_cont ul .text{ text-align: left; }
   .team_cont li,.case_cont li{ width: 280px; float: none; display: inline-block; }
   .team_cont li .photo,.case_cont li .photo{ height: 167px; }
   .business_cont .swiper-container{ height: 400px; } 
}
@media only screen and (max-width: 1080px) {
   .team_cont li,.case_cont li{ margin-right: 5%; }
}
@media only screen and (max-width: 1024px) {
   .about_cont{ margin-bottom: 100px; }
}
@media only screen and (max-width: 768px) {
   .about_cont .textbox h3{ font-size: 28px; }
   .about_cont .imgbox .fix{ right: -50px; top: -20px; }
   .about_cont .textbox{ padding-top: 0; }
   .news_cont li{ float: none; width: 100%; margin-right: 0; margin-bottom: 20px; }
   .business_cont{ padding: 40px 0; background-image: none; }
   .business_cont .swiper-container{ height: 600px; }
   .business_cont .swiper-slide{ background: #dfe3ea url(../../images/indexbg2.jpg) no-repeat right bottom; }
   .business_cont .bg{ display: none; }
   .business_cont .imgbox{ position: static; width: 80%; height: auto; margin: 0 auto; margin-bottom: 40px; }
   .business_cont .imgbox img{ width: 100%; height: auto; }
   .business_cont .text{ position: static; width: 80%; margin: 0 auto; }
   .team_cont li, .case_cont li{ width: 80%; margin: 0; margin-bottom: 40px; }
   .team_cont li .photo, .case_cont li .photo{ height: 300px; }
   .case_cont li .border{ display: none; }
   .contact_cont{ overflow: hidden; height: 300px; background: url(../../images/bg3.jpg) no-repeat center; background-size: auto 100%; }
   .contact_cont img{ display: none; }
   
}
@media only screen and (max-width: 500px) {
   .about_cont .imgbox{ width: 90%; margin-bottom: 80px; }
   .about_cont .imgbox .img{ left: 20px; top: 40px; }
   .about_cont .textbox{ width: 100%; margin: 0; text-align: center; }
   .about_cont .textbox p{ text-align: left; }
   .about_cont .textbox h3,.main-title h3,.contact_cont p{ font-size: 24px; }
   .about_cont{ margin-bottom: 40px; }
   .main-title{ margin-bottom: 40px; }
   .news_cont li a{ padding: 20px 20px 20px 33px; height: auto; margin-right: 0; }
   .news_cont li{ height: auto; padding-top: 0; }
   .news_cont li a p{ height: auto; max-height: 72px; }
   .news_cont li .time{ font-size: 16px; padding: 10px 10px 0 10px; height: 70px; top: -10px; }
   .news_cont li .time em{ font-size: 18px; }
   .news_cont li .time span{ margin: 1px 0 3px; }
   .news_cont, .team_cont, .case_cont{ margin-bottom: 60px; }
   .business_cont .swiper-container{ height: 400px; }
   .business_cont .swiper-slide{ background-size: auto 200px; background-position: right bottom; padding: 0 20px; box-sizing: border-box; }
   .business_cont .imgbox,.business_cont .text{ width: 100%; }
   .business_cont .text p{ margin-bottom: 20px; }
   .business_cont .text span{ margin: 15px 0; }
   .business_cont .text h3{ font-size: 16px; }
   .business_cont .text p{ font-size: 14px; }
   .business_cont{ margin-bottom: 80px; }
   .business_cont .swiper-pagination{ bottom: -40px; }
   .team_cont li, .case_cont li{ width: 335px; }
   .team_cont li .photo, .case_cont li .photo{ height: 200px; }
   .team_cont ul,.case_cont ul{ margin-bottom: 0; }
   .contact_cont{ height: 250px; background: url(../../images/bg3.jpg) no-repeat center; background-size: auto 100%; }
   .main-banner .swiper-container3{ display: block; height: 722px; }
   .main-banner .swiper-container1{ display: none; }
}




@keyframes bom{
   0%{ transform: scale(0); }
   40%{ transform: scale(1.2); }
   60%{ transform: scale(0.9); }
   100%{ transform: scale(1); }
}
@keyframes shake{
   0%{ opacity: 0; }
   50%{ opacity: 0.2; }
   70%{ opacity: 0.8; }
   75%{ opacity: 0.4; }
   80%{ opacity: 1; }
   85%{ opacity: 0.4; }
   90%{ opacity: 0.8; }
   90%{ opacity: 0.4; }
   100%{ opacity: 1; }
}
@keyframes scale{
   0%{ transform: scale(0.6); }
   50%{ transform: scale(1.1); }
   100%{ transform: scale(0.6); }
}
@keyframes scale2{
    0%{ transform: scale(0); }
    70%{ transform: scale(1.1); }
    100%{ transform: scale(1); }
 }
@keyframes sprite-animate-go1 {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@keyframes sprite-animate-go2 {
from { background-position: -2550px 0 }
to { background-position: 0 0 }
}