@charset "utf-8";
@import url(2022_reset.css);
@import url(2022_header.css);
@import url(2022_footer.css);
a i{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
a:hover i{-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}
.main{background: #f3f3f3;}
.main>div{padding: 20px;background: #fff;}
.our_company{height: 700px;background: url(2021_about_right_bg.png) #fff no-repeat 1120px 630px !important;}
.our_company .pic{height: 330px;margin-top: 28px;}
.our_company .pic .text{height: 330px;width: 400px;background: #07438a;text-align: center;line-height: 330px;}
.our_company .pic .text a{display: inline-block;}
.our_company .pic .text p{line-height: 75px;color: #fff;font-size: 30px;text-align: left;border-bottom: 5px solid #fff;width: 160px;}
.our_company .pic .bg{width: 800px;height: 330px;overflow: hidden;}
.our_company .pic .bg img{transition: all 2s;}
.our_company .pic .bg img:hover{transform: scale(1.1);}
.our_company .message{margin-top: 40px;}
.our_company .message .text{width: 650px;}
.our_company .message .text h2 a{font-size: 32px;font-weight: bold;color: #07438a;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.our_company .message .text p{font-size: 15px;color: #868686;line-height: 24px;text-indent: 2em;margin-top: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
.our_company .message .btns{margin: 70px 0 0 40px;width: 450px;}
.our_company .message .btns a{display: block;float: left;width: 102px;text-align: center;margin: 0 20px;}
.our_company .message .btns a i{display: inline-block;width: 100px;height: 100px;border: 1px solid #07438a;border-radius: 50%;background: url(2021_zwgk_icon.png) no-repeat;}
.our_company .message .btns a span{display: inline-block;font-weight: bold;font-size: 32px;color:#07438a;margin-top: 25px;}
.our_company .message .btns a:first-child i{background-position: 24px -180px;}
.our_company .message .btns a:first-child+a i{background-position: -86px -180px;}
.our_company .message .btns a:first-child+a+a i{background-position: -208px -180px;}
.main .cj{background: none;padding: 0;width: 1240px;}
.cj h1{text-align: center;margin-top: 35px;}
.cj h1 a{font-size: 30px;font-weight: bold;color: #07438a;}
.cj ul{margin-top: 30px;}
.cj ul li{height: 560px;width: 302px;float: left;overflow: hidden;position: relative;}
.cj ul li+li{margin-left: 10px;}
.cj ul li img{width: 100%;object-fit: cover;min-height: 320px;}
.cj ul li .info{position: absolute;bottom: 0;height: 240px;background: #2d2d2d;width: 100%;transition: all 1s;}
.cj ul li .info:before{content: "";position: absolute;width: 0;height: 0;border-right: 12px solid transparent;border-left: 12px solid transparent; border-bottom: 15px solid #2d2d2d;left: 50%;margin-left: -6px;top:-15px;}
.cj ul li .info h3{width: 80%;margin: 0 auto;height: 50px;line-height: 50px;margin-top: 20px;}
.cj ul li .info h3 a{color: #fff;font-weight: bold;font-size: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;width: 100%;}
.cj ul li .info p{width: 80%;margin: 0 auto;color: #fff;margin-top: 20px;line-height: 20px;font-size: 14px;}
.cj ul li .info p a{color: #fff;}
.cj ul li:hover .info{height: 560px;background: rgba(0,0,0,0.5);}
.cj ul li:hover .info::before{display: none;}
.main .dkxl{margin-top: 45px;}
.main .dkxl h1{text-align: center;margin-top: 20px;}
.main .dkxl h1 a{font-size: 30px;font-weight: bold;color: #07438a;}
.main .dkxl .xl_main{margin-top: 35px;height: 200px;position: relative;padding-bottom: 20px;}
.main .dkxl .xl_main .prev{position: absolute;left: 0;top: 40%;width: 21px;height: 31px;background: url(2021_arrow_xl.png) no-repeat 0 0;cursor: pointer;}
.main .dkxl .xl_main .next{position: absolute;right: 0;top: 40%;width: 21px;height: 31px;background: url(2021_arrow_xl.png) no-repeat 0 -31px;cursor: pointer;}
.dkxl .xl_main .scroll_con{width: 1105px;overflow: hidden;margin: 0 auto;}
.dkxl .xl_main .scroll_con li{float: left;width: 248px;height: 100%;margin-right: 35px;}
.dkxl .xl_main .scroll_con li a{display: block;width: 100%;height: 100%;}
.dkxl .xl_main .scroll_con li a img{display: block;width: 248px;height: 166px;}
.dkxl .xl_main .scroll_con li a p{text-align: center;font-size: 14px;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;box-sizing: border-box;}