@charset "utf-8";

@font-face {
    font-family: "SY_Light";
    src: url(../fonts/SourceHanSansCN-Light.otf);
}

@font-face {
    font-family: "SY_Regular";
    src: url(../fonts/SourceHanSansCN-Regular.otf);
}

@font-face {
    font-family: "SY_Normal";
    src: url(../fonts/SourceHanSansCN-Normal.otf);
}

@font-face {
    font-family: "SY_Medium";
    src: url(../fonts/SourceHanSansCN-Medium.otf);
}

@font-face {
    font-family: "SY_Bold";
    src: url(../fonts/SourceHanSansCN-Bold.otf);
}

@font-face {
    font-family: "Alibaba";
    src: url(../fonts/Alibaba-PuHuiTi-Regular.ttf);
}

@font-face {
    font-family: "GOTHICB";
    src: url(../fonts/gothicb.ttf);
}

@font-face {
    font-family: "GOTHIC";
    src: url(../fonts/gothic.ttf);
}

@font-face {
    font-family: "Poppins";
    src: url(../fonts/poppins-bold.ttf);
}

@font-face {
    font-family: "Poppins_m";
    src: url(../fonts/poppins-medium.ttf);
}

* {
    font-family: "SY_Regular";
}

.fd::after {
    content: " ";
    display: block;
    clear: both;
}

.fd {
    zoom: 1;
}

.container {
    width: 100%;
    padding: 0 6%;
}

.wapr {
    width: 100%;
    padding: 0 8.4%;
}

/* @media(max-width:1459px){.container{width:100%;padding:0 60px;}
.wapr{width:100%;padding:0 120px;}
}
*/
@media(max-width:1024px) {
    .container {
        width: 100%;
        padding: 0 30px;
    }

    .wapr {
        width: 100%;
        padding: 0 60px;
    }
}

@media(max-width:768px) {
    .container {
        width: 100%;
        padding: 0 20px;
    }

    .wapr {
        width: 100%;
        padding: 0 20px;
    }
}

.nav {
    width: 100%;
    background: #fff;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    transition: all .5s;
}

.nav2 {
    top: -110px;
}

.nav .rq {
    width: 100%;
    position: relative;
}

.nav .logo {
    width: 500px;
    float: left;
    padding:27px 0;
}

.nav .logo img{
    width:100%;
    vertical-align:middle;
}

.nar_list {
    float: right;
}

.nar_rq {
    float: left;
}

.category-item {
    float: left;
}

.category-item .a {
    font-size: 20px;
    color: #333333;
    display: block;
    padding: 0 26px;
    line-height: 100px;
    transition: all .5s;
    font-family: "SY_Medium";
}

.category-item .a:hover,
.category-item.open .a {
    background: #219393;
    color: #fff;
}

.nav .rig {
    float: right;
}

.search {
    height: 100px;
    float: left;
    position: relative;
    margin-left: 15px;
}

.search .div {
    width: 19px;
    height: 100%;
    background-image: url(../images/img1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.search .div1 {
    width: 200px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, .2);
    position: absolute;
    top: 100%;
    right: 0;
    padding-right: 40px;
    display: none;
}

.search input {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #fff;
    padding: 0 15px;
}

.search input:-moz-placeholder {
    color: #fff;
}

.search input:-ms-input-placeholder {
    color: #fff;
}

.search input::-webkit-input-placeholder {
    color: #fff;
}

.search button {
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(255, 255, 255, .2);
    background-image: url(../images/img1.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.language {
    float: left;
    height: 100%;
    line-height: 100px;
    margin-left: 40px;
    position: relative;
}

.language a {
    font-size: 20px;
    color: #219393;
    font-family: "SY_Regular";
}

.language .div {
    position: absolute;
    top: -26%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .5s;
}

.language .div a {
    color: #333;
}

.language:hover .div {
    top: 26%;
    opacity: 1;
}

/* 下拉 */
.two {
    width: 100%;
    background: #f6f6f6;
    position: absolute;
    top: 100px;
    left: 0;
    display: none;
}

.two .div {
    width: 100%;
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
}

.two .div1 {
    width: 25%;
    margin-bottom: 25px;
}

.two2 .div1 {
    width: auto;
    margin-right: 55px;
}

.two .div1 .p {
    font-size: 22px;
    color: #333333;
    padding-left: 44px;
    position: relative;
    display: block;
    transition: all .5s;
    margin-bottom: 18px;
    font-family: "SY_Regular";
}

.two .div1 .p:hover {
    color: #219393;
}

.two4 .div1 {
    width: 25%;
}

.two4 .div1:nth-child(3n) {
    width: 33%;
}

.two4 .div1:first-child,
.two4 .div1:nth-child(5) {
    width: 50%;
}

.two4 .div1:first-child .div3,
.two4 .div1:nth-child(5) .div3 {
    float: none;
    width: auto;
}

.two4 .div1:first-child .div4,
.two4 .div1:nth-child(5) .div4 {
    display: flex;
    flex-flow: wrap;
}

.two4 .div1:first-child .div4 a,
.two4 .div1:nth-child(5) .div4 a {
    width: 50%;
}

/* .two2 .div1:hover .p{color:#219393;}
*/
.two .div1 .p span {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.two .div1 .p span img {
    width: 100%;
    vertical-align: top;
}

.two .div2 {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 44px;
}

.two .div2 .div3 {
    /* width:100%;*/
    float: left;
    padding-right: 22px;
}

.two .div2 .div4 {
    width: 100%;
}

.two .div2 .div4 a {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    display: block;
    font-family: "SY_Light";
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    display: none;
    transition: all .5s;
}

.two .div2 .div4 a:hover {
    color: #219393;
    padding-left: 5px;
}

.two .div2 .div4 a:nth-child(1),
.two .div2 .div4 a:nth-child(2),
.two .div2 .div4 a:nth-child(3),
.two .div2 .div4 a:nth-child(4),
.two .div2 .div4 a:nth-child(5),
.two .div2 .div4 a:nth-child(6),
.two .div2 .div4 a:nth-child(7),
.two .div2 .div4 a:nth-child(8),
.two .div2 .div4 a:nth-child(9),
.two .div2 .div4 a:nth-child(10) {
    display: block;
}

.two .div2 .div4 a span {
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

.two .div2 .div3 .a1 span,
.two2 .div2 .div4 a span {
    display: inline-block;
    position: relative;
    padding-left: 0;
    padding-right: 15px;
}

.two .div2 .div3 .a1 span::before,
.two .div2 .div4 a span::before {
    content: '>';
    font-size: 8px;
    color: #353535;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
}

.two .div2 .div3 .a1 span::before,
.two2 .div2 .div4 a span::before {
    left: auto;
    right: 0px;
}

.two .div2 .div3 .a1:hover span::before,
.two .div2 .div4 a:hover::before {
    color: #219393;
}

.two .div2 .div3 .a1 {
    display: block;
    transition: all .5s;
    font-size: 16px;
    color: #000000;
    margin-bottom: 5px;
    font-family: "SY_Regular";
}

.two .div2 .div3 .a1:hover {
    color: #219393;
}

/* .two2 .div2 .div3:hover .a1{color:#219393;}
*/
.two .div2 .div3 .a2 {
    display: block;
    width: 84px;
    line-height: 30px;
    color: #353535;
    font-size: 14px;
    text-align: center;
    border: 1px solid #353535;
    border-radius: 5px;
    margin-top: 10px;
    opacity: 0;
    transition: all .5s;
}

.two .div2 .div3 .a2:hover {
    background: #219393;
    color: #fff;
    border: 1px solid #219393;
}

.two .div2 .div3 .a2.on {
    opacity: 1;
}

/* 底部 */
.foot {
    width: 100%;
    background-color: #404040;
    /* background: url(../images/foot_bg.jpg); */
}

.foot .top {
    padding-top: 78px;
    padding-bottom: 52px;
}

.foot .top .lef {
    width: 71.8%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.foot .top .lef .a {
    font-size: 20px;
    color: #fff;
    display: block;
    margin-bottom: 12px;
    font-family: "SY_Normal";
}

.foot .top .lef .div1 {
    width: 100%;
}

.foot .top .lef .div1 a {
    display: block;
    font-size: 16px;
    color: #bbb;
    line-height: 36px;
    font-family: "SY_Light";
    transition: all .5s;
}

.foot .top .lef .div1 a:hover {
    color: #fff;
}

.foot .top .rig {
    width: 9.4%;
    float: right;
    margin-left:30px;
}

.foot .top .rig img {
    width: 100%;
    display: block;
}

.foot .top .rig p {
    font-size: 16px;
    color: #b6b6b6;
    text-align: center;
    margin-top: 5px;
}

.foot .bot {
    width: 100%;
    /* border-top: 1px solid rgba(255, 255, 255, .2); */
    padding:  15px 0px;
    background-color: #333333;
}

.foot .bot .lef {
    width: 100%;
    /* float: left; */
    font-size: 16px;
    color: #bbb;
    line-height: 40px;
    font-family: "SY_Light";
    text-align: center;
}

.foot .bot .lef a {
    color: #bbb;
}

.foot .bot .rig {
    width: 18%;
    float: right;
    height: 40px;
    line-height: 40px;
    padding-left: 80px;
    position: relative;
    font-family: "SY_Regular";
}

.foot .bot .rig p {
    font-size: 16px;
    color: #999999;
    position: absolute;
    left: 0;
    top: 0;
}

.foot .bot .rig select {
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 14px;
    color: #999999;
    border: none;
    font-family: "SY_Regular";
    padding: 0 8px;
}
.footlogo {
    padding-top: 60px;
}
.footlogo a img {
    width: 400px;
}
.footnav {
    margin-top: 30px;
    padding-top: 30px;
       border-top: 1px solid rgba(255, 255, 255, .2);
}
.footnav ul {
    display: flex;
    justify-content: space-between;
}
.footnav ul li a {
        font-size: 20px;
    color: #fff;
    display: block;
    margin-bottom: 12px;
    font-family: "SY_Normal";
}
.footbot  {
    margin: 50px 0px;
    align-items: flex-end;
}
.flexrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footbot_l h4 {
    font-size: 20px;
    color: #bbb;
    line-height: 36px;
    font-weight: normal;
    font-family: "SY_Light";
    transition: all .5s;
}
.footbot_l p {
      font-size: 30px;
    color: #fff;
    display: block;
    margin-bottom: 12px;
    background: url(../images/foottelico.png) no-repeat left center;
    padding-left: 30px;
    font-family: "SY_Normal";
}
.footbot_ldesc {
    margin-top: 60px;
}
.footbot_ldesc ul {
    justify-content: flex-start;
}
.footbot_ldesc ul li {
    font-size: 16px;
    color: #bbb;
    line-height: 36px;
    font-weight: normal;
    font-family: "SY_Light";
    transition: all .5s;
    width: 50%;
}
.footbot_r ul li {
    text-align: center;
    margin-left: 30px;
}
.footbot_r ul li img {
    width: 150px;
    height: 150px;
}
.footbot_r ul li p {
       font-size: 16px;
    color: #bbb;
    margin-top: 10px;
}

/* 二维码 */
.code {
    width: 130px;
    position: fixed;
    right: 0.5%;
    bottom: 80px;
    z-index: 888;
    opacity: 0;
    transition: all .5s;
    display: none;
}

.code img {
    display: block;
    width: 100%;
}

.code p {
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    text-align: center;
    padding: 10px 15px;
    background: #219393;
    font-family: "SY_Regular";
}

/* 回顶部 */
.go_top {
    width: 50px;
    height: 50px;
    background: #219393;
    position: fixed;
    right: 30px;
    bottom: 40px;
    cursor: pointer;
    z-index: 888;
    opacity: 0;
    transition: all .5s;
}

.go_top::before {
    content: '';
    width: 18px;
    height: 18px;
    background-image: url(../images/img2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.template {
    width: 100%;
    min-height: 500px;
    margin-top: 90px;
}

.togglr {
    width: 25px;
    height: 20px;
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
    display: none;
    margin-left: 30px;
}

.togglr .icon_bar {
    width: 100%;
    height: 2px;
    background-color: #333333;
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.togglr .icon_bar:nth-of-type(2) {
    margin: 6px 0;
}

.togglr.on .icon_bar:nth-of-type(2) {
    opacity: 0;
}

.togglr.on .icon_bar:first-child {
    -webkit-transform: translate(0, 8px) rotate(45deg);
    -ms-transform: translate(0, 8px) rotate(45deg);
    transform: translate(0, 8px) rotate(45deg);
}

.togglr.on .icon_bar:last-child {
    -webkit-transform: translate(0, -8px) rotate(-45deg);
    -ms-transform: translate(0, -8px) rotate(-45deg);
    transform: translate(0, -8px) rotate(-45deg);
}

.category-tig {
    font-size: 14px;
    color: #333;
    text-align: right;
    line-height: 48px;
    width: 50px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    display: none;
}

.category-tig::before,
.category-tig::after {
    content: '';
    background: #333;
    position: absolute;
    top: 50%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.category-tig::before {
    width: 16px;
    height: 2px;
    right: 0;
    margin-top: -1px;
}

.category-tig::after {
    width: 2px;
    height: 16px;
    margin-top: -8px;
    right: 7px;
}

.category-item.on .category-tig::after {
    opacity: 0;
}

.category-item.on .category-tig::before {
    background: #219393;
}

@media(max-width:1500px) {
    .category-item .a {
        padding: 0 20px;
    }
}

@media(max-width:1459px) {
    .nav {
        height: 70px;
    }

    .nav .logo {
        width: 200px;
        padding: 14px 0;
    }

    .category-item .a {
        font-size: 16px;
        line-height: 70px;
    }

    .search {
        height: 70px;
        margin-left: 10px;
    }

    .language {
        line-height: 70px;
        margin-left: 26px;
    }

    .language a {
        font-size: 16px;
    }

    .language:hover .div {
        top: 34%;
        opacity: 1;
    }

    .search .div {
        width: 16px;
    }

    .two {
        top: 70px;
    }

    .two .div {
        padding: 24px 0;
    }

    .two .div1 {
        margin-bottom: 12px;
    }

    .two .div1 .p {
        font-size: 16px;
        padding-left: 32px;
        margin-bottom: 8px;
    }

    .two .div1 .p span {
        width: 22px;
        height: 22px;
    }

    .two .div2 {
        margin-bottom: 10px;
        padding-left: 32px;
    }

    .two .div2 .div4 a {
        font-size: 12px;
        line-height: 22px;
    }

    .two .div2 .div3 .a2 {
        width: 68px;
        line-height: 24px;
        font-size: 12px;
        margin-top: 8px;
    }

    .two .div2 .div3 .a1 {
        font-size: 13px;
        margin-bottom: 0px;
    }

    .two2 .div1 {
        margin-right: 0px;
    }

    .template {
        margin-top: 70px;
    }

    .foot .top {
        padding-top: 52px;
        padding-bottom: 24px;
    }

    .foot .top .lef .a {
        font-size: 17px;
        margin-bottom: 6px;
    }

    .foot .top .lef .div1 a {
        font-size: 14px;
        line-height: 26px;
    }

    .foot .top .rig p {
        font-size: 13px;
        margin-top: 5px;
    }

    .foot .bot {
        padding-top: 14px;
        padding-bottom: 24px;
    }

    .foot .bot .lef {
        font-size: 13px;
    }

    .foot .bot .rig p {
        font-size: 13px;
    }

    .foot .bot .rig {
        padding-left: 64px;
    }

    .foot .bot .rig select {
        font-size: 12px;
    }

    .code {
        width: 110px;
        right: 80px;
        bottom: 80px;
    }

    .code p {
        font-size: 12px;
        line-height: 16px;
        padding: 7px 10px;
    }
}

@media(max-width:1200px) {
    .category-item .a {
        padding: 0 14px;
        font-size: 15px;
    }

    .foot .bot .rig {
        width: 29%;
    }
}

@media(max-width:991px) {
    .nav {
        height: 60px;
        border-bottom: 1px solid #ededed;
    }

    .nav2 {
        top: 0px;
    }

    .togglr {
        display: block;
        float: right;
    }

    .template {
        margin-top: 60px;
    }

    .nav .logo {
        width: 320px;
        padding: 16px 0;
    }

    .nar_list {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 999;
        padding: 0 0px;
    }

    .nar_rq {
        width: 100%;
        max-height: 470px;
        overflow-y: auto;
        padding: 0 30px;
    }

    .nav .rig {
        padding: 0 30px;
    }

    .category-item {
        width: 100%;
        border-bottom: 1px solid #ededed;
        position: relative;
    }

    .category-item .a {
        line-height: 48px;
        padding: 0;
        font-size: 16px;
    }

    .category-item .a:hover,
    .category-item.open .a {
        background: #fff;
        color: #219393;
    }

    .two .div {
        display: block;
    }

    .two {
        position: static;
    }

    .category-tig {
        display: block;
    }

    .two .div1 {
        width: 100%;
    }

    .two .div2 {
        display: none;
    }

    .two .div {
        padding: 10px 0;
    }

    .two .div1 {
        margin-bottom: 0;
    }

    .two .div1 .p {
        font-size: 14px;
        padding-left: 24px;
        margin-bottom: 0;
        line-height: 34px;
    }

    .two .div1 .p span {
        width: 18px;
        height: 18px;
    }

    .two .wapr {
        padding: 0 10px;
    }

    .search .div {
        display: none;
    }

    .search .div1 {
        display: block;
        width: 100%;
        position: static;
        background: #f6f6f6;
        width: 100%;
    }

    .search {
        height: 40px;
        margin-left: 0px;
        margin-top: 10px;
        width: 100%;
        float: none;
    }

    .nav .rig {
        width: 100%;
        display: flex;
        flex-wrap: wrap-reverse;
        margin-top: 20px;
    }

    .search input {
        background: #adaaaa;
    }

    .language {
        line-height: 40px;
        margin-left: 0;
        float: none;
    }

    .language .div {
        display: inline-block;
        position: static;
        transform: translateX(0%);
        opacity: 1;
        margin-left: 30px;
    }

    .foot .top {
        display: none;
    }

    .foot .bot {
        border-top: none;
        padding-top: 28px;
        padding-bottom: 24px;
    }

    .foot .bot .lef {
        width: 100%;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .foot .bot .rig {
        width: 50%;
        float: left;
    }

    .code {
        width: 110px;
        right: 2px;
        bottom: 110px;
    }

    .two4 .div1,
    .two4 .div1:nth-child(3n),
    .two4 .div1:first-child,
    .two4 .div1:nth-child(5) {
        width: auto;
        float: none;
    }

    .two4 .div1:first-child .div3,
    .two4 .div1:nth-child(5) .div3 {
        float: none;
        width: auto;
    }

    .two4 .div1:first-child .div4,
    .two4 .div1:nth-child(5) .div4 {
        display: block;
    }

    .two4 .div1:first-child .div4 a,
    .two4 .div1:nth-child(5) .div4 a {
        width: auto;
    }
}

@media (max-width:768px) {

    .nav .rig,
    .nar_rq {
        padding: 0 20px;
    }
}

@media (max-width:500px) {
    .nav {
        height: 52px;
    }

    .nav .logo {
        width: 182px;
    }

    .template {
        margin-top: 52px;
    }

    .foot .bot .rig {
        width: 100%;
        float: left;
    }

    .go_top {
        width: 40px;
        height: 40px;
        right: 5px;
    }
}

@media (max-width:375px) {
    .nav .rig {
        margin-top: 10px;
    }

    .language {
        line-height: 28px;
    }
}

/* 首页 */
.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner .bj {
    width: 100%;
    vertical-align: middle;
    transition: all 8s;
}

.banner .swiper-slide-active .bj {
    transform: scale(1.1);
}

.app {
    display: none !important;
}

.banner .rq {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.banner .rq .div {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner .div1 {
    width: 380px;
    position: absolute;
    right: 4px;
    bottom: 18%;
}

.banner .div .p1 {
    font-family: "SY_Light";
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transform: translateY(30px);
    opacity: 0;
    transition: all .8s;
}

.banner .div .p2 {
    font-size: 60px;
    color: #ffffff;
    font-family: "Alibaba";
    line-height: 1.2;
    transform: translateY(30px);
    opacity: 0;
    transition: all .8s .2s;
}

.banner .swiper-slide-active .div .p2,
.banner .swiper-slide-active .div .p1 {
    transform: translateY(0px);
    opacity: 1;
}

.banner .swiper-pagination {
    bottom: 36px;
}

.pagtion .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.7;
    transition: all .5s;
}

.pagtion .swiper-pagination-bullet-active {
    width: 32px;
    border-radius: 32px;
    opacity: 1;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
    width: 18px;
    height: 33px;
    background-image: url(../images/img3.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 80px;
}

.banner .swiper-button-prev {
    left: 80px;
    transform: rotate(180deg);
}

/* sy_con1 */
.sy_con1 {
    width: 100%;
    background-size: cover;
    background-position: center;
    padding-top: 10%;
    padding-bottom: 10%;
}

.sy_con1 .rq {
    width: 39%;
    text-align: justify;
}

.bt {
    width: 100%;
}

.bt .p1 {
    font-size: 30px;
    color: #333333;
    font-family: "SY_Bold";
    margin-bottom: 15px;
}

.bt .p2 {
    font-size: 18px;
    /* color: #666666; */
    line-height: 36px;
    font-family: "SY_Regular";
}
.bt .p2.idxabout p {
    text-indent: 2em;
}

.more {
    font-family: "SY_Regular";
    font-size: 16px;
    color: #219393;
    width: 160px;
    height: 44px;
    border-radius: 44px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #219393;
    display: block;
    margin-top: 7%;
    transition: all .5s;
}

.more:hover {
    background: #219393;
    color: #fff;
}
.sy_con1 .rq .more {
    border-color: #ffffff;
    color: #ffffff;
}
.sy_con1 .div {
    width: 100%;
    margin-top: 12%;
    display: flex;
    justify-content: space-between;
}

.sy_con1 .div .div1 {
    text-align: center;
}
.sy_con1 .div .div1 a img {
    filter: grayscale(100%) brightness(1000%);
}
.sy_con1 .div .p1 {
    font-family: "GOTHICB";
    color: #000;
    position: relative;
    font-size: 20px;
    margin-top: 6px;
    color: #ffffff;
}

.sy_con1 .div .p1 span {
    font-family: "GOTHICB";
}

.sy_con1 .div .p1 i {
    position: absolute;
    top: 0;
    font-size: 26px;
    font-style: inherit;
    font-family: "GOTHICB";
}

.sy_con1 .div .p2 {
    font-size: 14px;
    color: #e6e6e6;
    text-align: center;
    font-family: "SY_Regular";
}

/* sy_con2 */
.sy_con2 {
    width: 100%;
    background-image: url(../images/img4.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 6.5%;
    padding-bottom: 5%;
    overflow: hidden;
}

.bt .p3 {
    font-size: 36px;
    color: #333333;
    font-family: "SY_Bold";
}

.sy_con2 .bt {
    text-align: center;
}

.sy_con2 .rq {
    width: 100%;
    position: relative;
}

.sy_con2 .rq img {
    width: 100%;
    vertical-align: middle;
}

.sy_con2 .rq .div {
    width: 270px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sy_con2 .div a {
    display: block;
}

.sy_con2 .div .lef {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #219393;
    position: relative;
    float: left;
    transition: all .5s;
}

.sy_con2 .div:hover .lef {
    transform: scale(1.1);
}

.sy_con2 .div .lef img {
    max-width: 60%;
    max-height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sy_con2 .div .lef::before {
    content: '';
    width: 110%;
    height: 110%;
    border-radius: 50%;
    border: 1px solid #219393;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: h_fd 3s linear infinite;
}

.sy_con2 .div .lef::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #219393;
    position: absolute;
    top: 50%;
    left: 50%;
    animation: h_fd 3s linear infinite;
}

.sy_con2 .div .lef::after {
    animation: h_fd 3s linear infinite 1.5s;
}

@keyframes h_fd {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.8);
    }
}

.sy_con2 .div .rig {
    padding-left: 25px;
    float: left;
    width: 220px;
}

.sy_con2 .div .rig .p1 {
    font-size: 20px;
    color: #219393;
    font-family: "SY_Medium";
}

.sy_con2 .div .rig .p2 {
    font-size: 15px;
    color: #2f2e2f;
    font-family: "SY_Regular";
}

.sy_con2 .rq .div1 {
    top: 70%;
    left: 10%;
}

.sy_con2 .rq .div2 {
    top: 50%;
    left: 37%;
}

.sy_con2 .rq .div3 .lef {
    float: none;
    display: block;
    margin: 0 auto;
}

.sy_con2 .rq .div3 .rig {
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-left: 0;
    width: 172px;
    margin-top: 12px;
}

.sy_con2 .rq .div3 {
    top: 78%;
    left: 50%;
    width: 172px;
}

.sy_con2 .rq .div4 {
    left: 69%;
    top: 50%;
}

.sy_con2 .rq .div5 {
    top: 50%;
    left: 94%;
}

/* 解决方案 */
.sy_con2 .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-right: -15px;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.pl-2,
.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.in_04 li a {
    display: block;
    height: auto;
    border: 1px solid #f1f1f1;
    position: relative;
    text-align: center;
    transition: .4s;
}

.fugai {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(29, 170, 112, 0);
    position: absolute;
    z-index: 2;
    transition: .4s;
}

.in_04 li a img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

.in04a {
    position: absolute;
    z-index: 3;
    top: 0;
    text-align: center;
    width: 100%;
}

.p-2 {
    padding: 1.6rem 0.5rem 0.5rem !important;
}

.in_04 li a i {
    color: #219393;
    font-size: 50px;
    transition: .4s;
    font-weight: bold;
}

.in04a span {
    display: block;
    font-weight: 100;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pf_24 {
    line-height: 58px;
    font-size: 24px;
}

.in04a p {
    color: #555;
    transition: .4s;
}

.pf_16 {
    font-size: 16px;
    line-height: 30px;
}

.in04a em {
    display: block;
    width: 180px;
    line-height: 45px;
    background: #fff;
    border-radius: 40px;
    margin: 0 auto;
    color: #777;
    transition: .4s;
    font-style: normal;
}

.in_04 li:hover a {
    transform: translate3d(0, -35px, 0);
    color: #fff;
    box-shadow: 0px 0px 8px 5px #d2d4d4;
}

.in_04 li:hover .fugai {
    background: #219393;
    opacity: 0.8;
}

.in_04 li:hover i {
    color: #fff;
}

.in_04 li:hover p {
    color: #fff;
}

.in_04 li:hover a em {
    background: #333338;
    color: #fff;
}


@media (max-width: 1600px) and (min-width: 1200px) {
    .in_04 li a img {
        height: 650px;
    }
}

@media (min-width: 1200px) {
    .p-xl-4 {
        padding: 1.6rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 2.8rem !important;
        margin-top: 2.8rem !important;
    }
}

@media (min-width: 992px) {

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .pf_24 {
        line-height: 40px;
    }

    .in_04 li a img {
        height: 520px;
    }

    .in04a span {
        font-size: 16px;
        line-height: 30px;
    }

    .in04a p {
        font-size: 14px;
        line-height: 28px;
    }

    .p-2 {
        padding: 2rem 0.5rem 0.5rem !important;
    }
}

@media (max-width: 576px) {
    .mf_16 {
        font-size: 16px;
        line-height: 34px;
    }

    .in04a p {
        max-height: 112px;
        overflow: hidden;
        font-size: 14px;
        line-height: 27px;
    }

    .in04a em {
        width: 100%;
        line-height: 38px;
    }
}



/* sy_con3 */
.sy_con3 {
    width: 100%;
    padding: 5% 0;
    background: #fff;
}

.sy_con3 .rq {
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: scale(.85);
}

.sy_con3 .rq .lef {
    width: 21.8%;
    background-image: url(../images/img5.jpg);
    background-size: cover;
    background-position: top;
    padding: 0 2%;
    padding-top: 7%;
}

.sy_con3 .rq .lef .p1 {
    font-size: 52px;
    color: #ffffff;
    line-height: 1.1;
    font-family: "Poppins";
    text-transform: uppercase;
}

.sy_con3 .rq .lef .sx {
    width: 5px;
    height: 56px;
    background: #fff;
    margin: 18px 0;
    margin-left: 10px;
}

.sy_con3 .rq .lef .bt .p3 {
    color: #fff;
}

.sy_con3 .rq .lef .div {
    font-size: 18px;
    color: #ffffff;
    line-height: 36px;
    margin-top: 10%;
    font-family: "SY_Regular";
}

.sy_con3 .rq .rig {
    width: 76.4%;
    position: relative;
}

.sy_con3 .rq .rig .top {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 5%;
    z-index: 2;
}

.sy_con3 .top .div {
    width: 100%;
    height: 160px;
    padding: 9% 15%;
    cursor: pointer;
    transition: all .5s;
}

.sy_con3 .top .swiper-slide-thumb-active .div {
    background: #219393;
    padding: 16% 15%;
}

.sy_con3 .top .div .ico {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 12px;
}

.sy_con3 .top .div .ico a i.iconfont {
    font-size: 40px;
    color: #000;
}

.sy_con3 .top .swiper-slide:nth-child(2) .div .ico a i.iconfont {
    font-size: 45px;
    font-weight: bold;
}

.sy_con3 .top .swiper-slide:nth-child(3) .div .ico a i.iconfont {
    font-size: 50px !important;
}

.sy_con3 .top .swiper-slide:nth-child(5) .div .ico a i.iconfont {
    font-weight: bold;
}

.sy_con3 .top .div .ico img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
}
.sy_con3 .top .div .ico img.im162 {
    filter: grayscale(100%) brightness(-1000%);
    width: 38px;
}
.sy_con3 .top .swiper-slide-thumb-active .div a img.im162 {
    filter: grayscale(100%) brightness(1000%);
}
.sy_con3 .top .swiper-slide-thumb-active .div a img.im148,.sy_con3 .top .swiper-slide-thumb-active .div a img.im181 {
    filter: brightness(100%) invert(100);
}
/* .sy_con3 .top .div .ico .ig2{opacity:0;}
.sy_con3 .top .swiper-slide-thumb-active .div .ico .ig2{opacity:1;}
.sy_con3 .top .swiper-slide-thumb-active .div .ico .ig1{opacity:0;} */
.sy_con3 .top .swiper-slide-thumb-active .div a i.iconfont {
    color: #fff;
}

.sy_con3 .top .div p {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    font-family: "SY_Regular";
    text-align: center;
    transition: all .5s;
}

.sy_con3 .top .swiper-slide-thumb-active .div p {
    color: #fff;
}

.sy_con3 .rq .rig .bot {
    width: 100%;
    margin-top: 135px;
}

.sy_con3 .bot .div {
    height: 620px;
    position: relative;
    z-index: 1;
}

.sy_con3 .bot .div2 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 20s;
}

.sy_con3 .bot .swiper-slide-active .div2 {
    transform: scale(1.2);
}

.sy_con3 .bot .div1 {
    position: absolute;
    left: 0;
    bottom: 36px;
    width: 100%;
    padding-left: 35px;
    padding-right: 210px;
}

.sy_con3 .bot .div1 p {
    font-size: 24px;
    color: #333;
    font-family: "SY_Bold";
}

.sy_con3 .bot .div1 a {
    width: 140px;
    height: 42px;
    border-radius: 42px;
    line-height: 40px;
    border: 1px solid rgba(0, 0, 0, .4);
    font-size: 16px;
    color: #333;
    text-align: center;
    font-family: "SY_Light";
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
}

.sy_con3 .bot .div1 a:hover {
    background: #219393;
    border: 1px solid #219393;
    color: #fff;
}

/* sy_con4 */
.sy_con4 {
    width: 100%;
    background: #f7fcfc;
    padding-top: 6%;
    padding-bottom: 4.5%;
}

.sy_con4 .bt {
    text-align: center;
}

.sy_con4 .rq {
    width: 100%;
    padding-top: 3.5%;
    display: flex;
    justify-content: space-between;
}

.sy_con4 .rq .lef {
    width: 49.5%;
    background: #000;
}

.sy_con4 .rq .lef .div {
    width: 100%;
    height: 100%;
    /* height:482px;*/
    position: relative;
    z-index: 1;
}

.sy_con4 .rq .lef .swiper {
    height: 100%;
}

.sy_con4 .rq .lef .div1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: cover;
    background-position: center;
}

.sy_con4 .rq .lef .div .p1 {
    width: 100%;
    font-size: 18px;
    color: #ffffff;
    line-height: 70px;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 5%;
    padding-right: 23%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sy_con4 .swiper-pagination {
    bottom: 26px;
    text-align: right;
    padding-right: 5%;
}

.sy_con4 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 0.3;
}

.sy_con4 .swiper-pagination-bullet-active {
    opacity: 1;
}

.sy_con4 .rq .rig {
    width: 49.5%;
}

.sy_con4 .rq .rig .div {
    width: 100%;
    background: #fff;
    margin-bottom: 9px;
    padding: 2.2% 4%;
    transition: all .5s;
    position: relative;
}

.sy_con4 .rq .rig .div a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.sy_con4 .rq .rig .div.on {
    padding-top: 4%;
    padding-bottom: 4%;
    margin-bottom: 16px;
}

.sy_con4 .rq .rig .div:last-child {
    margin-bottom: 0 !important;
}

.sy_con4 .rig .p1 {
    font-size: 18px;
    color: #333333;
    font-family: "SY_Regular";
    padding-right: 85px;
    position: relative;
    transition: all .5s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sy_con4 .rq .rig .div.on .p1 {
    padding-right: 0;
    font-size: 20px;
}

.sy_con4 .rig .p1 span {
    font-size: 16px;
    color: #999999;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: "SY_Regular";
    transition: all .5s;
}

.sy_con4 .rq .rig .div.on .p1 span {
    position: static;
    transform: translateY(0%);
    display: block;
    margin-top: 3px;
}

.sy_con4 .rq .rig .div1 {
    width: 100%;
    padding-top: 14px;
    font-size: 18px;
    color: #666666;
    line-height: 30px;
    font-family: "SY_Regular";
    display: none;
}

.sy_con4 .rq .rig .div.on .div1 {
    display: block;
}

.sy_con4 .rq .rig .div1 p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.sy_con4 .rq1 {
    width: 100%;
    text-align: center;
    margin-top: 3.2%;
}

.sy_con4 .rq1 .more {
    margin: 0 auto;
}

@media(max-width:1600px) {
    .bt .p3 {
        font-size: 26px;
    }

    .sy_con4 .rig .p1,
    .sy_con4 .rq .rig .div1,
    .sy_con4 .rq .rig .div.on .p1,
    .sy_con4 .rig .p1 span,
    .sy_con4 .rq .lef .div .p1 {
        font-size: 12px;
    }
}

@media(max-width:1459px) {
    .banner .div .p2 {
        font-size: 46px;
    }

    .banner .div1 {
        width: 280px;
    }

    .banner .div .p1 {
        font-size: 13px;
        letter-spacing: 0.8px;
    }

    .bt .p1 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .bt .p2 {
        font-size: 16px;
        line-height: 30px;
    }

    .more {
        font-size: 15px;
        width: 130px;
        height: 38px;
        border-radius: 38px;
        line-height: 36px;
    }

    .sy_con1 .div .p1 {
        font-size: 34px;
    }

    .sy_con1 .div .p2 {
        font-size: 14px;
    }

    .sy_con2 .div .lef {
        width: 38px;
        height: 38px;
    }

    .sy_con2 .div .rig .p1 {
        font-size: 16px;
    }

    .sy_con2 .div .rig .p2 {
        font-size: 13px;
    }

    .sy_con2 .div .rig {
        padding-left: 16px;
        width: 195px;
    }

    .sy_con2 .rq .div2 {
        top: 50%;
        left: 38.5%;
    }

    .sy_con2 .rq .div3 .rig {
        width: 150px;
        margin-top: 12px;
    }

    .sy_con2 .rq .div {
        width: 235px;
    }

    .sy_con2 .rq .div4 {
        left: 70%;
        top: 50%;
    }

    .sy_con2 .rq .div5 {
        top: 50%;
        left: 96%;
    }

    .sy_con3 .rq .lef .p1 {
        font-size: 40px;
    }

    .sy_con3 .rq .lef .sx {
        width: 3px;
        height: 40px;
        margin: 16px 0;
        margin-left: 6px;
    }

    .sy_con3 .rq .lef .div {
        font-size: 16px;
        line-height: 30px;
        margin-top: 10%;
    }

    .sy_con3 .top .div {
        height: 140px;
        padding: 9% 9%;
    }

    .sy_con3 .top .swiper-slide-thumb-active .div {
        padding: 16% 9%;
    }

    .sy_con3 .top .div .ico {
        width: 35px;
        height: 35px;
    }

    .sy_con3 .top .div p {
        font-size: 16px;
        line-height: 24px;
    }

    .sy_con3 .rq .rig .bot {
        margin-top: 120px;
    }

    .sy_con3 .bot .div1 p {
        font-size: 20px;
    }

    .sy_con3 .bot .div1 a {
        width: 110px;
        height: 35px;
        border-radius: 35px;
        line-height: 33px;
        font-size: 13px;
        right: 36px;
    }

    .sy_con3 .bot .div1 {
        bottom: 24px;
        padding-left: 20px;
        padding-right: 160px;
    }

    .sy_con3 .bot .div {
        height: 455px;
    }

    .sy_con4 .rq .lef .div .p1 {
        line-height: 50px;
    }

    .sy_con4 .swiper-pagination {
        bottom: 16px;
    }

    .sy_con4 .rig .p1 {
        padding-right: 76px;
    }

    .sy_con4 .rig .p1 span {
        font-size: 14px;
    }

    .sy_con4 .rq .rig .div.on .p1 {
        padding-right: 0;
    }

    .sy_con4 .rq .rig .div1 {
        padding-top: 8px;
        line-height: 24px;
    }
}

@media(max-width:1024px) {
    .sy_con2 .rq .div2 {
        left: 41.5%;
    }

    .banner .swiper-button-next {
        right: 30px;
    }

    .banner .swiper-button-prev {
        left: 30px;
    }

    .banner .div .p2 {
        font-size: 30px;
    }
}

@media(max-width:991px) {
    .banner .swiper-pagination {
        bottom: 18px;
    }

    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        display: none;
    }

    .banner .div1 {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .sy_con1 .rq {
        width: 60%;
    }

    .bt .p1 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .bt .p2 {
        font-size: 14px;
        line-height: 26px;
    }

    .sy_con2 .rq .div {
        position: static !important;
        transform: translate(0, 0);
        width: 50%;
        float: left;
        margin-top: 30px;
    }

    .sy_con2 .rq .div3 .lef {
        float: left;
    }

    .sy_con2 .rq .div3 .rig {
        float: left;
        padding-left: 16px;
        margin-top: 0;
        width: auto;
        text-align: left;
    }

    .sy_con3 .rq {
        flex-wrap: wrap;
    }

    .sy_con3 .rq .lef {
        width: 100%;
        background-image: url();
    }

    .sy_con3 .rq .lef .p1 {
        color: rgb(51, 51, 51);
    }

    .sy_con3 .rq .lef .sx {
        display: none;
    }

    .sy_con3 .rq .lef .bt .p3 {
        color: rgb(51, 51, 51);
    }

    .sy_con3 .rq .lef {
        padding: 2% 0 0;
    }

    .sy_con3 .rq .lef .div {
        color: #333;
        line-height: 24px;
        margin-top: 2%;
        font-size: 14px;
    }

    .sy_con3 .rq .rig {
        width: 100%;
        margin-top: 30px;
    }

    .sy_con3 .rq .rig .top {
        padding-left: 0;
    }

    .sy_con4 .rq {
        flex-wrap: wrap;
    }

    .sy_con4 .rq .lef {
        width: 100%;
        height: 400px;
    }

    .sy_con4 .rq .rig {
        width: 100%;
        margin-top: 20px;
    }

    .sy_con4 .rq .rig .div a {
        z-index: -10;
        transition: all .5s;
    }

    .sy_con4 .rq .rig .div.on a {
        z-index: 30;
    }
}

@media(max-width:500px) {
    .banner .div .p2 {
        font-size: 24px;
    }

    .sy_con1 {
        padding-bottom: 50%;
    }

    .sy_con1 .rq {
        width: 100%;
    }

    .bt .p1 {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .bt .p2 {
        font-size: 14px;
        line-height: 24px;
    }

    .more {
        font-size: 14px;
        width: 100px;
        height: 32px;
        border-radius: 32px;
        line-height: 30px;
    }

    .sy_con1 .div .p1 {
        font-size: 28px;
    }

    .sy_con1 .div .p2 {
        font-size: 13px;
    }

    .bt .p3 {
        font-size: 24px;
    }

    .sy_con2 .div .lef {
        float: none !important;
        margin: 0 auto !important;
    }

    .sy_con2 .div .rig {
        width: 100%;
        float: none !important;
        text-align: center !important;
        padding-left: 0 !important;
        margin-top: 12px !important;
    }

    .sy_con2 .div .rig .p2 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 40px;
        padding: 0 5px;
    }

    .sy_con2 .rq .div {
        margin-top: 20px;
    }

    .sy_con3 .rq .lef .p1 {
        font-size: 28px;
    }

    .sy_con3 .top .div p {
        font-size: 14px;
        line-height: 22px;
    }

    .sy_con3 .top .div {
        height: 126px;
    }

    .sy_con3 .rq .rig .bot {
        margin-top: 112px;
    }

    .sy_con3 .bot .div {
        height: 330px;
    }

    .sy_con3 .bot .div1 {
        bottom: 16px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .sy_con3 .bot .div1 p {
        font-size: 14px;
    }

    .sy_con3 .bot .div1 a {
        position: static;
        transform: translateY(0);
        display: block;
        margin-top: 10px;
        width: 90px;
        height: 30px;
        border-radius: 30px;
        line-height: 28px;
        font-size: 12px;
    }

    .sy_con4 .rq .lef {
        height: 250px;
    }

    .sy_con4 .rq .lef .div .p1 {
        padding-left: 10px;
    }

    .sy_con4 .rig .p1 span {
        font-size: 12px;
    }

    .sy_con4 .rig .p1 {
        font-size: 14px;
        padding-right: 61px;
    }

    .sy_con4 .rq .rig .div.on .p1 {
        padding-right: 0px;
    }

    .sy_con4 .rq .rig .div1 {
        padding-top: 8px;
        line-height: 22px;
    }

    .sy_con4 .rq .rig .div {
        padding: 4% 10px;
    }
}

/* ny_banner */
.ny_banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.abo_con1 {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #ededed;
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fff;
}

.abo_con1 .lef {
    width: 65%;
    line-height: 100px;
    float: left;
}

.abo_con1 .lef a {
    font-size: 18px;
    color: #333333;
    font-family: "SY_Regular";
    margin-right: 50px;
    display: inline-block;
    transition: all .5s;
    position: relative;
}

.abo_con1 .lef a:last-child {
    margin-right: 0;
}

.abo_con1 .lef a::before {
    content: '';
    width: 0%;
    height: 2px;
    background: #219393;
    position: absolute;
    bottom: 1px;
    left: 0;
    transition: all .5s;
}

.abo_con1 .lef a.active {
    color: #219393;
}

.abo_con1 .lef a.active::before {
    width: 100%;
}

.abo_con1 .rig {
    width: 30%;
    float: right;
    text-align: right;
    font-size: 18px;
    color: #666666;
    font-family: "SY_Regular";
    line-height: 100px;
}

.abo_con1 .rig a {
    color: #666666;
    display: inline-block;
    padding-right: 24px;
    position: relative;
}

.abo_con1 .rig a::before {
    content: '';
    width: 8px;
    height: 15px;
    background-image: url(../images/img6.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.abo_con1 .rig a:last-child::before {
    display: none;
}

.abo_con1 .rig span:last-child {
    color: #219393;
}

.abo_con1 .rig span img {
    width: 20px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: inherit;
}

/* abo_con2 */
.abo_con2 {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.abo_con2 .top {
    width: 100%;
    background-image: url(../images/img8.jpg);
    background-size: cover;
    padding-top: 6.5%;
    padding-bottom: 5%;
}

.abo_con2 .top .lef {
    width: 50%;
    float: left;
    text-align: justify;
}

.abo_con2 .top .lef .p1 {
    font-size: 32px;
    color: #333333;
    font-family: "SY_Bold";
    margin-bottom: 3%;
}

.abo_con2 .top .lef .p2 {
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    text-indent: 2em;
}

.abo_con2 .top .lef .div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 6%;
}

.abo_con2 .top .lef .div .p3 {
    color: #219393;
    position: relative;
}

.abo_con2 .top .lef .div .p3 span {
    font-size: 40px;
    font-family: "GOTHICB";
}

.abo_con2 .top .lef .div i {
    position: absolute;
    top: 0;
    font-size: 26px;
    font-style: inherit;
    font-family: "GOTHICB";
}

.abo_con2 .top .lef .div .p4 {
    font-size: 16px;
    color: #666666;
    font-family: "SY_Light";
}

.abo_con2 .top .div2 {
    width: 100%;
    margin-top: 7%;
}

.abo_con2 .top .div2 span {
    display: inline-block;
    font-size: 18px;
    color: #219393;
    padding-right: 40px;
    position: relative;
    cursor: pointer;
}

.abo_con2 .top .div2 span.on {
    display: none;
}

.abo_con2 .top .div2 span::before {
    content: '';
    width: 34px;
    height: 33px;
    background-image: url(../images/img9.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.abo_con2 .top .rig {
    width: 41%;
    float: right;
    overflow: hidden;
}

.abo_con2 .top .rig .div {
    width: 100%;
    height: 420px;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

.abo_con2 .top .rig:hover .div {
    transform: scale(1.05);
}

.abo_con2 .top .rig .div2 {
    display: none;
}

.abo_con2 .bot {
    width: 100%;
    padding-top: 4.5%;
    display: none;
}

.abo_con2 .bot .p1 {
    font-family: "SY_Medium";
    font-size: 28px;
    color: #333333;
    text-align: center;
    margin-bottom: 18px;
}

.abo_con2 .bot .p2 {
    width: 74%;
    margin: 0 auto;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}

.abo_con2 .bot .div {
    width: 100%;
    padding: 3% 0;
    position: relative;
}

.abo_con2 .bot .div img {
    width: 100%;
    vertical-align: middle;
    transition: all .5s;
}

.abo_con2 .bot .div .swiper-slide {
    overflow: hidden;
}

.abo_con2 .bot .div .swiper-slide:hover img {
    transform: scale(1.05);
}

.sw_next,
.sw_prev {
    width: 41px;
    height: 41px;
    background-image: url(../images/img11.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: -80px;
    transition: all .5s;
}

.sw_prev {
    left: -80px;
    transform: rotate(180deg);
}

.sw_next:hover,
.sw_prev:hover {
    background-image: url(../images/img12.png);
}

.abo_con2 .bot .div1 {
    width: 100%;
    margin-bottom: 3%;
}

.abo_con2 .bot .rq2 {
    width: 100%;
    height: 80px;
    background: #f8f9fa;
    line-height: 80px;
    text-align: center;
}

.abo_con2 .bot .rq2 span {
    font-size: 18px;
    color: #219393;
    padding-right: 40px;
    position: relative;
    cursor: pointer;
}

.abo_con2 .bot .rq2 span::before {
    content: '';
    width: 34px;
    height: 33px;
    background-image: url(../images/img10.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* .abo_con3 */
.abo_con3 {
    width: 100%;
    padding: 4.5% 0;
}

.bt .p4 {
    font-size: 18px;
    color: #333333;
    padding-left: 22px;
    font-family: "SY_Bold";
    /* text-align: center; */
}

.abo_con3 .rq {
    width: 100%;
    padding-top: 3%;
}

.abo_con3 .rq .div {
    width: 49%;
    height: 300px;
    float: left;
    margin-bottom: 2.5%;
    position: relative;
}

.abo_con3 .rq .div:nth-child(2n) {
    float: right;
}

.abo_con3 .rq .lef {
    width: 51%;
    height: 100%;
    overflow: hidden;
}

.abo_con3 .rq .lef .div1 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

.abo_con3 .rq .div:hover .div1 {
    transform: scale(1.05);
}

.abo_con3 .rq .rig {
    width: 59%;
    min-height: 220px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #f8f9fa;
    display: table;
}

.abo_con3 .rq .rig .div2 {
    display: table-cell;
    vertical-align: middle;
    padding: 5% 6.5%;
}

.abo_con3 .rig .div2 .p1 {
    font-size: 26px;
    color: #219393;
    font-family: "SY_Bold";
    margin-bottom: 12px;
    font-weight: bold;
}

.abo_con3 .rig .div2 .p2 {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
}

/* abo_con4 */
.abo_con4 {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 9%;
    background-image: url(../images/img13.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}

.abo_con4 .rq {
    width: 100%;
    margin-top: 8.8%;
    position: relative;
}

.abo_con4 .rq::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #e5e5e6;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.abo_con4 .rq .rq1 {
    width: 100%;
    position: relative;
    padding: 0 35px;
}

.abo_con4 .rq .div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.abo_con4 .rq .swiper-slide:nth-child(2n) .div {
    flex-wrap: wrap-reverse;
}

.abo_con4 .rq .swiper-slide {
    padding-bottom: 200px;
    position: relative;
}

.abo_con4 .rq .swiper-slide::before {
    content: '';
    width: 9px;
    height: 44px;
    background-image: url(../images/img14.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 140px;
    transform: translateX(-50%);
}

.abo_con4 .rq .swiper-slide:nth-child(2n) {
    padding-bottom: 0;
    padding-top: 200px;
}

.abo_con4 .rq .swiper-slide:nth-child(2n)::before {
    top: auto;
    bottom: 140px;
    transform: translateX(-50%) rotate(180deg);
}

.abo_con4 .rq .div .p1 {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    text-align: center;
    width: 100%;
    height: 104px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.abo_con4 .rq .div .p2 {
    font-size: 26px;
    color: #219393;
    text-align: center;
    font-family: "Arial";
    font-weight: bold;
    line-height: 54px;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.abo_con4 .sw_next {
    right: -42px;
}

.abo_con4 .sw_prev {
    left: -42px;
}

/* abo_con5 */
.abo_con5 {
    width: 100%;
    padding-top: 5.5%;
    padding-bottom: 5%;
}

.abo_con5 .rq {
    width: auto;
    display: table;
    margin: 0 auto;
    margin-top: 2.5%;
}

.abo_con5 .rq a {
    display: inline-block;
    font-size: 18px;
    color: #219393;
    width: 150px;
    height: 46px;
    border-radius: 46px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #219393;
    margin: 0 8px;
    transition: all .5s;
    cursor: pointer;
}

.abo_con5 .rq a.a {
    background: #219393;
    color: #fff;
}

.abo_con5 .rq1 {
    width: 100%;
    padding-top: 3%;
}

.abo_con5 .rq1 .div {
    width: 100%;
    display: none;
    position: relative;
}

.abo_con5 .rq1 .div.on {
    display: block;
}

.abo_con5 .rq1 .div .top {
    width: 100%;
    position: relative;
    padding: 0 60px;
}

.abo_con5 .rq1 .div .top::before {
    content: '';
    width: 100%;
    height: 83px;
    background-image: url(../images/img15.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -24%;
    left: 50%;
    transform: translateX(-50%);
}

.abo_con5 .rq1 .div .top .div1 {
    width: 100%;
    overflow: hidden;
}

.abo_con5 .rq1 .div .top .div1 img {
    width: 100%;
    vertical-align: middle;
    transition: all .5s;
}

.abo_con5 .rq1 .div .top .swiper-slide:hover .div1 img {
    transform: scale(1.05);
}

.abo_con5 .rq1 .div .top p {
    font-size: 16px;
    color: #902f32;
    text-align: center;
    margin-top: 10%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.abo_con5 .sw_prev {
    left: -42px;
}

.abo_con5 .sw_next {
    right: -42px;
}

.abo_con5 .rq1 .div .bot {
    width: 100%;
}

.abo_con5 .bot .rq2 {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 1.2%;
}

.abo_con5 .bot .div1 {
    width: 31.3%;
    height: 110px;
    float: left;
    margin-right: 3.05%;
    margin-bottom: 20px;
    background: #f5f5f5;
    padding-left: 105px;
    padding-right: 15px;
    position: relative;
    display: table;
    transition: all .5s;
}

.abo_con5 .bot .div1:hover {
    transform: translateY(-10px);
}

.abo_con5 .bot .div1:nth-child(3n) {
    margin-right: 0;
}

.abo_con5 .bot .div1 .p {
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
    color: #333333;
    transition: all .5s;
}

.abo_con5 .bot .div1:hover .p {
    color: #219393;
}

.abo_con5 .bot .div1 .p p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.abo_con5 .bot .div1 span {
    width: 70px;
    height: 56px;
    line-height: 56px;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/img16.png);
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 20px;
    color: #aaaaaa;
    font-family: "GOTHICB";
    text-align: center;
}

.jz {
    width: 100%;
    text-align: center;
}

.jz span {
    font-size: 18px;
    color: #219393;
    padding-left: 40px;
    position: relative;
    cursor: pointer;
}

.jz span::before {
    content: '';
    width: 26px;
    height: 27px;
    background-image: url(../images/img17.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* abo_con6 */
.abo_con6 {
    width: 100%;
    background: #f8f9fa;
    padding-top: 5.5%;
    padding-bottom: 5%;
}

/* abo_con7 */
.abo_con7 {
    width: 100%;
    padding: 5% 0 3%;
    background: #f8f9fa;
}

.abo_con7 .rq {
    padding-top: 3%;
}

.abo_con7 .lef {
    width: 47%;
    float: left;
}

.abo_con7 .lef img {
    width: 100%;
    vertical-align: middle;
}

.abo_con7 .rig {
    width: 48%;
    float: right;
}

.abo_con7 .rig .div {
    width: 44.5%;
    height: 80px;
    float: left;
    padding-top: 3.5%;
    border-bottom: 1px solid #ebecec;
    position: relative;
    transition: all .5s;
    z-index: 30;
}

.abo_con7 .rig .div:nth-child(2n) {
    float: right;
}

.abo_con7 .rig .div::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../images/img18.png);
    background-size: cover;
    background-position-x: left;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .5s;
}

.abo_con7 .rig .div:hover {
    padding-top: 5%;
    padding-left: 24px;
}

.abo_con7 .rig .div:hover::before {
    opacity: 1;
}

.abo_con7 .rig .div .p1 {
    font-size: 24px;
    color: #ffffff;
    font-family: "SY_Medium";
    position: absolute;
    left: 32px;
    top: 6px;
    transition: all .5s;
    opacity: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.abo_con7 .rig .div:hover .p1 {
    opacity: 1;
}

.abo_con7 .rig .div .p2 {
    font-size: 18px;
    color: #333333;
    transition: all .5s;
    position: relative;
    z-index: 1;
    padding-left: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.abo_con7 .rig .div:hover .p2 {
    color: #fff;
}

.abo_con7 .rig .div .p2::before {
    content: '';
    width: 3px;
    height: 3px;
    background: #219393;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
}

.abo_con7 .rig .div:hover .p2::before {
    background: #fff;
}

/* abo_con8 */
.abo_con8 {
    width: 100%;
    padding: 5% 0;
}

.abo_con8 .rq {
    width: 100%;
    padding-top: 3%;
}

.abo_con8 .rq .top {
    width: 100%;
    position: relative;
}

.abo_con8 .rq .top .div {
    width: 100%;
    height: 600px;
    padding: 0 7%;
    padding-top: 12%;
    position: relative;
    z-index: 1;
}

.abo_con8 .rq .top .div .ig {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: cover;
    background-position: right top;
}

.abo_con8 .rq .top .div .p1 {
    font-size: 24px;
    color: #ffffff;
    font-family: "SY_Medium";
}

.abo_con8 .rq .top .div1 {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 5%;
}

.abo_con8 .rq .top .div1 p {
    font-size: 16px;
    color: #fff;
    font-family: "SY_Light";
    margin-bottom: 8px;
}

.abo_con8 .rq .top .div1 p span {
    font-family: "SY_Medium";
    width: 56px;
    display: inline-block;
}

.abo_con8 .rq .top .div2 {
    width: 100%;
}

.abo_con8 .rq .top .div3 {
    float: left;
    margin-right: 2.3%;
    padding-left: 14px;
    position: relative;
}

.abo_con8 .rq .top .div3::before {
    content: '';
    width: 2px;
    height: 90%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.abo_con8 .rq .top .div3 .p2 {
    font-size: 16px;
    color: #fff;
    font-family: "SY_Medium";
}

.abo_con8 .rq .top .div3 .p3 {
    font-size: 16px;
    color: #fff;
    font-family: "SY_Light";
}

.abo_con8 .rq .bot {
    width: 100%;
}

.abo_con8 .rq .bot p {
    width: 100%;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    color: #333333;
    background: #f8f9fa;
    margin-top: 26px;
    position: relative;
    transition: all .5s;
}

.abo_con8 .rq .bot .swiper-slide-thumb-active p {
    background: #219393;
    color: #fff;
}

.abo_con8 .rq .bot p::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #219393;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .5s;
}

.abo_con8 .rq .bot .swiper-slide-thumb-active p::before {
    opacity: 1;
}

@media(max-width:1459px) {
    .abo_con1 {
        height: 75px;
    }

    .abo_con1 .lef {
        line-height: 75px;
    }

    .abo_con1 .lef a {
        font-size: 14px;
        margin-right: 24px;
    }

    .abo_con1 .rig {
        width: 35%;
        font-size: 14px;
        line-height: 75px;
    }

    .abo_con1 .rig span img {
        width: 16px;
    }

    .abo_con1 .rig a::before {
        width: 6px;
        height: 12px;
        right: 7px;
    }

    .abo_con2 .top .lef .p1 {
        font-size: 24px;
    }

    .abo_con2 .top .lef .p2 {
        font-size: 14px;
        line-height: 30px;
    }

    .abo_con2 .top .lef .div .p3 span {
        font-size: 30px;
    }

    .abo_con2 .top .lef .div i {
        font-size: 20px;
    }

    .abo_con2 .top .lef .div .p4 {
        font-size: 13px;
    }

    .abo_con2 .top .div2 span::before {
        width: 26px;
        height: 25px;
    }

    .abo_con2 .top .div2 span {
        font-size: 16px;
        padding-right: 34px;
    }

    .abo_con2 .top .rig .div {
        height: 326px;
    }

    .abo_con2 .bot .p1 {
        font-size: 22px;
        margin-bottom: 14px;
    }

    .abo_con2 .bot .p2 {
        font-size: 14px;
        line-height: 26px;
    }

    .sw_next,
    .sw_prev {
        width: 36px;
        height: 36px;
        right: -56px;
    }

    .sw_prev {
        left: -56px;
    }

    .abo_con2 .bot .rq2 span {
        font-size: 16px;
        padding-right: 36px;
    }

    .abo_con2 .bot .rq2 span::before {
        width: 26px;
        height: 25px;
    }

    .bt .p4 {
        font-size: 24px;
    }

    .abo_con3 .rig .div2 .p1 {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .abo_con3 .rig .div2 .p2 {
        font-size: 14px;
        line-height: 24px;
    }

    .abo_con3 .rq .rig {
        min-height: 180px;
    }

    .abo_con3 .rq .div {
        height: 240px;
    }

    .abo_con4 .rq .div .p1 {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
    }

    .abo_con4 .rq .div .p2 {
        font-size: 22px;
        line-height: 44px;
    }

    .abo_con4 .rq .swiper-slide {
        padding-bottom: 170px;
    }

    .abo_con4 .rq .swiper-slide:nth-child(2n) {
        padding-bottom: 0;
        padding-top: 170px;
    }

    .abo_con4 .rq .swiper-slide::before {
        width: 8px;
        height: 38px;
        top: 94px;
    }

    .abo_con4 .rq .swiper-slide:nth-child(2n)::before {
        top: auto;
        bottom: 94px;
    }

    .abo_con4 .sw_next {
        right: -20px;
    }

    .abo_con4 .sw_prev {
        left: -20px;
    }

    .abo_con5 .rq a {
        font-size: 14px;
        width: 120px;
        height: 34px;
        border-radius: 34px;
        line-height: 32px;
    }

    .abo_con5 .rq1 .div .top {
        padding: 0 30px;
    }

    .abo_con5 .rq1 .div .top p {
        font-size: 14px;
    }

    .abo_con5 .rq1 .div .top::before {
        height: 61px;
    }

    .abo_con5 .bot .div1 {
        height: 86px;
        margin-bottom: 16px;
        padding-left: 80px;
        padding-right: 10px;
    }

    .abo_con5 .bot .div1 span {
        width: 56px;
        height: 46px;
        line-height: 46px;
        left: 12px;
        font-size: 16px;
    }

    .abo_con5 .bot .div1 .p {
        font-size: 16px;
    }

    .jz span::before {
        width: 20px;
        height: 21px;
    }

    .jz span {
        font-size: 16px;
        padding-left: 32px;
    }

    .abo_con7 .rig .div {
        height: 60px;
    }

    .abo_con7 .rig .div:hover {
        padding-top: 5.5%;
        padding-left: 13px;
    }

    .abo_con7 .rig .div .p1 {
        font-size: 16px;
        left: 20px;
        top: 6px;
    }

    .abo_con7 .rig .div .p2 {
        font-size: 14px;
        padding-left: 8px;
    }

    .abo_con8 .rq .top .div {
        height: 486px;
    }

    .abo_con8 .rq .top .div .p1 {
        font-size: 20px;
    }

    .abo_con8 .rq .top .div1 p {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .abo_con8 .rq .top .div3 .p2 {
        font-size: 14px;
    }

    .abo_con8 .rq .top .div3 .p3 {
        font-size: 14px;
    }

    .abo_con8 .rq .bot p {
        line-height: 76px;
        font-size: 16px;
        margin-top: 20px;
    }
}

@media(max-width:991px) {
    .abo_con1 {
        top: 60px;
    }

    .abo_con2 .bot .p2 {
        width: 100%;
    }

    .abo_con7 .lef {
        display: none;
    }

    .abo_con7 .rig {
        width: 100%;
    }

    .abo_con7 .rig .div {
        padding-top: 2.5%;
    }

    .abo_con7 .rig .div:hover {
        padding-top: 4%;
    }

    .abo_con8 .rq .top .div {
        height: 415px;
    }

    .abo_con8 .rq .bot p {
        line-height: 60px;
        font-size: 14px;
        margin-top: 20px;
    }

    .abo_con1 .rig {
        display: none;
    }

    .abo_con1 .lef {
        width: 100%;
        line-height: 60px;
    }

    .abo_con1 {
        height: 60px;
    }
}

@media(max-width:768px) {
    .abo_con2 .top .lef {
        width: 100%;
    }

    .abo_con2 .top .rig {
        width: 100%;
        margin-top: 4%;
    }

    .abo_con2 .top .lef .div2 {
        display: none;
    }

    .abo_con2 .top .rig .div2 {
        display: block;
        margin-top: 4%;
    }

    .abo_con2 .bot .p1 {
        font-size: 20px;
    }

    .abo_con2 .bot .div {
        padding: 3.8% 40px;
    }

    .sw_next,
    .sw_prev {
        width: 30px;
        height: 30px;
        right: -5px;
        top: 55%;
    }

    .sw_prev {
        left: -5px;
    }

    .abo_con2 .bot .rq2 {
        height: 60px;
        line-height: 60px;
    }

    .abo_con3 .rq .div {
        width: 100%;
    }

    .abo_con3 .rig .div2 .p1 {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .abo_con4 .sw_next {
        right: 5px;
        top: 53%;
    }

    .abo_con4 .sw_prev {
        left: 5px;
        top: 53%;
    }

    .abo_con5 .sw_next {
        right: 0px;
    }

    .abo_con5 .sw_prev {
        left: 0px;
    }

    .abo_con5 .rq1 .div .top::before {
        height: 52px;
    }

    .abo_con5 .rq1 .div .top {
        padding: 0 40px;
    }

    .abo_con5 .bot .div1 .p {
        font-size: 14px;
    }
}

@media(max-width:500px) {
    .abo_con1 .lef a {
        font-size: 13px;
        margin-right: 9px;
    }

    .abo_con1 .lef {
        line-height: 46px;
    }

    .abo_con1 {
        height: 46px;
    }

    .abo_con1 .lef {
        overflow-x: auto;
        white-space: nowrap;
    }

    .abo_con2 .top .lef .p1 {
        font-size: 22px;
    }

    .abo_con2 .top .lef .p2 {
        font-size: 14px;
        line-height: 26px;
    }

    .abo_con2 .top .lef .div .p3 span {
        font-size: 26px;
    }

    .abo_con2 .top .rig .div {
        height: 230px;
    }

    .abo_con2 .bot .p1 {
        font-size: 18px;
    }

    .bt .p4 {
        font-size: 22px;
    }

    .abo_con3 .rq .lef {
        width: 100%;
        height: 200px;
    }

    .abo_con3 .rq .div {
        height: auto;
    }

    .abo_con3 .rq .rig {
        width: 100%;
        min-height: auto;
        position: static;
        transform: translateY(0);
    }

    .abo_con3 .rq .rig .div2 {
        padding: 5% 4%;
    }

    .abo_con4 .rq .swiper-slide {
        padding-bottom: 134px;
    }

    .abo_con4 .rq .swiper-slide:nth-child(2n) {
        padding-top: 134px;
    }

    .abo_con4 .rq .div .p2 {
        font-size: 18px;
        line-height: 25px;
    }

    .abo_con4 .rq .swiper-slide::before {
        width: 7px;
        height: 34px;
        top: 72px;
    }

    .abo_con4 .rq .swiper-slide:nth-child(2n)::before {
        top: auto;
        bottom: 72px;
    }

    .abo_con5 .rq1 .div .top p {
        height: 42px;
        -webkit-line-clamp: 2;
    }

    .abo_con5 .rq1 .div .top::before {
        height: 62px;
    }

    .abo_con5 .sw_next,
    .abo_con5 .sw_prev {
        top: 40%;
    }

    .abo_con5 .bot .div1 {
        width: 100%;
        margin-bottom: 8px;
    }

    .abo_con5 .rq1 {
        padding-top: 6%;
    }

    .abo_con7 .rig .div {
        width: 100%;
        padding-top: 5.5%;
    }

    .abo_con7 .rig .div:hover {
        padding-top: 31px;
    }

    .abo_con8 .rq .top .div {
        padding: 0 4%;
        padding-top: 20%;
    }

    .abo_con8 .rq .top .div3 {
        padding-left: 6px;
        margin-bottom: 10px;
    }

    .abo_con8 .rq .top .div {
        height: 440px;
    }

    .abo_con8 .rq .bot p {
        line-height: 40px;
        font-size: 12px;
        margin-top: 12px;
    }

    .abo_con8 .rq .bot p::before {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 8px solid #219393;
        top: -8px;
    }
}

/* 公司新闻 */
.new_con1 {
    width: 100%;
    padding-top: 4.5%;
}

.new_con1 .rq {
    width: 100%;
    position: relative;
}

.new_con1 .rq::before {
    content: '';
    width: 103px;
    height: 85px;
    /* background-image: url(../images/img19.png); */
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 50px;
    top: -11px;
    z-index: 10;
}

.new_con1 .div {
    width: 100%;
    height: 533px;
    display: flex;
    background: #f9f9f9;
}

.new_con1 .div .lef {
    width: 50%;
    position: relative;
    overflow: hidden;
}

.new_con1 .div .lef .div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

.new_con1 .div:hover .lef .div {
    transform: scale(1.05);
}

.new_con1 .div .rig {
    width: 50%;
    padding: 5.8% 4.5%;
}

.new_con1 .rig .p1 {
    font-size: 20px;
    color: #999999;
    font-family: "Arial";
    margin-bottom: 4.5%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.new_con1 .rig .bt .p4 {
    text-align: left;
    line-height: 1.2;
}

.new_con1 .rig .p2 {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    font-family: "SY_Light";
    margin-top: 4%;
    margin-bottom: 9%;
}

.new_con1 .rig .pagination {
    width: 100%;
    text-align: left;
    position: static;
}

.pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 2px solid #dbdbdb;
    background: #fff;
    opacity: 1;
    transition: all .5s;
}

.pagination .swiper-pagination-bullet-active {
    background: #219393;
    border: 2px solid #219393;
}

/* new_con2 */
.new_con2 {
    width: 100%;
    padding-bottom: 5.5%;
}

.new_con2 .rq {
    width: 100%;
    padding-bottom: 4.4%;
}

.new_con2 .rq .div {
    width: 100%;
    height: 265px;
    margin-top: 2%;
    background: #f9f9f9;
}

.new_con2 .rq .div a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}

.new_con2 .rq .lef {
    width: 25%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.new_con2 .rq .lef p {
    font-size: 18px;
    color: #ffffff;
    width: 118px;
    line-height: 36px;
    background: #219393;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}

.new_con2 .rq .lef .div1 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

.new_con2 .rq .div:hover .lef .div1 {
    transform: scale(1.05);
}

.new_con2 .rq .rig {
    width: 75%;
    padding-left: 4%;
    padding-right: 13%;
    position: relative;
}

.new_con2 .rq .rig::before {
    content: '';
    width: 50px;
    height: 50px;
    background-image: url(../images/img20.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 6.5%;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
}

.new_con2 .rq .div:hover .rig::before {
    right: 5.5%;
}

.new_con2 .rq .rig .p1 {
    font-size: 16px;
    color: #555555;
    font-weight: bold;
    font-family: "Arial";
}

.new_con2 .rq .rig .p2 {
    font-size: 24px;
    color: #333333;
    margin-top: 10px;
    transition: all .5s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.new_con2 .rq .div:hover .rig .p2 {
    color: #219393;
}

.new_con2 .rq .rig .p3 {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    font-family: "SY_Light";
    margin-top: 2%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media(max-width:1459px) {
    .new_con1 .div {
        height: 380px;
    }

    .new_con1 .rig .p1 {
        font-size: 16px;
    }

    .new_con1 .rig .bt .p4 {
        line-height: 1.4;
    }

    .new_con1 .rig .p2 {
        font-size: 15px;
        line-height: 28px;
    }

    .new_con1 .rq::before {
        width: 78px;
        height: 64px;
        right: 30px;
        top: -8px;
    }

    .new_con2 .rq .div {
        height: 195px;
    }

    .new_con2 .rq .rig .p1 {
        font-size: 14px;
    }

    .new_con2 .rq .rig .p2 {
        font-size: 20px;
        margin-top: 6px;
    }

    .new_con2 .rq .rig .p3 {
        font-size: 15px;
        line-height: 26px;
    }

    .new_con2 .rq .rig::before {
        width: 40px;
        height: 40px;
    }

    .new_con2 .rq .lef p {
        font-size: 14px;
        width: 80px;
        line-height: 30px;
    }
}

@media(max-width:768px) {
    .new_con1 .div {
        flex-wrap: wrap;
        height: auto;
    }

    .new_con1 .div .lef {
        width: 100%;
        height: 300px;
    }

    .new_con1 .div .rig {
        width: 100%;
    }

    .new_con2 .rq .div {
        height: 145px;
    }

    .new_con2 .rq .rig .p2 {
        font-size: 17px;
    }

    .new_con2 .rq .rig .p3 {
        font-size: 14px;
        line-height: 24px;
    }
}

@media(max-width:500px) {
    .new_con1 .rq::before {
        width: 50px;
        height: 41px;
        right: 18px;
        top: -6px;
    }

    .new_con1 .div .lef {
        height: 240px;
    }

    .new_con1 .div .rig {
        padding: 5.8% 4%;
    }

    .new_con1 .rig .p1 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .new_con1 .rig .bt .p4 {
        font-size: 18px;
    }

    .new_con1 .rig .p2 {
        font-size: 14px;
        line-height: 24px;
    }

    .new_con2 .rq .lef {
        width: 100%;
        height: 200px;
    }

    .new_con2 .rq .div {
        height: auto;
    }

    .new_con2 .rq .rig {
        width: 100%;
        padding: 15px 10px;
    }

    .new_con2 .rq .rig::before {
        display: none;
    }
}

/* 媒体报道 */
.new_con3 {
    width: 100%;
    padding-top: 4.5%;
    overflow: hidden;
}

.new_con3 .rq {
    width: 100%;
    padding-bottom: 5%;
    position: relative;
}

.new_con3 .rq .top {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.new_con3 .rq .top p {
    font-size: 18px;
    color: #ffffff;
    width: 118px;
    line-height: 36px;
    background: #219393;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
}

.new_con3 .rq .top img {
    width: 100%;
    vertical-align: middle;
    transition: all .5s;
}

.new_con3 .rq .swiper-slide:hover .top img {
    transform: scale(1.05);
}

.new_con3 .rq .bot {
    width: 100%;
    padding: 0 15px;
    padding-top: 7%;
}

.new_con3 .rq .bot .p1 {
    font-size: 20px;
    color: #999999;
    font-family: "Arial";
}

.new_con3 .rq .bot .p2 {
    font-size: 24px;
    color: #333333;
    line-height: 36px;
    margin-top: 6px;
    transition: all .5s;
}

.new_con3 .pagination {
    bottom: 7%;
}

.new_con3 .sw_next,
.new_con3 .sw_prev {
    top: 32%;
}

@media(max-width:1459px) {
    .new_con3 .rq .top p {
        font-size: 14px;
        width: 80px;
        line-height: 30px;
    }

    .new_con3 .rq .bot {
        padding: 0 10px;
        padding-top: 7%;
    }

    .new_con3 .rq .bot .p1 {
        font-size: 14px;
    }

    .new_con3 .rq .bot .p2 {
        font-size: 18px;
        line-height: 26px;
        margin-top: 6px;
    }
}

@media(max-width:768px) {
    .new_con3 .pagination {
        bottom: 3%;
    }

    .new_con3 .sw_next,
    .new_con3 .sw_prev {
        display: none;
    }
}

@media(max-width:500px) {
    .new_con3 .rq {
        padding-bottom: 15%;
    }

    .new_con3 .rq .bot {
        padding-top: 10px;
    }

    .new_con3 .rq .bot .p2 {
        font-size: 16px;
        line-height: 24px;
        margin-top: 6px;
    }

    .new_con3 .pagination {
        bottom: 5%;
    }
}

/* 公司新闻详情 */
.new_dat1 {
    width: 100%;
    padding-top: 4%;
    padding-bottom: 4.5%;
}

.new_dat1 .top {
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
}

.new_dat1 .top .p1 {
    font-size: 32px;
    color: #333333;
    font-family: "SY_Bold";
    text-align: center;
}

.new_dat1 .top .p2 {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #999999;
    margin-top: 5px;
}

.new_dat1 .top .p2 span {
    font-family: "Arial";
    display: inline-block;
    margin: 0 16px;
}

.new_dat1 .con {
    width: 100%;
    padding: 0 7%;
    padding-bottom: 6%;
    padding-top: 4%;
}

.new_dat1 .con * {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    font-family: "SY_Light";
}

.new_dat1 .con img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.new_dat1 .bot {
    border-top: 1px solid #ededed;
    padding-right: 175px;
    position: relative;
}

.new_dat1 .bot a {
    font-size: 18px;
    color: #333333;
    display: block;
    margin-top: 20px;
    text-overflow: ellipsis;
    /*overflow:hidden;*/
    white-space: nowrap;
    line-height: 1;
    transition: all .5s;
}

.new_dat1 .bot a:hover {
    color: #219393;
}

.new_dat1 .bot .a span {
    color: #219393;
}

.new_dat1 .bot .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
}

.new_dat1 .bot .more {
    font-family: "SY_Regular";
    font-size: 16px;
    color: #219393;
    width: 160px;
    height: 44px;
    border-radius: 44px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #219393;
    display: block;
    transition: all .5s;
}

.new_dat1 .bot .more:hover {
    color: #fff;
}

@media(max-width:1459px) {
    .new_dat1 .top .p1 {
        font-size: 24px;
    }

    .new_dat1 .top .p2 {
        font-size: 14px;
        margin-top: 4px;
    }

    .new_dat1 .con * {
        font-size: 16px;
        line-height: 28px;
    }

    .new_dat1 .bot .a {
        font-size: 16px;
        margin-top: 16px;
    }
}

@media(max-width:991px) {
    .new_dat1 .con {
        padding: 0;
        padding-bottom: 6%;
        padding-top: 4%;
    }

    .new_dat1 .con * {
        font-size: 14px;
        line-height: 24px;
    }

    .new_dat1 .bot .a {
        font-size: 14px;
        margin-top: 16px;
    }

    .new_dat1 .bot {
        padding-right: 140px;
    }
}

@media(max-width:500px) {
    .new_dat1 .top .p1 {
        font-size: 20px;
        line-height: 1.4;
    }

    .new_dat1 .top {
        padding-bottom: 10px;
    }

    .new_dat1 .bot {
        padding-right: 0;
    }

    .new_dat1 .bot .more {
        position: static;
        transform: translateY(0);
        margin-top: 15px;
    }
}

/* 解决方案 */
.sol_con1 {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.sol_con1 .rq {
    width: 100%;
    padding-bottom: 20px;
}

.sol_con1 .rq1 {
    width: 100%;
    height: 710px;
    position: relative;
    z-index: 1;
    margin-bottom: 2%;
    overflow: hidden;
}

.sol_con1 .rq1 .div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s;
}

.sol_con1 .rq1:hover .div {
    transform: scale(1.05);
}

.sol_con1 .rq1 .wapr {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.sol_con1 .rq1 .div1 {
    width: 470px;
    height: 100%;
    background: #f8f9fa;
    padding: 0 3.5%;
    padding-top: 7%;
    position: relative;
    overflow: hidden;
    transition: all .5s;
}

.sol_con1 .rq1:hover .div1 {
    background: #219393;
}

.sol_con1 .rq1 .div1 .p1 {
    font-size: 32px;
    color: #333333;
    font-family: "SY_Bold";
    padding-bottom: 7%;
    position: relative;
    line-height: 1.2;
    transition: all .5s;
}

.sol_con1 .rq1:hover .div1 .p1 {
    color: #fff;
}

.sol_con1 .rq1 .div1 .p1::before {
    content: '';
    width: 56px;
    height: 4px;
    background: #219393;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .5s;
}

.sol_con1 .rq1:hover .div1 .p1::before {
    background: #fff;
}

.sol_con1 .rq1 .div1 .p2 {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    font-family: "SY_Light";
    margin-top: 10%;
    margin-bottom: 15%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    transition: all .5s;
}

.sol_con1 .rq1:hover .div1 .p2 {
    color: #fff;
}

.sol_con1 .rq1 .div1 .p3 {
    font-family: "GOTHICB";
    font-size: 232px;
    color: #333333;
    opacity: 0.05;
    line-height: 1;
    position: absolute;
    left: 9.5%;
    bottom: -28px;
    transition: all .5s;
}

.sol_con1 .rq1:hover .div1 .p3 {
    color: #fff;
}

.sol_con1 .more {
    margin: 0;
}

.sol_con1 .rq1:hover .div1 .more {
    border: 1px solid #fff;
    color: #fff;
}

.sol_con1 .rq1 .div1 .more:hover {
    background: #fff;
    color: #219393;
}

@media(max-width:1459px) {
    .sol_con1 .rq1 {
        height: 512px;
    }

    .sol_con1 .rq1 .div1 .p1 {
        font-size: 24px;
    }

    .sol_con1 .rq1 .div1 .p2 {
        font-size: 15px;
        line-height: 26px;
    }

    .sol_con1 .rq1 .div1 .p3 {
        font-size: 170px;
    }

    .sol_con1 .rq1 .div1 {
        width: 360px;
    }
}

@media(max-width:768px) {
    .sol_con1 .rq1 {
        height: auto;
    }

    .sol_con1 .rq1 .div {
        height: 400px;
        position: static;
    }

    .sol_con1 .rq1 .wapr {
        position: static;
        padding: 0;
    }

    .sol_con1 .rq1 .div1 {
        width: 100%;
        padding: 40px 20px;
    }

    .sol_con1 .rq1 .div1 .p3 {
        left: auto;
        right: 20px;
    }

    .sol_con1 .rq1 .div1 .p2 {
        font-size: 14px;
        line-height: 24px;
        margin: 20px 0;
    }

    .sol_con1 .rq1 .div1 .p1 {
        font-size: 20px;
        padding-bottom: 15px;
    }
}

@media(max-width:500px) {
    .sol_con1 .rq1 .div {
        height: 165px;
    }

    .sol_con1 .rq1 .div1 {
        padding: 20px 20px;
    }

    .sol_con1 .rq1 .div1 .p3 {
        font-size: 110px;
        bottom: -14px;
    }

    .sol_con1 .rq1 .div1 .p1::before {
        height: 3px;
    }

    .sol_con1 .rq1 {
        margin-bottom: 15px;
    }
}

/* 解决方案详情 */
.sol_dat1 {
    width: 100%;
    min-height: 700px;
    background-size: cover;
    background-position: center;
    padding: 6% 0;
}

.sol_dat1 .p1 {
    font-size: 40px;
    color: #fff;
    font-family: "SY_Bold";
}

.sol_dat1 .div {
    width: 100%;
    margin-top: 3%;
}

.sol_dat1 .div .p2 {
    font-size: 24px;
    color: #ffffff;
    padding-left: 20px;
    position: relative;
}

.sol_dat1 .div .p2::before {
    content: '';
    width: 12px;
    height: 3px;
    background: #219393;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sol_dat1 .div .p3 {
    font-size: 16px;
    color: #ffffff;
    line-height: 36px;
    font-family: "SY_Light";
    width: 51%;
    padding-left: 20px;
    padding-top: 20px;
}

/* sol_dat2 */
.sol_dat2 {
    width: 100%;
    padding: 5% 0 3%;
}

.sol_dat2 .rq {
    width: 100%;
    padding-top: 2.5%;
}

.sol_dat2 .rq .div {
    width: 18.3%;
    height: 345px;
    margin-right: 2.125%;
    float: left;
    background: #f9fafa;
    padding: 0 2%;
    padding-top: 5%;
    transition: all .5s;
    position: relative;
}

.sol_dat2 .rq .div:hover {
    transform: translateY(-10px);
}

.sol_dat2 .rq .div:nth-child(5) {
    margin-right: 0;
}

.sol_dat2 .rq .div img {
    width: 41px;
    display: block;
    margin: 0 auto;
    transition: all .5s;
}

.sol_dat2 .rq .div:hover img {
    transform: translateY(-10px);
}

.sol_dat2 .rq .div .p1 {
    font-size: 22px;
    color: #333333;
    text-align: center;
    margin-top: 10%;
    margin-bottom: 4%;
}

.sol_dat2 .rq .div .p2 {
    font-size: 15px;
    color: #666;
    line-height: 28px;
    font-family: "SY_Light";
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* sol_dat3 */
.sol_dat3 {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 6%;
}

.sol_dat3 .rq {
    width: 100%;
    margin-top: 2.5%;
}

.sol_dat3 .top {
    width: 100%;
    position: relative;
}

.sol_dat3 .top .div {
    width: 100%;
    display: flex;
    background: #f8f9fa;
    align-items: center;
}

.sol_dat3 .top .div .lef {
    width: 50%;
    height: 558px;
    position: relative;
    overflow: hidden;
}

.sol_dat3 .top .lef .ig {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

.sol_dat3 .top .div:hover .lef .ig {
    transform: scale(1.05);
}

.sol_dat3 .top .div .rig {
    width: 50%;
    padding: 0 7%;
}

.sol_dat3 .top .div .rig .p1 {
    font-size: 24px;
    color: #333333;
    font-family: "SY_Medium";
    transition: all .5s;
}

.sol_dat3 .top .div:hover .rig .p1 {
    color: #219393;
}

.sol_dat3 .top .div .rig .p2 {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    font-family: "SY_Light";
    margin-top: 2%;
    margin-bottom: 9.5%;
}

.sol_dat3 .top .div .rig .p3 {
    display: inline-block;
    font-size: 16px;
    color: #219393;
    padding-bottom: 5px;
    border-bottom: 2px solid #219393;
}

.sol_dat3 .bot {
    width: 100%;
    padding-top: 2.5%;
}

.sol_dat3 .bot .div {
    width: 49.5%;
    height: 115px;
    background: #f8f9fa;
    margin-right: 1%;
    margin-bottom: 10px;
    float: left;
}

.sol_dat3 .bot .div:nth-child(2n) {
    margin-right: 0;
}

.sol_dat3 .bot .div a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 3% 4%;
}

.sol_dat3 .bot .div .p1 {
    font-size: 24px;
    color: #333333;
    position: relative;
    padding-left: 14px;
    transition: all .5s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sol_dat3 .bot .div:hover .p1 {
    color: #219393;
    margin-left: 10px;
}

.sol_dat3 .bot .div .p1::before {
    content: '';
    width: 7px;
    height: 3px;
    background: #219393;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sol_dat3 .bot .div .p2 {
    font-size: 16px;
    color: #888888;
    padding-left: 14px;
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sol_dat3 .pagination {
    display: none;
}

/* sol_dat3 */
.sol_dat4 {
    width: 100%;
    padding-top: 4%;
    padding-bottom: 6%;
    background-image: url(../images/img21.png);
    background-size: cover;
    background-position-y: top;
}

.sol_dat4 .rq {
    width: 100%;
    margin-top: 2.5%;
    position: relative;
}

.sol_dat4 .rq .top {
    width: 100%;
    height: 320px;
    background: #f4f5f6;
    position: relative;
    overflow: hidden;
}

.sol_dat4 .rq .top img {
    max-width: 70%;
    max-height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
}

.sol_dat4 .rq .swiper-slide:hover .top img {
    transform: translate(-50%, -50%) scale(1.05);
}

.sol_dat4 .rq p {
    font-size: 18px;
    color: #0f1738;
    font-family: "SY_Light";
    text-align: center;
    margin-top: 4.5%;
    transition: all .5s;
}

.sol_dat4 .rq .swiper-slide:hover p {
    color: #219393;
}

.sol_dat4 .swiper-pagination {
    display: none;
}

@media(max-width:1459px) {
    .sol_dat1 {
        min-height: 540px;
    }

    .sol_dat1 .p1 {
        font-size: 28px;
    }

    .sol_dat1 .div .p2 {
        font-size: 18px;
        padding-left: 20px;
    }

    .sol_dat1 .div .p3 {
        font-size: 14px;
        line-height: 30px;
        padding-left: 20px;
    }

    .sol_dat2 .rq .div {
        height: 260px;
    }

    .sol_dat2 .rq .div img {
        width: 35px;
    }

    .sol_dat2 .rq .div .p1 {
        font-size: 18px;
    }

    .sol_dat2 .rq .div .p2 {
        font-size: 13px;
        line-height: 26px;
    }

    .sol_dat3 .top .div .lef {
        height: 410px;
    }

    .sol_dat3 .top .div .rig .p1 {
        font-size: 20px;
    }

    .sol_dat3 .top .div .rig .p2 {
        font-size: 14px;
        line-height: 26px;
    }

    .sol_dat3 .top .div .rig .p3 {
        font-size: 14px;
    }

    .sol_dat3 .bot .div .p1 {
        font-size: 20px;
    }

    .sol_dat3 .bot .div .p2 {
        font-size: 14px;
    }

    .sol_dat3 .bot .div {
        height: 95px;
    }

    .sol_dat4 .rq .top {
        height: 240px;
    }

    .sol_dat4 .rq p {
        font-size: 16px;
    }
}

@media(max-width:991px) {
    .sol_dat3 .top .div .lef {
        height: 330px;
    }

    .sol_dat3 .bot .div .p1 {
        font-size: 16px;
    }

    .sol_dat2 .rq .div {
        height: 220px;
    }
}

@media(max-width:768px) {
    .sol_dat1 .div .p3 {
        width: 100%;
        line-height: 24px;
    }

    .sol_dat1 .div .p2 {
        font-size: 16px;
    }

    .sol_dat1 .p1 {
        font-size: 22px;
    }

    .sol_dat1 {
        min-height: 370px;
        padding: 7% 0;
    }

    .sol_dat2 .rq .div {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 15px;
    }

    .sol_dat2 .rq .div:nth-child(3n) {
        margin-right: 0;
    }

    .sol_dat3 .sw_next,
    .sol_dat3 .sw_prev {
        display: none;
    }

    .sol_dat3 .pagination {
        display: block;
    }

    .sol_dat3 .top .div {
        flex-wrap: wrap;
    }

    .sol_dat3 .top .div .lef {
        width: 100%;
        height: 470px;
    }

    .sol_dat3 .top .div .rig {
        width: 100%;
        padding: 30px 20px;
    }

    .sol_dat3 .bot .div {
        width: 100%;
    }

    .sol_dat4 .sw_next,
    .sol_dat4 .sw_prev {
        display: none;
    }

    .sol_dat4 .swiper-pagination {
        display: block;
    }

    .sol_dat4 .rq {
        padding-bottom: 60px;
    }
}

@media(max-width:500px) {
    .sol_dat2 .rq .div {
        height: 190px;
        margin-bottom: 10px;
    }

    .sol_dat2 .rq .div .p1 {
        font-size: 16px;
    }

    .sol_dat2 .rq .div:hover {
        transform: translateY(-5px);
    }

    .sol_dat2 .rq .div:hover img {
        transform: translateY(-5px);
    }

    .sol_dat3 .top .div .lef {
        height: 250px;
    }

    .sol_dat3 .top .div .rig {
        padding: 30px 10px;
        padding-top: 20px;
    }

    .sol_dat3 .top .div .rig .p1 {
        font-size: 18px;
    }

    .sol_dat3 .bot .div {
        height: 74px;
    }

    .sol_dat4 .rq .top {
        height: 150px;
    }

    .sol_dat4 .rq p {
        font-size: 13px;
    }

    .sol_dat4 .rq {
        padding-bottom: 40px;
    }
}

/* 业绩案例 */
.case_con1 {
    width: 100%;
    padding: 5% 0;
}

.case_con1 .rq {
    width: 100%;
    padding-top: 20px;
}

.case_con1 .rq .div {
    width: 23.5%;
    height: 240px;
    margin-right: 2%;
    float: left;
    background: #f8f9fa;
    margin-bottom: 3%;
    padding: 20px;
}

.case_con1 .rq .div:nth-child(4n) {
    margin-right: 0;
}

.case_con1 .rq .div a {
    display: flex;
    width: 100%;
    height: 100%;
}

.case_con1 .rq .div .lef {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.case_con1 .rq .div .lef .div1 {
    width: 100%;
    height: 100%;
    /* background-size: cover;
    background-position: center; */
    transition: all .5s;
    object-fit: contain;
}

.case_con1 .rq .div:hover .lef .div1 {
    transform: scale(1.05);
}

.case_con1 .rq .div .rig {
    width: 41%;
    padding: 5%;
}

.case_con1 .rq .rig .p1 {
    font-size: 24px;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .5s;
}

.case_con1 .rq .div:hover .rig .p1 {
    color: #219393;
}

.case_con1 .rq .rig .p2 {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    font-family: "SY_Light";
    margin-top: 7%;
    margin-bottom: 23%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.case_con1 .rq .rig .p3 {
    font-size: 16px;
    color: #219393;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid #219393;
}

@media(max-width:1459px) {
    .case_con1 .rq .div {
        height: auto;
        padding: 14px;
    }

    .case_con1 .rq .rig .p1 {
        font-size: 18px;
    }

    .case_con1 .rq .rig .p2 {
        font-size: 14px;
        line-height: 24px;
    }

    .case_con1 .rq .rig .p3 {
        font-size: 14px;
    }
}

@media(max-width:768px) {
    .case_con1 .rq .div {
        width: 100%;
        margin-right: 0;
    }
}

@media(max-width:500px) {
    .case_con1 .rq .div a {
        flex-wrap: wrap;
    }

    .case_con1 .rq .div {
        height: auto;
        padding: 14px;
    }

    .case_con1 .rq .div .lef {
        width: 100%;
        height: 220px;
    }

    .case_con1 .rq .div .rig {
        width: 100%;
    }

    .case_con1 .rq .div .rig {
        padding: 20px 0;
    }

    .case_con1 .rq .rig .p2 {
        margin-top: 10px;
        margin-bottom: 20px;
    }
}

/* 业绩案例详情 */
.case_det1 {
    padding-bottom: 0;
}

.case_det1 .top {
    border-bottom: none;
    padding-bottom: 0;
}

.case_det1 .con {
    padding-top: 2%;
}

.case_det2 {
    padding-bottom: 2%;
}

.case_det2 .bt .p4 {
    text-align: left;
}

.case_det2 .rq {
    padding-top: 30px;
}

@media(max-width:1459px) {
    .case_det2 .rq {
        padding-top: 20px;
    }
}

@media(max-width:500px) {
    .case_det2 .rq {
        padding-top: 10px;
    }

    .case_det2 {
        padding-top: 7%;
    }
}

/* 技术服务_频道页 */
.ser_con1 {
    width: 100%;
    padding-top: 4.5%;
}

.ser_con1 .rq {
    width: 100%;
    padding-top: 2.5%;
}

.ser_con1 .rq .div {
    width: 32.7%;
    height: 350px;
    margin-right: 0.95%;
    float: left;
    background: #f8f9fa;
    padding: 0 5%;
    padding-top: 4.5%;
    transition: all .5s;
}

.ser_con1 .rq .div:hover {
    transform: translateY(-10px);
}

.ser_con1 .rq .div:nth-child(3) {
    margin-right: 0;
}

.ser_con1 .rq .div img {
    width: 62px;
    display: block;
    margin: 0 auto;
    transition: all .5s;
}

.ser_con1 .rq .div:hover img {
    transform: translateY(-10px);
}

.ser_con1 .rq .div .p1 {
    font-size: 24px;
    color: #333333;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5px;
}

.ser_con1 .rq .div .p2 {
    font-size: 18px;
    color: #666666;
    text-align: center;
    font-family: "SY_Light";
}

.ser_con1 .rq .div .p2 span {
    font-family: "SY_Medium";
    font-size: 24px;
    color: #219393;
}

.ser_con2 {
    width: 100%;
    padding: 5.5% 0;
}

.ser_con2 .rq {
    width: 100%;
    padding-top: 2.8%;
}

.ser_con2 .rq .div {
    width: 24%;
    margin-right: 1.3333333%;
    float: left;
    background: #f8f9fa;
}

.ser_con2 .rq .div:nth-child(4n) {
    margin-right: 0;
}

.ser_con2 .rq .div .top {
    width: 100%;
    height: 230px;
    overflow: hidden;
}

.ser_con2 .rq .div .top div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

.ser_con2 .rq .div:hover .top div {
    transform: scale(1.05);
}

.ser_con2 .rq .div .bot {
    width: 100%;
    height: 290px;
    padding: 11%;
}

.ser_con2 .rq .div .bot .p1 {
    font-size: 24px;
    color: #333333;
    margin-bottom: 5px;
    transition: all .5s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ser_con2 .rq .div:hover .bot .p1 {
    color: #219393;
}

.ser_con2 .rq .div .bot .p2 {
    font-size: 18px;
    color: #666666;
    line-height: 32px;
    font-family: "SY_Light";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

/* ser_con3 */
.ser_con3 {
    width: 100%;
    background: #f8f9fa;
    padding-top: 6%;
}

.ser_con3 .rq {
    width: 100%;
    padding-top: 3.2%;
}

.ser_con2 .wapr .p40, .ser_con3 .rq .p1 {
    font-size: 18px;
    color: #666666;
    line-height: 44px;
    text-align: center;
    width: 69%;
    margin: 0 auto;
}

.ser_con3 .rq img {
    width: 100%;
}

/* ser_con4 */
.ser_con4 {
    width: 100%;
    padding-top: 7%;
    overflow: hidden;
}

.ser_con4 .rq {
    width: 100%;
    height: 500px;
    background: #f8f9fa;
    display: flex;
    flex-wrap: wrap;
}

.ser_con4 .rq .lef {
    width: 50%;
    overflow: hidden;
}

.ser_con4 .rq .lef div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

.ser_con4 .rq:hover .lef div {
    transform: scale(1.05);
}

.ser_con4 .rq .rig {
    width: 50%;
    padding: 4.5% 5.6%;
}

.ser_con4 .rq .rig .p1 {
    font-size: 32px;
    color: #333333;
    font-family: "SY_Bold";
}

.ser_con4 .rq .rig .p2 {
    font-size: 18px;
    color: #666666;
    line-height: 34px;
    font-family: "SY_Light";
    margin-top: 4%;
    margin-bottom: 6.5%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

/* ser_con5 */
.ser_con5 {
    width: 100%;
    padding: 6% 0;
}

.ser_con5 .rq {
    width: 100%;
    padding-top: 2%;
    padding-bottom: 3%;
}

.ser_con5 .rq .div {
    width: 100%;
    margin-bottom: 10px;
}

.ser_con5 .rq .top {
    width: 100%;
    height: 66px;
    line-height: 66px;
    background: #f6f7f8;
    padding-left: 104px;
    padding-right: 70px;
    transition: all .5s;
    position: relative;
}

.ser_con5 .rq .top:hover {
    background: #219393;
}

.ser_con5 .rq .top::before {
    content: '';
    width: 16px;
    height: 13px;
    background-image: url(../images/img22.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 38px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
}

.ser_con5 .rq .top:hover::before {
    background-image: url(../images/img23.png);
}

.ser_con5 .rq .p {
    position: relative;
    font-size: 16px;
    color: #333333;
    transition: all .5s;
}

.ser_con5 .rq .top:hover .p {
    color: #fff;
}

.ser_con5 .rq .p span {
    font-size: 22px;
    color: #219393;
    position: absolute;
    left: -45px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Poppins_m";
    transition: all .5s;
}

.ser_con5 .rq .top:hover .p span {
    color: #fff;
}

.ser_con5 .rq .bot {
    width: 100%;
    background: #f6f7f8;
    padding: 3% 0;
    padding-left: 104px;
    padding-right: 70px;
    display: none;
}

.ser_con5 .rq .bot .div1 {
    width: 100%;
    padding-left: 18px;
    margin-top: 12px;
    font-size: 16px;
    color: #666666;
    line-height: 40px;
}

.ser_con5 .more {
    margin: 0 auto;
}

/* ser_con6 */
.ser_con6 {
    width: 100%;
    padding: 6% 0;
    background: #f6f7f8;
    overflow: hidden;
}

.ser_con6 .rq {
    width: 100%;
    /* height: 700px; */
    margin-top: 3%;
    display: flex;
    background: url(../images/messagebg.jpg) no-repeat center;
    background-size: 100% 100%;
    flex-wrap: wrap;
   padding:8px ;
}

.ser_con6 .rq .lef {
    width: 29%;
    background-size: 100% 100%;
    background-position: center;
     border-radius: 16px 0px 0px 16px;
}

.ser_con6 .rq .rig {
    width: 68.5%;
    padding: 40px 40px 11px;
}

.ser_con6 .rq .rig .div {
    width: 48%;
   
    position: relative;
    margin-bottom: 18px;
}

.ser_con6 .rq .rig .div p {
    font-size: 18px;
    line-height: 50px;
    color: #333333;
    position: absolute;
    left: 0;
    top: 0;
    font-family: "SY_Light";
}

.ser_con6 .rq .rig .div input {
    width: 100%;
    height: 50px;
    background: #ffffff;
    padding: 0 15px;
    font-size: 16px;
    border: solid 1px #dbdbdb;
    color: #333;
    font-family: "SY_Light";
}
.ser_con6 .rq .rig .div.textdiv {
    width: 100%;
}
.ser_con6 .rq .rig .div textarea {
    width: 100%;
    height: 200px;
    background: #ffffff;
    border: solid 1px #dbdbdb;
    padding: 15px;
    font-size: 16px;
    color: #333;
    font-family: "SY_Light";
    resize: none;
}

.ser_con6 .rq .rig .div button {
    font-size: 18px;
    color: #ffffff;
    font-family: "SY_Light";
    display: block;
    width: 180px;
    height: 50px;
    border-radius: 50px;
    background: #219393;
    margin-top: 30px;
}
.ser_con6 .rq .rig .div.yzmdiv {
    margin-top: 50px;
}
.ser_con6 .rq .rig .div.btndiv {
    text-align: right;
    margin-top: 50px;
}
.ser_con6 .rq .rig .div input.btn_submit {
    width: 140px;
	height: 56px;
	background-color: #219393;
    color: #ffffff;
    border: 0px;
}

.ser_con6 .rq .rig .div input::placeholder,.ser_con6 .rq .rig .div textarea::placeholder {
    color: #999999;
}

@media(max-width:1559px) {
    .ser_con1 .rq .div {
        height: 270px;
    }

    .ser_con1 .rq .div img {
        width: 50px;
    }

    .ser_con1 .rq .div .p1 {
        font-size: 20px;
    }

    .ser_con1 .rq .div .p2 {
        font-size: 16px;
    }

    .ser_con1 .rq .div .p2 span {
        font-size: 20px;
    }

    .ser_con2 .rq .div .top {
        height: 170px;
    }

    .ser_con2 .rq .div .bot {
        height: 220px;
    }

    .ser_con2 .rq .div .bot .p1 {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .ser_con2 .rq .div .bot .p2 {
        font-size: 14px;
        line-height: 26px;
    }

    .ser_con2 .wapr .p40, .ser_con3 .rq .p1 {
        font-size: 16px;
        line-height: 33px;
        width: 83%;
    }

    .ser_con4 .rq .rig .p1 {
        font-size: 24px;
    }

    .ser_con4 .rq {
        height: 435px;
    }

    .ser_con4 .rq .rig .p2 {
        font-size: 15px;
        line-height: 28px;
    }

    .ser_con6 .rq {
        /* height: 580px; */
    }

    .ser_con6 .rq .rig .div input {
        height: 40px;
        font-size: 14px;
    }

    .ser_con6 .rq .rig .div input.textcode {
        width: 50% !important;
    }

    .ser_con6 .rq .rig .div p {
        font-size: 16px;
        line-height: 40px;
    }

    .ser_con6 .rq .rig .div {
        /* padding-left: 78px; */
        margin-bottom: 14px;
    }

    .ser_con6 .rq .rig .div button {
        font-size: 16px;
        width: 140px;
        height: 44px;
        border-radius: 44px;
        margin-top: 22px;
    }
}

@media(max-width:768px) {
    .ser_con1 .rq .div img {
        width: 45px;
    }

    .ser_con1 .rq .div .p1 {
        font-size: 16px;
    }

    .ser_con1 .rq .div .p2 {
        font-size: 14px;
    }

    .ser_con1 .rq .div .p2 span {
        font-size: 16px;
    }

    .ser_con1 .rq .div {
        height: 190px;
    }

    .ser_con2 .rq .div {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 15px;
    }

    .ser_con2 .rq .div:nth-child(2n) {
        margin-right: 0;
    }

    .ser_con2 .wapr .p40,.ser_con3 .rq .p1 {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
    }

    .ser_con4 .rq .lef {
        width: 100%;
        height: 400px;
    }

    .ser_con4 .rq {
        height: auto;
    }

    .ser_con4 .rq .rig {
        width: 100%;
    }

    .ser_con5 .rq .top {
        padding-left: 65px;
        padding-right: 70px;
    }

    .ser_con5 .rq .bot {
        padding-left: 65px;
        padding-right: 70px;
    }

    .ser_con6 .rq {
        height: auto;
        background: none;
        border: 8px solid #d1d1d1;
        border-radius: 8px;
    }

    .ser_con6 .rq .lef {
        display: none;
    }

    .ser_con6 .rq .rig {
        width: 100%;
    }
   
}

@media(max-width:500px) {
    .ser_con1 .rq .div {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 5%;
    }

    .ser_con2 .rq .div .top {
        height: 110px;
    }

    .ser_con2 .rq .div .bot {
        height: 170px;
        padding: 15px 10px;
    }

    .ser_con2 .rq .div .bot .p1 {
        font-size: 16px;
        margin-bottom: 3px;
    }

    .ser_con2 .rq .div .bot .p2 {
        font-size: 13px;
        line-height: 22px;
    }

    .ser_con2 .wapr .p40, .ser_con3 .rq .p1 {
        font-size: 13px;
        line-height: 22px;
    }

    .ser_con4 .rq .lef {
        height: 220px;
    }

    .ser_con4 .rq .rig .p1 {
        font-size: 20px;
    }

    .ser_con4 .rq .rig {
        padding: 20px 10px;
    }

    .ser_con4 .rq .rig .p2 {
        font-size: 14px;
        line-height: 24px;
        margin-top: 5px;
    }

    .ser_con5 .rq .top {
        line-height: 22px;
        padding: 10px 0;
        padding-left: 40px;
        padding-right: 30px;
        height: auto;
    }

    .ser_con5 .rq .p {
        font-size: 14px;
    }

    .ser_con5 .rq .p span {
        font-size: 18px;
        left: -24px;
    }

    .ser_con5 .rq .top::before {
        width: 14px;
        height: 8px;
        right: 12px;
    }

    .ser_con5 .rq .bot {
        padding-left: 40px;
        padding-right: 10px;
    }

    .ser_con5 .rq .bot .div1 {
        padding-left: 10px;
        margin-top: 6px;
        font-size: 14px;
        line-height: 22px;
    }

    .ser_con6 .rq .rig {
        padding: 40px 20px;
    }

    .ser_con6 .rq .rig .div p {
        font-size: 14px;
    }

    .ser_con6 .rq .rig .div button {
        font-size: 14px;
        width: 110px;
        height: 36px;
        border-radius: 36px;
        margin-top: 22px;
    }
}

/* 技术服务_客户培训 */
.ser2_con1 {
    padding-bottom: 4%;
}

.ser2_con1 .rq {
    background: #fff;
}

.ser2_con1 .rq .rig .p2 {
    -webkit-line-clamp: 8;
    display: block;
}

/* ser2_con2 */
.ser2_con2 {
    width: 100%;
    background: #f8f9fa;
    padding: 4% 0;
}

.ser2_con2 .p {
    font-size: 18px;
    color: #333333;
    line-height: 34px;
    text-align: center;
    margin: 0 auto;
    width: 59%;
    font-family: "SY_Light";
}

.ser2_con2 .rq {
    width: 100%;
    margin-top: 2.5%;
    padding-bottom: 50px;
    background: #fff;
}

.ser2_con2 .rq .div {
    width: 100%;
    height: 490px;
    overflow: hidden;
    transition: all .5s;
}

.ser2_con2 .rq.on .div {
    height: auto;
}

.ser2_con2 .rq table {
    width: 100%;
}

.ser2_con2 .rq th {
    background: #219393;
    text-align: center;
}

.ser2_con2 .rq th,
.ser2_con2 .rq td {
    font-size: 16px;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    font-family: "SY_Light";
    padding: 12px 0;
    border: 1px solid #ededed;
}

.ser2_con2 .rq th {
    color: #fff;
    font-family: "SY_Regular";
    font-weight: normal;
    border: 1px solid rgba(237, 237, 237, .5);
}

.ser2_con2 .rq th:nth-child(1),
.ser2_con2 .rq td:nth-child(1) {
    width: 12%;
}

.ser2_con2 .rq th:nth-child(2),
.ser2_con2 .rq td:nth-child(2) {
    width: 23%;
}

.ser2_con2 .rq th:nth-child(3),
.ser2_con2 .rq td:nth-child(3) {
    width: 16%;
}

.ser2_con2 .rq th:nth-child(4),
.ser2_con2 .rq td:nth-child(4) {
    width: 49%;
}

.ser2_con2 .rq p {
    text-align: center;
    margin-top: 20px;
}

.ser2_con2 .rq p span {
    font-size: 16px;
    color: #666666;
    font-family: "SY_Light";
    padding-bottom: 24px;
    position: relative;
    cursor: pointer;
}

.ser2_con2 .rq p span::before {
    content: '';
    width: 12px;
    height: 13px;
    background-image: url(../images/img24.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* ser2_con3 */
.ser2_con3 {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 3.5%;
    overflow: hidden;
}

.ser2_con3 .rq {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ser2_con3 .rq .lef {
    font-size: 18px;
    color: #666666;
    line-height: 34px;
    width: 45%;
    font-family: "SY_Light";
}

.ser2_con3 .rq .lef * {
    font-family: "SY_Light";
}

.ser2_con3 .rq .rig {
    width: 50%;
}

.ser2_con3 .rq .rig .top {
    width: 100%;
    padding-bottom: 44px;
    position: relative;
}

.ser2_con3 .rq .rig .top .div {
    width: 100%;
    height: 500px;
    background-size: cover;
    background-position: center;
}

@media(max-width:1459px) {
    .ser2_con2 .p {
        font-size: 16px;
        line-height: 30px;
        width: 72%;
    }

    .ser2_con2 .rq th,
    .ser2_con2 .rq td {
        font-size: 14px;
        padding: 12px 0;
    }

    .ser2_con2 .rq p span {
        font-size: 14px;
    }

    .ser2_con3 .rq .lef {
        font-size: 16px;
        line-height: 30px;
    }

    .ser2_con3 .rq .rig .top .div {
        height: 370px;
    }
}

@media(max-width:768px) {
    .ser2_con2 .p {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
    }

    .ser2_con2 .rq .div {
        overflow-x: auto;
    }

    .ser2_con2 .rq .div::-webkit-scrollbar {
        height: 3px;
        background-color: #999;
        border-radius: 50px;
    }

    .ser2_con2 .rq .div::-webkit-scrollbar-thumb {
        border-radius: 50px;
        background-color: #219393;
    }

    .ser2_con2 .rq table {
        width: 750px;
    }

    .ser2_con2 .rq th,
    .ser2_con2 .rq td {
        font-size: 13px;
        padding: 10px 0;
    }

    .ser2_con3 .rq {
        flex-wrap: wrap-reverse;
    }

    .ser2_con3 .rq .lef {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }

    .ser2_con3 .rq .rig {
        width: 100%;
    }
}

@media(max-width:500px) {
    .ser2_con3 .rq .rig .top .div {
        height: 220px;
    }
}

/* 技术服务_常见问题 */
.ser3_con1 {
    padding: 5% 0;
}

.ser3_con1 .rq {
    padding-top: 0;
}

/* 产品中心_列表 */
.por1_con1 .rig {
    width: 100%;
    float: left;
    text-align: left;
}

/* por1_con2 */
.por1_con2 {
    width: 100%;
    padding-top: 6%;
    padding-bottom: 4%;
}

.por1_con2 .top {
    width: 100%;
    background: #eeeeee;
    padding: 20px 24px;
}

.por1_con2 .top .div {
    width: 100%;
    height: 70px;
    background: #fff;
    border-radius: 5px;
    padding-right: 82px;
    position: relative;
}

.por1_con2 .top .div input {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #666666;
    padding: 0 22px;
}

.por1_con2 .top .div button {
    width: 82px;
    height: 100%;
    background: #219393;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 5px;
}

.por1_con2 .top .div button::before {
    content: '';
    width: 19px;
    height: 19px;
    background-image: url(../images/img25.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.por1_con2 .bot {
    width: 100%;
    padding-top: 3%;
}

.por1_con2 .bot .lef {
    width: 22%;
    float: left;
    position: relative;
    z-index: 10;
}

.por1_con2 .bot .lef .p {
    font-size: 32px;
    color: #333333;
    font-family: "SY_Bold";
    height: 78px;
}

.por1_con2 .lef .rq {
    width: 100%;
}

.por1_con2 .lef .div {
    width: 100%;
    position: relative;
    background: #eeeeee;
    transition: all .5s;
}

.por1_con2 .lef .div:nth-child(2n) {
    background: #f6f6f6;
}

.por1_con2 .lef .div:hover,
.por1_con2 .lef .div.on {
    background: #219393;
}

.por1_con2 .lef .div .a {
    display: block;
    line-height: 80px;
    font-size: 18px;
    color: #333333;
    padding-left: 21%;
    padding-right: 12%;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all .5s;
}

.por1_con2 .lef .div:hover .a,
.por1_con2 .lef .div.on .a {
    color: #fff;
}

.por1_con2 .lef .div .a::before {
    content: '';
    width: 7px;
    height: 11px;
    background-image: url(../images/img27.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
}

.por1_con2 .lef .div:hover .a::before,
.por1_con2 .lef .div.on .a::before {
    background-image: url(../images/img26.png);
}

.por1_con2 .lef .div .a span {
    width: 29px;
    height: 29px;
    position: absolute;
    left: 8%;
    top: 18%;
    transform: translateY(-50%);
}

.por1_con2 .lef .div .a span img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .5s;
}
.por1_con2 .lef .div .a span img.proico148 {
    top: 27px;
}
.por1_con2 .lef .div .a span img.proico162,.por1_con2 .lef .div .a span img.proico181 {
    filter: grayscale(250%) brightness(-100%);
    top: 29px;
    width: 25px;
}
.por1_con2 .lef .div:hover .a span img.proico162,.por1_con2 .lef .div.on .a span img.proico162 {
     filter: grayscale(1000%) brightness(1000%);
}
.por1_con2 .lef .div:hover .a span img.proico181,.por1_con2 .lef .div.on .a span img.proico181,.por1_con2 .lef .div:hover .a span img.proico148,.por1_con2 .lef .div.on .a span img.proico148 {
    filter: grayscale(1000%) brightness(-1000%) invert(100%);
}

.por1_con2 .lef .div .a span .ig2 {
    opacity: 0;
}

.por1_con2 .lef .div:hover span .ig2,
.por1_con2 .lef .div.on span .ig2 {
    opacity: 1;
}

.por1_con2 .lef .div:hover span .ig1,
.por1_con2 .lef .div.on span .ig1 {
    opacity: 0;
}

.por1_con2 .lef .div .a span i {
    font-size: 30px;
    color: #000;
}

.por1_con2 .lef .div:hover .a span i,
.por1_con2 .lef .div.on .a span i {
    color: #fff;
}

.por1_con2 .lef .div1 {
    /* width:940px;*/
    width: auto;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .06);
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    z-index: 10;
}

.por1_con2 .lef .div:hover .div1 {
    display: block;
}

.por1_con2 .lef .div1::after {
    left: 66.6666%;
}

.por1_con2 .lef .div2 {
    display: flex;
}

.por1_con2 .lef .div3 {
    padding-top: 28px;
    width: 313px;
    border-right: 1px solid #dfe0e1;
    position: relative;
}
.por1_con2 .lef .div3 .div4 {
    position: absolute;
    left: 100%;
    top: 60px;
     width: 313px;
     padding-top: 20px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .06);
    display: none;
} 

.por1_con2 .lef .div1 a {
    /* width:33.33333%;float:left;*/
    width: 100%;
    display: block;
    font-size: 18px;
    color: #666666;
    margin-bottom: 24px;
    padding-left: 14%;
    padding-right: 13%;
    position: relative;
    transition: all .5s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.por1_con2 .lef .div1 a:hover {
    color: #219393;
}

.por1_con2 .lef .div1 a::before {
    content: '';
    width: 7px;
    height: 11px;
    background-image: url(../images/img27.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
}

.por1_con2 .lef .div1 a:hover::before {
    background-image: url(../images/img28.png);
}

.por1_con2 .bot .rig {
    width: 75.2%;
    float: right;
}

.por1_con2 .bot .rig .p {
    font-family: "SY_Medium";
    font-size: 50px;
    color: #333333;
    height: 78px;
}

.por1_con2 .bot .rig .rq {
    width: 100%;
}

.por1_con2 .rig .p1 {
    font-size: 16px;
    color: #666666;
    line-height: 36px;
}

.por1_con2 .rig .rq1 {
    width: 100%;
    margin-top: 2%;
    padding-bottom: 4%;
    border-top: 1px solid #e5e5e5;
}

.por1_con2 .rig .rq1 .div {
    width: 48.8%;
    margin-right: 2.4%;
    margin-top: 3%;
    float: left;
}

.por1_con2 .rig .rq1 .div:nth-child(2n) {
    margin-right: 0;
}

.por1_con2 .rig .rq1 .div1 {
    width: 100%;
    height: 340px;
    background: #eaeaea;
    position: relative;
    overflow: hidden;
}

.por1_con2 .rig .rq1 .div1::before {
    content: '';
    width: 85px;
    height: 16px;
    background-image: url(../images/img101.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 14px;
    left: 18px;
}

.por1_con2 .rig .rq1 .div1 img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    padding: 40px;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
}

.por1_con2 .rig .rq1 .div:hover .div1 img {
    transform: translate(-50%, -50%) scale(1.05);
}

.por1_con2 .rig .rq1 .div2 {
    width: 100%;
    height: 244px;
    background: #f5f5f5;
    padding: 5% 7%;
}

.por1_con2 .rig .rq1 .div2 .p2 {
    font-size: 28px;
    color: #333333;
    font-family: "SY_Bold";
    transition: all .5s;
}

.por1_con2 .rig .rq1 .div:hover .div2 .p2 {
    color: #219393;
}

.por1_con2 .rig .rq1 .div2 .p3 {
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    margin-top: 3px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.buton {
    display: block;
    width: 180px;
    height: 50px;
    border-radius: 50px;
    background: #219393;
    font-size: 16px;
    color: #ffffff;
    font-family: "SY_Light";
    position: relative;
}

.buton i {
    width: 30px;
    height: 10px;
    background-image: url(../images/img29.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    display: inline-block;
    margin-left: 18px;
    margin-bottom: 3px;
}

/* por1_con3 */
.por1_con3 {
    width: 100%;
    padding-top: 2.7%;
    padding-bottom: 3%;
    background-size: cover;
    background-position: center;
}

.por1_con3 .bt .p3 {
    color: #fff;
    text-align: center;
}

.por1_con3 .rq {
    width: 100%;
    padding-top: 2.8%;
    display: flex;
    justify-content: space-between;
}

.por1_con3 .rq .div {
    padding: 0 2.5%;
    position: relative;
}

.por1_con3 .rq .div::before {
    content: '';
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.2;
}

.por1_con3 .rq .div:last-child::before {
    display: none;
}

.por1_con3 .rq .div1 {
    width: 100%;
    padding-left: 80px;
    position: relative;
}

.por1_con3 .rq .div1 img {
    width: 70px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
}

.por1_con3 .rq .div1:hover img {
    top: 40%;
}

.por1_con3 .rq .div1 .p1 {
    font-size: 20px;
    color: #ffffff;
}

.por1_con3 .rq .div1 .p2 {
    font-family: "GOTHIC";
    font-size: 26px;
    color: #fff;
    margin-top: 5px;
}

@media(max-width:1680px) {
    .por1_con3 .rq .div1 .p1 {
        font-size: 16px;
    }

    .por1_con3 .rq .div1 .p2 {
        font-size: 24px;
    }

    .por1_con3 .rq .div1 {
        padding-left: 60px;
    }

    .por1_con3 .rq .div1 img {
        width: 54px;
    }
}

@media(max-width:1459px) {
    .por1_con2 .top {
        padding: 14px 16px;
    }

    .por1_con2 .top .div {
        height: 50px;
        padding-right: 60px;
    }

    .por1_con2 .top .div button {
        width: 60px;
    }

    .por1_con2 .top .div input {
        font-size: 14px;
    }

    .por1_con2 .bot .lef .p {
        font-size: 24px;
        height: 64px;
    }

    .por1_con2 .bot .rig .p {
        font-size: 36px;
        height: 64px;
    }

    .por1_con2 .lef .div .a {
        line-height: 60px;
        font-size: 14px;
    }

    .por1_con2 .lef .div .a span {
        width: 22px;
        height: 22px;
    }

    .por1_con2 .lef .div3 {
        padding-top: 18px;
        width: 256px;
    }

    .por1_con2 .lef .div1 a {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .por1_con2 .rig .p1 {
        font-size: 14px;
        line-height: 24px;
    }

    .por1_con2 .rig .rq1 .div1 {
        height: 260px;
    }

    .por1_con2 .rig .rq1 .div2 {
        height: 185px;
    }

    .por1_con2 .rig .rq1 .div2 .p2 {
        font-size: 20px;
    }

    .por1_con2 .rig .rq1 .div2 .p3 {
        font-size: 14px;
        line-height: 24px;
        margin-top: 3px;
        margin-bottom: 20px;
    }

    .buton {
        width: 130px;
        height: 36px;
        border-radius: 36px;
        font-size: 14px;
    }

    .buton i {
        width: 22px;
        height: 7px;
        margin-left: 12px;
        margin-bottom: 3px;
    }

    .por1_con3 .rq .div1 .p1 {
        font-size: 14px;
    }

    .por1_con3 .rq .div1 .p2 {
        font-size: 16px;
        margin-top: 0px;
    }

    .por1_con3 .rq .div1 img {
        width: 48px;
    }
}

@media(max-width:1259px) {
    .por1_con3 .rq .div {
        padding: 0 1.5%;
    }

    .por1_con2 .rig .rq1 .div1 {
        height: 190px;
    }

    .por1_con2 .lef .div3 {
        width: 220px;
    }
}

@media(max-width:991px) {
    .por1_con2 .lef .div .a {
        line-height: 48px;
        font-size: 14px;
        padding-left: 28%;
    }

    .por1_con2 .lef .div .a span {
        width: 18px;
        height: 18px;
        left: 6%;
    }

    .por1_con2 .lef .div:nth-child(2) .a span i,.por1_con2 .lef .div:nth-child(5) .a span i {
        font-size: 32px;
    }

    .por1_con2 .lef .div:nth-child(3) .a span i {
        font-size: 40px;
    }

    .por1_con2 .lef .div1 a {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .por1_con2 .lef .div1 {
        width: 580px;
    }

    .por1_con3 .rq {
        flex-wrap: wrap;
    }

    .por1_con3 .rq .div {
        margin-bottom: 20px;
    }

    .por1_con1 .rig {
        display: block;
        font-size: 13px;
        line-height: 60px;
    }

    .por1_con2 .bot .rig {
        width: 100%;
    }

    .por1_con2 .bot .rig .p {
        font-size: 26px;
        height: auto;
        margin-bottom: 10px;
    }

    .por1_con2 .bot .lef {
        width: 100%;
        margin-bottom: 20px;
    }

    .por1_con2 .lef .div1 {
        display: none !important;
    }

    .por1_con2 .lef .rq {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .por1_con2 .lef .div {
        width: 49%;
        margin-bottom: 10px;
    }

    .por1_con2 .bot .lef .p {
        font-size: 24px;
        height: auto;
        margin-bottom: 10px;
    }

    .por1_con2 .rig .rq1 .div2 .p2 {
        font-size: 18px;
    }
}

@media(max-width:500px) {
    .por1_con2 .top {
        padding: 10px 10px;
    }

    .por1_con1 .rig {
        font-size: 12px;
        line-height: 46px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .por1_con1 .rig span img {
        margin-bottom: -2px;
    }

    .abo_con1 .rig a {
        padding-right: 15px;
    }

    .abo_con1 .rig a::before {
        right: 2px;
    }

    .por1_con2 .top .div input {
        padding: 0 10px;
    }

    .por1_con2 .top .div {
        height: 38px;
        padding-right: 48px;
    }

    .por1_con2 .top .div button {
        width: 48px;
    }

    .por1_con2 .top .div button::before {
        width: 16px;
        height: 16px;
    }

    .por1_con2 .bot .lef .p {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .por1_con2 .bot .rig .p {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .por1_con2 .bot .lef {
        margin-bottom: 14px;
    }

    .por1_con2 .rig .rq1 .div {
        width: 100%;
        margin-right: 0;
    }

    .por1_con2 .rig .rq1 .div2 {
        height: auto;
        padding: 20px 10px;
    }

    .por1_con3 .rq .div::before {
        display: none;
    }

    .por1_con3 .rq .div {
        width: 100%;
    }
}

/* 产品中心_二级 */
.por1_con2 .bot .rig .rq2 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 3%;
}

.por1_con2 .rig .rq2 .div {
    width: 100%;
    background: #f5f5f5;
    margin-bottom: 2.5%;
}

.por1_con2 .rig .rq2 a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
}

.por1_con2 .rig .rq2 .div1 {
    width: 24%;
    background: #eeeeee;
    position: relative;
    overflow: hidden;
}

.por1_con2 .rig .rq2 .div1 img {
    max-width: 75%;
    max-height: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
}

.por1_con2 .rig .rq2 .div:hover .div1 img {
    transform: translate(-50%, -50%) scale(1.05);
}

.por1_con2 .rig .rq2 .div2 {
    width: 76%;
    padding: 2.5% 4%;
}

.por1_con2 .rig .rq2 .div2 .p1 {
    font-size: 22px;
    color: #333333;
    font-family: "SY_Bold";
    padding-bottom: 6px;
    border-bottom: 1px solid #dcdcdc;
    transition: all .5s;
}

.por1_con2 .rig .rq2 .div:hover .div2 .p1 {
    color: #219393;
}

.por1_con2 .rig .rq2 .div2 .p1 span {
    font-size: 18px;
    color: #999999;
    float: right;
}

.por1_con2 .rig .rq2 .div2 .p2 {
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 20px;
    /* display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; */
}

@media(max-width:1459px) {
    .por1_con2 .rig .rq2 .div2 .p1 {
        font-size: 18px;
    }

    .por1_con2 .rig .rq2 .div2 .p1 span {
        font-size: 14px;
    }

    .por1_con2 .rig .rq2 .div2 .p2 {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 15px;
    }
}

@media(max-width:500px) {
    .por1_con2 .rig .rq2 .div {
        height: auto;
    }

    .por1_con2 .rig .rq2 .div1 {
        width: 100%;
        height: 200px;
    }

    .por1_con2 .rig .rq2 .div2 {
        width: 100%;
        padding: 20px 10px;
    }

    .por1_con2 .rig .rq2 .div2 .p1 span {
        float: none;
        display: block;
    }
}

/* 产品详情.shtml */
.por_dat1 {
    border-top: 1px solid #ededed;
}

.por_dat1 .lef {
    float: right;
    text-align: right;
}

.por_dat1 .rig {
    float: left;
}

.por_dat1 .rig p {
    font-size: 24px;
    color: #333333;
    font-family: "SY_Medium";
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* .por_dat2 */
.por_dat2 {
    width: 100%;
    background-image: url(../images/img30.jpg);
    background-size: cover;
    background-position: center;
    padding: 5.2% 0;
    overflow: hidden;
}

.por_dat2 .rq {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.por_dat2 .rq .lef {
    width: 40%;
}

.por_dat2 .lef .p1 {
    font-size: 24px;
    font-family: "SY_Medium";
    color: #333333;
}

.por_dat2 .lef .div {
    width: 100%;
    padding-top: 7.2%;
}

.por_dat2 .lef .div .p2 {
    font-size: 18px;
    color: #333333;
    padding-left: 22px;
    position: relative;
}

.por_dat2 .lef .div .p2::before,.bt .p4::before {
    content: '';
    width: 12px;
    height: 3px;
    background: #219393;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.bt .p4.p185::before {
    top: 17%;
}

.por_dat2 .lef .div .p3 {
    padding-left: 22px;
    font-size: 15px;
    color: #666666;
    line-height: 36px;
    margin-top: 8px;
}

.por_dat2 .rq .rig {
    width: 46%;
    padding-bottom: 25px;
    position: relative;
}

.por_dat2 .rq .rig .div {
    width: 100%;
    height: 515px;
    position: relative;
}

.por_dat2 .rq .rig .div img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.por_dat2 .swiper-pagination-bullet {
    background: #999999;
}

/* por_dat3 */
.por_dat3 {
    width: 100%;
    padding: 4.2% 0;
    overflow: hidden;
    position: relative;
}

.por_dat3::before {
    content: '';
    width: 1304px;
    height: 512px;
    background-image: url(../images/img31.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
}

.por_dat3 .rq {
    width: 100%;
    padding-top: 2.6%;
}

.por_dat3 .rq .div {
    width: 30%;
    height: 130px;
    margin-right: 5%;
    float: left;
    padding-left: 82px;
    margin-bottom: 3.5%;
    position: relative;
}

.por_dat3 .rq .div:nth-child(3n) {
    margin-right: 0;
}

.por_dat3 .rq .div .p1 {
    font-size: 24px;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.por_dat3 .rq .div .p2 {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.por_dat3 .rq .div img {
    width: 66px;
    position: absolute;
    left: 0;
    top: 5px;
    transition: all .5s;
}

.por_dat3 .rq .div:hover img {
    transform: scale(1.1);
}

/* por_dat4 */
.por_dat4 {
    width: 100%;
    padding-top: 3.2%;
    padding-bottom: 4.5%;
    overflow: hidden;
}

.por_dat4 .rq {
    width: 100%;
    padding-top: 2.4%;
}

.por_dat4 .rq .p1 {
    font-size: 24px;
    color: #10384f;
}

.por_dat4 .rq1 {
    width: 100%;
    line-height: 26px;
    /* display: flex; */
    justify-content: center;
}
.por_dat4 .rq1 p {
    font-size: 15px;
    color: #666666;
    line-height: 1.8;
}
.por_dat4 .rq1 .div {
    width: 48%;
    float: left;
    margin-right: 4%;
}

.por_dat4 .rq1 .div:nth-child(2) {
    margin-right: 0;
}

.por_dat4 .rq1 .div table {
    width: 100%;
}

.por_dat4 .rq1 .div td {
    font-size: 18px;
    line-height: 36px;
    color: #798992;
    padding: 10px 0;
    text-align: center;
    border: 2px solid #fff;
    background: #f1f6fa;
    vertical-align: middle;
}

.por_dat4 .rq1 .div td:nth-child(2) {
    width: 74%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    background: #f8f9fa;
}


.jishupro table {
    width: 100%;
    table-layout: fixed;
}
.jishupro table tr td {
    font-size: 16px;
    text-align: center;
    border: 1px solid #e0e0e0;
    padding: 10px 0px;
}
.jishupro table tr:nth-child(1) {
    background-color: #219393;
    color: #ffffff;
}
.jishupro table tr:nth-child(1) p {
    color: #ffffff;
}
.jishupro table tr:nth-child(2n) {
    background-color: #eeeeee;
}

/* por_dat5 */
.por_dat5 .rq .top {
    overflow: hidden;
}

.por_dat5 .rq .top .div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

.por_dat5 .rq p {
    color: #0f1738;
    margin-top: 0;
    line-height: 78px;
    background: #f8f9fb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.por_dat5 .rq .swiper-slide:hover .top .div {
    transform: scale(1.05);
}

@media(max-width:1459px) {
    .por_dat2 .lef .p1 {
        font-size: 36px;
    }

    .por_dat2 .lef .div .p2 {
        font-size: 18px;
    }

    .por_dat2 .lef .div .p3 {
        font-size: 14px;
        line-height: 28px;
    }

    .por_dat2 .rq .rig .div {
        height: 410px;
    }

    .por_dat3 .rq .div .p1 {
        font-size: 18px;
    }

    .por_dat3 .rq .div .p2 {
        font-size: 14px;
        line-height: 24px;
        margin-top: 3px;
    }

    .por_dat3 .rq .div {
        height: 106px;
        padding-left: 58px;
    }

    .por_dat3 .rq .div img {
        width: 45px;
    }

    .por_dat3::before {
        width: 990px;
        height: 390px;
    }

    .por_dat4 .rq .p1 {
        font-size: 18px;
    }

    .por_dat4 .rq1 .div td {
        font-size: 14px;
        line-height: 26px;
    }

    .por_dat4 .rq1 {
        padding-top: 10px;
    }

    .por_dat5 .rq p {
        line-height: 58px;
    }
}

@media(max-width:991px) {
    .por_dat1 .lef {
        width: 100%;
        float: left;
        text-align: left;
    }

    .por_dat2 .lef .p1 {
        font-size: 26px;
    }

    .por_dat2 .rq .lef {
        width: 54%;
    }
}

@media(max-width:768px) {
    .por_dat2 .lef .p1 {
        font-size: 24px;
    }

    .por_dat2 .rq .lef {
        width: 100%;
    }

    .por_dat2 .rq .rig {
        width: 100%;
    }

    .por_dat2 .rq {
        flex-wrap: wrap-reverse;
    }

    .por_dat3 .rq .div {
        width: 49%;
        margin-right: 2%;
    }

    .por_dat3 .rq .div:nth-child(3n) {
        margin-right: 2%;
    }

    .por_dat3 .rq .div:nth-child(2n) {
        margin-right: 0%;
    }

    .por_dat4 .rq1 .div {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

@media(max-width:500px) {
    .por_dat2 .rq .rig .div {
        height: 225px;
    }

    .por_dat2 .lef .div .p3 {
        line-height: 24px;
    }

    .por_dat2 .lef .div {
        padding-top: 3.2%;
    }

    .por_dat3 .rq {
        padding-top: 3.6%;
        padding-bottom: 3%;
    }

    .por_dat3 .rq .div {
        width: 100%;
        margin-right: 0;
        height: auto;
    }

    .por_dat3::before {
        width: 660px;
        height: 260px;
    }

    .por_dat3 .rq .div .p1 {
        font-size: 17px;
    }

    .por_dat4 .rq .p1 {
        font-size: 14px;
    }

    .por_dat4 .rq1 .div td {
        font-size: 13px;
        line-height: 24px;
    }

    .por_dat4 .rq1 .div {
        margin-bottom: 14px;
    }

    .por_dat5 .rq p {
        line-height: 40px;
    }
}

/* 产品中心_资料下载 */
.por1_con2 .bot .rig .rq3 {
    width: 100%;
    padding-top: 15px;
}

.por1_con2 .rig .rq3 .div {
    width: 48%;
    height: 60px;
    position: relative;
    padding-right: 130px;
}

.por1_con2 .rig .rq3 select {
    display: block;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    border: none;
    padding-left: 45px;
    padding-right: 28px;
    position: relative;
    font-size: 16px;
    color: #2e312c;
    font-family: "SY_Regular";
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.por1_con2 .rig .rq3 .div1 {
    width: 100%;
    height: 100%;
    position: relative;
}

.por1_con2 .rig .rq3 .div1::before {
    content: '';
    width: 22px;
    height: 25px;
    background-image: url(../images/img32.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.por1_con2 .rig .rq3 .div1::after {
    content: '';
    width: 9px;
    height: 5px;
    background-image: url(../images/img33.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.por1_con2 .rig .rq3 button {
    width: 120px;
    height: 100%;
    font-size: 16px;
    color: #ffffff;
    background: #219393;
    position: absolute;
    right: 0;
    top: 0;
}

.por1_con2 .bot .rig .rq4 {
    width: 100%;
    margin-top: 3.8%;
    margin-bottom: 15px;
}

.por1_con2 .rig .rq4 .div {
    width: 49%;
    height: 146px;
    float: left;
    margin-right: 2%;
    margin-bottom: 2.6%;
    background: #f5f5f5;
    transition: all .5s;
}

.por1_con2 .rig .rq4 .div:hover {
    transform: translateY(-5px);
}

.por1_con2 .rig .rq4 .div:nth-child(2n) {
    margin-right: 0;
}

.por1_con2 .rig .rq4 .div .a {
    display: flex;
    width: 100%;
    height: 100%;
}

.por1_con2 .rig .rq4 .div1 {
    width: 75%;
    padding: 4.3% 5%;
}

.por1_con2 .rig .rq4 .div1 .p1 {
    font-size: 22px;
    color: #2e312c;
    padding-left: 18px;
    position: relative;
    transition: all .5s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.por1_con2 .rig .rq4 .div:hover .div1 .p1 {
    color: #219393;
}

.por1_con2 .rig .rq4 .div1 .p1::before {
    content: '';
    width: 7px;
    height: 3px;
    background: #219393;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.por1_con2 .rig .rq4 .div1 .p2 {
    font-size: 16px;
    color: #888888;
    padding-left: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.por1_con2 .rig .rq4 .div1 .p3 {
    font-size: 16px;
    color: #888888;
    margin-top: 10px;
    padding-left: 18px;
}

.por1_con2 .rig .rq4 .div2 {
    width: 25%;
    background: #eeeeee;
    display: table;
}

.por1_con2 .rig .rq4 .div2 a {
    font-size: 16px;
    color: #219393;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-family: "Alibaba";
}

.por1_con2 .rig .rq4 .div2 a i {
    width: 18px;
    height: 16px;
    background-image: url(../images/img34.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: -2px;
}

@media(max-width:1459px) {
    .por1_con2 .bot .rig .rq3 {
        padding-top: 10px;
    }

    .por1_con2 .rig .rq3 .div {
        height: 45px;
        padding-right: 90px;
    }

    .por1_con2 .rig .rq3 select {
        padding-left: 40px;
        padding-right: 28px;
        font-size: 14px;
    }

    .por1_con2 .rig .rq3 .div1::before {
        width: 16px;
        height: 20px;
        left: 15px;
    }

    .por1_con2 .rig .rq3 button {
        width: 85px;
        font-size: 14px;
    }

    .por1_con2 .rig .rq4 .div {
        height: 110px;
    }

    .por1_con2 .rig .rq4 .div1 .p1 {
        font-size: 18px;
    }

    .por1_con2 .rig .rq4 .div1 .p2 {
        font-size: 14px;
    }

    .por1_con2 .rig .rq4 .div1 .p3 {
        font-size: 14px;
    }

    .por1_con2 .rig .rq4 .div2 p {
        font-size: 13px;
    }

    .por1_con2 .rig .rq4 .div2 p i {
        width: 14px;
        height: 13px;
    }
}

@media(max-width:500px) {
    .por1_con2 .rig .rq3 .div {
        width: 100%;
    }

    .por1_con2 .rig .rq4 .div {
        width: 100%;
        margin-right: 0;
        height: auto;
    }

    .por1_con2 .rig .rq4 .div1 .p2 {
        white-space: inherit;
    }

    .por1_con2 .rig .rq4 .div1 .p1 {
        font-size: 17px;
    }
}

/* 20211227 */
.template.mt0 {
    margin-top: 0;
}

.abo_con5 .bot .div1 span {
    background: url(../images/rewards.png) no-repeat center;
    background-size: contain;
    line-height: 42px;
}

.two .div2 a.a3 {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    display: block;
    font-family: "SY_Light";
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    display: none;
    transition: all .5s;
}

.two .div2 a.a3:hover {
    color: #219393;
    padding-left: 5px;
}

.two .div2 a.a3 {
    display: block;
}

.two .div2 a.a3 span {
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

.two .div2 a.a3 span {
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

.two .div2 a.a3 span,
.two2 .div2 a.a3 span {
    display: inline-block;
    position: relative;
    padding-left: 0;
    padding-right: 15px;
}

.two .div2 a.a3 span::before {
    content: '>';
    font-size: 8px;
    color: #353535;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
}

.two .div2 a.a3 span::before,
.two2 .div2 a.a3 span::before {
    left: auto;
    right: 0px;
}

.two .div2 a.a3:hover span::before,
.two .div2 a.a3:hover::before {
    color: #219393;
}

.singelPage {
    padding: 5% 0;
    font-size: 16px;
    line-height: 2;
}

.two .div2 .div4.div36 {
    display: none;
}

.singelPage {
    padding: 5% 0;
    font-size: 16px;
    line-height: 2;
}

.two .div2 .div4.div36 {
    display: none;
}

.abo_con7 .rig .div .pop {
    position: absolute;
    left: 0;
    bottom: 100%;
    background: #fff;
    padding: 20px;
    width: 100%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    z-index: 10;
    border: 1px solid #e20012;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 12px;
    display: none;
}

.abo_con7 .rig .div .pop:after {
    content: "";
    position: absolute;
    background: #fff;
    border-left: 1px solid #e20012;
    border-bottom: 1px solid #e20012;
    width: 12px;
    height: 12px;
    transform: skewY(-45deg);
    bottom: -7px;
    left: 10%;
}

.abo_con7 .rig .div:hover .pop {
    display: block;
}

@media(max-width:1459px) {
    .two .div2 a.a3 {
        font-size: 12px;
        line-height: 22px;
    }
}

/* 解决方案二级列表 */
.PicList002926 {
    padding: 5% 0;
}

.PicList002926 li {
    margin-bottom: 4.17vw;
}

.PicList002926 li .pic a {
    display: block;
    overflow: hidden;
}

.PicList002926 li .pic img {
    transition: 0.3s;
}

.PicList002926 li:hover .pic img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.PicList002926 li:nth-child(2n-1) .info .inner {
    margin-left: 2.6vw;
}

.PicList002926 li:nth-child(2n) .info .inner {
    margin-right: 2.6vw;
}

.PicList002926 li .info .inner {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 3vw 2vw 3.5vw;
    text-align: center;
}

.PicList002926 li .icon img {
    max-height: 32px;
}

.PicList002926 li h3 {
    font-size: 28px;
}

.PicList002926 li h3:after {
    display: block;
    content: '';
    height: 4px;
    background: #219393;
    width: 56px;
    margin: 20px auto;
}

.PicList002926 li h3 a {
    color: #000;
}

.PicList002926 li h3 a:hover {
    color: #219393;
}

.PicList002926 li .more {
    margin: 0 auto;
}

.PicList002926 li p {
    color: #555;
    font-size: 16px;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    margin-bottom: 2vw;
    font-family: "SY_Light";
}

@media(min-width:1025px) {
    .PicList002926 li .pic {
        width: 59.642%;
    }
}

@media(max-width:1024px) {

    .PicList002926 li .ytable,
    .PicList002926 li .ytable-cell {
        display: block;
    }
}

@media(max-width:640px) {
    .PicList002926 li h3 {
        font-size: 5vw;
    }

    .PicList002926 li p {
        font-size: 3.5vw;
    }

    .PicList002926 li .info .inner {
        padding: 5vw 3vw;
    }
}

.sy_con4 .rq .lef .swiper {
    height: 355px;
}

.sy_con4 .rq .lef {
    height: auto !important;
}

@keyframes circle {
    0% {
        transform: scale(1);
        opacity: .7;
    }

    100% {
        transform: scale(2.556);
        opacity: 0;
    }
}

#mapInfo {
    position: relative;
    margin-top: 2.843%;
}

#mapTips {
    position: absolute;
    left: 6.25%;
    bottom: 0;
    margin-bottom: 3.79%;
}

#mapTips li {
    font-size: 18px;
    line-height: 24px;
    padding: 8px 0 8px 35px;
    position: relative;
}

#mapTips li:before {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #e63d3d;
}

#mapTips .red:before {
    background-color: #e63d3d;
}

#mapTips .orange:before {
    background-color: #ff830d;
}

#mapTips .dark:before {
    background-color: #002060;
}

#mapTips .purple:before {
    background-color: #7530ab;
}

#mapTips .blue:before {
    background-color: #3fa3e9;
}

#mapBox {
    width: 81.665%;
    margin: 0 auto;
    position: relative;
}

#mapBox .map {
    padding-bottom: 48.57%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#mapBox ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#mapBox li {
    position: absolute;
    width: 0.6961%;
    cursor: pointer;
}

#mapBox span {
    display: block;
    padding-bottom: 100%;
    border-radius: 50%;
    position: relative;
}

#mapBox span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(1);
    position: absolute;
    left: 0;
    top: 0;
    animation: circle 3s linear 0s infinite;
}

#mapBox .red span,
#mapBox .red span:before {
    background-color: #e63d3d;
}

#mapBox .orange span:before,
#mapBox .orange span {
    background-color: #ff830d;
}

#mapBox .blue span,
#mapBox .blue span:before {
    background-color: #3fa3e9;
}

#mapBox .purple span,
#mapBox .purple span:before {
    background-color: #7530ab;
}

#mapBox .dark span,
#mapBox .dark span:before {
    background-color: #002060;
}

#mapBox .li1 {
    left: 15%;
    top: 40%;
}

#mapBox .li2 {
    left: 51.276%;
    top: 30.573%;
}

#mapBox .li3 {
    left: 56.845%;
    top: 64.172%;
}

#mapBox .li4 {
    left: 68.577%;
    top: 52.229%;
}

#mapBox .li5 {
    left: 70.379%;
    top: 53.822%;
}

#mapBox .li6 {
    left: 76.179%;
    top: 48.885%;
}

#mapBox .li7 {
    width: 2.32%;
    left: 78.4%;
    top: 42.197%;
}

#mapBox .li8 {
    left: 82.908%;
    top: 40.605%;
}

#mapBox .li9 {
    left: 86.234%;
    top: 40.605%;
}

#mapBox .li10 {
    left: 81.361%;
    top: 48.885%;
}

#mapBox .li11 {
    left: 74.478%;
    top: 55.573%;
}

#mapBox .li12 {
    left: 76.2567%;
    top: 62.102%;
}

#mapBox .li13 {
    left: 77.804%;
    top: 64.013%;
}

#mapBox .li14 {
    left: 79.66%;
    top: 65.764%;
}

#mapBox .li15 {
    left: 87.935%;
    top: 84.236%;
}

#mapBox .name {
    background-color: #e63d3d;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 25px;
    font-size: 16px;
    line-height: 1.875em;
    padding: 8px 25px;
    width: 250px;
    text-align: center;
    z-index: 5;
}

#mapBox .name:before {
    content: '';
    display: block;
    border-right: 8px solid #e63d3d;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}

#mapBox .orange .name {
    background-color: #ff830d;
}

#mapBox .orange .name:before {
    border-right-color: #ff830d;
}

#mapBox .blue .name {
    background-color: #3fa3e9;
}

#mapBox .blue .name:before {
    border-right-color: #3fa3e9;
}

#mapBox .purple .name {
    background-color: #7530ab;
}

#mapBox .purple .name:before {
    border-right-color: #7530ab;
}

#mapBox .dark .name {
    background-color: #002060;
}

#mapBox .dark .name:before {
    border-right-color: #002060;
}

@media only screen and (max-width:1280px) {
    #mapTips li {
        font-size: 16px;
        padding: 5px 0 5px 25px;
    }

    #mapBox .name {
        font-size: 14px;
        width: 200px;
        padding: 8px 15px;
        margin-left: 20px;
    }
}

@media only screen and (max-width:1024px) {
    #mapTips li {
        font-size: 14px;
        padding: 3px 0 3px 18px;
    }

    #mapTips li:before {
        width: 10px;
        height: 10px;
    }

    #mapBox .name {
        font-size: 12px;
        width: 130px;
        padding: 10px;
        margin-left: 20px;
        line-height: 1.5em;
    }

    #mapBox .name:before {
        border-width: 5px;
    }
}

@media only screen and (max-width:768px) {
    #mapBox {
        width: auto;
    }

    #mapTips li {
        font-size: 12px;
        padding: 0 0 0 15px;
    }

    #mapTips li:before {
        width: 8px;
        height: 8px;
    }

    #mapBox .name {
        margin: 10px 0 0 0;
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
        padding: 5px;
        width: 100px;
    }

    #mapBox .name:before {
        border-bottom: 4px solid #e63d3d;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: none;
        top: auto;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    #mapBox .orange .name:before {
        border-right-color: transparent;
        border-bottom-color: #ff830d;
    }

    #mapBox .blue .name:before {
        border-right-color: transparent;
        border-bottom-color: #3fa3e9;
    }

    #mapBox .purple .name:before {
        border-right-color: transparent;
        border-bottom-color: #7530ab;
    }

    #mapBox .dark .name:before {
        border-right-color: transparent;
        border-bottom-color: #002060;
    }

    #mapTips {
        position: static;
        padding: 5%;
        margin-right: 100px;
    }

    #mapTips li {
        line-height: 22px;
        float: left;
        padding-right: 10px;
    }
}

/* 2021/12/30 */
.code {
    width: 86px;
}

.code p {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 5px;
}

@media (max-width:1459px) {
    .code {
        width: 86px;
        right: 20px;
        bottom: 80px;
    }

    .code p {
        font-size: 12px;
        line-height: 16px;
        padding: 7px 5px;
    }
}

@media (max-width:991px) {
    .code {
        width: 70px;
        right: 2px;
        bottom: 110px;
    }

    .pc {
        display: none !important;
    }

    .app {
        display: block !important;
    }
}

.two.two4 .div2 .div4 a {
    display: block !important;
}

.sy_con3 .rq .lef .div,
.ser_con2 .rq .div .bot .p2,
.ser_con4 .rq .rig .p2,
.ser2_con1 .rq .rig .p2 {
    text-align: justify;
}

.foot .top .lef .service .div1 a:nth-child(4) {
    display: none;
}

@media (max-width:1459px) {
    .abo_con4 .rq .swiper-slide {
        padding-bottom: 205px;
    }

    .abo_con4 .rq .swiper-slide:nth-child(2n) {
        padding-bottom: 0;
        padding-top: 205px;
    }

    .abo_con4 .rq .swiper-slide::before {
        top: 135px;
    }

    .abo_con4 .rq .swiper-slide:nth-child(2n)::before {
        top: auto;
        bottom: 135px;
    }

    .abo_con4 .rq .div .p1 {
        height: 96px;
    }
}

.two.two2 .div2 a.a3 span::before,
.two2.two2 .div2 a.a3 span::before,
.two.two2 .div2 .div3 .a1 span::before,
.two.two2 .div2 .div4 a span::before {
    display: none;
}

.por1_con2 .lef .div3>a {
    font-weight: bold;
}

.code span {
    width: 20px;
    height: 20px;
    background-image: url(../images/img9.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -16px;
    right: 0;
    transform: rotate(45deg);
    cursor: pointer;
}

.two.two2 .div1:nth-child(3) .div2 .div3 {
    float: none;
}

.two .div {
    height: 90vh;
    overflow-y: auto;
}

.two .div::-webkit-scrollbar {
    width: 3px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50px;
}

.two .div::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0);
}

.two .wapr {
    background: #f6f6f6;
}

@media(max-width:991px) {
    .two .div {
        height: auto;
        overflow-y: auto;
    }
}

.abo_con5 .bot .rq2 .xz_div {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.abo_con5 .bot .rq2 .xz_div:nth-child(3) {
    margin-right: 0;
}

.foot .top .lef .abo .div1 a:nth-child(5) {
    display: none;
}

#mapBox .blue .p1 {
    font-size: 16px;
    color: #666666;
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    text-align: center;
}

#mapBox .li4 {
    left: 17.577%;
    top: 30.229%;
}

#mapBox .li13 {
    left: 30.804%;
    top: 73.013%;
}

#mapBox .li16 {
    left: 53.804%;
    top: 21.013%;
}

#mapBox .li17 {
    left: 51.804%;
    top: 58.013%;
}

#mapBox .li18 {
    left: 73.804%;
    top: 29.013%;
}

#mapBox .li19 {
    left: 83.804%;
    top: 80.013%;
}

#mapBox .li1 {
    left: 68%;
    top: 47%;
}

#mapBox .li2 {
    left: 75.276%;
    top: 44.573%;
}

#mapBox .li3 {
    left: 77.4%;
    top: 48.172%;
}

#mapBox .li5 {
    left: 77.379%;
    top: 51.822%;
}

#mapBox .li8 {
    left: 79.3%;
    top: 45.605%;
}

#mapBox .li9 {
    left: 74.478%;
    top: 55.573%;
}

#mapBox .li10 {
    left: 80.361%;
    top: 54.885%;
}

#mapBox .li11 {
    left: 75.478%;
    top: 61.573%;
}

#mapBox .li12 {
    left: 80.66%;
    top: 64.764%;
}

#mapBox .li6 {
    left: 78.8%;
    top: 49.885%;
}

#mapBox .div {
    width: 418px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    position: absolute;
    top: 50%;
    right: 120%;
    transform: translateY(-50%);
    background: #fff;
    border: 10px;
    padding: 30px 36px;
    margin-right: 15px;
    display: none;
    z-index: 10;
}

#mapBox li:hover {
    z-index: 10;
}

#mapBox li:hover .div {
    display: block;
}

#mapBox .div::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 7px solid transparent;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}

#mapBox .div .p {
    font-size: 20px;
    color: #333333;
    font-family: "SY_Bold";
}

#mapBox .div1 {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 28px;
}

#mapBox .div1:last-child {
    margin-bottom: 0;
}

#mapBox .div1 p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 8px;
}

#mapBox .div1 p i {
    display: inline-block;
    margin-right: 13px;
    font-style: normal
}

#mapBox .div2 {
    width: 570px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    position: absolute;
    top: 50%;
    right: 120%;
    transform: translateY(-50%);
    background: #fff;
    border: 10px;
    padding: 24px 22px;
    margin-right: 15px;
    display: none;
    z-index: 10;
}

#mapBox li:hover .div2 {
    display: block;
}

#mapBox .li13 .div2,
#mapBox .li4 .div2 {
    right: auto;
    left: 120%;
    margin-right: 0;
    margin-left: 15px;
}

#mapBox .div2::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 7px solid transparent;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}

#mapBox .li13 .div2::before,
#mapBox .li4 .div2::before {
    left: auto;
    right: 100%;
    transform: translateY(-50%) rotate(180deg);
}

#mapBox .div2 .p2 {
    font-size: 20px;
    color: #333333;
    font-family: "SY_Bold";
}

#mapBox .div3 {
    width: 100%;
    height: 290px;
    margin-top: 15px;
    overflow-y: auto;
}

#mapBox .div3::-webkit-scrollbar {
    width: 4px;
    background-color: #e6e6e6;
    border-radius: 4px;
}

#mapBox .div3::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #219393;
}

#mapBox .div4 {
    width: 33.333333%;
    float: left;
    padding: 0 12px;
    border-left: 1px solid #e9e9e9;
}

#mapBox .div4 p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
}

#mapBox {
    z-index: 10;
}

@media(max-width:1459px) {
    #mapBox .blue .p1 {
        font-size: 14px;
    }

    #mapBox .div2 {
        width: 480px;
        padding: 20px 14px;
    }

    #mapBox .div2 .p2 {
        font-size: 18px;
    }

    #mapBox .div4 {
        padding: 0 8px;
    }

    #mapBox .div4 p {
        font-size: 13px;
        margin-bottom: 7px;
    }

    #mapBox .div3 {
        height: 280px;
    }

    #mapBox .div {
        width: 350px;
        padding: 20px 16px;
    }

    #mapBox .div .p {
        font-size: 18px;
    }

    #mapBox .div1 {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #mapBox .div1 p {
        font-size: 13px;
        margin-bottom: 6px;
    }
}

@media(max-width:991px) {

    #mapBox .div2,
    #mapBox .div {
        display: none !important;
        text-align: center;
    }
}

.abo_con4 .rq .div .p1 {
    position: relative;
}

.abo_con4 .rq .div .p1 .r {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.abo_con4 .rq .swiper-slide:nth-child(2n) .div .p1 .r {
    bottom: auto;
    top: 0;
}

.two.two2 .div1:nth-child(6) .div2 .div3 {
    float: none;
}

.two2 .div2 .div3 .a1 span {
    font-weight: bold;
}

.two.two2 .div1:nth-child(3) .div2 .div3 .div4,
.two.two2 .div1:nth-child(6) .div2 .div3 .div4 {
    display: none;
}

.por1_con2 .lef .div3 {
    position: relative;
    width: 390px;
}

.por1_con2 .lef .div3 .div3_3 {
    width: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    display: none;
}

.por1_con2 .lef .div3:hover .div3_3 {
    display: block;
}

.por1_con2 .lef .div3 .div3_3 a {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 0;
}

.por1_con2 .lef .div3 .div3_3 a:first-child {
    padding-top: 24px;
}

.por1_con2 .lef .div3 .div3_3 a:last-child {
    padding-bottom: 24px;
}

.por1_con2 .lef .div2 {
    display: block;
}

@media (max-width:1459px) {
    .por1_con2 .lef .div3 {
        width: 300px;
    }
}

/* 20220106 */
.banner .swiper-slide a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.sy_con4 .rq .lef .swiper {
    height: 100%;
}

@media(max-width:991px) {
    .sy_con4 .rq .lef .div1 {
        padding-bottom: 57%;
        position: static;
    }
}

@media(min-width:1280px) {
    .por1_con3 .rq .div {
        width: 25%;
    }
}

.new_con3 .rq .top {
    height: 225px;
}

.new_con3 .rq .top img {
    height: 100%;
    object-fit: contain;
}

.sol_dat1 .div .p3 {
    text-align: justify;
}

.por_dat2 .lef .div .p3 {
    text-align: justify;
}

.por_dat3 .rq .div {
    float: none;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    height: auto;
}

.por_dat3 .rq {
    font-size: 0;
    line-height: 26px;
}

#mapBox .div2 {
    width: auto;
    white-space: nowrap;
}

#mapBox .div3 {
    height: auto;
    width: auto;
    white-space: nowrap;
}

#mapBox .div4 {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.two #div5 .div3 {
    float: none;
}

.two #div5 .div3 .div4 {
    display: none;
}

.sol_dat2 .rq .div {
    float: none;
    width: auto;
    margin: 0 0 10px;
    padding: 3%;
    height: auto;
}

.sol_dat2 .rq .div img {
    position: absolute;
    top: 50%;
    left: 2%;
    height: 40px;
    width: auto !important;
    margin-top: -20px;
}

.sol_dat2 .rq .div .p1 {
    text-align: left;
    margin: 0 0 20px;
}

.sol_dat2 .rq .div .p2 {
    text-align: left;
    display: block;
}

.por_dat3 .rq .div .p2 {
    display: block;
}

.por_dat3 .rq .div {
    text-align: justify;
}

.singleContent {
    padding: 5% 0;
    line-height: 1.5;
}

.singleContent .content {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 30px;
}

ul.ul_sitemap li {
    margin-bottom: 10px;
    color: #999;
    font-size: 14px;
}

ul.ul_sitemap li a {
    color: inherit;
    padding: 0 5px;
}

ul.ul_sitemap li strong {
    color: #333;
}

.flinks a {
    padding-right: 10px;
    border-right: 1px solid #999;
    color: #999;
    margin-right: 10px;
}

.flinks a:last-child {
    border: none;
}

.searchResult {
    margin-bottom: 20px;
}

.searchResult .item a {
    display: block;
    position: relative;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 90px;
    transition: .4s;
    border: 1px solid #eee;
    margin-bottom: 10px;
    line-height: 30px;
}

.searchResult .item a span {
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: #999;
}

.searchResult .item a:hover {
    background: #eee;
    padding-left: 20px;
}

.searchResult .item a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 4px;
    height: 4px;
    background: #999;
    margin-bottom: 3px;
}

.por1_con2 .rig .rq4 .div1 .p1 {
    white-space: normal;
    line-height: 1.5;
    max-height: 3em;
    overflow: hidden;
    font-size: 16px;
}

.abo_con8 .rq .top .div1 {
    color: #fff;
}

@media(max-width:1024px) {
    .sol_dat2 .rq .div img {
        width: 40px !important;
        height: auto;
        position: static;
        margin: 0 0 10px;
    }

    .sol_dat2 .rq .div {
        padding-left: 2%;
    }

    .sy_con1 .div {
        display: none;
    }

    .sy_con2 .div .rig .p2 {
        display: none;
    }

    .por1_con2 .rig .rq4 .div1 .p1 {
        font-size: 14px;
        max-height: none;
    }

    .sy_con3 .rq .rig .top .swiper-slide {
        width: 33.33%;
    }

    .sy_con3 .rq .rig .top .swiper-wrapper {
        flex-wrap: wrap;
    }

    .sy_con3 .rq .rig .top {
        position: static;
    }

    .sy_con3 .rq {
        transform: scale(1);
    }

    .sy_con3 .rq .rig .bot {
        margin-top: 0;
    }

    .sy_con1 {
        padding-bottom: 90%;
        background-position: 70%;
        background-image: url(../images/wapaboutbg.png) !important;
    }
}

@media(min-width:991px) {
    .two4 .div1:nth-child(3n) {
        width: 25%;
    }
}

.search .div1 {
    background: #fff;
    right: -14px;
    width: 400px;
    border: none;
    padding: 3px;
    cursor: pointer;
}

.search input {
    padding-right: 40px;
    border: 1px solid #219393;
    color: #333;
}

.new_con3 .rq .top {
    height: 380px;
}

.sol_datNew {
    padding-top: 5%;
}

.sol_datNew .p2 {
    font-size: 14px;
    line-height: 1.7;
    padding: 40px 0;
}

.ny_banner img {
    width: 100%;
}

@media(min-width:991px) {
    .two.two4 .div2 .div4 a {
        white-space: normal;
        line-height: 1.5;
        margin: 6px 0;
    }
}

@media(max-width:991px) {
    .search .div1 {
        right: 0;
        width: 100%;
        border: 1px solid rgba(255, 255, 255, .2);
        padding: 0;
    }

    .search input {
        border: none;
    }
}

@media(min-width:768px) {
    .sol_dat3 .top .div .lef {
        height: 365px;
        width: 40%;
    }

    .sol_dat3 .top .div .rig {
        width: 60%;
        padding: 40px 7%;
    }

    .two .div1.div38 .div2 {
        display: none;
    }
}

.sol_dat3 .top .div .rig .p2 {
    text-align: justify;
}

.sol_dat3 .bot .div .p1 br {
    display: none;
}

.sol_dat3 .bot .div {
    height: auto;
}

.sol_dat3 .bot .div .p2 {
    display: none;
}

.new_con2 .rq .div {
    height: auto;
}

.new_con2 .rq .lef .div1 {
    background: none !important;
}

.new_con2 .rq .lef .div1 img {
    width: 100%;
}

@media(max-width:1024px) {

    .sy_con1 .div,
    .sy_con2 .div .rig .p2 {
        display: none;
    }

    .sy_con2 .div .rig .p1 {
        line-height: 38px;
    }
}

/* 2022/1/18 */
.new_con3 .rq .top {
    height: auto !important;
    position: relative;
    padding-bottom: 66.5%;
    overflow: hidden;
}

.new_con3 .rq .top div {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
}

.new_con3 .rq .swiper-slide:hover .top div {
    transform: scale(1.05);
}

.new_con2 .rq .lef p,
.new_con3 .rq .top p {
    width: auto;
    padding: 0 10px;
}

.sol_dat3 .bot .div .p1 {
    font-size: 16px;
}

@media (max-width:1459px) {
    .sol_dat3 .bot .div .p1 {
        font-size: 14px;
    }
}

.p74 {
    width: 74%;
    margin: 0 auto;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}

.p74 strong {
    color: #333;
}

@media(max-width:991px) {
    .p74 {
        width: 100%;
        font-size: 14px;
        line-height: 26px;
    }
}

@media(min-width:1024px) {

    .por1_con3 .rq .div:nth-child(3) .div1 .p2,
    .por1_con3 .rq .div:nth-child(4) .div1 .p2 {
        font-size: 18px;
    }
}

.por1_con2 .rig .rq2 .div2 .p2 {
    max-height: 78px;
    overflow: hidden;
}

@media (max-width: 1459px) {
    .por1_con2 .rig .rq2 .div2 .p2 {
        max-height: 72px;
    }
}

/*2022/2/23*/
.foot .bot .lef a i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../images/ba.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -2px;
}


div#mapBox {
    width: 100%;
}

#mapBox .li4 {
    left: 17.577%;
    top: 30.229%;
}

#mapBox .li13 {
    left: 30.804%;
    top: 73.013%;
}

#mapBox .li16 {
    left: 53.804%;
    top: 21.013%;
}

#mapBox .li17 {
    left: 51.804%;
    top: 58.013%;
}

#mapBox .li18 {
    left: 73.804%;
    top: 29.013%;
}

#mapBox .li19 {
    left: 83.804%;
    top: 80.013%;
}

#mapBox .li1 {
    left: 68%;
    top: 47%;
}

#mapBox .li2 {
    left: 38.276%;
    top: 39.573%;
}

#mapBox .li3 {
    left: 38.4%;
    top: 43.172%;
}

#mapBox .li5 {
    left: 39.379%;
    top: 42.822%;
}

#mapBox .li8 {
    left: 39.3%;
    top: 40.605%;
}

#mapBox .li9 {
    left: 36.478%;
    top: 46.573%;
}

#mapBox .li10 {
    left: 40.361%;
    top: 48.885%;
}

#mapBox .li11 {
    left: 39.478%;
    top: 54.573%;
}

#mapBox .li12 {
    left: 80.66%;
    top: 64.764%;
}

#mapBox .li6 {
    left: 38.8%;
    top: 43.885%;
}

#mapBox .li14 {
    left: 35.66%;
    top: 51.764%;
}

#mapBox .li4 {
    left: 64%;
}

#mapBox .li13 {
    left: 75%;
    top: 59%;
}

#mapBox .li16 {
    left: 28%;
    top: 27%;
}

#mapBox .li17 {
    left: 21%;
    top: 47%;
}

#mapBox .li18 {
    left: 38%;
    top: 32%;
}

#mapBox .li19 {
    left: 50%;
    top: 60%;
}

#mapBox .li1 {
    left: 32%;
    top: 42%;
}
.diycontact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.diycontact::after {
    display: none;
}
.diycontact .lef {
    width: 40%;
}
.diycontact h2 {
    	font-size: 34px;
	font-weight: normal;
	color: #333333;
    margin-bottom: 10px;
}
.diycontact p.p1 {
    	font-family: PingFangSC-Regular;
	font-size: 24px;
	color: #333333;
}
.divctop ul {
    margin-top: 50px;
}
.divctop ul li {
    margin-bottom: 15px;
}
.divctop ul li h4 {
    	font-family: PingFangSC-Semibold;
	font-size: 22px;
	color: #219393;
    margin-bottom: 5px;
}
.divctop ul li p {
   	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #333333;
}
.diyconbot ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 0px;
}
.diyconbot ul li {
    margin-right: 180px;
}
.diycontact .rig {
    width: 50%;
    padding-top: 30px;
}
.diycon_img img {
    height:103px;
}
.diycon_img p {
    	font-family: PingFangSC-Regular;
	font-size: 22px;
	color: #333333;
    line-height: 1.6;
    margin-top: 50px;
}
#whir_1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.messageleft {
    padding: 80px 40px 0px 70px;
}
.messico {
    height: 47px;
}
.messh3 {
    font-family: PingFangSC-Semibold;
	font-size: 32px;
    margin: 30px 0px 20px;
	color: #ffffff;
}
.messagep {
    	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #ffffff;
}
@media screen and (max-width: 1724px) {
    .category-item .a {padding: 10px;}
}

@media screen and (max-width: 1400px) {
    .footbot_l {width: 50%;}
    .footbot_ldesc ul li {font-size: 15px;}
    .footbot_r ul li img {width: 120px;height: 120px;}
}

@media screen and (max-width: 1024px) {
   .diycontact .lef,.diycontact .rig {width: 100%;}
   .diyconbot ul {justify-content: flex-start;}
   .divctop ul li {margin-right: 150px;}
   .ser_con6 .rq .lef {padding: 70px 20px 0px;}
   .nav .logo img {margin-top: 10px;}
    .footbot_l {width: 60%;}
}
@media screen and (max-width: 768px) {
    .por_dat4 .rq1 {overflow-x: scroll;}
    .jishupro table {min-width: 1000px;}
    .footlogo a img {width: 100%;}
    .ser_con6 .rq {flex-wrap: wrap;}
    .ser_con6 .rq .lef {width: 100%;}
    .nav .logo img {margin-top: 0px;}
    .footbot_l {width: 100%;}
    .footbot_r ul li img {width: 100px;height: 100px;}
    .footbot_ldesc {margin: 30px 0px;}
    .footbot_ldesc ul li {width: 100%;font-size: 14px;}
    .footnav {display: none;}
     .ser_con6 .rq .rig .div input.textcode {
        width: 30% !important   ;
    }
    .divctop ul li {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 10px;
    }
    .divctop ul li h4 {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .divctop ul {margin-top: 30px;}
    .divctop ul li p {font-size: 14px;}
    .diycon_img img {height: auto;}
    .ser_con6 .rq .rig .div.yzmdiv {width: 100%;}
    .diyconbot ul {margin-top: 0px;}
    .diycontact h2 {font-size:22px;}
    .diycontact p.p1,.diycon_img p {font-size: 14px;}
    .por1_con2 .lef .div:nth-child(3) .a span i {font-size: 30px;}
    .por1_con2 .lef .div .a span {width: 30px;}
  .por1_con2 .lef .div .a span img.proico162, .por1_con2 .lef .div .a span img.proico181{top: 13px;}
  .sy_con3 .top .swiper-slide:nth-child(2) .div .ico a i.iconfont {font-size: 40px;}
  .sy_con3 .top .swiper-slide:nth-child(3) .div .ico a i.iconfont {font-size: 40px !important;}
  .sy_con3 .top .div .ico img.im148 {height: 37px;}
  .por1_con2 .lef .div:nth-child(2) .a span{height: 31px;top: 55%;}
  .por1_con2 .lef .div .a span img.proico148 {top: 0px;}
}