/*banner*/ .banner{position: relative;} .banner li{position: relative;} .banner_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .banner_con{width: 26%;margin-top: 10%;margin-left: 33%;} .banner_con h2{margin-bottom: 10px;font-weight: bold;} .banner_con p{color: #686868;line-height: 30px;} .banner_tab{right: 0;width: 36%;z-index: 4;left: auto;} .banner_tab li img{width: 100%;height: 100%;} .banner_tab li dl{position: relative;} .banner_tab li dt{box-sizing: border-box;color: #fff;z-index: 4;left: 9%;} .banner_tab li dd{position: relative;transition: all .3s;} .blan{position: absolute;right: 0;width: 100%;height: 100%;top: 0;background: rgba(0,84,202,0.7);display: none;} .blan:before{content: "";display: block;width: 15px;height: 30px;background: url(../images/zsj_1.png) no-repeat;background-size: cover;position: absolute; left: -8px;top: 50%;margin-top: -15px;} .banner_tab li .blank_20{transition: all .3s;} .banner_tab li.on dd{transform: scale(1.07,1.02);z-index: 3;} .banner_tab li.on .blan{display: block;box-shadow: 0 0 10px rgba(0,0,0,0.2);} .banner_tab li.on .blank_20{opacity: 0;} .banner_link{margin-top: 15px;} .banner_link a{padding: 0 30px;color: #fff;height: 40px;line-height: 40px;border-radius: 20px;background: #0175d7;display: inline-block;} /*.in_about-tit{background: url(../images/index_01.jpg) no-repeat center;background-size: cover;width: 760px;height: 83px;*/ /*line-height: 83px;text-align: center;color: #fff;}*/ /*.in_about-tit h2{display: inline-block;margin-right: 15px;}*/ /*.in_about-tit p{display: inline-block;color: #009cff;font-weight: 200;}*/ .index_01{padding: 50px 0 60px;box-sizing: border-box;overflow: hidden;} .in_about-con{box-shadow: 0 0 10px rgba(0,0,0,0.1);display: inline-block;width: 100%;} .in_about-l{float: left;width: 51%;padding: 45px 40px 70px 5%;box-sizing: border-box;} .in_about-l h2{color: #4c4c4c;font-weight: bold;position: relative;display: inline-block;} .in_about-l h2:before{content: "";width: 100%;height: 2px;background: #0054ca;position: absolute;left: 0;top: -45px;display: block;} .in_about-r{float: left;width: 49%;} .in_about-num{margin: 4% 0;overflow: hidden;position: relative} .in_about-num li{display:inline-block;width: 50%;position: relative;padding: 0 6%;box-sizing: border-box;margin-bottom: 20px;vertical-align: top;} .in_about-num:after{content: "";width: 1px;height: 90%;background: #cbcbcb;display: block;left: 50%;top:5%;position: absolute;} .in_about-num li:last-child:after{display: none;} .in_about-num dd{color: #0175d7;} .in_about-num dd span{font-weight: bold;margin-right: 2px;} /*.in_about-num dd em{margin-top: -10px;display: inline-block;vertical-align: middle;}*/ .in_about-num dt{color: #6c6d71;margin-top: -5px;} .in_about-num dt p{} .in_about-txt{margin-top: 25px;} .in_about-txt-tit{color: #4c4c4c;font-weight: bold;margin-bottom: 10px;} .in_about-txt-tit span{margin-right: 20px;} .in_about-txt-tit span a{color: #0054ca;} .in_about-txt p{color: #686868;line-height: 30px;} .in_about-link{margin-top: 5%;} .in_about-link a{padding: 0 60px;height: 40px;line-height: 40px;background: #0054ca;border-radius: 5px;display: inline-block;color: #fff;position: relative;} .in_about-link a i{position: absolute;right: 10px;font-size: 20px;font-weight: bold;} .index_02{position: relative;cursor: pointer;} .index_02 img{width: 100%;height: 100%;position: relative;z-index: 2;} .index_02 video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .index_02 i{z-index: 4;font-size: 50px;color: rgba(255,255,255,.58);cursor: pointer;display: none;} .blank_20{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);z-index: 3;} .index_02-txt{position: absolute;left: 0;bottom: 10%;color: #fff;width: 100%;text-align: center;z-index: 3;} .index_02-txt h3{letter-spacing: 20px;margin-bottom: 20px;} .index_02-txt p{letter-spacing: 10px;font-size: 12px;} .index_02.on i{display: none;} .index_02.on img{display: none;} .video_button i{display: block;} .index_03{padding: 5% 0;box-sizing: border-box;overflow: hidden;} .in_news-tit{margin-bottom: 40px;overflow: hidden;} .in_news-tit .l{float: left;} .in_news-tit .l h2{color: #4c4c4c;font-weight: bold;} .in_news-tit .l p{color: #a8a8a8;} .in_news-tit .r{float: right;} .in_news-tit .r a{color: #686868;border-bottom: 1px solid #bdbdbd;} .in_newsList-l{float: left;width: 41%;height: 100%;} .in_newsList-l a{color: #fff;} .in_newsList-l dl{height: 100%;position: relative;} .in_newsList-l dl dd{height: 100%;} .in_newsList-l dl dd img{width: 100%;height: 100%;} .in_newsList-l dl dt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 40px;box-sizing: border-box;} .in_newsList-l dl dt span{display: block;margin-bottom: 15px;} .in_newsList-r{float: right;width: 56%;height: 100%;} .in_newsList-r ul{height: 100%;margin-left: -19px;margin-right: -19px;} .in_newsList-r li{float: left;width: 50%;height: calc((100% - 40px) / 2);padding: 0 19px;box-sizing: border-box;margin-bottom: 40px;} .in_newsList-r li dl{padding: 0 24px 35px;box-sizing: border-box;border-bottom: 1px solid #a0a0a0;height: 100%;position: relative;overflow: hidden;} .in_newsList-r li dd span{color: #9b9b9b;display: block;} .in_newsList-r li dd h2{margin: 10px 0;} .in_newsList-r li dd h2 a{display: block;line-height: 30px;height: 60px;overflow: hidden;color: #2c2b2b;} .in_newsList-r li dd p{line-height: 24px;height: 48px;overflow: hidden;color: #686868;} a.in_news-link{display: block;width: 33px;height: 21px;background: #0054ca;color: #fff;text-align: center;line-height: 21px;border-radius: 15px;margin-top: 25px;} .in_newsList-r li dt{position: absolute;width: 100%;height: 100%;transform: translateY(100%);transition: all .3s;left: 0;top: 0;} .in_newsList-r li dt a,.in_newsList-r li dt img{width: 100%;height: 100%;display: block;} .index_04{margin-bottom: 6%;} .in_logoList{position: relative;} .in_logoList li{float: left;width: 20%;} .in_logoList li a{display: block;border: 1px solid #c4c4c4;box-sizing: border-box;height: 100%;overflow: hidden;} .in_logoList .lhl_but div{background: none;width: 60px;height: 60px;border-radius: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.2);text-align: center;line-height: 60px;font-size: 20px;color: #dddddd;} .in_logoList .lhl_but div.swiper-button-prev{left: -80px;} .in_logoList .lhl_but div.swiper-button-next{right: -80px;} @media only screen and (min-width:1025px) { .in_about-link a:hover{background: #226ace;color: #fff!important;} .in_newsList-r li dl:hover{border-color: #fff;} .in_newsList-r li dl:hover dt{transform: translateY(0);} .in_logoList .lhl_but div:hover{color: #000;} .banner_link a:hover{color: #fff!important;opacity: .8;} } @media only screen and (max-width:1660px) { .in_logoList .lhl_but div{width: 40px;height: 40px;line-height: 40px;} .in_logoList .lhl_but div.swiper-button-prev{left: -50px;} .in_logoList .lhl_but div.swiper-button-next{right: -50px;} } @media only screen and (max-width:1560px) { .in_newsList-r li dd h2{margin: 5px 0;} a.in_news-link{margin-top: 20px;} .in_newsList-r li dd h2 a{line-height: 26px;height: 52px;} .in_newsList-r li{height: calc((100% - 20px) / 2);margin-bottom: 20px;} } @media only screen and (max-width:1366px) { a.in_news-link{margin-top:10px;} } @media only screen and (max-width:1280px) { .in_newsList-r li dd h2 a{height:26px;} } @media only screen and (max-width:1024px) { .banner_con{margin-top: 5%;} .banner_tab li dt{padding: 20px 30px;} .banner_con p{line-height: 24px;} .in_about-tit{width: 100%;padding: 0 5%;box-sizing: border-box;text-align:left;} .in_about-num li{padding: 0 10px;box-sizing: border-box;} .index_02-txt h3{margin-bottom: 10px;} .index_02-txt p{letter-spacing: 5px;} .in_news-tit{margin-bottom: 30px;} .in_newsList-l,.in_newsList-r{width: 100%;} .in_newsList-all{height: auto!important;} .in_newsList-r{margin-top: 40px;} .in_newsList-r li dl{padding: 0 0 30px;} .in_newsList-r li dd h2 a{height:52px;} .in_logoList{padding: 0 30px;box-sizing: border-box;} .in_logoList .lhl_but div.swiper-button-prev{left: -20px;} .in_logoList .lhl_but div.swiper-button-next{right: -20px;} .banner_tab{width: 30%;} .banner_swi li{height: 300px;} .banner_swi li>img{display: none;} .banner_con{width: 40%;margin-left: 28%;} .in_about-l,.in_about-r{width: 100%;} .in_about-l{padding-bottom: 40px;} .in_about-r{margin-bottom: 50px;} .in_about-num li{padding: 0 40px;} } @media only screen and (max-width:767px) { .banner_con { width: 80%; margin-left: 20%; } .banner_swi li{height: 240px!important;} .banner_swi li>img{display: none;} .banner_tab{display: none;} /*.banner_con{width: 100%;}*/ .in_about-num{margin-top: 10px;} .in_about-num li{width: 100%;margin-bottom: 20px;} .in_about-num li:nth-child(2):after{display: none;} .in_about-num:after{display: none;} .in_about-txt{margin-top: 10px;} .in_about-link{margin: 30px 0 0px;} .index_02{height: 200px!important;} .index_02-txt{bottom: 10px;} .index_02-txt h3{letter-spacing: 5px;margin-bottom: 0px;} .index_02 i{top: 38%;} .index_03{padding: 30px 0 20px;} .in_news-tit{margin-bottom: 20px;} .in_newsList-r ul{margin-left: 0;margin-right: 0;} .in_newsList-r li{width: 100%;padding: 0;} .index_04{margin-bottom: 40px;} .in_logoList .lhl_but div{width: 30px;height: 30px;margin-top: -15px;line-height: 30px;font-size: 18px;} .in_logoList .lhl_but div.swiper-button-prev{left: -10px;} .in_logoList .lhl_but div.swiper-button-next{right: -10px;} .index_01{padding: 40px 0;} .in_about-txt-tit span{display: block;} .in_about-l h2:before{top: -30px;} .in_about-r{margin-bottom: 10px;} .in_about-num li{padding: 0 30px;position: relative;} .in_about-num li dl{position: relative;padding-bottom: 20px;} .in_about-num li dl:after{content: "";display: block;width: 100%;left: 0px;height: 1px;background: #cbcbcb;bottom: 0px;position: absolute;} .in_about-num li:last-child dl:after{display: none;} .in_about-l{padding: 30px;box-sizing: border-box;} .in_about-num dt{margin-top: 10px;} }