@charset "utf-8"; /*banner鍖哄煙*/ .banner{ width: 100%; position:relative; z-index:1; } .banner .swiper-container{margin:0;} .banner_con, .banner_con .swiper-slide{width: 100% ;height: auto !important;} .banner_con{width: 100%; overflow:hidden;} .banner_con .swiper-slide{overflow: hidden;} .banner_con .swiper-slide img{width:100%;} .banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination,.banner .swiper-pagination-fraction{ position:absolute; width:100%;left: 0; bottom:40px; text-align: center;} .banner .swiper-container-horizontal>.swiper-pagination-bullets span,.banner .swiper-pagination span{ display:inline-block; width:18px; height:18px;margin:0px 8px; background:#fff;opacity: 1; border:1px solid #1961ac;} .banner .swiper-pagination span.on{ width:22px; height:22px; background:#1961ac; border:1px solid #fff;opacity: 1;} .bannersp{ position: absolute; left:0; top:0; width: 100%; z-index:2; overflow:hidden;display:none; } /*鍏憡鍙婇€氬嚱*/ .gggh{ width: 100%; height: 46px; background:#efefef; } .gggh .con_w{ position: relative; } .gggh_title{ position: absolute; left:0; top:0; display: inline-block; background:url(icon_gg.png) no-repeat left center; font-size: 16px; color: #1a1a1a; line-height: 46px; padding-left: 25px; } .gggh_more{ position: absolute; right:0; top:13px; display: inline-block; line-height: 20px; color:#fff; background: #1b5da3; font-size: 12px; padding:0 20px; border-radius: 8px;} .gggh_more:hover{ color: #fff; } .gggh_con{ margin:0 100px 0 122px; position: relative;} .hd{ display: none; } .gggh_list{} .gggh_list ul{height: 46px;} .gggh_list li{ width: 50%; float: left; display: inline-block;line-height: 46px; overflow:hidden;white-space:nowrap;text-overflow :ellipsis;} .gggh_list li a{font-size: 16px; color: #1a1a1a; } /*鏂伴椈涓績*/ .newsCon{ padding:45px 0 50px; } .title1{} .title1 span{ display:block; text-align: center; } .title1_en{ font-size: 40px; line-height: 50px; color: #1961ac;text-transform:uppercase; font-weight:lighter;} .title1_en em{ display:block; width: 74px; font-size: 0; line-height: 0; overflow-x: hidden; border-top:1px solid #8cb0d5;border-bottom:1px solid #c5d7ea; margin:25px auto 20px; } .title1_cn{ font-size:30px; line-height:30px; color: #1a1a1a; text-transform:uppercase;} .title1_cn em{ display:block; width: 74px; font-size: 0; line-height: 0; overflow-x: hidden; border-top:1px solid #8cb0d5;border-bottom:1px solid #c5d7ea; margin:25px auto 0px; } .news_title{ text-align: center; padding-top: 30px; } .news_title a{ display: inline-block; position: relative; margin:0 16px; padding:0 5px; } .news_title a span,.news_title a em{ display: inline-block; } .news_title a span{ position: relative; z-index: 2; font-size: 16px; line-height: 24px; color: #3e3a39; } .news_title a.on span{ color: #1961ac; font-weight: bold;} .news_title a.on em{ position: absolute; z-index: 1; left:0; bottom:0; width: 100%; height: 6px; font-size: 0; overflow: hidden; background: #d1dfee; border-bottom:1px solid #f3f7fb; } .newsList{ padding-top: 60px; } .newsList_l{ width: 42%; position:relative;} .newsList_l_date{ font-size: 20px; color: #9fa0a0; line-height: 22px; } .newsList_l_title{white-space:nowrap;text-overflow :ellipsis;overflow:hidden; line-height: 55px; position: absolute; bottom: 0px; left: 0px; background:#000; opacity:0.6;filter:alpha(opacity=60); width:100%;} .newsList_l_title a{ color: #fff; font-size: 16px; text-align:center; display:block; width:100%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .newsList_l_title a:hover{ -color: #1961ac; } .newsList_l_summary{ border-left: 1px solid #9fa0a0; font-size:14px; line-height: 26px; color: #888888; padding-left: 20px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .newsList_l_img{ } .newsList_l_img img{ width: 100%;height:336px; } .newsList_r{ width:55%;} .newsList_r li{line-height:50px; overflow:hidden;} .newsList_r li h2 a,.newsList_r li h2 span{ display: inline-block; vertical-align: top; line-height: 50px;} .newsList_r li h2 a{ float: left; color: #3e3a39; font-size:18px; -background: url(icon_d1.jpg) no-repeat left center; width: 80%;white-space:nowrap;text-overflow :ellipsis;overflow:hidden; } .newsList_r li h2 a:hover{color: #1961ac; -background: url(icon_d1h.jpg) no-repeat left center; } .newsList_r li h2 span{ float: right; color: #a9a9a9; font-size: 18px; } .newsList_r li p{ color: #999999; font-size: 14px; line-height: 26px; padding:18px 0 0 14px; width:85%; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #gsywLb .swiper-pagination{text-align:right;position:absolute; bottom:60px; left:0px; width:100%;} #gsywLb .swiper-pagination-bullet,#gsywLb .swiper-pagination span{background:#fff; color:#fff; opacity:1; overflow:hidden; text-indext:-1000em;width: 8px; height: 8px; display: inline-block; border-radius: 100%; margin:0 4px; cursor:pointer;} #gsywLb .swiper-pagination-bullet.on,#gsywLb .swiper-pagination span.on{background:#1961ac; color:#1961ac;} /*鏍稿績涓氬姟*/ .hxywCon{ background: url(/web/uiFramework/commonResource/image/2021012013403010599.jpg) no-repeat center top; background-size: contain; position: relative;} .hxywCon_bg{ position: absolute; top: 0; left:0; background: url(yw_bg2.png) no-repeat left top; background-size:100% auto; width: 80%; height: 100%; } .hxywtitle{ position: relative; z-index: 2; padding-top: 45px; } .hxywtitle span{ color:#fff; } .hxywtitle .title1_cn{} .hxyw{ position: relative; z-index: 2; margin:0 auto; padding-top: 45px;} .hxyw .swiper-container{ margin:0; } .hxyw_imglist{} .hxyw_imglist li{ float: left; display: inline-block; width: 33.33%; } .hxyw_imglist li a{ display: block; margin:0 3%; position: relative; overflow:hidden; } .hxyw_imglist li a img{ width: 100%;height:254px; display:block; transition: -webkit-transform 1s;transition: transform 1s;transition: transform 1s,-webkit-transform 1s;} .hxyw_imglist li a:hover img{-webkit-transform:scale(1.1) ;transform:scale(1.1);} .hxyw_imglist li a span{position: absolute; left:0; bottom:0; display: inline-block; width: 100%; text-align: center; color: #fff; font-size: 17px; line-height: 50px; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2000000,endcolorstr=#B2000000); background:rgba(0,0,0,.7); } .hxyw_imglist li a:hover span{ filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E50062b0,endcolorstr=#E50062b0); background:rgba(0,98,176,.9); } .hxyw_tab_t{ text-align: center; padding-top: 30px;padding-bottom:20px; } .hxyw_tab_t a,.hxyw_tab_t p,.hxyw_tab_t .swiper-pagination span{ display: inline-block; vertical-align: top; } .hxyw_tab_t .swiper-pagination{ position: relative; padding:0 10px; } .hxyw_tab_t .swiper-pagination span{ line-height: 42px; color:#333; font-size: 24px; padding:0 5px;opacity: 1; background:none; height: 42px; width:inherit; } .hxyw_tab_t .swiper-pagination span.on{ color:#1e64e6; } .hxyw_tab_t .swiper-button-next,.hxyw_tab_t .swiper-button-prev{ width: 42px; height: 42px; position: relative; top:inherit; margin:0; left:inherit; right: initial; } .hxyw_tab_t .swiper-button-prev,.hxyw_tab_t .swiper-container-rtl .swiper-button-next{ background: url(icon_slh.png) no-repeat center center; left:inherit; right: initial; } .hxyw_tab_t .swiper-button-next,.hxyw_tab_t .swiper-container-rtl .swiper-button-prev{background: url(icon_srh.png) no-repeat center center; left:inherit; right: initial; } .hxyw_tab_t .swiper-button-prev.my-button-disabled,.hxyw_tab_t .prevStop{background: url(icon_sl.png) no-repeat center center;} .hxyw_tab_t .swiper-button-next.my-button-disabled,.hxyw_tab_t .nextStop{background: url(icon_sr.png) no-repeat center center;} /*涓撻涓撴爮*/ .ztzlCon{ padding-top: 45px; } .ztzl{margin-top: 45px; position: relative;} .ztzl .swiper-container{ margin:0; } .ztzl_imglist{} .ztzl_imglist li{ float: left; display: initial; width: 50%; } .ztzl_imglist li a{ display: block; margin:0 2%; overflow:hidden; } .ztzl_imglist li a img{display: block; width: 100%; transition: -webkit-transform 1s;transition: transform 1s;transition: transform 1s,-webkit-transform 1s;} .ztzl_imglist li a:hover img{-webkit-transform:scale(1.1) ;transform:scale(1.1);} .ztzl .swiper-button-next,.ztzl .swiper-button-prev{ width: 42px; height: 42px; margin-top:-21px; box-shadow: 0 0 30px #cee2f9;border-radius: 50%;} .ztzl .swiper-button-prev,.ztzl .swiper-container-rtl .swiper-button-next{ background: url(icon_slh.png) no-repeat center center; left:-50px;} .ztzl .swiper-button-next,.ztzl .swiper-container-rtl .swiper-button-prev{background: url(icon_srh.png) no-repeat center center; right:-50px;} .ztzl .swiper-button-prev.my-button-disabled,.ztzl .prevStop{background: url(icon_sl.png) no-repeat center center; box-shadow: 0 0 30px #ebebeb;} .ztzl .swiper-button-next.my-button-disabled,.ztzl .nextStop{background: url(icon_sr.png) no-repeat center center; box-shadow: 0 0 30px #ebebeb;} /*浼佷笟鏂囧寲*/ .qywhCon{ padding:50px 0 80px; } .qywh{ margin-left: -3%; padding-top: 15px; } .qywh_list{ display:inline-block; float: left; margin-left: 3%; width:47%; padding-top: 36px; } .qywh_list li{ float: left; display:inline-block; height: 196px !important; } .qywh_list_c{ width: 47%; background: #e8eff7; position: relative;} .qywh_list_c h2,.qywh_list_c p{ margin-left: 40px; } .qywh_list_c h2{ color: #3e3a39; font-size: 22px; line-height: 30px; padding-top: 25px; } .qywh_list_c h2 a{ color: #3e3a39; font-size: 22px; } .qywh_list_c p{ color:#9fa0a0; font-size: 16px; line-height: 24px; padding:12px 0 0px; } .qywh_list_c a{position: absolute; left:40px; bottom:20px; display: inline-block; background: url(icon_more.png) no-repeat; width: 62px; height: 20px; } .qywh_list_img{ width: 53%; overflow:hidden;} .qywh_list_img img{ width: 100%; transition: -webkit-transform 1s;transition: transform 1s;transition: transform 1s,-webkit-transform 1s;} .qywh_list li:hover img{-webkit-transform:scale(1.1) ;transform:scale(1.1);} .qywh_list1 .qywh_list_c,.qywh_list2 .qywh_list_c{ border-radius: 20px 0 0 0; } .qywh_list3 .qywh_list_c,.qywh_list4 .qywh_list_c{border-radius: 0 0 20px 0;} .qywh_list3 .qywh_list_c,.qywh_list4 .qywh_list_c{ float: right; } .qywh_list:hover .qywh_list_c{ background: #1961ac url(qywh_bg2.png) no-repeat right bottom; } .qywh_list:hover .qywh_list_c a{background: url(icon_moreh.png) no-repeat;} .qywh_list:hover .qywh_list_c h2,.qywh_list:hover .qywh_list_c h2 a,.qywh_list:hover .qywh_list_c p{ color: #fff; } @media screen and (max-width:1199px){ /*x鏂伴椈涓績*/ .newsList_r li{line-height:40px; } .newsList_r li h2 a,.newsList_r li h2 span{line-height:40px;} .newsList_r li p{ padding: 15px 0 0 14px;} /*涓撻涓撴爮*/ .ztzl .swiper-button-prev, .ztzl .swiper-container-rtl .swiper-button-next{ left: -40px; } .ztzl .swiper-button-next, .ztzl .swiper-container-rtl .swiper-button-prev{ right:-40px; } } @media screen and (max-width:1024px){ /*鍏憡鍏嚱*/ .gggh_list li a{ font-size: 1.6rem; } /*鏂伴椈涓績*/ .newsCon{ padding:3rem 0; } .title1_en{ font-size: 4.0rem; line-height: 120%; } .title1_en em{ margin: 2rem auto; } .title1_cn{font-size: 3.0rem; line-height: 120%;} .news_title a span{ font-size: 1.6rem; } .newsList{ padding-top: 3rem; } .newsList_l_date{ font-size: 2.0rem; line-height:120%; } .newsList_l_title{} .newsList_l_title a{font-size: 1.6rem;} .newsList_l_summary {font-size: 1.4rem;line-height:180%;} .newsList_r li { line-height:240%;} .newsList_r li h2 a, .newsList_r li h2 span{ line-height:240%; } .newsList_r li h2 a{ width: 75%; font-size: 1.6rem;} .newsList_r li h2 span{ font-size: 1.6rem; } .newsList_r li p {padding: 1rem 0 0 14px; font-size: 1.4rem;} .newsList_l_img img{ height:220px; } /*鏍稿績涓氬姟*/ .hxywCon {-background: url(/web/resource/cms/2021/01/img_pc_site/2021011117092142247.jpg) no-repeat left top;} .hxywtitle{ padding-top: 3rem; } .hxywtitle .title1_cn {padding-top:1.5rem} .hxywtitle .title1_cn em{ margin-top: 2rem; } .hxyw{ padding-top: 4rem; } .hxyw_imglist li a span{ line-height: 200%; font-size: 2.0rem; } .hxyw_tab_t{ padding-top:3rem; } /*涓撻涓撴爮*/ .ztzl{ margin-top:3rem; } .ztzl .swiper-button-prev, .ztzl .swiper-container-rtl .swiper-button-next{ left:-2%; } .ztzl .swiper-button-next, .ztzl .swiper-container-rtl .swiper-button-prev{ right:-2%; } /*浼佷笟鏂囧寲*/ .qywhCon{ padding:4rem 0 4rem; } .qywh{ padding-top: 0; } .qywh_list{ padding-top:3rem; } .qywh_list li { height: 14vw !important; } .qywh_list_c h2, .qywh_list_c p{margin-left:1.5rem;} .qywh_list_c h2{font-size: 2.0rem;line-height:140%;padding-top:1.5rem;} .qywh_list_c p {font-size: 1.4rem;line-height:140%;padding:1rem 0 0rem;} .qywh_list_c a{ left:1.5rem; bottom:1.5rem; } } @media screen and (max-width:940px){ /*鏂伴椈涓績*/ .newsList_r li { line-height:200%;} .newsList_r li h2 a, .newsList_r li h2 span{ line-height:200%; } /*鏍稿績涓氬姟*/ .hxyw_imglist li a img{height:120px;} } @media screen and (max-width:767px){ /*banner*/ .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination, .banner .swiper-pagination-fraction{ bottom:20px; } /*鍏憡閫氬嚱*/ .gggh_list li{ width:100%; } /*鏂伴椈涓績*/ .title1_en {font-size: 3.0rem;} .title1_cn {font-size:2.4rem;} .newsList_l,.newsList_r{ width: 100%; } .newsList_r{ padding-top:1rem;} /*鏍稿績涓氬姟*/ .hxywCon_bg{ width: 100%; } .hxywCon {background: url(/web/uiFramework/commonResource/image/2021012014062473238.jpg) no-repeat center top;} .hxyw_imglist li a span{ font-size: 1.6rem; } /*涓撻涓撴爮*/ .ztzl .swiper-button-next, .ztzl .swiper-button-prev {width: 32px;height: 32px;margin-top: -16px;} /*浼佷笟鏂囧寲*/ .qywh {margin-left: 0%;} .qywh_list{margin-left: 0%; width: 100%; align-items: center;} .qywh_list li { height: 30vw !important; } .qywh_list2 .qywh_list_c{ float: right;border-radius: 0 0 20px 0; } .qywh_list3 .qywh_list_c{ float: left;border-radius:20px 0 0 0; } } @media screen and (max-width:500px){ /*鏂伴椈涓績*/ .news_title a{ margin:0;} .news_title a span { font-size: 1.4rem;} } @media screen and (max-width:480px){ /*鍏憡閫氬嚱*/ .gggh_title{ font-size: 0; width: 0; overflow: hidden; } .gggh_more{ padding:0 10px; } .gggh_con { margin: 0 70px 0 25px;} .newsList_r li h2 a{ width: 75%; } .newsList_r li h2 a,.newsList_r li h2 span,.newsList_l_title a{font-size: 1.4rem;} .newsList_l_title{line-height:4rem;} #gsywLb .swiper-pagination{bottom:4.5rem;} .title1_cn em{width:4.5rem; margin-top:1rem;} } @media screen and (max-width:375px){ /*banner*/ .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination, .banner .swiper-pagination-fraction{ bottom:10px; } .banner .swiper-container-horizontal>.swiper-pagination-bullets span, .banner .swiper-pagination span{width:14px;height:14px;margin: 0px 5px;} .banner .swiper-pagination span.on {width:18px;height:18px;} /*鍏憡鍏嚱*/ .gggh_list li a{ font-size: 1.4rem; } /*鏂伴椈涓績*/ .title1_en {font-size: 2.4rem;} .title1_en em {margin: 1rem auto;} .title1_cn {font-size: 2.0rem;} .news_title a{ margin: 0 0px;} .newsList_r li p{ width: 94%; padding:1rem 3% 0; } /*鏍稿績涓氬姟*/ .hxywtitle .title1_cn {padding-top: 1rem;} .hxywtitle .title1_cn em{ margin-top: 1.5rem; } .hxyw_tab_t .swiper-pagination{ display: none; } .hxyw_imglist li a{ margin:0; } .hxyw_tab_t .swiper-button-next, .hxyw_tab_t .swiper-button-prev{ margin:0 20px; } /*浼佷笟鏂囧寲*/ .qywh_list_c h2{ font-size: 1.6rem;padding-top:0.6rem; } .qywh_list_c p{ line-height:120%;font-size: 1.2rem;padding: 0.6rem 1rem 0 0rem;} .qywh_list_c a {bottom:0.5rem; height:15px;background-size: auto 100%; height:15px; left: inherit; right: 0rem;} } @media screen and (max-width:360px){ /*鏂伴椈涓績*/ .newsList_r li a{ width:72%; } }