@charset "UTF-8";
/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
.index_kv{height:945px;background-image:url(../images/index/kv.jpg);background-attachment: fixed;background-position: center top;background-repeat: no-repeat;background-color:#e5e8ed}
.index_kv a{display:block;width:100%;height:100%;}
.index_kv .txt_body{position: absolute;left:50%;top:350px;transform: translateX(-50%);text-align:center;}
.index_kv .txt_body h3{font-size:83px;line-height:88px;color:#232d38;margin-bottom:10px;}
.index_kv .txt_body h4{font-size:22px;line-height:32px;color:#232d38;letter-spacing:20px;padding-left:20px;position: relative;display:inline-block;}
.index_kv .txt_body h4::before{display:inline-block;content:"";width:37px;height:4px;background-color:#46b5d1;position: absolute;top:14px;left:-30px;}
.index_kv .txt_body h4::after{display:inline-block;content:"";width:37px;height:4px;background-color:#46b5d1;position: absolute;top:14px;right:-30px;}

.index02{height:945px;background:#46b5d1 url(../images/index/index_02.jpg) no-repeat center;position: relative;}
.index02 a{display:block;width:100%;height:100%;}
.index02 .txt_body{position: absolute;left:50%;top:170px;transform: translateX(-50%);text-align:center;}
.index02 .txt_body h3{font-size:83px;line-height:88px;color:#fff;margin-bottom:10px;}
.index02 .txt_body h4{font-size:22px;line-height:32px;color:#fff;letter-spacing:20px;padding-left:20px;position: relative;display:inline-block;}
.index02 .txt_body h4::before{display:inline-block;content:"";width:37px;height:4px;background-color:#ffffff;position: absolute;top:14px;left:-30px;}
.index02 .txt_body h4::after{display:inline-block;content:"";width:37px;height:4px;background-color:#ffffff;position: absolute;top:14px;right:-30px;}

.index03{background-color:#f5f7f8;padding:60px 0;text-align:center;}
.index03 h3{font-size:38px;color:#232d38;}
.index03 hr{display:inline-block;width:110px;height:4px;border:0;background-color:#65c6c4;margin:15px 0 20px;}
.index03 h4{font-size:22px;line-height:40px;color:#232d38;margin-bottom:20px;}
.index03 .index03_txt{position: relative;overflow:hidden;padding-bottom:60px;}
.index03 .index03_txt p{font-size:18px;line-height:40px;color:#133837;}
.index03 .index03_txt p i{display:inline-block;width:20px;height:16px;}
.index03 .index03_txt p i.i_1{background-image:url(../images/index/index03_i_1.png);margin-right:15px;position: relative;top:-5px;}
.index03 .index03_txt p i.i_2{background-image:url(../images/index/index03_i_2.png);margin-left:15px;position: relative;bottom:-8px;}
.index03 .index03_txt h5{font-size:18px;line-height:26px;color:#133837;margin-top:30px;}
.index03 .index03_txt h5 img{margin-left:15px;}
.index03 .index03_txt .dot{position: absolute;left:0;right:0;bottom:0;}
.index03 .index03_txt .dot span{width:12px;height:12px;opacity:1;background:#b8b8b8;margin:0 10px;}
.index03 .index03_txt .dot span.swiper-pagination-bullet-active{background:#46b5d1;}

.index04{position: relative;overflow:hidden;}
.index04 ul{font-size: 0;}
.index04 ul li{width:100%;display:inline-block;font-size:0;position: relative;}
.index04 .pic,.index04 .txt{width:50%;}
.index04 ul li .txt.fr{position: absolute;right:0;top:0;bottom:0;}
.index04 ul li .txt.fl{position: absolute;left:0;top:0;bottom:0;}
.index04 ul li .txt .box{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:455px;}
.index04 ul li .txt .box h3{font-size:30px;color:#232d38}
.index04 ul li .txt .box hr{display:inline-block;width:65px;height:3px;background-color:#65c6c4;border:0;margin:20px 0 30px}
.index04 ul li .txt .box h4{font-size:16px;line-height:30px;color:#46515e;}
.index04 ul li .txt .box a{display:inline-block;width:105px;height:44px;line-height:44px;background:#65c6c4;color:#fff;text-align:center;text-decoration:none;font-size:16px;margin-top:25px;}
.index04 img{display:block;width:100%;}

.index05{height:870px;background:url(../images/index/index05.jpg) no-repeat center;background-size:cover;text-align:center;}
.index05 .top{text-align:center;padding:75px 0 110px;}
.index05 .top h3{font-size:40px;line-height:40px;color:#fff;}
.index05 .top hr{display:inline-block;width:110px;height:4px;background:#46b5d1;border:0;margin-top:20px;}
.index05 ul{display:inline-block;margin:0 auto;}
.index05 ul li{float:left;border-right:1px solid #6ab2ca;height:530px;width:116px;transition:width ease-out .5s;overflow:hidden;}
.index05 ul li .box{display:inline-block;width:26px;text-align:center;margin:0 45px;}
.index05 ul li .box i{font-size:22px;line-height:24px;color:#fff;font-style:normal;float:left;width:26px;}
.index05 ul li .box em{float:left;width:26px;height:3px;background-color:#fff;margin:20px 0;}
.index05 ul li .box span{-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;font-size:24px;line-height:24px;color:#fff;float:left;}
.index05 ul li .mask{margin:0 60px;width:316px;display:none;}
.index05 ul li .mask h3{font-size:95px;color:#fff;text-align:left;}
.index05 ul li .mask h4{font-size:22px;line-height:24px;color:#fff;padding-left:10px;border-left:1px solid #fff;margin:40px 0;text-align:left;}
.index05 ul li .mask p{font-size:16px;line-height:36px;color:#fff;text-align:left;}
.index05 ul li .mask a{display:inline-block;width:150px;height:42px;border:1px solid #a1ccdc;font-size:15px;line-height:42px;color:#fff;text-decoration:none;letter-spacing:2px;padding-left:2px;margin-top:30px;transition:all ease-out .5s;}
.index05 ul li .mask a:hover{border:1px solid #65c6c4;background-color:#65c6c4;color:#fff;}
.index05 ul li.active{width:436px;}

.index06{padding:100px 0 85px;}
.index06 .top{text-align:center;padding-bottom:70px;}
.index06 .top h3{font-size:40px;line-height:40px;color:#133837;}
.index06 .top hr{display:inline-block;width:110px;height:4px;background:#46b5d1;border:0;margin-top:20px;}
.index06 ul{display:inline-block;width:100%;}
.index06 ul li{float:left;}
.index06 ul li.l_1{width:618px;margin-right:2px;}
.index06 ul li.l_2{width:270px;margin-right:2px;}
.index06 ul li.l_3{width:308px;}
.index06 ul li.l_3 a{width:308px;height:308px;}
.index06 ul li.l_3 a:first-child{margin-bottom:2px;}
.index06 ul li.l_1 a:first-child{margin-bottom:2px;}
.index06 ul li.l_1 a:nth-child(2){margin-right:2px;}
.index06 ul li.l_1 a{height:308px;}
.index06 ul li.l_2 a{height:618px;}

.index06 ul li a{overflow:hidden;position: relative;float:left;}
.index06 ul li a .mask{position: absolute;left:0;right:0;bottom:0;background:url(../images/index/index06_mask.png) repeat-x left bottom;height:104px;padding-left:20px;}
.index06 ul li a .mask h4{font-size:24px;line-height:30px;color:#fff;position: absolute;left:20px;bottom:20px;}
.index06 ul li a .mask h4 img{float:left;margin-right:10px;}