.tit{position: relative;}
.tit h2{font-size: 40px;position: relative;}
.tit p{font-size: 26px;text-transform: capitalize;font-family: fantasy;}
.tit b{position: absolute;font-size: 80px;top: 0;left: 0;transform: translateY(-50%);text-transform: uppercase;}
.tit2{position: relative;}
.tit2 h2{font-size: 44px;font-weight: bold;color: rgba(22, 66, 187, 1);}
.tit2 p{font-size: 15px;color: rgba(0, 0, 0, .2);}
.tit2 h3{font-size: 32px;font-weight: bold;}
.tit2 .content{font-size: 15px;color: rgba(0, 0, 0, .7);line-height: 45px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);max-width: 800px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align: right;}

.more{font-size: 15px;position: relative;display: inline-block;color: rgba(0, 0, 0, 1);}
.more::before{content: "+";display: inline-block;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 26px;margin-right: 12px;font-size: 18px;border: 1px solid rgba(0, 0, 0, .8);}

.n-nav{padding-bottom: 20px;display: flex;padding: 25px 15px;max-width: 1630px;margin: 0 auto;border-bottom: 1px solid rgba(0, 0, 0, .1);flex-wrap: wrap;line-height: 40px;}
.n-nav a{margin: 10px 20px;line-height: 20px;font-size: 15px;color: rgba(0, 0, 0, .8);transition: all 0.3s;position: relative;}
.n-nav a:last-child{border-right: 0;}
.n-nav a::after{content: "";display: inline-block;position: absolute;height: 2px;width: 0%;background-color: rgba(22, 66, 187, 1);top: calc(100% + 3px);right: 0;transition: all 0.3s;}
.n-nav a:hover{color: rgba(22, 66, 187, 1);transform: translateY(-3px);}
.n-nav a:hover::after{width: 100%;left: 0;}

/* 导航变化 */
.top.tr2{background-color: #fff;}
.top.tr2 .logo img{filter:grayscale(0) brightness(1);}
.top.tr2 .right .lang{color: rgba(0, 0, 0, 0.8);}
.top.tr2 .left .pro-menu i{color: rgba(0, 0, 0, 0.8);}
.top.tr2 .right .lang::after{color: rgba(0, 0, 0, 0.6);}
.top.tr2 .left form svg{stroke: rgba(0, 0, 0, 0.6);fill: rgba(0, 0, 0, 0.6);}
.top.tr2 .left .pro-menu{color: rgba(0, 0, 0, 0.6);}
.top.tr2::before{background-color: rgba(0, 0, 0, 0.05);}
.top.tr2 .nav{display: none;}

.top.tr3{background-color: #fff;}
.top.tr3 .logo img{filter:grayscale(0) brightness(1);}
.top.tr3 .right .lang{color: rgba(0, 0, 0, 0.8);}
.top.tr3 .left .pro-menu i{color: rgba(0, 0, 0, 0.8);}
.top.tr3 .right .lang::after{color: rgba(0, 0, 0, 0.6);}
.top.tr3 .left form svg{stroke: rgba(0, 0, 0, 0.6);fill: rgba(0, 0, 0, 0.6);}
.top.tr3 .left .pro-menu{color: rgba(0, 0, 0, 0.6);}
.top.tr3::before{background-color: rgba(0, 0, 0, 0.05);}
.top.tr3 .nav{display: none;}

/* 关于我们 */
.company{}
.company .block-1{margin-bottom: 100px;position: relative;}
.company .block-1 .left,.company .block-1 .right{width: 50%;}
.company .block-1 .left{max-width: 815px;padding-left: 15px;display: flex;align-items: flex-end;flex-wrap: wrap;padding-right: 5.5%;margin-right: auto;}
.company .block-1 .left .tit{padding: 55px 0 80px;}
.company .block-1 .left .tit h2{padding-bottom: 15px;}
.company .block-1 .info h3{font-size: 24px;font-weight: bold;padding-bottom: 20px;}
.company .block-1 .info .content{font-size: 14px;color: rgba(0, 0, 0, .6);line-height: 45px;}
.company .block-1 .info a{line-height: 50px;padding: 0 70px 0 30px;font-size: 14px;color: #fff;background-color: #be0026;display: inline-block;position: relative;border-radius: 50px;margin: 20px 0 65px;}
.company .block-1 .info a::before{content: "→";color: #fff;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 0;right: -1px;text-align: center;line-height: 50px;font-size: 18px;}
.company .block-1 .ul{width: 100%;}
.company .block-1 .left .ul .li{width: 100%;overflow: hidden;}
.company .block-1 .left .ul .li p{display: flex;width: 100%;height: 150px;padding: 40px 0;font-size: 22px;border-bottom: 1px solid rgba(0, 0, 0, .1);align-items: flex-end;color: rgba(22, 66, 187, 1);position: relative;}
.company .block-1 .left .ul .li p::before{content: "";display: inline-block;position: absolute;width: 30px;height: 1px;background-color: rgba(22, 66, 187, 1);left: -30px;bottom: -1px;    animation: moveline 4s linear infinite;}
.company .block-1 .left .ul .li:nth-child(2) p::before{animation-delay: 1s;}
.company .block-1 .left .ul .li:nth-child(3) p::before{animation-delay: 2s;}
.company .block-1 .left .ul .li:nth-child(4) p::before{animation-delay: 3s;}
@keyframes moveline {
  0%{
    left: -30px;
  }
  100%{
    left: 100%;
  }
}
.company .block-1 .left .ul .li p b{font-size: 60px;font-family: fantasy;color: rgba(22, 66, 187, 1);font-weight: normal;height: 75px;margin-right: 15px;width: 30px;}
.company .block-1 .left .ul .li p span{color: rgba(0, 0, 0, .6);margin-left: auto;}
.company .block-1 .right{position: absolute;right: 0;top: 0;height: 100%;}
.company .block-1 .right .sticky{position: sticky;top: 0;}
.company .block-1 .right .ul{display: flex;height: 50vh;width: 100%;}
.company .block-1 .right .ul .li{width: 33.333333%;display: flex;background-color: rgba(22, 66, 187, 1);flex-wrap: wrap;align-items: center;justify-content: center;color: #fff;}
.company .block-1 .right .ul .li:nth-child(3n-1){background-color: rgba(22, 66, 187, .9);}
.company .block-1 .right .ul .li:nth-child(3n-2){background-color: rgba(22, 66, 187, .8);}
.company .block-1 .right .ul .li h2{font-size: 50px;font-family: fantasy;display: flex;align-items: center;}
.company .block-1 .right .ul .li h2 i{display: inline-block;width: 32px;height: 32px;color: #fff;line-height: 32px;text-align: center;border-radius: 50%;background-color: rgba(255, 255, 255, .4);font-size: 20px;margin-left: 12px;}
.company .block-1 .right .img{height: 50vh;width: 100%;}
.company .block-1 .right .img img{width: 100%;height: 100%;object-fit: cover;}
.company .block-2{background-image: url(../images/about-b2-bg.jpg);background-size: cover;padding: 90px 0;}
.company .block-2 .tit{color: #fff;padding-bottom: 45px;}
.company .block-2 .tit b{color: rgba(255, 255, 255, .1);}
.company .block-2 .info{display: flex;flex-wrap: wrap;background-color: #fff;margin-bottom: 30px;padding: 55px 10% 65px;height: 285px;align-items: center;position: relative;}
.company .block-2 .info i{font-size: 35px;color: rgba(0, 0, 0, 1);}
.company .block-2 .info h3{font-size: 30px;width: 100%;padding-bottom: 25px;margin-bottom: 15px;border-bottom: 1px solid rgba(0, 0, 0, .4);}
.company .block-2 .info p{font-size: 14px;color: rgba(0, 0, 0, .6);width: 100%;}
.company .block-2 .info span{position: absolute;display: inline-block;width: 20px;height: 20px;border: 2px solid rgba(22, 66, 187, 1);border-radius: 50%;left: 5%;top: 70px;transform: translateX(-50%);}
.company .block-2 .info span::before,.company .block-2 .info span::after{content: "";width: 1px;height: 70px;position: absolute;top: calc(100% + 2px);background-image: linear-gradient(to bottom, rgba(22, 66, 187, .9),rgba(22, 66, 187, 0));}
.company .block-2 .info span::before{left: 50%;transform: translateX(-3px);}
.company .block-2 .info span::after{right: 50%;transform: translateX(3px);}
.company .block-3{padding: 105px 0;background-color: rgba(0, 0, 0, .025);}
.company .block-3 .tit{position: relative;margin-bottom: 40px;}
.company .block-3 .tit b{color: rgba(0, 0, 0, .05);}
.company .block-3 .tit .more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.company .block-3 #controlSwiper{max-width: 1460px;margin: 0 auto 0;padding-bottom: 80px;}
.company .block-3 #controlSwiper .info p{line-height: 80px;color: rgba(22, 66, 187, 1);font-size: 20px;text-align: center;font-family: fantasy;border-bottom: 2px solid rgba(0, 0, 0, .05);position: relative;}
.company .block-3 #controlSwiper .info span{display: inline-block;width: 30px;height: 30px;border-radius: 50%;background-color: rgba(22, 66, 187, .3);left: 50%;bottom: 0;transform: translate(-50%,calc(50% + 1px));position: absolute;}
.company .block-3 #controlSwiper .info span::after{content: "";display: inline-block;position: absolute;width: 9px;height: 9px;border-radius: 50%;background-color: rgba(22, 66, 187, 1);left: 50%;top: 50%;transform: translate(-50%,-50%);}
.company .block-3 .block{display: flex;}
.company .block-3 .block .left{width: 500px;margin-right: 3%;}
.company .block-3 .block .right{width: calc(97% - 500px);padding-bottom: 20px;}
.company .block-3 .block .left .img{width: 100%;height: 100%;}
.company .block-3 .block .left .img img{width: 100%;height: 100%;object-fit: cover;}
.company .block-3 .block .right .info{}
.company .block-3 .block .right .info h3{line-height: 100px;color: rgba(22, 66, 187, 1);border-bottom: 1px solid rgba(0, 0, 0, .1);font-size: 42px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-family: fantasy;}
.company .block-3 .block .right .info p{margin: 20px 0;font-size: 17px;font-weight: bold;line-height: 40px;height: 120px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.company .block-3 .block .right .info a{line-height: 50px;padding: 0 70px 0 30px;font-size: 14px;color: #fff;background-color: #be0026;display: inline-block;position: relative;border-radius: 50px;}
.company .block-3 .block .right .info a::before{content: "→";color: #fff;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 0;right: -1px;text-align: center;line-height: 50px;font-size: 18px;}
.company .block-4{padding: 110px 0 50px;}
.company .block-4 .tit{position: relative;}
.company .block-4 .tit b{color: rgba(0, 0, 0, .05);}
.company .block-4 .tit .ul{position: absolute;width: calc(100% - 300px);max-width: 900px;display: flex;bottom: 0;right: 0;}
.company .block-4 .tit .ul .li{width: 33.333333%;text-align: center;position: relative;padding: 0 25px;}
.company .block-4 .tit .ul .li::before,.company .block-4 .tit .ul .li::after{content: "";display: inline-block;width: 35px;height: 100%;background-image: url(../images/hon-ico.png);background-size: contain;position: absolute;top: 0;background-repeat: no-repeat;}
.company .block-4 .tit .ul .li::before{left: 25px;}
.company .block-4 .tit .ul .li::after{right: 25px;transform: scaleX(-1);}
.company .block-4 .tit .ul .li h3{font-size: 46px;font-weight: bold;color: rgba(22, 66, 187, 1);padding-bottom: 5px;}
.company .block-4 .tit .ul .li p{font-size: 19px;font-weight: bold;}
.company .block-4 #honSwiper{padding-top: 65px;}
.company .block-4 .img{position: relative;padding-top: 115%;background-color: rgba(0, 0, 0, .05);transition: all 0.3s;}
.company .block-4 .img img{object-fit: contain;width: 65%;height: 65%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.company .block-4 .img p{position: absolute;display: inline-block;width: 100%;line-height: 70px;bottom: 0;transform: translateY(100%);left: 0;background-color: rgba(22, 66, 187, 1);color: #fff;padding: 0 8%;transition: all 0.3s;font-size: 15px;}
.company .block-4 .img:hover{transform: translateY(-15px);}
.company .block-4 .img:hover p{transform: translateY(0);}
.company .block-4 .more{display: block;text-align: center;padding: 45px 0 0;}

.company .block-5{padding: 100px 0 50px;background-color: rgba(0, 0, 0, .025);}
.company .block-5 .tit{}
.company .block-5 .tit b{color: rgba(0, 0, 0, .05);}
.company .block-5 .tit .more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.company .block-5 #slSwiper{padding-top: 40px;}
.company .block-5 #slSwiper .img{position: relative;padding-top: 75%;object-fit: cover;}
.company .block-5 #slSwiper .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s;}
.company .block-5 #slSwiper .swiper-slide:hover .img img{transform: translate(-50%,-50%) scale(1.03);}
.company .block-5 #slSwiper p{line-height: 70px;color: rgba(0, 0, 0, .8);font-size: 15px;position: relative;}
.company .block-5 #slSwiper p::after{position: absolute;width: 34px;height: 34px;border-radius: 50%;color: #fff;content: "→";background-color: #be0026;right: 0;top: 50%;transform: translateY(-50%);text-align: center;line-height: 32px;font-size: 14px;}
.company .block-5 .p-n{position: relative;text-align: center;margin-top: 20px;}
.company .block-5 .p-n .swiper-button-next,.company .block-5 .p-n .swiper-button-prev{display: inline-block;position: relative;width: 60px;height: 60px;border: 1px solid rgba(0, 0, 0, .4);color: rgba(0, 0, 0, .4);margin: 0 6px;background-color: rgba(0, 0, 0, 0);top: 0;left: auto;right: auto;z-index: 99;}
.company .block-5 .p-n .swiper-button-next::after,.company .block-5 .p-n .swiper-button-prev::after{font-size: 20px;color: rgba(0, 0, 0, .4);line-height: 58px;}

/* intro */
.intro{background-image: url(../images/intro-bg.jpg);background-size: 1920px;background-position: center bottom;background-repeat: no-repeat;}
.intro .block-1 .tit{padding: 65px 0;}
.intro .block-1 .img-book{display: flex;}
.intro .block-1 .img-book .left{width: 50%;}
.intro .block-1 .img-book .right{width: 50%;display: flex;flex-wrap: wrap;}
.intro .block-1 .img-book .img{position: relative;padding-top: 75%;}
.intro .block-1 .img-book .img img{width: calc(100% - 6px);height: calc(100%  - 6px);object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s;}
.intro .block-1 .img-book .img img:hover{transform: translate(-50%,-50%) scale(0.98);}
.intro .block-1 .img-book .left .img{width: 100%;}
.intro .block-1 .img-book .right .img{width: 50%;padding-top: 37.5%;}
.intro .block-1 .ul{}
.intro .block-1 .ul .li{width: 100%;}
.intro .block-1 .ul .li p{display: flex;width: 100%;height: 150px;padding: 40px 0;font-size: 22px;border-bottom: 1px solid rgba(0, 0, 0, .1);align-items: flex-end;color: rgba(22, 66, 187, 1);position: relative;width: 90%;margin-right: 10%;overflow: hidden;}
.intro .block-1 .ul .li p::before{content: "";display: inline-block;position: absolute;width: 30px;height: 1px;background-color: rgba(22, 66, 187, 1);left: 0;bottom: 0px;}
.intro .block-1 .ul .li p::before{content: "";display: inline-block;position: absolute;width: 30px;height: 1px;background-color: rgba(22, 66, 187, 1);left: -30px;bottom: 0px;animation: moveline 4s linear infinite;}
.intro .block-1 .ul>div:nth-child(2) .li p::before{animation-delay: 1s;}
.intro .block-1 .ul>div:nth-child(3) .li p::before{animation-delay: 2s;}
.intro .block-1 .ul>div:nth-child(4) .li p::before{animation-delay: 3s;}
.intro .block-1 .ul>div:nth-child(2n) .li p{margin-right: 0;margin-left: 10%;}
.intro .block-1 .ul .li p b{font-size: 60px;font-family: fantasy;color: rgba(22, 66, 187, 1);font-weight: normal;height: 75px;margin-right: 15px;width: 30px;}
.intro .block-1 .ul .li p span{color: rgba(0, 0, 0, .6);margin-left: auto;}
.intro .block-1 .content{line-height: 40px;font-size: 15px;color: rgba(0, 0, 0, .8);padding: 80px 0 280px;}

/* honor */
.honor{}
.honor .n-nav{margin-bottom: 50px;}
.honor .block .img{position: relative;padding-top: 115%;background-color: rgba(0, 0, 0, .05);transition: all 0.3s;overflow: hidden;margin-bottom: 30px;}
.honor .block .img img{object-fit: contain;width: 65%;height: 65%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.honor .block .img p{position: absolute;display: inline-block;width: 100%;line-height: 70px;bottom: 0;transform: translateY(100%);left: 0;background-color: rgba(22, 66, 187, 1);color: #fff;padding: 0 8%;transition: all 0.3s;font-size: 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.honor .block .img:hover{transform: translateY(-15px);}
.honor .block .img:hover p{transform: translateY(0);}

/* strength */
.strength{}
.strength .n-nav{margin-bottom: 50px;}
.strength .block a .img{position: relative;padding-top: 75%;}
.strength .block a .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s;}
.strength .block a p{line-height: 70px;color: rgba(0, 0, 0, .8);font-size: 15px;position: relative;}
.strength .block a p::after{position: absolute;width: 34px;height: 34px;border-radius: 50%;color: #fff;content: "→";background-color: #be0026;right: 0;top: 50%;transform: translateY(-50%);text-align: center;line-height: 32px;font-size: 14px;}
.strength .block .row>div{margin-bottom: 30px;}

.strength .block a .img:hover img{transform: translate(-50%,-50%) scale(1.02);}

/* culture */
.culture{padding-bottom: 50px;}
.culture .n-nav{margin-bottom: 50px;}
.culture .li{display: flex;flex-wrap: wrap;align-items: stretch;cursor: pointer;}
.culture .li .info{width: 50%;padding: 20px 6.25%;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;}
.culture .li .info .tit-1{display: flex;}
.culture .li .info i{font-size: 70px;width: 100px;height: 70px;line-height: 70px;}
.culture .li .info .title{width: calc(100% - 100px);}
.culture .li .info .title h3{font-size: 30px;line-height: 35px;font-weight: bold;}
.culture .li .info .title p{font-size: 15px;color: rgba(0, 0, 0, .6);line-height: 35px;}
.culture .li .info .content{width: 100%;line-height: 40px;color: rgba(0, 0, 0, .7);font-size: 15px;padding-top: 70px;}
.culture .li .img{width: 50%;transition: all 0.3s;}
.culture .li .img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;filter: brightness(0.98);}
.culture .n-area .li:nth-child(2n) .img{order: -1;}

.culture .li:hover .img{transform: translateY(-3px);box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}
.culture .li:hover .img img{filter: brightness(1.05);}

/* course */
.course{padding-bottom: 60px;}
.course .n-area{max-width: 1200px;}
.course .n-nav{margin-bottom: 80px;}
.course .li{display: flex;cursor: pointer;}
.course .li .left{width: 165px;position: relative;}
.course .li .left .logo2{position: absolute;right: 0;bottom: 100%;transform: translateX(50%);filter: grayscale(1) opacity(0.2);transition: all 0.3s;}
.course .li .left h3{line-height: 65px;font-size: 30px;font-family: fantasy;font-weight: normal;color: rgba(0, 0, 0, .2);position: relative;transition: all 0.3s;}
.course .li .left h3::before{content: "";display: inline-block;position: absolute;width: 7px;height: 7px;border-radius: 50%;background-color: rgba(0, 0, 0, .1);right: 0px;top: 50%;transform: translate(50%,-50%);}
.course .li .left h3::after{content: "";display: inline-block;position: absolute;width: 50px;height: 1px;background-color: rgba(0, 0, 0, .1);right: 0;top: 50%;transform: translate(50%,-50%);}
.course .li .right{width: calc(100% - 165px);border-left: 1px solid rgba(0, 0, 0, .1);padding-left: 85px;}
.course .li .right .info h3{line-height: 35px;padding: 15px 0;font-size: 24px;color: rgba(0, 0, 0, .6);position: relative;transition: all 0.3s;font-family: fantasy;}
.course .li .right .info h3::after{content: "+";display: inline-block;position: absolute;width: 22px;height: 22px;border-radius: 50%;background-color: rgba(0, 0, 0, .4);right: 0px;top: 50%;transform: translateY(-50%);line-height: 22px;font-size: 18px;color: #fff;text-align: center;font-weight: normal;transition: all 0.3s;}
.course .li .right .info .content{line-height: 35px;font-size: 15px;color: rgba(0, 0, 0, .4);margin-bottom: 15px;display: none;}
.course .li .right .info .content img{width: 90%;max-width: 500px;padding: 10px 0;}

.course:hover .li .left .logo2{filter: grayscale(0) opacity(1);}
.course .li:hover .left h3{color: rgba(22, 66, 187, 1);}
.course .li:hover .right .info h3{color: rgba(22, 66, 187, 1);}
.course .li:hover .right .info h3::after{background-color: rgba(22, 66, 187, 1);}

/* 产品 */
.product{padding: 80px 0;}
.product .tit2{margin-bottom: 65px;}
.product .tit2 h2{padding-bottom: 20px;}
.product .tit2 .content{width: calc(100% - 400px);}
.product .class-ul{padding-bottom: 55px;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.product .class-ul .swiper{width: 100%;}
.product .class-ul .swiper .swiper-slide{display: flex;align-items: center;}
.product .class-ul .swiper a{display: block;width: 100%;}
.product .class-ul .swiper a .img{position: relative;padding-top: 50%;}
.product .class-ul .swiper a .img img{position: absolute;width: 90%;height: 90%;object-fit: contain;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s;}
.product .class-ul .swiper a .img img:last-child{opacity: 0;}
.product .class-ul .swiper a p{line-height: 45px;text-align: center;font-size: 15px;color: rgba(0, 0, 0, 0.4);}
.product .class-ul .swiper a:hover .img img{opacity: 0;}
.product .class-ul .swiper a:hover .img img:last-child{opacity: 1;}
.product .ul .li{display: flex;margin-top: 70px;}
.product .ul .li .left{width: 25%;padding-right: 15px;}
.product .ul .li .left .catname{height: 100%;position: relative;background-size: cover;}
.product .ul .li .left .catname h2{font-size: 28px;font-weight: bold;position: absolute;left: 50%;top: 10%;transform: translateX(-50%);word-break: keep-all;}
.product .ul .li .left .catname h2::before,.product .ul .li .left .catname h2::after{content: "//";font-size: 20px;position: absolute;top: 50%;transform: translateY(-50%);}
.product .ul .li .left .catname h2::before{right: calc(100% + 10px);}
.product .ul .li .left .catname h2::after{left: calc(100% + 10px);}
.product .ul .li .left .catname a{line-height: 45px;display: inline-block;position: absolute;width: 40%;max-width: 150px;border-radius: 5px;color: #fff;font-size: 15px;text-align: center;bottom: 10%;}
.product .ul .li .left .catname a.s-more{background-color: rgba(22, 66, 187, .8);left: 7.5%;}
.product .ul .li .left .catname a.contact{background-color: rgba(0, 0, 0, .8);right: 7.5%;}

.product .ul .li .right{width: 75%;padding-left: 15px;}
.product .ul .li .swiper{width: 100%;}
.product .ul .li .outSwiper>.swiper-wrapper>.swiper-slide{padding: 10px;background-color: rgba(0, 0, 0, .05);}
.product .ul .li .outSwiper .info{background-color: #fff;padding: 0 0 15px;}
.product .ul .li .outSwiper .info .in-info{padding: 15px 30px 0;}
.product .ul .li .outSwiper .info .inSwiper{}
.product .ul .li .outSwiper .info .inSwiper .img{padding-top: 90%;position: relative;overflow: hidden;}
.product .ul .li .outSwiper .info .inSwiper .img img{width: 100%;height: calc(100%);position: absolute;left: 50%;top: 0%;transform: translateX(-50%);object-fit: contain;}
.product .ul .li .outSwiper .info .thumbsIn{}
.product .ul .li .outSwiper .info .thumbsIn .img{padding-top: 80%;position: relative;overflow: hidden;border: 1px solid rgba(0, 0, 0, .1);}
.product .ul .li .outSwiper .info .thumbsIn .img img{width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.product .ul .li .outSwiper .info .thumbsIn .swiper-slide-thumb-active .img{border-color: rgba(22, 66, 187, 1);}

.product .ul .li .outSwiper .info p{line-height: 50px;font-size: 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product .ul .li .outSwiper .info a{line-height: 40px;background-color: rgba(0, 0, 0, .05);color: rgba(22, 66, 187, 1);font-size: 14px;display: block;padding: 0 20px;transition: all 0.3s;}
.product .ul .li .outSwiper .info a:hover{color: #fff;background-color: rgba(22, 66, 187, 1);transform: translateY(-3px);}

.product .service{padding-top: 100px;text-align: center;}
.product .service .tit{text-align: center;margin-bottom: 40px;}
.product .service .tit b{left: 50%;transform: translate(-50%,-50%);color: rgba(0, 0, 0, .025);}
.product .service .row>div{padding-left: 7px;padding-right: 7px;}
.product .service .info{height: 330px;background-color: rgba(0, 0, 0, .025);display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.product .service .info>div{display: flex;flex-wrap: wrap;width: 100%;justify-content: center;}
.product .service .info svg{height: 55px;}
.product .service .info h2{width: 100%;font-size: 24px;font-weight: bold;text-align: center;padding: 35px 0 10px;}
.product .service .info p{font-size: 15px;color: rgba(0, 0, 0, .4);}
.product .service a{display: inline-block;padding: 0 40px;line-height: 56px;border: 2px solid rgba(0, 0, 0, 1);font-size: 17px;font-weight: bold;color: rgba(0, 0, 0, 1);margin-top: 50px;}


.product-list{padding: 40px 0;}
.product-list .tit2 h3{line-height: 80px;padding-bottom: 10px;}
.product-list .n-area{display: flex;}
.product-list .n-area .left{width: 280px;margin-right: 20px;margin-right: auto;}
.product-list .n-area .class-ul{border-left: 2px solid rgba(0, 0, 0, .07);}
.product-list .n-area .class-ul>.li{line-height: 40px;font-size: 15px;padding-left: 25px;}
.product-list .n-area .class-ul>.li>a{color: rgba(0, 0, 0, 1);display: block;position: relative;}
.product-list .n-area .class-ul>.li.h-se>a::after{content: "+";display: inline-block;position: absolute;width: 23px;height: 23px;border-radius: 50%;background-color: rgba(22, 66, 187, 1);color: #fff;font-size: 14px;font-weight: bold;line-height: 22px;text-align: center;right: 0;top: 50%;transform: translateY(-50%);}
.product-list .n-area .class-ul .cd-ul>.li{padding-left: 30px;height: 0px;line-height: 45px;font-size: 15px;overflow: hidden;transition: all 0.3s;}
.product-list .n-area .class-ul .cd-ul>.li>a{color: rgba(0, 0, 0, .5);display: block;}

.product-list .n-area .class-ul>.li.active .cd-ul>.li{height: 45px;}
.product-list .n-area .class-ul>.li:hover .cd-ul>.li{height: 45px;}
.product-list .n-area .class-ul>.li.h-se:hover>a::after{content: "-";}

.product-list .n-area .left a.more{line-height: 50px;padding: 0 70px 0 30px;font-size: 14px;color: #fff;background-color: #be0026;display: inline-block;position: relative;border-radius: 50px;margin: 20px 0 0;}
.product-list .n-area .left a.more::before{content: "→";color: #fff;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 0;right: -1px;text-align: center;line-height: 48px;font-size: 18px;margin-right: 0;}


.product-list .n-area .right{width: calc(100% - 300px);max-width: 1200px;margin-left: auto;}
.product-list .n-area .out-info{padding: 10px;background-color: rgba(0, 0, 0, .05);margin-bottom: 15px;}
.product-list .n-area .info{background-color: #fff;padding: 0 0 15px;}
.product-list .n-area .info .in-info{padding: 15px 30px 0;}
.product-list .n-area .info .inSwiper{}
.product-list .n-area .info .inSwiper .img{padding-top: 90%;position: relative;overflow: hidden;}
.product-list .n-area .info .inSwiper .img img{width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: contain;}
.product-list .n-area .info .thumbsIn{}
.product-list .n-area .info .thumbsIn .img{padding-top: 80%;position: relative;overflow: hidden;border: 1px solid rgba(0, 0, 0, .1);}
.product-list .n-area .info .thumbsIn .img img{width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.product-list .n-area .info .thumbsIn .swiper-slide-thumb-active .img{border-color: rgba(22, 66, 187, 1);}

.product-list .n-area .info p{line-height: 50px;font-size: 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product-list .n-area .info a{line-height: 40px;background-color: rgba(0, 0, 0, .05);color: rgba(22, 66, 187, 1);font-size: 14px;display: block;padding: 0 20px;transition: all 0.3s;}
.product-list .n-area .info a:hover{background-color: rgba(22, 66, 187, 1);color: #fff;transform: translateY(-3px);}


.product-info{padding-bottom: 70px;}
.product-info .block-1{background-color: #f7f7fa;padding-bottom: 125px;position: relative;}
.product-info .block-1 .re{width: 100%;}
.product-info .block-1 .re a{line-height: 44px;border: 2px solid #be0026;color: #be0026;padding: 0 40px;border-radius: 5px;margin: 25px 0;display: inline-block;font-size: 15px;}
.product-info .block-1 .n-area{display: flex;flex-wrap: wrap;}
.product-info .n-area .left{width: 50%;display: flex;padding-right: 20px;}
.product-info .n-area .left .img img{position: absolute;width: 100%;height: 100%;object-fit: contain;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.product-info .n-area .left #pSwiper{width: calc(100% - 120px);}
.product-info .n-area .left #pSwiper .img{width: 100%;padding-top: 85%;position: relative;background-color: #fff;}
.product-info .n-area .left #thumbSwiper{width: 110px;margin-left: 10px;}
.product-info .n-area .left #thumbSwiper .img{width: 100%;height: 100%;position: relative;background-color: #fff;}

.product-info .n-area .right{width: 50%;}
.product-info .n-area .right .info{padding-left: 7.5%;}
.product-info .n-area .right .info h3{padding: 7px 5px;display: inline-block;font-size: 14px;background-color: rgba(202, 80, 8, 1);color: #fff;}
.product-info .n-area .right .info h2{font-size: 34px;font-weight: bold;line-height: 75px;}
.product-info .n-area .right .info p{font-size: 15px;display: flex;line-height: 30px;margin-bottom: 20px;}
.product-info .n-area .right .info p b{width: 45px;}
.product-info .n-area .right .info p span{color: rgba(0, 0, 0, .4);width: calc(100% - 45px);}
.product-info .n-area .right .info .ul{display: flex;padding: 30px 0;border-top: 1px solid rgba(0, 0, 0, .05);}
.product-info .n-area .right .info .ul .li{width: 25%;max-width: 140px;border: 1px solid rgba(202, 80, 8, .2);line-height: 32px;text-align: center;border-radius: 5px;margin-right: 3px;background-color: rgba(202, 80, 8, .03);color: rgba(0, 0, 0, .7);display: flex;justify-content: center;align-items: center;}
.product-info .n-area .right .info .ul .li i{color: rgba(202, 80, 8, .5);margin-right: 15px;font-size: 18px;}
.product-info .n-area .right .info a{width: 40%;max-width: 195px;line-height: 60px;border-radius: 30px;border: 1px solid rgba(22, 66, 187, 1);color: rgba(22, 66, 187, 1);background-color: #fff;margin-right: 12px;display: inline-block;margin-top: 45px;text-align: center;}
.product-info .n-area .right .info a:last-child{margin-right: 0;color: #fff;background-color: rgba(22, 66, 187, 1);}

.product-info .block-1 .nav-anchor{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 80px;display: flex;width: 100%;max-width: 800px;padding: 0 10px;}
.product-info .block-1 .nav-anchor .li{display: flex;height: 100%;align-items: center;justify-content: center;width: 20%;}
.product-info .block-1 .nav-anchor .li a{color: rgba(0, 0, 0, .8);font-size: 16px;position: relative;}
.product-info .block-1 .nav-anchor .li a::after{content: "";display: inline-block;position: absolute;width: 0%;height: 5px;background-color: rgba(22, 66, 187, 1);top: calc(100% + 3px);right: 0;transition: all 0.3s;}
.product-info .block-1 .nav-anchor .li:hover a::after{width: 100%;left: 0;}

.product-info .block-2{padding: 55px 0;}
.product-info .block-2 .tit2 h3{padding-bottom: 20px;}
.product-info .block-2 .content{line-height: 35px;font-size: 15px;padding-bottom: 20px;}
.product-info .block-2 .out-info{height: 300px;border-radius: 10px;background-color: rgba(22, 66, 187, .2);display: flex;align-items: center;justify-content: center;}
.product-info .block-2 .out-info .info{text-align: center;padding: 0 10%;}
.product-info .block-2 .out-info .info i{font-size: 40px;color: #fff;display: inline-block;width: 90px;height: 90px;border-radius: 50%;background-color: rgba(22, 66, 187, 1);text-align: center;line-height: 90px;}
.product-info .block-2 .out-info .info h3{font-size: 22px;padding: 20px 0;}
.product-info .block-2 .out-info .info p{font-size: 15px;line-height: 30px;color: rgba(0, 0, 0, .4);padding-top: 5px;}

.product-info .block-3{}
.product-info .block-3 .tit2{padding-bottom: 25px;}
.product-info .block-3 .content{background-color: rgba(0, 0, 0, .025);border-radius: 10px;padding: 30px;line-height: 35px;font-size: 15px;}

.product-info .block-4{padding: 55px 0;}
.product-info .block-4 .tit2 p{padding: 20px 0;}
.product-info .block-4 #cjSwiper{}
.product-info .block-4 #cjSwiper .img{padding-top: 60%;position: relative;}
.product-info .block-4 #cjSwiper .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}
.product-info .block-4 #cjSwiper .text{line-height: 85px;color: rgba(0, 0, 0, .8);font-size: 22px;border-bottom: 1px solid rgba(0, 0, 0, .2);position: relative;}
.product-info .block-4 #cjSwiper .text::after{content: "+";display: inline-block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 26px;height: 26px;border-radius: 50%;border: 2px solid rgba(22, 66, 187, 1);line-height: 24px;text-align: center;color: rgba(22, 66, 187, 1);}


.product-info .block-5{background-color: rgba(0, 0, 0, .025);padding: 40px 0 50px;margin-bottom: 65px;}
.product-info .block-5 form{width: 100%;margin-top: 30px;display: flex;flex-wrap: wrap;}
.product-info .block-5 form input{line-height: 65px;padding: 0 20px;width: 25%;margin-right: 2%;border: 1px solid rgba(0, 0, 0, .1);margin-bottom: 25px;}
.product-info .block-5 form textarea{line-height: 65px;padding: 0 20px;width: 46%;border: 1px solid rgba(0, 0, 0, .1);margin-bottom: 25px;}
.product-info .block-5 form .v-code{display: flex;margin-left: auto;}
.product-info .block-5 form .v-code img{height: 65px;width: 200px;}
.product-info .block-5 form .v-code input{margin-bottom: 0;width: 304px;}
.product-info .block-5 form a{width: 50%;max-width: 200px;line-height: 65px;color: #fff;background-color: #be0026;margin-left: 2%;text-align: center;font-size: 15px;margin-left: auto;}
.product-info .block-5 form p{line-height: 65px;width: 50%;margin-right: auto;}


.product-info .block-6{}
.product-info .block-6 .tit2{padding-bottom: 30px;}
.product-info .block-6 .info{padding: 25px;background-color: rgba(0, 0, 0, .025);}
.product-info .block-6 .qySwiper{margin-bottom: 10px;}
.product-info .block-6 .qySwiper .swiper-wrapper{
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.product-info .block-6 .qySwiper .img{padding-top: 40%;position: relative;background-color: #fff;}
.product-info .block-6 .qySwiper .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;height: 90%;object-fit: contain;}


.product-info .block-7{}
.product-info .block-7 .tit2{padding: 60px 0 30px;}
.product-info .block-7 .out-info{padding: 10px;background-color: rgba(0, 0, 0, .05);margin-bottom: 15px;}
.product-info .block-7 .info{background-color: #fff;padding: 0 0 15px;}
.product-info .block-7 .info .in-info{padding: 0 20px;}
.product-info .block-7 .info .inSwiper{}
.product-info .block-7 .info .inSwiper .img{padding-top: 90%;position: relative;overflow: hidden;}
.product-info .block-7 .info .inSwiper .img img{width: 90%;height: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: contain;}
.product-info .block-7 .info .thumbsIn{}
.product-info .block-7 .info .thumbsIn .img{padding-top: 80%;position: relative;overflow: hidden;border: 1px solid rgba(0, 0, 0, .1);}
.product-info .block-7 .info .thumbsIn .img img{width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.product-info .block-7 .info .thumbsIn .swiper-slide-thumb-active .img{border-color: rgba(22, 66, 187, 1);}

.product-info .block-7 .info p{line-height: 50px;font-size: 15px;}
.product-info .block-7 .info a{line-height: 40px;background-color: rgba(0, 0, 0, .05);color: rgba(22, 66, 187, 1);font-size: 14px;display: block;padding: 0 20px;transition: all 0.3s;}

.product-info .block-7 .info a:hover{background-color: rgba(22, 66, 187, 1);color: #fff;transform: translateY(-3px);}

/* case */
.case{}
.case .tit{padding: 55px 0 75px;}
.case .tit h2{padding-bottom: 15px;}
.case .li{padding: 5%;background-size: cover;display: flex;border-radius: 15px;margin-bottom: 80px;}
.case .li:nth-child(2n){justify-content: end;}
.case .li .info{width: 100%;max-width: 700px;background-color: #fff;padding: 6%;position: relative;}
.case .li .info h2{font-size: 30px;font-weight: bold;padding-bottom: 25px;}
.case .li .info p{font-size: 15px;line-height: 35px;color: rgba(0, 0, 0, .5);margin-bottom: 80px;}
.case .li .info a{line-height: 50px;padding: 0 70px 0 30px;font-size: 14px;color: #fff;background-color: #be0026;display: inline-block;position: relative;border-radius: 50px;}
.case .li .info a::before{content: "→";color: #fff;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 0;right: -1px;text-align: center;line-height: 50px;font-size: 18px;}
.case .li .info i{position: absolute;font-size: 80px;bottom: 20%;right: 12.5%;line-height: 80px;}


.case-info{padding-top: 85px;}
.case-info .block-1{display: flex;padding-bottom: 80px;}
.case-info .block-1 .tit{margin-top: 30px;padding-bottom: 60px;}
.case-info .block-1 .tit h2{padding: 0 0 15px;color: rgba(22, 66, 187, 1);}
.case-info .block-1 .tit h2 b{color: rgba(0, 0, 0, .05);}
.case-info .block-1 .tit p{font-size: 23px;}
.case-info .block-1 .left{width: 50%;max-width: 815px;margin-left: auto;padding-right: 8.5%;padding-left: 15px;}
.case-info .block-1 .content{line-height: 35px;color: rgba(0, 0, 0, .4);font-size: 15px;padding-bottom: 70px;}
.case-info .block-1 .ul{display: flex;}
.case-info .block-1 .ul .li{width: 30%;margin-right: 5%;max-width: 160px;border: 2px solid rgba(0, 0, 0, .1);text-align: center;display: flex;justify-content: center;flex-wrap: wrap;}
.case-info .block-1 .ul .li:last-child{margin-right: 0;}
.case-info .block-1 .ul .li i{font-size: 55px;line-height: 55px;margin: 25px 0;color: #be0026;}
.case-info .block-1 .ul .li p{margin-bottom: 25px;width: 100%;}
.case-info .block-1 .right{width: 50%;background-size: cover;}


.case-info .block-2{padding: 70px 0;background-color: rgba(0, 0, 0, .025);}
.case-info .block-2 .tit{text-align: center;}
.case-info .block-2 .tit h2{padding-bottom: 15px;}
.case-info .block-2 #slSwiper{padding-top: 40px;}
.case-info .block-2 #slSwiper .img{position: relative;padding-top: 75%;}
.case-info .block-2 #slSwiper .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.case-info .block-2 #slSwiper p{line-height: 70px;color: rgba(0, 0, 0, .8);font-size: 15px;position: relative;}
.case-info .block-2 #slSwiper p::after{position: absolute;width: 34px;height: 34px;border-radius: 50%;color: #fff;content: "→";background-color: #be0026;right: 0;top: 50%;transform: translateY(-50%);text-align: center;line-height: 32px;font-size: 14px;}
.case-info .block-2 .p-n{position: relative;text-align: center;margin-top: 20px;}
.case-info .block-2 .p-n .swiper-button-next,.case-info .block-2 .p-n .swiper-button-prev{display: inline-block;position: relative;width: 60px;height: 60px;border: 1px solid rgba(0, 0, 0, .4);color: rgba(0, 0, 0, .4);margin: 0 6px;background-color: rgba(0, 0, 0, 0);top: 0;left: auto;right: auto;z-index: 99;}
.case-info .block-2 .p-n .swiper-button-next::after,.case-info .block-2 .p-n .swiper-button-prev::after{font-size: 20px;color: rgba(0, 0, 0, .4);line-height: 58px;}


.case-info .block-3{padding: 75px 0;}
.case-info .block-3 .tit h2{padding-bottom: 15px;}
.case-info .block-3 .tit p{padding-bottom: 75px;}
.case-info .block-3 .n-area{display: flex;}
.case-info .block-3 .n-area .left{margin-right: auto;padding-right: 15px;}
.case-info .block-3 .n-area .left a{display: inline-block;width: 60px;height: 60px;background-color: #be0026;color: #fff;font-size: 18px;text-align: center;line-height: 59px;border-radius: 50%;}
.case-info .block-3 .n-area .right{margin-left: auto;padding-left: 15px;}
.case-info .block-3 .n-area .right h2{font-size: 21px;font-weight: bold;padding-bottom: 30px;}
.case-info .block-3 .n-area .right .li{line-height: 35px;font-size: 15px;color: rgba(0, 0, 0, .4);padding: 5px 0;padding-left: 40px;position: relative;transition: all 0.3s;}
.case-info .block-3 .n-area .right .li::before,.case-info .block-3 .n-area .right .li::after{content: "";display: inline-block;position: absolute;width: 16px;height: 16px;border: 1px solid rgba(22, 66, 187, 1);left: 0;top: 22.5px;transform: translateY(-50%);border-radius: 50%;transition: all 0.3s;}
.case-info .block-3 .n-area .right .li::after{border-color: rgba(22, 66, 187, .3);left: 5px;}

.case-info .block-3 .n-area .right .li:hover{transform: translateY(-3px);color: rgba(22, 66, 187, 1);}
.case-info .block-3 .n-area .right .li:hover::after,.case-info .block-3 .n-area .right .li:hover::before{left: 3px;}

.case-info .block-4 .tit{padding-bottom: 30px;text-align: center;}
.case-info .block-4 .tit h2{padding: 25px 0 15px;}
.case-info .block-4 .info{padding: 25px;background-color: rgba(0, 0, 0, .025);}
.case-info .block-4 .qySwiper{margin-bottom: 10px;}
.case-info .block-4 .qySwiper .swiper-wrapper{
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.case-info .block-4 .qySwiper .img{padding-top: 40%;position: relative;background-color: #fff;}
.case-info .block-4 .qySwiper .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;height: 90%;object-fit: contain;}

.case-info .block-5{padding: 55px 0 50px;margin-top: 65px;border-top: 1px solid rgba(0, 0, 0, .1);}
.case-info .block-5 .n-area{}
.case-info .block-5 form{width: 100%;margin-top: 30px;display: flex;flex-wrap: wrap;}
.case-info .block-5 form input{line-height: 65px;padding: 0 20px;width: 25%;margin-right: 2%;border: 1px solid rgba(0, 0, 0, .1);margin-bottom: 25px;}
.case-info .block-5 form textarea{line-height: 65px;padding: 0 20px;width: 46%;border: 1px solid rgba(0, 0, 0, .1);margin-bottom: 25px;}
.case-info .block-5 form .v-code{display: flex;margin-left: auto;}
.case-info .block-5 form .v-code img{height: 65px;width: 200px;}
.case-info .block-5 form .v-code input{margin-bottom: 0;width: 304px;}
.case-info .block-5 form a{width: 50%;max-width: 200px;line-height: 65px;color: #fff;background-color: #be0026;margin-left: 2%;text-align: center;font-size: 15px;margin-left: auto;}
.case-info .block-5 form p{line-height: 65px;width: 50%;margin-right: auto;}


/* news */
.news{padding: 60px 0;}
.news .block-1{padding-bottom: 55px;}
.news .block-1 .n-area>.tit{padding-bottom: 40px;}
.news .block-1 .n-area>.tit h2{padding-bottom: 15px;}
.news .block-1 #newSwiper .swiper-slide{display: flex;}
.news .block-1 #newSwiper .swiper-slide .img{width: 60%;position: relative;}
.news .block-1 #newSwiper .swiper-slide .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}

.news .block-1 #newSwiper .swiper-slide .info{width: 40%;background-color: rgba(22, 66, 187, 1);padding: 3%;color: #fff;}
.news .block-1 #newSwiper .swiper-slide .info .tit{margin-top: 30px;color: #fff;position: relative;margin-bottom: 70px;}
.news .block-1 #newSwiper .swiper-slide .info .tit h2 b{color: rgba(255, 255, 255, .1);}
.news .block-1 #newSwiper .swiper-slide .info .tit .more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #fff;}
.news .block-1 #newSwiper .swiper-slide .info .tit .more::before{border-color: #fff;}
.news .block-1 #newSwiper .swiper-slide .info .title{font-size: 25px;font-weight: bold;margin-bottom: 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news .block-1 #newSwiper .swiper-slide .info .content{line-height: 35px;font-size: 15px;color: rgba(255, 255, 255, .5);margin-bottom: 180px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .block-1 #newSwiper .swiper-slide .info>a{line-height: 50px;padding: 0 70px 0 30px;font-size: 14px;color: #fff;background-color: #be0026;display: inline-block;position: relative;border-radius: 50px;margin-bottom: 30px;}
.news .block-1 #newSwiper .swiper-slide .info>a::before{content: "→";color: #fff;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 0;right: -1px;text-align: center;line-height: 50px;font-size: 18px;}

.news .block-2{padding: 75px 0 50px;background-color: rgba(0, 0, 0, .025);}
.news .block-2 .tit{margin-bottom: 30px;}
.news .block-2 .tit h2{padding-bottom: 15px;}
.news .block-2 .tit h2 b{color: rgba(0, 0, 0, .05);}
.news .block-2 .tit .more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.news .block-2 .ul{display: flex;}
.news .block-2 .ul .li{width: 50%;padding-right: 7.5px;max-width: 750px;margin-right: auto;}
.news .block-2 .ul .li:last-child{padding-right: 0;padding-left: 7.5px;margin-left: auto;margin-right: 0;}
.news .block-2 .ul .li .info{}
.news .block-2 .ul .li .info .img{padding-top: 60%;position: relative;}
.news .block-2 .ul .li .info .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}
.news .block-2 .ul .li .info .text{padding: 5%;background-color: #fff;display: flex;flex-wrap: wrap;}
.news .block-2 .ul .li .info .text h2{font-size: 26px;font-weight: bold;margin-bottom: 15px;width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news .block-2 .ul .li .info .text p{line-height: 30px;color: rgba(0, 0, 0, .4);margin-bottom: 25px;width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .block-2 .ul .li .info .text span{font-size: 15px;font-weight: bold;line-height: 50px;}
.news .block-2 .ul .li .info .text a{line-height: 50px;padding: 0 70px 0 30px;font-size: 14px;color: #fff;background-color: #be0026;display: inline-block;position: relative;border-radius: 50px;margin-left: auto;}
.news .block-2 .ul .li .info .text a::before{content: "→";color: #fff;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 0;right: -1px;text-align: center;line-height: 50px;font-size: 18px;}

.news .block-3{padding: 75px 0 50px;}
.news .block-3 .tit{margin-bottom: 30px;}
.news .block-3 .tit h2{padding-bottom: 15px;}
.news .block-3 .tit h2 b{color: rgba(0, 0, 0, .05);}
.news .block-3 .tit .more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.news .block-3 .block{display: flex;}
.news .block-3 .block>div{width: 50%;padding-right: 7.5px;max-width: 750px;margin-right: auto;}
.news .block-3 .block>div:last-child{padding-right: 0;padding-left: 7.5px;margin-left: auto;margin-right: 0;}
.news .block-3 .block .left .info .img{position: relative;height: 445px;}
.news .block-3 .block .left .info .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}
.news .block-3 .block .left .info .text{padding: 5%;background-color: rgba(0, 0, 0, .025);display: flex;flex-wrap: wrap;}
.news .block-3 .block .left .info .text h2{font-size: 26px;font-weight: bold;margin-bottom: 15px;width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news .block-3 .block .left .info .text p{line-height: 30px;color: rgba(0, 0, 0, .4);margin-bottom: 25px;width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .block-3 .block .left .info .text span{font-size: 15px;font-weight: bold;line-height: 50px;}
.news .block-3 .block .left .info .text a{line-height: 50px;padding: 0 70px 0 30px;font-size: 14px;color: #fff;background-color: #be0026;display: inline-block;position: relative;border-radius: 50px;margin-left: auto;}
.news .block-3 .block .left .info .text a::before{content: "→";color: #fff;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 0;right: -1px;text-align: center;line-height: 50px;font-size: 18px;}

.news .block-3 .block .right{display: flex;flex-wrap: wrap;}
.news .block-3 .block .right .li{padding: 5%;background-color: rgba(0, 0, 0, .025);width: 100%;margin-bottom: 30px;}
.news .block-3 .block .right .li:last-child{margin-bottom: 0;}
.news .block-3 .block .right .li h2{font-size: 26px;font-weight: bold;margin-bottom: 15px;color: rgba(0, 0, 0, .8);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news .block-3 .block .right .li p{line-height: 30px;color: rgba(0, 0, 0, .4);margin-bottom: 20px;width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news .block-3 .block .right .li span{font-size: 15px;font-weight: bold;color: rgba(0, 0, 0, .8);padding-top: 20px;border-top: 1px solid rgba(0, 0, 0, .1);display: block;}


.news-list{padding-bottom: 20px;}
.news-list .n-area{display: flex;align-items: stretch;padding: 40px 0px;border-bottom: 1px dashed rgba(0, 0, 0, .1);}
.news-list .li{padding: 0 15px;transition: all 0.3s;}
.news-list .img{width: 400px;position: relative;}
.news-list .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}
.news-list .info{display: flex;flex-wrap: wrap;width: calc(100% - 400px);padding: 30px 0 15px;padding-left: 4%;}
.news-list .info h2{font-size: 26px;font-weight: bold;margin-bottom: 15px;color: rgba(0, 0, 0, .8);width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-list .info p{line-height: 30px;color: rgba(0, 0, 0, .4);margin-bottom: 20px;width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list .info span{font-size: 15px;font-weight: bold;line-height: 50px;}
.news-list .info a{line-height: 50px;padding: 0 70px 0 30px;font-size: 14px;color: #fff;background-color: #be0026;display: inline-block;position: relative;border-radius: 50px;margin-left: auto;}
.news-list .info a::before{content: "→";color: #fff;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 0;right: -1px;text-align: center;line-height: 50px;font-size: 18px;}

.news-list .li:hover{background-color: rgba(0, 0, 0, .05);transform: translateY(-3px);}


.news-info{padding-bottom: 100px;}
.news-info .n-area{display: flex;flex-wrap: wrap;}
.news-info .n-area .left{width: calc(100% - 300px);max-width: 1260px;padding-top: 45px;padding-right: 4%;border-right: 1px solid rgba(0, 0, 0, .1);}
.news-info .n-area .left .info{}
.news-info .n-area .left .info .newstit{font-size: 28px;font-weight: bold;text-align: center;line-height: 50px;padding-bottom: 20px;}
.news-info .n-area .left .info .time{line-height: 50px;text-align: center;font-size: 15px;color: rgba(0, 0, 0, .4);background-color: rgba(0, 0, 0, .025);}
.news-info .n-area .left .info .img{padding: 25px 0;text-align: center;}
.news-info .n-area .left .info .img img{width: 100%;max-width: 800px;}
.news-info .n-area .left .info .newsContent{line-height: 35px;font-size: 15px;padding-bottom: 50px;border-bottom: 1px solid rgba(0, 0, 0, .2);margin-bottom: 35px;}
.news-info .n-area .left .info .addinfo{padding: 20px 5%;line-height: 25px;font-size: 14px;color: rgba(0, 0, 0, .4);margin-bottom: 25px;background-color: rgba(0, 0, 0, .025);}
.news-info .n-area .left .info .addinfo b{color: #be0026;font-weight: normal;}

.page-turning{line-height: 40px;display: flex;}
.page-turning .page-a{width: 50%;color: #be0026;}
.page-turning .page-a:last-child{text-align: right;}
.page-turning .page-a a{color: rgba(0, 0, 0, .6);}

.news-info .n-area .right{width: 300px;padding-top: 45px;margin-left: auto;}
.news-info .n-area .right>h2{font-size: 28px;line-height: 50px;padding-bottom: 20px;}
.news-info .n-area .right .ul{}
.news-info .n-area .right .ul .li{padding: 25px;background-color: rgba(0, 0, 0, .025);margin-bottom: 20px;}
.news-info .n-area .right .ul .li h3{font-size: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-info .n-area .right .ul .li span{padding: 10px 0;display: block;color: rgba(0, 0, 0, .4);}
.news-info .n-area .right .ul .li p{line-height: 25px;font-size: 14px;color: rgba(0, 0, 0, .4);margin-bottom: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-info .n-area .right .ul .li a{font-size: 15px;font-weight: bold;line-height: 26px;display: inline-block;width: 100%;text-align: right;color: rgba(0, 0, 0, .8);}
.news-info .n-area .right .ul .li a::before{content: "→";display: inline-block;width: 26px;height: 26px;background-color: #be0026;color: #fff;text-align: center;line-height: 24px;margin-right: 8px;border-radius: 50%;font-size: 15px;}


/* custom */
.custom{padding: 65px 0;}
.custom .block-1{margin-bottom: 100px;}
.custom .block-1>.tit{text-align: left;}
.custom .block-1 .tit p{padding-bottom: 35px;}
.custom .block-1 .block .tit{text-align: center;}
.custom .block-1 .tit h2{padding-bottom: 15px;}
.custom .block-1 .tit h2 b{color: rgba(0, 0, 0, .05);left: 50%;transform: translate(-50%,-50%);}
.custom .block-1 .block{padding: 90px 5% 80px;background-color: rgba(0, 0, 0, .025);}
.custom .block-1 .block .des{font-size: 15px;line-height: 30px;padding: 20px 0 40px;color: rgba(0, 0, 0, .5);text-align: center;}
.custom .block-1 .block .ul{display: flex;flex-wrap: wrap;}
.custom .block-1 .block .ul .li{width: calc(100% / 11.5 * 1.5);color: #fff;position: relative;min-width: 160px;}
.custom .block-1 .block .ul .li::after{content: ">";display: inline-block;position: absolute;width: 33%;right: 0;top: 50%;transform: translateY(-50%);color: rgba(22, 66, 187, 1);font-size: 30px;text-align: center;}
.custom .block-1 .block .ul .li:last-child:after{display: none;}
.custom .block-1 .block .ul .li .info{width: 67%;background-color: rgba(22, 66, 187, 1);padding: 20px 15px;border-radius: 8px;}
.custom .block-1 .block .ul .li:last-child{width: calc(100% / 11.5);min-width: auto;}
.custom .block-1 .block .ul .li:last-child .info{width: 100%;}
.custom .block-1 .block .ul .li .info b{font-size: 24px;display: inline-block;line-height: 24px;position: relative;overflow: hidden;width: 30px;}
.custom .block-1 .block .ul .li .info b::after{content: "";display: inline-block;position: absolute;width: 200%;height: 200%;border-left: 1px solid #fff;left: 0;bottom: 0;background-color: rgba(22, 66, 187, 1);transform: rotate(60deg);transform-origin: left bottom;transition: all 0.3s;}
.custom .block-1 .block .ul .li .info:hover b::after{transform: rotate(75deg);}
.custom .block-1 .block .ul .li .info i{display: block;width: 60px;height: 60px;line-height: 60px;font-size: 32px;color: rgba(0, 0, 0, .8);text-align: center;background-color: #fff;border-radius: 50%;margin: 0 auto;}
.custom .block-1 .block .ul .li .info p{padding-top: 15px;font-size: 15px;text-align: center;}
.custom .block-1 .block>a{display: flex;margin: 0 auto;line-height: 50px;border: 2px solid #000;padding: 0 20px;color: #000;font-size: 16px;font-weight: bold;max-width: 300px;width: 50%;margin-top: 55px;}
.custom .block-1 .block>a i{line-height: 50px;font-size: 20px;margin-left: auto;}


.custom .block-2{padding-bottom: 110px;}
.custom .block-2 .tit{padding-bottom: 35px;}
.custom .block-2 .tit h2 b{color: rgba(0, 0, 0, .05);}
.custom .block-2 .li{cursor: pointer;}
.custom .block-2 .li .img{padding-top: 60%;position: relative;overflow: hidden;}
.custom .block-2 .li .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.custom .block-2 .li .info{padding: 30px;background-color: rgba(0, 0, 0, .025);}
.custom .block-2 .li .info h2{font-size: 22px;padding-bottom: 20px;border-bottom: 1px solid rgba(0, 0, 0, .1);margin-bottom: 25px;}
.custom .block-2 .li .info p{line-height: 30px;font-size: 15px;color: rgba(0, 0, 0, .7);min-height: 90px;}

.custom .block-2 .li:hover .img img{transform: translate(-50%,-50%) scale(1.05);}

.custom .block-3{}
.custom .block-3 .tit{text-align: center;padding-bottom: 35px;}
.custom .block-3 .tit h2 b{color: rgba(0, 0, 0, .05);left: 50%;transform: translate(-50%,-50%);}
.custom .block-3 .block{padding: 40px 25px;background-color: rgba(0, 0, 0, .025);}
.custom .block-3 .qySwiper{margin-bottom: 10px;}
.custom .block-3 .qySwiper .swiper-wrapper{
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.custom .block-3 .qySwiper .img{padding-top: 40%;position: relative;background-color: #fff;}
.custom .block-3 .qySwiper .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;height: 90%;object-fit: contain;}



.contact .block-1{}
.contact .block-1 .tit{padding: 60px 0 30px;}
.contact .block-1 .tit h2{padding-bottom: 15px;}
.contact .block-1 .block{display: flex;}
.contact .block-1 .block .li{width: 50%;display: flex;}
.contact .block-1 .block .li .info{width: 100%;max-width: 815px;margin-left: auto;display: flex;align-items: center;padding-left: 15px;flex-wrap: wrap;}
.contact .block-1 .block .li .info .left{width: 42%;border-right: 1px solid rgba(0, 0, 0, .2);}
.contact .block-1 .block .li h3{font-size: 18px;padding-bottom: 10px;line-height: 20px;display: flex;}
.contact .block-1 .block .li h3 i{font-size: 20px;line-height: 20px;color: #be0026;font-weight: normal;padding-right: 15px;}
.contact .block-1 .block .li .info .left h2{font-size: 36px;font-weight: bold;line-height: 60px;padding-bottom: 25px;}
.contact .block-1 .block .li .info p{line-height: 30px;font-size: 15px;color: rgba(0, 0, 0, .6);}

.contact .block-1 .block .li .info .right{width: 58%;padding-left: 10%;}
.contact .block-1 .block .li .right h3{font-weight: bold;}
.contact .block-1 .block .li .right h3 i{color: rgba(22, 66, 187, 1);}
.contact .block-1 .block .li .info .right p:nth-child(2){padding-bottom: 50px;}

.contact .block-1 .block .li:last-child{background-color: rgba(22, 66, 187, 1);padding: 60px 0;}
.contact .block-1 .block .li:last-child .info{margin-right: auto;margin-left: 0;justify-content: center;}
.contact .block-1 .block .li .img{width: 30%;margin-right: 5%;max-width: 180px;background-color: #fff;padding: 4%;}
.contact .block-1 .block .li .img:last-child{margin-right: 0;}
.contact .block-1 .block .li .img img{width: 100%;}
.contact .block-1 .block .li .img p{padding-top: 20px;display: block;text-align: center;font-size: 17px;font-weight: bold;}

.contact .block-2{position: relative;}
.contact .block-2 #dituContent{width: 100%;height: 700px;position: relative;z-index: 1;}
.contact .block-2 .n-area{position: absolute;z-index: 2;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}
.contact .block-2 .n-area .info{background-color: #fff;position: absolute;left: 0;width: 50%;max-width: 700px;padding: 3% 5%;transform: translateY(-50%);}
.contact .block-2 .n-area .info h3{font-size: 22px;font-family: fantasy;text-transform: uppercase;}
.contact .block-2 .n-area .info h2{font-size: 30px;font-weight: bold;padding: 10px 0 20px;position: relative;margin-bottom: 20px;}
.contact .block-2 .n-area .info h2::after{content: "";display: inline-block;position: absolute;bottom: 0;left: 0;width: 30px;height: 5px;background-color: rgba(22, 66, 187, 1);}
.contact .block-2 .n-area .info p{font-size: 15px;color: rgba(0, 0, 0, .7);}
.contact .block-2 .n-area .info i{display: inline-block;width: 60px;height: 60px;position: absolute;border: 5px solid rgba(22, 66, 187, 1);text-align: center;line-height: 50px;font-size: 36px;color: rgba(22, 66, 187, 1);right: 15%;top: 50%;transform: translateY(-50%);}

.contact .block-3{padding: 70px 0 50px;}
.contact .block-3 .n-area{}
.contact .block-3 form{width: 100%;margin-top: 30px;display: flex;flex-wrap: wrap;}
.contact .block-3 form input{line-height: 65px;padding: 0 20px;width: 25%;margin-right: 2%;border: 1px solid rgba(0, 0, 0, .1);margin-bottom: 25px;}
.contact .block-3 form textarea{line-height: 65px;padding: 0 20px;width: 46%;border: 1px solid rgba(0, 0, 0, .1);margin-bottom: 25px;}
.contact .block-3 form .v-code{display: flex;margin-left: auto;}
.contact .block-3 form .v-code img{height: 65px;width: 200px;}
.contact .block-3 form .v-code input{margin-bottom: 0;width: 304px;}
.contact .block-3 form a{width: 50%;max-width: 200px;line-height: 65px;color: #fff;background-color: #be0026;margin-left: 2%;text-align: center;font-size: 15px;margin-left: auto;}
.contact .block-3 form p{line-height: 65px;width: 50%;margin-right: auto;}


.de-page-mian{margin: 10px auto;padding-bottom: 10px;text-align: right;}
.de-page-mian li{display: inline-block;margin: 0 5px;color: rgba(0, 0, 0, .7);min-width: 30px;border-radius: 2px;height: 36px;line-height: 36px;padding: 0 6px;border: 1px solid #ddd;text-align: center;text-shadow: none;transition: all 0.3s;}
.de-page-mian li a{display: block;color: rgba(0, 0, 0, .7);}
.de-page-mian li.active{background-color: rgba(22, 66, 187, 1);color: #fff;}
.de-page-mian li:hover{color: rgba(22, 66, 187, 1);transform: translateY(-3px);}




@media screen and (min-width: 0px) and (max-width:1400px){
  .tit2 h2{font-size: 38px;}
  .tit2 h3{font-size: 28px;}

  .product-list .tit2 h3{line-height: 70px;}
  .product-info .block-5 form p{width: 35%;}

  .company .block-3 .block .right .info h3{font-size: 36px;}

  .custom .block-1 .block .ul .li,.custom .block-1 .block .ul .li:last-child{width: 160px;margin-bottom: 15px;}
  .custom .block-1 .block .ul .li:last-child .info{width: 67%;}

  .contact .block-1 .block .li .info .left h2{font-size: 32px;}
  .contact .block-3 form p{width: 35%;}

  .case-info .block-5 form p{width: 35%;}
}

@media screen and (min-width: 0px) and (max-width:1200px){
  .tit h2{font-size: 34px;}
  .tit b{font-size: 70px;}
  .tit p{font-size: 22px;}

  .product .ul .li .left{width: 34%;}
  .product .ul .li .right{width: 66%;padding-left: 0;}
  .product .ul .li .left .catname h2{font-size: 24px;}

  .product-info .n-area .right .info{padding-left: 15px;}
  .product-info .n-area .right .info h2{font-size: 28px;line-height: 65px;}
  .product-info .n-area .right .info p{margin-bottom: 10px;}
  .product-info .n-area .right .info .ul{padding: 15px 0;}
  .product-info .n-area .right .info p{font-size: 14px;}
  .product-info .n-area .right .info a{margin-top: 20px;line-height: 50px;}
  .product-info .block-5 form p{width: 30%;}
  .product-info .block-7 .info .in-info{padding: 0 15px;}

  .product-list .n-area{flex-wrap: wrap;}
  .product-list .n-area .left{width: 100%;}
  .product-list .n-area .right{width: 100%;}
  .product-list .tit2{display: none;}
  .product-list .n-area .class-ul{display: flex;border: 0;margin-bottom: 25px;flex-wrap: wrap;position: relative;z-index: 2;}
  .product-list .n-area .class-ul>.li{position: relative;}
  .product-list .n-area .class-ul>.li.h-se>a::after{position: relative;transform: translate(0);margin-left: 10px;}
  .product-list .n-area .class-ul>.li .cd-ul{background-color: rgba(0, 0, 0, .7);position: absolute;z-index: 2;top: 100%;left: 0;min-width: 100%;padding: 0 10px;}
  .product-list .n-area .class-ul .cd-ul>.li{padding-left: 0;}
  .product-list .n-area .class-ul .cd-ul>.li>a{color: #fff;text-align: center;}
  .product-list .n-area .left a.more{margin: 0 0 20px;height: 40px;line-height: 40px;padding: 0 55px 0 25px;font-size: 13px;}
  .product-list .n-area .left a.more::before{width: 40px;height: 40px;line-height: 37px;}

  .news{padding-bottom: 30px;}
  .news .block-1 #newSwiper .swiper-slide .info .title,.news .block-2 .ul .li .info .text h2,.news .block-3 .block .left .info .text h2,.news .block-3 .block .right .li h2{font-size: 24px;}

  .news-list .info h2{font-size: 24px;}
  .news-info .n-area .left{width: 100%;border: 0;padding-right: 0;}
  .news-info .n-area .left .info .newstit,.news-info .n-area .right>h2{font-size: 26px;}
  .news-info .n-area .right{width: 100%;}
  .news-info .n-area .right .ul{display: flex;flex-wrap: wrap;}
  .news-info .n-area .right .ul .li{width: calc(50% - 7.5px);margin-right: 15px;margin-bottom: 15px;}
  .news-info .n-area .right .ul .li:nth-child(2n){margin-right: 0;}

  .culture .li .info .title h3{font-size: 28px;}
  .culture .li .info .content{padding-top: 40px;}
  
  .contact .block-1 .block .li .info{padding: 0 15px;}
  .contact .block-1 .block .li .info .left,.contact .block-1 .block .li .info .right{width: 50%;}
  .contact .block-3 .tit{padding: 0;}
  .contact .block-3 form p{width: 30%;}

  .case .tit{padding-bottom: 35px;}
  .case .li .info h2{font-size: 26px;}
  .case .li .info i{font-size: 65px;}
  .case .li{margin-bottom: 35px;}

  .case-info .block-5 form p{width: 30%;}
}
@media screen and (min-width: 0px) and (max-width:1024px){
  .company .block-3 .block .right{width: 50%;}

}

@media screen and (min-width: 0px) and (max-width:992px){
  .col-sm-6:nth-child(2n-1){padding-right: 7.5px;}
  .col-sm-6:nth-child(2n){padding-left: 7.5px;}
  .tit2 h2,.tit h2{font-size: 32px;}
  .tit b{font-size: 60px;}
  .tit2 h3{font-size: 24px;padding-bottom: 15px;}

  .product .tit2 .content{width: calc(100% - 320px);}
  .product .service{padding-top: 80px;}
  .product .service .info h2{font-size: 22px;}
  .product .service .info svg{height: 45px;}

  .product-info .n-area .left{width: 100%;padding-right: 0;max-width: 670px;margin: 0 auto;margin-bottom: 15px;}
  .product-info .n-area .right{width: 100%;}
  .product-info .n-area .right .info{padding-left: 0;}
  .product-info .block-2{padding: 35px 0;}
  .product-info .block-2 .content{font-size: 14px;padding-bottom: 15px;}
  .product-info .block-2 .out-info{margin-bottom: 15px;}
  .product-info .block-4 #cjSwiper .text{line-height: 75px;}
  .product-info .block-5 form{margin-top: 0;}
  .product-info .block-5 form p{order: -1;width: 100%;}
  .product-info .block-5 form .v-code{width: calc(100% - 200px);}

  .news .block-1 #newSwiper .swiper-slide .info .title, .news .block-2 .ul .li .info .text h2, .news .block-3 .block .left .info .text h2, .news .block-3 .block .right .li h2{font-size: 21px;}
  .news .block-1 #newSwiper .swiper-slide .info{width: 60%;}
  .news .block-1 #newSwiper .swiper-slide .info .content{margin-bottom: 90px;}
  .news .block-3 .block .right .li{margin-bottom: 15px;}
  .news .block-3 .block .left .info .img{height: 345px;}

  .news-list .info h2{font-size: 22px;}
  .news-list .img{width: 320px;}
  .news-list .info{width: calc(100% - 320px);}
  .news-info .n-area .right .ul .li h3{font-size: 18px;}

  .culture .li .info{padding: 45px 30px;}
  .culture .li .info i{font-size: 60px;line-height: 60px;height: 60px;width: 80px;}
  .culture .li .info .title h3{font-size: 26px;line-height: 30px;padding-top: 5px;}
  .culture .li .info .title p{line-height: 30px;padding-top: 15px;}
  .culture .li .info .content{line-height: 35px;padding-top: 20px;font-size: 14px;}

  .contact .block-1 .block{flex-wrap: wrap;}
  .contact .block-1 .block .li{width: 100%;}
  .contact .block-1 .block .li:first-child .info{max-width: none;padding-bottom: 15px;}
  .contact .block-1 .block .li .info .left h2{padding-bottom: 10px;}
  .contact .block-1 .block .li .info .right p:nth-child(2){padding-bottom: 25px;}
  .contact .block-1 .tit{padding: 50px 0 25px;}
  .contact .block-3 .tit{padding: 0;}
  .contact .block-2 .n-area .info h3{font-size: 20px;}
  .contact .block-2 .n-area .info h2{font-size: 26px;}
  .contact .block-2 .n-area .info i{width: 50px;height: 50px;font-size: 24px;line-height: 39px;}
  .contact .block-3 form{margin-top: 0;}
  .contact .block-3 form p{order: -1;width: 100%;}
  .contact .block-3 form .v-code{width: calc(100% - 200px);}

  .case-info .block-1{position: relative;padding-bottom: 0;}
  .case-info .block-1 .right{width: 100%;height: 100%;position: absolute;}
  .case-info .block-1 .left{width: 90%;position: relative;z-index: 2;max-width: none;background-color: #fff;margin: 5%;padding: 30px;border-radius: 10px;}
  .case-info .block-5 form{margin-top: 0;}
  .case-info .block-5 form p{order: -1;width: 100%;}
  .case-info .block-5 form .v-code{width: calc(100% - 200px);}

  .intro .block-1 .ul .li p b{font-size: 50px;height: 62px;}

  .company .block-1{margin-bottom: 50px;}
  .company .block-1 .left .tit{padding: 50px 0 35px;}
  .company .block-1 .left{width: 100%;max-width: none;padding: 0 15px;}
  .company .block-1 .info .content{line-height: 40px;}
  .company .block-1 .info a{margin-bottom: 0;}
  .company .block-1 .right{position: relative;width: 100%;}
  .company .block-1 .right .sticky{position: relative;display: flex;padding-top: 15px;}
  .company .block-1 .right .ul{width: 50%;}
  .company .block-1 .right .img{width: 50%;}
  .company .block-2 .info h3{font-size: 26px;}
  .company .block-2{padding: 60px 0;}
  .company .block-3{padding: 80px 0;}
  .company .block-3 .block .right .info h3{font-size: 32px;line-height: 80px;}
  

  .company .block-4{padding: 80px 0 40px;}
  .company .block-4 .tit{text-align: center;}
  .company .block-4 .tit h2{margin-bottom: 15px;}
  .company .block-4 .tit h2 b{left: 50%;transform: translate(-50%,-50%);}
  .company .block-4 .tit .ul .li h3{font-size: 40px;}
  .company .block-4 .tit .ul{position: relative;width: 100%;max-width: none;}
}

@media screen and (min-width: 0px) and (max-width:768px){
  .n-nav{padding: 20px 15px;}
  .tit b{font-size: 48px;}
  .tit p{font-size: 18px;}
  .col-xs-6:nth-child(2n-1){padding-right: 7.5px;}
  .col-xs-6:nth-child(2n){padding-left: 7.5px;}

  .product .service .info{margin-bottom: 10px;}
  
  .product{padding: 60px 0;}
  .product .class-ul{padding-bottom: 20px;}
  .product .ul .li{margin-top: 40px;}
  .product .ul .li .left{width: 50%;}
  .product .ul .li .right{width: 50%;}
  .product .ul .li .left .catname h2{width: 60%;text-align: center;}
  .product .ul .li .outSwiper .info .in-info{padding: 10px 15px 0;}
  .product .ul .li .left .catname a{font-size: 14px;}

  .product-info .n-area .right .info h2{font-size: 24px;}
  .product-info .block-1 .nav-anchor .li a{font-size: 15px;}
  .product-info .block-2 .out-info .info h3{font-size: 18px;}
  .product-info .block-2 .out-info .info p{font-size: 14px;line-height: 25px;}
  .product-info .block-3 .tit2{padding-bottom: 5px;}
  .product-info .block-3 .content{padding: 20px;}
  .product-info .block-4{padding: 35px 0;}
  .product-info .block-4 .tit2 p{padding: 5px 0 15px;}
  .product-info .block-4 #cjSwiper .text{font-size: 18px;line-height: 55px;}
  .product-info .block-5{margin-bottom: 40px;}
  .product-info .block-5 .tit2 h3{padding-bottom: 0;}
  .product-info .block-5 form input,.product-info .block-5 form textarea,.product-info .block-5 form .v-code{width: 49%;margin-right: 2%;margin-bottom: 15px;}
  .product-info .block-5 form input:nth-child(2),.product-info .block-5 form .v-code{margin-right: 0;}
  .product-info .block-5 form .v-code input,.product-info .block-5 form .v-code img{width: 50%;}
  .product-info .block-5 form a{line-height: 50px;}
  .product-info .block-6 .tit2{padding-bottom: 15px;}
  .product-info .block-7 .tit2{padding: 40px 0 15px;}
  .product-info{padding-bottom: 50px;}

  .news .block-1 #newSwiper .swiper-slide .info .tit h2{font-size: 24px;}
  .news .block-1 .n-area>.tit{padding-bottom: 25px;}
  .news .block-2 .tit,.news .block-3 .tit{margin-bottom: 20px;}
  .news .block-1 #newSwiper .swiper-slide .info .title, .news .block-2 .ul .li .info .text h2, .news .block-3 .block .left .info .text h2, .news .block-3 .block .right .li h2{font-size: 19px;}

  .news-list .info h2{font-size: 20px;}
  .news-list .info{padding-left: 20px;}
  .news-list .n-area{padding: 30px 0;}
  .news-info .n-area .left .info .newstit, .news-info .n-area .right>h2{font-size: 24px;}
  .news-info .n-area .left .info .newsContent{font-size: 14px;}
  .news-info .n-area .right .ul .li h3{font-size: 16px;}
  .news-info .n-area .right{padding-top: 20px;}
  .news-info{padding-bottom: 60px;}

  .honor .n-nav{margin-bottom: 40px;}
  .honor .block .img p{line-height: 60px;}
  .strength .n-nav{margin-bottom: 30px;}
  .strength .block .row>div{margin-bottom: 10px;}
  .strength .block a p{font-size: 14px;line-height: 60px;}

  .custom .block-1{margin-bottom: 65px;}
  .custom .block-1 .block{padding: 70px 5% 50px;}
  .custom .block-1 .block .ul .li,.custom .block-1 .block .ul .li:last-child{width: 25%;min-width: 15px;}
  .custom .block-2{padding-bottom: 70px;}
  .custom .block-2 .li .info p{font-size: 14px;}
  .custom .block-2 .li .info h2{margin-bottom: 15px;}
  .custom .block-3 .block{padding: 15px 15px 5px;}

  .culture .li{position: relative;margin-bottom: 15px;}
  .culture .li .info{position: relative;z-index: 2;background-color: rgba(255, 255, 255, .8);width: 100%;padding: 30px 20px;box-shadow: 0 2px 5px rgba(0,0,0,0.07);}
  .culture .li .info .title h3{font-size: 24px;}
  .culture .li .info .title p{padding-top: 5px;}
  .culture .li .img{position: absolute;width: 100%;height: 100%;}
  .culture .li .info .content{padding-top: 0;}

  .course .li .left{width: 100px;}
  .course .li .right{width: calc(100% - 100px);padding-left: 35px;}
  .course .li .right .info h3{font-size: 22px;}

  .contact .block-2 #dituContent{height: 500px;}
  .contact .block-3{margin-bottom: 40px;}
  .contact .block-3 .tit h2{padding-bottom: 0;}
  .contact .block-3 form input,.contact .block-3 form textarea,.contact .block-3 form .v-code{width: 49%;margin-right: 2%;margin-bottom: 15px;}
  .contact .block-3 form input:nth-child(2),.contact .block-3 form .v-code{margin-right: 0;}
  .contact .block-3 form .v-code input,.contact .block-3 form .v-code img{width: 50%;}
  .contact .block-3 form a{line-height: 50px;}

  .case .li {padding: 50px 30px;border-radius: 10px;}
  .case .li .info{border-radius: 10px;}
  .case .li .info i{font-size: 55px;line-height: 55px;bottom: 50px;}
  .case .li .info h2{font-size: 24px;}
  .case .li .info p{line-height: 30px;font-size: 14px;}

  .case-info{padding-top: 50px;}
  .case-info .block-1 .tit{padding-bottom: 30px;}
  .case-info .block-1 .content{padding-bottom: 40px;}
  .case-info .block-1 .tit h2{font-size: 28px;}
  .case-info .block-1 .tit p{font-size: 22px;}
  .case-info .block-4 .info{padding: 15px 15px 5px;}

  .case-info .block-2{padding: 45px 0;}
  .case-info .block-3{padding: 50px 0;}
  .case-info .block-3 .n-area{flex-wrap: wrap;}
  .case-info .block-3 .n-area .left{width: 100%;position: relative;}
  .case-info .block-3 .tit p{padding-bottom: 0;margin-bottom: 30px;}
  .case-info .block-3 .n-area .left a{position: absolute;right: 0;bottom: 0;}
  .case-info .block-3 .n-area .right{width: 100%;padding-left: 0;}
  .case-info .block-3 .n-area .right h2{padding-bottom: 15px;}
  .case-info .block-5{margin-bottom: 40px;padding-top: 35px;margin-top: 40px;}
  .case-info .block-5 .tit2 h3{padding-bottom: 0;}
  .case-info .block-5 form input,.case-info .block-5 form textarea,.case-info .block-5 form .v-code{width: 49%;margin-right: 2%;margin-bottom: 15px;}
  .case-info .block-5 form input:nth-child(2),.case-info .block-5 form .v-code{margin-right: 0;}
  .case-info .block-5 form .v-code input,.case-info .block-5 form .v-code img{width: 50%;}
  .case-info .block-5 form a{line-height: 50px;}

  .intro .block-1 .tit{padding: 50px 0;}
  .intro .block-1 .tit h2{font-size: 28px;}
  .intro .block-1 .content{font-size: 14px;padding-top: 45px;}
  .intro .block-1 .img-book{flex-wrap: wrap;}
  .intro .block-1 .img-book .left,.intro .block-1 .img-book .right{width: 100%;}
  .intro .block-1 .ul .li p{height: auto;margin-right: 0;margin-left: 0!important;width: 100%;padding: 25px 0;}
  .intro .block-1 .ul .li p span{max-width: calc(100% - 80px);}

  .company .block-1{margin-bottom: 0;}
  .company .block-1 .left .ul .li p{height: auto;padding: 25px 0;}
  .company .block-1 .left .ul .li p b{font-size: 50px;height: 64px;}
  .company .block-1 .left .ul .li p span{width: calc(100% - 80px);font-size: 16px;text-align: right;}
  .company .block-1 .right .ul .li h2{font-size: 40px;}
  .company .block-1 .right .ul{width: 100%;}
  .company .block-1 .right .img{display: none;}
  .company .block-2 .info{height: auto;padding: 40px 10% 45px 50px;margin-bottom: 20px;}
  .company .block-2 .info span{left: 25px;}
  .company .block-2 .info h3{font-size: 22px;padding-bottom: 15px;}
  .company .block-2{padding-bottom: 30px;}
  .company .block-4 .tit .ul{display: none;}
  .company .block-4 #honSwiper{padding-top: 30px;}
  .company .block-4 .img p{line-height: 50px;}
  .company .block-5{padding: 75px 0 40px;}
}

@media screen and (min-width: 0px) and (max-width:640px){
  .product{padding: 45px 0;}
  .product .tit2{margin-bottom: 25px;text-align: center;}
  .product .tit2 .content{display: none;}

  .news{padding: 35px 0;}
  .news .block-1{padding-bottom: 40px;}
  .news .block-1 .n-area>.tit{padding-bottom: 20px;}
  .news .block-1 #newSwiper .swiper-slide .info{width: 130%;padding: 15px;}
  .news .block-1 #newSwiper .swiper-slide .info .content{margin-bottom: 40px;}
  .news .block-1 #newSwiper .swiper-slide .info .tit{margin-bottom: 50px;}
  .news .block-2{padding: 55px 0 30px;}
  .news .block-2 .ul{flex-wrap: wrap;}
  .news .block-2 .ul .li{padding-right: 0!important;padding-left: 0!important;width: 100%;margin-bottom: 15px;}
  .news .block-2 .tit, .news .block-3 .tit{margin-bottom: 15px;}
  .news .block-3{padding: 55px 0 0;}
  .news .block-3 .block{flex-wrap: wrap;}
  .news .block-3 .block>div{width: 100%;padding-right: 0!important;padding-left: 0!important;margin-bottom: 15px;}
  .news .block-3 .block .left .info .img{height: auto;padding-top: 60%;}

  .news-list .img{display: none;}
  .news-list .info{width: calc(100%);}
  .news-list .n-area{padding: 25px 0;}

  .custom .block-1 .block .ul .li, .custom .block-1 .block .ul .li:last-child{width: 33.333333%;}
  .custom .block-1 .block .ul .li .info p,.custom .block-1 .block .des{font-size: 14px;}
  .custom .block-1 .block>a{width: 250px;margin-top: 20px;font-size: 15px;}

  .contact .block-1 .tit{padding-bottom: 10px;}
  .contact .block-1 .block .li .info .left{border: 0;}
  .contact .block-1 .block .li .info .right{padding-top: 20px;padding-left: 0;}
  .contact .block-1 .block .li .info .right h3{padding-bottom: 15px;line-height: 30px;}
  .contact .block-1 .block .li .info .right h3 i{line-height: 30px;}
  .contact .block-1 .block .li .info .left p{width: 100%;}
  .contact .block-1 .block .li .info .left h3 i{line-height: 60px;}
  .contact .block-1 .block .li .info .left h3{line-height: 60px;margin-right: 10px;}
  .contact .block-1 .block .li .info .right p{width: calc(100% - 90px);padding-bottom: 15px!important;}
  .contact .block-1 .block .li .info .left, .contact .block-1 .block .li .info .right{width: 100%;display: flex;flex-wrap: wrap;}
  .contact .block-2 .n-area{display: none;}

  .case-info .block-2 .p-n .swiper-button-next, .case-info .block-2 .p-n .swiper-button-prev{width: 50px;height: 50px;}
  .case-info .block-2 .p-n .swiper-button-next::after, .case-info .block-2 .p-n .swiper-button-prev::after{line-height: 48px;}
}
@media screen and (min-width: 0px) and (max-width:440px){
  .n-nav{padding: 15px 15px;}
  .tit h2{font-size: 28px;}
  .tit2 h2{font-size: 28px;}
  .tit2 h3{font-size: 20px;}
  .tit p{font-size: 15px;}

  .product .service{padding-top: 65px;}
  .product .service .info{height: 250px;}
  .product .service .info h2{font-size: 18px;}
  .product .service a{margin-top: 30px;}

  .product .ul .li{margin-top: 20px;}
  .product .ul .li .left .catname h2{font-size: 17px;}
  .product .ul .li .left .catname a{font-size: 12px;}
  .product .ul .li .outSwiper .info{padding-bottom: 10px;}
  .product .ul .li .outSwiper .info .in-info{padding: 10px 10px 0;}
  .product .ul .li .outSwiper .info p{font-size: 14px;}
  .product .ul .li .outSwiper .info a{font-size: 13px;}

  .product-info{padding-bottom: 35px;}
  .product-info .block-1 .re a{margin: 15px 0;font-size: 14px;}
  .product-info .block-1{padding-bottom: 90px;}
  .product-info .block-1 .nav-anchor .li a{font-size: 14px;}
  .product-info .n-area .right .info .ul .li{font-size: 13px;}
  .product-info .n-area .right .info .ul .li i{margin-right: 2px;}
  .product-info .block-2 .out-info .info h3{font-size: 15px;padding-bottom: 10px;}
  .product-info .block-3 .content{font-size: 14px;line-height: 30px;padding: 15px;}
  .product-info .block-4 #cjSwiper .text{font-size: 15px;}
  .product-info .block-5{margin-bottom: 30px;padding: 30px 0;}
  .product-info .block-5 form input{line-height: 50px;}
  .product-info .block-5 form textarea{width: 100%;margin-right: 0;line-height: 50px;}
  .product-info .block-5 form .v-code{margin-bottom: 0;width: calc(100% - 140px);}
  .product-info .block-5 form .v-code img{height: 50px;}
  .product-info .block-5 form a{max-width: 140px;}
  .product-info .block-6 .tit2{padding-bottom: 10px;}
  .product-info .block-6 .info{padding: 15px;padding-bottom: 5px;}
  .product-info .block-7 .tit2{padding: 30px 0 10px;}
  .product-info .block-7 .info p{font-size: 14px;}
  .product-info .block-7 .info a{font-size: 13px;}
  .product-info .block-7 .info .in-info{padding: 0 10px;}
  .product-info .block-7 .info{padding-bottom: 10px;}

  .product-list{padding: 30px 0;}
  .product-list .n-area .info{padding-bottom: 10px;}
  .product-list .n-area .info .in-info{padding: 10px 10px 0;}
  .product-list .n-area .info p{font-size: 14px;}
  .product-list .n-area .info a{font-size: 13px;}
  .product-list .n-area .class-ul{margin-bottom: 20px;}
  .product-list .n-area .class-ul>.li>a{font-size: 14px;}

  .news .block-1 #newSwiper .swiper-slide .info .title, .news .block-2 .ul .li .info .text h2, .news .block-3 .block .left .info .text h2, .news .block-3 .block .right .li h2{font-size: 17px;}
  .news .block-2 .ul .li .info .text a,.news .block-2 .ul .li .info .text span,.news .block-3 .block .left .info .text a,.news .block-3 .block .left .info .text span,.news .block-1 #newSwiper .swiper-slide .info>a{line-height: 40px;}
  .news .block-2 .ul .li .info .text a::before,.news .block-3 .block .left .info .text a::before,.news .block-1 #newSwiper .swiper-slide .info>a::before{width: 40px;height: 40px;line-height: 38px;}

  .news-list .n-area{padding: 15px 0;}
  .news-list .info h2{font-size: 18px;}
  .news-list .info{padding-left: 5px;}
  .news-list .info{padding: 15px 0 5px;}
  .news-list .info span{line-height: 40px;}
  .news-list .info a{line-height: 40px;}
  .news-list .info a::before{width: 40px;height: 40px;line-height: 37px;}

  .news-info .n-area .left .info .newsContent{padding-bottom: 25px;margin-bottom: 20px;}
  .news-info .n-area .left .info .addinfo{margin-bottom: 10px;}
  .news-info .n-area .left{padding-top: 30px;}
  .news-info .n-area .left .info .time{font-size: 14px;}
  .news-info .n-area .left .info .newstit{font-size: 19px;line-height: 35px;}
  .news-info .n-area .right .ul .li h3{font-size: 15px;}
  .news-info .n-area .right .ul .li p{font-size: 13px;}
  .news-info .n-area .right .ul .li{padding: 15px;}
  .news-info .n-area .right>h2{padding-bottom: 10px;}
  .news-info{padding-bottom: 35px;}
  .news-info .n-area .right .ul .li a{font-size: 14px;}
  .page-turning{line-height: 30px;}

  .honor .n-nav{margin-bottom: 30px;}
  .honor .block .img p{font-size: 14px;line-height: 50px;}

  .custom{padding: 40px 0;}
  .custom .block-1 .tit p{padding-bottom: 20px;}
  .custom .block-1 .block{padding-top: 55px;}
  .custom .block-1 .block .des{padding: 0 0 25px;}
  .custom .block-1 .block .ul .li, .custom .block-1 .block .ul .li:last-child{width: 50%;}

  .culture{padding-bottom: 30px;}
  .culture .li .info .title h3{font-size: 22px;}
  .culture .li .info i{font-size: 45px;width: 65px;}
  .culture .li .info .title{width: calc(100% - 65px);padding-bottom: 10px;}
  .culture .li .info .title p{font-size: 14px;}
  .culture .li .info .content{font-size: 13px;line-height: 30px;}

  .course .li .left h3{font-size: 25px;}
  .course .li .left{width: 85px;}
  .course .li .right{width: calc(100% - 90px);}
  .course .li .right .info h3::after{right: -14px;}
  .course .li .right .info .content{font-size: 14px;line-height: 30px;}

  .contact .block-1 .block .li h3{font-size: 17px;}
  .contact .block-1 .block .li .img p{font-size: 15px;font-weight: normal;}
  .contact .block-1 .block .li:last-child{padding: 40px 0;}
  .contact .block-1 .block .li .info .left h2{font-size: 28px;}
  .contact .block-2 #dituContent{height: 400px;}
  .contact .block-3 .tit h2{padding-top: 10px;font-size: 26px;}
  .contact .block-3{margin-bottom: 30px;padding: 30px 0;}
  .contact .block-3 form input{line-height: 50px;}
  .contact .block-3 form textarea{width: 100%;margin-right: 0;line-height: 50px;}
  .contact .block-3 form .v-code{margin-bottom: 0;width: calc(100% - 140px);}
  .contact .block-3 form .v-code img{height: 50px;}
  .contact .block-3 form a{max-width: 140px;}
  .contact .block-3{margin-bottom: 20px;}

  .case-info .block-1 .left{padding: 25px;margin: 30px 20px;}
  .case-info .block-1 .tit{padding-bottom: 20px;}
  .case-info .block-1 .tit h2{font-size: 24px;}
  .case-info .block-1 .tit p{font-size: 17px;}
  .case-info .block-1 .content{font-size: 14px;padding-bottom: 25px;}
  .case-info .block-1 .ul .li i{font-size: 40px;line-height: 40px;}
  .case-info .block-2 #slSwiper{padding-top: 25px;}
  .case-info .block-2 .p-n{margin-top: 10px;}
  .case-info .block-2{padding-bottom: 30px;}
  .case-info .block-3 .n-area .left a{width: 50px;height: 50px;line-height: 49px;}
  .case-info .block-3 .n-area .right .li{font-size: 14px;}
  .case-info .block-3{padding-bottom: 35px;}
  .case-info .block-5{margin-bottom: 30px;padding: 30px 0;}
  .case-info .block-5 form input{line-height: 50px;}
  .case-info .block-5 form textarea{width: 100%;margin-right: 0;line-height: 50px;}
  .case-info .block-5 form .v-code{margin-bottom: 0;width: calc(100% - 140px);}
  .case-info .block-5 form .v-code img{height: 50px;}
  .case-info .block-5 form a{max-width: 140px;}

  .intro .block-1 .tit{padding: 40px 0;}
  .intro .block-1 .tit h2{font-size: 24px;}
  .intro .block-1 .content{padding-bottom: 185px;}
  .intro .block-1 .ul .li p b{margin-right: 10px;}
  .intro .block-1 .ul .li p span{font-size: 16px;}

  .company .block-1 .left .tit{padding-top: 40px;}
  .company .block-1 .right .ul .li h2{font-size: 32px;}
  .company .block-1 .left{padding: 0;}
  .company .block-3 #controlSwiper{padding-bottom: 55px;}
  .company .block-3 .block{flex-wrap: wrap;position: relative;}
  .company .block-3 .block .left{width: calc(100% + 30px);margin-left: -15px;margin-right: -15px;position: absolute;height: 100%;}
  .company .block-4{padding-top: 60px;padding-bottom: 30px;}
  .company .block-4 #honSwiper{padding-top: 15px;}
  .company .block-4 .more{padding-top: 30px;}
  .company .block-3 .tit{margin-bottom: 25px;}
  .company .block-3 .block .right{width: 100%;padding: 30px 20px;background-color: #fff;z-index: 2;margin: 30px 0;}
  .company .block-3 .block .right .info h3{line-height: 70px;}
  .company .block-3 .block .right .info p{margin-top: 15px;}
  .company .block-3{padding: 65px 0 0;}
  .company .block-5{padding: 65px 0 30px;}
  .company .block-5 .p-n .swiper-button-next, .company .block-5 .p-n .swiper-button-prev{width: 50px;height: 50px;}
  .company .block-5 .p-n .swiper-button-next::after, .company .block-5 .p-n .swiper-button-prev::after{line-height: 48px;}
  .company .block-5 .p-n{margin-top: 5px;}

  .case .li{margin-bottom: 20px;}
  .case .li .info h2{font-size: 22px;padding-bottom: 15px;}
  .case .li .info{padding: 30px 20px;}
  .case .li .info i{font-size: 35px;bottom: 25px;}
  .case .li .info p{margin-bottom: 50px;}
}
@media screen and (min-width: 0px) and (max-width:375px){

}

@media screen and (min-width: 0px) and (max-width:320px){

}