@charset "utf-8"; .banner-box{position:relative;overflow:hidden;} .index-banner .swiper-slide .text-container{display:block;position:absolute;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%;text-align:center;line-height:1.2;color:#fff;opacity:0;-webkit-opacity:0;text-shadow:5px 5px 10px #000; 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:38px;font-weight:bold;} .index-banner .swiper-slide .text p:nth-child(2){margin-bottom:5px;font-size:24px;} .index-banner .swiper-slide .text p:nth-child(3){margin-bottom:0;font-size:24px;} .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:40%;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:991px){ .index-banner .swiper-slide.swiper-slide-active .text{top:50%;} .index-banner .swiper-slide .text p:first-child{font-size:28px;} .index-banner .swiper-slide .text p:nth-child(2){font-size:large;} .index-banner .swiper-slide .text p:nth-child(3){font-size:large;} } @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(2){font-size:medium;} .index-banner .swiper-slide .text p:nth-child(3){font-size:medium;} .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 p:first-child{margin-bottom:10px;font-size:large;} .banner-box .swiper-pagination{bottom:10px;} } @media(max-width:479px){ .index-banner .swiper-slide .text p:first-child{font-size:medium;} .index-banner .swiper-slide .text p:nth-child(2){font-size:14px;} .index-banner .swiper-slide .text p:nth-child(3){font-size:14px;} } .indext, .indext a{color:#666;} .indext p{margin-bottom:5px;font-size:12px;text-transform:uppercase;} .indext div{line-height:28px;} .indext em{font-size:28px;font-style:normal;text-transform:uppercase;} .indext span{padding-left:5px;font-size:large;color:#017dc5;} .indext a span{color:#017dc5;} @media(max-width:1199px){ .indext div{line-height:24px;} .indext em{font-size:24px;} .indext span{font-size:medium;} } .indexa{padding:50px 0 60px;background-color:#f6f6f6;} .indexa0{background-color:#fff;} .indexa1{float:left;width:330px;} .indexa1 .t{position:relative;padding:30px 45px 45px;background:#0b6aae;} .indexa1 .t a{color:#fff;} .indexa1 .t span{color:#fff;} .indexa1 .t i{display:block;position:absolute;right:1px;bottom:1px;opacity:.05;-webkit-opacity:.05;filter:alpha(opacity=5);} .indexa1L a{padding:30px 0 30px 130px;font-size:large;line-height:50px;color:#333;background-repeat:no-repeat;background-position:50px center;} .indexa1L .on a{padding-left:123px;border-left:7px solid #df8e00;color:#fff;font-weight:bold;background-position:43px center;background-color:#ffad00;} .indexa1L .a7{background-image:url(/static/images/p_7_1.png);} .indexa1L .on .a7{background-image:url(/static/images/p_7_2.png);} .indexa1L .a8{background-image:url(/static/images/p_8_1.png);} .indexa1L .on .a8{background-image:url(/static/images/p_8_2.png);} .indexa1L .a9{background-image:url(/static/images/p_9_1.png);} .indexa1L .on .a9{background-image:url(/static/images/p_9_2.png);} .indexa1L .a10{background-image:url(/static/images/p_10_1.png);} .indexa1L .on .a10{background-image:url(/static/images/p_10_2.png);} .indexa2{float:left;width:1010px;padding:45px 25px 0;} .indexa2 li{float:left;width:33.3333%;padding:20px;} .indexa2 li a{position:relative;} .indexa2 li a p{position:absolute;margin:0;right:0;bottom:0;left:0;padding:8px 5px;color:#fff;background-color:#333;background-color:rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} @media(max-width:1399px){ .indexa1L a{padding-top:35px;padding-bottom:35px;} .indexa2{width:810px;} .indexa2 li{width:50%;padding:20px 25px;} .indexa2 li:nth-child(n+5){display:none;} } @media(max-width:1199px){ .indexa1{width:260px;} .indexa1 .t{padding-right:5px;padding-left:25px;} .indexa1L a{padding:25px 0 25px 110px;background-position:30px center;} .indexa1L .on a{padding-left:103px;background-position:26px center;} .indexa2{padding:30px;width:680px;} .indexa2 li{padding:18px 10px;} } @media(max-width:991px){ .indexa1, .indexa2{float:none;width:100%;} .indexa1L li{float:left;width:25%;} .indexa1L a{border-bottom:1px solid #eee;border-left:1px solid #eee;padding:20px 0 20px 80px;background-position:15px center;} .indexa1L li:first-child a{border-left:0;} .indexa1L .on a{padding-left:80px;border-left:0;background-position:15px;} .indexa2{padding:20px;} } @media(max-width:767px){ .indexa1L li{width:50%;} .indexa1L a{padding:10px 0 10px 60px;font-size:medium;background-size:32px 32px;} .indexa1L li:nth-child(odd) a{border-left:0;} .indexa1L .on a{padding-left:60px;} .indexa2{padding:0;} .indexa2 li:nth-child(even){padding:5px 0 5px 5px;} .indexa2 li:nth-child(odd){padding:5px 5px 5px 0;} .indexa2 li:nth-child(1), .indexa2 li:nth-child(2){padding-top:0;} .indexa2 li:nth-child(n+3){padding-bottom:0;} } .sectionb{padding:60px 0;} .indexb{position:relative;overflow:hidden;} .indexb1{position:relative;margin:40px 0 60px;padding:0 40px;} .indexb1 .swiper-slide{padding:0 20px;width:16.66666%;} .indexb1 .swiper-button-next:before, .indexb1 .swiper-button-prev:before{border-top-color:#333;border-right-color:#333;} .indexb1 .swiper-button-next{right:-18px;} .indexb1 .swiper-button-prev{left:-18px;} @media(max-width:1399px){ .indexb1 .swiper-slide{padding:0 15px;width:20%;} } @media(max-width:1199px){ .indexb1 .swiper-slide{width:25%;} } @media(max-width:991px){ .indexb1 .swiper-slide{width:33.333333%;} } @media(max-width:767px){ .indexb1 .swiper-button-next, .indexb1 .swiper-button-prev{display:block;} } @media(max-width:699px){ .sectionb{padding:40px 0;} .indexb1{padding:0 20px;} .indexb1 .swiper-slide{padding:0 7px;/*width:50%;*/} .indexb1 .swiper-button-next, .indexb1 .swiper-button-prev{transform:scale(.75);} .indexb1 .swiper-button-next{right:-25px;} .indexb1 .swiper-button-prev{left:-25px;} } @media(max-width:479px){ .indexb1 .swiper-button-next, .indexb1 .swiper-button-prev{transform:scale(.5);} } .indexc1{margin-bottom:40px;} .indexc1 .t{float:left;} .indexc1 ul{float:right;padding-top:30px;} .indexc1 li{float:left;margin-left:10px;padding-left:10px;border-left:1px solid #999;font-size:large;line-height:1;} .indexc1 li:first-child{margin-left:0;padding-left:0;border-left:0;} .indexc1 li a{color:#666;} .indexc1 li.on a{color:#017dc5;font-weight:bold;} .indexc2{float:left;width:670px;overflow:hidden;} .indexc2 ul{margin-right:-15px;margin-left:-15px;} .indexc2 li{float:left;padding:0 15px;width:50%;} .indexc2 a{background-color:#ddd; transition:all ease .5s;} .indexc2 em{display:block;overflow:hidden;} .indexc2 img{transition:transform ease .5s;} .indexc2 div{margin-top:10px;height:2.4em;font-size:medium;line-height:1.2;color:#111;overflow:hidden; transition:color ease .5s;} .indexc2 a:hover div{color:#017dc5;} .indexc3{float:right;width:630px;} .indexc3 li{float:left;margin-top:11px;width:100%;} .indexc3 li:first-child{margin-top:0;} .indexc3 a{color:#666;} .indexc3 .div1{float:left;padding:5px 8px 8px 0;border-right:1px solid #c6c6c6;font-size:12px;line-height:1.2;text-align:center;} .indexc3 .div1 em{display:block;font-size:32px;font-style:normal;} .indexc3 .div2{padding:6px 0 0 75px;} .indexc3 h3{margin:0;font-size:medium;line-height:2;color:#333;} .indexc3 a:hover{color:#333;} .indexc3 a:hover h3, .indexc3 li:hover a h3{color:#017dc5;} @media(max-width:1399px){ .indexc2{width:560px;} .indexc3{width:540px;} } @media(min-width:992px) AND (max-width:1199px){ .indexc2{width:475px;} .indexc2 ul{margin-right:-7px;margin-left:-7px;} .indexc2 li{padding:0 7px;} .indexc3{width:440px;} } @media(max-width:991px){ .indexc2{float:none;margin-bottom:20px;width:670px;} .indexc3{float:none;margin:0;width:670px;} } @media(max-width:767px){ .indexc2{width:100%;} .indexc3{width:100%;} } @media(max-width:539px){ .indexc1 .t{float:none;} .indexc1 ul{float:none;padding-top:10px;} .indexc2 ul{margin-right:-7px;margin-left:-7px;} .indexc2 li{padding:0 7px;} .indexc3 li{padding-top:3px;border-top:1px solid #ddd;} .indexc3 .div1{display:none;} .indexc3 .div2{padding-left:0;} } .indexd{padding:80px 0 50px;color:#fff;background-repeat:no-repeat;background-position:center center;background-size:cover;} .indexd .t{font-size:x-large;font-weight:bold;text-align:center;} .indexd .summary{padding:35px 100px;line-height:2;text-align:center;} .indexd .list a{display:block;position:relative;float:left;width:25%;height:302px;color:#fff; background-position:center center;background-repeat:no-repeat; overflow:hidden;white-space:nowrap; transition:ease .5s;-webkit-transition:ease .5s;} .indexd .list a:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;content:"";opacity:.3;-webkit-opacity:.3;filter:alpha(opacity=30); transition:ease .5s;-webkit-transition:ease .5s;} .indexd .list .div1{position:relative; transition:ease .5s;-webkit-transition:ease .5s;} .indexd .list .div1 strong{display:block;padding:80px 0 20px;text-align:center;font-size:24px;transition:ease .5s;-webkit-transition:ease .5s;} .indexd .list .div1 em{display:block;margin:0 auto;width:56px;height:56px;background-repeat:no-repeat;} .indexd .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;} .indexd .list .div2:before{display:block;position:absolute;top:50%;right:25px;margin-top:-8px;line-height:1;content:"\e258";font-family:"Glyphicons Halflings";} .indexd .list .div2 strong{display:block;font-size:x-large;} .indexd .list .div2 span{font-size:12px;text-transform:uppercase;} @media(max-width:1199px){ .indexd{padding-top:60px;} .indexd .summary{padding:30px 0;} } @media(min-width:992px){ .indexd .list.on a{width:18%;} .indexd .list a.on{width:46%;} .indexd .list a.on:before{opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);} .indexd .list a.on .div1 strong{padding-top:60px;opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);} .indexd .list a.on .div2{opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);} } @media(max-width:767px){ .indexd{padding-top:40px;} .indexd .summary{padding:20px 0 25px;} .indexd .list a{width:50%;height:150px;background-size:auto 100%;} .indexd .list .div1 strong{padding:35px 0 0;font-size:large;} .indexd .list .div1 em{margin-top:-10px;transform:scale(.6);-webkit-transform:scale(.6);} } @media(max-width:539px){ .indexd .list a{height:120px;} .indexd .list .div1 strong{padding:25px 0 0;font-size:large;} } .indexe{margin-top:80px;margin-bottom:80px;} .indexe1{position:relative;margin-top:40px;margin-right:-10px;margin-left:-10px;padding:0 40px;} .indexe1 .swiper-slide{width:16.666666%;} .indexe1 a{padding:0 10px;} .indexe1 a em{display:block;overflow:hidden;border:1px solid #ccc;height:102px;line-height:100px;font-size:0;text-align:center;} .indexe1 a img{max-width:100%;max-height:100%;vertical-align:middle;} .indexe1 .swiper-button-next:before, .indexe1 .swiper-button-prev:before{border-top-color:#333;border-right-color:#333;} .indexe1 .swiper-button-next{right:-18px;} .indexe1 .swiper-button-prev{left:-18px;} @media(max-width:1199px){ .indexe1 .swiper-slide{width:20%;} } @media(max-width:991px){ .indexe1 .swiper-slide{width:25%;} } @media(max-width:767px){ .indexe{margin-top:40px;margin-bottom:0;} .indexe1{margin-right:-7px;margin-left:-7px;} .indexe1 .swiper-slide{width:33.333333%;} .indexe1 a{padding:0 7px;} .indexe1 .swiper-button-next, .indexe1 .swiper-button-prev{display:block;} } @media(max-width:699px){ .indexe1{padding:0 20px;} .indexe1 .swiper-button-next, .indexe1 .swiper-button-prev{transform:scale(.75);} .indexe1 .swiper-button-next{right:-25px;} .indexe1 .swiper-button-prev{left:-25px;} } @media(max-width:479px){ .indexe1 .swiper-slide{width:33.33333%;} .indexe1 a em{height:82px;line-height:80px;} .indexe1 .swiper-button-next, .indexe1 .swiper-button-prev{transform:scale(.5);} }