.targetnav {
    position: fixed;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    z-index: 99999;
    width: 10px;
    height: 120px;
}

.targetnav a {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #696969;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-bottom: 10px;
}

.targetnav a:last-child {
    margin-bottom: 0;
}

.targetnav a:hover,
.targetnav a.active {
    background-color: #fff;
    height: 30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.targetnav a:last-child {
    margin-bottom: 0;
}

.section1 {
    position: relative;
    /* padding-top: 130px; */
    overflow: hidden;
    height: auto;
    /* background: #000; */
}

.banner img {
    width: 100%;
    display: block;
    height: 100vh;
}

.bnerimg {
    width: 100%;
    display: block;
    height: 50vh;
    background-size: cover !important;
    background-position: center !important;
}

.banner video.pcvideo {
    display: block;
}

.banner video.wapvideo {
    display: none;
}

.banner video {
    /* position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; */
    object-fit: cover;
    /* z-index: 10; */
    width: 100%;
    /*height: 100vh;*/
	height:auto;
}

.banner h6 img:last-of-type {
    display: none;
}

.bannerinner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 9999;
}

.bannerinner h2 {
    font-size: 50px;
    color: #fff;
    line-height: 90px;
    text-align: center;
}

.more,
.sec2text a,
.sec3link a {
    position: relative;
    display: block;
    width: 150px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 120px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    -ms-border-radius: 120px;
    -o-border-radius: 120px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    margin: 50px auto 0;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.more span,
.sec2text a span,
.sec3link a span {
    margin-left: 5px;
    font-size: 16px;
}

.more:hover,
.sec2text a:hover,
.sec3link a:hover {
    width: 170px;
    font-size: 18px;
}

.more:hover span,
.sec2text a:hover span,
.sec3link a:hover span {
    font-size: 18px;
    /* color: #2370ff; */
    /* right: 18px; */
}

.swiper-pagination span {
    display: inline-block;
    width: 90px;
    height: 3px;
    background: rgba(255, 255, 255, .5);
    opacity: 1;
    margin-right: 20px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
}

.swiper-pagination span:last-of-type {
    margin-right: 0;
}

.strip {
    width: 0;
    height: 3px;
    background: #fff;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    display: block;
    z-index: 11;
}

.section1 .swiper-pagination {
    bottom: 8%;
}

.swiper-button-next,
.swiper-button-prev {
    background: none;
    width: auto;
    height: auto;
    font-size: 40px !important;
    color: #fff;
    font-weight: bold;
    margin-bottom: 130px;
    display: block;
    opacity: 0;
}

.swiper-button-next {
    right: 52px;
}

.swiper-button-prev {
    left: 52px;
}

.banner:hover .swiper-button-next,
.banner:hover .swiper-button-prev {
    opacity: 1;
}

.section2 {
    position: relative;
    /* height: 100vh; */
    width: 75%;
}

.sectit {
    position: relative;
    text-align: center;
    padding: 80px 0 30px;
    font-size: 40px;
    color: #1d1d1f;
}

.sectit::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    width: 65px;
    height: 4px;
    background-color: #2370ff;
}

.sec2main {
    padding: 50px 0;
    overflow: hidden;
}

.sec2ul .sec2li {
    position: relative;
    float: left;
    width: 16%;
    height: 70vh;
    margin-right: 1%;
    border-radius: 20px;
    background-color: #000;
    cursor: pointer;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.sec2ul .sec2li .sec2lipc,
.sec2ul .sec2li .sec2liwap {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    display: block;
    z-index: 1;
    border-radius: 20px;
}

.sec2ul .sec2li .sec2liwap {
    display: none;
}

.sec2ul .sec2li img,
.sec2ul .sec2li video {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    width: 80%;
    display: block;
    z-index: 1;
    object-fit: contain !important;
}

.sec2ul .sec2liactive {
    position: relative;
    width: 49%;
    border-radius: 0;
}

.sec2ul .sec2liactive::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, .3);*/
    z-index: 2;
    border-radius: 20px;
}

.sec2ul .sec2li p {
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    white-space: nowrap;
}

.sec2textbot {
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    z-index: 3;
}

.sec2text {
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: none;
    z-index: 3;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.sec2ul .sec2liactive .sec2text {
    display: block;
}

.sec2ul .sec2li video {
    display: none;
}

.sec2ul .sec2liactive video {
    display: block;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
}

.sec2ul .sec2liactive img {
    display: none;
}

.sec2ul .sec2liactive .sec2textbot {
    display: none;
}

.sec2text a {
    position: absolute;
    top: 77%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 3;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.sec2ul .sec2li:last-child {
    margin-right: 0;
}

.section3 {
    width: 100%;
    background-color: #f5f5f5;
    /* width: 2019px; */
}

.section3 .divbox,
.section4 {
    width: 75%;
}

.sec3main {
    margin-top: 50px;
    display: block;
}

.sec3li {
    position: relative;
    float: left;
    width: 32%;
    margin-right: 2%;
}

.sec3li:last-child {
    margin-right: 0;
}

.sec3li .sec3tips {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFf;
    font-size: 16px;
    background-color: #2370ff;
    z-index: 1000;
}

.sec3img {
    display: block;
}

.sec3img .imgmain {
    overflow: hidden;
    height: 250px;
}

.sec3img .imgmain:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.sec3img .imgmain img {
    display: block;
    width: 100%;
    /* height: 100%; */
    -webkit-transition: all 1s;
    transition: all 1s;
}

.sec3img h3 {
    font-size: 18px;
    color: #1d1d1f;
    margin: 20px 0;
    line-height: 30px;
    max-height: 60px;
    min-height: 60px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.sec3licom:hover .sec3img h3 {
    color: #2370ff;
}

.sec3img p {
    position: relative;
    color: #77777b;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 20px;
    height: 24px;
    line-height: 24px;
}

.sec3img p span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    width: 14px;
    height: 14px;
    background: url(../images/icon-rili.png) no-repeat center;
    background-size: 14px 14px;
}

.sec3link {
    margin: 50px auto 0;
    text-align: center;
    padding-bottom: 70px;
}

.sec3linkli {
    display: inline-block;
    width: 180px;
    height: 48px;
}

.sec3link a {
    display: inline-block;
    color: #77777b;
    border: 1px solid #77777b;
}

.sec3list {
    margin-top: 40px;
    overflow: hidden;
}

.sec3listli {
    display: block;
    overflow: hidden;
}

.sec3listli h3 {
    color: #1d1d1f;
    font-size: 18px;
    line-height: 36px;
    /* max-height: 48px; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    /* text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; */
    -webkit-transition: all 1s;
    transition: all 1s;
}

.sec3listli p {
    color: #6e6e72;
    font-size: 12px;
    margin-top: -12px;
}

.sec3listli:hover h3 {
    color: #2370ff;
    /* text-decoration: underline; */
}

.sec4text {
    padding: 50px 5%;
    color: #6e6e72;
    font-size: 18px;
    /*text-align: center; */
}

.tooltitle {
    font-size: 22px;
    color: #2370ff;
}

.toolcon {
    color: #6e6e72;
    font-size: 14px;
    background-color: #fff;
    padding: 0 10px;
}

.toolcon .toolimg {
    display: block;
    margin: 0 auto 10px;
    width: 100%;
    padding: 10px 0 0;
    text-align: center;
}

.toolcon .toolimg img {
    position: inherit;
}

.toolcon .tooltext {
    display: block;
    padding: 10px 0;
    line-height: 1.6;
    min-height: 100px;
}

.wpb_wrapper {
    /* width: 50%; */
    margin: 0 auto 100px;
    /* padding: 0 10%; */
    /* background-color: #f5f5f5; */
}

.imapsContainer tspan {
    font-size: 15px !important;
}

.map_wrapper {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.map_box {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    /* background-color: #f5f5f5; */
}

.map_wrapper .map_aspect_ratio {
    max-width: 80%;
    width: 80%;
    margin: 0 auto;
    position: relative;
}

.map_wrapper:fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    text-align: center;
    padding: 10px
}

.map_wrapper:fullscreen .map_aspect_ratio {
    position: inherit;
    padding-bottom: 100%;
    overflow: hidden
}

.map_wrapper .map_container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.map_container .map_render {
    height: 100%
}

.imapsCircle-group+.imapsLabel-group {
    pointer-events: none
}

.imapsLabel foreignObject br {
    height: 0;
    content: '';
    clear: both;
    display: block
}

.imapsLabel foreignObject p {
    margin: 0;
    padding: 0
}

.imapsLabel foreignObject {
    box-sizing: content-box;
    height: 100%;
    /* width: 300px !important; */
}

.imapsLabel foreignObject img {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    max-width: 100%;
    height: auto !important;
    box-sizing: content-box;
}

.imapsLabel foreignObject img.aligncenter {
    margin: 0 auto
}

.imapsInnerTooltip {
    display: block;
    white-space: initial;
    word-break: initial;
    word-wrap: initial;
    width: 100%;
}

.map_wrapper path {
    transition: inherit
}

.igm_select_mobile_only,
.imaps_fullscreen_button_only_mobile {
    display: none
}

.igm_select_container {
    margin-bottom: 20px
}

.map_wrapper:fullscreen .imaps_fullscreen_button {
    display: none
}

.map_controls {
    display: none
}

.sec2liactive .sec2lipc,
.sec2liactive .sec2liwap {
    background: url(../images/bg1.jpg) no-repeat center !important;
    background-size: cover !important;
}

@media only screen and (max-width: 768px) {
    igm_select_mobile_only,
    .imaps_fullscreen_button_only_mobile {
        display: block
    }
    .map_wrapper:fullscreen .imaps_fullscreen_button_only_mobile {
        display: none
    }
    .map_controls {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 20px 0
    }
    .map_controls>div {
        background: #d9d9d9;
        font-size: 1.5em;
        cursor: pointer;
        width: 30%;
        text-align: center;
        border-radius: 3px
    }
    .map_controls .map_home_button {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .map_has_external_controls .imapsZoomControl-group {
        display: none
    }
    .map_wrapper.map_has_external_controls:fullscreen .imapsZoomControl-group {
        display: inherit
    }
    .swiper-pagination span {
        width: 60px;
    }
    .sec2ul .sec2li .sec2text p {
        font-size: 20px !important;
        line-height: 30px !important;
    }
}

.mobilemore {
    display: none;
}

@media only screen and (min-width: 1601px) and (max-width: 1680px) {
    .sec2ul .sec2li p {
        font-size: 20px;
        line-height: 35px;
    }
    .sec2ul .sec2li .sec2text p {
        font-size: 24px;
        line-height: 35px;
    }
    .sec3img .imgmain {
        overflow: hidden;
        height: 200px;
    }
}

@media only screen and (max-width: 1600px) {
    .sec3img .imgmain {
        height: 180px;
    }
    .sec3img .imgmain img {
        height: 100%;
    }
    .tooltitle {
        font-size: 16px;
    }
    .toolcon {
        font-size: 14px;
        min-height: 180px;
    }
    .bannerinner h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .more,
    .sec2text a,
    .sec3link a {
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .more span,
    .sec2text a span,
    .sec3link a span {
        margin-left: 5px;
        font-size: 16px;
    }
    .more:hover,
    .sec2text a:hover,
    .sec3link a:hover {
        width: 140px;
        font-size: 16px;
    }
    .sec3link a {
        margin-right: 14px;
    }
    .sectit {
        padding: 40px 0 20px;
        font-size: 36px;
    }
    .sec2ul .sec2li p {
        font-size: 20px;
        line-height: 35px;
    }
    .sec2ul .sec2li .sec2text p {
        font-size: 24px;
        line-height: 35px;
    }
    .sec2main {
        padding: 40px 0;
    }
    .sec4text {
        padding: 26px 5%;
        font-size: 15px;
    }
    .wpb_wrapper {
        /* width: 50%;
        padding: 0 15%; */
        margin-bottom: 50px;
    }
    .section2,
    .section3 .divbox,
    .section4 {
        width: 75%;
    }
}

.imapsPointedRectangle {
    display: none;
}

.imapsInnerTooltip {
    /* box-shadow: 1px 2px 6px rgba(0, 0, 0, .1);
    border: 1px solid #f5f5f5; */
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

@media only screen and (min-width:1201px) and (max-width: 1440px) {
    .sec2ul .sec2li p {
        font-size: 16px;
        white-space: nowrap;
        line-height: 24px;
    }
    .sec2textbot {
        top: 74%;
    }
    .sec2ul .sec2li .sec2text p {
        font-size: 24px;
        line-height: 35px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .sec3img .imgmain {
        height: 160px;
    }
    .section2,
    .section3 .divbox,
    .section4 {
        width: 90%;
    }
    .sectit {
        font-size: 32px;
    }
    .bannerinner h2 {
        font-size: 36px;
    }
    .sec2ul .sec2li p {
        font-size: 16px;
        white-space: inherit;
        line-height: 24px;
    }
    .sec2textbot {
        top: 86%;
    }
    .sec2ul .sec2liactive .sec2text p {
        font-size: 20px;
    }
    .imapsContainer tspan {
        font-size: 11px !important;
    }
    .map_wrapper .map_aspect_ratio {
        width: 90%;
        max-width: 90%;
    }
    .sec3list {
        height: 260px;
    }
    .sec3list .swiper-container {
        height: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .sec3img .imgmain {
        height: auto;
    }
    .imapsInnerTooltip {
        background: none;
    }
    .banner video.pcvideo {
        display: none;
    }
    .banner video.wapvideo {
        display: block;
        height: 30vh;
    }
    .banner video.comvideo {
        display: block;
        height: 20vh;
    }
    .banner video {
        /* left: 50%;
        top: 0;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        width: auto; */
    }
    .sec2ul .sec2liactive video {
        display: block;
        left: 0;
        right: 0;
        width: 90%;
        height: 100%;
        object-fit: fill;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        margin: 0 auto;
    }
    .targetnav {
        /* display: none; */
        right: 10px;
    }
    .section1 {
        height: 20vh;
        padding-top: 70px;
    }
    .banner img {
        width: 100%;
        height: 30vh;
    }
    .bnerimg {
        width: 100%;
        height: 20vh;
    }
    .banner h6 img:first-of-type {
        display: none;
    }
    .banner h6 img:last-of-type {
        display: block;
    }
    .bannerinner h2 {
        font-size: 30px;
        line-height: 45px;
        padding: 0 8%;
    }
    .more,
    .sec2text a,
    .sec3link a {
        width: 110px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }
    .sec2text a {
        top: 56%;
    }
    .more span,
    .sec2text a span,
    .sec3link a span {
        font-size: 14px;
    }
    .more:hover,
    .sec2text a:hover,
    .sec3link a:hover {
        width: 140px;
        font-size: 14px;
    }
    .sectit {
        padding: 40px 0 12px;
        font-size: 25px;
    }
    .sectit::after {
        width: 50px;
        height: 2px;
    }
    .section1 .swiper-button-next,
    .section1 .swiper-button-prev {
        display: none;
    }
    .banner .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #fff;
    }
    .swiper-button-next,
    .swiper-button-prev {
        background: none;
        width: auto;
        height: auto;
        font-size: 24px !important;
        color: #fff;
        font-weight: bold;
        display: block;
        opacity: 1;
    }
    .swiper-button-next {
        right: 5px;
    }
    .swiper-button-prev {
        left: 5px;
    }
    .sec2main {
        padding: 30px 0;
    }
    .sec2ul .sec2li {
        position: relative;
        float: left;
        width: 49%;
        height: 35vh;
        margin-right: 2%;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .sec2ul .sec2li:nth-child(2n) {
        margin-right: 0;
    }
    .sec2ul .sec2li .sec2lipc {
        display: none;
    }
    .sec2ul .sec2li .sec2liwap {
        display: block;
    }
    .sec2ul .sec2li p {
        font-size: 15px;
        line-height: 20px;
    }
    .section2,
    .section3,
    .section4 {
        height: auto;
    }
    .section2,
    .section4 {
        width: 90%;
    }
    .section3 .divbox {
        width: 83%;
    }
    .sec3main {
        margin-top: 25px;
    }
    .sec3li {
        position: relative;
        float: none;
        width: 100%;
        /* height: 40vh; */
        margin-right: 0;
        margin-bottom: 20px;
    }
    .sec3img h3 {
        font-size: 16px;
        color: #1d1d1f;
        margin: 10px 0;
        line-height: 24px;
        max-height: 48px;
        min-height: 30px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .sec3img p {
        font-size: 12px;
        margin-top: 0;
        padding-left: 20px;
    }
    .sec3lizixun {
        padding-top: 40px;
    }
    .sec3list {
        margin-top: 0;
        height: 270px;
    }
    .sec3list .swiper-container {
        height: 100%;
    }
    .sec3link {
        display: none;
        margin: 0 auto 0;
        text-align: center;
    }
    .sec3link a {
        margin-top: 0;
        width: 60px;
        font-size: 12px;
        padding: 0 15px;
    }
    .sec3link a span {
        right: 8px;
        font-size: 12px;
    }
    .sec3listli h3 {
        color: #1d1d1f;
        font-size: 15px;
        line-height: 24px;
        /* max-height: 48px; */
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        /* text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical; */
        -webkit-transition: all 1s;
        transition: all 1s;
    }
    .sec3listli p {
        margin-top: -10px;
    }
    .mobilemore {
        position: relative;
        width: 90px;
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 120px;
        -webkit-border-radius: 120px;
        -moz-border-radius: 120px;
        -ms-border-radius: 120px;
        -o-border-radius: 120px;
        border: 1px solid #696969;
        display: inline-block;
        color: #696969;
        font-size: 12px;
        margin-top: 10px;
    }
    .mobilemore b {
        font-size: 12px;
    }
    .sec4text {
        padding: 20px 0;
        font-size: 14px;
        line-height: 1.4;
        text-align: left;
    }
    .wpb_wrapper {
        width: 100%;
        margin: 0 auto 30px;
        padding: 0;
    }
    .imapsContainer tspan {
        font-size: 10px !important;
    }
    .tooltitle {
        font-size: 14px;
        color: #2370ff;
    }
    .toolcon .tooltext {
        display: block;
        padding: 5px 0;
        line-height: 1.4;
        font-size: 12px;
    }
    .sec2textbot {
        top: 76%;
    }
    .map_wrapper {
        max-width: 100%;
        width: 100%;
        overflow: hidden;
    }
    .map_wrapper .map_aspect_ratio {
        max-width: 100%;
        width: 100%;
    }
    .toolimg img {
        width: 100% !important;
        height: auto !important;
    }
    .toolcon {
        min-height: 100px;
        width: 90%;
        padding: 10px 5%;
    }
    .toolcon .toolimg {
        margin-bottom: 5px;
        padding-top: 5px;
    }
}

@media only screen and (min-width: 1920px) and (max-width: 2019px) {
    .sec3img .imgmain {
        overflow: hidden;
        height: 260px;
    }
}

@media only screen and (min-width: 2200px) and (max-width: 3000px) {
    .sec3img .imgmain {
        overflow: hidden;
        height: 320px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
    .sec2ul .sec2li .sec2lipc,
    .sec2ul .sec2li .sec2liwap {
        width: 70%;
        left: 15%;
    }
}




















.chuangxinhometab {
    position: relative;
    margin: 40px auto;
    width: 720px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}
.chuangxinhometab .bj{background-color:#f5f5f5;width:100%;height:100%}


.chuangxinhometab .bj a {
    float: left;
    position: relative;
    display: inline-block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #000000;
    font-size: 20px;
    -webkit-transition: all .6;
    transition: all .6;
    -moz-transition: all .6;
    -ms-transition: all .6;
    -o-transition: all .6;
	 border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
	

}


.chuangxinhometab a.active,
.chuangxinhometab a:hover {
    color: #fff;
    background-color: #0041ff;
}


.sec2ul{line-height:16px;}
.sec2ul .active{display:block;}
.secli{background-color: #f5f5f5;border-radius: 10px;display:none;cursor: pointer;}
.secli .seclivideo{width:60%;display: inline-block;}
.secli .seclivideo video{width:100%;border-radius: 10px;}
.secli .seclitext{width:39%;display: inline-block;text-align:center;position: absolute;vertical-align: middle;padding-top: 10%;}
.sec2ul .secli:nth-child(1) .seclitext .seclitext2{width: 41%;text-align: left;margin: 0 auto;padding-top:5%}
.sec2ul .secli:nth-child(2) .seclitext .seclitext2{width: 50%;text-align: left;margin: 0 auto;padding-top:3%}
.sec2ul .secli:nth-child(3) .seclitext .seclitext2{width: 60%;text-align: left;margin: 0 auto;padding-top:0%}
.sec2ul .secli:nth-child(4) .seclitext .seclitext2{width: 60%;text-align: left;margin: 0 auto;padding-top:0%}

.secli .seclitext a{font-size:18px;}

.secli .seclitext a::after {
    content: ' >  ';
	top:0;
	left: 0;
    color: #0041ff;
    
}

.secli .seclitext p{font-size:16px;display:inline;}

.secli .seclitext p::after {
    content: ' >  ';
	top:0;
	left: 0;
    color: #0041ff;
    
}


.sec4text h2{font-size:22px;font-weight:bold;color:#000000;margin-bottom: 15px;margin-top: 10px;}
.sec4text ul li{background-color: #f5f5f5;width: 43%;display: inline-block;margin-bottom: 20px;padding: 20px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;}
.sec4text ul li:nth-child(2n+1){margin-right: 15px;}
.sec4text ul li h3{color:#000000;font-size:16px;padding-bottom:15px;}


@media only screen and (max-width: 720px) {
	.chuangxinhometab{width:346px;margin:15px auto;}
	.chuangxinhometab .bj a{width:85px;font-size:12px;}
	.secli .seclitext a{font-size:12px;}
	.secli .seclitext p{font-size:10px;line-height:20px;}
	.secli .seclitext{padding-top:0;}
	.sec4text ul li{width:85%;}

	.section2, .section4{width:95%}	

	.sec2ul .secli:nth-child(1) .seclitext .seclitext2{width:65%;padding-top: 23%;}
	.sec2ul .secli:nth-child(2) .seclitext .seclitext2{width:80%;padding-top: 16%;}
	.sec2ul .secli:nth-child(3) .seclitext .seclitext2{width:75%;padding-top: 9%;}
	.sec2ul .secli:nth-child(4) .seclitext .seclitext2{width:92%;padding-top: 17%;}


	.chuangxinhometab .bj a:nth-child(1){width:60px;}
	.chuangxinhometab .bj a:nth-child(2){width:80px;}
	.chuangxinhometab .bj a:nth-child(3){width:110px;}
	.chuangxinhometab .bj a:nth-child(4){width:85px;}
}