@charset "utf-8"; .quick-link{display:block;} .nav .search a>i, .wxy-nav>li>a{line-height:60px;} @media(min-width:1200px){ .header{background:none;box-shadow:none;} .header.min{background-color:#fff;box-shadow:1px 1px 10px #666;} .wxy-nav>li>a,.wxy-nav>li>a.on, .nav .search a{color:#fff;} .header.min .wxy-nav-vertical>li>div{top:100%;} .header .logo div:nth-child(2){opacity:0;} .header.min .logo div:nth-child(2){opacity:1;} } .banner-box{position:relative;overflow:hidden;} .index-banner .swiper-slide{background-position:center top;background-repeat:no-repeat;background-size:cover;overflow:hidden;} .index-banner .swiper-slide .text-container{display:block;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;} /* .index-banner .swiper-slide .text-container:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-color:#000;opacity:.2;-webkit-opacity:.2;filter:alpha(opacity=20);} */ .index-banner .swiper-slide .text{position:absolute;top:80%;left:50%;padding-left:10%;line-height:1.2;color:#fff;text-shadow:5px 5px 10px #000;opacity:0;-webkit-opacity:0; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:ease .5s;-webkit-transition:ease 1s;} .index-banner .swiper-slide .text p:first-child{margin-bottom:20px;font-size:56px;} .index-banner .swiper-slide .text p:nth-child(n+2){margin-bottom:5px;font-size:32px;line-height:1.8;} .index-banner .swiper-slide .text .more{display:block;margin:2em auto 0;width:8em;font-size:14px;line-height:3em;color:#fff;text-align:center;font-style:normal;font-weight:normal;background-color:#3641ff; transition:ease .5s;} .index-banner .swiper-slide .text .more:hover{color:#3641ff;background-color:#fff;} .index-banner .swiper-slide.swiper-slide-active .text{top:50%;opacity:1;-webkit-opacity:1;} .banner-box .swiper-pagination{right:0;bottom:20px;left:0;text-align:center;} .banner-box .swiper-pagination-bullet{margin:0 4px;width:2%;height:2px;/*background:#fff;*/overflow:hidden;outline:none;opacity:.4; border-radius:0; transition:ease .5s;} .banner-box .swiper-pagination-bullet-active{width:3%;background:#cc4d56;opacity:1;} @media(max-width:1599px){ .index-banner .swiper-slide .text p:first-child{font-size:50px;} .index-banner .swiper-slide .text p:nth-child(n+2){font-size:24px;} } @media(max-width:1399px){ .index-banner .swiper-slide .text p:first-child{font-size:42px;} } @media(max-width:1199px){ .index-banner .swiper-slide .text{left:50%;} .index-banner .swiper-slide.swiper-slide-active .text{top:50%;} .index-banner .swiper-slide .text p:first-child{font-size:36px;} .index-banner .swiper-slide .text p:nth-child(n+2){font-size:20px;} } @media(max-width:991px){ .index-banner .swiper-slide.swiper-slide-active .text{top:50%;} .index-banner .swiper-slide .text p:first-child{font-size:28px;} } @media(max-width:767px){ .index-banner .swiper-slide .text{width:100%;} .index-banner .swiper-slide .text p:first-child{font-size:x-large;} .index-banner .swiper-slide .text p:nth-child(n+2){font-size:large;} .banner-box .swiper-pagination{padding:0 1em;width:100%;} .index-banner .swiper-slide .text .more{display:none;} .banner-box .swiper-pagination-bullet{margin:0 3px;width:3%;} .banner-box .swiper-pagination-bullet-active{width:4.5%;} } @media(max-width:599px){ .index-banner .swiper-slide .text{padding-left:5%;} .index-banner .swiper-slide .text p:first-child{margin-bottom:10px;font-size:large;font-weight:bold;} .banner-box .swiper-pagination{bottom:5px;} } @media(max-width:479px){ .index-banner .swiper-slide .text p:nth-child(n+2){font-size:medium;} } .indext a{font-size:36px;line-height:1;font-weight:bold;color:#2676b8;} @media(max-width:991px){ .indext a{font-size:32px;} } @media(max-width:767px){ .indext a{font-size:28px;} } @media(max-width:479px){ .indext a{font-size:24px;} } .index1{margin-top:60px;} .index1a{float:left;position:relative;width:640px;} .index1a1{margin-top:40px;} .index1a1 .item{display:block;position:relative;font-size:medium;line-height:3em;} .index1a1 .item:before{content:"";display:block;position:absolute;right:0;bottom:0;left:0;height:3em;background-color:rgba(0,0,0,.3);} .index1a1 .item p{margin:0;position:absolute;right:95px;bottom:0;left:10px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .index1a1 .swiper-pagination{right:5px;bottom:13px;left:auto;} .index1a1 .swiper-pagination-bullet{margin:0 4px;width:10px;height:10px;background-color:#fff;outline:none;opacity:.9;} .index1a1 .swiper-pagination-bullet-active{background-color:#2676b8;opacity:1;} .index1b{float:right;width:820px;} .index1b1{padding:15px 0 40px;text-align:right;font-size:large;line-height:1;font-weight:bold;} .index1b1 div{display:inline-block;margin-left:15px;padding-left:15px;border-left:1px solid #333;} .index1b1 div:first-child{margin-left:0;padding-left:0;border-left:0;} .index1b1 a{color:#333;} .index1b1 div.on a{color:#2676b8;} .index1b2 ul{display:none;} .index1b2 a{color:#333;} .index1b2 a:hover{color:#2676b8;} .index1b2 em{display:block;float:left;line-height:1;text-align:center;font-style:normal;} .index1b2 b{font-size:40px;font-weight:bold;} .index1b2 i{display:block;padding-top:6px;font-size:12px;font-style:normal;} .index1b2 div{padding-left:90px;} .index1b2 li{position:relative;margin-top:17px;padding-top:20px;} .index1b2 li:before{content:"";display:block;position:absolute;top:0;right:0;left:95px;border-bottom:1px solid #eee;} .index1b2 li:first-child{margin-top:0;padding-top:10px;} .index1b2 li:first-child:before{display:none;} .index1b2 h3{margin:0 0 10px;font-size:medium;font-weight:bold;} .index1b2 p{display:block;display:-webkit-box;margin:0;font-size:14px;height:3.6em;line-height:1.8em;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .index1b2 span{display:none;} @media(max-width:1599px){ .index1a{width:600px;} .index1b{width:700px;} .index1b2 li{margin-top:17px;padding-top:18px;} .index1b2 li:before{left:70px;} .index1b2 div{padding-left:70px;} .index1b2 p{line-height:1.6em;height:3.2em;} } @media(max-width:1399px){ .index1a{width:540px;} .index1b{width:560px;} .index1b1{padding-bottom:45px;} .index1b2 li{margin-top:12px;padding-top:15px;} .index1b2 li:first-child{padding-top:0;} } @media(max-width:1199px){ .index1a{width:440px;} .index1b{width:460px;} .index1b2 li{margin-top:10px;padding-top:12px;} .index1b2 li:before{left:0;} .index1b2 em{display:none;} .index1b2 div{padding-left:0;} .index1b2 p{line-height:1.5em;height:3em;} } @media(max-width:991px){ .index1{margin-top:40px;} .index1a{float:none;width:640px;} .index1a1{margin-top:30px;} .index1b{float:none;width:640px;} .index1b1{padding:30px 0 25px;text-align:left;} .index1b2 span{display:block;font-size:12px;} } @media(max-width:767px){ .index1{margin-top:30px;} .index1a,.index1b{width:100%;} .index1a1{margin-top:25px;} } .index2{position:relative;margin:60px 0;width:100%;overflow:hidden;background-color:#1e4f9c;} .index2,.index2 a{color:#fff;} .index2a{position:absolute;top:0;bottom:0;left:0;width:50%;background-repeat:no-repeat;background-size:100% 100%;} .index2a img{display:none;} .index2a a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgba(0,0,0,.4);opacity:.8;transition:ease .5s;} .index2a a:before{content:"";display:block;position:absolute;top:50%;left:50%;width:0;height:0;border-top:20px solid transparent;border-left:30px solid #fff;border-bottom:20px solid transparent;transform:translate(-45%,-50%);} .index2a a:after{content:"";display:block;position:absolute;top:50%;left:50%;margin:-60px 0 0 -60px;width:120px;height:120px;background:url(../images/default/video_play5a.png) center center no-repeat;background-size:100% 100%;} .index2a a:hover:after{animation:wxy-spin 2s infinite linear;} .index2b{float:right;width:50%;padding:70px 13% 70px 80px;} .index2b .t{position:relative;padding-bottom:20px;font-size:30px;} .index2b .t:after{content:"";display:block;position:absolute;bottom:0;left:0;width:2em;border-bottom:2px solid #fff;opacity:.8;} .index2b .summary{position:relative;font-size:14px;line-height:2.2;opacity:.9;} .index2b .summary p{margin-top:20px;margin-bottom:0;text-indent:2em;} .index2b .summary p:first-child{margin-top:40px;} .index2b ul{padding-top:60px;} .index2b li{float:left;padding-right:20px;width:23%;} .index2b li a{display:block;padding:5px 0;border:1px solid #fff;text-align:center;transition:ease .5s;} .index2b li a:hover{color:#1e4f9c;background-color:#fff;} @media(max-width:1599px){ .index2a a:after{margin:-50px 0 0 -50px;width:100px;height:100px;} .index2b{padding:60px 9% 60px 60px;} .index2b li{width:24%;} } @media(max-width:1399px){ .index2a{width:45%;} .index2b{padding-right:7%;width:55%;} .index2b ul{padding-top:50px;} } @media(max-width:1199px){ .index2{position:static;margin-right:auto;margin-left:auto;width:940px;} .index2a{position:static;position:relative;width:100%;} .index2a img{display:inline;} .index2b{display:block;width:100%;padding:50px;} } @media(max-width:991px){ .index2{width:720px;} .index2a a:before{border-top-width:15px;border-left-width:24px;border-bottom-width:15px;} .index2a a:after{margin:-40px 0 0 -40px;width:80px;height:80px;} .index2b{padding-top:40px;} .index2b .t{font-size:28px;} .index2b .summary{line-height:1.8;} } @media(max-width:767px){ .index2{margin:40px 15px;width:auto;} .index2b .t{font-size:24px;} .index2b .summary p{margin-top:15px;} .index2b .summary p:first-child{margin-top:30px;} .index2b ul{margin-right:-7px;margin-left:-7px;} .index2b li{padding:0 7px;width:25%;} } @media(max-width:575px){ .index2a a:before{border-top-width:10px;border-left-width:15px;border-bottom-width:10px;} .index2a a:after{margin:-30px 0 0 -30px;width:60px;height:60px;} .index2b{padding:20px;} .index2b ul{margin-right:-4px;margin-left:-4px;padding-top:30px;} .index2b li{padding:0 4px;width:50%;} .index2b li:nth-child(n+3){padding-top:8px;} } .index3a{margin-top:60px;margin-right:-15px;margin-left:-15px;} .index3a1{padding:0 15px;width:25%;} .index3a1 a{position:relative;display:block;color:#fff;overflow:hidden;} .index3a1 .div1{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:24px;color:#fff; background-image:-webkit-linear-gradient(to bottom,rgba(26,49,70,0) 33%,rgba(26,49,70,0.6) 70%,rgba(26,49,70,1) 95%); background-image:-o-linear-gradient(to bottom,rgba(26,49,70,0) 33%,rgba(26,49,70,0.6) 70%,rgba(26,49,70,1) 95%); background-image:linear-gradient(to bottom,rgba(26,49,70,0) 33%,rgba(26,49,70,0.6) 70%,rgba(26,49,70,1) 95%); } .index3a1 .div1 div{position:absolute;right:0;bottom:1.5em;left:0;font-size:24px;} .index3a1 .div2{display:none;position:absolute;top:0;right:0;bottom:0;left:0;color:#333;} .index3a1:first-child .div2{display:block;} .index3a1 .t{font-size:24px;line-height:1;} .index3a1 .summary{position:absolute;top:3em;right:0;bottom:5.5em;left:0;text-indent:2em;line-height:1.8;overflow:hidden;opacity:.8;} .index3a1 .url{position:absolute;right:3em;bottom:1.5em;left:0;padding:1em 1.5em;border-right:1px solid #d20319;border-left:1px solid #d20319;color:#666;} .index3a1 .url:after{content:"";display:block;position:absolute;top:50%;left:8em;margin-top:-3px;width:0;height:0;border-top:4px solid transparent;border-left:6px solid #d20319;border-bottom:4px solid transparent;transition:ease .5s;} .index3a1:hover .url:after{left:9em;} @media(max-width:1599px){ .index3a{margin-right:-10px;margin-left:-10px;} .index3a1{padding:0 10px;} .index3a1 .url{bottom:1em;padding-top:.5em;padding-bottom:.5em;} } @media(max-width:1399px){ .index3a1{width:25%;} } @media(max-width:1199px){ .index3a{margin-top:50px;} .index3a1{width:30%;} } @media(max-width:991px){ .index3a{margin-top:40px;} .index3a1{width:40%;} .index3a1 .t, .index3a1 .div1 div{font-size:20px;} } @media(max-width:767px){ .index3a{margin-top:30px;margin-right:-8px;margin-left:-8px;} .index3a1{padding:0 8px;} .index3a1 .t, .index3a1 .div1 div{font-size:large;} .index3a1:first-child{display:none;} } @media(max-width:575px){ .index3a1{width:60%;} } @media(max-width:479px){ .index3a1{width:75%;} }