body{ margin: 0; padding: 0;}

*{ margin: 0; padding: 0; list-style: none; font-family: 'Normal', '微软雅黑'; font-size: 16px; color: #212121;}

a{ text-decoration: none; cursor: pointer; display: block;}

img{ border: 0; display: block; /*cursor: pointer;*/}

h1, h2, h3, h4, h5{ font-weight: normal;}

ul, li{ list-style: none; /*cursor: pointer;*/}

b, i, em{ font-weight: normal; font-style: normal;}

button, textarea, input{ outline: none;}

select, option{ outline: none; appearance: none;}

html,body{ font-size: calc(100vw/19.2);}

.ani, .wow{ visibility: hidden;}

.swiper-button-next::after, 

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

table{ border-collapse: collapse; border: none; margin: 0; padding: 0;}

@font-face{

	font-family: 'Light';

	src:url('../fonts/SourceHanSansCN-Light.otf');

}

@font-face{

	font-family: 'Normal';

	src:url('../fonts/SourceHanSansCN-Normal.otf');

}

@font-face{

	font-family: 'Bold';

	src:url('../fonts/SourceHanSansCN-Bold.otf');

}

@font-face{

	font-family: 'Arial';

	src:url('../fonts/Arial-BoldMT.otf');

}

::-webkit-scrollbar{}

::-webkit-scrollbar-thumb{}

.p10{ padding-top:10px}

.ysPZ-con{justify-content: space-between;}

.ysPZ-img{width: 20%;}

.ysPZ-list{width: 73%;}

.ysPZ-list li{border-bottom: 1px solid #ebebeb;}

.ysPZ-list li:first-child{padding-top: 0;}

.ysPZ-more{width: 128px;height: 46px;border-radius: 40px;}

.ysPZ-more:hover{text-decoration: underline;}

.ysPZ-more::after{content: "\e765";display: inline-block;font-family: "icon";margin-left: 5px;margin-top: 3px;}

.aboutnews .top {

    display: flex;

    justify-content: space-between; padding-top:50px

}

.aboutnews .top .title {

    text-align: left;

}

.aboutnews .top .title .h1{ font-size:36px}

.aboutnews .top .title .en{font-size: 40px;

    line-height: 40px;}

.aboutnews .top .ps {

    width: 770px;

    font-size: 17px;

    line-height: 30px;

    color: #3A3A3A;

    padding-top: 20px;

}

 .ysIT-item{width: calc(100% / 3);align-items: center;justify-content: space-between;}

 .ysIT-img{width: 35%;height: 180px;border-radius: 5px;overflow: hidden;}

 .ysIT-img img{width: 100%;height: 100%;}

 .ysIT-text{width: 65%;padding-left: 50px;}

 .ysIT-text .title span{font-family: "EN";text-transform: uppercase;}



    .quaProc-list{margin-left: 0;}

    .quaProc-list li{width: calc(100% / 9);margin-left: 0;}

    .quaProc-text{font-size: 14px;}

    .quaProc-list li::after{width: 40px;height: 10px;right: -20px;}

    .quaGL-nav li{height: 100px;}

    .quaShb-drop .text{width: 78%;}

    .quaShb-drop .img{width: 100px;height: 100px;}

    .proYY-icon{width: 80px;height: 80px;}

    .proYY-title{padding-left: 20px;}

/* 清除浮动 */

.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}

.clearfix{*zoom:1;}

.w1450{ width: 15.5rem; margin: auto;}



.indexbanner{ position: relative; overflow: hidden;}

.indexbanner a{ display: block; position: relative;}

.indexbanner a .m{ width: 100%; height: 9.3rem; overflow: hidden;}

.indexbanner a .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.indexbanner .swiper-pagination{ bottom: 0.52rem!important; display: flex; justify-content: center; align-items: center;}

.indexbanner .swiper-pagination span{ width: 0.36rem; height: 3px; background: #fff; margin: 0 0.12rem!important; border-radius: 0; opacity: 1;}

.indexbanner .swiper-pagination span.swiper-pagination-bullet-active{ background: #39b89b;}



.footercp{ background: #193893; border-top: 6px solid #0ed3f8; overflow: hidden;}

.footercp .toop{ padding: 52px 0 60px 0;}

.footercp .toop .cont{ display: flex; justify-content: space-between; align-items: flex-start;}

.footercp .toop .cont .left{ display: flex; flex-wrap: wrap;}

.footercp .toop .cont .left .wli{ min-width: 1.6rem;}

.footercp .toop .cont .left .wli + .wli{ margin-left: 0.56rem;}

.footercp .toop .cont .left .wli .h a{ display: block; font-size: 18px; line-height: 20px; color: #fff; margin-bottom: 20px;}

.footercp .toop .cont .left .wli .min a{ display: block; font-size: 15px; line-height: 36px; color: #ddd; transition: all 0.5s;}

.footercp .toop .cont .left .wli .min a:hover{ color: #fff;}

.footercp .toop .cont .wear{ display: flex;}

.footercp .toop .cont .wear .li + .li{ margin-left: 0.26rem;}

.footercp .toop .cont .wear .li .m img{ display: block; height: 100px; margin: auto;}

.footercp .toop .cont .wear .li .p{ font-size: 16px; line-height: 1; margin-top: 15px; color: #fff; text-align: center;}

.footercp .boot{ border-top: 1px solid hsla(0,0%,100%,0.12);}

.footercp .boot .cont{ display: flex; justify-content: center; flex-wrap: wrap; padding: 27px 0;}

.footercp .boot .cont a,

.footercp .boot .cont .p{ font-size: 15px; line-height: 24px; color: #D3D3D3; margin: 0 5px; transition: all 0.5s;}

.footercp .boot .cont a:hover{ color: #fff;}

.aboutbanner{  position: relative;}

.aboutbanner .img{ width: 100%; overflow: hidden;}

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

.aboutbanner .cont{ width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); text-align: center;}

.aboutbanner .cont .h1{ font-size: 42px; line-height: 44px; font-weight: bold; color: #fff;}

.aboutbanner .cont .p{ font-size: 24px; line-height: 34px; margin-top: 20px; color: #fff;}

.indextitle{ display: flex; justify-content: space-between; align-items: flex-end;}

.indextitle .left .m i{ display: block; width: 78px; height: 16px; background: #0ed3f8;}

.indextitle .left .m em{ display: block; width: 190px; height: 19px; background: #193893;}

.indextitle .left .h{ font-size: 36px; color: #303030; line-height: 1; margin-top: 26px;}

.indextitle .nav{ display: flex; padding-bottom: 10px;}

.indextitle .nav .li{ padding: 0 10px; text-align: center; line-height: 46px; min-width: 110px; font-size: 18px; color: #fff; background: #0ed3f8; cursor: pointer; transition: all 0.5s;}

.indextitle .nav .li + .li{ margin-left: 30px;}

.indextitle .nav .li.cur,

.indextitle .nav .li:hover{ background: #193893;}

.goodsnav{ border-bottom:1px solid #f6f6f6}

.goodsnav .cont .right{display: flex;align-items: center;}

.goodsnav .cont{display: flex; justify-content:space-between; align-items: center; }

.goodsnav .cont  .nali{display: flex; }

.goodsnav .cont  .nali .li a{ padding: 0 24px; line-height: 64px; font-size:18px; color: #2B2B2B; white-space: nowrap; }

.goodsnav .cont  .nali  .li:first-child a{ margin-left: 0;}

.goodsnav .cont .nali .li:hover a{ color: #224a9d;}

.goodsnav .cont  .nali .li.on a{  color: #333; border-bottom:2px solid #046cb5}

.goodsnav .cont::-webkit-scrollbar{ width: 6px; height: 6px; background: #fff; border-radius: 4px;}

.goodsnav .cont::-webkit-scrollbar-thumb{ width: 6px; height: 6px; background: #999; border-radius: 4px;}

.aboutculbox {

    background: url(../images/cutrue.jpg) no-repeat center;

    background-size: cover;

    padding: 95px 0 150px 0;

}

.aboutnews {

    padding: 0px 0 135px 0;background: url(../images/102.jpg) no-repeat top 10px center;

    background-size: 100% auto;

}

.aboutnews .list {

    margin-top: 42px;

    display: flex;

    justify-content: flex-start ;

    flex-wrap: wrap;

}



.aboutboxmax {

    padding: 0.5rem 0 0.6rem 0;

}

.aboutboxmax .listbox {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    padding-top: 0.1rem;

}



.aboutboxmax .listbox .left {

    width: 2.6rem;

}



.aboutboxmax .listbox .left .wli + .wli {

    margin-top: 0.22rem;

}



.aboutboxmax .listbox .left .tit {

    background: #04b4f8;

    font-size: 0.24rem;

    line-height: 0.6rem;

    text-align: center;

    color: #fff;

    font-family: 'Bold';

    text-transform: uppercase;

}



.aboutboxmax .listbox .left .nav {

    border: 1px solid #cdcdcd;

    padding: 0.4rem 0.1rem 0.4rem 0.64rem;

}



.aboutboxmax .listbox .left .nav .sli + .sli {

    margin-top: 0.35rem;

}



.aboutboxmax .listbox .left .nav .sli .h a {

    font-size: 0.18rem;

    line-height: 0.28rem;

    position: relative;

    font-weight: 600;

    transition: all 0.5s;

}



.aboutboxmax .listbox .left .nav .sli .h a::after {

    content: '';

    width: 0.08rem;

    height: 0.08rem;

    border-radius: 100%;

    background: #04b4f8;

    position: absolute;

    top: 0.1rem;

    left: -0.15rem;

}



.aboutboxmax .listbox .left .nav .sli .h {

    margin-bottom: 0.1rem;

}



.aboutboxmax .listbox .left .nav .sli .min a {

    font-size: 0.16rem;

    line-height: 0.3rem;

    transition: all 0.5s;

}



.aboutboxmax .listbox .left .nav .sli .min a:hover {

    color: #04b4f8;

}



.aboutboxmax .listbox .left .nav .sli .h a:hover {

    color: #04b4f8;

}



.aboutboxmax .listbox .left .inputbox {

    border: 1px solid #cdcdcd;

    padding: 0.25rem 0.3rem;

}



.aboutboxmax .listbox .left .inputbox .input {

    border: 1px solid #a5a5a5;

    display: flex;

    box-sizing: border-box;

    position: relative;

}



.aboutboxmax .listbox .left .inputbox .input input {

    display: block;

    padding: 0 0.6rem 0 0.1rem;

    width: 100%;

    height: 0.48rem;

    border: none;

    background: #fff;

    font-size: 0.14rem;

}



.aboutboxmax .listbox .left .inputbox .input input::placeholder {

    color: #D0D0D0;

}



.aboutboxmax .listbox .left .inputbox .input button {

    display: block;

    width: 0.36rem;

    height: 100%;

    background: #fff url(../images/s5.png) no-repeat left center;

    background-size: 0.17rem auto;

    border: none;

    position: absolute;

    top: 0;

    right: 0;

    cursor: pointer;

}



.aboutboxmax .listbox .right {

    width: calc(100% - 2.9rem);

}



.aboutboxmax .listbox .databox {



}

.diaol{ font-size:20px; line-height:40px; padding-bottom:20px; text-align:center}

.aboutboxmax .listbox .databox .tit {

    display: flex;

    border-bottom: 1px solid #ccc;

    background: #efefef;

}



.aboutboxmax .listbox .databox .tit i {

    background: #fff;

    color: #04b4f8;

    font-size: 18px;

    line-height: 0.34rem;

    padding: 0 0.2rem;

    margin-bottom: -1px;

    border-right: 1px solid #ccc;

    position: relative;

    font-weight: bold

}



.aboutboxmax .listbox .databox .tit i::after {

    position: absolute;

    top: -2px;

    left: -1px;

    right: -1px;

    height: 2px;

    background: #04b4f8;

    content: '';

}



.aboutboxmax .listbox .databox .ps {

    padding: 0.3rem;

}



.aboutboxmax .listbox .databox .ps {

    font-size: 14px;

    line-height: 0.3rem;

    color: #626262;

}



.aboutboxmax .listbox .databox .ps img {

    display: block;

    max-width: 100%;

}



.aboutboxmax .listbox .top {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}



.aboutboxmax .listbox .top .imgbox {

    width: 5.9rem;

}



.aboutboxmax .listbox .top .ter {

    width: 6.9rem;

}



.aboutboxmax .listbox .top .ter .h {

    font-size: 0.28rem;

    line-height: 0.38rem;

    font-weight: 600;

    margin-bottom: 0.35rem;

}



.aboutboxmax .listbox .top .ter .min, .aboutboxmax .listbox .top .ter .min .p {

    font-size: 0.14rem;

    line-height: 0.36rem;

    color: #8F8F8F;

}



.zoomContainer {

    position: relative;

}



.aboutboxmax .listbox .top .imgbox .proportion {

    width: 100%;

    height: 3.8rem;

    background: #eee;

    overflow: hidden;

}



.aboutboxmax .listbox .top .mag-zoomed img {

    display: none!important;

}



.aboutboxmax .listbox .top .mag-zoomed img:first-child {

    display: block!important;

}



.aboutboxmax .listbox .boot {

    display: flex;

    justify-content: space-between;

    margin-top: 0.15rem;

}



.aboutboxmax .listbox .boot .em {

    transition: all 0.5s;

    width: 0.2rem;

    height: 1rem;

    cursor: pointer;

    background: #bfbfbf url(../images/26.png) no-repeat center;

    background-size: 0.08rem auto;

}



.aboutboxmax .listbox .boot .em:hover {

    opacity: 0.8;

}



.aboutboxmax .listbox .boot .em1 {

    transform: rotate(180deg);

}



.aboutboxmax .listbox .boot .swiper {

    width: 5.35rem;

}



.aboutboxmax .listbox .boot .m {

    width: 1rem;

    height: 1rem;

    margin: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    background: #eee;

    cursor: pointer;

    transition: all 0.5s;

}



.aboutboxmax .listbox .boot .m:hover {

    opacity: 0.8;

}



.aboutboxmax .listbox .boot .m img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.aboutboxmax .listbox .boot .swiper-slide-thumb-active .m::after {

    position: absolute;

    border: 2px solid #04b4f8;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    content: '';

}



.aboutboxmax .listbox .top .swiper-button-next, .aboutboxmax .listbox .top .swiper-button-prev {

    display: none;

    width: 0.5rem;

    height: 0.3rem;

    background: url(../images/jiantou.png) no-repeat center;

    background-size: 0.18rem auto;

}



.aboutboxmax .listbox .top .swiper-button-prev {

    transform: rotate(180deg);

}



.aboutboxmax .listbox .top .mySwiper2:hover .swiper-button-next, .aboutboxmax .listbox .top .mySwiper2:hover .swiper-button-prev {

    display: block;

}

.aboutnews .list .li {

    width: 30.6%;

    background: #f8f8f8;

    margin: 34px 34px 0 0;

}

.indextenbox .list .li .text .h1, .indexnewsbox .bot .right .li .h1{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}

.indextenbox .list .li .text .p, .indexnewsbox .bot .right .li .p, .aboutnews .list .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.indexpolicybox .cont4 .list .left .textbox .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}



.aboutnews .list .li:nth-child(3n) {

    margin: 34px 0 0 0;

}



.aboutnews .list .li .img {

    width: 100%;

 

    overflow: hidden;

}



.aboutnews .list .li .img img {

    display: block;

    width: 100%;

    transition: all 0.5s;

}



.aboutnews .list .li:hover .img img {

    transform: scale(1.05);

}



.aboutnews .list .text {

    padding: 30px 44px 40px 45px;

}



.aboutnews .list .text .h1 {

    font-size: 24px;

    line-height: 34px;

    color: #282828;

}



.aboutnews .list .text .p {

    font-size: 16px;

    line-height: 30px;

    color: #828282;

    margin-top: 15px;

    height: 60px;

}



.aboutnews .list .text .a {

    width: 142px;

    height: 34px;

    line-height: 34px;

    text-align: center;

    font-size: 14px;

    color: #fff;

    background: #0b64b1;

    margin-top: 30px;

    cursor: pointer;

    transition: all 0.5s;

}



.aboutnews .list .text .a:hover {

    background: #eb7318;

}



.title .en {

    font-size: 60px;

    line-height: 60px;

    color: #22499D;

    font-family: 'font1';

    text-transform: uppercase;

}



.title .h1 {

    font-size: 38px;

    line-height: 40px;

    margin-top: 20px;

    font-weight: bold;

}



.titlesh1 {

    font-size: 24px;

    line-height: 50px;

    margin-top: 50px;

    border-bottom: 1px solid #e6e6e6;

    margin-bottom: 20px;

    text-align: center;

}



.titlesp {

    font-size: 16px;

    line-height: 30px;

    margin-top: 30px;

    color: #5a5959

}

.aboutculbox .list {

    margin-top: 75px;

    display: flex;

    justify-content: space-between;

}



.aboutculbox .list .li {

    width: 240px;

    text-align: center;

}



.aboutculbox .list .li .m img {

    display: block;

    margin: auto;

}



.titlesw .p {

    color: #333;

    line-height:28px; padding-top:20px

}



.indexrongyu {

    padding: 105px 0 150px 0;

}



.indexrongyu .h1 {

    font-size: 38px;

    color: #000;

    text-align: center;

    line-height: 48px; font-weight:bold

}



.indexrongyu .em {

    font-size: 18px;

    line-height: 28px;

    margin-top: 15px;

    color: #B9B4B4;

    text-align: center;

}



.indexrongyu .list {

    width: 14rem;

    margin: 24px auto 0;

    position: relative;

}



.indexrongyu .list .mker {

    width: 2.96rem;

    margin: auto;

}





.indexrongyu .list .mker .m {

    width: 100%;

    height: 2.8rem;

    display: flex;

    justify-content: center;

    align-items: center;

}



.indexrongyu .list .mker .m img {

    display: block;

    max-width: 100%;

    max-height: 100%;

}



.indexrongyu .list .mker .p {

    font-size: 16px;

    text-align: center;

    line-height: 36px;

    color: #666;

    margin-top: 0.2rem;

    transition: all 0.5s;

}



.indexrongyu .list .mker:hover .p {

    color: #ed7318;

}



.indexrongyu .list .em {

    background: url(../images/351.png) no-repeat center;

    background-size: 100% auto;

    width: 0.6rem;

    height: 0.6rem;

    cursor: pointer;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



.indexrongyu .list .em1 {

    left: -0.75rem;

}



.indexrongyu .list .em2 {

    right: -0.75rem;

    transform: translateY(-50%) rotate(180deg);

}



.indexrongyu .swiper-button-next, .indexrongyu .swiper-button-prev {

    display: none;

}

.aboutculbox .list .li .h1 {

    font-size: 24px;

    line-height: 34px;

    margin-top: 20px;

    color: #333;

}



.aboutculbox .list .li .p {

    font-size: 16px;

    line-height: 30px;

    margin-top: 10px;

    color: #888;

}

.indextwo {

    background: #f5f7f9 url(../images/101.jpg) no-repeat top center;

    background-size: 100% auto;

}



.indextwo .cont {

    padding: 95px 0 85px 0;

    background: url(../images/111.png) no-repeat center bottom;

    background-size: 7.7rem auto;

}



.indextwo .video {

    width: 5.97rem;

    position: relative;

}



.indextwo .video .m {

    width: 100%;



    overflow: hidden;

}



.indextwo .video .m img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 0.5s;

}



.indextwo .video:hover .m img {

    transform: scale(1.05);

}



.indextwo .video .play {

    width: 1.08rem;

    height: 1.08rem;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    cursor: pointer;

    background: url(../images/12.png) no-repeat center;

    background-size: 100% auto;

    transition: all 0.5s;

}



.indextwo .video .play:hover {

    background: url(../images/12s.png) no-repeat center;

    background-size: 100% auto;

}



.indextwo .text {

    width: 8.6rem;

}



.indextwo .toop {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    flex-direction: row-reverse;

    margin-bottom: 80px;

}



.indextwo .text .tp {

    display: flex;

    align-items: center;

    padding: 30px 0 25px 0;

}



.indextwo .text .tp .h {

    font-size: 24px;

    line-height: 1;

    color: #1B1B1B;

    margin-right: 16px;

    text-transform: uppercase;

}



.indextwo .text .tp i {

    display: block;

    width: 40px;

    height: 2px;

    background: #000;

}



.indextwo .text .tit {

    font-size: 30px;

    line-height: 30px;

    font-weight: bold;

    color: #0F63A3;

    margin-bottom: 40px;

}



.indextwo .text .ps {

    font-size: 18px;

    line-height: 32px;

    color: #141414;

    margin-bottom: 45px;

}



.indextwo .text .a {

    display: flex;

}

.w1530{ width: 14rem; margin: auto;}

.indextwo .text .a a {

    font-size: 18px;

    line-height: 48px;

    background: #0F63A3;

    border-radius: 25px;

    width: 172px;

    text-align: center;

    color: #fff;

    transition: all 0.5s;

}



.indextwo .text .a a:hover {

    color: #0F63A3;

    background: hsla(206,83%,35%,0.10);

}



.indextwo .boot {

    display: flex;

    justify-content: space-between;

}



.indextwo .boot .h {

    display: flex;

    justify-content: center;

    align-items: flex-start;

    font-size: 18px;

    line-height: 20px;

    color: #414141;

}



.indextwo .boot .h i {

    font-size: 48px;

    line-height: 1;

    color: #0F63A3;

    font-weight: bold;

    margin-right: 5px;

}



.indextwo .boot .p {

    font-size: 24px;

    color: #010101;

    text-align: center;

    line-height: 1;

    margin-top: 15px;

}

.indexonemaxbox .list .wli{ margin: 0 -0.25rem; display: none; justify-content: flex-start; flex-wrap: wrap; padding-top: 0.3rem;}

.indexonemaxbox .list .wli.cur{ display: flex;}

.indexonemaxbox .list .li{ width: calc((100% - 2rem) / 4); box-shadow: 0px 2px 57px 0px rgba(4,0,0,0.06); background: #fff; margin: 0.4rem 0.25rem 0 0.25rem;}

.indexonemaxbox .list .li .m{ width: 100%; height: 2.37rem; overflow: hidden;}

.indexonemaxbox .list .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.indexonemaxbox .list .li:hover .m img{ transform: scale(1.05);}

.indexonemaxbox .list .li .ter{ padding: 0.3rem 0; margin: 0 0.2rem; border-bottom: 1px solid #eee;}

.indexonemaxbox .list .li .ter .h{ font-size: 0.22rem; line-height: 0.32rem; color: #1F1F1F; transition: all 0.5s;}

.indexonemaxbox .list .li .ter .h{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.indexonemaxbox .list .li .ter .t{ font-size: 0.2rem; line-height: 1; margin-bottom: 0.15rem; color: #193893;}

.indexonemaxbox .list .li .a{ height: 0.8rem; display: flex; justify-content: center; align-items: center; transition: all 0.5s;} 

.indexonemaxbox .list .li .a i{ font-size: 0.16rem; color: #5E5E5E; line-height: 0.2rem; padding-right: 0.3rem; background: url(../images/35.png) no-repeat right center; background-size: 0.14rem auto; transition: all 0.5s;}

.indexonemaxbox .list .li:hover .a i{ color: #fff; background: url(../images/35s.png) no-repeat right center; background-size: 0.14rem auto;}

.indexonemaxbox .list .li:hover .a{ background: #193893;}

.indexonemaxbox{ padding: 100px 0; background: url(../images/36.jpg) no-repeat center top; background-size: cover;}



.indexnewsmaxbox{ background: url(../images/34.jpg) no-repeat center; background-size: cover;}

.indexnewsmaxbox .cont{ display: flex; justify-content: center; align-items: center; min-height: 410px;}

.indexnewsmaxbox .cont .h{ font-size: 40px; line-height: 50px; color: #fff; text-align: center; margin-bottom: 20px; font-weight: 600;}

.indexnewsmaxbox .cont .p{ font-size: 24px; line-height: 34px; text-align: center; color: #fff; margin-bottom: 25px;}

.indexnewsmaxbox .cont a{ display: flex; justify-content: center; align-items: center; margin: auto; width: 154px; height: 40px; border: 1px solid #fff; border-radius: 22px; transition: all 0.5s;}

.indexnewsmaxbox .cont a i{ font-size: 18px; color: #eee; padding-right: 26px; background: url(../images/7.png) no-repeat right center; background-size: 14px auto; transition: all 0.5s; line-height: 1;}

.indexnewsmaxbox .cont a:hover{ background: #fff; border-color: #fff;}

.indexnewsmaxbox .cont a:hover i{ color: #193893;}



.indextwomaxbox{ padding: 100px 0;}

.indextwomaxbox .list{ display: flex; justify-content: space-between; margin-top: 60px;}

.indextitle .more{ display: flex; justify-content: center; align-items: center; font-size: 18px; color: #121111; width: 162px; height: 50px; border: 1px solid #193893; transition: all 0.5s;}

.indextitle .more:hover{ color: #fff; background: #193893;}

.indextwomaxbox .list .li{ width: 2.8rem; transition: all 0.5s; position: relative;}

.indextwomaxbox .list .li.cur{ width: 5.62rem;}

.indextwomaxbox .list .li .m{ width: 100%; height: 5.54rem; overflow: hidden; position: relative;}

.indextwomaxbox .list .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.indextwomaxbox .list .li:hover .m img{ transform: scale(1.05);}

.indextwomaxbox .list .li .m::after{ background: #193893; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; content: ''; opacity: 0;}

.indextwomaxbox .list .li.cur .m::after{ opacity: 0.6;}

.indextwomaxbox .list .li .h{ transition: all 0.5s; font-size: 28px; color: #fff; line-height: 1; font-weight: 600; position: absolute; left: 0; bottom: 0; right: 0; padding: 0.46rem 0.24rem;}

.indextwomaxbox .list .li.cur .h{ opacity: 0;}

.indextwomaxbox .list .li .mk{ position: absolute; top: 1.95rem; left: 0.28rem; width: 260px; bottom: 0.4rem; opacity: 0; transition: all 0.5s;}

.indextwomaxbox .list .li.cur .mk{ opacity: 1;}

.indextwomaxbox .list .li .mk .n{ font-size: 28px; color: #fff; font-weight: 600; line-height: 1; margin-bottom: 0.2rem;}

.indextwomaxbox .list .li .mk .p{ font-size: 16px; line-height: 24px; color: #fff; opacity: 0.8;}

.indextwomaxbox .list .li .mk .a{ width: 40px; height: 40px; border: 1px solid hsla(0,0%,100%,0.20); position: absolute; left: 0; bottom: 0; background: url(../images/18.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}



.indexthreemaxbox{ min-height: 10.6rem; background: url(../images/17.jpg) no-repeat center; background-size: cover;}

.indexthreemaxbox .cont{ padding: 1.57rem 0;}

.indexthreemaxbox .text .n{ font-size: 36px; line-height: 1; color: #fff; margin-bottom: 0.25rem;}

.indexthreemaxbox .text .h{ font-size: 48px; line-height: 1; color: #fff; margin-bottom: 0.5rem;}

.indexthreemaxbox .text .ps{ font-size: 18px; line-height: 28px; color: #fff; width: 640px; opacity: 0.8; margin-bottom: 0.4rem;}

.indexthreemaxbox .text a{ background-image: linear-gradient(to right, #204f9a , #32aaa1); display: flex; justify-content: center; align-items: center; width: 110px; height: 34px; font-size: 18px; color: #eee; border-radius: 0 15px 0 15px;}





.indexthreemaxbox .list{ width: calc(295px * 3); display: flex; justify-content: flex-start; flex-wrap: wrap; padding-top: 0.1rem;}

.indexthreemaxbox .list .li{ width: calc(100% / 3); margin-top: 0.7rem;}

.indexthreemaxbox .list .li .tp{ display: flex; align-items: center; margin-bottom: 0.2rem;}

.indexthreemaxbox .list .li .tp .m{ width: 0.6rem; height: 0.6rem; margin-right: 0.25rem;}

.indexthreemaxbox .list .li .tp .m img{ display: block; width: 100%;}

.indexthreemaxbox .list .li .tp .v{ font-size: 18px; color: #fff; line-height: 26px; display: flex; align-items: flex-start;}

.indexthreemaxbox .list .li .tp .v i{ font-size: 0.6rem; line-height: 1; font-weight: 600; color: #fff; margin-right: 0.12rem;}

.indexthreemaxbox .list .li .p{ font-size: 18px; line-height: 1; color: #fff; opacity: 0.8; margin-left: 0.3rem;}



.indexfourmaxbox{ padding: 100px 0; background: url(../images/12.jpg) no-repeat top center; background-size: 100% auto;}

.indextitlemk{ display: flex; justify-content: space-between; align-items: flex-end;}

.indextitlemk .left .h{ font-size: 50px; color: #3F3F3F; font-weight: 600; line-height: 1; margin-bottom: 15px;}

.indextitlemk .left .p{ font-size: 32px; line-height: 1; color: #8B8B8B; font-weight: 600;}

.indextitlemk .more{ display: flex; margin-bottom: 10px;}

.indextitlemk .more .li{ font-size: 20px; color: #3F3F3F; transition: all 0.5s; padding: 0 10px; line-height: 60px; border-radius: 15px; cursor: pointer;}

.indextitlemk .more .li.cur{ background: #1e4397; color: #fff;}

.indextitlemk .more .li.cur a{ background: #1e4397; color: #fff;}

.indextitlemk .more .li a{ font-size: 20px;}

.indexfourmaxbox .list .wli{ display: none; flex-wrap: wrap; margin: 0 -0.25rem;}

.indexfourmaxbox .list .wli.cur{ display: flex;}

.indexfourmaxbox .list .wli a{ width: calc((100% - 3rem) / 5); height: 0.8rem; display: flex; justify-content: center; align-items: center; margin: 0.6rem 0.25rem 0 0.25rem; overflow: hidden; background: #fff; position: relative;}

.indexfourmaxbox .list .wli a::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ffe8d8;}

.indexfourmaxbox .list .wli a img{ display: block; max-width: 100%; max-height: 100%; transition: all 0.5s;}

.indexfourmaxbox .list .wli a:hover img{ transform: scale(1.05);}



.headercp{ position: fixed; top: 0; left: 0; right: 0; z-index: 50; height: 100px; transition: all 0.5s;}

.headercp .logo img{ display: block; height: 35px;}

.headercp .logo{ margin: 35px 0 10px 0; overflow: hidden; height: 35px;}

.headercp .logo a{ display: block; height: 35px; transition: all 0.5s;}

.headercp2 .logo a.a1{ margin-top: -35px;}

.headercp .cont{ display: flex; justify-content: space-between;}

.headercp .cont .nav{ display: flex;}

.headercp .cont .nav .wli + .wli{ margin-left: 0.5rem;}

.headercp .cont .nav .wli .tit a{ display: block; font-size: 18px; color: #fff; line-height: 35px; padding: 35px 0 10px 0; transition: all 0.5s;}

.headercp .cont .nav .wli{ position: relative;}

.headercp .cont .nav .wli .down{ display: none; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); min-width: 225px; padding-top: 12px;}

.headercp .cont .nav .wli .down::after{ content: ''; width: 100%; height: 12px; position: absolute; top: 0; left: 0; background: url(../images/4.png) center bottom no-repeat; background-size: auto 100%;}

.headercp .cont .nav .wli .down .min{ background: #f5f5f5;}

.headercp .cont .nav .wli .down .min a{ font-size: 16px; color: #363636; text-align: center; line-height: 40px; transition: all 0.5s;}

.headercp .cont .nav .wli .down .min a + a{ border-top: 1px solid #cfcfcf;}

.headercp .cont .nav .wli .down .min a:hover{ color: #fff; background: #1e4397;}

.headercp .cont .right{ display: flex;}

.headercp .cont .lang{ margin-left: 1.05rem; position: relative; padding: 35px 0 10px 0; cursor: pointer;}

.headercp .cont .lang .m{ font-size: 18px; color: #fff; line-height: 35px; padding: 0 22px 0 35px; position: relative; background: url(../images/2.png) no-repeat left center; background-size: 21px auto; transition: all 0.5s;}

.headercp .cont .lang .m::after{ width: 14px; height: 100%; position: absolute; right: 0; bottom: 0; background: url(../images/3.png) no-repeat center; background-size: 100% auto; content: ''; transition: all 0.5s;}

.headercp .cont .lang .down{ display: none; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); min-width: 115px; padding-top: 12px;}

.headercp .cont .lang .down::after{ content: ''; width: 100%; height: 12px; position: absolute; top: 0; left: 0; background: url(../images/4.png) center bottom no-repeat; background-size: auto 100%;}

.headercp .cont .lang .down .mk{ background: #f5f5f5;}

.headercp .cont .lang .down .mk a{ font-size: 16px; color: #363636; text-align: center; line-height: 40px; transition: all 0.5s;}

.headercp .cont .lang .down .mk a + a{ border-top: 1px solid #cfcfcf;}

.headercp .cont .lang .down .mk a:hover{ color: #fff; background: #1e4397;}

.headercp .cont .lang:hover .down{ display: block;}

.headercp2{ background: #fff; box-shadow: 0 0 10px hsla(0,0%,0%,0.08);}

.headercp2 .cont .nav .wli .tit a{ color: #3C3C3C;}

.headercp2 .cont .lang .m{ color: #3C3C3C; background: url(../images/2s.png) no-repeat left center; background-size: 21px auto;}

.headercp2 .cont .lang .m::after{ background: url(../images/3s.png) no-repeat center; background-size: 100% auto;}

.headercp .cont .nav .wli.cur .tit a,

.headercp .cont .nav .wli:hover .tit a{ color: #1e4397;}

.indexmaxboxfour{ padding: 30px 0 80px 0;}

.indexmaxboxfour .top{ display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 45px;}

.indexmaxboxfour .top .tit .h{ font-size: 36px; color: #303030; line-height: 1; font-weight: bold; margin-bottom: 15px;}

.indexmaxboxfour .top .tit .p{ font-size: 18px; color: #858484; line-height: 1;}

.indexmaxboxfour .nav{ display: flex; padding-top: 6px;}

.indexmaxboxfour .nav a{ font-size: 18px; line-height: 46px; color: #131313; transition: all 0.5s;}

.indexmaxboxfour .nav a + a{ margin-left: 40px;}

.indexmaxboxfour .nav a:hover{ color: #046cb5;}

.indexmaxboxfour .nav a.cur{ background: #046cb5; color: #fff; padding: 0 30px;}

.indexmaxboxfour .list{ display: flex; margin: 0 -0.22rem; justify-content: flex-start;flex-wrap: wrap;}

.indexmaxboxfour .list .li{ width: calc((100% - 1.76rem) / 4); margin: 0.3rem 0.22rem;  border-bottom: 1px solid #046cb5;}

.indexmaxboxfour .list .li .m{ width: 100%; height: 2.25rem; overflow: hidden; margin-bottom: 15px;}

.indexmaxboxfour .list .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.indexmaxboxfour .list .li:hover .m img{ transform: scale(1.05);}

.indexmaxboxfour .list .li .h{ font-size: 22px; line-height: 36px; min-height: 72px; color: #1F1F1F; transition: all 0.5s;}

.indexmaxboxfour .list .li .t{ font-size: 14px; line-height: 1; color: #ABABAB; margin-top: 20px;}

.indexmaxboxfour .list .li:hover .h{ color: #046cb5;}

.indexmaxboxfour .list .li .ter{ padding-bottom: 30px;}

.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px;

}



.pagination > li {

    display: inline;

}



.pagination > li > a, .pagination > li > span {

    position: relative;

    float: left;

    padding: 6px 12px;

    line-height: 1.42857;

    text-decoration: none;

    color: #333;

    background-color: #fff;

    border: 1px solid #ddd;

    margin-left: -1px;

}



.pagination > li:first-child > a, .pagination > li:first-child > span {

    margin-left: 0;

    border-bottom-left-radius: 4px;

    border-top-left-radius: 4px;

}



.pagination > li:last-child > a, .pagination > li:last-child > span {

    border-bottom-right-radius: 4px;

    border-top-right-radius: 4px;

}



.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {

    z-index: 2;

    color: #23527c;

    background-color: #eeeeee;

    border-color: #ddd;

}



.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {

    z-index: 3;

    color: #fff;

    background-color: #046cb5;

    border-color: #046cb5;

    cursor: default;

}

.titlesp {

    font-size: 16px;

    line-height: 30px;

    margin-top: 30px;

    color: #5a5959

}

.indexcontact {



    overflow: hidden;

}



.indexcontact .cont {

    padding: 65px 0 85px 0;

    background-size: 818px auto;

    display: flex;

    justify-content: space-between;

}



.title .em {

    width: 65px;

    height: 4px;

    margin: 15px auto 0;

    background: #206ea9;

}

.indexcontact .conts {

    padding: 5px 0 115px 0;

}



.indexcontact .conts img {

    width: 100%

}



.indexcontact .cont .left {

    width: 650px;

}



.indexcontact .cont .left .title {

    text-align: left;

}



.indexcontact .cont .left .title .em {

    margin: 25px 0 0 0;

}



.indexcontact .cont .left .title .h3 {

    font-size: 28px;

    line-height: 38px;

    color: #22499D;

    margin-top: 20px; margin-bottom:10px

}



.indexcontact .cont .left .mk {

    margin-top: 25px;

}



.indexcontact .cont .left .mk .p {

    font-size: 18px;

    color: #282828;

    line-height: 28px;

    padding: 9px 0;

}



.indexcontact .cont .left .mk .p div {

    font-size: 16px;

    color: #282828;

    line-height: 32px;

    background-color: #fff;



}



.indexcontact .cont .right {

    width: 750px; overflow:hidden

}



.indexcontact .cont .right .h1 {

    font-size: 22px;

    line-height: 32px;

    padding-left: 45px;

    background: url(../images/26.png) left top 4px no-repeat;

    background-size: 22px auto;

}



.indexcontact .cont .right .form {

    margin-top: 45px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.indexcontact .cont .right .form .li {

    margin-bottom: 30px;

    width: 360px;

}



.indexcontact .cont .right .form .li .input {

    display: flex;

    box-sizing: border-box;

}



.indexcontact .cont .right .form .li .input input {

    display: block;

    width: 100%;

    height: 52px;

    border-radius: 5px;

    background: #ededed;

    border: 1px solid #d3d3d3;

    padding: 0 20px;

    font-size: 16px;

    transition: all 0.5s;

}



.indexcontact .cont .right .form .li2 {

    width: 100%;

}



.indexcontact .cont .right .form .li .input input::placeholder, .indexcontact .cont .right .form .li .input textarea::placeholder {

    color: #343240;

}



.indexcontact .cont .right .form .li .input textarea {

    display: block;

    width: 100%;

    height: 175px;

    border-radius: 5px;

    background: #ededed;

    border: 1px solid #d3d3d3;

    padding: 20px;

    font-size: 16px;

    line-height: 26px;

    transition: all 0.5s;

}



.indexcontact .cont .right .form .li:hover .input input, .indexcontact .cont .right .form .li:hover .input textarea {

    border-color: hsla(26,86%,51%,0.40);

}



.indexcontact .cont .right .form .bot {

    padding-top: 5px;

    display: flex;

    width: 100%;

}



.indexcontact .cont .right .form .bot button {

    background: #e6e9eb;

    width: 172px;

    height: 44px;

    border-radius: 5px;

    border: none;

    font-size: 16px;

    color: #333;

    margin-right: 26px;

    cursor: pointer;

    transition: all 0.5s;

}



.indexcontact .cont .right .form .bot button.sub {

    background: #027ed1;

    color: #fff;

}



.indexcontact .cont .right .form .bot button:hover {

    background: #ed7318;

    color: #fff;

}

.flex {

    display: flex;

    flex-wrap: wrap;

}

.fs22 {

    font-size: 22px;color: #fff;

}

.flex-center {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center; color:#FFFFFF

	

}

.white {

    color: #fff;

}

.proList,.proYY,.ysCG,.ysBg{overflow: hidden;position: relative;}

.fs20 {

    font-size: 20px;

}

.fs20 p{padding-left: 0; color:#FFFFFF; font-size:20px}

.ysSC-con{justify-content: space-between;}

.ysSC-item{width: 48%;}

.ysSC-img img{width: 100%;height: 350px;}

.ysSC-text{position: absolute;left: 0;bottom: 0;padding: 30px 35px;background: rgba(0, 0, 0, .7);transition: all .4s ease;}

.ysSC-text .title{align-items: center;}

.ysSC-text .title p{flex: 1;padding-left: 8px;}

.ysSC-text .text{height: 0;overflow: hidden;transition: all .4s ease;}

.ysSC-item:hover .ysSC-text{background: #04b3f8;}

.ysSC-item:hover .ysSC-text .text{height: 35px;padding-top: 10px;}

.ysGYL .ysSC-con::after{width: 32%;content: "";}

.ysGYL .ysSC-item{width: 32%;}

.ysGYL .ysSC-text .title p{padding-left: 0;}

.ysSC-item:hover .ysSC-text .text{height:65px; color:#FFFFFF}

.ysTitle{padding-left: 25px;border-left: 4px solid #04b3f8;}

.fs32 {font-size: 32px;}

.ysPZ-con{justify-content: space-between;}

.ysPZ-img{width: 20%;}

.ysPZ-list{width: 73%;}

.ysPZ-list li{border-bottom: 1px solid #ebebeb;padding-bottom: 40px;}

.pt40 {padding-top: 40px;}

.ysPZ-list li:first-child{padding-top: 0;}

.ysPZ-more{width: 128px;height: 46px;border-radius: 40px;}

.ysPZ-more:hover{text-decoration: underline;}

.ysPZ-more::after{content: "\e765";display: inline-block;font-family: "icon";margin-left: 5px;margin-top: 3px;}

.fs18 {font-size: 20px;}

.pbBox {padding-bottom: 250px;}

.fs36 {font-size: 36px;}

.mt20 {    margin-top: 20px;}

.mt100 {margin-top: 100px;}

.quaProc-title{border-bottom: 1px solid #f0f0f0;}

.quaProc-title .title{padding-left: 13px;}

.quaProc-title .title::after{content: "";position: absolute;width: 2px;height: 80%;background: #04b3f8;left: 0;top: 50%;transform: translateY(-50%);}

.quaProc-list{margin-left: -20px;}

.quaProc-list li{flex-direction: column;position: relative;display: flex;text-align: center;align-items: center;width: calc((100% / 9) - 20px);margin-left: 20px;}

.quaProc-list li::after{content: "";width: 50px;height: 12px;background: url('../images/quaProc-more.png') no-repeat center/100% auto;position: absolute;right: -35px;top: 10px;}

.quaProc-list li:last-child::after{display: none;}

.quaProc-item:nth-child(3) .quaProc-list li::after{display: none;}

.quaProc-icon{height: 44px;}

.quaProc-icon img{max-height: 100%;}

.quaGL{background: #f7f7f7;}

.quaGL-nav-list{box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.08);border-radius: 1px;}

.quaGL-nav li{width: 25%;height: 116px;background: #fff;user-select: none;cursor: pointer;}

.quaGL-nav-icon img{transition: all .4s ease;}

.quaGL-nav-icon .h{position: absolute;left: 0;top: 0;opacity: 0;}

.quaGL-nav-text{transition: all .4s ease;margin-left: 10px;}

.quaGL-nav li.active{background: #04b3f8;}

.quaGL-nav li.active .quaGL-nav-icon .s{opacity: 0;}

.quaGL-nav li.active .quaGL-nav-icon .h{opacity: 1;}

.quaGL-nav li.active .quaGL-nav-text{color: #fff;}

.quaGL-con{display: none;}

.quaGL-con:first-child{display: block;}

.quaGL-flex{justify-content: space-between;align-items: flex-start;}

.quaGL-text{width: 45%;}

.quaGL-text .title{border-bottom: 1px solid #e8e8e8;}

.quaGL-text .title::after{content: "";width: 30px;height: 3px;background: #21548a;position: absolute;left: 0;bottom: 0;}

.quaGL-text .text{color: #7c8690;}

.quaGL-img{width: 47%;border-radius: 10px;overflow: hidden;}

.quaGL-img img{width: 100%;}

.qua-shebei .contain{justify-content: space-between;}

.qua-shebei .pagesTitle{width: 30%;position: relative;}

.qua-shebei .pagesTitle::after{content: "";position: absolute;left: 0;bottom: 0;width: 64px;height: 30px;background: url('../images/pages/quaShB-bg.png') no-repeat center/10% auto;}

.qua-shebei .pagesTitle .text::after{content: "";position: absolute;left: 0;bottom: 0;width: 56px;height: 4px;background: #04b3f8;}

.quaShb-list{width: 60%;}

.quaShb-list li{border-bottom: 1px solid #ebebeb;align-items: flex-start;cursor: pointer;}

.quaShb-list li:first-child{border-top: 1px solid #ebebeb;}

.quaShb-icon img{transition: all .4s ease;}

.quaShb-icon .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}

.quaShb-text .title{position: relative;}

.quaShb-text .title::after,.quaShb-text .title::before{content: "";transition: all .4s ease; position: absolute;right: 24px;top: 50%;transform: translateX(-50%);width: 12px;height: 2px;background: #000;}

.quaShb-text .title::after{transform: translateY(-40%);width: 2px;height: 12px;right: 35px;}

.quaShb-text{flex: 1;padding-left: 20px;}

.quaShb-drop{position: relative;width: 90%;display: none;}

.quaShb-drop .text{width: 75%;padding-bottom: 40px;}

.quaShb-drop .img{background: #f1f1f1;width: 112px;height: 112px;opacity: 0; display: flex;align-items: center;justify-content: center;position: absolute;right: 0;top: 0;transform: translateY(-30%) scale(0);}

.quaShb-list li.active .quaShb-drop .img{animation: quaShb .3s  0.3s ease forwards;}

.quaShb-list li.active .quaShb-icon .h{opacity: 1;}

.quaShb-list li.active .quaShb-icon .s{opacity: 0;}

.quaShb-list li.active .quaShb-text .title::after{transform: translateY(-40%) rotate(135deg);}

.quaShb-list li.active .quaShb-text .title::before{transform: translateX(-50%) rotate(135deg);}

@keyframes quaShb {0%{opacity: 0;transform: translateY(-30%) scale(0);}100%{opacity: 1;transform: translateY(-30%) scale(1);}}

.quaShb-drop .img img{max-width: 80%;max-height: 80%;}

.fs15 {font-size: 15px; padding-top:10px;color: #888;}

.pbBox{padding-bottom: 50px; padding-top:50px}

.ysCG-list{margin-left: -20px;}

.ysCG-list li{width: calc((100% / 3) - 20px);margin: 20px 0 0 20px;position: relative;overflow: hidden;}

.ysCG-show .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(33, 84, 138, .8);}

.ysCG-show  .img img{height: 250px;width: 100%;}

.ysCG-show .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}

.ysCG-hide{position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;z-index: 3;background: #04b3f8;transform: translateY(100%);transition: all .4s ease; color:#FFFFFF;}

.ysCG-list li:hover .ysCG-hide{transform: translateY(0);}

.goodsnews{ background: #fff; padding: 20px 0 60px 0;}

.produstsbox{ padding: 0.6rem 0 0.5rem 0;}

.produstsbox .cont{ background: #f6f6f6; box-shadow: 0px 0px 18px 0px rgba(4,0,0,0.08);}

.produstsbox .cont .mk{ padding: 0.4rem 0.5rem; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}

.produstsbox .cont .mk .input{ display: flex; box-sizing: border-box; width: 5.3rem; position: relative; transition: all 0.5s;}

.produstsbox .cont .mk .input:hover{ box-shadow: 0 0 10px hsla(222,67%,35%,0.30);}

.produstsbox .cont .mk .input input{ width: 100%; height: 0.64rem; background: #fff; border: 1px solid #e5e5e5; padding: 0 1.35rem 0 0.2rem; font-size: 0.16rem;}

.produstsbox .cont .mk .input input::placeholder{ color: #959595;}

.produstsbox .cont .mk .input button{ width: 1.22rem; font-size: 0.18rem; color: #E5E5E5; height: 100%; border: none; position: absolute; top: 0; right: 0; cursor: pointer; background: url(../images/46.jpg) no-repeat center; background-size: 100% 100%;}

.mt10 {margin-top: 10px; color:#FFFFFF; font-size:14px}

.produstsbox .cont .mk .ter{ width: 6.75rem; display: flex; justify-content: space-between; align-items: flex-start; padding: 0.2rem 0.8rem 0.2rem 0; border-right: 1px solid #e1e1e1;}

.produstsbox .cont .mk .ter .m{ width: 1.13rem;}

.produstsbox .cont .mk .ter .m img{ display: block; width: 100%;}

.produstsbox .cont .mk .ter .ps{ width: 5.15rem;}

.produstsbox .cont .mk .ter .ps .h{ font-size: 0.2rem; line-height: 0.3rem; font-weight: 600; margin-bottom: 0.15rem;}

.produstsbox .cont .mk .ter .ps .p{ font-size: 0.16rem; line-height: 0.28rem;}

.produstsboxtwo{ margin-bottom: 1rem;}

.produstsboxtwo .cont{ overflow-x: auto;}

.produstsboxtwo .cont table{ width: 100%; background: #f4f4f4; min-width: 1400px;}

.produstsboxtwo .cont table tbody tr{ border-bottom: 1px solid #e2e2e2; text-align: center;}

.produstsboxtwo .cont table tbody tr td:first-child{ background: #eee;}

.produstsboxtwo .cont table tbody tr td .em{ font-size: 14px; line-height: 30px; color: #767676; padding: 10px; transition: all 0.5s;}

.produstsboxtwo .cont table tbody tr:hover td .em{ color: #1e4397;}

.produstsboxtwo .cont table tbody tr td{ min-height: 70px;}

.produstsboxtwo .cont table tbody tr td .img{ width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin: 10px auto;}

.produstsboxtwo .cont table tbody tr td .img img{ max-width: 100%; max-height: 100%; display: block;}

.produstsboxtwo .cont table tbody tr td a{ display: block; width: 50px; height: 50px; margin: 10px auto; background: url(../images/79.png) no-repeat center; background-size: 36px auto;}

.produstsboxtwo .cont table thead{ background: url(../images/77.jpg) no-repeat center; background-size: 100% 100%;}

.produstsboxtwo .cont table thead th{ position: relative;}

.produstsboxtwo .cont table thead .em{ display: flex; justify-content: center; align-items: center; line-height: 84px; font-size: 18px; color: #fff;}

.produstsboxtwo .cont table thead .em i{ display: block; width: 10px; height: 10px; margin-left: 8px; background: url(../images/78.png) no-repeat center; background-size: 100% auto;}

.produstsboxtwo .cont table thead .down{ display: none;position: absolute; top: 84px; left: 50%; transform: translateX(-50%); box-shadow: 0px 0px 18px 0px rgba(4,0,0,0.08);}

.produstsboxtwo .cont table thead th:hover .down{ display: block;}

.produstsboxtwo .cont table thead .down::after{ content: ''; width: 100%; height: 12px; background: url(../images/4s.png) no-repeat center; background-size: auto 100%; position: absolute; top: -12px; left: 0;}

.produstsboxtwo .cont table thead .down .mk{ background: #fff;}

.produstsboxtwo .cont table thead .down .mk .li{ padding: 10px 20px; font-size: 14px; white-space: nowrap; text-align: center; line-height: 20px; cursor: pointer; transition: all 0.5s; border-bottom: 1px solid hsla(222,67%,35%,0.20);}

.produstsboxtwo .cont table thead .down .mk .li:hover{ color: #3959A4;}

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

.indexbannerCell{ display: none;}

.videocellbox{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -100; opacity: 0; display: flex; justify-content: center; align-items: center;}

.videocellbox2{ z-index: 100; opacity: 1;}

.videocellbox .up{ background: #000; opacity: 0.8; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}

.videocellbox .cont{ width: 100%; position: relative; z-index: 5; transform: scale(0.2); opacity: 0; transition: all 0.5s;}

.videocellbox2 .cont{ opacity: 1; transform: scale(1);}

.videocellbox .cont .sole{ width: 20px; height: 20px; position: absolute; left: 50%; bottom: -50px; margin-left: -10px;}

.videocellbox .cont .sole i{ display: block; width: 100%; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}

.videocellbox .cont .sole i:nth-child(2){ transform: translate(-50%,-50%) rotate(-45deg);}

.videocellbox .cont video{ display: block; width: 100%;}

.cellheaderboxmax{ display: none;}

.cellheaderboxmax .top{ position: fixed; top: 0; left: 0; height: 50px; right: 0; z-index: 50; background: #fff; padding: 0 0.3rem; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 10px hsla(0,0%,0%,0.10);}



.cellheaderboxmax .top .logo img{ display: block; height: 30px;}

.cellheaderboxmax .top .sole{ width: 22px; height: 18px; position: relative;}

.cellheaderboxmax .top .sole i{ display: block; width: 100%; height: 2px; border-radius: 2px; background: #1e4397; position: absolute; top: 0; left: 0;}

.cellheaderboxmax .top .sole i:nth-child(2){ top: 50%; margin-top: -1px;}

.cellheaderboxmax .top .sole i:nth-child(3){ top: auto; bottom: 0;}

.cellheaderboxmax .up{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index: 55;}

.cellheaderboxmax2 .up{ display: block;}

.cellheaderboxmax .listbox{ width: 220px; position: fixed; top: 0; right: -220px; opacity: 0; transition: all 0.5s; bottom: 0; background: #fff; z-index: 60;}

.cellheaderboxmax2 .listbox{ right: 0; opacity: 1;}

.cellheaderboxmax .listbox .nav .wli{ border-bottom: 1px solid hsla(0,0%,0%,0.10); padding: 8px;}

.cellheaderboxmax .listbox .nav{ padding: 0 10px; position: absolute; top: 140px; left: 0; right: 0; bottom: 0; overflow-y: auto; }

.cellheaderboxmax .listbox .nav .wli .tit{ display: flex; justify-content: space-between; align-items: center;}

.cellheaderboxmax .listbox .nav .wli .tit a{ font-size: 16px; line-height: 30px;}

.cellheaderboxmax .listbox .nav .wli .tit i{ display: block; width: 20px; height: 20px; background: url(../images/82.png) no-repeat center; background-size: 9px auto; transition: all 0.5s;}

.cellheaderboxmax .listbox .nav .wli .tit i.i2{ transform: rotate(90deg);}

.cellheaderboxmax .listbox .nav .wli .min a{ display: block; padding: 0 0 0 15px; position: relative; font-size: 14px; line-height: 30px;}

.cellheaderboxmax .listbox .nav .wli .min a::after{ content: ''; width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 50%; left: 3px; background: #000; margin-top: -2px; opacity: 0.3;}

.cellheaderboxmax .listbox .nav .wli .down{ padding-top: 5px; display: none;}

.cellheaderboxmax .listbox .lang{ padding: 50px 0 10px 0; margin: 0 10px; display: flex; justify-content: flex-start; flex-wrap: wrap; border-bottom: 1px solid hsla(0,0%,0%,0.10);}

.cellheaderboxmax .listbox .lang a{ font-size: 14px; line-height: 30px; min-width: calc(100% / 3); text-align: center; position: relative;}

.cellheaderboxmax .listbox .lang a::after{ content: ''; width: 1px; height: 12px; position: absolute; top: 50%; right: 0; margin-top: -6px; background: #000; opacity: 0.2;}

.cellheaderboxmax .listbox .lang a:nth-child(3n)::after{ display: none;}

.cellheaderboxmax .listbox .sole{ width: 20px; height: 20px; position: absolute; top: 10px; right: 10px;}

.cellheaderboxmax .listbox .sole i{ display: block; width: 100%; height: 2px; background: #000; border-radius: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}

.cellheaderboxmax .listbox .sole i:nth-child(2){ transform: translate(-50%,-50%) rotate(-45deg);}