/*Created by lk on 2020/06/04.*/

/*----banner----*/
.banner{width: 100%; overflow: hidden; position: fixed}
.banner .swiper-slide{width: 100%; height: 100%; overflow: hidden}
.banner .img{width: 100%; height: 100%; background-position: center; background-size: cover}

.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color:#fff;
    cursor: default;
}

.mark{width: 100%; height: 820px; position: relative; z-index: -1}


/*----content------*/
.content{position: relative; background: #fff; z-index: 9;}

.title{position: relative; margin-bottom: 40px; text-align: center; z-index: 2; animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}
.title h1{font-size: 46px; color: #333; margin-bottom: 10px;}
.title h6{font-size: 16px; color: #666;}

.a_link{position: relative; display: block; width: 170px; height: 50px; line-height: 50px; font-size: 14px; color: #1a7bb8; text-align: left; margin: 60px auto 0 auto; padding-left: 30px;  border: 2px solid #1a7bb8; box-sizing: border-box; overflow: hidden; transition: all ease .4s; -webkit-transition: all ease .4s; animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}
.a_link i{display: inline-block; width: 100%; font-size: 14px; color: #1a7bb8; font-style: normal; background: url("../image/ico14.png") no-repeat 86px 10px; position: relative; transition: all ease .4s; -webkit-transition: all ease .4s; }
.a_link:before{content:""; display: block; width: 0; height: 100%; background: #1a7bb8; position: absolute; top: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s; }
.a_link:hover i{color: #fff; background: url("../image/ico15.png") no-repeat 86px 10px}
.a_link:hover:before{width: 100%;}

/*----list01----*/
.list01{position: relative; padding: 120px 0; overflow: hidden}
.list01 .list01_con{position: relative; width: 80%; margin: 0 auto; text-align: center}
.list01 .list01_con:before{content: ""; display: block; width: 80px; height: 80px; background: url("../image/ico18.png") no-repeat; position: absolute; top: 14px; left: 5%; animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .7s; -webkit-animation-delay: .7s}
.list01 .list01_con:after{content: ""; display: block; width: 80px; height: 80px; background: url("../image/ico19.png") no-repeat; position: absolute; top: 14px; right: 5%; animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .7s; -webkit-animation-delay: .7s}
.list01 .list01_con h1{font-size: 46px; color: #333; margin-bottom: 40px; animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}
.list01 .list01_con h4{font-size: 16px; color: #666; line-height: 2; animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .5s; -webkit-animation-delay: .5s}

/*----list02----*/
.list02{position: relative; overflow: hidden;}
.list02 .list02_con{position: relative; z-index: 9; animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}
.list02 .list02_con .list{}
.list02 .list02_con .list li{position: relative; float: left; width: 20%; padding: 200px 0 300px 0; border-right: 1px solid rgba(255,255,255,.2); box-sizing: border-box; cursor: pointer; transition: all ease .4s; -webkit-transition: all ease .4s; }
.list02 .list02_con .list li:last-child{border: none}
.list02 .list02_con .list li.on{width: 40%;}
.list02 .list02_con .list li .li_i{transition: all ease .4s; -webkit-transition: all ease .4s; }
.list02 .list02_con .list li .li_i .ico{width: 76px; height: 76px; margin: 0 auto 20px auto}
.list02 .list02_con .list li .li_i .ico img{float: none; display: block}
.list02 .list02_con .list li .li_i h1{font-size: 28px; color: #fff; width: 28px; height: 185px; margin: 0 auto}
.list02 .list02_con .list li.on .li_i{transform: translateY(-100px); -webkit-transform: translateY(-100px); opacity: 0; visibility: hidden}

.list02 .list02_con .list li .li_r{width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 200px 20% 100px 100px; transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; visibility: hidden; transition: all ease .4s; -webkit-transition: all ease .4s; }
.list02 .list02_con .list li .li_r h1{font-size: 40px; color: #fff; margin-bottom: 40px;}
.list02 .list02_con .list li .li_r p{font-size: 15px; color: #fff; line-height: 2;}
.list02 .list02_con .list li .li_r .a_link{margin: 60px 0 0 0; border: 2px solid #fff;}
.list02 .list02_con .list li .li_r .a_link i{color: #fff; background: url("../image/ico15.png") no-repeat 86px 10px}
.list02 .list02_con .list li .li_r .a_link:before{background: #fff;}
.list02 .list02_con .list li .li_r .a_link:hover i{color: #1a7bb8; background: url("../image/ico14.png") no-repeat 86px 10px}
.list02 .list02_con .list li.on .li_r{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; visibility: visible}

.list02 .list02_bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0}
.list02 .list02_bg .bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-size: cover; opacity: 0; z-index: 1}
.list02 .list02_bg .bg.active{opacity: 1; z-index: 2}

/*----list03----*/
.list03{position: relative; padding: 100px 0; overflow: hidden}
.list03 .title{text-align: left}
.list03 .list03_con{display: flex;}
.list03 .list03_con .li_l{width: 49%; margin-right: 1%; position: relative; animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}
.list03 .list03_con .li_l:before{content:""; display: block; width: 90%; height: 50px; background: #d6e2ef; position: absolute; bottom: 0; left: 5%; margin-bottom: 18px; border-radius: 6px;}
.list03 .list03_con .li_l .img{width: 100%; overflow: hidden; border-radius: 6px; position: relative; z-index: 2}
.list03 .list03_con .li_l .img img{width: 100%;}
.list03 .list03_con .li_r{width: 49%; margin-left: 1%; animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .5s; -webkit-animation-delay: .5s}
.list03 .list03_con .li_r .list{margin-right: -2%;}
.list03 .list03_con .li_r .list li{width: 48%; float: left; margin-right: 2%; margin-bottom: 25px; position: relative}
.list03 .list03_con .li_r .list li:before{content:""; display: block; width: 90%; height: 50px; background: #d6e2ef; position: absolute; bottom: 0; left: 5%; margin-bottom: -8px; border-radius: 6px;}
.list03 .list03_con .li_r .list li .img{width: 100%; overflow: hidden; border-radius: 6px; position: relative; z-index: 2}
.list03 .list03_con .li_r .list li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.list03 .list03_con .li_r .list li:hover .img img{transform: scale(1.1);}

/*----list04----*/
.list04{
    position: relative;
    padding: 100px 0 20px 0;
    background: url("../image/bg17.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.list04 .list04_con{
    padding-bottom: 80px;
}

.list04 .list04_con .li_l{
    width: 38%;
    margin-right: 3%;
    animation: fadeInUp 1s ease both;
    -webkit-animation: fadeInUp 1s ease both;
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

.list04 .list04_con .li_l .img{
    width: 100%;
    overflow: hidden
}

.list04 .list04_con .li_l .img img{
    width: 100%;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

.list04 .list04_con .li_l .text{
    margin-top: 20px;
}

.list04 .list04_con .li_l .text .data{
    width: 60px;
    padding: 14px 0;
    background: #1977b2;
    text-align: center;
}

.list04 .list04_con .li_l .text .data h6{
    font-size: 13px;
    color: #fff;
    font-family: 'Montserrat-Light';
}

.list04 .list04_con .li_l .text .data i{
    font-style: normal;
    font-size: 13px;
    color: #fff;
    font-family: 'Montserrat-Light'
}

.list04 .list04_con .li_l .text .t{
    padding: 10px 0 0 20px;
}

.list04 .list04_con .li_l .text .t h1{
    font-size: 18px;
    color: #4c4c4c;
}

.list04 .list04_con .li_l .p{
    padding-top: 20px;
}

.list04 .list04_con .li_l .p p{
    font-size: 13px;
    color: #888;
    line-height: 2;
}

.list04 .list04_con .li_l:hover .img img{
    transform: scale(1.1);
}

.list04 .list04_con .li_r{
    width: 59%;
    animation: fadeInUp 1s ease both;
    -webkit-animation: fadeInUp 1s ease both;
    animation-delay: .5s;
    -webkit-animation-delay: .5s
}

.list04 .list04_con .li_r .l_li a{
    display: inline-block;
    font-size: 18px;
    color: #333;
    padding: 8px 10px 8px 0;
    margin-right: 20px;
}

.list04 .list04_con .li_r .l_li a:hover{
    color: #1977b2;
}


.list04 .list04_con .li_r .list{
    margin-top: 40px;
    margin-right: -3%;
}

.list04 .list04_con .li_r .list li{
    width: 30.3333%;
    margin-right: 3%;
    float: left;
}

.list04 .list04_con .li_r .list li .img{
    width: 100%;
    height: 140px;
    overflow: hidden;
}

.list04 .list04_con .li_r .list li .img img{
    width: 100%;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

.list04 .list04_con .li_r .list li .text{
    margin-top: 20px;
}

.list04 .list04_con .li_r .list li .text .data{
    width: 60px;
    padding: 14px 0;
    background: #1977b2;
    text-align: center;
}

.list04 .list04_con .li_r .list li .text .data h6{
    font-size: 13px;
    color: #fff;
    font-family: 'Montserrat-Light';
}

.list04 .list04_con .li_r .list li .text .data i{
    font-style: normal;
    font-size: 13px;
    color: #fff;
    font-family: 'Montserrat-Light'
}

.list04 .list04_con .li_r .list li .text .t{
    width: 70%;
    padding: 6px 0 0 20px;
}

.list04 .list04_con .li_r .list li .text .t h1{
    font-size: 16px;
    color: #4c4c4c;
}

.list04 .list04_con .li_r .list li .p{
    padding-top: 20px;
}

.list04 .list04_con .li_r .list li .p p{
    font-size: 13px;
    color: #888;
    line-height: 2;
}

.list04 .list04_con .li_r .list li:hover .img img{
    transform: scale(1.1);
}


/*----list05----*/
.list05{
    position: relative;
    height: 86vh;
    overflow: hidden;
}

.list05 .title{
    padding-top: 40px;
    z-index: 9;
}


.list05 .list05_bg .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.list05 .list05_bg .bg.active{
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.list05 .list05_bg .bg .text{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 14% 50% 0 18%;
}

.list05 .list05_bg .bg .text h1{
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

.list05 .list05_bg .bg .text p{
    font-size: 16px;
    color: #fff;
    line-height: 2;
}

.list05 .list05_li {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    animation: fadeInUp 1s ease both;
    -webkit-animation: fadeInUp 1s ease both;
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

.list05 .list05_li .list li{
    width: 16.6666%;
    float: left;
    padding: 20px 0 60px 0;
    background: rgba(0,0,0,.2);
    border-right: 1px solid rgba(255,255,255,.6);
    box-sizing: border-box;
    cursor: pointer;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

.list05 .list05_li .list li.on{
    background: #1a7bb8;
}

.list05 .list05_li .list li:last-child{
    border-right: none;
}

.list05 .list05_li .list li:hover{
    background: #1a7bb8;
}

.list05 .list05_li .list li .ico{
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.list05 .list05_li .list li .ico img{
    float: none;
    display: block;
}

.list05 .list05_li .list li h3{
    font-size: 16px;
    color: #fff;
    text-align: center;
}

/*----list06----*/
.list06{
    position: relative;
    padding: 100px 0;
    background: url("../image/bg18.jpg") no-repeat center;
    overflow: hidden;
    text-align: center;
}

.list06:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

.list06 h1{
    font-size: 46px;
    color: #333;
    margin-bottom: 40px;
    animation: fadeInUp 1s ease both;
    -webkit-animation: fadeInUp 1s ease both;
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

.list06 p{
    font-size: 16px;
    color: #666;
    line-height: 2;
    animation: fadeInUp 1s ease both;
    -webkit-animation: fadeInUp 1s ease both;
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

.list06 .a_link{
    border: 2px solid #666;
}

.list06 .a_link i{
    color: #666;
    background: url("../image/ico16.png") no-repeat 86px 10px;
}

.list06 .a_link:before{
    background: #666;
}

.list06 .a_link:hover i{
    color: #fff;
    background: url("../image/ico15.png") no-repeat 86px 10px;
}

.list06:hover:before{
    background: rgba(26,123,184,.7)
}

.list06:hover h1{
    color: #fff;
}

.list06:hover p{
    color: #fff;
}

.list06:hover .a_link{
    border: 2px solid #fff;
}

.list06:hover .a_link i{
    color: #fff;
    background: url("../image/ico15.png") no-repeat 86px 10px;
}

.list06:hover .a_link:before{
    background: #fff;
}

.list06:hover .a_link:hover i{
    color: #1a7bb8;
    background: url("../image/ico14.png") no-repeat 86px 10px;
}