.part_tit{font-weight: bold;color: #000;font-style: italic;} /* 棣栭〉banner */ .banner {overflow: hidden;position: relative;margin-bottom: 5.208%;} .banner li{overflow: hidden;} .banner li>img{position: relative;z-index: 1;} .banner li video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 2;} .banner_text{color: #fff;width: 100%;opacity: 0;z-index: 3;left: 10%; transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s; } .banner_p{padding-left: 5%;} .banner_p h2 {font-size: 72px;line-height:80px;margin-bottom:20px;letter-spacing: 10px;} .banner li.swiper-slide-active .banner_text{ opacity: 1;left: 0;} .banner .lhl_but div{background: none;color: #fff;font-size: 60px;width: 44px;text-align: center;line-height: 44px;} .banner .lhl_but .swiper-button-prev{left: 70px;} .banner .lhl_but .swiper-button-next{right: 70px;} .banner_div{position: absolute;left: 0;bottom: 0;width: 46%;background: url(../images/banner_div.png) no-repeat;background-size: 100% 100%;height: 118px; line-height: 118px;color: #fff;z-index: 2;padding-left: 10%;box-sizing: border-box;} .banner_div p{display: inline-block;margin-right: 10px;} .banner .swiper-pagination{left: 0;bottom: 20px;width: 100%;} .banner .swiper-pagination span{width: 15.2%;height: 2px;background: #fff;opacity:0.29;position: relative;margin: 0 5px;} .banner .swiper-pagination span.swiper-pagination-bullet-active{background:#fff;opacity: 1;} @media only screen and (min-width:1025px) { } @media only screen and (max-width:1660px) { .banner_p h2 {font-size: 70px;line-height:80px;} .banner_p{padding-left: 5%;} } @media only screen and (max-width:1440px) { .banner_p h2 {font-size:60px;line-height:70px;} } @media only screen and (max-width:1024px) { .banner_text h3{line-height: inherit;} .banner_p{height: auto;left: 0} .banner_div{height: 60px;line-height: 60px;width: 60%;padding-left: 7%;} .banner .lhl_but div.swiper-button-prev{left: 10px;} .banner .lhl_but div.swiper-button-next{right: 10px;} .banner_p h2 {font-size: 30px;line-height:40px;margin-bottom: 10px;} .banner .swiper-pagination span{width:10px;height: 10px;border-radius:50%;} } @media only screen and (max-width:767px) { .banner li{height: 220px!important;} .banner_text h2{font-size: 18px;font-weight: bold; line-height: 24px;max-height: 48px;margin-bottom: 10px;} .banner_text p{font-size: 12px;line-height: 20px;max-height: 40px;} .pub_more{margin-top: 20px;} .banner .lhl_but div{font-size: 30px;} .banner .lhl_but div.swiper-button-prev{left: 0px;} .banner .lhl_but div.swiper-button-next{right: 0px;} .banner_div{width: 100%;padding-left: 10px;} .banner_p{padding-left: 0;text-align: center;} .banner li video{display: none !important;} .banner .swiper-pagination span{ opacity: 1;width: 10px;height: 10px; background: #a0a1a8;} .banner .swiper-pagination span:after{display: none;} .banner li>img{display: none;} } /* slogan */ .slogan{margin-bottom: 6.25%;} .slogan img{width: 100%;} /* 鏂伴挗鏂伴椈 */ .index_part1{margin-bottom: 5.73%;} .index_part1 .tab_wrap{color: #292929;line-height: 1.1;} .index_part1 .tab_wrap span{padding: 0 30px;cursor: pointer;} .index_part1 .tab_wrap span:first-child{padding-left: 0;} .index_part1 .tab_wrap span.on{font-weight: bold;} .index_part2 .tab_more, .index_part3 .tab_more, .index_part1 .tab_more{float: right;padding-left: 24px;font-size: 16px;background: url(../images/icon01.png) 0 center no-repeat;margin-top: .5em;} .index_part3 .tab_more a, .index_part2 .tab_more a, .index_part1 .tab_more a{color: #003586;display: none;} .index_part3 .tab_more a.on, .index_part2 .tab_more a.on, .index_part1 .tab_more a.on{display: block;} .index_part1 .list{margin-top: 3%;display: none;} .index_part1 .list.on{display: block;} .index_part1 .list .item{width: 48%;float: left;font-size: 14px;} .index_part1 .list .item:nth-child(2n){float: right;} .index_part1 .list .cont{position: relative;padding: 5% 6.25%;} .index_part1 .list .cont::before{content:"";position: absolute;left: 0;top: 0;display: block;width: 1px;height: 27%;background-color: #000;} .index_part1 .list .date{color: #686868;margin-bottom: 16px;} .index_part1 .list .title{font-weight: bold;color: #292929;display: block;margin-bottom: 16px;} .index_part1 .list .des{margin-bottom: 3.5%;} .index_part1 .list .more{font-size: 16px;color: #003586;font-weight: bold;} @media (any-hover: hover) { .index_part1 .list .title:hover{color: #003586;} .index_part1 .list .more:hover{opacity: .6;} .tab_more a:hover{opacity: .6;} } /* 鏂伴挗浜у搧灞曞巺 */ .index_part2{background-color: #f6f6f7;padding: 4.1666% 0 5.21%;} .index_part2 .btn_box{float: left;} .index_part2 .btn_box span{line-height: 32px;padding: 7px 30px;font-size: 16px;margin: 0 18px;cursor: pointer;} .index_part2 .btn_box span:first-child{margin-left: 0;} .index_part2 .btn_box span.on{color: #fff;background-color: #0052c1;} .index_part2 .tab_wrap{margin-top: 2.4%;} .index_part2 .list{margin-top: 3.012%;} .index_part2 .item{position: relative;display: none;} .index_part2 .item.on{display: block;} .index_part2 .item .text{color: #fff;left: 8.433%;z-index: 2;width: 50%;} .index_part2 .item .text p{margin-top: 10px;} /* 鍏氱殑寤鸿 */ .index_part3{padding: 5.73% 0 3.125%;} .index_part3 .tab_more{margin-top: -1.5em;} .index_part3 .list{margin-top: 3.012%;} .index_part3 .item{width: 31.68%;float: left;margin-right: 2.48%;margin-bottom: 2.48%;} .index_part3 .item:nth-child(3n){margin-right: 0;} .index_part3 .item{position: relative;color: #fff;} .index_part3 .item a{color: #fff;display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;overflow: hidden;} .index_part3 .item .text{position: absolute;bottom: 20px;z-index: 6;width: 100%;padding: 0 35px;} .index_part3 .item .img::before{content:"";display: block;position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));} /* 浼佷笟鏂囧寲 */ .index_part4 .list{position: relative;margin-top: 2.6%;} .index_part4 .item{position: relative;background-size: cover;width: 50%;overflow: hidden;} .index_part4 .item.rt, .index_part4 .item.rb{position: absolute;right: 0;top: 0;width: 50%;height: 50%;} .index_part4 .item.rb{top: 50%;} .index_part4 .item .txt{position: absolute;z-index: 2;color: #fff;width: 78.125%;font-style: italic;} .index_part4 .lf .txt{left: 13.54%;top: 7.3%;} .index_part4 .txt a.more_btn{float: right;margin-top: .5em;display: block;color: #fff;padding-left: 24px;font-size: 16px;background: url(../images/icon01.png) 0 center no-repeat;} .index_part4 .lf .txt a.more_btn{background-image: url(../images/icon02.png);} .index_part4 .txt .txtarea{font-size: 16px;color: #fff;line-height: 2em;margin-top: 6.666%;} .index_part4 .lf .txtarea{max-height: 310px;overflow: hidden;} .index_part4 .rt .txt, .index_part4 .rb .txt{left: 7.291%;top: 14.6%;} .index_part4 .rb .txt{color: #000;max-width: 435px;} .index_part4 .rb .txt .txtarea{color: #000;} .index_part4 .rb .txt a.more_btn{float: left;color: #003586;margin-top: 6%;} .index_part4 .rt .txt .txtarea{ max-height: 190px; overflow: hidden; } .index_part4 .rb .txt .txtarea{ max-height: 120px; overflow: hidden; } .index_part4 .video_box{ margin-top: 2%; width: 100%; } .index_part4 .video_box video{ display: block; width: 100%; } @media (any-hover: hover) { .index_part4 .txt a.more_btn:hover{opacity: .6;} } @media only screen and (max-width:1600px) { .footer_top .f_t_re a{margin-right: 3%;} } @media only screen and (max-width:1400px) { .footer_top .f_t_re a{margin-right: 1.5%;} .index_part4 .rt .txt .txtarea{height: 130px;} } @media only screen and (max-width:1200px) { .footer_top .f_t_le{float: none;} .footer_top .f_t_re{float: none;text-align: left;clear: both;width: 100%;max-width: 100%;margin-top: 3%;} .footer_top .f_t_re a{margin-bottom: 2%;} } @media only screen and (max-width:1024px) { .index_part1 .list .item{float: none;width: 100%;margin-bottom: 2%;} .index_part2 .btn_box span{padding: 7px 10px;margin-right: 5px;} .index_part2 .item .text{position: static;width: 100%;transform: none;background: #fff;color: #000;padding: 2% 4% 4%;} .index_part3 .item{ float: none; width: 100%; margin: 0 0 2%; } .index_part4 .item{width: 100% !important;position: static !important;padding: 6%;height: auto !important;} .index_part4 .item .txt{position: static;transform: none;width: 100%;} .index_part4 .txt .txtarea{position: relative;height: auto !important;max-height: 100% !important;} } @media only screen and (max-width:768px) { .index_part2 .btn_box span{ padding: 7px 0; margin-left: 3px; } .index_part2 .btn_box span.on{ background: none; color: #0052c1; } .index_part2 .tab_more, /* .index_part3 .tab_more, */ .index_part1 .tab_more{margin-top: 0;} .footer_top .f_t_re a{ width: 33.3333%; text-align: center; margin-right: 0; float: left; margin-bottom: 4%; } .footer_top .f_t_re a .code.posfixed{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; background: rgba(0,0,0,.6); transform: none; opacity: 1; } .footer_top .f_t_re a .code.posfixed img{ width: 60%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .index_part1 .tab_wrap span{ padding-right: 5px; padding: 5px; } .banner_p h2{letter-spacing: 4px;} }