锘?*棣栭〉css*/ .tit{text-align: center; font-weight: lighter;/*font-family: "鎬濇簮榛戜綋 CN Light"*/} .inbanner .swiper-slide{position: relative;} .inbanner img{ width: 100%;} .inbanner .txt{color: #fff; text-align: center;top: 40%;} .inbanner .txt h2{line-height: 1.4;font-family:arial;} .inbanner .txt h2 span{font-weight: lighter;} .inbanner .txt h3{line-height: 1.4;font-family: "鎬濇簮榛戜綋 CN Light"; font-weight: lighter;} .inbanner .swiper-pagination{bottom:2.9%; font-size: 0;} .inbanner .swiper-pagination-bullet{width: 85px; height: 1px;background: #fff; border-radius: 0;opacity:1;filter: alpha(opacity=100);} .inbanner .swiper-pagination-bullet-active{height: 2px;} .index-part03{background: #fff;} .index3{ position: relative;} .index-part03 .ll{ float: left; width: 46.9%;} .index-part03 .ll h2{ text-align: left; line-height: 3.4em;} .index-part03 .ll .c{margin-bottom: 10%;} .index-part03 .ll a{ display: inline-block; margin-left: 10px;} .index-part03 .rr{ width: 48.65%; float:right;} .index-part03 .rr img{width: 90%;} .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000; display:none;} .video_appbox .video_t{ left:10%; top:15%; position:absolute; height:70%; width:80%; z-index:2; background:#000;} .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .video_appbox img{z-index:999;position:absolute;right:10%;top:11%; } .index-part04{padding:2% 0 2.8%;} .index-part04 .tab-tit{ margin-bottom: 1%; position: relative;} .index-part04 .tab-tit ul{margin:0 5%;} .index-part04 .tab-tit li{ float: left; margin:0 4% 0 0; cursor: pointer;} .index-part04 .tab-tit li.on{font-weight: bold;} .inews_more{position: absolute; top: 0; right: 4%;} .inews_more a{display: none;} .inews_more a.on{display: block;} .tab-news li{ float: left; width: 100%; background: #FBFBFB;} .tab-news li:nth-child(odd){background: #F2F2F2;} .tab-news li .wrap{position: relative; height: 132px;} .tab-news li span{position: absolute; left:5%; top:22px; color: #000000; z-index: 2; transition:0.2s all; -webkit-transition:0.2s all;} .tab-news li h2{padding-left: 20%; width: 100%; z-index: 2; margin:30px 0 10px; position: relative; transition:0.2s all; -webkit-transition:0.2s all;} .tab-news li p{padding-left: 20%;z-index: 2; position: relative;width: 80%; transition:0.2s all; -webkit-transition:0.2s all;} .tab-news li .img{ opacity: 0;filter: alpha(opacity=0); width:100%; height: 132px; position: absolute;left:0; top:0; overflow: hidden;} .tab-news li .img img{ width: 100%; height: 132px;} .tab-news li .img:before{content: "";position: absolute; left:0; top:0; width: 0; height: 0; border-top: 132px solid #fff; border-right: 45px solid transparent;} .tab-news li .img:after{content: "";position: absolute; right:0; top:0; width: 0; height: 0; border-bottom: 132px solid #fff; border-left: 45px solid transparent;} .tab-trend{ padding:2% 0 2.5%; background: #FBFBFB;} .tab-trend dl{padding:0 5%; margin-bottom: 3%;} .tab-trend dt{ float: left; width: 48.7%;} .tab-trend dt img{ width: 100%;} .tab-trend dd{ float: right; width: 46.5%;} .tab-trend dd span{ display: block; margin: 3% 0;} .tab-trend dd h2{margin-bottom: 1.5%;} .tab-trend dd .c{margin:0 0 5%;} .tab-policy{background: #FBFBFB;} .tab-policy ul{/*margin-bottom: 2.5%;*/} .tab-policy li{ float: left; width: 100%; background: #FBFBFB;} .tab-policy li:nth-child(odd){background: #F2F2F2;} .tab-policy li dl{padding:0 5%; height: 132px;} .tab-policy li dl dd{ float: left; width: 48%;} .tab-policy li dl dd+dd{ float:right;} .tab-policy li dd span{ display: block; margin:22px 0 10px;} @media only screen and (min-width:1024px){ a.more:hover:before{background: #D80A25;} .index-part01 .ind-p01-bb li:hover span img{display: none;} .index-part01 .ind-p01-bb li:hover span img+img{display: inline-block;} .tab-news li:hover{background: #fff!important;} .tab-news li:hover .img{ opacity: 1;filter: alpha(opacity=100);} .tab-news li:hover span,.tab-news li:hover h2,.tab-news li:hover h2 a,.tab-news li:hover p{color: #fff;} } @media only screen and (max-width:1600px){ .index-part02 .txt{width: 527px; height: 419px;} .index-part02 .txt .inner{margin-top: 13.5%;} } @media only screen and (max-width:1440px){ .index-part02 .txt{top:4%;} } @media only screen and (max-width:1366px){ .tab-news li span{top: 27px;} } @media only screen and (max-width:1279px){ .inbanner .swiper-pagination{bottom: 20px;} .tab-news li .wrap,.tab-news li .img,.tab-policy li dl{height: 110px;} .tab-news li h2{margin-top:28px;} } @media only screen and (max-width:1023px){ .inbanner .swiper-pagination-bullet{width: 30px;} .inbanner .swiper-pagination-bullet-active{height: 2px;} } @media only screen and (max-width:767px){ .inbanner,.inbanner .swiper-wrapper,.inbanner .swiper-slide{height: 240px;} .inbanner img{display: none;} .inbanner .txt h2{font-size: 24px;} .inbanner .txt h3{font-size: 20px;} .tab-news li,.tab-policy li dl{padding:3% 0;} .tab-news li .wrap,.tab-news li .img,.tab-policy li dl{height: auto;} .tab-news li span{left: 0; top:10px; font-size: 14px;} .tab-news li h2{margin-top:40px; margin-bottom: 0; padding-left: 0;} .tab-news li p{padding-left: 0;width: 100%;} .tab-news li .img{display: none;} .tab-trend{padding:5% 0;} .tab-trend dl{padding:0;} .tab-trend dt,.tab-trend dd,.tab-policy li dl dd{width: 100%;} .tab-policy li dd span{font-size: 14px; margin:10px 0 0;} } .index-part01{background: url(../images/part01_bg.jpg) no-repeat;} .index1_wrap{padding:8.3% 0 7%;} .index1_wrap .tit{margin-bottom: 5.2%; line-height: 1.1em; color: #000;} .index1_con{overflow: hidden; margin-bottom: 5.2%;} .index1_con ul{margin: 0 -10px;} .index1_con ul li{width: 50%; float: left; padding: 0 10px;} .index1_con ul li a{display: block;} .index1_img{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden;} .index1_img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;} .index1_con ul li dl{padding: 3.56% 10.7%; line-height: 1.1em; color: #fff; background: #20aee5;} .index1_con ul li dl dd{font-weight: lighter;} .index-part02{background-size: cover; background-position: center top; background-repeat: no-repeat;background-image: none !important;} .index2{padding: 7% 0 5.2%;} .index2 .tit{color: #000; font-weight: lighter; margin-bottom: 1.7%; line-height: 1.1em;} @media only screen and (max-width:1700px){ .index-part03 .rr{position: static; width: 50%; float: right;} } @media only screen and (max-width:767px){ .index1_con ul li{width: 100%;} .index1_con ul li dl{padding: 3.56%;} .index-part03{margin-bottom: 20px;} .index-part03 .ll h2{text-align: center; line-height: 2em;} .index-part03 .ll a{display: block; margin: auto;} .index-part03 .ll .c{margin-bottom: 15px;} .index-part03 .ll{width: 100%; margin-bottom: 20px;} .index-part03 .rr{position: static; width: 100%;} }