@charset "utf-8"; /*.index-banner .swiper-slide:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#063980;content:"";opacity:.5;-webkit-opacity:.5;filter:alpha(opacity=50);}*/ .index-banner .swiper-slide .text{position:absolute;top:60%;left:50%;width:1370px;font-size:38px;font-weight:bold;opacity:0;-webkit-opacity:0; transform:translate(-50%);-webkit-transform:translate(-50%);transition:ease .5s;-webkit-transition:ease 1s;} .index-banner .swiper-slide .text a{display:block;margin-top:1em;width:8em;font-size:14px;line-height:3em;color:#fff;text-align:center;font-weight:normal;background-color:#3641ff; transition:ease .5s;} .index-banner .swiper-slide .text a:hover{color:#3641ff;background-color:#fff;} .index-banner .swiper-slide.swiper-slide-active .text{top:36%;opacity:1;-webkit-opacity:1;} .index-banner .swiper-pagination{left:50%;bottom:20px;width:1370px;text-align:left; transform:translate(-50%);-webkit-transform:translate(-50%);} .index-banner .swiper-pagination-bullet{width:2%;height:2px;background:#fff;overflow:hidden; border-radius:0; transition:ease .5s;} .index-banner .swiper-pagination-bullet-active{width:4%;background:#cc4d56;} @media(max-width:1399px){ .index-banner .swiper-slide .text, .index-banner .swiper-pagination{width:1170px;} .index-banner .swiper-slide.swiper-slide-active .text{top:45%;} } @media(max-width:1199px){ .index-banner .swiper-slide .text, .index-banner .swiper-pagination{width:970px;} } @media(max-width:992px){ .index-banner .swiper-slide .text, .index-banner .swiper-pagination{width:750px;} } @media(max-width:767px){ .index-banner .swiper-slide .text{top:70%;font-size:large;} .index-banner .swiper-slide.swiper-slide-active .text{top:50%; opacity:.8;-webkit-opacity:.8;} .index-banner .swiper-slide .text, .index-banner .swiper-pagination{padding:0 1em;width:100%;} .index-banner .swiper-slide .text a{display:none;} .index-banner .swiper-pagination-bullet{width:4%;} .index-banner .swiper-pagination-bullet-active{width:8%;} } @media(max-width:375px){ .index-banner .swiper-slide .text{font-size:medium;font-weight:normal;} } .indext{position:relative;padding-top:15px;padding-bottom:30px;} .indext:before{display:block;position:absolute;top:0;left:0;width:1em;height:2px;font-size:36px;background-color:#000;overflow:hidden;content:"";} .indext a{display:block;float:left;color:#333;} .indext h1{margin:0 10px 0 0;} .indext span{margin-top:12px;border:1px solid #fff;padding:0 6px;line-height:24px;font-size:12px;color:#fff;background-color:#084892; transition:ease .5s;} .indext a:hover span{background-color:#e00;} @media(max-width:1399px){ .indext:before,.indext h1{font-size:32px;} .indext span{margin-top:6px;} } @media(max-width:991px){ .indext:before,.indext h1{font-size:28px;} .indext span{margin-top:2px;} } @media(max-width:767px){ .indext{padding-top:20px;padding-bottom:20px;} .indext:before,.indext h1{font-size:24px;} .indext span{margin-top:0;} } .section{margin-top:80px;} @media(max-width:767px){ .section{margin-top:50px;} } .sectiona .indext ul{float:right;} .sectiona .indext li{float:left;margin-left:8px;} .sectiona .indext li:first-child{margin-left:0;} .sectiona .indext li a{display:block;padding:0 10px;font-size:medium;line-height:2;color:#fff;background-color:#bbb; transition:ease .5s;-webkit-transition:ease .5s;} .sectiona .indext li.on a{background-color:#084892;} .sectiona1{float:left;width:520px;} .sectiona1 a{display:block;position:relative;} .sectiona1 a div{position:absolute;right:0;bottom:0;left:0;height:42px;background-color:#084892;background-color:rgba(8,72,146,.6);} .sectiona1 a span{margin:0 85px 0 10px;line-height:42px;color:#fff;} .sectiona1 .swiper-pagination{text-align:right;} .sectiona1 .swiper-pagination .swiper-pagination-bullet{margin:0 3px !important;width:10px;height:10px;background-color:#084892;opacity:1;} .sectiona1 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff;} .sectiona2{float:right;width:720px;overflow:hidden;} .sectiona2 .box ul{float:left;min-height:100px;} .sectiona2 li{margin-top:28px;} .sectiona2 li:first-child{margin-top:0;} .sectiona2 a{display:block;color:#666;} .sectiona2 a em{float:left;margin-right:15px;border-right:1px solid #ccc;padding:12px 15px 10px 0;width:65px;font-size:12px;line-height:1;font-style:normal;} .sectiona2 a em span{display:block;font-size:30px;float:left;} .sectiona2 a div h3{margin:0;padding:8px 0;font-size:18px;line-height:24px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .sectiona2 a div p{margin:0;height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .sectiona2 a:hover{color:#084892;} @media(max-width:1399px){ .sectiona1{width:460px;} .sectiona2{width:620px;} .sectiona2 li{margin-top:16px;} } @media(max-width:1199px){ .sectiona1{width:390px;} .sectiona2{width:520px;} .sectiona2 li{margin-top:12px;} .sectiona2 a em{padding-top:7px;padding-bottom:7px;} .sectiona2 a div h3{padding:4px 0;} } @media(max-width:991px){ .sectiona1{width:100%;max-width:520px;} .sectiona2{float:none;padding-top:20px;width:100%;} } @media(max-width:767px){ .sectiona .indext ul{clear:both;padding-top:20px;width:100%;} .sectiona2 li{border-top:1px dashed #ccc;padding-top:15px;} .sectiona2 a:first-child{border-top:0;padding-top:0;} .sectiona2 a div h3{overflow:auto;white-space:normal;} .sectiona2 a div p{height:auto;} } @media(max-width:399px){ .sectiona .indext li{margin-left:6px;} .sectiona .indext li a{padding:0 8px;} } @media(max-width:369px){ .sectiona .indext li{margin-left:5px;} .sectiona .indext li a{padding:0 6px;} } .sectionb1{margin-top:40px;background-position:center center;background-repeat:no-repeat;background-size:cover;} .sectionb1 .bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-position:center center;background-repeat:no-repeat;background-size:cover;} .sectionb1 a{display:block;position:relative;height:100%;color:#fff;font-size:24px;overflow:hidden;} .sectionb1 a img{transition:ease .5s;-webkit-transition:ease .5s;} .sectionb1 a em{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#23559f; opacity:.6;-webkit-opacity:.6;} .sectionb1 a div{position:absolute;top:10%;right:2em;left:2em;bottom:100%;overflow:hidden;transition:ease .5s;} .sectionb1 a div p{font-size:14px;line-height:2.5;} .sectionb1 a:hover div{bottom:40%;} .sectionb1 a strong{display:block;position:absolute;right:2em;top:70%;left:2em;} .sectionb1 a i{display:block;position:absolute;top:90%;right:2em;left:2em;height:10px;background:url(../images/icon02.png) no-repeat; transition:ease .5s;} .sectionb1 a:hover i{background-position-x:center;} .sectionb1 .swiper-slide{width:20%;} .sectionb1.on a em:before{display:block;position:absolute;top:0;bottom:0;left:0;border-left:1px solid #698bbd;content:"";} .sectionb1.on a img{opacity:0;-webkit-opacity:0;} @media(max-width:1399px){ .sectionb1 .swiper-slide{width:25%;} .sectionb1 a{font-size:20px;} } @media(max-width:1199px){ .sectionb1 .swiper-slide{width:28%;} } @media(max-width:991px){ .sectionb1 .swiper-slide{width:30%;} .sectionb1 a{font-size:large;} .sectionb1 a div p{line-height:2;} .sectionb1 a strong{font-weight:normal;} .sectionb1 a div, .sectionb1 a strong, .sectionb1 a i{right:1.5em;left:1.5em;} } @media(max-width:767px){ .sectionb1 .swiper-slide{width:45%;} } @media(max-width:599px){ .sectionb1 .swiper-slide{width:48%;} } @media(max-width:479px){ .sectionb1 .swiper-slide{width:70%;} .sectionb1 a div, .sectionb1 a strong, .sectionb1 a i{right:1em;left:1em;} } .sectionb{position:relative;padding:60px 0 80px;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;} .sectionb:before{position:absolute;display:block;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);content:"";} .sectionb .indext2 a{color:#fff;} .sectionb .list{margin-top:50px;} .sectionb .list a{display:block;position:relative;float:left;width:25%;height:400px;color:#fff; background-position:center center;background-repeat:no-repeat; overflow:hidden; transition:ease .5s;-webkit-transition:ease .5s;} .sectionb .list a:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#074f91;content:"";opacity:.4;-webkit-opacity:.4;filter:alpha(opacity=40); transition:ease .5s;-webkit-transition:ease .5s;} .sectionb .list .div1{position:absolute;top:0;right:0;bottom:0;left:0;padding:260px 10px 20px;text-align:center;background-repeat:no-repeat; transition:ease .5s;-webkit-transition:ease .5s;} .sectionb .list .div1:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.2);content:"";} .sectionb .list .div1 em{position:relative;display:block;margin-bottom:25px;padding-bottom:10px;font-style:normal;font-weight:bold;font-size:24px;line-height:1; transform: scale(1,1.5);opacity:.7;-webkit-opacity:.7;} .sectionb .list .div1 em:after{position:absolute;display:block;bottom:0;left:50%;margin-left:-.5em;width:1em;height:1px;background-color:rgba(255,255,255,.7);content:"";} .sectionb .list .div1 strong{position:relative;display:block;font-size:20px;font-weight:normal;} /* .sectionb .list .div1 em{display:none;margin:0 auto;width:70px;height:70px;background:url(../images/icons02.png) no-repeat;} .sectionb .list .div1 .em2{background-position:0 -70px;} .sectionb .list .div1 .em3{background-position:0 -140px;} .sectionb .list .div1 .em4{background-position:0 -210px;} */ .sectionb .list .div2{position:absolute;bottom:0;left:0;padding:20px 60px 20px 30px;background-color:#e70; opacity:0;-webkit-opacity:0;filter:alpha(opacity=0;);transition:ease .5s;-webkit-transition:ease .5s;} .sectionb .list .div2:before{display:block;position:absolute;top:50%;right:25px;margin-top:-8px;line-height:1;content:"\e258";font-family:"Glyphicons Halflings";} .sectionb .list .div2 strong{display:block;font-size:x-large;} .sectionb .list .div2 span{font-size:12px;text-transform:uppercase;} @media(min-width:992px){ .sectionb .list.on a{width:17%;} .sectionb .list a.on{width:49%;} .sectionb .list a.on:before{opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);} .sectionb .list a.on .div1{opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);} .sectionb .list a.on .div2{opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);} } @media(max-width:767px){ .sectionb .list a{width:50%;height:150px;background-size:auto 100%;} .sectionb .list a:nth-child(5){transform:translateX(50%);} .sectionb .list .div1{padding:60px 0 0;background:none !important;} .sectionb .list .div1 strong{font-size:large;} .sectionb .list .div2{display:none;} /* .sectionb .list .div1 em{margin-top:-10px;transform:scale(.6);-webkit-transform:scale(.6);}*/ } @media(max-width:539px){ .sectionb .list a{height:120px;} .sectionb .list .div1{padding:20px 0 0;} .sectionb .list .div1 em{margin-bottom:20px;padding-bottom:8px;font-size:20px;} .sectionb .list .div1 strong{font-size:medium;} } .indext2{font-size:36px;text-align:center;} .indext2 a{display:inline-block;position:relative;padding-bottom:10px;font-weight:bold;color:#333} .indext2 a:after{display:block;position:absolute;bottom:0;left:50%;margin-left:-.5em;width:1em;border-bottom:1px solid;content:"";} @media(max-width:1399px){ .indext2{font-size:32px;} } @media(max-width:991px){ .indext2{font-size:28px;} } @media(max-width:767px){ .indext2{font-size:24px;} } .sectionc0{float:left;background-color:#000;} .sectionc0 video{display:block;width:650px;height:366px;} @media(max-width:1399px){ .sectionc0 video{width:600px;height:357px;} } @media(max-width:1199px){ .sectionc0 video{width:500px;height:323px;} } @media(max-width:991px){ .sectionc0{float:left;margin-bottom:25px;width:100%;} .sectionc0 video{width:100%;height:auto;} } .sectionc1{float:left;width:600px;} .sectionc1 a{display:block;} .sectionc1 em{display:block;overflow:hidden;} .sectionc1 p{margin:15px 0 0;height:84px;line-height:28px;font-size:medium;color:#111;overflow:hidden;} .sectionc2{float:right;width:600px;} .sectionc2 a{display:block;margin-top:16px;padding:15px 30px;color:#23549f;background-color:#f6f6f6; transition:ease .5s;-webkit-transition:ease .5s;} .sectionc2 a:first-child{margin-top:0 !important;} .sectionc2 em{display:block;float:left;margin-right:30px;width:72px;height:72px; background:url(../images/icon01.png) no-repeat; transition:ease .5s;-webkit-transition:ease .5s;} .sectionc2 .em2{background-position:-72px 0;} .sectionc2 .em3{background-position:-144px 0;} .sectionc2 h3{margin:0 0 7px;font-size:24px;} .sectionc2 p{margin:0;height:48px;line-height:24px;overflow:hidden;} .sectionc2 a.on{color:#fff;background-color:#23549f;} .sectionc2 a.on .em1{background-position:0 -72px;} .sectionc2 a.on .em2{background-position:-72px -72px;} .sectionc2 a.on .em3{background-position:-144px -72px;} @media(max-width:1399px){ .sectionc2{width:500px;} } @media(max-width:1199px){ .sectionc1{width:500px;} .sectionc2{width:420px;} .sectionc2 a{margin-top:10px;padding:12px;} .sectionc2 h3{font-size:20px;} .sectionc2 em{margin-right:12px;} } @media(max-width:991px){ .sectionc1{float:none;width:100%;max-width:600px;} .sectionc1 p{height:72px;line-height:24px;font-size:14px;} .sectionc2{float:none;margin-top:20px;width:100%;max-width:600px;} }