@charset "UTF-8";
@import url('base.css');
header .logo {margin-right: 100px;}
header .logo a{padding:10px 0;display:block;}
header .logo img{max-width:110px;}
header .let_box {width:72%;}
header .let_box menu{width:100%;}
header .let_box menu .ul{height:100%;}
header .let_box menu .ul>li>span>a{display:-webkit-flex;display:flex;height:100%;align-items:center;justify-content:center;}
header .let_box menu .ul>li:not(:last-child) {margin-right:10px;}
header .let_box menu .ul>li a:hover,
header .let_box menu .ul>li.aon>span>a {color: #1b79d0;}
header .let_box menu .ul>li>span .wap-op{ display:none;}
header .let_box menu .sub{ position:absolute; top:100%; left:0; width:100%; z-index:10; background:#fff; padding:40px 60px; box-shadow:0 10px 10px rgba(0, 0, 0, .05); border-radius:0 0 15px 15px; display:none;}
header .let_box menu .sub .lanmu{ padding:0px 0 15px 0;}
header .let_box menu .sub .lanmu .wap-op{ display:none;}
header .let_box menu .sub .lanmu .but{ line-height:1.5; margin-right:15px; display:block; font-size:22px; color:#191919; position:relative;}
header .let_box menu .sub .lanmu .but:after{content:'';width:0;height:2px;position:absolute;left:0;bottom:0;transition: 0.5s;background: #000000}
header .let_box menu .sub .lanmu:hover .but:after{ width:100%;}
header .let_box menu .sub .lanmu .ioe::after{ content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1; font-size:22px; font-weight:bold;}
header .let_box menu .sub .lanmu .close{ background-image:url(../images/icon-close.svg); background-repeat:no-repeat; background-position:center; background-size:15px; width:25px; height:25px; opacity:.8; cursor:pointer;}
header .nav-level .content{ width:270px; max-height:500px; overflow:auto;}
header .nav-level .content::-webkit-scrollbar{width:2px;height:100%;}
header .nav-level .content::-webkit-scrollbar-track{background:rgb(239,239,239);border-radius:2px;}
header .nav-level .content::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px;}
header .nav-level .content::-webkit-scrollbar-thumb:hover{background:#ccc;}
header .nav-level .content::-webkit-scrollbar-corner{background:#ccc;}
header .nav-level .content dl{ line-height:1.5;padding: 10px 0}
header .nav-level .content dl dd{ display:none; font-size:16px;}
header .nav-level .content dl dd a{ display:block; font-weight:400; padding:5px 2em; padding-left:3em; color:#595959;}
header .nav-level .content dl dd.on a,
header .nav-level .content dl dd a:hover{ font-weight:bold; color:#1b79d0;}
header .nav-level .content dl dt a{position: relative;display: inline-block;color:#191919; padding:0;}
header .nav-level .content dl dt a:after{content: ''; width:0; height: 2px;position: absolute;left: 0;bottom: 0; transition: 0.5s;background: #000000}
header .nav-level .content dl dt.active a{ color:#000000; font-weight:bold;}
header .nav-level .content dl dt.active a:after{width: 100%;}
header .nav-level .level-rig{ width:calc(100% - 280px);}
header .nav-level .level-rig .rig-box{ display:none;}
/*header .nav-level .level-rig .rig-box .iot{ display: none;}
header .nav-level .level-rig .rig-box .iot:first-child{ display:block;}*/
header .nav-level .level-rig .rig-box .rig-box-sub{max-height: 300px; overflow-y: auto;}
header .nav-level .level-rig .rig-box .sub-txt{font-weight: bold; line-height: 1.5; padding:8px 5px; width:20%;display: flex; align-items: center;}
header .nav-level .level-rig .rig-box .sub-txt a{display: block; width: 100%;padding:5px 15px; overflow: hidden; font-size:15px; }
header .nav-level .level-rig .rig-box .sub-txt:hover a{box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);color: #000;border-radius:4px;  transition: 0.5s}
header .nav-level .iot .item{width:23.5%;margin-right:2%;margin-bottom:2%;padding:15px;box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:5px;}
header .nav-level .iot .item .pic{ position:relative; padding-bottom:70%; background-size:contain; background-repeat:no-repeat; background-position: center;}
header .nav-level .iot .item .pic img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
header .nav-level .iot .item:nth-child(4n){ margin-right:0;}
header .nav-level .iot .item .txt{ font-size:14px; line-height:1.4; margin-top:15px;}
header .let_box menu .ul>li:hover .sub{ display:block;}
header .let_box menu .sub.videos-nav .lanmu{ padding:0px 0 15px 0;}
header .videos-nav .item{ width:23%; margin-right:2.66666%; background:#fff; line-height:1.7; border-radius:5px; overflow: hidden;}
header .videos-nav .item:nth-child(4n){ margin-right:0;}
header .videos-nav .item a{ display:block; padding:5px 0px;}
header .videos-nav .item .tit{ font-size:16px; color:#191919; display:inline-block; position:relative;}
header .videos-nav .item .wz{ font-size:14px; color:#595959;}
header .videos-nav .item:hover{/* box-shadow:0 0 10px rgba(27,121,208,.1); */}
header .videos-nav .item:hover a .tit{ /* color:#1b79d0; text-decoration: underline; */}
header .videos-nav .item a .tit:after{content: ''; width:0; height: 2px;position: absolute;left: 0;bottom: 0; transition: 0.5s;background: #000000}
header .videos-nav .item:hover a .tit{ color:#000000; font-weight:bold;}
header .videos-nav .item:hover a .tit:after{width: 100%;}


header .nav-level .aniu{ margin-top:20px;}
header .nav-level .aniu a{display:block;font-size:14px; color:#191919; border:solid 1px #191919; padding:15px 20px; border-radius:100px;}
header .nav-level .aniu a:hover{ border-color:#1b79d0;}

header .rig_box {position: relative;}
header .rig_box .iox_search {margin-right: 45px;}
header .rig_box .iox_search .icon {width: 40px;height: 40px;border: solid 1px #dedede;background-image: url(../images/search.svg);background-repeat: no-repeat;background-size: 16px;background-position: center;border-radius: 50%;cursor: pointer; position: relative; z-index:101;}
header .rig_box .iox_search .icon.on{background-image: url(../images/icon-close.svg);background-size:14px; border-color:transparent;}
header .rig_box .iox_search .top_search{ position:absolute; top:25%; right:100%; margin-right:-40px; background:#fff; box-shadow: 0 0 20px rgba(0, 0, 0, .1); z-index:100; border-radius:10px; overflow:hidden; transition:all .5s; width:0;}
header .rig_box .iox_search .top_search input{padding:11px;border:none;color: #191919; width:calc(100% - 40px); padding-right:40px;}
header .rig_box .iox_search .top_search .btn{display: block;background-image: url(../images/search.svg);background-repeat: no-repeat;background-size: 16px;background-position:center;width:40px;}
header .rig_box .iox_search .wtd100{ width:100%;}
header .rig_box .iox_search .top_search ul{width:520px; padding-bottom:20px; border-top:solid 1px #ccc; font-size:14px;}
header .rig_box .iox_search .top_search ul ol{ color:grey; padding:10px 20px; padding-left:45px;}
header .rig_box .iox_search .top_search ul li{ cursor:pointer; padding:10px 20px; padding-left:45px;}
header .rig_box .iox_search .top_search ul li:hover{ background:rgba(0,0,0,.05); font-weight:700;}
header .rig_box .iox_search.Aopen .top_search{width:520px;}



header .open-menu {display:none;}
header.Afixed{ background:#fff; position:fixed; top:0; left:0; width:100%; z-index:99; box-shadow:0 0 10px rgba(0, 0, 0, .1);}

@media (min-width:1025px) {
header .nav-level .content dl dd{display:none!important}
header .nav-level .level-rig .rig-box .sub-txt a{ display:-webkit-flex; display:flex; align-items:center; position: relative;}
header .nav-level .level-rig .rig-box .sub-txt .txt{ display:block; overflow: hidden; position:relative;}
header .nav-level .level-rig .rig-box .sub-txt .txt:after{content: ''; width:0; height: 2px;position: absolute;left: 0;bottom: 0; transition: 0.5s;background: #000000}
header .nav-level .level-rig .rig-box .sub-txt a:hover .txt:after{width: 100%;}
}
@media (max-width:1440px) {
header .logo {margin-right: 50px;}
header .let_box {width: 78%;}
header .let_box menu li {font-size: 14px;}
header .let_box menu li:not(:last-child) {margin-right: 5px;}
header .rig_box .iox_search {margin-right: 30px;}

header .let_box menu .subox{ padding:20px 30px 30px;}
header .nav-level .level-rig .rig-box .sub-txt{width:20%}
header .nav-level .content dl dt a{ padding:5px 0px;}
header .nav-level .level-rig .rig-box .sub-txt a{font-size:14px; }
}

@media (max-width:1280px) {
header .nav-level .content dl dd a{ padding:5px 1.5em;}
header .nav-level .level-rig .rig-box .sub-txt{width:33%}
header .nav-level .level-rig .rig-box .sub-txt a{ padding:5px 10px;}
}

@media (max-width:1080px) {
header .logo {margin-right:20px;}
}

@media (max-width:1024px) {
header .logo {margin-right: 0px;}
header .logo img{max-height:45px }
header .let_box {width: auto;height: 65px}
header .let_box menu {position: fixed;top: 65px;left: -100%;width:100%;height: calc(100% - 65px);padding: 0 10px;z-index: 90;transition: all .5s; overflow:auto;}
header .let_box menu:before,
header .let_box menu:after{content: '';position: absolute; top: 0; height: 100%}
header .let_box menu:before{left: 0;width: 180px; background: #f5f5f5}
header .let_box menu:after{right: 0;width: calc(100% - 180px); background: #ffffff}
header .let_box menu .ul>li>span .wap-op{ display:block;}
header .let_box menu .ul{ align-items:flex-start; align-content:flex-start;}
header .let_box menu li {width: 100%;border-bottom: solid 1px #eee;}
header .let_box menu li:not(:last-child) {margin-right: 0;}
header .let_box menu li a {display: inline-block;padding: 15px 0;}
header .let_box menu li span {width: 180px; display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;position: relative;padding: 0px 10px}
header .let_box menu li span.on{background: #fff}
header .let_box menu li span.on:before{content: ''; width: 2px; height: 30%;position: absolute; margin: auto; left: 0; top: 0; bottom: 0; background: #000}
header .let_box menu li .wap-op {width:25px;height:25px; line-height:25px; font-style: normal;cursor: pointer;transition: all .3s; text-align:center;}
header .let_box menu li span.on .wap-op {transform: rotate(45deg);}
header .let_box menu li .sub {display: none;position: absolute; width:calc(100% - 180px);padding: 0px 20px; top: 0; right: 0; left: auto}
header .let_box menu li .sub dl{border-bottom: solid 1px #dfe1e6}
header .rig_box .iox_search {margin-right: 30px;}
header .rig_box .but a {font-size: 14px;}
header .open-menu {font-size: 0;cursor: pointer;width: 30px;height: 30px;z-index: 12;display: -webkit-flex;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-left: 20px;}
header .open-menu i {-webkit-transition: all .4s ease-out;transition: all .4s ease-out;display: block;height: 2px;background: #191919;border-radius: 5px;width: 100%;}
.menu-show header .open-menu i:nth-of-type(1) {margin: 0;width: 30px;transform: rotate(45deg) translate(6px, 6px);}
.menu-show header .open-menu i:nth-of-type(2) {opacity: 0;}
.menu-show header .open-menu i:nth-of-type(3) {width: 30px;transform: rotate(-45deg) translate(8px, -8px);}
.menu-show header menu {left: 0;}
header .let_box menu {overflow:auto;}
header .let_box menu li .wap-op{ font-size:18px; font-weight:lighter;}
header .let_box menu .sub{ position: inherit; padding:0; box-shadow:none;}
header .let_box menu .sub .lanmu{ display:none;}
header .let_box menu .ul>li:hover .sub{ display:none;}
header .nav-level .content{ max-height:inherit; width:100%;}
header .nav-level .content dl dt{position: relative;}
header .nav-level .content dl dt.have_dd:after{content: '';position: absolute;right: 5px;top: 0;bottom: 0;margin: auto;width: 6px;height: 6px;border-top: solid 1px #747474;border-right: solid 1px #747474;transform: rotate(135deg);transition: 0.5s}
header .nav-level .content dl dt a{ font-size:14px;}
header .nav-level .content dl dd{ font-size:14px;}
header .nav-level .content dl.on dt.have_dd:after{transform: rotate(-45deg)}

header .nav-level .level-rig{ display:none;}
header .videos-nav{ padding:10px;}
header .videos-nav .item{ width:100%; line-height:1.5;}
header .videos-nav .item a{ padding:5px 15px;}
header .videos-nav .item .tit{ font-size:15px;}
header .rig_box .iox_search.Aopen .top_search{ width:380px;}
}
@media (max-width:640px) {
header .rig_box .iox_search .top_search {right: 0;top: 100%;margin-right: 0;}
}


/* 按钮 */
.Tybut {
    padding: 17px 35px;
    display: block;
    border: solid 1px #191919;
    color: #191919;
    border-radius: 50px;
    transition: all .3s;
}
.Tybut:hover {
    border-color: #1b79d0;
    background: #1b79d0;
    color: #fff;
}
@media (max-width:1024px) {
    .Tybut {
        padding: 12px 20px;
    }
}
@media (max-width:640px) {
    .Tybut {
        font-size: 12px;
    }
}
/* 悬浮 */
.suspension {
    position: fixed;
    top: 35%;
    right: 20px;
    z-index: 10;
    text-align: center;
    box-shadow: 0 0 25px rgba(0, 0, 0, .2);
    border-radius:100px;
}
.suspension .item{
    font-size: 13px;
    color: #191919;
    position:relative;
}
.suspension .item a {
    display:block;
    padding:15px 5px;
    border-top: solid 1px #e5e5e5;
    background:#fff;
}
.suspension .item .icon {
    margin-bottom: 8px;
}
.suspension .item:first-child a{border-radius:100px 100px 0 0;border-top: none;}
.suspension .item:last-child a{border-radius:0 0 100px 100px;}

.suspension .item:hover a {
    background: #1b79d0;
    color: #fff;
}
.suspension .item:hover .icon {
    filter: invert(100%);
}
.suspension .item:hover .text-up{ display:block;}
.suspension .text-up{ position:absolute; right:100%; top:50%; width:max-content; background:#fff; padding:10px; display:none; transform:translateY(-50%);}
.suspension .text-up .tel{ font-size:15px; margin-bottom:10px;}
.suspension .text-up .pic img{ width:90px; height:90px; object-fit:contain;}



@media (max-width:640px) {
    .suspension {
        display: none;
    }
}




/*  */
.home-ban {
    position: relative;
}
.home-ban .pic img {
    display: block;
    width: 100%;
}
.home-ban .pic img.web-img {
    display: none;
}
.home-ban .text {
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    transform: translateY(-50%);
}
.home-ban .text .tit {
    font-size: 60px;
    font-weight: bold;
    line-height: 1.5;
}
.home-ban .text .des {
    margin-top: 10px;
    font-size: 20px;
}
.home-ban .text .aniu {
    margin-top: 40px;
    font-size: 14px;
}
.home-ban .swiper-pagination {
    bottom: 130px;
    font-size: 0;
}
.home-ban .swiper-pagination-bullet {
    transition: all .5s;
    height: 8px;
    width: 08px;
}
.home-ban .swiper-pagination-bullet-active {
    background: #191919;
    width: 20px;
    border-radius: 10px;
}
.home-ban .ban-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to right, rgba(240, 240, 240, .8), rgba(177, 212, 255, .6));
    backdrop-filter: blur(20px);
    z-index: 5;
}
.home-ban .ban-line .item {
    width: 25%;
    text-align: center;
    transition: all .3s;
}
.home-ban .ban-line .item a {
    display: block;
    padding: 30px 10px;
    height: 100%;
}
.home-ban .ban-line .item a .tit-small {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #191919;
}
.home-ban .ban-line .item a .brief {
    font-size: 14px;
    color: #595959;
}
.home-ban .ban-line .item:hover {
    background: #fff;
}
.home-ban .swiper-slide .text .auto-inner {
    transform: translateY(100px);
    opacity: 0;
    transition: all .5s;
}
.home-ban .ani-slide .text .auto-inner {
    transform: translateY(0);
    opacity: 1;
}
@media (max-width:1024px) {
    .home-ban .text .tit {
        font-size: 36px;
    }
    .home-ban .pic img.pc-img {
        display: none;
    }
    .home-ban .pic img.web-img {
        display: block;
    }
    .home-ban .ban-line .item a .brief {
        font-size: 12px;
    }
}
@media (max-width:768px) {
    .home-ban .ban-line .item a .tit-small {
        margin-bottom: 0;
        font-size: 16px;
    }
    .home-ban .ban-line .item a .brief {
        display: none;
    }
}
@media (max-width:640px) {
    .home-ban .text {
        top: 50%;
    }
    .home-ban .text .tit {
        font-size: 18px;
    }
    .home-ban .text .des {
        font-size: 12px;
    }
    .home-ban .text .aniu {
        margin-top: 20px;
        font-size: 12px;
    }
    .home-ban .text .aniu .Tybut {
        padding: 10px 15px;
    }
    .home-ban .swiper-pagination {
        bottom: 20px;
    }
    .home-ban .ban-line {
        padding: 20px 0;
        position: relative;
    }
    .home-ban .ban-line .item {
        width: 50%;
    }
    .home-ban .ban-line .item a {
        padding: 10px;
    }
}
/* 首页 */
.index-tit {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.4;
}
.home-one {
    padding: 80px 0;
    background: #f5f6f7;
}
.home-one .index-tit {
    margin-bottom: 40px;
}
.home-one .tab-tit {
    padding: 0 30px;
    position: relative;
}
.home-one .tab-tit .item{
    border-bottom:solid 2px transparent;
    padding: 10px 0;
    color: #595959;
    font-size: 18px;
    cursor: pointer;
}
.home-one .tab-tit .item::after{ content:''; display:block; width:0; height:2px; position:absolute; bottom:0; left:50%; transition:all .5s; background:#1b79d0; transform:translateX(-50%);}
.home-one .tab-tit .active .item,
.home-one .tab-tit .item:hover {
    color: #1b79d0;
}
.home-one .tab-tit .active .item::after,
.home-one .tab-tit .item:hover::after{ width:100%;}

.home-one .tab-tit .swiper-slide {
    width: auto;
}
.home-one .tab-tit .swiper-but {
    width: 100px;
}
.home-one .tab-tit .swiper-but:after {
    font-size: 14px;
    font-weight: bold;
    color: #191919;
}
.home-one .tab-tit .swiper-button-prev {
    left: 0;
    justify-content: flex-start;
    background: linear-gradient(90deg, #f7f7f7 50%, hsla(0, 0%, 97%, 0) 120%);
}
.home-one .tab-tit .swiper-button-next {
    right: 0;
    justify-content: flex-end;
    background: linear-gradient(270deg, #f7f7f7 50%, hsla(0, 0%, 97%, 0) 120%);
}
.home-one .tab-tit .swiper-but.swiper-button-disabled {
    display: none;
}
.home-one .tab-list {
    margin-top: 20px;
}
.home-one .tab-list .list {
    display: none;
}
.home-one .tab-list .list li {
    padding: 30px;
    background: #fff;
    width: 24%;
    margin-right: 1.33333%;
    box-shadow: 0 0 20px rgba(0, 0, 0, .01);
    border-radius: 10px;
    margin-bottom: 1.33333%;
}
.home-one .tab-list .list li:nth-child(4n) {
    margin-right: 0;
}
.home-one .tab-list .list li .pic figure {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-bottom: 64.815%;
    display: block;
}
.home-one .tab-list .list li .text {
    text-align: center;
}
.home-one .tab-list .list li .text .tit {
    font-size: 18px;
    margin: 15px 0;
    color: #191919;
    font-weight: bold;
}
.home-one .tab-list .list li .text .des {
    font-size: 14px;
    line-height: 1.5;
    color: #595959;
}
.home-one .tab-list .list li:hover .text .tit {
    color: #1b79d0;
}
.home-one .tab-list .list li:hover {
    box-shadow: 0 0 20px rgba(27, 121, 2081, .1);
}
.home-one .aniu {
    margin-top: 20px;
}
.home-one .aniu .more a {
    font-size: 18px;
    color: #191919;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url(../images/arrow-icon1.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 25px;
}
.home-one .aniu .more a:hover {
    color: #1b79d0;
    background-image: url(../images/arrow-icon2.png);
}
.home-two {
    padding-bottom: 80px;
    background: #f5f6f7;
}
.home-two .index-tit {
    margin-bottom: 40px;
}
.home-two .list li {
    background: #fff;
    width:24%;
    margin-right:1.25%;
    box-shadow: 0 0 20px rgba(0, 0, 0, .01);
    border-radius: 10px;
    margin-bottom: 1.25%;
    overflow: hidden;
}
.home-two .list li:nth-child(4n) {
    margin-right: 0;
}
.home-two .list li .pic {
    overflow: hidden;
}
.home-two .list li .pic figure {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-bottom: 66.495%;
    display: block;
    transition: all .5s;
}
.home-two .list li .text {
    padding: 25px 30px;
    text-align: center;
    line-height: 1.5;
}
.home-two .list li .text .tit {
    font-size: 18px;
    color: #191919;
    font-weight: bold;
    margin-bottom: 12px;
    word-break: keep-all;
}
.home-two .list li .text .des {
    font-size: 14px;
    color: #595959;
}
.home-two .list li:hover {
    box-shadow: 0 0 20px rgba(27, 121, 2081, .1);
}
.home-two .list li:hover .text .tit {
    color: #1b79d0;
}
.home-two .list li:hover .pic figure {
    transform: scale(1.05);
}
.home-two .aniu {
    margin-top: 20px;
}
.home-two .aniu .more a {
    font-size: 18px;
    color: #191919;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url(../images/arrow-icon1.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 25px;
}
.home-two .aniu .more a:hover {
    color: #1b79d0;
    background-image: url(../images/arrow-icon2.png);
}
.home-three {
    padding: 80px 0;
}
.home-three .index-tit {
    margin-bottom: 40px;
}
.home-three .tab-tit .item {
    border-bottom: solid 2px transparent;
    padding: 10px 0;
    margin: 0 20px;
    color: #595959;
    font-size: 18px;
    cursor: pointer;
    position:relative;
}
.home-three .tab-tit .item::after{ content:''; display:block; width:0; height:2px; position:absolute; bottom:0; left:50%; transition:all .5s; background:#1b79d0; transform:translateX(-50%);}
.home-three .tab-tit .item.active,
.home-three .tab-tit .item:hover {color: #1b79d0;}
.home-three .tab-tit .item.active::after,
.home-three .tab-tit .item:hover::after{ width:100%;}

.home-three .tab-tit .item:first-child {
    margin-left: 0;
}
.home-three .tab-tit .item:last-child {
    margin-right: 0;
}
.home-three .switch-box {
    position: relative;
    margin-top: 20px;
}
.home-three .switch-box .item {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.home-three .switch-box .item .pic {
    overflow: hidden;
}
.home-three .switch-box .item .pic figure {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 48.2%;
    display: block;
    transition: all .5s;
}
.home-three .switch-box .item .text {
    color: #fff;
    position: absolute;
    top: 0;
    z-index: 5;
    padding: 20px 80px;
    width: 100%;
    height: 100%;
    line-height: 1.5;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    background: linear-gradient(to right, rgba(0, 0, 0, .5), transparent);
    opacity: 0;
    transition: all .5s;
}
.home-three .switch-box .item .text .des {
    max-width: 50%;
}
.home-three .switch-box .swiper-slide {
    opacity: .4;
    pointer-events: none;
}
.home-three .switch-box .swiper-slide-active {
    opacity: 1;
    pointer-events: auto;
}
.home-three .switch-box .swiper-slide-active .item .text {
    opacity: 1;
}
.home-three .switch-box .item .text .tit {
    margin-bottom: 20px;
    font-size: 32px;
    color: #ffffff;
}
.home-three .switch-box .item .text .des {
    word-break: break-word;
    font-weight: 400;
}
.home-three .switch-box .item .text .aniu {
    margin-top: 30px;
}
.home-three .switch-box .swiper-slide .center {
    transform: translateY(50px);
    opacity: 0;
    transition: all .4s;
}
.home-three .switch-box .ani-slide .center {
    transform: translateY(0);
    opacity: 1;
}
.home-three .switch-box .item .text .Tybut {
    padding: 10px 30px;
    color: #fff;
    border-color: #fff;
    font-weight: 400;
}
.home-three .switch-box .item .text .Tybut:hover {
    background: #1b79d0;
    border-color: #1b79d0;
}
.home-three .swiper-but {
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    transition: all .5s;
}
.home-three .swiper-but:after {
    font-size: 18px;
    font-weight: bold;
    color: #191919;
}
.home-three .swiper-but:hover {
    background: #1b79d0;
}
.home-three .swiper-but:hover:after {
    color: #fff;
}
.home-three .aniu-box {
    position: absolute;
    height: 0;
    top: 50%;
    left: 0;
    width: 100%;
}
.home-three .aniu-box .auto-inner {
    position: relative;
}
.home-three .swiper-pagination {
    display: none;
}
.home-three .aniu {
    margin-top:30px;
}
.home-three .aniu .more a {
    font-size: 18px;
    color: #191919;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url(../images/arrow-icon1.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 25px;
}
.home-three .aniu .more a:hover {
    color: #1b79d0;
    background-image: url(../images/arrow-icon2.png);
}
.home-four {
    padding: 85px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.home-four .text {
    padding: 150px 0 100px;
}
.home-four .text .tit {
    font-size: 32px;
    line-height: 1.4;
    font-weight: bold;
}
.home-four .text .des {
    font-size: 16px;
    color: #595959;
    margin: 10px 0 50px;
    line-height: 1.5;
}
.home-four .list-box li {
    width: 32.5%;
    background: #ffffff;
    padding: 32px;
    margin-right: 1.25%;
    border-radius: 10px;
    overflow: hidden;
    transition: all .5s;
}
.home-four .list-box li .icon {
    height: 40px;
}
.home-four .list-box li:last-child {
    margin-right: 0;
}
.home-four .list-box li .txt .tit {
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: bold;
    color: #191919;
}
.home-four .list-box li .txt .des {
    line-height: 1.5;
    font-size: 14px;
    color: #595959;
}
.home-four .list-box li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}
.home-five {
    position: relative;
    color: #fff;
}
.home-five .index-tit {
    margin-bottom: 30px;
}
.home-five .tab-tit .item{
    padding: 10px 0;
    margin: 0 20px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    font-weight: 400;
    position:relative;
}
.home-five .tab-tit .item::after{ position:absolute; left:50%; bottom:0; content:''; display:block; width:0; height:2px; background:transparent; transform:translateX(-50%); transition:.2s;}
.home-five .tab-tit .item.active{font-weight:600;}
.home-five .tab-tit .item.active::after{ width:100%; background:#fff;}
.home-five .tab-tit .item:hover{font-weight:600;}

.home-five .tab-tit .item:first-child {
    margin-left: 0;
}
.home-five .tab-tit .item:last-child {
    margin-right: 0;
}
.home-five .one-txt {
    position: absolute;
    left: 0;
    top: 11%;
    width: 100%;
    z-index: 5;
}
.home-five .switch-box .item {
    position: relative;
}
.home-five .switch-box .item .pic {
    position: relative;
}
.home-five .switch-box .item .pic::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}
.home-five .switch-box .item .pic figure {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-bottom: 44.8%;
    display: block;
    transition: all .5s;
}
.home-five .switch-box .item .text {
    color: #fff;
    position: absolute;
    top: 38%;
    z-index: 10;
    width: 100%;
    line-height: 1.3;
}
.home-five .switch-box .item .text .center {
    max-width: 50%;
}
.home-five .switch-box .item .text .tit {
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: bold;
}
.home-five .switch-box .item .text .des {
    font-size: 16px;
    font-weight: 400;
}
.home-five .switch-box .swiper-slide .center {
    opacity: 0;
    transition: all .4s;
}
.home-five .switch-box .ani-slide .center {
    transform: translateY(0);
    opacity: 1;
}


.home-five .aniu {
    margin-top: 60px;
    color: #fff;
}
.home-five .Tybut {
    border-color: #fff;
    color: #fff;
    padding: 12px 35px;
}
.home-five .Tybut:hover {
    border-color: #1b79d0;
}
.home-five .Tybut a {
    color: #fff;
}
.home-six {
    padding: 90px 0;
    background-image: url(../images/Supply-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.home-six .index-tit {
    margin-bottom: 90px;
}
.home-six .txt-shell {
    width: calc(100% - 730px);
}
.home-six .txt-shell .text {
    padding: 85px 0;
}
.home-six .txt-shell .text .tit {
    font-size: 32px;
    line-height: 1.4;
    font-weight: bold;
}
.home-six .txt-shell .text .des {
    font-size: 16px;
    color: #595959;
    margin: 10px 0 35px;
    line-height: 1.5;
}
.home-six .txt-shell .digital-box li {
    width: 50%;
    margin-bottom: 40px;
}
.home-six .txt-shell .digital-box li .num {
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: bold;
    transition: all .3s;
}
.home-six .txt-shell .digital-box li .des {
    font-size: 18px;
}
.home-six .txt-shell .digital-box li i {
    font-style: normal;
}
.home-six .Earth-box {
    width: 730px;
    position: relative;
}
.home-six .Earth-box .ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-six .Earth-box .ul li {
    position: absolute;
    font-size: 14px;
}
.home-six .Earth-box .ul li a {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
}
.home-six .Earth-box .ul li a:hover span {
    background: #1b79d0;
    color: #fff;
}
.home-six .Earth-box .ul li .icon {
    margin: 0;
    display: block;
    margin-top: 15px;
}
.home-six .Earth-box .ul li .icon img {
    width: 16px;
    height: 16px;
}
.home-six .Earth-box .ul li span {
    display: block;
    direction: ltr;
    background: rgba(255, 255, 255, .8);
    padding: 7px 10px;
    color: #595959;
    border-radius: 5px;
    margin-top: -10px;
}
.home-six .Earth-box .ul li:first-child {
    top: 40.5%;
    left: 30%;
    direction: rtl;
}
.home-six .Earth-box .ul li:nth-child(2) {
    top: 42.5%;
    left: 16.3%;
}
.home-six .Earth-box .ul li:nth-child(3) {
    bottom: 14%;
    right: 16.8%;
}
.home-six .Earth-box .ul li:nth-child(4) {
    top: 51.8%;
    left: 41.5%;
}
.home-six .Earth-box .ul li:nth-child(5) {
    top: 48%;
    left: 57.7%;
}
.home-six .Earth-box .ul li:nth-child(6) {
    top: 24.7%;
    right: 27.3%;
}
.home-six .Earth-box .ul li:nth-child(7) {
    top: 22.6%;
    right: 38.5%;
}
.home-six .Earth-box .ul li:nth-child(8) {
    top: 31.5%;
    right: 29%;
}
.home-six .Earth-box .ul li:nth-child(9) {
    top: 40%;
    right: 34.8%;
}

.home-six .Earth-box .ul li:nth-child(10) {
    top: 30%;
    right: 49.8%;
}
.home-six .Earth-box .ul li:nth-child(11) {
    top: 17%;
    right: 77.8%;
}
.home-six .Earth-box .ul li:nth-child(12) {
    top: 27%;
    right: 4.8%;
}
.home-six .Earth-box .ul li:nth-child(13) {
    top: 59%;
    right: 2.8%;
}
.home-six .Earth-box .ul li:nth-child(14) {
    top: 45%;
    right: 88.8%;
}
.home-six .Earth-box .ul li:nth-child(15) {
    top: 93%;
    right: 36.8%;
}

.home-six .section-box {
    margin-top: -10px;
    margin-bottom: 90px;
    background: #fff;
    border-radius: 10px;
    padding: 40px 35px;
    z-index: 5;
    position: relative;
}
.home-six .section-box li {
    text-align: center;
}
.home-six .section-box li .pic {
    height: 55px;
    margin-bottom: 20px;
}
.home-six .section-box li .pic img {
    max-height: 55px;
}
.home-six .consultation .item {
    width: 32%;
    margin-right: 2%;
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    transition: all .5s;
}
.home-six .consultation .item .icon {
    height: 40px;
    margin-bottom: 25px;
}
.home-six .consultation .item .icon img {
    max-height: 40px;
}
.home-six .consultation .item .tit {
    font-size: 18px;
    color: #191919;
    font-weight: bold;
}
.home-six .consultation .item .des {
    margin-top: 10px;
    font-size: 14px;
    color: #595959;
}
.home-six .consultation .item:nth-child(3n) {
    margin-right: 0;
}
.home-six .consultation .item:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, .1);
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .home-six .txt-shell .digital-box li .num{
        font-size: 30px;
    }
    .home-six .txt-shell .digital-box li:nth-child(odd){
        width: 60%;
    }
    .home-six .txt-shell .digital-box li:nth-child(even){
        width: 40%;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    .home-six .txt-shell .digital-box li .num{
        font-size: 26px;
    }
    .home-six .txt-shell .digital-box li:nth-child(odd){
        width: 68%;
    }
    .home-six .txt-shell .digital-box li:nth-child(even){
        width: 32%;
    }
}
@media (max-width:1440px) {
    .home-four .text {
        padding: 100px 0 60px;
    }
    .home-five .switch-box .item .text {
        top: 45%;
    }
    .home-five .switch-box .item .text .center {
        max-width: 90%;
    }
    .home-five .aniu {
        margin-top: 30px;
    }
}
@media (max-width:1024px) {
    .index-tit {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .home-one {
        padding: 60px 0;
    }
    .home-one .index-tit {
        margin-bottom: 30px;
    }
    .home-one .tab-tit .item {
        margin: 0 5px;
    }
    .home-one .tab-list .list li:nth-child(4n), .home-one .tab-list .list li {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
        padding: 20px;
    }
    .home-one .tab-list .list li:nth-child(3n) {
        margin-right: 0;
    }
    .home-two {
        padding-bottom: 60px;
    }
    .home-two .index-tit {
        margin-bottom: 30px;
    }
    .home-two .list li {
        width: 32%;
        margin-right: 2%;
    }
    .home-two .list li .text {
        padding: 20px;
    }
    .home-two .list li .text .tit {
        font-size: 18px;
    }
    .home-two .list li:nth-child(3n) {
        margin-right: 0;
    }
    .home-two .list li:nth-child(3)~li {
        display: none;
    }
    .home-three {
        padding: 60px 0;
    }
    .home-three .index-tit {
        margin-bottom: 30px;
    }
    .home-three .tab-tit .item {
        margin: 0 10px;
        font-size: 16px;
    }
    .home-three .switch-box .item .pic figure {
        padding-bottom: 60%;
    }
    .home-three .switch-box .item .text {
        padding: 20px 40px;
    }
    .home-three .switch-box .item .text .des {
        max-width: 80%;
    }
    .home-three .swiper-but {
        width: 40px;
        height: 40px;
    }
    .home-three .swiper-but:after {
        font-size: 14px;
    }
    .home-three .switch-box .item .text .tit {
        margin-bottom: 10px;
        font-size: 24px;
    }
    .home-three .switch-box .item .text .Tybut {
        padding: 8px 20px;
        font-size: 14px;
    }
    .home-four .text {
        padding: 10px 0 50px;
    }
    .home-four .text .tit {
        font-size: 26px;
    }
    .home-four .text .des {
        margin: 10px 0 20px;
    }
    .home-five .one-txt {
        top: 10%;
    }
    .home-five .index-tit {
        margin-bottom: 10px;
    }
    .home-five .tab-tit {
        margin-top: 0;
    }
    .home-five .switch-box .item .text .center {
        max-width: 70%;
    }
    .home-five .switch-box .item .text .tit {
        font-size: 26px;
    }
    .home-five .aniu {
        margin-top: 30px;
    }
    .home-six .Supply-box {
        flex-wrap: wrap;
    }
    .home-six .txt-shell {
        width: 100%;
    }
    .home-six .section-box li {
        width: 33.333%;
        margin: 10px 0;
    }
    .home-six .section-box li .pic {
        margin-bottom: 10px;
    }
}
@media (max-width:768px) {
    .index-tit {
        font-size: 22px;
    }
    .home-one .aniu .more a {
        font-size: 14px;
    }
    .home-one .tab-tit .item {
        font-size: 16px;
    }
    .home-one .tab-list .list li .text .tit {
        font-size: 16px;
        margin: 10px 0;
    }
    .home-two .list li .text .tit {
        font-size: 16px;
    }
    .home-two .aniu .more a {
        font-size: 14px;
    }
    .home-three .tab-tit .item {
        font-size: 14px;
    }
    .home-three .aniu .more a {
        font-size: 14px;
    }
    .home-five .switch-box .item .text {
        top: 45%;
    }
    .home-five .switch-box .item .text .center {
        max-width: 100%;
    }
    .home-five .switch-box .item .text .tit {
        font-size: 22px;
        margin-bottom: 10px;
    }
}
@media (max-width:640px) {
    .index-tit {
        font-size: 20px;
    }
    .home-one .tab-tit {
        padding: 0 15px;
    }
    .home-one .tab-list .list li:nth-child(3n), .home-one .tab-list .list li:nth-child(4n), .home-one .tab-list .list li {
        width: 49%;
        margin-right: 2%;
    }
    .home-one .tab-list .list li:nth-child(2n) {
        margin-right: 0;
    }
    .home-two .list li:nth-child(3n), .home-two .list li:nth-child(4n), .home-two .list li {
        width: 49%;
        margin-right: 2%;
    }
    .home-two .list li .text {
        padding: 10px;
    }
    .home-two .list li .text .tit {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .home-two .list li:nth-child(2n) {
        margin-right: 0;
    }
    .home-two .list li:nth-child(3)~li {
        display: block;
    }
    .home-three .tab-tit {
        display: none;
    }
    .home-three .switch-box {
        padding: 0 20px;
    }
    .home-three .switch-box .item .pic {
        position: relative;
    }
    .home-three .switch-box .item .pic::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(0, 0, 0, .5), transparent);
    }
    .home-three .switch-box .item .text {
        position: relative;
        background: #f5f5f5;
        color: #191919;
        transition: all 0s;
    }
    .home-three .switch-box .item .text .aniu {
        margin-top: 10px;
    }
    .home-three .switch-box .item .text .tit {
        color: #191919;
        font-size: 18px;
    }
    .home-three .switch-box .item .text .des {
        font-size: 12px;
        max-width: 100%;
    }
    .home-three .switch-box .item .text .Tybut {
        font-size: 12px;
        color: #191919;
        border-color: #191919;
        padding: 5px 15px;
    }
    .home-three .switch-box .swiper-slide-active .item .text {
        padding: 24px 14px;
    }
    .home-three .aniu-box{ top:25%;}
    .home-three .swiper-pagination {
        display: block;
        margin-top:30px;
        position: relative;
        font-size: 0;
    }
    .home-three .swiper-pagination .swiper-pagination-bullet {
        transition: all .5s;
        height: 8px;
        width: 08px;
    }
    .home-three .swiper-pagination .swiper-pagination-bullet-active {
        background: #191919;
        width: 20px;
        border-radius: 10px;
    }
    .home-three .aniu {
        margin-top:10px;
        display: -webkit-flex;
        display: flex;
    }
    .home-four {
        padding: 50px 0;
    }
    .home-four .text .tit {
        font-size: 18px;
    }
    .home-four .list-box li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .home-four .list-box li .txt .tit {
        font-size: 16px;
        line-height: 1.5;
    }
    .home-five {
        padding: 50px 0;
    }
    .home-five .tab-tit .item.active,
    .home-five .tab-tit .item:hover {
        border-color: #1b79d0;
        color: #1b79d0;
    }
    .home-five .one-txt {
        margin-bottom: 20px;
        position: relative;
        color: #191919;
    }
    .home-five .tab-tit .item {
        font-size: 14px;
        position: relative;
        color: #191919;
        margin: 0 8px;
    }
    .home-five .switch-box .item .text {
        padding-top: 20px;
        position: relative;
        color: #191919;
    }
    .home-five .switch-box .item .text .tit {
        font-size: 16px;
    }
    .home-five .aniu {
        color: #191919;
        margin-top: 20px;
    }
    .home-five .Tybut {
        color: #191919;
        border-color: #191919;
    }
    .home-six {
        padding: 50px 0;
    }
    .home-six .Earth-box {
        display: none;
    }
    .home-six .txt-shell .text {
        padding: 0 0 50px;
    }
    .home-six .index-tit {
        margin-bottom: 30px;
    }
    .home-six .txt-shell .text .tit {
        font-size: 18px;
    }
    .home-six .txt-shell .digital-box li {
        margin-bottom: 20px;
    }
    .home-six .txt-shell .digital-box li .num {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .home-six .txt-shell .digital-box li .des {
        font-size: 14px;
        line-height: 1.3;
    }
    .home-six .section-box {
        padding: 20px 10px;
        margin-top: 0;
        margin-bottom: 30px;
    }
    .home-six .section-box li {
        font-size: 14px;
        width: 50%;
    }
    .home-six .section-box li .pic {
        height: 40px;
    }
    .home-six .section-box li .pic img {
        max-width: 80%;
        max-height: 30px;
    }
    .home-six .consultation .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
        padding: 20px;
    }
    .home-six .consultation .item .icon {
        height: 30px;
        margin-bottom: 15px;
    }
    .home-six .consultation .item .icon img {
        max-height: 30px;
    }
}
/* 底部 */
footer {background: #f0f0f0;}
footer .share{-webkit-box-flex:4;-ms-flex:4;flex:4;}
footer .share .icon img {max-width:28px;}
footer .share .item{ margin-left:35px;}
footer .share .item a{ display:block;}
footer .share .item:first-child{ margin-left:0;}
footer .share .item:hover{ opacity:.7;}

.footer-one {padding: 45px 0 0;}
.footer-one .logo-bot{-webkit-box-flex:4;-ms-flex:4;flex:4;align-content:space-between; padding-right:5%;}
.footer-one .logo-bot dl dt{margin-bottom:15px;font-weight:600;}
.footer-one .logo-bot dl dt a:hover{-webkit-text-decoration:underline;text-decoration:underline;}
.footer-one .des{ line-height:1.5; font-size:14px;color:#595959;}
.footer-one .des h5{ color:#191919; margin:0 0 10px; font-size:18px;}
.footer-one .des p{margin:0;}
.footer-one .footer-nav{line-height:1.5;-webkit-box-flex:15;-ms-flex:15;flex:15;}
.footer-one .footer-nav dl dt {margin-bottom:15px;font-size:16px;font-weight:600;position: relative;}
.footer-one .footer-nav dl dt a {color:#191919;}
.footer-one .footer-nav dl dt i {display:none;}
.footer-one .footer-nav dl dd {font-size:14px; margin-bottom:12px;}
.footer-one .footer-nav dl dd a {color:#595959;}
.footer-one .footer-nav dl dd:last-child{ margin-bottom:0;}
.footer-one .footer-nav a:hover{color:#1b79d0 !important;-webkit-text-decoration:underline;text-decoration:underline;}

.footer-two{ padding-bottom:45px;}
.footer-two .rig-shell{-webkit-box-flex:15;-ms-flex:15;flex:15;}
.footer-two .uiw{ background:#1b79d0; color:#fff; border-radius:5px 5px 0 0; text-align:center;}
.footer-two .uiw .icon{ padding:10px; border-bottom:solid 1px #eee;}
.footer-two .uiw .icon a{ display:block; width:100%; height:25px; background-image: url(../images/paypal.svg); background-size:contain; background-repeat:no-repeat; background-position:center;}
.footer-two .uiw .link{ padding:10px;}
.footer-two .uiw .wtd100{ width:100%;}
.footer-two .rens{padding:10px; width:100%;text-align:center;border:solid 1px #ccc; border-top:none; border-radius:0 0 5px 5px;}
.footer-line {color: #595959;padding:20px 0;border-top: solid 1px #e5e5e5;}
.footer-line a {color: #595959;}
.footer-line em {font-style: normal;padding:0 10px;}
.footer-line a:hover {color: #1b79d0 !important;}
@media (max-width:1440px) {
.footer-one .footer-nav{width:calc(100% - 260px);}
}
@media (max-width:1280px) {
.footer-one .footer-nav {width: calc(100% - 200px);}
.footer-one .footer-nav dl dd {font-size: 14px;}
.footer-one .footer-nav dl dt {font-size: 16px;}
.footer-one .logo-bot .log img {max-width: 130px;}
.footer-line {font-size: 14px;}
footer .share .icon img {max-width:22px;}
}
@media (max-width:640px) {
.footer-one {padding:30px 0;}
.footer-one .auto-inner{ flex-wrap: wrap-reverse;}
.footer-one .logo-bot{width:100%;margin-bottom:0;}
.footer-one .logo-bot .log {margin-bottom: 15px;}
.footer-one .logo-bot dl dt{line-height:1.88;margin-bottom:5px;}
.footer-one .footer-nav {width: 100%; flex:none;}
.footer-one .footer-nav dl {width: 100%;}
.footer-one .footer-nav dl dt {margin-bottom: 5px;}
.footer-one .footer-nav dl dd {margin: 5px 0;display: none;}
.footer-one .footer-nav dl {line-height: 30px;}
.footer-one .footer-nav dl dt i {font-size: 18px; display: block; width: 35px; height: 35px; text-align: center; line-height: 35px; position: absolute; right: 0; top: 50%; color: #191919; font-style: normal; font-weight: 500; transition: all .3s; transform: translateY(-50%);}
.footer-one .footer-nav dl dd {margin: 0;}
.footer-one .footer-nav dl.open dt i {transform: translateY(-50%) rotate(45deg);}
.footer-line {line-height: 1.7;}
.footer-line .auto-inner {justify-content: center;}
.footer-line .Copyright {margin-bottom: 5px;}

footer .share{justify-content:flex-start;margin-top:20px;}
footer .share .item {margin-right: 15px;}
}

/*  */
.ban-inside {position: relative;}
.ban-inside .pic img {display: block;width: 100%;}
.ban-inside .pic img.web-img {display: none;}
.ban-inside .text {line-height: 1.8;position: absolute;left: 0;top: 50%;width: 100%;z-index: 5;transform: translateY(-50%);}
.ban-inside .text .tit-en {font-size: 40px;color: #191919;font-weight: bold;}
.ban-inside .text .des {font-weight: 400;max-width: 650px;line-height: 1.5;font-size: 16px;color: #595959;font-weight: 400;}
.ban-inside .text .des pre {font-style: normal;font-weight: 400;}
.ban-inside .aniu {margin-top: 30px;}
.ban-inside .aniu .Tybut {padding: 5px 30px;color: #fff;background: #191919;border-color: #191919;}
.ban-inside .pro-search {margin-bottom: 0;margin-top: 40px;}
.ban-inside .pro-search .search-back {margin-top: 0;}
@media (max-width:1440px) {
.ban-inside .pic img {min-height:400px;object-fit: cover;}
}
@media (max-width:640px) {
.ban-inside .pic img {min-height: 250px;object-fit: cover;}
.ban-inside .pic img.pc-img {display: none;}
.ban-inside .pic img.web-img {display: block;}
.ban-inside .text .tit-en {font-size: 28px;}
.ban-inside .text .des {font-size: 14px;color: #191919;}
}

/* 关于我们 */
.inside-tit {font-size: 24px;color: #191919;text-align: center;font-weight: bold;}
.about-one {padding: 60px 0;}
.about-one .item {margin-bottom: 60px;}
.about-one .item .pic {width: 48%;overflow: hidden;border-radius: 10px;}
.about-one .item .pic img {width: 100%;}
.about-one .item .text {direction: ltr;width: 48%;line-height: 1.6;}
.about-one .item .text .tit {font-weight: bold;font-size: 24px;margin-bottom: 10px;}
.about-one .item .text .des {font-size: 16px;color: #595959;}
.about-one .item .text .des p {margin: 5px 0;}
.about-one .item:nth-child(2n+1) {direction: rtl;}
.about-one .item:last-child {margin-bottom: 0;}
.about-two {background: #f7f7f7;padding: 60px 0;}
.about-two .inside-tit {margin-bottom: 35px;}
.about-two .ul li {width: 49%;background: #fff;padding: 30px;margin-bottom: 2%;line-height: 1.5;box-shadow: 0 0 10px rgba(0, 0, 0, .1);border-radius: 10px;}
.about-two .ul li .xh {margin-bottom: 10px;font-size: 18px;font-weight: bold;color: #191919;}
.about-two .ul li .txt {min-height: 4.5em;color: #595959;font-weight: 400;}
.about-three {padding: 50px 0;}
.about-three .pic {height: 40px;margin-bottom: 15px;}
.about-three .pic img {max-height: 40px;}
.about-three .section-box .txt {font-size: 14px;color: #191919;}
.about-four {background: #f7f7f7;padding: 60px 0;}
.about-four .text {background: #fff;padding: 35px;color: #595959;font-weight: 400;line-height: 1.8;border-radius: 10px;}
.about-four .text strong {font-size: 18px;color: #191919;}
.about-four .text a {color: #1b79d0;text-decoration: underline;}
.about-four .text b {color: #191919;}
.about-four .text p:last-child {margin-bottom: 0;}
@media (max-width:768px) {
    .about-one .item .pic {width: 100%;}
    .about-one .item .text {width: 100%;padding: 30px 0 0;}
    .about-three .pic {margin-bottom: 5px;}
    .about-three .pic img {max-height: 30px;}
    .about-three .section-box .txt {font-size: 12px;}
    .about-four .text {font-size: 14px;line-height: 1.5;}
}
@media (max-width:640px) {
    .inside-tit {font-size: 22px;line-height: 1.3;}
    .about-one .item .text .des {font-size: 14px;}
    .about-one .item .text .tit {font-size: 20px;}
    .about-two .ul li {width: 100%;margin-bottom: 3%;}
    .about-three .ul li {margin-bottom: 20px;width: 50%;text-align: center;}
    .about-four .text {padding: 20px;}
    .about-four .text strong {font-size: 16px;}
}
/* 产品 */
.color-back {
    background: #f7f7f7;
}
.inside-back {
    background: #f7f7f7;
    padding-bottom: 80px;
}
.pro-search {
    position: relative;
    z-index: 2;
    margin-bottom: 60px;
}
.pro-search .search-back {
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    margin-top: -35px;
    overflow: hidden;
    padding: 2px;
}
.pro-search .search-back input {
    width: 800px;
    font-size: 16px;
    border: none;
    line-height: 3.7;
    padding: 0 35px;
    font-weight: 400;
}
.pro-search .search-back .but {
    cursor: pointer;
    background: #1b79d0;
    line-height: 3.7;
    width: 160px;
    text-align: center;
    border-radius: 50px;
}
.pro-search .search-back .but span {
    color: #fff;
    background: url(../images/search_white.svg);
    display: inline-block;
    padding: 0 10px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 30px;
}
@media (max-width:640px) {
    .pro-search {
        padding: 25px 0;
        margin-bottom: 0;
    }
    .pro-search .search-back {
        margin: 0;
        width: 100%;
    }
    .pro-search .search-back input {
        width: calc(100% - 45px);
        line-height: 45px;
        padding: 0 15px;
        font-size: 14px;
    }
    .pro-search .search-back .but {
        width: auto;
    }
    .pro-search .search-back .but span {
        display: block;
        font-size: 0;
        width: 45px;
        height: 100%;
        padding: 0;
        background-position: center;
        background-size: 16px;
    }
}
/*  */
.menu-pro {
    width: 280px;
    padding-top: 5px;
}
.menu-pro .oldwei.onFixed {
    position: sticky;
    top: 90px;
}
.menu-pro .tit-big {
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 1.5;
    font-weight: bold;
}
.menu-pro .list .ul {
    position: relative;
}
.menu-pro .list .ul::before {
    position: absolute;
    left: 4px;
    top: 2%;
    content: '';
    display: block;
    height: 95%;
    width: 1px;
    background: #dedede;
}
.menu-pro .list li {
    font-weight: 400;
    color: #595959;
    cursor: pointer;
    position: relative;
}
.menu-pro .list li a {
    display: block;
    padding-left: 25px;
    padding-bottom: 35px;
}
.menu-pro .list li::after {
    position: absolute;
    left: 0;
    top: 4px;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: solid 1px #191919;
}
.menu-pro .list li:last-child a {
    padding-bottom: 0;
}
.menu-pro .list li.on a, .menu-pro .list li:hover a {
    color: #1b79d0;
}
.menu-pro .list li.on::after, .menu-pro .list li:hover::after {
    background: #1b79d0;
    border-color: #1b79d0;
}
.menu-pro .menu-search {
    margin-bottom: 35px;
    border: solid 1px #ccc;
    border-radius: 100px;
    overflow: hidden;
}
.menu-pro .menu-search .aniu {
    width: 50px;
    height: 50px;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    cursor: pointer;
}
.menu-pro .menu-search input {
    font-size: 15px;
    width: calc(100% - 50px);
    border: none;
}
@media (max-width:768px) {
    .menu-pro {
        width: 200px;
    }
    .menu-pro .menu-search .aniu {
        width: 35px;
        height: 35px;
    }
    .menu-pro .menu-search input {
        font-size: 12px;
    }
}
@media (max-width:640px) {
    .menu-pro {
        width: 100%;
        display: none;
    }
}
/* 产品列表 */
.category-list {
    width: calc(100% - 320px);
}
.category-list .category-item {
    margin-bottom: 5px;
}
.category-list .category-item .category-name {
    font-size: 24px;
    color: #191919;
    font-weight: bold;
    margin-bottom: 25px;
    padding-top: 20px;
}
.category-list .category-item:first-child .category-name{ padding-top: 15px;}
.category-list .category-item:last-child {
    margin-bottom: 0;
}
.category-list li {
    width: 32%;
    background: #fff;
    padding: 30px;
    margin-right: 2%;
    margin-bottom: 2%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05);
    transition: all .5s;
}
.category-list li .pic {
    height: 70px;
    margin-bottom: 17px;
}
.category-list li .pic img {
    height: 100%;
    object-fit: contain;
}
.category-list li .text .des {
    font-size: 14px;
    line-height: 1.6;
    color: #595959;
}
.category-list li .text .tit {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #191919;
}
.category-list li:nth-child(3n) {
    margin-right: 0;
}
.category-list li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}
.category-list li:hover .text .tit {
    color: #1b79d0;
}
@media (max-width:1024px) {
    .category-list li:nth-child(3n), .category-list li {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .category-list li .text .tit {
        font-size: 18px;
    }
    .category-list li:nth-child(2n) {
        margin-right: 0;
    }
}
@media (max-width:768px) {
    .category-list {
        width: calc(100% - 210px);
    }
}
@media (max-width:640px) {
    .category-list {
        width: 100%;
    }
    .category-list li:nth-child(3n), .category-list li {
        width: 100%;
        margin-bottom: 4%;
        margin-right: 0;
    }
    .category-list .category-item .category-name {
        font-size: 22px;
    }
}
/* 当前位置 */
.location-box {
    font-size: 14px;
    padding: 25px 0;
    border-bottom: solid 1px #e0e0e0;
}
.location-box .return-bug{ cursor:pointer; font-size:18px;}
.location-box.line_on {
    border-bottom: none;
}
.location-box a {
    color: #595959;
}
.location-box i {
    padding: 0 5px;
    font-size: 12px;
    font-style: normal;
    font-family: '宋体';
    font-weight: bold;
}
.location-box a:hover {
    color: #1b79d0;
}
/* 产品列表 */
.pro-list {
    padding: 40px 0;
}
.pro-list li {
    width: 32.032%;
    margin-right: 1.95%;
    margin-bottom: 1.95%;
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    transition: all .3s;
}
.pro-list li:nth-child(3n) {
    margin-right: 0;
}
.pro-list li .pic {
    overflow: hidden;
}
.pro-list li .pic figure {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-bottom: 72.223%;
    transition: all .5s;
}
.pro-list li .text {
    line-height: 1.5;
    font-size: 14px;
    color: #595959;
}
.pro-list li .text .tit {
    font-size:18px;
    color: #191919;
    font-weight: bold;
    margin: 20px 0 10px;
}
.pro-list li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}
.pro-list li:hover .text .tit {
    color: #1b79d0;
}
.pro-list li:hover .pic figure {
    transform: scale(1.05);
}
@media (max-width:768px) {
    .pro-list li:nth-child(3n), .pro-list li {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .pro-list li:nth-child(2n) {
        margin-right: 0;
    }
}
@media (max-width:640px) {
    .pro-list {
        width: 100%;
    }
    .pro-list li:nth-child(3n), .pro-list li {
        width: 100%;
        margin-bottom: 4%;
        margin-right: 0;
    }
    .pro-list li .text .tit {
        font-size: 18px;
    }
}
/* 产品详情 */
.Prodetails-one {
    padding: 40px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .02);
}
.Prodetails-one .switch-box {
    width:28%;
}
.Prodetails-one #gallery {
    border: solid 1px #f0f0f0;
    border-radius: 10px;
}
.Prodetails-one #gallery .item {
    position: relative;
    cursor: pointer;
}
.Prodetails-one #gallery .item i {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(../images/enlarge.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px;
}
.Prodetails-one #gallery .item figure {
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
}
.Prodetails-one #thumbs .item {
    border: solid 1px #f0f0f0;
    border-radius: 5px;
    cursor: pointer;
}
.Prodetails-one #thumbs .item figure {
    padding-bottom: 66.3%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 80%;
}
.Prodetails-one #thumbs .swiper-slide-thumb-active .item {
    border-color: #1b79d0;
}
.Prodetails-one .switch-small {
    position: relative;
    margin-top: 20px;
    padding: 0 30px;
}
.Prodetails-one .swiper-but:after {
    font-size: 14px;
    font-weight: bold;
    color: #191919;
}
.Prodetails-one .swiper-button-prev {
    left: 0;
    justify-content: flex-start;
}
.Prodetails-one .swiper-button-next {
    right: 0;
    justify-content: flex-end;
}
.Prodetails-one .text {
    width:65%;
}
.Prodetails-one .text .tit {
    padding-bottom: 20px;
    line-height: 1.5;
    font-size:20px;
    font-weight:600;
    color:#191919;
    border-bottom:solid 1px #e8e8e8;
}
.Prodetails-one .text .des {
    margin: 30px 0 40px;
    line-height: 1.5;
    color: #595959;
    font-weight: 400;
    font-size:14px;
}
.Prodetails-one .text .Tybut {
    border-color: #1b79d0;
    background: #1b79d0;
    font-weight: 400;
    color: #fff;
    font-size:14px;
    padding:12px 25px;
}
.Prodetails-two .tab-menu {
    font-size: 18px;
    margin: 40px 0 30px;
	position: sticky;top: 75px;background: #f7f7f7; z-index: 10
}
.Prodetails-two .tab-menu .item {
    margin-right: 40px;
    padding:15px 0;
    font-weight:500;
    border-bottom:solid 2px transparent;
    cursor: pointer;
    color:#595959;
}
.Prodetails-two .tab-menu .item:last-child {
    margin-right: 0;
}
.Prodetails-two .tab-menu .item:hover,
.Prodetails-two .tab-menu .item.on {
    color:#191919;
    border-color: #191919;
}
.Prodetails-two .tab-con .con-shell {
    font-weight: 400;
    font-size: 16px;
    color: #595959;
    background: #fff;
    padding:30px 40px;
    line-height: 1.7;
    border-radius: 10px;
    
}
.Prodetails-two .tab-con .con-shell:not(:last-child){margin-bottom:3%}
.Prodetails-two .tab-con .con-shell .strong {
    display: block;
    margin-bottom: 10px;
    color: #191919;
    font-size: 18px;
}
.Prodetails-two .tab-con .con-shell p {
    margin: 0;
}
.Prodetails-two .tab-con .con-shell .table-line {
    display: inline-block;
    border: solid 1px #e6e6e6;
    border-radius: 5px;
}
.Prodetails-two .tab-con .con-shell table {
    font-weight: 400;
    border: solid 1px #e6e6e6;
}
.Prodetails-two .tab-con .con-shell table tr td {
    font-weight: 400;
    border: solid 1px #e6e6e6;
    padding:8px 10px;
}
.Prodetails-two .tab-con .con-shell table tr td:first-child {
    padding:8px;
    text-align: center;
}
.Prodetails-Related {
    padding:30px 0 0;
}
.Prodetails-Related .tit {
    margin-bottom: 30px;
    font-size: 24px;
    color: #191919;
    font-weight: bold;
}
.Prodetails-Related li {
    width: 19%;
    margin-right: 1.25%;
    margin-bottom: 1.25%;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s;
}
.Prodetails-Related li:nth-child(5n) {
    margin-right: 0;
}
.Prodetails-Related li .pic {
    overflow: hidden;
}
.Prodetails-Related li .pic figure {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-bottom: 120%;
    transition: all .5s;
}
.Prodetails-Related li .txt {
    line-height: 1.5;
    margin-top: 15px;
    font-size: 16px;
    color: #191919;
    font-weight: bold;
}
.Prodetails-Related li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
}
@media (max-width:1440px) {
    .Prodetails-two .tab-menu .item {
        margin-right: 20px;
    }
}
@media (max-width:1024px) {
    .Prodetails-two .tab-menu .item {
        font-size: 16px;
    }
    .Prodetails-Related li .txt {
        font-size: 16px;
    }
}
@media (max-width:768px) {
    .Prodetails-two .tab-menu .item {
        margin-right: 10px;
        font-size: 14px;
    }
}
@media (max-width:640px) {
    .Prodetails-one {
        padding: 20px;
    }
    .Prodetails-one .switch-box {
        width: 100%;
        margin-bottom: 35px;
    }
    .Prodetails-one .text {
        width: 100%;
    }
    .Prodetails-two .tab-con .con-shell {
        padding: 20px;
        font-size: 14px;
    }
    .Prodetails-two .tab-con .con-shell table tr td {
        padding: 5px 10px;
    }
    .Prodetails-Related li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .Prodetails-Related li:nth-child(2n) {
        margin-right: 0;
    }
}
/*  */
.blog-category {
    font-size: 14px;
    border-bottom: solid 1px #e6e6e6;
}
.blog-category a {
    display: block;
    padding: 20px 0;
    margin-right: 40px;
    border-bottom: solid 2px transparent;
    margin-bottom: -1px;
}
.blog-category a.on {
    border-color: #1b79d0;
}
.blog-list {
    padding: 45px 0 80px;
}
.blog-list .ul {
    padding-bottom: 20px;
}
.blog-list li {
    margin-bottom: 30px;
}
.blog-list li .tiem {
    width: 150px;
    border-right: solid 1px #d3d2cb;
    padding-right: 20px;
    margin-right: 20px;
}
.blog-list li .tiem .line {
    display: block;
    width: 13px;
    height: 50px;
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 15px;
}
.blog-list li .tiem .days {
    font-size:32px;
    font-weight: bold;
    color: #191919;
}
.blog-list li .tiem .yeas {
    font-size: 16px;
    font-weight: 400;
    color: #595959;
}
.blog-list li .tiem .month {
    margin-bottom: 10px;
}
.blog-list li .text {
    width: calc(100% - 180px);
    font-weight: bold;
    line-height: 1.5;
}
.blog-list li .text .tit {
    font-size:20px;
    color: #191919;
}
.blog-list li .text .des {
    width: 100%;
    margin-top: 10px;
    color: #595959;
    font-weight: 400;
}
.blog-list li:hover .tit {
    color: #1b79d0;
}
@media (max-width:640px) {
    .blog-category a {
        margin-right: 15px;
    }
    .blog-list li {
        margin-bottom: 25px;
    }
    .blog-list li .tiem {
        width: auto;
        margin-right: 0;
        padding-right: 10px;
        margin-right: 10px;
    }
    .blog-list li .text {
        width: calc(100% - 120px);
    }
    .blog-list li .text .tit {
        font-size: 16px;
    }
    .blog-list li .tiem .days {
        font-size: 24px;
    }
    .blog-list li .tiem .line {
        margin: 0 2px;
        height: 15px;
        background-size: contain;
    }
    .blog-list li .tiem .yeas {
        font-size: 12px;
    }
    .blog-list li .tiem .month {
        margin-bottom: 5px;
    }
}
/*  */
.Blog-details {
    padding-bottom: 100px;
}
.Blog-details .title {
    margin-bottom: 25px;
    text-align: center;
    font-size: 24px;
    color: #191919;
    font-weight: bold;
}
.Blog-details .tiem {
    color: #595959;
    font-weight: 400;
    text-align: center;
    margin-bottom: 35px;
}
.Blog-details .info-con {
    line-height: 1.8;
    font-size: 16px;
    color: #595959;
    font-weight: 400;
}
.Blog-details .info-con p {
    margin: 0;
}
.Blog-details .info-con strong {
    color: #191919;
}
.Blog-details .info-con b {
    color: #191919;
}
.Blog-details .info_pn{ margin-top:30px;}
.Blog-details .info_pn .ol{ max-width:48%; line-height: 36px;}

.Blog-color {
    background: #fff;
    padding: 55px;
}
@media (max-width:640px) {
    .Blog-color {
        padding: 20px;
    }
    .Blog-details .title {
        font-size: 22px;
    }
}
/*  */
.services-one {
    padding: 60px 0;
}
.services-one .item {
    width: 32%;
    margin-right: 2%;
    background: #fff;
    padding: 35px 30px;
    line-height: 1.5;
    border-radius: 10px;
}
.services-one .item .tit {
    font-size: 20px;
    font-weight: bold;
    color: #191919;
    margin-bottom: 10px;
}
.services-one .item .des {
    font-size: 16px;
    color: #595959;
}
.services-one .item:nth-child(3n) {
    margin-right: 0;
}
.services-two {
    padding: 20px 0 80px;
}
.services-two .title {
    font-size: 36px;
    text-align: center;
    color: #191919;
    font-weight: bold;
    margin-bottom: 40px;
}
.services-two .item {
    width: 32%;
    margin-right: 2%;
    background: #fff;
    padding: 35px 30px;
    line-height: 1.5;
    border-radius: 10px;
}
.services-two .item .icon {
    height: 40px;
}
.services-two .item .icon img {
    max-height: 40px;
}
.services-two .item .tit {
    font-size: 20px;
    font-weight: bold;
    color: #191919;
    margin: 15px 0 10px;
}
.services-two .item .des {
    font-size: 16px;
    color: #595959;
    font-weight: 400;
}
.services-two .item:nth-child(3n) {
    margin-right: 0;
}
.services-three {
    padding: 75px 0 60px;
}
.services-three .inside-tit {
    font-size: 36px;
    margin-bottom: 50px;
}
.services-three .list-box .item {
    width: 31%;
    margin-right: 3.5%;
}
.services-three .list-box .item .pic {
    overflow: hidden;
    border-radius: 15px;
}
.services-three .list-box .item .pic figure {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-bottom: 58.5%;
    transition: all .5s;
}
.services-three .list-box .item .text {
    color: #595959;
    font-weight: 400;
    line-height: 1.5;
    padding: 20px;
}
.services-three .list-box .item .text strong {
    padding: 10px 0;
    font-size: 20px;
    color: #191919;
}
.services-three .list-box .item .text p {
    margin: 0;
    min-height: .5em;
}
.services-three .list-box .item .text .ul li {
    margin: .5em 0;
    background-image: url(../images/tick.png);
    background-repeat: no-repeat;
    background-position: left .4em;
    padding-left: 2em;
}
.services-three .list-box .item:nth-child(3n) {
    margin-right: 0;
}
.services-four {
    padding: 75px 0 100px;
}
.services-four .inside-tit {
    font-size: 36px;
    margin-bottom: 50px;
}
.services-four .item {
    direction: rtl;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.services-four .item .pic {
    width: 50%;
}
.services-four .item .pic img {
    width: 100%;
}
.services-four .item .text {
    width: 50%;
    direction: ltr;
    padding: 50px;
}
.services-four .item .text .icon {
    margin-bottom: 25px;
}
.services-four .item .text .icon img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}
.services-four .item .text .back {
    background: #1b79d0;
    border-radius: 10px;
}
.services-four .item .text .tit {
    margin-bottom: 15px;
    font-size: 20px;
    color: #191919;
    font-weight: bold;
}
.services-four .item .text .des {
    color: #595959;
    font-weight: 400;
}
@media (max-width:640px) {
    .services-one {
        padding: 35px 0;
    }
    .services-one .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .services-one .item .tit {
        font-size: 18px;
    }
    .services-one .item .des {
        font-size: 14px;
    }
    .services-two .title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .services-two .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .services-two .item .des {
        font-size: 14px;
    }
    .services-two .item .tit {
        font-size: 18px;
    }
    .services-two .item .icon {
        height: 30px;
    }
    .services-two .item .icon img {
        max-height: 30px;
    }
    .services-three {
        padding: 50px 0;
    }
    .services-three .inside-tit {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .services-three .list-box .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .services-three .list-box .item .text {
        font-size: 14px;
    }
    .services-three .list-box .item .text strong {
        font-size: 18px;
    }
    .services-four {
        padding: 35px 0 50px;
    }
    .services-four .inside-tit {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .services-four .item .pic {
        width: 100%;
    }
    .services-four .item .text {
        font-size: 14px;
        width: 100%;
        padding: 20px;
    }
    .services-four .item .text .icon {
        margin-bottom: 15px;
    }
    .services-four .item .text .icon img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }
}
/*  */
.contact-box {
    padding: 80px 0;
}
.contact-one {
    margin-bottom: 60px;
}
.contact-one .inside-tit {
    margin-bottom: 35px;
    line-height: 1.5;
}
.contact-one .item {
    background: #fff;
    line-height: 1.5;
}
.contact-one .item .bakc-white {
    padding: 30px;
    min-height: 100%;
}
.contact-one .item .tit {
    padding: 5px 0 10px;
    font-size: 18px;
    color: #191919;
    font-weight: bold;
}
.contact-one .item .line::after {
    content: '';
    display: block;
    width: 2em;
    height: 2px;
    background: #595959;
}
.contact-one .item .des {
    margin-top: 10px;
    color: #595959;
}
.contact-two .contact-iow{
    background: #fff;
    line-height: 1.5;
    padding: 30px 30px 60px;
}
.contact-two .let-box{width:35%;}
.contact-two .inside-tit{margin-bottom:10px;line-height: 1.5; text-align:left;}
.contact-two .let-box .des{ font-weight:500; margin-bottom:20px; color:#595959;}
.contact-two .let-box li{ margin-bottom:20px;}
.contact-two .let-box li .icon img{ width:25px; height:25px; display:block;}
.contact-two .let-box li .text{ font-weight:500; font-size:16px; color:#595959; padding-left:15px; width:calc(100% - 30px);}
.contact-two .let-box li .name{ margin-bottom:5px; color:#191919; font-size:17px; line-height:25px; font-weight:600;}

.contact-two .rig-box{width:60%;}

.contact-two .form-contact .wtd100 {
    width: 100%;
}
.contact-two .form-contact .wtd49 {
    width: 49%;
}
.contact-two .form-contact .item {
    margin-bottom: 2%;
}
.contact-two .form-contact .name {
    margin-bottom: 10px;
    font-weight: 400;
    color: #191919;
}
.contact-two .form-contact .name i {
    display: inline-block;
    margin-right: 5px;
    font-style: normal;
    color: #df0000;
}
.contact-two .form-contact .input-box input {
    font-size: 16px;
    width: 100%;
    height: 43px;
    line-height: 43px;
    padding: 0 15px;
    border: none;
    font-weight: 400;
}
.contact-two .form-contact .line-ix {
    border: solid 1px #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
}
.contact-two .form-contact .select-box select {
    font-size: 16px;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    width: 100%;
    border: solid 1px #e6e6e6;
    border-radius: 5px;
    font-weight: 400;
    display: block;
    margin: 0;
}
.contact-two .form-contact .tel_select select {
    width: 26%;
    font-weight: 400;
}
.contact-two .form-contact .tel_select .line-ix {
    width: 70%;
}
.contact-two .form-contact .tel_select .line-ix input {
    font-size: 16px;
    width: 100%;
    height: 43px;
    line-height: 43px;
    padding: 0 15px;
    border: none;
    font-weight: 400;
}
.contact-two .form-contact .textarea-box {
    padding: 15px;
    position: relative;
}
.contact-two .form-contact .textarea-box textarea {
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    resize: none;
    border: none;
    display: block;
    height: 85px;
}
.contact-two .form-contact .iox {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.contact-two .form-contact .aniu {
    margin-top: 20px;
}
.contact-two .form-contact .aniu .Tybut {
    padding: 15px 20px;
    cursor: pointer;
    background: #1b79d0;
    color: #fff;
    border-color: #1b79d0;
    width: 200px;
    text-align: center;
}
@media (max-width:640px) {
    .contact-box {
        padding: 40px 0 60px;
    }
    .contact-one {
        margin-bottom: 30px;
    }
    .contact-one .item {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .contact-two .form-contact .wtd49 {
        width: 100%;
    }
    .contact-two .form-contact .item {
        margin-bottom: 15px;
    }
    .contact-two .form-contact .iox {
        font-size: 14px;
    }
    .contact-two .form-contact .name {
        font-size: 14px;
    }
    .contact-two .form-contact .input-box input {
        font-size: 14px;
    }
    .contact-two .form-contact .tel_select select {
        font-size: 14px;
    }
    .contact-two .form-contact .select-box select {
        font-size: 14px;
    }
    .contact-two .form-contact .textarea-box textarea {
        font-size: 14px;
    }
    .contact-two .form-contact .aniu .Tybut {
        width: 150px;
    }
}
/*  */
.videos-menu {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}
.videos-menu .item {
    margin: 0 30px;
}
.videos-menu .item a {
    display: block;
    padding: 10px 0;
    border-bottom: solid 2px transparent;
}
.videos-menu .item.on a {
    border-color: #1b79d0;
    color: #1b79d0;
}

.videos-box .ul {
    padding: 50px 0 40px;
}
.videos-box .ul li {
    position: relative;
    width: 24.219%;
    margin-right: 1.04%;
    margin-bottom: 1.04%;
    line-height: 1.5;
}
.videos-box .ul li a {
    cursor: pointer;
}
.videos-box .ul li:nth-child(4n) {
    margin-right: 0;
}
.videos-box .ul li .pic {
    overflow: hidden;
    border-radius: 15px;
    position:relative;
}
.videos-box .ul li .pic figure {
    padding-bottom: 93%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .3s;
}
.videos-box .ul li .tit {
    font-size:16px;
    text-align: center;
    bottom: 0;
    left: 10%;
    width:100%;
    margin:20px 0;
    font-weight:bold;
    line-height:1.3;
    word-break: keep-all;
}
.videos-box .ul li .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 35px;
    height: 35px;
    background-image: url(../images/play-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: -18px;
    margin-top: -18px;
    z-index: 5;
}
.videos-box .ul li:hover .pic figure {
    transform: scale(1.05);
}
@media (max-width:768px) {
    .videos-menu {
        font-size: 16px;
    }
    .videos-menu .item {
        margin: 0 10px;
    }
    .videos-box .ul li:nth-child(4n), .videos-box .ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .videos-box .ul li:nth-child(2n) {
        margin-right: 0;
    }
}
@media (max-width:640px) {
    .videos-menu .item {
        margin: 0 10px;
    }
    .videos-box .ul {
        padding: 30px 0;
    }
    .videos-box .ul li:nth-child(4n), .videos-box .ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .videos-box .ul li .icon {
        width: 26px;
        height: 26px;
        margin-left: -13px;
        margin-top: -13px;
    }
    .videos-box .ul li:nth-child(2n) {
        margin-right: 0;
    }
    .videos-box .ul li .tit {
        left: 5%;
        font-size: 12px;
        margin: 8px 0;
        width: 90%;
    }
    .videos-box .ul li .pic {
        border-radius: 10px;
    }
}
/*  */
.download-box {
    padding: 75px 0;
}
.download-box .download-list {
    width: calc(100% - 320px);
}
.download-box .download-list .category-name {
    line-height: 1.5;
    font-size: 24px;
    color: #191919;
    font-weight: bold;
    margin-bottom: 25px;
}
.download-box .download-list .ul {
    margin-bottom: 30px;
}
.download-box .download-list li {
    width: 32%;
    background: #fff;
    padding: 30px;
    margin-right: 2%;
    margin-bottom: 2%;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}
.download-box .download-list li:nth-child(3n) {
    margin-right: 0;
}
.download-box .download-list li .tit {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #1b79d0;
}
.download-box .download-list li .des {
    line-height: 1.5;
    margin-bottom: 15px;
    min-height: 5em;
    font-size: 16px;
    font-weight: 400;
    color: #595959;
}
.download-box .download-list li .aniu {
    font-size: 14px;
}
.download-box .download-list li .aniu .line {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    color: #595959;
    padding: 5px 10px;
    border: solid 1px #cccccc;
    border-radius: 5px;
    margin-right: 10px;
}
.download-box .download-list li .aniu .line::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 8px;
}
.download-box .download-list li .aniu .line:last-child {
    margin-right: 0;
}
.download-box .download-list li .aniu .perv::before {
    background-image: url(../images/preview-icon.svg);
    opacity: .7;
}
.download-box .download-list li .aniu .dow::before {
    background-image: url(../images/dow-icon.svg);
    background-size: 16px;
    opacity: .7;
}
.download-box .download-list li .line:hover {
    background: #1b79d0;
    color: #fff;
}
.download-box .download-list li .line:hover::before {
    opacity: 1;
    filter: invert(100%);
}
@media (max-width:1440px) {
    .download-box .download-list li {
        padding: 20px;
    }
}
@media (max-width:1300px) {
    .download-box .download-list {
        width: calc(100% - 230px);
    }
    .download-box .download-list li {
        padding: 15px;
    }
    .download-box .download-list li .aniu {
        font-size: 12px;
    }
    .download-box .download-list li .aniu .line::before {
        margin-right: 5px;
    }
    .download-box .download-list li .des {
        font-size: 14px;
    }
    .download-box .download-list li .tit {
        font-size: 16px;
        font-weight: 500;
    }
}
@media (max-width:768px) {
    .download-box .download-list li:nth-child(3n), .download-box .download-list li {
        width: 49%;
        margin-bottom: 2%;
        margin-right: 2%;
    }
    .download-box .download-list li:nth-child(2n) {
        margin-right: 0;
    }
}
@media (max-width:640px) {
    .download-box {
        padding: 50px 0;
    }
    .download-box .download-list .category-name {
        font-size: 22px;
    }
    .download-box .download-list {
        width: 100%;
    }
    .download-box .download-list li:nth-child(3n), .download-box .download-list li {
        width: 100%;
        margin-bottom: 4%;
        margin-right: 0;
    }
}
/* 单篇内容 */
.single-piece {
    padding: 50px 0;
}
/* 搜索 */
.list_istop {
    padding: 50px 0 80px;
    margin: 0 auto;
    margin-top: 0%;
}
.list_istop ul {
    margin-bottom: 3%;
}
.list_istop li {
    position: relative;
    border-bottom: 1px #999 dotted;
    font-size: 18px;
    padding: 1em 0;
    overflow: hidden;
}
.list_istop li::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #191919;
    left: 5px;
    top: 50%;
    margin-top: -2px;
}
.list_istop li time {
    float: right;
    font-size: 16px;
    color: #999;
    font-weight: 400;
}
.list_istop li a {
    display: block;
    float: left;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 20px;
    color: #333;
}
.list_istop li a:hover {
    color: #1b79d0;
}
@media(max-width:640px) {
    .list_istop {
        padding: 40px 0;
    }
    .list_istop li a {
        width: 77%;
    }
}


.Prodetails-table .tit {margin-bottom:20px;font-size: 17px;color: #191919;font-weight: bold;}
.Prodetails-photo .tit {margin-bottom:20px;font-size: 17px;color: #191919;font-weight: bold;}
.Prodetails-photo .swiper-slide{padding: 5px}
.Prodetails-photo .swiper-slide a{padding: 0px;background: #fff;overflow: hidden;transition: all .3s;display: block;}
.Prodetails-photo .item {width: 19%;margin-right: 1.25%;margin-bottom: 1.25%;background: #fff;overflow: hidden;transition: all .3s;}
.Prodetails-photo .item:nth-child(5n) {margin-right: 0;}
.Prodetails-photo .pic {overflow: hidden;border-radius: 10px;background-color: #fff;}
.Prodetails-photo .pic figure {background-repeat: no-repeat;background-position: center;background-size:contain;padding-bottom: 100%;transition: all .5s;  }
.Prodetails-photo .txt {line-height: 1.5;margin-top: 15px;font-size: 18px;color: #191919;font-weight: bold;}
.Prodetails-photo .swiper-slide a:hover{}
.Prodetails-photo .swiper-pagination{position: relative; padding-top: 20px;}


@media (max-width:640px) {
.Prodetails-photo .item{ width: 49%;margin-right: 2%;margin-bottom: 2%;}
.Prodetails-photo .item:nth-child(2n) {margin-right: 0;}
.Prodetails-photo .txt{margin-top: 12px;font-size: 16px;}
}



.slid_top {position: fixed;height: 45px;width: 45px; border-radius: 50px; right: 30px;bottom: 10%;z-index: 500;background: url(../images/top.svg) no-repeat center center #1b79d0;background-size: 18px auto;}










/* 弹框 */
.pop-up{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5); z-index:1000; display:none;}
.pop-up .center{ height:100%; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.pop-up .info-color{ width:1000px; max-width:96%; margin:0 auto;}
.pop-up iframe{ width:100%; height:560px;}
.pop-up .close{ position:absolute; right:10px; top:10px; width:40px; height:40px; background-image:url(../images/close.svg); background-repeat:no-repeat; background-position:center; background-size:18px; cursor:pointer; z-index:10;}
@media (max-width:640px) {
.pop-up .info-color{ padding:.3rem;}
.pop-up .close{ top:0; right:0;}
}