@charset "utf-8";
.ys-cont1060 {
    width: 85vw;
    max-width: 1060px;
    margin: auto;
}
.ys-cont1100{
    width: 85vw;
    max-width: 1100px;
    margin: auto;
}
.ys-cont1620 {
    width: 100vw;
    padding: 0 7.8125vw;
    max-width: 1920px;
    margin: auto;
}
.ys-cont1760{
    width: 100vw;
    padding: 0 4.167vw;
    max-width: 1920px;
    margin: auto;
}
:root{
    --font54: 54px;
    --font44: 44px;
    --font40: 40px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    --l1h2: 1.2;
    --l1h3: 1.3;
    --l1h4: 1.4;
    --l1h5: 1.5;
    --l1h6: 1.6;
    --l1h75: 1.75;
    --l1h8: 1.8;
    /* --l2: 2; */
    --space200: 200px;
    --space156: 156px;
    --space140: 140px;
    --space130: 130px;
    --space120: 120px;
    --space90: 90px;
    --space80: 80px;
    --space70: 70px;
    --space60: 60px;
    --space50: 50px;
    --space40: 40px;
    --colormain: #0065DD;
    --colorhover: #0C3065;
    --colorborder: #E0E1E6;
    --colorbg: #F9F9FB;
    --colortitle: #1E1F24;
    --colortext: #62636C;
    --colorinfo: #CDCED7;
    --colorfff: #fff;
    --line90: 80px;
}
.std-font54{
    font-size: var(--font54);
    line-height: var(--l1h3);
    color: var(--colortitle);
}
.std-font44,
.yxedr-active h2{
    font-size: var(--font44);
    line-height: var(--l1h3);
    color: var(--colortitle);
}
.std-font40,
.yxedr-active h3{
    font-size: var(--font40);
    line-height: var(--l1h4);
    color: var(--colortitle);
}
.std-font32,
.yxedr-active h4{
    font-size: var(--font32);
    line-height: var(--l1h4);
    color: var(--colortitle);
}
.std-font24,
.std-font24 p,
.yxedr-active h5{
    font-size: var(--font24);
    line-height: var(--l1h5);
    color: var(--colortitle);
}
.std-text14,
.std-text14 p{
    font-size: var(--font14);
    line-height: var(--l1h8);
    color: #62636D;
}
.std-text16,
.std-text16 p,
.yxedr-active p{
    font-size: var(--font16);
    line-height: var(--l1h75);
    color: var(--colortext);
}
.product-detail .yxedr-active p{color: #333;}
.std-text18,
.std-text18 p{
    font-size: var(--font18);
    line-height: var(--l1h75);
    color: var(--colortext);
}
.std-text20,
.std-text20 p,
.yxedr-active h6{
    font-size: var(--font16);
    line-height: var(--l1h5);
    color: var(--colortext);
}
.ys-cont1488{
    width: 85vw;
    max-width: 1488px;
    margin: auto;
}
.head-nav-item {
    position: static;
    margin-right: 32px;
}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/*鼠标效果*/
.ys-ban-slick .ys-ban-title{
    color: var(--colorfff);
    font-size: var(--font44);
    line-height: var(--l1h3);
    text-align: center;
    margin-bottom: 24px;
}
.ys-ban-slick .std-font24,
.ys-ban-slick .std-font24 p{
    color: var(--colorfff);
    text-align: center;
    line-height: var(--l1h6);
}
.ys-ban-slick .std-font24{
    margin-bottom: 60px;
}
.std-btn-link-font{
    font-size: var(--font16);
    line-height: var(--l1h8);
    color: var(--colorfff);
    text-align: center;
    position: relative;
    z-index: 6;
    transition: all .4s ease;
}
.std-btn-link{
    position: relative;
    padding: 10px 55px;
    cursor: pointer;
}
.std-btn-link::before{
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.10);
}
.ys-ban-li .std-btn-link::before{
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    -moz-backdrop-filter: none;
    -ms-backdrop-filter: none;
    -o-backdrop-filter: none;
    background: rgba(255, 255, 255, 0.20);
}
.std-btn-link::before,
.std-btn-link::after{
    content: '';
    border-radius: 80px;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.std-btn-link::after{
    border: 1px solid var(--colorfff);
    transition: all .8s ease;
}
.std-btn{
    display: flex;
    justify-content: center;
}
.mod-swiper-dots1 .swiper-pagination-bullet,
.mod-dots1 .slick-dots li{
    width: 14px;
    height: 14px;
    border-radius: 0;
    margin: 0 7px;
    background: transparent;
}
.mod-swiper-dots1 .swiper-pagination-bullet::before,
.mod-swiper-dots1 .swiper-pagination-bullet::after,
.mod-dots1 .slick-dots li::before,
.mod-dots1 .slick-dots li::after{
    content: '';
    height: 10px;
    border-radius: 50%;
    position: absolute;
    width: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
    border:2px solid #fff;
}
.mod-dots1 .slick-dots li.slick-active::after{
    background: #1867e2;
    border: solid 2px #1867e2;
}
.ys-ban-slick.mod-dots1 .slick-dots{
    bottom: 30px;
}
.ys-ban-imgbox::before{
    background: rgba(1,6,12,.15);
}
.mod-arrows1 .slick-prev, 
.mod-arrows1 .slick-next,
.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}
.ys-ban-slick.mod-arrows1 .slick-prev{
    left: 5%;
} 
.ys-ban-slick.mod-arrows1 .slick-next{
    right: 5%;
} 
.mod-arrows1 .slick-prev::before, 
.mod-arrows1 .slick-next::before,
.mod-arrows1 .swiper-button-prev::before, 
.mod-arrows1 .swiper-button-next::before{
    content: '';
    background-image: url(../images/0jian1.png);
    background-size: 100% 100%;
    position: absolute;
    width: 11px;
    height: 22px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.mod-arrows1 .swiper-button-prev::before, 
.mod-arrows1 .slick-prev::before{
    transform: translate(-50%,-50%) rotate(180deg);
}
.ys-banner .mod-arrows1 .slick-prev, 
.ys-banner .mod-arrows1 .slick-next,
.ys-banner .mod-arrows1 .swiper-button-next,
.ys-banner .mod-arrows1 .swiper-button-prev{
	background: none
}
.ys-banner .mod-arrows1 .slick-prev::before, 
.ys-banner .mod-arrows1 .slick-next::before,
.ys-banner .mod-arrows1 .swiper-button-prev::before, 
.ys-banner .mod-arrows1 .swiper-button-next::before{
    content: '';
    background-image: url(../images/arrow-left.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 22px;
    height:41px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ys-banner .mod-arrows1 .swiper-button-next::before, 
.ys-banner .mod-arrows1 .slick-next::before{
    background-image: url(../images/arrow-right.png);
}
.ys-banner .mod-arrows1 .slick-prev:hover::before{
	background-image: url(../images/arrow-left2.png);
}
.ys-banner .mod-arrows1 .slick-next:hover::before{
    background-image: url(../images/arrow-right2.png);
}
.ys-hd-pc .ys-cont1400{justify-content: space-between;display: flex}
.ys-hd-pc .head{;height: 130px;align-items: center;}
.head-logo a{
    display: flex;
    align-items: center;
}
.head-logo a .text{color: #666;font-size: 17px;border-left: solid 1px #eee;padding-left: 25px;margin-left: 25px;}
.head-logo a .text span{display: block;color: #1867e2;font-size: 24px;padding-bottom: 8px;}
.phone{background: url("../images/phone.png") no-repeat left center;color: #2d2d2d;font-size: 17px;padding-left: 70px;}
.phone h3{color: #4c4c4c;font-size: 40px;font-family:arial;padding-top: 8px;font-weight: bold;}
.top{background: #eee;}
.top .left{height: 34px;line-height: 34px;color: #666;font-size: 14px;}
.top .right{display: flex;justify-content: space-between;}
.top .right a{padding-left: 26px;color: #666;position: relative;line-height: 34px;margin-left: 38px;}
.top .right a::before{content: "";height: 13px;background: #a2a2a2;width: 1px;position: absolute;top: 50%;transform: translate(0,-50%);left: -17px;}
.top .right a.a1{background: url("../images/h1.png") no-repeat left center;}
.top .right a.a1::before{display: none;}
.top .right a.a2{background: url("../images/h2.png") no-repeat left center;}
.top .right a.a3{background: url("../images/h3.png") no-repeat left center;}
.ewm-1{width: 100px;position: absolute;z-index: 10;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);top: 50px;transition: 0.5s;opacity: 0;}
.ewm-2{width: 15px;height: 15px;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);left: 50%;transform: translate(-50%,0) rotate(45deg);-webkit-transform: translate(-50%,0) rotate(45deg);-ms-transform: translate(-50%,0) rotate(45deg);-moz-transform: translate(-50%,0) rotate(45deg);margin: 0 auto;position: absolute;top: -5px;}
.ewm-3{width: 15px;height: 15px;background-color: white;left: 50%;transform: translate(-50%,0) rotate(45deg);-webkit-transform: translate(-50%,0) rotate(45deg);-ms-transform: translate(-50%,0) rotate(45deg);-moz-transform: translate(-50%,0) rotate(45deg);margin: 0 auto;position: absolute;z-index: 2;top: -5px;}
.ewm-4{padding: 5px;background-color: white;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);position: relative;}
.ewm-5{width: 90px;height: 90px;position: relative;z-index: 3;}
.top .right a.a1:hover{overflow: initial;}
.top .right a.a1:hover .ewm-1{top: 40px;opacity: 1;}
.top .right a.a1:hover .weixin{display: block;}
.top .right a.a3:hover{overflow: initial;}
.top .right a.a3:hover .ewm-1{top: 40px;opacity: 1;}
.top .right a.a3:hover .weixin{display: block;}
.section0 .ys-cont1400{display: flex;justify-content:space-between;}
.section0{padding: 16px 0;}
.hot{font-size: 16px;color: #333;display: flex;align-items: center;}
.hot a{display: inline-block;color: #666;margin-right: 15px;}
.hot a:hover{color:#1867e2}
.section0 .ys-ph-search{width: 335px;margin: 0;border:1px solid #dcdcdc;background: #f6f6f6;height: 36px;border-radius: 18px;padding: 0;}
.section0 .ys-phs-form{width: 335px;}
.section0 .ys-phs-form form{display: flex;justify-content: space-between;}
.section0 .ys-phs-form input{width: calc(100% - 68px);padding: 0 15px;color: #999;border-radius: 18px 0 0 18px;border: none;}
.section0 .ys-phs-form .icon-search{width: 68px;background: #1867e2 url("../images/com_icon_01.png") no-repeat center;border-radius: 0 18px 18px 0;}
.section0 .ys-phs-form input::placeholder {color: #999;font-size: 14px;}
/* ban-start */
/* 图片缩放 */
/*.ys-ban-imgbox img {
    transform: scale(1.2);
}
.ys-ban-li.slick-current .ys-ban-imgbox img {
    animation: banimgscale 6s ease-out both;
}*/
@keyframes banimgscale {
    100% {
        transform: scale(1);
    }
}
/* 视频缩放 */
.ys-ban-imgbox .ys-ban-video {
    transform: translate(-50%,-50%) scale(1.2);
}
.ys-ban-li.slick-current .ys-ban-imgbox .ys-ban-video {
    animation: banvideoscale 6s ease-out both;
}
@keyframes banvideoscale {
    100% {
        transform: translate(-50%,-50%) scale(1);
    }
}
.ys-nyban-img{
    overflow: hidden;
}
.ys-nyban-img img{
    transform: scale(1.2);
}
/*.ys-nyban-img.act img{
    animation: banimgscale 3s ease-out .1s both;
}*/
/* ban-end */
.ys-ban-li .ys-ban-title,
.ys-ban-li .std-font24{
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
}
.ys-ban-li .std-btn{
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: all .8s .8s ease-in-out;
}
.std-btn-link::before{
    transition: all 0s;
}

.ys-ban-li.slick-active .std-btn{
    display: flex;
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .8s;
}
.ys-ban-li.slick-active .ys-ban-title,
.ys-ban-li.slick-active .std-font24{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .8s;
}

.ys-ysscale {
    transform: scale(1.1);
    animation: ysscale 1.6s ease-in-out both;
    animation-delay: 0s;
}
@keyframes ysscale {
    0%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes ysscale {
    0%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.nav{background:url("../images/m-bg.png") repeat-x;}
.nav ul{display: flex;justify-content: space-between;width: 100%;}
.nav li{width: 12.5%;position: relative;}
.nav li a {
    color: #fff;
    font-size: 16px;
    height: 64px;
    line-height: 64px;
    display: block;
    text-align: center;
    position: relative;    
}
.nav li:hover a,
.nav li.cur a{background: #0060cc}
.nav dl {
	width: 100%;
	left: 0;
	top: 64px;
	z-index: 12;
}
.nav dl {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
	background:#fff;
	padding: 10px 0;

}
.nav li:hover dl {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.nav dl dd {
	text-align: center;
	position: relative;
	z-index: 12;
	display: block;
	
	
}
.nav dl dd a {
	font-size: 16px;
	padding: 0;
	color: #666;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding:0 10px;
  font-weight: normal;
}
.nav li:hover dl dd a{font-weight: normal;background: none;}
.nav li dl dd a:hover{
	background:none;
	color:#1867e2;
	transition: all .3s;
}
.page {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
}
.page a,
.page span {
    margin: 0 3px;
    display: inline-block;
    padding: 6px 10px;
    background: #fff;
    color: #999;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.page a:hover {
    background:#1867e2;
    color: #fff;
    border: 1px solid#1867e2;
}

.page .page_on,
.page span.current {
    background:#0061a9;
    color: #fff;
    border: 1px solid#1867e2;
}
.friend{background: url("../images/fl-bg.jpg") repeat;color: #fff;font-size: 18px;padding: 15px 0;}
.friend span{display: block;background: url("../images/yl.png") no-repeat left 6px;padding-left: 30px;width:110px;margin-right: 15px;line-height: 32px;}
.friend a{font-size: 16px;color: #fff;margin-right:15px;line-height: 32px;}
.friend .ys-cont1400{justify-content: initial;}
footer{background:url("../images/f-bg.jpg") no-repeat;background-size: cover;color: #c7c7c7;position: relative;}
footer .ys-cont1600{position: relative;z-index: 10;}
footer .foot1{display: flex;justify-content: space-between;padding: 65px 0 30px 0;}
.foot1 h2{padding-bottom: 30px;}
.foot1 h2 a{color: #fff;font-size: 25px;font-weight:bold;}
.foot1 h2 a span{display: block;font-family: arial;font-size: 16px;padding-top: 12px;font-weight:normal;}
.foot1 .way p{font-size: 14px;margin-bottom: 14px;line-height: 24px;}
footer .foot1 .f2{display: flex;justify-content: space-between;width: 48%;}
footer .foot1 dt{font-size: 18px;padding-bottom:44px;font-weight: bold;color: #fff;padding-top: 10px;}
footer .foot1 dl:nth-child(1){width: 64%;}
footer .foot1 dl:nth-child(3){margin-left: 30px;}
footer .foot1 dl:nth-child(1) dd{display: flex;flex-wrap: wrap;}
footer .foot1 dl:nth-child(1) dd a{width: 50%;}
footer .foot1 dl:nth-child(1) dd a:nth-child(2n){margin-left: 40px;width: calc(50% - 40px)}
footer .foot1 dd a{display: block;font-size: 14px;color: #c7c7c7;transition: all 0.3s;margin-bottom:14px;line-height: 24px;}
footer .foot1 dd a:hover{transform: translateX(5px);}
footer .foot1 .f3{text-align: center;padding-top: 10px;}
footer .foot1 .f3 img{width: 134px;height: 134px;}
footer .foot1 .f3 p{font-size: 16px;padding-top: 15px;}
footer .foot2{display: flex;justify-content: space-between;padding:25px 0;font-size: 14px;border-top: solid 1px #363f47;}
footer .foot2 a{color: #c7c7c7;}
.ys-hd-pc.no-fixs{position: relative;background: #fff}
.section1{background: #f6f6f6;padding: 110px 0 72px 0;}
.scroll-wrap {
    width: 100%;
    height: 112px;
    margin: 45px 0 0 0;
    border-radius: 10px;
    position: relative;
}

.scroll-list {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.scroll-list img {
    transition: all 0.3s;
}
.scroll-list .tp{
    margin: 0 15px;
    border-radius: 10px;
    height: 115px;
    width: 205px;
    flex-shrink: 0; /* 关键修复：不让容器被压缩 */
   display: flex;
   justify-content: center;
   align-items: center;
   background: #fff;
   box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.scroll-list .tp:hover img{
    transform: scale(1.1);
}
.pic-scroll{position: relative;}
.pic-scroll::before,.pic-scroll::after{content: "";
	    position: absolute;
	    z-index: 1;
	    height: 100%;
	    width: 5%;
	    top: 0;
	   }
.pic-scroll::before{left: 0px;background-image: linear-gradient(90deg, rgba(255,255,255,0.7) 20%, hsla(0, 0%, 100%, 0));}
.pic-scroll::after{right: 0;background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), rgba(255,255,255,0.7) 80%);}
.section5{background-size: cover;background-repeat: no-repeat;padding:110px 0 90px 0;background-position: center center;}
.title{text-align: center;color: #333;position: relative;}
.title h3{color: #333;font-size: 40px;font-weight: bold;position: relative;}
.title h3 span{color: #1867e2;display: inline-block;padding-right: 36px;position: relative;}
.title h3 span::before{content: "";display: block;position: absolute;right:13px;width: 10px;height: 10px;background: #333;border-radius: 50%;top: 50%;transform: translate(0,-50%);}
.title b{display: block;position: absolute;top: -36px;text-transform: uppercase;color: #ececec;font-size: 72px;left: 50%;transform: translate(-50%,0);}
.title p{color: #999;font-size: 16px;padding: 18px 0 16px 0;}
.title i{display: block;margin: 0 auto;}
.flex{display: flex;justify-content: space-between;}
.sorts{width: 334px;background: #fff;}
.product{width: calc(100% - 334px);}
.product ul{display: flex;flex-wrap: wrap;}
.product li{margin:0 0 22px 28px;width: calc(33.33% - 28px);background: #fff;text-align: center;}
.product li .pic{display: flex;justify-content:center;align-items: center;height: 205px;overflow: hidden;}
.product li .pic img{transition: all 0.3s;max-height: 200px;}
.product li:hover .pic img{transition: all 0.3s;transform: scale(1.1);}
.tit{background: url("../images/fl-bg.jpg") repeat-x;height: 102px;align-items: center;color: #fff;justify-content: center;text-align: center;}
.tit h4{display: inline-block;font-size: 30px;font-weight: bold;}
.tit h4 span{display: block;font-size: 16px;font-family: arial;text-transform: uppercase;font-weight: normal;letter-spacing: -0.5px;padding-top: 9px;}
.sorts li{border-bottom: solid 1px #eee;transition: all 0.3s;}
.sorts li a{color: #666;font-size: 16px;padding: 0 0 0 42px;display: block;position: relative;height: 68px;line-height: 68px;}
.sorts li a::before,.sorts li a::after{content: "";display:block;position: absolute;height: 68px;width: 6px;top: 0;}
.sorts li a::before{left: 25px;background: url("../images/tb1.png") no-repeat center;}
.sorts li a::after{right: 25px;background: url("../images/tb3.png") no-repeat center;}
.sorts li:last-child{border-bottom: none;}
.sorts li a:hover::before{background: url("../images/tb2.png") no-repeat center;}
.sorts li a:hover{color: #1867e2;transform:translateX(5px);}
.product li .wz{position: relative;overflow:hidden}
.product li a p{color: #666;font-size: 16px;height: 46px;line-height: 46px;position: relative;z-index: 3;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;transition: all 1s;}
.sorts{margin-bottom: 22px;}
.product li .bac{
    transition: all 0.5s;
    transform: translate(-50%,0) scale(0);
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height:50px;
    border-radius: 100%;
    background:#1867e2;
}
.product li:hover .bac {
  transition: all 0.5s;
  transform: translate(-50%,0) scale(20);
}
.product li:hover a p{color: #fff;}
.ss-box1{margin-top: 38px;}
.product li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.section2{padding: 110px 0 0 0;background: url("../images/ys-bg.jpg") no-repeat center;background-size: cover;}
.section2 .title h3 span{color: #fff;padding-right: 0;}
.section2 .title h3 span::before{display: none;}
.section2 .title p{color: #fff;}
.mySwbox-main{position: relative;margin-top: 38px;}
.mySwbox{
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 552px;
    overflow: hidden;  
    background-color: #fff;    
}
.gallery-top {
    height: 80%;
    width: 100%;
}
.gallery-thumbs {
    height: 128px;
    box-sizing: border-box;
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 1;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.slide .text{ width: 45%;color:#333333;overflow: hidden;flex-shrink: 0;padding:92px 56px 0 56px;}
.slide .text .flex{justify-content: flex-start;align-items: center;}
.slide .text .name{font-size: 14px;padding-left: 10px;}
.slide .text .name b{display: block;font-size: 25px;padding-bottom: 15px;}
.slide .text .wzz{border-top: solid 1px #eee;margin: 38px 0 0 0;padding-top: 38px;}
.slide .text p{font-size:16px;line-height:30px;color:#333; margin: 0;}
.slide {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.slide .img{width: 770px;height: 552px;overflow: hidden;}
.slide .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mySwbox-thumbs{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);position:relative;top: -196px;width: 1000px;margin: 0 auto;z-index: 10;}
.mySwbox-thumbs .gallery-thumbs{
    margin: 0 auto;
}
.gallery-thumbs .swiper-slide{
    flex: 1;
    position: relative;
    transition: all ease .5s;
    cursor: pointer;
    display: flex;
}
.img-center{
    position: relative;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
}
.gallery-thumbs .swiper-slide .img-center.tb1{background: url("../images/ico2.png") no-repeat center;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .img-center.tb1{background: url("../images/ico02.png") no-repeat center;}
.gallery-thumbs .swiper-slide .img-center.tb2{background: url("../images/ico1.png") no-repeat center;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .img-center.tb2{background: url("../images/ico01.png") no-repeat center;}
.gallery-thumbs .swiper-slide .img-center.tb3{background: url("../images/ico3.png") no-repeat center;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .img-center.tb3{background: url("../images/ico03.png") no-repeat center;}
.gallery-thumbs .swiper-slide .img-center.tb4{background: url("../images/ico4.png") no-repeat center;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .img-center.tb4{background: url("../images/ico04.png") no-repeat center;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .i1 {
    display: none;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active::before {
    width: 100%;
}
.gallery-thumbs .swiper-slide:before {
    width: 0;
    height: 100%;
    background: url(../images/ys-jb.png) repeat-x;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
}
.gallery-thumbs .slide-icon {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .text {
    color: #FFF;
}
.gallery-thumbs .swiper-slide .i2 {
    display: none;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .i2 {
    display: block;
}
.gallery-thumbs .swiper-slide .text {
    position: relative;
    z-index: 999;
    padding-left: 12px;
    color: #333333;
}
.gallery-thumbs .swiper-slide .text h3{color: #393939;font-size: 23px;font-weight: bold;padding-bottom: 12px;}
.gallery-thumbs .swiper-slide .text p{color: #999;font-size: 14px;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .text p,.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .text h3{color: #FFF;}
.section3{padding: 110px 0 90px 0;}
.section4{padding: 110px 0 40px 0;background: url("../images/a-bg.jpg") no-repeat center top;}
.section4 .title h3 span,.section4 .title p,.section4 .title h3{color: #fff;}
.section4 .title h3 span::before{background: #fff;}
.section6{padding: 98px 0 0 0;}
.section6 .title{text-align: left;}
.section6 .title b{left: 0;transform: translate(0);}
.swiper-box1{margin-top:28px;position: relative;}
.swiper-box1 .swiper-button-prev{left: auto;right:48px;}
.swiper-box1 .swiper-button-prev::after{content: "";display: block;background:url("../images/jt2.png") no-repeat center;}
.swiper-box1 .swiper-button-next{right:0px;}
.swiper-box1 .swiper-button-next::after{content: "";display: block;background:url("../images/jt1.png") no-repeat center;}
.swiper-box1 .swiper-button-next::after,.swiper-box1 .swiper-button-prev::after{cursor: pointer;transition: all .5s cubic-bezier(.694,0,.335,1);width: 38px;height:38px;background-size: auto 18px;}
.swiper-box1 .swiper-button-next,.swiper-box1 .swiper-button-prev{width: 38px;height:38px;z-index: 10;border: solid 1px #dcdcdc;top: -80px;}
.swiper-box1 .swiper-button-prev:hover::after{background:#1867e2 url("../images/jt02.png") no-repeat center;background-size: auto 18px;}
.swiper-box1 .swiper-button-next:hover::after{background:#1867e2 url("../images/jt01.png") no-repeat center;background-size: auto 18px;}
.swiper-box1 .swiper-button-next:hover,.swiper-box1 .swiper-button-prev:hover{border: solid 1px #1867e2;}
.book-swiper2 .swiper-slide{text-align: center;background: #f5f5f5;}
.book-swiper2 .swiper-slide .text{background: #fff;font-size: 18px;color: #333;height: 70px;line-height: 70px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:1px solid #eee;border-top: none;}
.book-swiper2 .swiper-slide .tp{height:400px;display: flex;justify-content: center;align-items: center;}
.book-swiper2 .swiper-slide .tp img{max-height:330px;}
.ss-box4{background: #fff;box-shadow: 0 0 25px rgba(0,0,0,0.1);padding:74px 56px;margin-top: 38px;}
.ss-box4 .left{width: calc(100% - 656px);}
.ss-box4 .left h3{color: #333;font-size: 28px;font-weight: bold;padding-bottom: 26px;}
.ss-box4 .left h3 span{display: block;color: #666;font-size: 16px;font-family: arial;font-weight: normal;padding-top: 12px;}
.ss-box4 .right{width: 586px;height: 364px;}
.ss-box4 .right img{width: 100%;height: 100%;object-fit: cover;}
.ss-box4 .we p{color: #666;font-size: 16px;line-height: 36px;}
.ss-box4 .four ul{display: flex;justify-content: space-between;}
.ss-box4 .four li{text-align: center;}
.ss-box4 .four a .tb{height: 37px;display: flex;align-items: center;justify-content: center;}
.ss-box4 .four a .p1{color: #333;font-size: 16px;padding: 16px 0 8px 0;}
.ss-box4 .four a .p2{color: #666;font-size: 12px;}
.ss-box4 .we{height:180px;}
.middle{background: url("../images/guanggao.jpg") no-repeat center;height: 238px;background-size: cover;}
.middle .ys-cont1400{display: flex;align-items: center;height: 238px;}
.middle .talk{color: #fff;width: 50%;}
.middle .talk h3{font-size: 28px;}
.middle .talk h3 span{font-size: 42px;font-weight: bold;display: inline-block;padding-right: 15px;}
.middle .talk p{font-size: 17px;font-weight: 100;padding: 18px 0 30px 0;}
.middle .talk h4{font-size: 20px;background: url("../images/tell.png") no-repeat left center;padding:0 0 0 52px;}
.middle .talk h4 b{font-size: 34px;font-family: arial;}
.ss-box6{padding-bottom: 98px;}
.section7{padding:110px 0 68px 0;background: url("../images/bg1.jpg") no-repeat center;background-size: cover;}
.section8{padding: 110px 0 90px 0;}
.section8 .title{text-align: left;}
.section8 .title b{left: 0;transform: translate(0);}
.swiper-box1 .swiper-pagination{display: none;}
.swiper-box1 .swiper-pagination3{width: 100%;bottom: 0;display: block;}
.swiper-box1 .swiper-pagination3 span{margin: 0 5px;width: 8px;height: 8px;background: #666;border-radius: 50%;}
.swiper-box1 .swiper-pagination3 span.swiper-pagination-bullet-active{background: #1867e2;}
.book-swiper3{padding-bottom: 40px;}
.book-swiper3 .swiper-slide{background: #fff;padding: 30px;}
.book-swiper3 .swiper-slide .tp{position: relative;height: 100px;display: flex;align-items: center}
.book-swiper3 .swiper-slide .tp::after{content: "";position:absolute;background: url("../images/douhao.jpg") no-repeat;width: 34px;height: 34px;top: 0;right:0;display: block;}
.book-swiper3 .swiper-slide .tp img{max-height:60px;}
.book-swiper3 .swiper-slide .text p{color: #333;font-size: 16px;line-height: 30px;height: 120px;display: -webkit-box;
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 4;     
  overflow: hidden;}
.swiper-box1 .swiper-button-prev3,.swiper-box1 .swiper-button-next3{display: none;}
.book-swiper3 .swiper-slide .text{padding-top: 10px;}
.tab-list1 .box1{display: none;justify-content: space-between;}
.tabs1{position: absolute;right: 0;top:30px;}
.tabs1 a{display: inline-block;color: #333;font-size: 18px;position: relative;margin-left: 35px;}
.tabs1 a::before{height: 23px;content: "";display: block;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.tabs1 a:nth-child(1){padding-left:28px;}
.tabs1 a:nth-child(2){padding-left:26px;}
.tabs1 a:nth-child(3){padding-left:26px;}
.tabs1 a.on,.box1 .item1 .time a:hover,.wz-list li a:hover,.box1 .item1 h4 a:hover{color: #1867e2;}
.tabs1 a:nth-child(1)::before{background: url("../images/n-ico1.png") no-repeat center center;width: 23px;}
.tabs1 a:nth-child(2)::before{background: url("../images/n-ico2.png") no-repeat center center;width: 21px;}
.tabs1 a:nth-child(3)::before{background: url("../images/n-ico3.png") no-repeat center center;width: 19px;}
.tabs1 a.on:nth-child(1)::before{background: url("../images/n-ico01.png") no-repeat center center;width: 23px;}
.tabs1 a.on:nth-child(2)::before{background: url("../images/n-ico02.png") no-repeat center center;width: 21px;}
.tabs1 a.on:nth-child(3)::before{background: url("../images/n-ico03.png") no-repeat center center;width: 19px;}
.section8 .ys-cont1400{position: relative;}
.tab-list1{margin-top: 38px;width: 100%;}
.tab-list1 .box1 .item1{width: 48.5%;}
.box1 .item1 .left{width: 280px;height: 190px;overflow: hidden;}
.box1 .item1 .left img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.box1 .item1 .left:hover img{transform: scale(1.1);}
.box1 .item1 .right{width: calc(100% - 305px);}
.box1 .item1 h4 a{display: block;color: #333;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin:6px 0 26px 0;}
.box1 .item1 p{color: #666;font-size: 14px;line-height: 24px;display: -webkit-box;
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 4;     
  overflow: hidden;height:96px;}
.box1 .item1 .time{display: flex;justify-content: space-between;align-items: center;font-size: 14px;color: #666;margin-top: 20px;}
.box1 .item1 .time span{font-family: arial;}
.box1 .item1 .time a{color: #666;}
.wz-list{padding-top: 26px;}
.wz-list li{border-bottom: solid 1px #ededed;}
.wz-list li span{display: inline-block;float: right;color: #666;font-size: 14px;line-height: 48px;}
.wz-list li a{color: #333;font-size: 16px;display: inline-block;position: relative;padding-left: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 100px);height: 48px;line-height: 48px;}
.wz-list li a::before{content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background: #d6d6d6;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.tab-list1 .box1.on{display: flex;}
.swiper-box1 .swiper-pagination2{display: none;}
.book-swiper1 .box{position: relative;overflow: hidden;}
.book-swiper1 .box .tp{overflow: hidden;height: 410px;}
.book-swiper1 .box .tp a img{width: 100%;height: 100%;object-fit:cover;transition: all 0.3s;}
.book-swiper1 .box:hover .tp a img{transform: scale(1.15);}
.book-swiper1 .txt1{color: #fff;position: absolute;bottom: 0;width:100%;padding:25px;-webkit-transition: all .3s;transition: all .3s;text-align: center;background: linear-gradient(to bottom, rgba(24,103,226,0), rgba(24,103,226,0.9));}
.book-swiper1 .txt1 h4 a{color: #fff;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.book-swiper1 .txt2{color: #fff;position: absolute;bottom: -1000%;width:100%;background: rgba(24, 103, 226, 0.75);transition: all 0.3s;height: 100%;font-size: 18px;display: flex;align-items: center;}
.book-swiper1 .txt2 .height{padding:0 30px;width: 100%;}
.book-swiper1 .txt2 h4 a{font-size:20px;margin: 0 0 26px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;color: #fff;font-weight: bold;}
.book-swiper1 .txt2 p{font-size: 16px;line-height:30px;overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;}
.book-swiper1 .box:hover .txt1{ -webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);}
.book-swiper1 .box:hover .txt2{bottom: 0;}
.look a{
  width: 160px;
  border: 1px solid #1867e2;
  border-radius: 24px;
  height: 48px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #1867e2;
  line-height: 46px;
  text-align: center;
}
.look a:hover>span{
  color: #ffffff;
}
.book-swiper1 .box .look{margin-top: 30px;}
.book-swiper1 .box .look a{border: 1px solid #fff;color: #fff;}
.button--nina {
	overflow: hidden;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
  position: relative;
  z-index: 1;
}
.button--nina > span {
	display: inline-block;
	opacity: 0;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  color: #FFFFFF;
  letter-spacing: -2.5px;
}
.button--nina > span:nth-child(5){background: url("../images/more.png") no-repeat right center;width: 30px;height: 14px;}
.button--nina::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina:hover {
	background-color: #1867e2 !important;
}
.button--nina:hover::before {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--nina:hover > span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--nina:hover > span:nth-child(1) {
	-webkit-transition-delay: 0.045s;
	transition-delay: 0.045s;
}
.button--nina:hover > span:nth-child(2) {
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}
.button--nina:hover > span:nth-child(3) {
	-webkit-transition-delay: 0.135s;
	transition-delay: 0.135s;
}
.button--nina:hover > span:nth-child(4) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
.button--nina:hover > span:nth-child(5) {
	-webkit-transition-delay: 0.225s;
	transition-delay: 0.225s;
}
.button--nina:hover > span:nth-child(6) {
	-webkit-transition-delay: 0.27s;
	transition-delay: 0.27s;
}
.button--nina:hover > span:nth-child(7) {
	-webkit-transition-delay: 0.315s;
	transition-delay: 0.315s;
}
.button--nina:hover > span:nth-child(8) {
	-webkit-transition-delay: 0.36s;
	transition-delay: 0.36s;
}
.button--nina:hover > span:nth-child(9) {
	-webkit-transition-delay: 0.405s;
	transition-delay: 0.405s;
}
.button--nina:hover > span:nth-child(10) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}
.book-swiper1 .box:hover .look a.button--nina{background-color: #fff!important;color:#1867e2;}
.book-swiper1 .box:hover .look a>span,.left-side .list2 li:hover a .wz{color:#1867e2}
.book-swiper1 .box .look a.button--nina > span:nth-child(5){background: url("../images/top-jt.png") no-repeat right center;height: 14px;} 
.section3 .swiper-box1{margin-top: 38px;}
.section3 .swiper-box1 .swiper-button-prev{left: 0;}
.section3 .swiper-box1 .swiper-button-prev::after{content: "";display: block;background:url("../images/arrow-left.png") no-repeat center;}
.section3 .swiper-box1 .swiper-button-next{right:0px;}
.section3 .swiper-box1 .swiper-button-next::after{content: "";display: block;background:url("../images/arrow-right.png") no-repeat center;}
.section3 .swiper-box1 .swiper-button-next::after,.section3 .swiper-box1 .swiper-button-prev::after{cursor: pointer;transition: all .5s cubic-bezier(.694,0,.335,1);width: 40px;height:41px;top: -5px;position: relative;}
.section3 .swiper-box1 .swiper-button-next,.section3 .swiper-box1 .swiper-button-prev{width: 40px;height:41px;z-index: 10;top: 0;border: none;}
.section3 .swiper-box1 .swiper-button-prev:hover::after{background:url("../images/arrow-left2.png") no-repeat center;}
.section3 .swiper-box1 .swiper-button-next:hover::after{background:url("../images/arrow-right2.png") no-repeat center;}
.qiehuan{position: absolute;top:50%;transform: translate(-50%,-50%);width: 45%;left: 50%;height: 41px;z-index: 10;}
.book-swiper1 .swiper-slide-active{z-index: 11;}
.swiper-box1 .swiper-pagination1{top: auto;}
.swiper-box1 .book-swiper1 .swiper-pagination{display: block;top:auto;bottom:0px;width: 30%;left: 50%;transform: translate(-50%,0);}
.book-swiper1{padding-bottom: 50px;}
.ny-banner{background-size: cover;background-repeat: no-repeat;height: 445px;background-position: center;}
.brand{background: #fff;color: #666;font-size: 16px;}
.brand .home{background: url("../images/home.jpg") no-repeat left center;padding-left: 24px;color: #666;line-height: 68px;line-height: 68px;}
.brand .home a{color: #666;}
.product-box .tit{background: url(../images/lm-bg.jpg) repeat-x;justify-content: initial;text-align: left;}
.product-box .tit h4{display: block;padding-left: 22px;}
.left-side{width: 334px;}
.left-side .sorts{margin-bottom: 26px;}
.left-side .sorts .list2 li{padding:0 24px;margin: 0;border: none;}
.left-side .sorts .list2 li a{padding: 20px 0;border-bottom: solid 1px #eee;height: auto;line-height: normal;}
.left-side .list2 li a .wz{color: #333;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding-left: 13px;}
.left-side .list2 li a .wz::before{content: "";display: block;position: absolute;left: 0;width: 6px;height: 6px;background: #bcbcbc;border-radius: 50%;top: 50%;transform: translate(0,-50%);}
.sorts .list2 li a::before,.sorts .list2 li a::after{display: none;}
.left-side .list2 li a .time{color: #666;font-size: 12px;padding:15px 0 0 13px;}
.left-side .sorts .list2 li:last-child a{border: none;}
.left-side .list2 li:hover a .wz::before{background: #1867e2;}
.product-box{padding: 65px 0;}
.left-side .sorts .list li a.on::before{background: url("../images/tb2.png") no-repeat center;}
.left-side .sorts .list li a.on{color: #1867e2;}
.sub_nav{position: relative;height: 68px;overflow: hidden;}
.sub_nav ul{display: flex;}
.sub_nav li{position: relative;}
.sub_nav a{display:block;color: #333;font-size: 18px;position: relative;text-align: center;z-index: 2;height: 68px;line-height: 68px;padding: 0 30px;}
.sub_nav li::after{content: "";width:0;background: #1867e2;display:block;
    height: 68px;
    position: absolute;
    left: 50%;
    top: 0;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;}
.sub_nav li.active a,.sub_nav li a:hover{color: #fff;}
.sub_nav li.active::after,.sub_nav li:hover::after{width: 100%;left: 0;}
.about1,.about3{padding: 65px 0 74px 0;}
.about1 .left p{color: #4b4c4d;font-size: 16px;line-height: 32px;}
.about1 img{width: 100%;height: 100%;object-fit: cover;}
.about2{background:url(../images/bg1.jpg) no-repeat center;background-size: cover;height: 522px;position: relative;}
.about-1{align-items:flex-end;}
.about1 .left{width:calc(100% - 700px);}
.about1 .right{width:644px;}
.ny-tit{color: #333;font-size: 36px;font-weight: bold;position: relative;}
.ny-tit span{display: block;text-transform: uppercase;color: #0e72e0;font-size: 14px;font-family: arial;font-weight: normal;padding-top: 12px;}
.about1 .countup-txt h4 em{top: auto;bottom: 0;color: #333;font-size: 18px;}
.about2 dl{margin-top: 25px;}
.about2 dt{background: url(../images/line.png) no-repeat left bottom;color: #1867e2;font-size: 28px;padding-bottom: 24px;margin-bottom: 20px;}
.about2 dd{color: #333;font-size: 16px;line-height: 34px;}
.about2 .about-2{float: right;width:42%;padding:12px 5% 0 0;}
.about3{padding:68px 0 40px 0;clear: both;}
.about-4{background:url(../images/bg2.png) no-repeat left bottom;background-size:100% auto;height:590px;position: relative;}
.about4{padding: 38px 0 75px 0;}
.about4 .swiper-button-next,.about4 .swiper-button-prev{display: none;}
.about4 dl{padding-left: 44px;position: relative;transition: 1s;}
.history-swiper .swiper-slide.swiper-slide-active dl.d1,.history-swiper .swiper-slide.swiper-slide-prev dl.d1{top:0px;}
.about4 dt{color: #1867e2;font-size: 28px;font-weight: bold;margin-bottom: 7px;}
.about4 dd p{color: #4b4c4d;font-size: 16px;position: relative;line-height: 30px;display: -webkit-box;
  -webkit-line-clamp: 4; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;min-height: 90px;}
.about4 .line{position: absolute;bottom:70px;}
.about4 dl .dot-dd{width: 24px;height: 24px;border-radius: 50%;position: absolute;left: 0;top:5px;background: #d3efff;}
.about4 dl .dot-dd::after{content: "";display: block;position: absolute;width: 12px;height: 12px;border-radius: 50%;background: #1867e2;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.about4 dl .line-xt{height: 120px;position: absolute;top: 12px;left: 12px;width: 1px;overflow: hidden;}
.about4 dl .line-xt .moving-line{height: 120px;width: 1px;background: -webkit-linear-gradient(top,rgba(1,111,172,1),rgba(255,255,255,1));
  background: -moz-linear-gradient(top,rgba(1,111,172,1),rgba(255,255,255,1));    
  /* FireFox */
  background: -o-linear-gradient(top,rgba(1,111,172,1),rgba(255,255,255,1));
  /* Opear */
  background: -ms-linear-gradient(top,rgba(1,111,172,1),rgba(255,255,255,1));
}
.history-swiper .swiper-slide{padding-bottom: 80px;}
.history-swiper .swiper-slide dl p{width: 70%;}
.history-swiper .swiper-slide.swiper-slide-active dl.d2,.history-swiper .swiper-slide.swiper-slide-prev dl.d2{top:180px;left: 70px;}
.history-swiper .swiper-slide.swiper-slide-next dl.d1{top:-55px;}
.history-swiper .swiper-slide.swiper-slide-next dl.d2{top:120px;left: 70px;}
.history-swiper .swiper-slide.swiper-slide-next + .swiper-slide dl.d1{top:-130px;}
.history-swiper .swiper-slide.swiper-slide-next + .swiper-slide dl.d2{top:40px;left: 70px;}
.history-swiper{height: 600px;padding-top: 130px;}
.history-swiper .swiper-slide.swiper-slide-active dl.d2 .line-xt,.history-swiper .swiper-slide.swiper-slide-next dl.d2 .line-xt,.history-swiper .swiper-slide.swiper-slide-next + .swiper-slide dl.d2 .line-xt{top:-60px;height:66px;}
.history-swiper .swiper-slide.swiper-slide-active dl.d2 .line-xt .moving-line,.history-swiper .swiper-slide.swiper-slide-next dl.d2 .line-xt .moving-line,.history-swiper .swiper-slide.swiper-slide-next + .swiper-slide dl.d2 .line-xt .moving-line{height:66px;background: -webkit-linear-gradient(bottom,rgba(1,111,172,1),rgba(255,255,255,1));
  background: -moz-linear-gradient(bottom,rgba(1,111,172,1),rgba(255,255,255,1));    
  /* FireFox */
  background: -o-linear-gradient(bottom,rgba(1,111,172,1),rgba(255,255,255,1));
  /* Opear */
  background: -ms-linear-gradient(bottom,rgba(1,111,172,1),rgba(255,255,255,1));
}
.move1 {
	animation: myMove1 5s ease-in infinite alternate;
	-webkit-animation: myMove1 5s ease-in infinite alternate;
}
@keyframes myMove1 {
	from {transform:translate(-50%,-50%) rotate(0deg);}
	to {transform:translate(-50%,-50%) rotate(360deg);}
}
 
@-webkit-keyframes myMove1 {
	from {transform:translate(-50%,-50%) rotate(0deg);}
	to {transform:translate(-50%,-50%) rotate(360deg);}
}
.scale1 {
	animation: myScale1 5s ease-in infinite alternate;
	-webkit-animation: myScale1 5s ease-in infinite alternate;
}
@keyframes myScale1 {
	0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}
 
@-webkit-keyframes myScale1 {
	0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}
.scale2 {
	animation: myScale2 5s ease-in infinite alternate;
	-webkit-animation: myScale2 5s ease-in infinite alternate;
}
@keyframes myScale2 {
	0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}
 
@-webkit-keyframes myScale2 {
	0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8);
        background: #fff;
    }
    100% {
        transform: scale(1);
    }
}
.moving-line {
  animation: moveUp 5s infinite;
}
/*@keyframes moveUp {
  0% { transform: translateY(0); }
  50% { transform: translateY(-50%); }
  100% { transform: translateY(0); }
}*/
@-webkit-keyframes myScale1 {
  0% { transform: translateY(0); }
  50% { transform: translateY(-50%); }
  100% { transform: translateY(0); }
}
.history-swiper .swiper-slide.swiper-slide-active dl.d2 .moving-line,.history-swiper .swiper-slide.swiper-slide-next dl.d2 .moving-line,.history-swiper .swiper-slide.swiper-slide-next + .swiper-slide dl.d2 .moving-line{
  animation: moveUp3 5s infinite;
}
.about4 .swiper-pagination{width:200px;height: 10px;border-radius: 5px;left: 50%;transform: translate(-50%,0);top: auto;bottom:-10px;}
.about4 .swiper-pagination span{border-radius: 15px;background: #1867e2;}
.about2 .pic{position: absolute;left: 0;height:522px;}
.about2 .pic img{width: 100%;height: 100%;object-fit: cover;}
.about-4 .ys-cont1400{position: relative;}
.about1 .our{margin-top: 38px;}
.about3 .swiper-box1 .swiper-button-next,.about3 .swiper-box1 .swiper-button-prev {top: -60px;}
.about3 .swiper-box1{margin-top: 38px;}
.pic-swiper{margin-top: 38px;padding-bottom: 50px;}
.pic-swiper .tp{height: 275px;overflow: hidden;}
.pic-swiper .tp img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.pic-swiper .tp:hover img{transform: scale(1.1);}
.pic-swiper .text{text-align: center;color: #333;font-size: 20px;padding: 15px 0;}
.pic-swiper .swiper-pagination{text-align: center;width: 100%;bottom:0;}
.pic-swiper .swiper-pagination span{width: 12px;height: 12px;display: inline-block;margin: 0 6px;}
.pic-swiper .swiper-pagination span.swiper-pagination-bullet-active{background: #1867e2;}
.about6{background: #f9f9f9;padding: 75px 0;}
.about5{padding: 30px 0 75px 0;}
.about-6{margin-top: 38px;}
.about-6 li{width:calc(27.5% - 18px);margin-left: 18px;}
.about-6 li .tp{margin-bottom: 18px;height: 228px;}
.about-6 li:nth-child(1){width: 45%;margin: 0;}
.about-6 li:nth-child(1) .tp{height: 474px;}
.about-6 li .tp img{width: 100%;height: 100%;object-fit: cover;}
.ny-banner .flex{align-items: center;height: 100%;}
.ny-banner .text h3{font-size: 34px;color: #fff;text-shadow: -1px 1px 8px rgba(0,0,0,0.3);font-weight: bold;letter-spacing: 2px;}
.ny-banner .text span{display: block;color: #fff;font-size: 28px;font-family: arial;text-transform: uppercase;padding: 16px 0 20px 0;position: relative;font-weight: 100;}
.ny-banner .text span::after{content: "";display: block;position: absolute;width: 50px;height: 2px;background: #fff;left: 0;bottom: 0;}
.contact1{padding: 75px 0;}
.title2{text-align: center;color: #333;font-size: 32px;font-weight: bold;}
.contact1 .left{width: 50%;background: #0e72e0;color: #fff;padding:45px 70px;}
.contact1 .right{width: 50%;background: #fff;padding:45px 70px;}
.bg-color{background: #f4f4f4;}
.contact1 .left .name{color: #fff;font-size: 24px;font-weight: bold;position: relative;padding-bottom: 28px;}
.contact1 .left .name::before{content: "";display: block;position: absolute;width: 38px;height: 2px;background: #fff;left: 0;bottom: 0;}
.contact1 .right .name{color: #0e72e0;font-size: 24px;font-weight: bold;position: relative;padding-bottom: 28px;margin-bottom: 40px;}
.contact1 .right .name::before{content: "";display: block;position: absolute;width: 38px;height: 2px;background: #0e72e0;left: 0;bottom: 0;}
.contact1 .cont1{padding-top: 54px;}
.way-list li{background: url("../images/lx1.jpg") no-repeat left center;padding:5px 0 5px 78px;margin-top:38px;}
.way-list li strong{display: block;color: #fff;font-size: 18px;padding-bottom: 15px;}
.way-list li p{color: #fff;font-size: 18px;}
.way-list li p a{color: #fff;}
.way-list li.c2{background: url("../images/lx2.jpg") no-repeat left center;}
.way-list li.c3{background: url("../images/lx3.jpg") no-repeat left center;}
.way-list li.c4{background: url("../images/lx4.jpg") no-repeat left center;}
.contact1 .right li{margin:0px 14px 20px 0;float: left;width:calc(50% - 7px);background:#f9f9f9;padding:0 22px;height: 55px;position: relative;}
.contact1 .right li em{display: block;position: absolute;left: 8px;color: red;top: 50%;transform: translate(0,-50%);font-style: normal;}
.contact1 .right li:nth-child(2n){margin-right: 0;}
.contact1 .right input{height: 55px;border: none;outline: none;background:none;width:calc(100% - 44px);color: #999;position: absolute;}
.contact1 .right input::placeholder,.contact1 .right textarea::placeholder{color: #999;font-family: "siyuan";font-size: 14px;}
.contact1 .right textarea{border: none;outline: none;background:none;width:calc(100% - 44px);color: #999;resize: none;height: 100px;position: absolute;padding: 15px 0;}
.contact1 .right li.li1{width: 100%;margin-right: 0;height: 130px;}
.contact1 .right li.li2{width: 100%;margin-right: 0;}
.contact1 .right li.li3 button{position: absolute;width: 150px;background: #ba1e34;color: #fff;font-size: 18px;letter-spacing: 2px;padding: 12px 0 14px 0;height: 48px;transition: all 0.3s;}
.contact1 .right li.li3 button:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
#imgCode{position: absolute;right: 0;height: 55px;}
.contact1 li.li3{background:#fff;width: 100%;padding:5px 0 0 0;}
.product-inof{
    position: relative;
    padding-top: var(--space120);
    padding-bottom: var(--space40);
}
.mod-bread{
}
.product-inof-core{
    --jian1: 18px;
    --jian2: 40px;
    margin: 0 calc(var(--jian1) * -1) calc(var(--jian2) * -1);
    display: flex;
    flex-wrap: wrap;
}
.product-inof-core-item{
    width: 33.333333%;
    padding: 0 var(--jian1);
    margin-bottom: var(--jian2);
}
.product-inof-core-item a .std-text22{font-size: 22px;color: #62636d;text-align: center;margin-bottom: 22px;}
.product-inof-core-item .spii-link-text-nub .std-text16{line-height: 27px;}
.pici-link{
    display: flex;
    border-radius: 10px;
    border: 1px solid rgba(112, 106, 108, 0.20);
    background: var(--colorfff);
    box-shadow: 0px 14.848px 20.5px 0px rgba(0, 68, 148, 0.06), 0px 8.766px 8.515px 0px rgba(0, 68, 148, 0.04), 0px 4.461px 3.08px 0px rgba(0, 68, 148, 0.03);
    padding: 16px 24px 40px;
    flex-direction: column;
}
.pici-link-img{
    width: 100%;
    margin: 50px 0;
}
.pici-link .std-text20{
    text-align: center;
    line-height: var(--l1h6);
    color: var(--colortitle);
    margin-bottom: 20px;
}
.pici-link-data{
    --jian3: 30px;
    margin: 0 calc(var(--jian3) * -1);
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
}
.pici-link-data-nub{
    padding: 0 var(--jian3);
    width: 50%;
    flex-grow: 1;
}
.pici-ldn-name,
.pici-ldn-data{
    text-align: center;
    color: var(--colormain);
    line-height: var(--l1h8);
}
.pici-link-data{
    margin-bottom: 44px;
}
.mod-page{
    margin-top: var(--space50);
    margin-bottom: var(--space50);
}
.mod-page .pc-fenye li{
    width: 34px;
    height: 34px;
    font-family: "PingFang SC", "Microsoft YaHei";  
    font-size: 14px;
    line-height: 32px;
    color: #62636D;
    text-align: center;
    margin: 0 7px;
    border-radius: 50%;
    transition: .4s ease;
}
.pc-fenye .comp-tabli li {
    border: 1px solid rgba(112, 106, 108, 0.20);
}
.pc-fenye li.activepage {
    color: var(--colorfff);
    background: var(--colormain);
    border: 1px solid var(--colormain);
}
.product-inof-screen{
    display: flex;
    --jian1: 20px;
    margin: 0 calc(var(--jian1) * -1);
    margin-bottom: 88px;
}
.product-inof-screen-item{
    padding: 0 var(--jian1);
}
.product-inof-screen-item1{
    width: 33.24%;
}
.product-inof-screen-item2{
    width: 35.68%;
}
.product-inof-screen-item3{
    width: 31.08%;
}
.pisi-select,
.pisi-core{
    height: 50px;
    border-radius: 80px;
    background: rgba(112, 106, 108, 0.05);
}
.pisi-select .ys-select-hd{
    padding: 0 12px 0 24px;
}
.pisi-select .ys-select-xtbbox{
    right: 12px;
    width: 24px;
    font-size: 0;
}
.pisi-select .ys-select-xtbbox img{
    width: 100%;
}
.pisi-select .ys-select-show{
    color: var(--colortitle);
    font-size: var(--font16);
}
.pisi-select .ys-select-show::placeholder{
    color: var(--colortitle);
}
.pisi-select .ys-select-bd{
    border-radius: 25px;
    background: rgba(248, 247, 248, 1);
    font-size: var(--font16);
    padding: 1em 0;
    height: 10em;
}
.pisi-select .ys-select-bd .ys-select-li{
    font-size: var(--font16);
    line-height: 2;
    padding: 0 24px;
    transition: all .4s ease;
}
.pisi-select .mCSB_outside+.mCSB_scrollTools {
    right: 16px;
}
.pisi-select .mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
}
.pisi-select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 1px;
}
.pisi-select .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colortitle);
}
.pisi-select .mCSB_scrollTools{
    top: 1em;
    bottom: 1em;
}
.pisi-core{
    padding: 0 24px;
    display: flex;
    align-items: center;
}
.pisi-core .std-text16{
    color: var(--colortitle);
    line-height: var(--l1h8);
}
.pisi3-btn{
    --jian2: 10px; 
    margin: 0 calc(var(--jian2) * -1);
    display: flex;
}
.pisi3-btn-nub{
    padding: 0 var(--jian2);
    width: 50%;
}
.pisi3-btn-nub .std-btn-link{
    width: 100%;
}
.std-btn2 .std-btn-link::before {
    background: transparent;
}
.std-btn2 .std-btn-link::after {
    border: 1px solid #62636E;
}
.std-btn2 .std-btn-link-font{
    color: #62636E;
}
.product-support{
    padding-top: var(--space130);
    padding-bottom: var(--space156);
}
.case-client .std-font40,
.case-part .std-font40,
.product-support .std-font40{
    color: var(--colortitle);
    line-height: var(--l1h4);
    text-align: center;
    margin-bottom: 24px;
}
.product-support .std-text18,
.product-support .std-text18 p{
    color: #62636D;
    text-align: center;
    line-height: var(--l1h6);
}
.product-support .std-text18{
    margin-bottom: var(--space60);
}
.product-support-inof{
    --jian: 18px;
    margin: 0 calc(var(--jian) * -1);
}
.product-support-inof-nub{
    width: 33.333333%;
    padding: 0 var(--jian);
}
.psin-link{
    border-radius: 5px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.psin-link-top{
    padding: 50px 58px 0;
    position: relative;
    z-index: 6;
    flex-grow: 1;
}
.psin-link-top .std-font24{
    line-height: var(--l1h5);
    color: var(--colortitle);
    margin-bottom: 20px;
    text-align: center;
}
.psin-link-top .psin-link-text,
.psin-link-top .psin-link-text p{
    color: #62636D;
    font-size: 14px;
    line-height: var(--l1h8);
    text-align: center;
}
.psin-link-top .psin-link-text{
    margin-bottom: 20px;
}
.psin-link-link{
    display: flex;
    align-items: center;
    justify-content: center;
}
.psin-link-link .std-text16{
    color: #0065dd;
    line-height: var(--l1h75);
}
.psin-link-link .psin-link-link-icon{
    width: 24px;
    margin-left: 12px;
}
.psin-link-link .psin-link-link-icon img{
    width: 100%;
}
.product-support-inof-nub .psin-link::before{
    content: '';
    background: linear-gradient(180deg, var(--color1) var(--pos1), var(--color2) var(--pos2), transparent 92.58%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.psin-link .psin-link-img{
    margin-top: -26px;
}
.product-support-inof .slick-track{
    display: flex;
}
.product-support-inof-nub{
    height: auto;
}
.product-support-inof-nub:not(:first-child){
    display: none;
}
.prodet-core{
    position: relative;
}
.inside-main.act .ys-main{
    margin-top: var(--line80);
}
.prodet-core-cry{
    display: flex;
    align-items: flex-start;
    padding-top: 30px;
    overflow: visible !important;
}
.sticky-html,
.sticky-body{
    overflow: visible!important;
}
.prodet-core-cry-left{
    width: 48.5%;
    position: sticky!important;
    top: 20px;
    height: fit-content;
    align-self: flex-start;
}
.prodet-core-cry-text{
    width: 51.5%;
    padding-left: 40px;
    flex: 1;
}
.pccl-box{
    position: relative;
    width: 100%;
}
.pcct-label{
    border-radius: 80px;
    background: rgba(0, 114, 255, 0.05);
    padding: 2px 16px;
    font-size: var(--font14);
    line-height: var(--l1h8);
    color: var(--colormain);
    margin-bottom: 12px;
    display: inline-block;
}
.prodet-core-cry-text .std-font32{
    line-height: var(--l1h4);
    color: #333;
    margin-bottom: 40px;
    font-size: 32px;
    font-weight: bold;
}
.pcct-inof{
    --jian1: 20px;
    --jian2: 20px;
    margin: 0 calc(var(--jian1) * -1) calc(var(--jian2) * -1);
    display: flex;
    flex-wrap: wrap;
}
.pcct-inof-item{
    width: 50%;
    padding: 0 var(--jian1);
    margin-bottom: var(--jian2);
}
.pcct-inof-item .std-font24{
    color: var(--colormain);
    line-height: var(--l1h5);
    margin-bottom: 4px;
}
.pcct-inof-item-text{
    color: #62636D;
    line-height: var(--l1h8);
    font-size: var(--font14);
}
.pcct-advant{
    padding-top:30px;
}
.pcct-advant .std-font24{
    line-height: var(--l1h5);
    color: var(--colortitle);
    margin-bottom: 20px;
}
.pcct-advant-box{
    border-radius: 5px;
    background: #F9F9FB;
    padding: 24px;
}
.pcct-advant-box .std-text20{
    margin-bottom: 16px;
    color: var(--colortitle);
    line-height: var(--l1h5);
}
.pcct-advant-box .std-text16,
.pcct-advant-box .std-text16 p{
    line-height: var(--l1h75);
    color: #62636D;
}
.pcct-advant-inof{
    background: var(--colorbg);
    border-radius: 10px;
}
.pcct-advant-inof .pcct-advant-inof-add a p{color: #0065dd;font-size: 18px;}
.pcct-advant-inof .pcct-advant-inof-add a{background: url("../images/xiazai.png") no-repeat 96% center;}
.pcct-advant-inof-nub{
    padding: 24px;
    position: relative;
}
.pcct-advant-inof-nub::before{
    content: '';
    height: 1px;
    width: calc(100% - 48px);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(98,99,108,.2);
    position: absolute;
}
.pcct-advant-inof-nub:last-child::before{
    display: none;
}
.pcct-ain-top-icon{
    width: 24px;
}
.pcct-ain-top-icon img{
    width: 100%;
}
.pcct-ain-top{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.pcct-ain-top .std-text20{
    width: calc(100% - 24px);
    flex-grow: 1;
    padding-left: 12px;
    color: var(--colortitle);
}
.pcct-btn{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
.pcct-btn-nub{
    width: 50%;
    padding: 0 var(--jian);
}
.pcct-btn-nub .std-btn-link{
    width: 100%;
}
.std-btn-link-icon img{
    transform: scale(1)!important;
    transition: all .4s ease;
}
.std-btn-link-icon img:nth-of-type(2){
    opacity: 0;
}
.pccl-box{
    border-radius: 10px;
    border: 1px solid rgba(112, 106, 108, 0.20);
    background: var(--colorfff);
    box-shadow: 0px 14.848px 20.5px 0px rgba(0, 68, 148, 0.06), 0px 8.766px 8.515px 0px rgba(0, 68, 148, 0.04), 0px 4.461px 3.08px 0px rgba(0, 68, 148, 0.03);
    margin-bottom: 24px;
    padding-bottom: 60px;
}
.pccl-btn{
    --jian: 9px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
    justify-content: center;
}
.pccl-btn-item{
    padding: 0 var(--jian);
}
.pccl-bil-icon{
    width: 20px;
}
.pccl-btn-item-link .pccl-bil-font{
    color: var(--colortitle);
    margin-left: 12px;
    line-height: var(--l1h8);
    transition: all .4s ease;
}
.pccl-btn-item-link {
    padding: 4px 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 80px;
    background: var(--colorbg);
    transition: all .4s ease;
}
.pccl-bil-icon img:nth-of-type(2){
    opacity: 0;
}
.pccl-btn-item.on .pccl-btn-item-link{
    background: var(--colormain);
}
.pccl-btn-item.on .pccl-btn-item-link .pccl-bil-font{
    color: var(--colorfff);
}
.pccl-btn-item.on .pccl-btn-item-link .pccl-bil-icon img:nth-of-type(2){
    opacity: 1;
}
.pccl-btn-item.on .pccl-btn-item-link .pccl-bil-icon img:first-child{
    opacity: 1;
}
.pccl-box-inof-nub,
.pccl-box-inof-nub .ys-imgbox-cover{
    width: 100%;
}
.pccl-box-inof{
    position: relative;
}
.pccl-box-inof-nub:not(:first-child){
    display: none;
}
.inside-rotate.mod-dots1 .slick-dots li::before {
    background: rgba(0, 101, 221, .3);
}
.inside-rotate.mod-dots1 .slick-dots li::after {
    background: var(--colormain);
}
.inside-rotate.mod-dots1 .slick-dots li {
    width: 32px;
}
.mod-arrows1.inside-rotate .slick-prev, 
.mod-arrows1.inside-rotate .slick-next {
    width: 36px;
    height: 36px;
}
.mod-arrows1.inside-rotate .slick-prev{
    left: 20px;
}
.mod-arrows1.inside-rotate .slick-next{
    right: 20px;
}
.pccl-box-inof-nub video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: transparent;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}
.pccl-box-inof{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.pccl-box-inof:first-child{
    position: relative;
}
.pccl-box-inof.act{
    opacity: 1;
    pointer-events: all;
}
.prodet-service{
    background: #F5F9FF;
    padding-top: 90px;
    padding-bottom: 118px;
}
.prodet-service-inof{
    --jian:60px;
}
.prodet-service .prodet-service-inof{margin-top: 50px;}
.prodet-service .prodet-service-inof li{background: #fff;padding: 42px 0;height:318px;}
.prodet-service-inof .slick-track{
    display: flex;
}
.prodet-service-inof-nub{
    width: 25%;
    margin: 0 22px;
}
.psin-icon{
    width: 60px;
    margin: 0 auto;
    margin-bottom: 32px;
}
.prodet-service-inof-nub .std-font24{
    text-align: center;
    color: var(--colortitle);
    line-height: var(--l1h4);
    margin-bottom: 16px;
}
.prodet-service-inof-nub .std-font20{
    text-align: center;
    color: #333;
    line-height: var(--l1h4);
    margin-bottom: 9px;
    font-size: 20px;
    font-weight: bold;
}
.prodet-service-inof-nub .psin-text,
.prodet-service-inof-nub .psin-text p{
    text-align: center;
    color: #62636D;
    line-height: 30px;
}
.prodet-service-inof-nub .psin-text{
    padding: 0 26px;
}
.prodet-service-inof-nub:not(:first-child){
    display: none;
}
.prodet-core .mod-bread .ys-cont1440 {
    max-width: 1200px;
}
.pisi-crt-value{
    font-size: var(--font16);
    color: var(--colormain);
    line-height: var(--l1h8);
}
.pisi-crt-pos{
    font-size: var(--font16);
    color: #62636D;
    line-height: var(--l1h8);
}
.pccl-bid-nub {
    width: 32px;
    height: 10px;
    border-radius: 0;
    margin: 0 12px;
    background: transparent;
    position: relative;
    cursor: pointer;
}
.pccl-box-inof-dots{
    position: absolute;
    bottom: -30px;
    display: flex;
    justify-content: center;
    width: 100%;
    transition: all .4s ease;
    transform-origin: center bottom;
}
.pccl-bid-nub::before, 
.pccl-bid-nub::after {
    content: '';
    height: 2px;
    border-radius: 1px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
}
.pccl-bid-nub::before {
    background: rgba(0, 101, 221, .3);
}
.pccl-bid-nub.act::after {
    background: var(--colormain);
    opacity: 1;
}
.pccl-bid-nub .ys-imgbox-cover{
    bottom: 0%;
    left: 50%;
    transform: translate(-50%,0) scale(0);
    opacity: 0;
    border: 1px solid rgba(0,0,0,.15);
    background: rgba(255,255,255,.8);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    -moz-backdrop-filter: blur(16px);
    -ms-backdrop-filter: blur(16px);
    -o-backdrop-filter: blur(16px);
    border-radius: 5px;
    transition: all .4s ease;
    transform-origin: center bottom;
    position: absolute;
    width: 42px;
}
.pccl-bid-nub.act .ys-imgbox-cover{
    border: 1px solid var(--colormain);
}
/* ban-start */
/* 图片缩放 */
/*.ys-ban-imgbox img {
    transform: scale(1.2);
}
.ys-ban-li.slick-current .ys-ban-imgbox img {
    animation: banimgscale 6s ease-out both;
}
@keyframes banimgscale {
    100% {
        transform: scale(1);
    }
}*/
/* 视频缩放 */
.ys-ban-imgbox .ys-ban-video {
    transform: translate(-50%,-50%) scale(1.2);
}
.ys-ban-li.slick-current .ys-ban-imgbox .ys-ban-video {
    animation: banvideoscale 6s ease-out both;
}
@keyframes banvideoscale {
    100% {
        transform: translate(-50%,-50%) scale(1);
    }
}
.pccl-box-inof-nub .ys-imgbox-cover img{display: block;margin: 0 auto;height: 420px;}
.pccl-box-inof-add .pccl-box-inof-nub .ys-imgbox-cover{height: 500px;padding: 40px 0;}
.prodet-title-ph{display: none;}
.pccl-box:hover .pccl-bid-nub .ys-imgbox-cover{transform: translate(-50%, 0) scale(1);opacity: 1;}
.pccl-box:hover .pccl-bid-nub::before,.pccl-box:hover .pccl-bid-nub::after{display: none;}
.yxedr-active h5{margin-bottom: 20px;}
.pcct-advant .text p{color: #333;font-size: 18px;line-height: 32px;}
.pcct-advant-inof .pcct-advant-inof-add a{display: flex;align-items: center;}
.pcct-advant-inof .pcct-advant-inof-add a p{color: #0065dd;font-size: 18px;margin: 0 6px;}
.videos a{display: block;position: relative;width: 410px;}
.videos a img{width: 410px;height: 250px;}
.videos a::after{content: "";display: block;position: absolute;background: url("../images/play.png") no-repeat center;width:73px;height:73px;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.3s;}
.videos a:hover::after{transform: translate(-50%,-50%) rotate(270deg);}
.videos{margin-top: 30px;}
.z_tanchuang {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    z-index: 110;
}
.z_tanchuang .tbox {
    display: table-cell;
    background: rgba(0, 0, 0, 0.9);
    text-align: center;
    vertical-align: middle;
}
.z_tanchuang .tbox .modal {
    display: block;
    position: relative;
    width: 90%;
    max-width: 1154px;
    max-height: 90%;
    margin: 0 auto;
}
.z_tanchuang .tbox .out {
    position: absolute;
    width: 68px;
    height: 68px;
    line-height: 40px;
    background:#0065dd url(../images/close.svg) center no-repeat;
    background-size: 30px 30px;
    top: 0;
    right: 0;
    cursor: pointer;
}
.z_tanchuang .tbox .modal .img {
    width: 100%;
    max-height: 650px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}
.z_tanchuang .tbox .modal .img video {
    display: block;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.z_tanchuang .tbox .modal .img img {
    margin: 0 auto;
}
.z_tanchuang .tbox .modal .img {
   max-width: 1200px;
}
/* 弹窗选中 */
.z_tanchuang.one {
    transform: scaleY(0.01) scaleX(0);
    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -webkit-transform: scaleY(0.01) scaleX(0);
    -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.z_tanchuang.one .tbox .modal {
    transform: scale(0);
    animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -webkit-transform: scale(0);
    -webkit-animation: mzoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.z_tanchuang.one.out {
    transform: scale(1);
    animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -webkit-transform: scale(1);
    -webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.z_tanchuang.one.out .tbox .modal {
    animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes unfoldIn {
    0% {
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}
@keyframes mzoomIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zoomOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(0.005) scaleX(0);
    }
}
@-webkit-keyframes mzoomIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes zoomOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@-webkit-keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(0.005) scaleX(0);
    }
}
@-webkit-keyframes unfoldIn {
    0% {
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}
.product2{background: #f6f6f6;padding: 75px 0;}
.product2 .swiper-slide{background: #fff;}
.product2 .swiper-slide .pic{display: flex;justify-content:center;align-items: center;height: 205px;overflow: hidden;}
.product2 .swiper-slide .pic img{transition: all 0.3s;max-height: 200px;}
.product2 .swiper-slide:hover .pic img{transition: all 0.3s;transform: scale(1.1);}
.product2 .swiper-slide .wz{position: relative;overflow:hidden;text-align: center;}
.product2 .swiper-slide a p{color: #666;font-size: 16px;height: 46px;line-height: 46px;position: relative;z-index: 3;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;transition: all 1s;}
.product2 .swiper-slide .bac{
    transition: all 1s;
    transform: translate(-50%,0) scale(0);
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height:50px;
    border-radius: 100%;
    background:#1867e2;
}
.product2 .swiper-slide:hover .bac {
  transition: all 1s;
  transform: translate(-50%,0) scale(30);
}
.product2 .swiper-slide:hover a p{color: #fff;}
.product2 .swiper-slide:hover{box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.pic-swiper2{margin-top: 50px;}
.product-detail{padding-bottom:80px;}
.goods{position: relative;}
.goods .swiper-button-prev{left:-50px;}
.goods .swiper-button-prev::after{content: "";display: block;position: absolute;right: 0;background:url("../images/arrow-left.png") no-repeat center;}
.goods .swiper-button-next{right:-50px;}
.goods .swiper-button-next::after{content: "";display: block;position: absolute;left: 0;background:url("../images/arrow-right.png") no-repeat center;}
.goods .swiper-button-next::after,.goods .swiper-button-prev::after{border-radius:50%;cursor: pointer;position: absolute;transition: all .5s cubic-bezier(.694,0,.335,1);top: 0;width: 22px;height:36px;}
.goods .swiper-button-next,.goods .swiper-button-prev{width: 22px;height:36px;z-index: 10;}
.goods .swiper-button-prev:hover::after{background:url("../images/arrow-left2.png") no-repeat center;}
.goods .swiper-button-next:hover::after{background:url("../images/arrow-right2.png") no-repeat center;}
.cases,.showBox,.partner1,.download{padding: 75px 0;}
.cases ul{display: flex;flex-wrap: wrap;margin: 0 -16px;}
.cases li{width: calc(33.33% - 32px);margin: 0 16px 32px 16px;}
.cases .book-swiper1 .txt2 h4 a{font-size: 18px;font-weight: normal;margin-bottom: 15px;}
.cases .book-swiper1 .txt2 p{font-size: 14px;line-height: 24px;}
.cases .book-swiper1 .box .tp{height: 264px;}
.honor{padding:50px 0 75px 0;}
.honor ul{display: flex;margin: 0 -18px;flex-wrap: wrap;}
.honor li{width: calc(25% - 36px);margin: 0 18px 36px 18px;text-align: center;background: #fff;}
.honor li .text{background: #fff;font-size: 18px;color: #333;height: 70px;line-height: 70px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-top:1px solid #eee;}
.honor li .tp{height:400px;display: flex;justify-content: center;align-items: center;}
.honor li .tp img{max-height:330px;}
.showBox ul{display: flex;margin: 0 -11px;flex-wrap: wrap;}
.showBox li{width: calc(33.33% - 22px);margin: 0 11px 22px 11px;position: relative;}
.showBox li .txt1{color: #fff;position: absolute;bottom: 0;width:100%;padding:25px;-webkit-transition: all .3s;transition: all .3s;text-align: center;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));}
.showBox li .txt1 h4 a{color: #fff;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.showBox li .tp{height: 300px;overflow: hidden;}
.showBox li .tp img{transition: all 0.3s;width: 100%;height: 100%;object-fit: cover;}
.showBox li:hover .tp img{transform: scale(1.1);}
.partner1 ul{display: flex;flex-wrap: wrap;margin: 0 -16px;}
.partner1 li{width: calc(25% - 32px);margin:0 16px 32px 16px;position: relative;background: #fff;display: flex;justify-content: center;align-items: center;height: 140px;overflow: hidden;padding: 0 15px;}
.partner1 li .tp{font-size: 0;overflow: hidden;height: 126px;display: flex;align-items: center;}
.partner1 li .tp img{max-height: 126px;transition:all .5s ease-in-out;}
.border{
    position:absolute;
    background:none;
    transition:all .5s ease-in-out;
}
.partner1 li .border:nth-of-type(1){
  top:0;
  left:0;
  width:0;
  height:0;
  border-top:2px solid #0065dd;
}
.partner1 li .border:nth-of-type(2){
  top:0;
  right:0;
  width:10px;
  height:0;
  border-right:2px solid #0065dd;
}
.partner1 li .border:nth-of-type(3){
  bottom:0;
  right:0;
  width:0;
  height:0;
  border-bottom:2px solid #0065dd;
}
.partner1 li .border:nth-of-type(4){
  bottom:0;
  left:0;
  width:0;
  height:0;
  border-left:2px solid #0065dd;
}
.partner1 li:hover .border:nth-of-type(1){
  width:100%;
}
.partner1 li:hover .border:nth-of-type(2){
  height:100%;
}
.partner1 li:hover .border:nth-of-type(3){
  width:100%;
}
.partner1 li:hover .border:nth-of-type(4){
  height:100%;
}
.download ul{display: flex;margin: 0 -16px;flex-wrap: wrap;}
.download li{width: calc(50% - 32px);margin: 0 16px 32px 16px;position: relative;background: #fff;padding: 20px 0;transition: all 0.3s;}
.download li::after{content:"";display: block;background: url(../images/d-ico1.png) no-repeat center;width: 33px;height: 33px;right: 40px;top: 50%;transform: translate(0,-50%);position: absolute;transition: all 0.3s;}
.download li a p{color: #333;font-size: 18px;line-height: 32px;margin: 0 40px;width: calc(100% - 150px);transition: all 0.3s;display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.download li a{display: block;display: flex;align-items: center;height: 64px;}
.download li:hover{background: #0065dd;box-shadow: 0 0 13px rgba(0,0,0,0.4);}
.download li:hover::after{background: url(../images/d-ico2.png) no-repeat center;}
.download li:hover a p{color: #fff;}
.showBox .video-list li::after{transition: all 0.3s;content: "";display: block;position: absolute;width:60px;height:60px;background: url("../images/play.png") no-repeat center;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.showBox .video-list li:hover::after{transform: translate(-50%,-50%) rotate(270deg);}
.newsBox{padding: 75px 0;}
.news1{background: #fff;}
.news1 .left{width: 50%;height:398px;overflow: hidden;}
.news1 .left img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.news1 .left:hover img{transform: scale(1.1);}
.news1 .right{width: 50%;display: flex;align-items: center;}
.news1 .time{color: #666;font-size: 15px;font-family: arial;}
.news1 h3 a{display: block;color: #333;font-size: 24px;font-weight: bold;margin: 18px 0 32px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:normal;}
.news1 p a{display: block;color: #666;font-size: 16px;line-height: 30px;display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.newsBox .look a{border: solid 1px #ccc;color: #333;}
.news1 .look{margin-top: 50px;}
.news1 .text{padding: 0 50px;width: 100%;}
.news1 h3 a:hover,.news2 li:hover h3 a{color: #0065dd;}
.news2{padding:20px 0 50px 0;}
.news2 li{display: flex;justify-content: space-between;align-items: center;border-bottom: solid 1px #ccc;padding: 50px 0;}
.news2 li .shijian{color: #666;font-size: 20px;font-family: arial;padding: 0 0 0 50px;width:330px;}
.news2 li .shijian span{display: block;color: #333;font-size: 32px;padding-bottom: 16px;}
.news2 li .text{border-left: solid 1px #ccc;padding: 0 58px;}
.news2 li h3 a{display: block;color: #333;font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:normal;margin-bottom: 20px;}
.news2 li p a{display: block;color: #666;font-size: 16px;line-height: 30px;display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.news2 li .look{margin: 0 50px;}
.article_cont{
  display: flex;
  padding-top: 64px;
  padding-bottom: 95px;
}
.ar_title{border-bottom:1px solid #E0E0E0;padding-bottom: 30px;margin-bottom: 30px;}
.ar_title h3{
    color:#333;
    font-weight: 700;
    line-height: 1.4;
    font-size: 28px;
}
.ar_title .ar_time{
    padding-top: 16px;
    color:#666;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.article_cont .article_l {
  flex: 1;
  border-right: 1px solid #E0E0E0;
  margin-right:60px;
  padding-right: 60px;
}
.article_cont .article_r {
  width: 350px;
}
.article_l .articlen p {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}
.article_l .articlen p img {
  display: block;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  margin: 0 auto;
}
.article_l .ar_label {
  padding-top: 24px;
  border-top: 1px solid #E0E0E0;
}
.article_l .ar_label .label_t {
  color: var(--main-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.article_l .ar_label .label_list {
  padding-top: 5px;
}
.article_l .ar_label .label_list ul {
  margin-left: -5px;
  margin-right: -5px;
}
.article_l .ar_label .label_list ul li {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}
.article_l .label_list a {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 16px;
  background: #ECF3F9;
  color: #768DA0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.article_l .label_list a:hover {
  background-color: #0562AF;
  color: #fff;
}
.article_r .up_ {
  padding: 24px;
  border-radius: 10px;
  background: #f2f2f2;
}
.article_r .up_>a {
  display: inline-block;
  width: 100%;
}
.article_r .up_>a {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #dfdfdf;
}
.article_r .up_>a .n {
  padding-bottom: 16px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  opacity: 0.5;
}
.article_r .up_>a .t {
  color:#333;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  max-height: 56px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.article_r .up_>a .up_time{
  display: inline-block;
  margin-top: 8px;
  color: #999;
  font-family:arial;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.article_r .up_>a:hover .t{
  font-weight: 600;
  color: #1867e2;
}
.article_r .up_back{
  padding-top: 24px;
}
.article_r .up_back a{
  padding: 16px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background:#1867e2;
  color:#fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.article_r .up_back a img{
  margin-right: 12px;
  width: 18px;
  position: relative;
  top: 1px;
}
.fix-window{position: fixed;width: 60px;bottom:100px;right: 10px;z-index: 100;}
.fix-window li{margin-bottom: 8px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.3);height:65px;display: flex;align-items: center;text-align: center;justify-content: center;transition: all 0.3s;position: relative;}
.fix-window li .tb1{background: url("../images/f-1.png") no-repeat center;width: 100%;height: 28px;transition: all 0.3s;}
.fix-window li .tb2{background: url("../images/f-2.png") no-repeat center;width: 100%;height: 28px;transition: all 0.3s;}
.fix-window li .tb3{background: url("../images/f-3.png") no-repeat center;width: 100%;height: 28px;transition: all 0.3s;}
.fix-window li .tb4{background: url("../images/f-4.png") no-repeat center;width: 100%;height: 28px;transition: all 0.3s;}
.fix-window li a span{display: block;color: #666;font-size: 12px;padding-top: 8px;transition: all 0.3s;}
.fix-window li:hover .tb1{background: url("../images/f-01.png") no-repeat center;width: 100%;height: 28px;}
.fix-window li:hover .tb2{background: url("../images/f-02.png") no-repeat center;width: 100%;height: 28px;}
.fix-window li:hover .tb3{background: url("../images/f-03.png") no-repeat center;width: 100%;height: 28px;}
.fix-window li:hover .tb4{background: url("../images/f-04.png") no-repeat center;width: 100%;height: 28px;}
.fix-window li:hover{background: url("../images/fix-jb.jpg") repeat-x;}
.fix-window li:hover a span{color: #fff;}
.fix-window li .qq-box{position: absolute;
	border: 1px solid #dcd5cb;
	top: -40px;
	right: -30px;
	background: #fff;
	transform: scale(0.3);
	transition: all .3s;
	opacity: 0;width: 150px;height: 170px;padding-top: 4px;}
.fix-window li .tel-consult{width: 210px;height: 84px;top: 0;position: absolute;
	right: -100px;color: #fff;
	border-radius: 3px;
	opacity: 0;
	background:url("../images/fl-bg.jpg") repeat-x;
	padding-left: 19px;
	box-sizing: border-box;
	transition: all .3s;}
.fix-window li:nth-child(3):hover .tel-consult {
	transform: translateX(-174px);
	opacity: 1;
}
.fix-window li:nth-child(2):hover .qq-box,.fix-window li:nth-child(1):hover .qq-box {
	transform: scale(1) translateX(-104px);
	opacity: 1;
}
.fix-window li .tel-consult h3{ display:block; height:42px; overflow:hidden;line-height:42px; font-size:16px;padding-left: 10px;}
.fix-window li .tel-consult h3 span{line-height:24px;overflow:hidden; margin-top:32px; font-size:16px;padding-left: 10px;}
.fix-window li .tel-consult h3.bgs1{ background:url(../images/right_pic8.png) left center no-repeat;}
.fix-window li .tel-consult h3.bgs2{ background:url(../images/right_pic9.png) left center no-repeat;}
.load-2{width: 80px;height: 5px;margin: 15px auto 0; position: relative;}
.k-line5-1,.k-line5-3{position: absolute;width: 30px; height: 5px;top: 0;left: 0;background-color: #bfbfbf}
.k-line5-1 {
	animation:allTitleBefore 3s infinite linear;
}
.k-line5-2 {
	animation:allTitleI 3s infinite linear;
	background-color: #1867e2;
	width: 30px;
	height: 5px;
	margin: 0 auto;
}

.k-line5-3 {
	animation:allTitleAfter 3s infinite linear;
	right: 0px;left: inherit
}
.white .k-line5-1,.white .k-line5-3,.white .k-line5-2{background-color: #fff;}

@keyframes allTitleI{
0%{transform:translateX(0px);}
25%{transform:translateX(-25px);}
50%{transform:translateX(0px);}
75%{transform:translateX(25px);}
100%{transform:translateX(0px);}
}
@keyframes allTitleBefore{
0%{width:15px;}
25%{width:0px;}
50%{width:15px;}
75%{width:30px;}
100%{width:15px;}
}
@keyframes allTitleAfter{
0%{width:15px;}
25%{width:30px;}
50%{width:15px;}
75%{width:0px;}
100%{width:15px;}
}
.pcct-advant .text table,.yxedr-active table{border: none!important;border-left: solid 1px #ccc!important;border-top: 1px solid #ccc!important;width: 100%!important;border-collapse: collapse!important;}
.pcct-advant .text table td,.yxedr-active table td{border: none!important;border-right: solid 1px #ccc!important;border-bottom: 1px solid #ccc!important;padding: 10px!important;vertical-align: middle;}
.pcct-advant .text table td p span,.pcct-advant .text p span,.yxedr-active table p span{font-family: arial!important}
.pcct-advant .text table td p,.yxedr-active table p{margin-bottom: 0;display: inline-block;}