:root{
	--main-color: #0a9949;
	--main-color2: #1b439a;
}
.evenbg{background-color: #fafafa;}
.headerwrap{padding: 0 40px;transition: 0.5s;}
.wrap{width: 1680px;margin: 0 auto;max-width: 90%;}
.wrap1400{width: 1400px;margin: 0 auto;max-width: 90%;}
body{letter-spacing: 1px;background-color: #fff;}
.vmorebox{font-size: 18px;color: var(--main-color);position: relative;}
.vmorebox .more{border-radius: 32px;height: 64px;box-sizing: border-box;position: relative;overflow: hidden;transition: 0.6s;}
.vmorebox .more:after{content: "";display: block;width: 0;height: 100%;position: absolute;left: 0;top: 0;background-color: var(--main-color);transition: 0.6s;}
.vmorebox.hasborder .more:hover{border-color: var(--main-color);}
.vmorebox.hasborder .more:hover:after{width: 100%;}
.vmorebox.fcfff{color: #fff;}
.vmorebox .vtext{margin-right: 10px;position: relative;z-index: 2;}
.vmorebox img{position: relative;z-index: 2;}
.vmorebox.hasborder .more{border-radius: 32px;height: 64px;box-sizing: border-box;border: 1px solid #fff;padding: 0 60px;}
.vmorebox.hasbg .more{border-radius: 24px;height: 48px;box-sizing: border-box;background-color: var(--main-color2);padding: 0 18px;}
.vmorebox.hasbg .more:hover:after{width: 100%;}
/* 导航 */
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9;transition: 0.3s;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}
header.tosmall{top: -90px;}
.headerbox{transition: 0.3s;}
.logobox .logo{position: relative;height: 43px;}
.logobox .logo .img{display: block;transition: 0.3s;height: 100%;}
.logobox .logo .img:first-child{position: relative;z-index: 1;}
.logobox .logo .img:last-child{position: absolute;top: 0;left: 0;z-index: 0;}
.logobox .textbox{font-size: 16px;color: #fff;padding-left: 16px;margin-left: 23px;border-left: 1px solid #fff;transition: 0.3s;}
.headerbox .navbox{color: #fff;font-size: 20px;transition: 0.3s;}
.headerbox .navbox .partbox:not(:first-child){margin-left: 41px;}
.headerbox .navbox .partbox>a{display: block;position: relative;line-height: 90px;transition: 0.3s;}
.headerbox.tosmall .navbox .partbox.on>a,.headerbox .navbox .partbox>a:hover{color: var(--main-color);}
.headerbox .serachbox{padding-left: 30px;position: relative;}
.headerbox .serachbox .partbox{width: 46px;height: 46px;position: relative;border-radius: 50%;background-color: #fff;margin-left: 35px;transition: 0.3s;}
.headerbox .serachbox .partbox .img{display: block;width: 100%;transition: 0.3s;}
.headerbox .serachbox .partbox .img:first-child{position: relative;z-index: 2;}
.headerbox .serachbox .partbox .img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;}
.headerbox .serachbox .partbox:hover{background-color: var(--main-color);}
.headerbox .serachbox .partbox:hover .img:first-child{position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;}
.headerbox .serachbox .partbox:hover .img:nth-child(2){position: relative;z-index: 2;opacity: 1;}
.headerbox .serachbox .partbox .list { position: absolute; top: 46px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0); z-index: 5; width: 46px; /*padding-top: 4px; */text-align: center; display: none;background: #fff;padding-top: 12px;padding-bottom: 12px;line-height: 22px;border-radius: 20px;}
.headerbox .serachbox .partbox .list a{color: #333;}
.headerbox .serachbox .partbox .list a:hover{color: var(--main-color);}
.headerbox .serachbox .realsearch{position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: -1;opacity: 0;pointer-events: none;transition: 0.6s;}
.headerbox .serachbox .realsearch .searchform{border-radius: 8px;overflow: hidden;}
.headerbox .serachbox .realsearch .searchform .searchinput{width: 300px;height: 50px;border: none;outline: none;box-sizing: border-box;padding-left: 10px;background-color: var(--main-color);color: #fff;font-size: 16px;}
.headerbox .serachbox .realsearch .searchform .searchsubmit{width: 50px;height: 50px;border: none;outline: none;box-sizing: border-box;background: var(--main-color) url(../images/searchon.png) center center no-repeat;cursor: pointer;}
.headerbox .serachbox .realsearch .searchform .searchinput::placeholder{color: #fff;font-size: 16px;}
.headerbox .serachbox .realsearch .searchclose{position: relative;width: 40px;height: 50px;cursor: pointer;}
.headerbox .serachbox .realsearch .searchclose div{position: absolute;left: 5px;width: 30px;height: 2px;background-color: var(--main-color);transition: 0.6s;}
.headerbox .serachbox .realsearch .searchclose div:nth-child(1){top: 24px;transform: rotateZ(45deg);}
.headerbox .serachbox .realsearch .searchclose div:nth-child(2){top: 24px;transform: rotateZ(-45deg);}
.headerbox.searchshow .serachbox .realsearch{opacity: 1;z-index: 2;pointer-events: auto;}
.headerbox.searchshow .navbox{transform: scaleY(0);}
.headerbox.searchshow .serachbox .partbox{transform: scaleY(0);}
.headerbox.tosmall{background-color: #fff;}
.headerbox.tosmall .logobox .logo .img:first-child{position: absolute;top: 0;left: 0;height: 100%;z-index: 0;}
.headerbox.tosmall .logobox .logo .img:last-child{position: relative;z-index: 1;}
.headerbox.tosmall .logobox .textbox{color: #999;border-color: #999;}
.headerbox.tosmall .navbox{color: #333;}
.headerbox.neiheader{background-color: #fff;}
.headerbox.neiheader .logobox .logo .img:first-child{position: absolute;top: 0;left: 0;height: 100%;z-index: 0;}
.headerbox.neiheader .logobox .logo .img:last-child{position: relative;z-index: 1;}
.headerbox.neiheader .logobox .textbox{color: #999;border-color: #999;}
.headerbox.neiheader .navbox{color: #333;}
.headerbox.neiheader .navbox .partbox.on>a{color: var(--main-color);}
/* 首页banner */
.hbannerswiper .partbox{position: relative;}
.hbannerswiper .partbox .bgimg{width: 100%;object-fit: cover;
    min-height: 500px;}
.hbannerswiper .partbox .textbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;}
.hbannerswiper .partbox .textbox .flexbox{height: 100%;}
.hbannerswiper .partbox .textbox .wordbox div{font-size: 3.125vw;position: relative;margin-right: 13px;/*opacity: 0;*/}
.hbannerswiper .partbox .textbox .wordbox .big{font-size: 5.2083333333vw;line-height: 1.2;margin-right: 19px;}
.hbannerswiper .btn{ position: absolute;top: 50%; right: 0px; z-index: 9; width:100%;height:0; }
.hbannerswiper .swiper-button-prev,

.hbannerswiper .swiper-button-next{width: 63px;height: 63px;margin: 0 0 0 8px;background: no-repeat center;/* position: static; */ margin-top:-31px;
-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s;transition-duration: 0.4s;background-size:24px 46px;}
/* .hbannerswiper .swiper-button-prev { background-image: url(../images/left.png);float: left; margin-left:20px;opacity:1.0;filter:Alpha(opacity=100);}
.hbannerswiper .swiper-button-prev:hover {opacity:1.0;filter:Alpha(opacity=100);}
.main .banner .swiper-button-next {background-image: url(../images/right.png);float: right; margin-right:20px;opacity:1.0;filter:Alpha(opacity=100);}
.main .banner .swiper-button-next:hover {opacity:1.0;filter:Alpha(opacity=100);} */
.hbannerswiper .swiper-pagination { width: 100%;bottom: 32px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.hbannerswiper .swiper-pagination .swiper-pagination-bullet { width:10px; height: 10px;  margin: 0 5px; border-radius:50%; position:relative; z-index:0; overflow:hidden; background:none;opacity: 1;}
.hbannerswiper .swiper-pagination .swiper-pagination-bullet:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0;background:#fff;opacity:0.6;}
.hbannerswiper .swiper-pagination .swiper-pagination-bullet-active{ background:none; width:40px;border-radius:20px; }
.hbannerswiper .swiper-pagination .swiper-pagination-bullet:after{ content:""; width:0; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:1;}
.hbannerswiper .swiper-pagination .swiper-pagination-bullet-active:after{ width:100%;transition:all 5s;}


.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox{
	opacity: 0;
	animation:mymove9 2s; -webkit-animation:mymove9 2s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.6s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.6s;
}
@keyframes mymove9
{
from { filter:alpha(opacity=0);opacity:0;/*transform: scale3d(0, 0, 0);*/    -webkit-clip-path: inset(0 99% 0 0);
clip-path: inset(0 99% 0 0); opacity: 0; margin-left: -.5em; padding-left: .5em; margin-right: -.5em; padding-right: .5em;}
	to {filter:alpha(opacity=100);opacity:1; transition: width .84s cubic-bezier(.4,0,.5,.9) 2s,opacity .12s linear 2s,-webkit-clip-path .84s cubic-bezier(.4,0,.5,.9) 2s;
    transition: clip-path .84s cubic-bezier(.4,0,.5,.9) 2s,width .84s cubic-bezier(.4,0,.5,.9) 2s,opacity .12s linear 2s; transition: clip-path .84s cubic-bezier(.4,0,.5,.9) 2s,width .84s cubic-bezier(.4,0,.5,.9) 2s,opacity .12s linear 2s,-webkit-clip-path .84s cubic-bezier(.4,0,.5,.9) 2s;-webkit-clip-path: inset(0 -1px 0 0); clip-path: inset(0 -1px 0 0); }
}
/*.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox div{animation: hbword 0.5s linear forwards;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox div:nth-child(1){animation-delay: 0.3s;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox div:nth-child(2){animation-delay: 0.6s;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox div:nth-child(3){animation-delay: 0.9s;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox div:nth-child(4){animation-delay: 1.2s;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox div:nth-child(5){animation-delay: 1.5s;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox div:nth-child(6){animation-delay: 1.8s;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox div:nth-child(7){animation-delay: 2.1s;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox div:nth-child(8){animation-delay: 2.4s;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox div:nth-child(9){animation-delay: 2.7s;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox div:nth-child(10){animation-delay: 3s;}*/
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox .big.tryuan:after{content: "";display: block;width: 25px;height: 25px;box-sizing: border-box;border-radius: 50%;border: 1px solid #fff;position: absolute;top: 10px;right: 20px;animation: tryuan 0.6s 0.6s linear forwards;opacity: 0;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox .big.bryuan:after{content: "";display: block;width: 25px;height: 25px;box-sizing: border-box;border-radius: 50%;border: 1px solid #fff;position: absolute;bottom: -30px;right: -10px;animation: bryuan 0.6s 1.2s linear forwards;opacity: 0;}
@keyframes hbword{
	0%{opacity: 0;transform: translate(40px,-20px);}
	100%{opacity: 1;transform: translate(0px,0px);}
}
@keyframes tryuan{
	0%{opacity: 0;}
	100%{opacity: 1;right: -6px;}
}
@keyframes bryuan{
	0%{opacity: 0;}
	100%{opacity: 1;bottom: 0px;}
}
.hbannerswiper .partbox .textbox .des{font-size: 30px;margin-top: 45px;max-width: 785px;opacity: 0;transform: translateY(30px);transition: 1.2s;}
.hbannerswiper .swiper-slide-active .partbox .textbox .des{opacity: 1;transform: translateY(0);}
.hbannerswiper .partbox .textbox .vmorebox{margin-top: 75px;opacity: 0;transform: translateY(30px);transition: 1.2s;}
.hbannerswiper .swiper-slide-active .partbox .textbox .vmorebox{opacity: 1;transform: translateY(0);}
@media only screen and (max-width: 480px){
/* 首页banner */
.hbannerswiper .swiper-pagination{bottom: 20px;}
}
/* 标题通用样式 */
.htitlebox .title{font-size: 2.5vw;color: #333;}
.htitlebox .des{font-size: 3.75vw;color: #333;line-height: 1.2;}
.htitlebox.fcfff .title{color: #fff;}
.htitlebox.fcfff .des{color: #fff;}
/* hbox1 */
.hbox1{position: relative;}
.hbox1 .mainbox{padding-top: 153px;padding-bottom: 110px;pointer-events: none;}
.hbox1 .mainbox .text1{font-size: 2vw;margin-bottom: 5px;text-align:center;}
.hbox1 .mainbox .text2{font-size: 1.25vw;line-height: 2; color: #000;text-align:center;}
.hbox1 .mainbox .text1 span,.hbox1 .mainbox .text2 span{display: inline-block;}
.hbox1 .mainbox .text1 .p1{font-size: 2.6875vw;color: #000;}
.hbox1 .mainbox .text2 .p2{font-weight: bold;color: #d0d0d0;}
.hbox1 .mainbox .text2 .p3{font-weight: bold;}
.hbox1 .mainbox .text1 img{height: 64px;}
#lizi1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* hbox2 */
.hbox2{position: relative;}
.hbox2 .bgimgbox .partbox{position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: 0.6s;}
.hbox2 .bgimgbox .partbox.on{position: relative;z-index: 2;opacity: 1;}
.hbox2 .bgimgbox .partbox img{width: 100%;}
.hbox2 .mainbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;z-index: 2;color: #fff;padding-top: 120px;}
.hbox2 .mainbox .leftbox .textbox{position: relative;margin-top: 63px;}
.hbox2 .mainbox .leftbox .textbox .partbox{position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: 0.6s;pointer-events: none;}
.hbox2 .mainbox .leftbox .textbox .partbox.on{position: relative;z-index: 2;opacity: 1;pointer-events: auto;}
.hbox2 .mainbox .leftbox .textbox .partbox .des1{font-size: 36px;margin-bottom: 12px;}
.hbox2 .mainbox .leftbox .textbox .partbox .des2{font-size: 18px;margin-bottom: 32px;}
.hbox2 .mainbox .leftbox .textbox .partbox .more:hover{transform: translateX(10px);}
.hbox2 .mainbox .rightbox .flexbox2{align-items: stretch;}
.hbox2 .mainbox .rightbox .typebox .partbox{padding: 7px 11px;width: 192px;box-sizing: border-box;cursor: pointer;margin-bottom: 2px;border: 1px solid rgba(0, 0, 0, 0);transition: 0.6s;border-radius: 8px;}
.hbox2 .mainbox .rightbox .typebox .partbox.on{border: 1px solid #fff;box-shadow: 0 0 15px rgba(255, 255, 255, 0.2),0 0 15px rgba(255, 255, 255, 0.2) inset;}
.hbox2 .mainbox .rightbox .typebox .partbox:last-child{margin-bottom: 0;}
.hbox2 .mainbox .rightbox .typebox .partbox .imgbox{margin-right: 7px;height: 33px;}
.hbox2 .mainbox .rightbox .typebox .partbox .imgbox img{display: block;height: 100%;}
.hbox2 .mainbox .rightbox .mousebox{overflow: hidden;margin-right: 17px;}
.hbox2 .mainbox .rightbox .mousebox .mouse{width: 23px;height: 33px;position: relative;top: 9px;transition: 0.6s; box-sizing: border-box;/*border-radius: 11px;border: 2px solid #fff;*/background: url(../images/mouse.png) center center no-repeat;}
.hbox2 .mainbox .rightbox .mousebox .mouse:before{content: "";display: block;position: absolute;width: 1px;height: 300px;background-color: rgba(255, 255, 255, 1);bottom: 100%;left: 50%;}
.hbox2 .mainbox .rightbox .mousebox .mouse:after{content: "";display: block;position: absolute;width: 1px;height: 300px;background-color: rgba(255, 255, 255, 0.31);top: 100%;left: 50%;}
@media only screen and (max-width: 992px){
  .hbox2 .mainbox .rightbox .typebox .partbox.on{border: 0; box-shadow: 0 0 15px rgba(255, 255, 255, 0), 0 0 15px rgba(255, 255, 255, 0) inset;}
}
/* hbox3 */
.hbox3{position: relative;}
.hbox3 .bgimgbox{position: relative;}
.hbox3 .bgimgbox .partbox{position: relative;z-index: 2;opacity: 1;}
.hbox3 .bgimgbox .partbox img{width: 100%;}
.hbox3 .sweiperbox{padding: 10px 0;background-color: #eee;position: relative;}
.hbox3 .sweiperbox:after{content: "";display: block;width: 70%;height: 100%;margin-left: 30%;position: absolute;top: 0;left: 0;z-index: 2;background-image: radial-gradient(rgba(0, 0, 0, 0) 20%,rgba(249, 249, 249, 1) 70%,rgba(249, 249, 249, 1) 100%);}
.hbox3 .sweiperbox:before{content: "";display: block;width: 30%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: #f9f9f9;}
.hbox3 .hbox3swiper{margin-bottom: 10px;}
.hbox3 .hbox3swiper .fullbox{padding-top: 56.66666666666%;}
.hbox3 .hbox3swiper .swiper-wrapper{
-webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.hbox3 .mainbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;z-index: 3;color: #333;padding-top: 204px;pointer-events: none;}
.hbox3 .mainbox .leftbox .textbox{position: relative;margin-top: 63px;}
.hbox3 .mainbox .leftbox .textbox .partbox{position: relative;z-index: 2;opacity: 1;}
.hbox3 .mainbox .leftbox .textbox .partbox .des1{font-size: 36px;margin-bottom: 120px;}
.hbox3 .mainbox .leftbox .textbox .partbox .des2{font-size: 18px;margin-bottom: 32px;}
.hbox3 .mainbox .leftbox .textbox .partbox .vmorebox{pointer-events: auto;}
.hbox3 .mainbox .leftbox .textbox .partbox .more:hover{transform: translateX(10px);}
/* 特效样式 */
.img-show {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            z-index: 2;
            /*border: 2px solid #bebebe;
            border-radius: 15px;
            box-shadow: 8px 8px 20px rgba(0, 0, 0, .3), -8px -8px 20px rgba(0, 0, 0, .3);*/
            background: url(../images/hbox3bgimg1.jpg);
            background-size: cover;
        }
        .img-show .img-large {
            display: none;
            position: absolute;
            width: 250px;
            height: 250px;
            /*border: 2px solid #bebebe;*/
            border-radius: 125px;
            overflow: hidden;
            background-color: #fff;
        }
        /* 放大镜中间的准心 */
        .img-show .img-large::after {
            content: "+";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            color: #3e3e3e;
            font-size: 30px;
        }
        /* 放大镜显示时隐藏鼠标指针 */
        .img-show .img-large:hover {
            cursor: none;
        }
        .img-show .img-large img {
            position: absolute;
            width: 3840px;
            border-radius: 15px;
        }

/* hbox4 */
.hbox4{overflow: hidden;}
.hbox4 .mainbox{padding-top: 118px;padding-bottom: 36px;}
.hbox4 .swiperbox{margin-top: 60px;}
.hbox4swiper{overflow: visible;}
.hbox4swiper .partbox{display: block;}
.hbox4swiper .partbox .topbox{margin-bottom: 40px;}
.hbox4swiper .partbox .time{color: #a1a1a1;text-align: center;flex-shrink: 0;font-size: 16px;}
.hbox4swiper .partbox .titlebox{margin-left: 9px;padding-left: 15px;position: relative;font-size: 24px;color: #333;width: 100%;transition: 0.3s;}
.hbox4swiper .partbox .titlebox:before{content: "";display: block;width: 1px;height: 100%;background-color: #959595;position: absolute;top: 0;left: 0;}
.hbox4swiper .partbox .titlebox:after{content: "";display: block;width: 3px;height: 14px;background-color: #155eaa;position: absolute;top: 0;left: 0;}
.hbox4swiper .partbox .titlebox .type{margin-bottom: 9px;}
.hbox4swiper .partbox:hover .titlebox{color: var(--main-color);}
.hbox4swiper .partbox .guccbox{padding-top: 56.4873417%;}
.hbox4swiper .partbox .guccbox .imgbox{border-radius: 10px;}
.hbox4swiper .partbox .guccbox .imgbox img{transition: 0.6s;}
.hbox4swiper .partbox:hover .guccbox .imgbox img{transform: scale(1.05);}
.hbox4swiper .partbox:hover .more{transform: translateX(10px);}
.hbox4swiper .partbox .desbox{font-size: 18px;color: #333;margin-top: 24px;margin-bottom: 35px;height: 48px;}
.hbox4 .controlbox{height: 32px;position: relative;margin-top: 60px;}
.hbox4 .controlbox .swiper-button-prev{width: 32px;height: 32px;border-radius: 50%;overflow: hidden;background-color: var(--main-color);left: 0;margin-top: 0px;transform: translateY(-50%);}
.hbox4 .controlbox .swiper-button-next{width: 32px;height: 32px;border-radius: 50%;overflow: hidden;background-color: var(--main-color);right: 0;margin-top: 0px;transform: translateY(-50%);}
.hbox4 .controlbox .swiper-button-prev:after,.hbox4 .controlbox .swiper-button-next:after{font-size: 14px;color: #fff;}
.hbox4 .controlbox .swiper-scrollbar{background-color: #dcdcdc;height: 2px;margin: 0 45px;top: 15px;}
.hbox4 .controlbox .swiper-scrollbar-drag{background-color: var(--main-color);}
/* footer */
footer{background: #0c2640 url(../images/footerbg.png) top right no-repeat;background-size: cover;}
footer .mainbox{padding-top: 70px;}
footer .topbox{padding-bottom: 180px;}
footer .topbox .flogo{display: block;height: 79px;}
footer .topbox .flogo img{display: block;height: 100%;}
footer .fnav{color: #fff;font-size: 20px;}
footer .fnav .partbox{margin-left: 42px;transition: 0.3s;}
footer .fnav .partbox:hover{color: var(--main-color);}
footer .bottombox .partbox{align-items: stretch;color: #fff;}
footer .bottombox .partbox .markbox{width: 55px;height: 57px;box-sizing: border-box;border-radius: 8px;border: 1px solid #fff;margin-right: 14px;}
footer .bottombox .partbox .markbox img{width: 100%;}
footer .bottombox .partbox .text1{font-size: 16px;line-height: 1;}
footer .bottombox .partbox .pnum{font-size: 34px;line-height: 1;}
footer .bottombox .partbox .text2{font-size: 16px;line-height: 1;}
footer .bottombox .partbox .mnum{font-size: 24px;line-height: 1;}
footer .bottombox .partbox .text3{font-size: 18px;max-width: 250px;line-height: 28px;}
.copyrightbox{color: #acacac;padding: 23px 0;border-top: 1px solid #acacac;margin-top: 45px;font-size: 16px;}
.copyrightbox a{transition: 0.3s;}
.copyrightbox a:hover{color: #fff;}
@media only screen and (max-width: 992px){
  /* footer */
  footer{background: #0c2640;}
}
/* 侧边栏 */
.sidebox{position: fixed;top: 40%;right: 14px;z-index: 90;}
.sidebox .topbox{background-color: #fff;border-radius: 30px;width: 61px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);padding: 10px 0 20px;}
.sidebox .topbox .partbox{margin-bottom: 10px;}
.sidebox .topbox .partbox:last-child{margin-bottom: 0;}
.sidebox .topbox .partbox .iconbox{margin-bottom: 4px;}
.sidebox .topbox .partbox .iconbox.hasbg{width: 44px;height: 44px;position: relative;background-color: var(--main-color);z-index: 2;border-radius: 50%;}
.sidebox .topbox .partbox .iconbox.hasbg .imgbox{position: relative;z-index: 3;width: 100%;height: 100%;}
.sidebox .topbox .partbox .iconbox.hasbg:after,.sidebox .topbox .partbox .iconbox.hasbg:before{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: var(--main-color);border-radius: 50%;}
.sidebox .topbox .partbox .iconbox.hasbg:after{animation: sidedh 1s linear infinite;transform: scale(1);opacity: 0.8;}
.sidebox .topbox .partbox .iconbox.hasbg:before{animation: sidedh 1s 1s linear infinite;transform: scale(1);opacity: 0.8;}
.sidebox .topbox .partbox .iconbox.hasbg .tels{position: absolute;top: 0;line-height: 44px;height: 44px; color: #fff; background-color: var(--main-color); right: 0;
border-radius: 22px;width: 44px;overflow: hidden;transition:all 0.3s;text-indent: 44px;}
.sidebox .topbox .partbox .iconbox.hasbg:hover .tels{ padding-left: 15px;  padding-right: 44px; width: 150px;text-indent: 0;}
.sidebox .topbox .partbox .text{font-size: 12px;text-align: center;padding-bottom: 5px;border-bottom: 1px solid #e5e5e5;}
.sidebox .topbox .partbox .text.nobb{border: none;padding-bottom: 0;}
.sidebox .topbox .partbox:hover .text{color: var(--main-color);}
.sidebox .partbox .getfa{position: relative;}
.sidebox .partbox .qrcodeshowbox{position: absolute;right: 0%;bottom: 60px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);opacity: 0;z-index: -1;transition: 0.3s;}
.sidebox .partbox:hover .qrcodeshowbox{opacity: 1;z-index: 1;right: 110%;}
@keyframes sidedh{
	to{transform: scale(1.16);opacity: 0;}
}
.sidebox .bottombox{width: 61px;height: 61px;border-radius: 50%;background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);margin-top: 23px;transition: 0.3s;overflow: hidden;position: relative;}
.sidebox .bottombox .iconbox{width: 100%;height: 100%;cursor: pointer;position: relative;}
.sidebox .bottombox .iconbox img{width: 100%;position: relative;z-index: 2;}
.sidebox .bottombox .iconbox:after{content: "";background-color: var(--main-color);position: absolute;top: 0;left: 0;width: 100%;height: 0%;z-index: 1;transition: 0.6s;}
.sidebox .bottombox .iconbox:hover:after{height: 100%;top:unset;bottom: 0;}
.sidebox .bottombox .iconbox:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0);}
/* 鼠标跟随点 */
#followMouse{
  position: absolute;
  width: 138px;
  height: 138px;
  background: url(../images/morebg.png) center center no-repeat;
  background-size: cover;
  /*padding: 5px;*/
  display: block;
  opacity: 0;
  transform: scale(0);
  transition: 0.3s;
  z-index: 9;
  pointer-events: none;
}
#followMouse.on{
	opacity: 1;
	transform: scale(1.0);
}
#followMouse img{display: block;width: 100%;animation: zqqdh 5s linear infinite;}
@keyframes zqqdh{
	to{transform: rotateZ(360deg);}
}
/* 鼠标跟随点 end*/

/* 产品列表 */
.neibannerbox{}
.sec .neibannerbox{padding-top: 90px;}
.neibanner{position: relative;}
.neibanner .bgimg{width: 100%;}
.neibanner .textbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.neibanner .textbox .flexbox{height: 100%;}
.neibanner .textbox .wordbox div{/* font-size: 2.08333333vw; */margin-right: 13px;position: relative;color: #fff;}
.neibanner .textbox .wordbox .big{/* font-size: 3.541666666vw; */line-height: 1.2;margin-right: 19px;}
.neibanner .textbox .des{/* font-size: 20px; */margin-top: 45px;max-width: 400px;color: #fff;}
.neititlebox .rightbox{max-width: 930px;}
.neititlebox .title{/* font-size: 2.5vw; */color: #000;}
.neititlebox .title span{color: #d0d0d0;}
.neititlebox .entitle{/* font-size: 3.75vw; */ color: #d0d0d0;}
.neititlebox .des{/* font-size: 30px; */ color: var(--main-color2);line-height: 1.3;letter-spacing: 17px;}
.neititlebox .des2{/* font-size: 24px; */color: #333;line-height: 1.7;margin-top: 30px;}
.neititlebox .markbox{margin-top: 8px;margin-right: 16px;}
.probox1{padding-top: 108px;}
.probox1 .mainbox{margin-top: 72px;}
.probox1 .mainbox .partbox{align-items: stretch;border-radius: 10px;overflow: hidden;margin-bottom: 65px;display: block;padding: 0 55px;position: relative;}
.probox1 .mainbox .partbox .flexbox{position: relative;z-index: 2;}
.probox1 .mainbox .partbox.bgs1{background:linear-gradient(to right,#afc3dc,#d6e2ee 54%,#f3f9ff);}
.probox1 .mainbox .partbox.bgs2{background:linear-gradient(to left,#c2d9df,#d6eaf5 54%,#f5fbfd);}
.probox1 .mainbox .partbox.bgs3{background:linear-gradient(to right,#bde6e1,#d3efed 54%,#f3fffd);}
.probox1 .mainbox .partbox.bgs4{background:linear-gradient(to left,#f9eed2,#fdf1dd 54%,#fefbf3);}
.probox1 .mainbox .partbox.bgs5{background:linear-gradient(to right,#e9e0dd,#efe8e6 54%,#f5f0ef);}
.probox1 .mainbox .partbox.bgs6{background:linear-gradient(to left,#ceced0,#e3e3e3 54%,#f3f3f3);}
.probox1 .mainbox .partbox .box1{width: 100%;}
.probox1 .mainbox .partbox .box1 .fullbox{height: 530px;}
.probox1 .mainbox .partbox .box2{width: 450px;flex-shrink: 0;padding-left: 3%;}
.probox1 .mainbox .partbox:nth-child(2n) .box1{order: 1;}
.probox1 .mainbox .partbox:nth-child(2n) .box2{order: 0;padding-left: 0;padding-right: 3%;}
.probox1 .mainbox .partbox .entitle{/* font-size: 2.5vw; */line-height: 0.8;display: inline-block;vertical-align: top;}
.probox1 .mainbox .partbox .title{/* font-size: 36px; */margin-top: 15px;}
.probox1 .mainbox .partbox .des{/* font-size: 18px; */color: #666;margin-top: 60px;line-height: 1.6;letter-spacing: 0;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.probox1 .mainbox .partbox .vmorebox{margin-top: 35px;}
.probox1 .mainbox .partbox .bgbox{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-repeat: no-repeat;background-position: right bottom;background-size: 381px auto;}
.probox1 .mainbox .partbox:nth-child(2n) .bgbox{background-position: left bottom;}
.probox1 .mainbox .partbox.bgs1 .entitle{color: #bacbe1;}
.probox1 .mainbox .partbox.bgs2 .entitle{color: #a9d0e1;}
.probox1 .mainbox .partbox.bgs3 .entitle{color: #a5d3ce;}
.probox1 .mainbox .partbox.bgs4 .entitle{color: #e2d4b9;}
.probox1 .mainbox .partbox.bgs5 .entitle{color: #dec7be;}
.probox1 .mainbox .partbox.bgs6 .entitle{color: #b5bcc2;}
.probox1 .mainbox .partbox::before{background: -webkit-linear-gradient( rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));background: linear-gradient( rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));content:"";position: absolute;left: 0;top: 0;width:calc(97% - 505px);width:-webkit-calc(97% - 505px);width:-moz-calc(97% - 505px);transform: translateX(0);background-size: 300% 500%; opacity: 0; visibility: hidden;  transition: transform 1000ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 1000ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out;z-index: 10;height: 100%;}
.probox1 .mainbox .partbox.animated::before{ opacity: 0.6; visibility: visible;transform: translateX(-102%);}
.probox1 .mainbox .partbox:nth-child(2n)::before{left: auto;right: 0%;}
.probox1 .mainbox .partbox:nth-child(2n).animated::before{transform: translateX(102%);}
@media only screen and (max-width: 1200px){
/* 产品列表 */
.neibanner .textbox .des{margin-top: 4%;}
.probox1 .mainbox .partbox .box2{width: 400px;}
.probox1 .mainbox .partbox::before{width:calc(97% - 455px);width:-webkit-calc(97% - 455px);width:-moz-calc(97% - 455px);display: none;}
}

@media only screen and (max-width: 992px){
/* 产品列表 */
.neibanner .textbox .wordbox .big{margin-right: 1.5%;}
.neibanner .textbox .wordbox div{margin-right: 1%;}
.probox1 .neititlebox .flexbox{display: block;}
.probox1 .neititlebox .flexbox .leftbox{width: 100%;}
.probox1 .neititlebox .flexbox .rightbox{width: 100%;max-width: none;margin-top: 4%;justify-content:left;}
.probox1{padding-top: 8%;padding-bottom: 3%;}
.probox1 .mainbox{margin-top: 6%;}
.probox1 .mainbox .partbox{margin-bottom: 5%;}
.probox1 .mainbox .partbox .flexbox{display: block;}
.probox1 .mainbox .partbox .box2{width: 100%;padding-left: 0;margin: 0 auto;margin-top: 6%;margin-bottom: 4%;max-width: 668px;}
.probox1 .mainbox .partbox.bgs1 .entitle{color: #7fb7cf;}
.probox1 .mainbox .partbox .box1 .fullbox{height: auto;max-width: 668px;margin: 0 auto;margin-top: 7%;}
.probox1 .mainbox .partbox .box1 .fullbox .imgbox{position: relative;height: auto;}
.probox1 .mainbox .partbox .des{margin-top: 4%;}
.probox1 .mainbox .partbox .vmorebox{margin-top: 4%;}

}
@media only screen and (max-width: 640px){
/* 产品列表 */
.probox1 .mainbox .partbox{padding: 0 3%;}
.probox1 .mainbox .partbox .box1 .fullbox{margin-top: 3%;}
}
@media only screen and (max-width: 480px){
/* 产品列表 */

}
@media only screen and (max-width: 420px){
/* 产品列表 */

}
/*分类弹窗*/
.about_bgs{z-index: 9;background:url(../images/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.about_tc .closed2{ display:none;}
.pro2bmbx .rclass{ float:right;background:url(../images/pos_bg2.png) left center no-repeat;background-size:20px auto;  padding-left:25px;-webkit-tap-highlight-color: #fff;-webkit-tap-highlight-color: transparent; display:none;}
/* 产品详情 */
.pro2bmbx{margin-top: -75px;position: relative;z-index: 2;}
.pro2bmbx .partbox{width: 15%;margin-right: 2%;color: #a1c1f5;font-size: 24px;border-bottom: 2px solid rgba(255, 255, 255, 0.2);position: relative;transition: 0.6s;}
.pro2bmbx .partbox:last-child{margin: 0;}
.pro2bmbx .partbox.on,.pro2bmbx .partbox:hover{color: #fff;}
.pro2bmbx .partbox .hasbb{padding-bottom: 16px;position: relative;}
.pro2bmbx .partbox .hasbb:after{content: "";position: absolute;bottom: -2px;left: 0;width: 0%;height: 2px;background-color: #fff;transition: 0.6s;}
.pro2bmbx .partbox.on .hasbb:after,.pro2bmbx .partbox:hover .hasbb:after{width: 100%;}
.pro2box1{background: url(../images/pro2bg.jpg) bottom left no-repeat;background-size: cover;}
.pro2box1 .mainbox{padding-top: 66px;padding-bottom: 112px;}
.pro2box1 .mainbox .flexbox{}
.pro2box1 .mainbox .flexbox .leftbox{width: calc(100% - 810px);}
.pro2box1 .mainbox .flexbox .rightbox{width: 810px;flex-shrink: 0;padding-top: 44px;padding-left: 68px;box-sizing: border-box;}
.pro2box1 .mainbox .flexbox .leftbox .swiperbox{position: relative;overflow: hidden;}
.pro2box1 .mainbox .flexbox .leftbox .titlebox{position: relative;}
.pro2box1 .mainbox .flexbox .leftbox .titlebox .entitle{/* font-size: 7.0833333333vw; */color: #ededed;line-height: 0.8;}
.pro2box1 .mainbox .flexbox .leftbox .titlebox .title{/* font-size: 2.5vw; */color: #666;position: absolute;bottom: 0;left: 0;}
.pro2box1 .mainbox .flexbox .leftbox .titlebox{position: relative;}
.pro2box1 .mainbox .flexbox .leftbox .fullbox{height: 560px;}
.pro2box1 .mainbox .flexbox .leftbox .swiperbox .partbox.on{position: relative;z-index: 2;opacity: 1.0; filter: Alpha(opacity=100);}
.pro2box1 .mainbox .flexbox .leftbox .swiperbox .partbox{position: absolute;top: 0;left: 0;transition: 0.3s;opacity: 0; filter: Alpha(opacity=0);}
.pro2box1 .mainbox .flexbox .rightbox .title{/* font-size: 2.5vw; */color: #000;margin-bottom: 16px;}
.pro2box1 .mainbox .flexbox .rightbox .changebox{padding: 50px 0 60px;border-top: 1px solid #a7a7a7;border-bottom: 1px solid #a7a7a7;position: relative;}
.pro2box1 .mainbox .flexbox .rightbox .changebox:before{content: "";display: block;width: 35px;height: 3px;background-color: var(--main-color);position: absolute;top: -3px;left: 0;}
.pro2box1 .mainbox .flexbox .rightbox .des{/* font-size: 20px; */color: #666;line-height: 1.7;margin-bottom: 30px;letter-spacing: 0;min-height: 68px;}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox{padding-left: 22px;position: relative;color: #666;/* font-size: 24px; */transition: 0.3s;margin-bottom: 22px;}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox:last-child{margin-bottom: 0;}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox.on{color: var(--main-color2);}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox:before{content: "";display: block;width: 16px;height: 16px;box-sizing: border-box;border: 1px solid #aaaaaa;position: absolute;left: 0;top: 10px;transition: 0.3s;border-radius: 50%;}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox:after{content: "";display: block;width: 12px;height: 12px;box-sizing: border-box;background-color: #aaaaaa;position: absolute;left: 2px;top: 12px;transition: 0.3s;border-radius: 50%;}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox.on:before{border-color: var(--main-color2);}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox.on:after{background-color: var(--main-color2);}
.pro2box1 .mainbox .flexbox .rightbox .vmorebox{margin-top: 100px;}
.pro2box1 .mainbox .flexbox .swiper-pagination{bottom: 0;text-align: right;}
.pro2box1 .mainbox .flexbox .swiper-pagination .swiper-pagination-bullet{width: 54px;height: 4px;background-color: var(--main-color);border-radius: 0;opacity: 1;transition: 0.3s;}
.pro2box1 .mainbox .flexbox .swiper-pagination .swiper-pagination-bullet-active{background-color: var(--main-color2);}
@media only screen and (max-width: 1600px){
/* 产品详情 */
.pro2box1 .mainbox .flexbox .leftbox{width: calc(100% - 740px);}
.pro2box1 .mainbox .flexbox .rightbox{width: 760px;padding-left: 45px;}
.pro2box1 .mainbox .flexbox .rightbox .des{min-height: 102px;}
}
@media only screen and (max-width: 1400px){
/* 产品详情 */
.pro2bmbx .partbox{font-size: 22px;}
.pro2box1 .mainbox .flexbox .leftbox{width: calc(100% - 690px);}
.pro2box1 .mainbox .flexbox .rightbox{width: 700px;padding-left: 35px;}
.pro2box1 .mainbox .flexbox .leftbox .titlebox .entitle{letter-spacing: 0;}
}
@media only screen and (max-width: 1360px){
/* 产品详情 */
.pro2box1 .mainbox .flexbox .leftbox{width: calc(100% - 600px);}
.pro2box1 .mainbox .flexbox .rightbox{width: 600px;padding-left: 30px;}
}
@media only screen and (max-width: 1200px){
/* 产品详情 */
.pro2bmbx .partbox{font-size: 20px;}
.pro2box1 .mainbox{padding-top: 8%;padding-bottom: 9%;}
.pro2box1 .mainbox .flexbox{display: block;}
.pro2box1 .mainbox .flexbox .leftbox{width: calc(100% - 0px);}
.pro2box1 .mainbox .flexbox .leftbox .swiperbox{margin-top: 5%;}
.pro2box1 .mainbox .flexbox .leftbox .fullbox{height: auto;}
.pro2box1 .mainbox .flexbox .leftbox .fullbox .imgbox{position: static;height: auto;}
.pro2box1 .mainbox .flexbox .leftbox .swiperbox .swiper-wrapper{margin-bottom: 5%;}
.pro2box1 .mainbox .flexbox .swiper-pagination{text-align: center;}
.pro2box1 .mainbox .flexbox .rightbox{width: 100%;padding-left: 0;padding-top: 6%;}
.pro2box1 .mainbox .flexbox .rightbox .changebox{padding: 4% 0 5%;}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox{margin-bottom: 12px;}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox:before{top: 5px;}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox:after{top: 7px;}
.pro2box1 .mainbox .flexbox .rightbox .vmorebox{margin-top: 8%;}
.pro2box1 .mainbox .flexbox .rightbox .des{min-height: 62px;}
}
    
@media only screen and (max-width: 992px){
/*分类弹窗*/
.pro2bmbx{margin-top: 0;line-height: 36px;height: 36px;z-index: 10;position: static;}
.pro2bmbx .rclass{ display:block;}
.about_tc{z-index: 19891025; width: 0%; right: 0%; position:absolute; overflow: hidden; top:0; height:100%;/* display: none;*/transition: all 0.3s;}
.about_tc .about_divs{ position:absolute; right:0; width:85%; background-color:#fff; top:0; overflow:hidden; height:100%;}
.about_tc .closed2{ right:84.5%; position:absolute; top:150px; cursor:pointer; width:25px; display:block;}
.about_tc .closed2:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}
.pro2bmbx .boxs.lws .about_tc .about_divs .flexbox{display: block;padding-top: 3%;}
.pro2bmbx .boxs.lws .about_tc{ width:80%;}
.pro2bmbx .boxs.lws{ display:block;}


/* 产品详情 */
.pro2bmbx .partbox{width: 100%;margin-right: 0;color: #333;text-indent: 20px;font-size: 19px;border-bottom: 2px solid rgba(0, 0, 0, 0.05);line-height: 50px;height: 50px;}
.pro2bmbx .partbox.on{color: #a1c1f5;}
.pro2bmbx .partbox .hasbb{padding-bottom: 0;}
.pro2bmbx .partbox .hasbb::after{display: none;}
.pro2box1 .mainbox .flexbox .swiper-pagination .swiper-pagination-bullet{width: 44px;height: 3px;}
}
@media only screen and (max-width: 640px){
/* 产品详情 */
.pro2bmbx .partbox{font-size: 18px;}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox:before{top: 4px;}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox:after{top: 6px;}
.pro2box1 .mainbox .flexbox .rightbox .des{margin-bottom: 4%;min-height: 78px;}
}
@media only screen and (max-width: 480px){
/* 产品详情 */
.pro2bmbx .partbox{font-size: 16px;}
.pro2box1 .mainbox .flexbox .leftbox .swiperbox .swiper-wrapper{margin-bottom: 7%;}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox:before{top: 3px;}
.pro2box1 .mainbox .flexbox .rightbox .change .partbox:after{top: 5px;}
.pro2box1 .mainbox .flexbox .swiper-pagination .swiper-pagination-bullet{width: 40px;}
}
@media only screen and (max-width: 420px){
/* 产品详情 */

}
/* 解决方案 */
.solutionbox1{padding-top: 108px;}
.solutionbox1 .mainbox{margin-top: 72px;}
.solutionbox1 .mainbox .partbox{align-items: stretch;border-radius: 4px;overflow: hidden;margin-bottom: 70px;display: block;position: relative;background-color: #f8f8f8;transition: 0.6s;}
.solutionbox1 .mainbox .partbox .flexbox{position: relative;z-index: 2;/*align-items: stretch;*/}
.solutionbox1 .mainbox .partbox:nth-child(2n) .flexbox{flex-direction: row-reverse;}
.solutionbox1 .mainbox .partbox .box1{width: 100%;}
.solutionbox1 .mainbox .partbox .box1 .guccbox{height: 528px;}
.solutionbox1 .mainbox .partbox .box1 .guccbox img{transition: 0.6s;}
.solutionbox1 .mainbox .partbox .box2{width: 620px;flex-shrink: 0;padding: 20px 60px 20px 120px;box-sizing: border-box;transition: 0.9s;}
.solutionbox1 .mainbox .partbox:nth-child(2n) .box2{padding: 20px 120px 20px 60px;}
.solutionbox1 .mainbox .partbox .guccbox{height: 528px;}
.solutionbox1 .mainbox .partbox .iconbox{width: 88px;height: 88px;overflow: hidden;position: relative;}
.solutionbox1 .mainbox .partbox .iconbox img{display: block;width: 100%;transition: 0.6s;}
.solutionbox1 .mainbox .partbox .iconbox img:first-child{position: relative;z-index: 2;top: 0;left: 0;width: 100%;}
.solutionbox1 .mainbox .partbox .iconbox img:last-child{position: absolute;z-index: 0;top: 0;left: 0;width: 100%;opacity: 0;}
.solutionbox1 .mainbox .partbox .title{/* font-size: 36px; */color: #333333;margin-top: 36px;}
.solutionbox1 .mainbox .partbox .entitle{/* font-size: 18px; */color: #bdbdbd;margin-top: 5px;}
.solutionbox1 .mainbox .partbox .des{/* font-size: 18px; */color: #666666;line-height: 1.8;margin-top: 28px;height: 135px;padding-right: 5px;}
.solutionbox1 .mainbox .partbox .des .i_jsq_scroll{ overflow:hidden;overflow-y: auto; max-height:100%; position:relative; background:url(../images/contact_bg3.png) right -1px top repeat-y; }
.solutionbox1 .mainbox .partbox .des .i_jsq_scroll::-webkit-scrollbar { -webkit-appearance: none;}
.solutionbox1 .mainbox .partbox .des .i_jsq_scroll::-webkit-scrollbar:vertical { width: 2px;}
.solutionbox1 .mainbox .partbox .des .i_jsq_scroll::-webkit-scrollbar-thumb { border-radius: 8px; border:0; background-color:var(--main-color);}
.solutionbox1 .mainbox .partbox .imgbefore{display: none;}
.solutionbox1 .mainbox .partbox .imgafter{display: block;}
.solutionbox1 .mainbox .partbox:hover{background-color: var(--main-color2);}
.solutionbox1 .mainbox .partbox:hover .title{color: #fff;}
.solutionbox1 .mainbox .partbox:hover .entitle{color: #fff;}
.solutionbox1 .mainbox .partbox:hover .des{color: #fff;}
.solutionbox1 .mainbox .partbox:hover .iconbox img:first-child{position: absolute;z-index: 0;top: 0;left: 0;width: 100%;opacity: 0;}
.solutionbox1 .mainbox .partbox:hover .iconbox img:last-child{position: relative;z-index: 2;top: 0;left: 0;width: 100%;opacity: 1;}
.solutionbox1 .mainbox .partbox:hover .vmorebox{color: #fff;}
.solutionbox1 .mainbox .partbox:hover .imgbefore{display: block;}
.solutionbox1 .mainbox .partbox:hover .imgafter{display: none;}
.solutionbox1 .mainbox .partbox:hover .box2{background: url(../images/solutionpartbg.png) right bottom no-repeat;background-size: cover;}
.solutionbox1 .mainbox .partbox:hover .box1 .guccbox img{transform: scale(1.1);}
@media only screen and (max-width: 1600px){
/* 解决方案 */
.solutionbox1 .mainbox{margin-top: 5%;}
.solutionbox1 .mainbox .partbox .box2{padding-left: 60px;}
.solutionbox1 .mainbox .partbox:nth-child(2n) .box2{padding-right: 60px;}
}
@media only screen and (max-width: 1200px){
/* 解决方案 */
.solutionbox1 .mainbox .partbox .box2{width: 580px;padding-left: 30px;padding-right: 30px;}
.solutionbox1 .mainbox .partbox:nth-child(2n) .box2{padding-left: 30px;padding-right: 30px;}
}

@media only screen and (max-width: 992px){
/* 解决方案 */
.solutionbox1{padding-top: 8%;padding-bottom: 2%;}
.solutionbox1 .neititlebox .flexbox{display: block;}
.solutionbox1 .neititlebox .flexbox .leftbox{width: 100%;}
.solutionbox1 .neititlebox .flexbox .rightbox{width: 100%;max-width: none;margin-top: 4%;justify-content:left;}
.solutionbox1 .mainbox{margin-top: 6%;}
.solutionbox1 .mainbox .partbox{margin-bottom: 5.5%;}
.solutionbox1 .mainbox .partbox .flexbox{display: block;}
.solutionbox1 .mainbox .partbox .box1 .guccbox{height: auto;}
.solutionbox1 .mainbox .partbox .box1 .guccbox .imgbox{height: auto;position: relative;}
.solutionbox1 .mainbox .partbox .box2{width: 100%;padding-top: 5%;padding-bottom: 5%;padding-left: 3%;padding-right: 3%;}
.solutionbox1 .mainbox .partbox:nth-child(2n) .box2{padding-left: 3%;padding-right: 3%;padding-top: 5%;padding-bottom: 5%;}
.solutionbox1 .mainbox .partbox .title{margin-top: 4%;}
.solutionbox1 .mainbox .partbox .des{margin-top: 3%;height: auto;min-height:auto;}
.solutionbox1 .mainbox .partbox .vmorebox{margin-top: 2%;}
}
@media only screen and (max-width: 640px){
/* 解决方案 */
.solutionbox1 .mainbox .partbox .iconbox{height: 66px;width: 66px;}
}
@media only screen and (max-width: 480px){
/* 解决方案 */

}
@media only screen and (max-width: 420px){
/* 解决方案 */

}
/* 解决方案详情 */
.solutionbox2{background-color: #f8f8f8;}
.solutionbox1.solutionbox2 .mainbox{padding-bottom: 70px;}
.solutionbox1.solutionbox2 .mainbox .partbox{margin-bottom: 0;}
.solutionbox1.solutionbox2 .mainbox .partbox:hover{background-color: #f8f8f8;}
.solutionbox1.solutionbox2 .mainbox .partbox:hover .title{color: #333333;}
.solutionbox1.solutionbox2 .mainbox .partbox:hover .entitle{color: #bdbdbd;}
.solutionbox1.solutionbox2 .mainbox .partbox:hover .des{color: #666666;}
.solutionbox1.solutionbox2 .mainbox .partbox:hover .iconbox img:first-child{position: relative;z-index: 2;top: 0;left: 0;width: 100%;opacity: 1;}
.solutionbox1.solutionbox2 .mainbox .partbox:hover .iconbox img:last-child{position: absolute;z-index: 0;top: 0;left: 0;width: 100%;opacity: 0;}
.solutionbox1 .mainbox .partbox:hover .box2{background: unset;}
.solutionbox2 .returnbox{width: 80px;height: 80px;border-radius: 50%;box-sizing: border-box;border: 1px solid #3c3e40;margin-top: 30px;transition:all 0.3s;}
.solutionbox2 .returnbox:hover{background: var(--main-color);border-color: var(--main-color);color: #fff;}
.solutionbox2 .returnbox .imgbox .imgs2{display: none;}
.solutionbox2 .returnbox:hover .imgbox .imgs2{display: block;}
.solutionbox2 .returnbox:hover .imgbox .imgs1{display: none;}
@media only screen and (max-width: 1200px){
/* 解决方案详情 */

}

@media only screen and (max-width: 992px){
/* 解决方案详情 */
.solutionbox1.solutionbox2{padding-top: 60px;}
.solutionbox1.solutionbox2 .mainbox{padding-bottom: 2%;}
.solutionbox2 .returnbox{margin-top: 6%;}
}
@media only screen and (max-width: 640px){
/* 解决方案详情 */
.solutionbox2 .returnbox{width: 66px;height: 66px;font-size: 14px;}
}
@media only screen and (max-width: 480px){
/* 解决方案详情 */

}
@media only screen and (max-width: 420px){
/* 解决方案详情 */

}
/* 新闻列表 */
.newsbox1{padding-top: 108px;}
.newsbox1 .mainbox{padding-bottom: 50px;}
.newsbox1 .mainbox .topbox{border-radius: 8px;overflow: hidden;background-color: #fafafa;margin-top: 75px;}
.newsbox1 .mainbox .topbox .leftbox{width: 633px;}
.newsbox1 .mainbox .topbox .leftbox .guccbox{padding-top: 48.65718799%;}
.newsbox1 .mainbox .topbox .rightbox{width: 100%;padding: 40px;}
.newsbox1 .mainbox .topbox .rightbox .title{/* font-size: 24px; */color: #333333;font-weight: bold;transition: 0.6s;line-height: 29px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.newsbox1 .mainbox .topbox .rightbox .des{/* font-size: 18px; */color: #666;line-height: 1.5;margin-top: 3%;/* margin-bottom: 68px; */margin-bottom: 8%;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newstimebox{/* font-size: 20px; */color: #a1a1a1;position: relative;border-top: 1px solid #b0b0b0;padding-top: 18px;}
.newstimebox:after{content: "";display: block;width: 14px;height: 3px;position: absolute;top: -3px;left: 0;background-color: var(--main-color);transition: 0.6s;}
.newsbox1 .mainbox .topbox:hover .newstimebox:after{width: 100%;}
.newsbox1 .mainbox .topbox:hover .rightbox .title{color: var(--main-color);}
.newstimebox div:first-child{margin-right: 25px;}
.newsbox1 .mainbox .bottombox{margin-top: 80px;padding-bottom: 17px;}
.newsbox1 .mainbox .bottombox .flexbox{flex-wrap: wrap;align-items: stretch;}
.newsbox1 .mainbox .bottombox .partbox{width: calc(33.33333333% - 20px);margin-right: 30px;margin-bottom: 30px;background-color: #fafafa;box-sizing: border-box;border-radius: 10px;overflow: hidden;}
.newsbox1 .mainbox .bottombox .partbox:nth-child(3n){margin-right: 0;}
.newsbox1 .mainbox .bottombox .partbox .newstimebox{border-top: none;border-bottom: 1px solid #b0b0b0;padding-bottom: 15px;padding-top: 22px;margin: 0 30px;}
.newsbox1 .mainbox .bottombox .partbox .newstimebox:after{top: unset;bottom: -1px;}
.newsbox1 .mainbox .bottombox .partbox .title{/* font-size: 24px; */color: #333333;font-weight: bold;line-height: 1.3;margin-top: 22px;padding: 0 30px;transition: 0.6s;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.newsbox1 .mainbox .bottombox .partbox .des{/* font-size: 18px; */color: #666;line-height: 1.5;margin-top: 24px;margin-bottom: 58px;padding: 0 30px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.newsbox1 .mainbox .bottombox .partbox .guccbox{padding-top: 48.65470852%;}
.newsbox1 .mainbox .bottombox .partbox .guccbox img{transition: 0.6s;}
.newsbox1 .mainbox .bottombox .partbox:hover .guccbox img{transform: scale(1.1);}
.newsbox1 .mainbox .bottombox .partbox:hover .newstimebox:after{width: 100%;}
.newsbox1 .mainbox .bottombox .partbox:hover .title{color: var(--main-color);}

.pagebox{flex-wrap: wrap;}
.pagebox a{width: 64px;height: 44px;border-radius: 6px;background-color: #f8f8f8;font-size: 16px;color: #555555;text-align: center;line-height: 44px;transition: 0.6s;margin: 0 3px;}
.pagebox a.on,.pagebox a:hover{background-color: #155eaa;color: #fff;}
@media only screen and (max-width: 1400px){
/* 新闻列表 */
.newsbox1 .mainbox .topbox .rightbox .des{margin-bottom: 7%;}
}
@media only screen and (max-width: 1200px){
/* 新闻列表 */
.newsbox1{padding-top: 8%;}
.newsbox1 .mainbox .topbox{margin-top: 7%;}
.newsbox1 .mainbox .bottombox{margin-top: 7%;}
.newsbox1 .mainbox .topbox .leftbox{width: 50%;}
.newsbox1 .mainbox .topbox .rightbox{padding: 3%;}
.newsbox1 .mainbox .topbox .rightbox .des{margin-bottom: 6%;}
.newsbox1 .mainbox .bottombox .partbox{margin-right: 2%;margin-bottom: 2%;width: 32%;}
.newsbox1 .mainbox .bottombox .partbox .des{margin-top: 6%;margin-bottom: 9%;padding: 0 20px;}
.newsbox1 .mainbox .bottombox .partbox .newstimebox{margin: 0 20px;}
.newsbox1 .mainbox .bottombox .partbox .title{padding: 0 20px;}
}

@media only screen and (max-width: 992px){
/* 新闻列表 */
.newsbox1 .neititlebox .flexbox{display: block;}
.newsbox1 .neititlebox .flexbox .leftbox{width: 100%;}
.newsbox1 .neititlebox .flexbox .rightbox{width: 100%;max-width: none;margin-top: 4%;justify-content:left;}
.newsbox1 .mainbox .bottombox .partbox{width: 49%;}
.newsbox1 .mainbox .bottombox .partbox:nth-child(3n){margin-right: 2%;}
.newsbox1 .mainbox .bottombox .partbox:nth-child(2n){margin-right: 0;}
.newsbox1 .mainbox .bottombox{padding-bottom: 25px;}
.newsbox1 .mainbox .topbox .flexbox{display: block;}
.newsbox1 .mainbox .topbox .rightbox{padding: 2%;padding-top: 4%;padding-bottom: 16px;}
.newsbox1 .mainbox .topbox .rightbox .des{margin-top: 2%;margin-bottom: 4%;}
.newsbox1 .mainbox .topbox .leftbox{width: 100%;}

.pagebox a{width: 54px;height: 40px;line-height: 40px;}
}
@media only screen and (max-width: 640px){
/* 新闻列表 */
.newsbox1 .mainbox .bottombox .partbox .des{padding: 0 10px;}
.newsbox1 .mainbox .bottombox .partbox .newstimebox{margin: 0 10px;}
.newsbox1 .mainbox .bottombox .partbox .title{padding: 0 10px;}
.pagebox a{width: 44px;height: 32px;line-height: 32px;font-size: 14px;}

}
@media only screen and (max-width: 480px){
/* 新闻列表 */
.newsbox1 .mainbox .topbox .rightbox .title{line-height: 24px;}
.newsbox1 .mainbox .topbox .rightbox .newstimebox{padding-top: 16px;}
.newsbox1 .mainbox .bottombox .partbox .newstimebox{padding-top: 16px;}
.newsbox1 .mainbox .bottombox .partbox .newstimebox div:first-child{margin-right: 4%;}
.newsbox1 .mainbox .bottombox .partbox .newstimebox .fsc:last-child{display: none;}
.pagebox a{width: 34px;font-size: 13px;}
}
@media only screen and (max-width: 420px){
/* 新闻列表 */

}
/* 新闻详情 */
.newsbox2{}
.newsbox2 .mainbox{padding-bottom: 50px;padding-top: 145px;}
.newsbox2 .mainbox .flexbox{align-items: stretch;}
.newsbox2 .mainbox .leftbox{width: 100%;}
.newsbox2 .mainbox .rightbox{/*width: 518px;*/width: 380px;padding-left: 36px;box-sizing: border-box;}
.newsbox2 .mainbox .leftbox .titlebox{position: relative;margin-bottom: 40px;}
.newsbox2 .mainbox .leftbox .entitle{/* font-size: 6.25vw; */color: #f2f2f2;text-transform: uppercase;line-height: 1;}
.newsbox2 .mainbox .leftbox .title{/* font-size: 36px; */color: #333333;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.newsbox2 .mainbox .leftbox .xinxibox{padding: 10px 0;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.newsbox2 .mainbox .leftbox .xinxibox .xinxi .partbox{margin-right: 36px;}
.newsbox2 .mainbox .leftbox .xinxibox .xinxi .imgbox{padding-right: 8px;margin-right: 8px;position: relative;}
.newsbox2 .mainbox .leftbox .xinxibox .xinxi .imgbox:after{content: "";display: block;width: 1px;height: 8px;position: absolute;top: calc(50% - 4px);right: 0;background-color: #d9d9d9;}
.newsbox2 .mainbox .leftbox .xinxibox .xinxi .imgbox img{display: block;}
.social-share .social-share-icon{background-color: #c0c0c0;color: #fff;border: none;width: 34px;height: 34px;line-height: 34px;}
.social-share .social-share-icon:hover{background-color: var(--main-color2);}
.newsbox2 .mainbox .leftbox .neirongbox{/* font-size: 18px; */color: #666;line-height: 1.6;text-indent: 2em;padding-top: 90px;padding-bottom: 45px;background: url(../images/yinhao.png) 7px 35px no-repeat;background-size: 123px auto;}
.newsbox2 .mainbox .leftbox .neirongbox img{max-width: 100%;}

.newsbox2 .mainbox .rightbox .zhubox{background-color: #fafafa;border-radius: 10px;overflow: hidden;position: sticky;top: 0;padding: 0 20px 30px;box-sizing: border-box;}
.newsbox2 .mainbox .rightbox .zhubox .bigtitle{position: relative;/* font-size: 24px; */color: #3f509f;font-weight: bold;padding-bottom: 16px;border-bottom: 1px solid #dcdcdc;padding-top: 25px;}
.newsbox2 .mainbox .rightbox .zhubox .partbox{margin-top: 15px;display: block;}
.newsbox2 .mainbox .rightbox .zhubox .partbox .title{/* font-size: 18px; */color: #333;transition: 0.6s;}
.newsbox2 .mainbox .rightbox .zhubox .partbox .newstimebox{border-top: none;border-bottom: 1px solid #dcdcdc;/* font-size: 16px; */color: #666;padding-top: 8px;padding-bottom: 20px;}
.newsbox2 .mainbox .rightbox .zhubox .partbox .newstimebox:after{display: none;}
.newsbox2 .mainbox .rightbox .zhubox .partbox:hover .title{color: var(--main-color2);}
.newspage{/* font-size: 18px; */color: #666666;line-height: 68px;padding: 0 30px;border-radius: 15px;background-color: #fafafa;}
.newspage .return img{margin-right: 4px;}
.newspage .fsc:hover{color: var(--main-color);}
@media only screen and (max-width: 1550px){
/* 新闻详情 */
.newsbox2 .mainbox .leftbox .neirongbox{background-size: 100px auto;}
}
@media only screen and (max-width: 1200px){
/* 新闻详情 */
.newsbox2 .mainbox{padding-top: 8%;padding-bottom: 5%;}
.newsbox2 .mainbox .flexbox.one{display: block;width: 100%;}
.newsbox2 .mainbox .leftbox .xinxibox .xinxi .partbox{font-size: 14px;margin-right: 20px;}
.newsbox2 .mainbox .rightbox{width: 100%;padding-left: 0;margin-top: 3%;}
.newsbox2 .mainbox .rightbox .zhubox{position: static;}


}

@media only screen and (max-width: 992px){
/* 新闻详情 */
.newsbox2 .mainbox .leftbox .titlebox{text-align: center;}
.newsbox2 .mainbox .leftbox .title{display: inline-block;margin-top: 3%;}
.newsbox2 .mainbox .leftbox .titlebox{display: block;margin-bottom: 3%;}
.newsbox2 .mainbox .leftbox .neirongbox{padding-top: 8%;padding-bottom: 7%;}
.newsbox2 .mainbox .leftbox .xinxibox{display: block;}
.newsbox2 .mainbox .leftbox .xinxibox .xinxi{justify-content:center}
.newsbox2 .mainbox .leftbox .xinxibox .sharebox{text-align: center;margin-top: 1%;}


}
@media only screen and (max-width: 640px){
/* 新闻详情 */
.newsbox2 .mainbox .leftbox .xinxibox .xinxi .partbox{font-size: 12px;}
}
@media only screen and (max-width: 480px){
/* 新闻详情 */

}
@media only screen and (max-width: 420px){
/* 新闻详情 */

}
/* 关于我们 */
.aboutbox1{padding-top: 100px;padding-bottom: 204px;background: url(../images/aboutbox1bg.jpg) left center no-repeat;background-size: auto 95.6%;}
.aboutbox1 .mainbox{}
.aboutbox1 .neititlebox .flexbox .leftbox{width: 40%;}
.aboutbox1 .neititlebox .flexbox .rightbox{width: 68%;}
.abouttitle{/* font-size: 2.5vw; */text-align: center;}

.aboutbox2{padding-top: 74px;padding-bottom: 92px;}
.aboutbox2 .mainbox{margin-top: 50px;}
.aboutbox2 .mainbox .flexbox{align-items: stretch;color: #fff;}
.aboutbox2 .mainbox .flexbox .leftbox{width: 450px;margin-right: 50px;flex-shrink: 0;}
.aboutbox2 .mainbox .flexbox .rightbox{width: 100%;}
.aboutbox2 .mainbox .partbox{padding: 0 36px;padding-top: 50px;border-radius: 10px;overflow: hidden;}
.aboutbox2 .mainbox .partbox .iconbox{width: 100px;}
.aboutbox2 .mainbox .partbox .iconbox img{width: 100%;display: block;}
/* .aboutbox2 .mainbox .partbox .entitle{font-size: 18px;} 
.aboutbox2 .mainbox .partbox .title{font-size: 38px;}*/
.aboutbox2 .mainbox .partbox .des{/* font-size: 20px; */line-height: 1.7;}
.aboutbox2 .mainbox .leftbox .partbox{padding-bottom: 40px;height: 100%;box-sizing: border-box;}
.aboutbox2 .mainbox .leftbox .partbox .entitle{margin-top: 37px;}
.aboutbox2 .mainbox .leftbox .partbox .title{margin-bottom: 70px;}
.aboutbox2 .mainbox .rightbox .partbox{padding-bottom: 58px;}
.aboutbox2 .mainbox .rightbox .partbox:first-child{margin-bottom: 50px;}
.aboutbox2 .mainbox .rightbox .partbox .iconbox{margin-right: 14px;}
.aboutbox2 .mainbox .rightbox .partbox .flexbox2{margin-bottom: 88px;}


.about3box{padding-top: 74px;padding-bottom: 92px;}
.about3box .mainbox{padding-top: 50px;}
/*.about3box .mainbox .zhubox{margin-top: 65px;}*/
.about3box .mainbox .zhubox .partbox{width: 100%;height: 375px;border-radius: 22px;overflow: hidden;box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);background-color: #f2f2f2;text-align: center;position: relative;}
.about3box .mainbox .zhubox .partbox .iconbox{position: relative;z-index: 4;height: 96px;margin-bottom: 8px;}
.about3box .mainbox .zhubox .partbox .iconbox img{height: 100%;}
.about3box .mainbox .zhubox .partbox .title{/* font-size: 30px; */color: #333;position: relative;z-index: 4;}
.about3box .mainbox .zhubox .partbox .entitle{/* font-size: 18px; */color: #333;position: relative;z-index: 4;}
.about3box .mainbox .zhubox .partbox .des{/* font-size: 26px; */color: #fff;opacity: 0;position: relative;z-index: 4;margin-top: 26px;transition: 1s;transform: translateY(20px);}
.about3box .mainbox .zhubox .partbox .markbox{width: 83px;height: 83px;border-radius: 50%;box-sizing: border-box;/*border: 1px dashed #6c6c6c;*/position: absolute;left: 50%;bottom: 28px;transform: translateX(-50%);transition: 0.6s;z-index: 2;}
.about3box .mainbox .zhubox .partbox .markbox:before{content: "";display: block;width: 100%;height: 100%;border-radius: 50%;box-sizing: border-box;border: 1px dashed #6c6c6c;position: absolute;top: 0;left: 0;animation: zqdh 6s linear infinite;}
.about3box .mainbox .zhubox .partbox .markbox .mark2{width: 67px;height: 67px;border-radius: 50%;box-sizing: border-box;border: 1px solid #6c6c6c;color: #6c6c6c;position: relative;}
.about3box .mainbox .zhubox .partbox .markbox .mark2:after,.about3box .mainbox .zhubox .partbox .markbox .mark2:before{content: "";display: block;width: 16px;height: 1px;background-color: #6c6c6c;position: absolute;top: 50%;left: 24px;}
.about3box .mainbox .zhubox .partbox .markbox .mark2:after{transform: rotateZ(90deg);}
.about3box .mainbox .zhubox .partbox:after{content: "";display: block;width: 2px;height: 2px;border-radius: 50%;position: absolute;bottom: 70px;left: 50%;background-color: var(--main-color2);transition: 1.2s;z-index: 0;opacity: 0;}
.about3box .mainbox .zhubox .partbox:before{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:#f2f2f2 url(../images/about3partbg.png) center center no-repeat;background-size: cover;opacity: 0;z-index: -1;transition: 1.2s;}
.about3box .mainbox .zhubox .partbox:hover .markbox{transform: translateX(-50%) scale(0);}
.about3box .mainbox .zhubox .partbox:hover:after{transform: scale(500);opacity: 1;}
.about3box .mainbox .zhubox .partbox:hover:before{opacity: 1;z-index: 2;}
.about3box .mainbox .zhubox .partbox:hover .title{color: #fff;}
.about3box .mainbox .zhubox .partbox:hover .entitle{color: #fff;}
.about3box .mainbox .zhubox .partbox:hover .des{opacity: 1;transform: translateY(0px);}
.about3box .mainbox .zhubox .jiantou{padding: 0 20px;opacity: 0;}
@keyframes zqdh{
	100%{transform: rotateZ(360deg);}
}

.aboutbox4{padding-top: 74px;padding-bottom: 92px;background: var(--main-color2) url(../images/about4bg.jpg) top right no-repeat;color: #FFF;}
.aboutbox4 .zhubox{position: relative;z-index: 1;}
.aboutbox4 .mainbox{margin-top: 50px;}
.aboutbox4 .abouttitle{color: #fff;}
.aboutbox4 .mainbox .partbox{position: relative;padding-bottom: 80px;}
.aboutbox4 .mainbox .partbox:nth-child(2n){justify-content: flex-end;}
.aboutbox4 .mainbox .partbox .textbox{width: 50%;box-sizing: border-box;padding: 0 65px;}
.aboutbox4 .mainbox .partbox:nth-child(2n) .textbox{justify-content: flex-start;}
.aboutbox4 .mainbox .partbox .yuanbox{position: absolute;left: 50%;top: 0;transform: translate(-50% , -50%);width: 36px;height: 36px;border-radius: 50%;background-color: rgba(98, 132, 205, 0.62);z-index: 2;}
.aboutbox4 .mainbox .partbox .yuanbox .dot2{width: 6px;height: 6px;border-radius: 50%;position: absolute;top: 15px;left: 15px;background-color: var(--main-color2);}
.aboutbox4 .mainbox .partbox .yuanbox .dot1{width: 16px;height: 16px;border-radius: 50%;position: absolute;top: 10px;left: 10px;background-color: var(--main-color);}
.aboutbox4 .mainbox .partbox:before{content: "";display: block;width: 1px;height: 100%;background-color: #959595;position: absolute;left: 50%;z-index: 0;}
.aboutbox4 .mainbox .partbox:after{content: "";display: block;width: 1px;height: 0%;background-color: #d0d0d0;position: absolute;left: 50%;transition: 0.6s;z-index: 0;}
.aboutbox4 .mainbox .partbox:hover:after{height: 100%;}
.aboutbox4 .mainbox .partbox .year{/* font-size: 3.75vw; */font-weight: bold;position: relative;line-height: 0.9;}
.aboutbox4 .mainbox .partbox .year .mark{position: absolute;top: 0;right: 0;transform: translate(100% , -100%);/* font-size: 24px; */}
.aboutbox4 .mainbox .partbox .des1{/* font-size: 25px; */font-weight: bold;margin-top: 20px;}
.aboutbox4 .mainbox .partbox .des2{font-size: 16px;margin-top: 10px;}
.aboutbox4 .mainbox .partbox:last-child{padding: 0 !important;text-align: center;line-height: 32px;height: unset !important;overflow: visible !important;}
.aboutbox4 .mainbox .partbox:last-child .yuanbox{background-color: #fff;color: #666;font-size: 26px;cursor: pointer;}
.aboutbox4 .mainbox .partbox:nth-child(n+4){height: 0;overflow: hidden;transition: 0.6s;padding-bottom: 0;}
.aboutbox4 .mainbox.on .partbox:nth-child(n+4){height: unset;overflow: visible;padding-bottom: 80px;}
.aboutbox4 .mainbox .partbox:last-child .yuanbox div:last-child{display: none;}
.aboutbox4 .mainbox.on .partbox:last-child .yuanbox div:last-child{display: block;}
.aboutbox4 .mainbox.on .partbox:last-child .yuanbox div:first-child{display: none;}
.aboutbox4 .mainbox .textzsbox .entext{position: relative;line-height: 1;font-size: 12.8125vw;width: 100%;text-align: center;}
.aboutbox4 .mainbox .textzsbox .entext .op01{opacity: 0.1;}
.aboutbox4 .mainbox .textzsbox .entext .tips{position: absolute;/* font-size: 18px; */top: 50%;left: 50%;transform: translate(-50% , 0);}

.aboutbox5{padding-top: 74px;padding-bottom: 92px;overflow: hidden;}
.aboutbox5 .mainbox{margin-top: 50px;}
.aboutbox5 .mainbox .topbox .time{/* font-size: 24px; */color: #939393;margin-top: 7px;}
.aboutbox5 .mainbox .topbox .title{/* font-size: 24px; */color: #333;margin-top: 5px;}
.aboutbox5 .mainbox .swiperbox{margin-top: 45px;}
.aboutbox5 .mainbox .guccbox{padding-top: 62.5%;border-radius: 20px;overflow: hidden;}
.aboutbox5 .mainbox .guccbox img{transition: 0.6s;}
.aboutbox5 .mainbox .partbox:hover .guccbox img{transform: scale(1.1);}
.aboutbox5 .mainbox .swiperbox .title{text-align: center;/* font-size: 24px; */color: #333333;margin-top: 22px;}

@media only screen and (max-width: 1200px){
/* 关于我们 */
.aboutbox2{padding-top: 6%;padding-bottom: 7%;}
.aboutbox2 .mainbox{margin-top: 5%;}
.about3box{padding-top: 6%;padding-bottom: 7%;}
.about3box .mainbox{padding-top: 5%;}
.about3box .mainbox .zhubox .jiantou{padding: 0 0px;width: 30px;}
.about3box .mainbox .zhubox .partbox{height: 355px;}
.about3box .mainbox .zhubox .partbox .markbox{height: 73px;width: 73px;}
.about3box .mainbox .zhubox .partbox .markbox .mark2{width: 57px;height: 57px;}
.about3box .mainbox .zhubox .partbox .iconbox{height: 86px;}
.about3box .mainbox .zhubox .partbox .markbox .mark2:after,.about3box .mainbox .zhubox .partbox .markbox .mark2:before{left: 19px;}
.aboutbox4{padding-top: 6%;padding-bottom: 7%;}
.aboutbox4 .mainbox{margin-top: 5%;}
.aboutbox5{padding-top: 6%;padding-bottom: 7%;}
.aboutbox5 .mainbox{margin-top: 5%;}
}

@media only screen and (max-width: 992px){
/* 关于我们 */
.aboutbox1{padding-top: 8%;padding-bottom: 16%;}
.aboutbox1 .neititlebox .flexbox{display: block;}
.aboutbox1 .neititlebox .flexbox .leftbox{width: 100%;}
.aboutbox1 .neititlebox .flexbox .rightbox{margin-top: 4%;width: 100%;max-width: none;}
.neititlebox .des2{margin-top: 3%;}
.aboutbox2 .mainbox .flexbox{display: block;}
.aboutbox2 .mainbox .partbox{padding: 0 4%;padding-bottom: 6%;padding-top: 5%;}
.aboutbox2 .mainbox .flexbox .leftbox{width: 100%;margin-right: 0;margin-bottom: 3%;}
.aboutbox2 .mainbox .leftbox .partbox .entitle{margin-top: 4%;}
.aboutbox2 .mainbox .leftbox .partbox .title{margin-bottom: 5%;}
.aboutbox2 .mainbox .rightbox .partbox{padding-bottom: 6%;}
.aboutbox2 .mainbox .rightbox .partbox:first-child{margin-bottom: 3%;}
.aboutbox2 .mainbox .rightbox .partbox .flexbox2{margin-bottom: 5%;display: block;}
.aboutbox2 .mainbox .rightbox .partbox .entitle{margin-top: 4%;}
.about3box .mainbox .zhubox .flexbox{display: block;}
.about3box .mainbox .zhubox .partbox{height: 305px;}
.about3box .mainbox .zhubox .partbox .iconbox{height: 76px;margin-top: -10px;}
.aboutbox4 .mainbox{margin-top: 6%;}
.aboutbox4 .mainbox .partbox{padding-bottom: 60px;}
.aboutbox4 .mainbox .partbox .textbox{padding: 0 35px;}
.aboutbox4 .mainbox .partbox .des2{font-size: 15px;}
.aboutbox5 .mainbox .swiperbox{margin-top: 4%;}
.aboutbox5 .mainbox .swiperbox .title{margin-top: 3%;}

}
@media only screen and (max-width: 640px){
/* 关于我们 */
.aboutbox2{padding-top: 7%;padding-bottom: 8%;}
.about3box{padding-top: 7%;padding-bottom: 8%;}
.about3box .mainbox .zhubox .partbox{height: 285px;}
.aboutbox4{padding-top: 7%;padding-bottom: 8%;}
.aboutbox4 .mainbox{margin-top: 7%;}
.aboutbox4 .mainbox .partbox .textbox{padding: 0 25px;}
.aboutbox4 .mainbox .partbox .des2{font-size: 14px;}
.aboutbox5{padding-top: 7%;padding-bottom: 8%;}

}
@media only screen and (max-width: 480px){
/* 关于我们 */
.aboutbox2 .mainbox .partbox{padding-top: 7%;}
.aboutbox2 .mainbox .leftbox .partbox{padding-bottom: 7%;}
.aboutbox2 .mainbox .partbox .iconbox{width: 80px;}
.aboutbox2 .mainbox .rightbox .partbox{padding-bottom: 7%;}
.about3box .mainbox .zhubox .partbox{height: 270px;}
.about3box .mainbox .zhubox .partbox .iconbox{height: 66px;}
.aboutbox4 .mainbox{margin-top: 8%;}
.aboutbox4 .mainbox .partbox{padding-bottom: 40px;}
.aboutbox4 .mainbox .partbox .des2{font-size: 13px;}
.aboutbox4 .mainbox .partbox .textbox{padding-left: 0;}
.aboutbox4 .mainbox .partbox:nth-child(2n) .textbox{padding-right: 0;padding-left: 25px;}
.about5swiper{overflow: visible;}
}
@media only screen and (max-width: 420px){
/* 关于我们 */
.about3box .mainbox .zhubox .partbox{height: 260px;}
}

/* 联系我们 */
.contactbox1{background: url(../images/contactbg1.png) top right no-repeat;padding-top: 108px;background-size: 478px auto;}
.contactbox1 .neititlebox .text1{/* font-size: 34px; */color: #222222;}
.contactbox1 .neititlebox .text2{/* font-size: 18px; */color: #999999;}
.contactbox1 .mainbox{padding-bottom: 66px;margin-top: 115px;}
.contactbox1 .mainbox .flexbox{align-items: stretch;}
.contactbox1 .mainbox .partbox{position: relative;width: 100%;text-align: center;font-size: 16px;color: #222;padding: 30px 0;}
.contactbox1 .mainbox .linebox{margin: 0px 60px;background-color: #eeeeee;width: 1px;flex-shrink: 0;height: 88px;align-self: center;}
.contactbox1 .mainbox .title{font-size: 24px;font-weight: bold;color: #222222;}
.contactbox1 .mainbox .tel{margin-top: 32px;}
.contactbox1 .mainbox .add{margin-top: 6px;}
.contactbox1 .mainbox .add .a{margin-left: 10px;color: #2c80d4;}
.contactbox1 .mainbox .add .a:hover{text-decoration: underline;}
.mainFilter{width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;display: none;background: url(../images/about_bg.png);}

.contactbox2{padding-top: 82px;}
.contactbox2 .contactbox2title{text-align: center;/* font-size: 36px; */color: #000000;}
.contactbox2 .contactbox2des{text-align: center;/* font-size: 30px; */color: #666666;margin-top: 3px;}
.contactbox2 .mainbox{padding-top: 70px;padding-bottom: 46px;}
.contactbox2 .mainbox .partbox{background-color: #fff;width: 48.8%;margin-bottom: 20px;height: 58px;border-radius: 4px;overflow: hidden;padding: 0 20px;box-sizing: border-box;}
.contactbox2 .mainbox .partbox .icon{width: 30px;flex-shrink: 0;margin-right: 3px;}
.contactbox2 .mainbox .partbox .icon img{width: 100%;display: block;}
.contactbox2 .mainbox .partbox .text{font-size: 16px;color: #666666;flex-shrink: 0;}
.contactbox2 .mainbox .partbox .xxyinput{width: 100%;border: none;outline: none;color: #444;font-size: 16px;}
.contactbox2 .mainbox .partbox.w100{width: 100%;height: auto;padding-top: 20px;}
.contactbox2 .mainbox .partbox .xxytextarea{width: 100%;border: none;outline: none;color: #444;font-size: 16px;height: 130px;box-sizing: border-box;padding-top: 2px;resize: none;}
.contactbox2 .mainbox .vmorebox{width: 100%;margin-top: 56px;}
/*地图弹窗*/
.popupmap #myframe2{ overflow:hidden;height:606px; padding:40px; background:#fff;box-sizing: border-box; }
.popupmap {
  max-width: 1400px;
  width:96%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 120;
 /* display: none;*/opacity:0;filter:Alpha(opacity=0); z-index:-5;
}
.popupmap.show{opacity:1.0;filter:Alpha(opacity=100); z-index:120;}
.popupmap iframe{
  width: 100%;
}
.popupmap .close {
  width: 15px;
  height: 16px;
  position: absolute;
  top: 18px;
  right: 14px;
  background: url(../images/close2.png) no-repeat;
  cursor: pointer;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  background-size:100% 100%;
  z-index:2; border-radius:50%;
}
.popupmap .close:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
@media only screen and (max-width: 1500px){
/* 联系我们 */
.contactbox1{background-size: 400px auto;}
.contactbox1 .mainbox .add .a{font-size: 14px;margin-left: 6px;}
}
@media only screen and (max-width: 1200px){
/* 联系我们 */
.contactbox1{padding-top: 8%;}
.contactbox1 .mainbox{margin-top: 8%;padding-bottom: 10%;}
.contactbox1 .mainbox .title{font-size: 22px;}
.contactbox1 .mainbox .partbox{font-size: 15px;}
.contactbox1 .mainbox .linebox{margin: 0 30px;}
.contactbox2{padding-top: 7%;}
.contactbox2 .mainbox{padding-top: 5%;padding-bottom: 6%;}
.contactbox2 .mainbox .vmorebox{margin-top: 5%;}
.contactbox1 .mainbox .add .a{font-size: 12px;margin-left: 3px;}
}

@media only screen and (max-width: 992px){
/* 联系我们 */
.contactbox1{background-size: 320px auto;}
.contactbox1 .neititlebox .flexbox{display: block;}
.contactbox1 .neititlebox .flexbox .leftbox{width: 100%;}
.contactbox1 .neititlebox .flexbox .rightbox{margin-top: 4%;width: 100%;max-width: none;}
.contactbox1 .mainbox{margin-top: 6%;}
.contactbox1 .mainbox .title{font-size: 20px;}
.contactbox1 .mainbox .tel{margin-top: 8%;}
.contactbox1 .mainbox .partbox{padding: 3% 0;}
.contactbox1 .mainbox .linebox{margin: 0 20px;}
.contactbox1 .mainbox .flexbox{display: block;}
.contactbox1 .mainbox .linebox{margin: 10px 0;height: 1px;width: 100%;}
.contactbox1 .mainbox .tel{margin-top: 4%;}
/*地图弹窗*/
.popupmap #myframe2{ padding:20px; height:400px;}
.popupmap .close { top:6px; right:6px;}
}
@media only screen and (max-width: 640px){
/* 联系我们 */
.contactbox2 .mainbox .partbox .icon{width: 24px;}
.contactbox2 .mainbox .partbox .text{font-size: 14px;}
.contactbox2 .mainbox .partbox{height: 48px;padding: 0 12px;}

}
@media only screen and (max-width: 480px){
/* 联系我们 */
.contactbox2 .mainbox .formbox .contactform .flexbox{display: block;}
.contactbox2 .mainbox .partbox{width: 100%;margin-bottom: 12px;}

}
@media only screen and (max-width: 420px){
/* 联系我们 */

}

/* 下拉菜单 */
.xxyxlala{position: absolute;top: 90px;left: 0;background-color: #fff;box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);width: 100%;opacity: 0;z-index: -1;pointer-events: none;transition: 0.3s;padding-top: 42px;}
.headerbox .navbox .partbox:hover .xxyxlala{opacity: 1;z-index: 2;pointer-events: auto;}
.xxyxlala .flexbox2{align-items: stretch;padding: 0 240px;}
.headerbox .navbox .partbox:nth-child(3) .xxyxlala .flexbox2{padding: 0;max-width: 1170px;margin: 0 auto;}
.xxyxlala .xlpart{width: calc(33.3333333% - 102px);margin-right: 153px;margin-bottom: 40px;background-color: #f9fbff;transition: 0.6s;border-radius: 10px;overflow: hidden;padding: 33px 15px;box-sizing: border-box;}
.xxyxlala .xlpart:nth-child(3n){margin-right: 0;}
.xxyxlala .xlpart .bigtitle{transition: 0.3s;color: #333;}
.xxyxlala .xlpart .iconbox{width: 66px;padding-right: 12px;margin-right: 12px;border-right: 1px solid #d9deeb;flex-shrink: 0;}
.xxyxlala .xlpart .iconbox img{width: 100%;display: block;}
.xxyxlala .xlpart .textbox{width: 100%;}
.xxyxlala .xlpart:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.xxyxlala .xlpart:hover .bigtitle{color: #7d8baa;}

.xxyxlala.xxyxlalatype2{}
.xxyxlala.xxyxlalatype2 .flexbox2{padding: 0;}
.xxyxlala.xxyxlalatype2 .xlpart{width: calc(33.33333% - 24px);margin-right: 36px;}
.xxyxlala.xxyxlalatype2 .xlpart:nth-child(3n){margin-right: 0;}
.xxyxlala.xxyxlalatype2 .textbox .linkbox{margin-top: 10px;}
.xxyxlala.xxyxlalatype2 .textbox .linkbox .link{width: 49%;font-size: 14px;color: #666666;margin-bottom: 2px;padding-right: 1%;height: 20px;line-height: 20px;
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xxyxlala.xxyxlalatype2 .textbox .linkbox.type2 .link{width: 33.33333%;transition: 0.3s;}
.xxyxlala.xxyxlalatype2 .textbox .linkbox.type2 .link:hover{color: var(--main-color2);}

/* 文字大小 */
@media only screen and (min-width: 1920px){
.hbox1 .mainbox .text1{font-size: 72px;}
.hbox1 .mainbox .text2{font-size: 60px;}
.hbox1 .mainbox .text1 .p1{font-size: 90px;}
.htitlebox .title{font-size: 48px;}
.htitlebox .des{font-size: 72px;}
.hbannerswiper .partbox .textbox .wordbox div{font-size: 60px;}
.hbannerswiper .partbox .textbox .wordbox .big{font-size: 100px;}

/* .neibanner .textbox .wordbox div{font-size: 40px;}
.neibanner .textbox .wordbox .big{font-size: 68px;} */
/* .neititlebox .title{font-size: 48px;}
.neititlebox .entitle{font-size: 72px;} 
.probox1 .mainbox .partbox .entitle{font-size: 48px;}

.pro2box1 .mainbox .flexbox .leftbox .titlebox .entitle{font-size: 136px;}
 .pro2box1 .mainbox .flexbox .leftbox .titlebox .title{font-size: 48px;} 
.pro2box1 .mainbox .flexbox .rightbox .title{font-size: 48px;}

.newsbox2 .mainbox .leftbox .entitle{font-size: 120px;}*/

/* .abouttitle{font-size: 48px;} */
/* .aboutbox4 .mainbox .partbox .year{font-size: 72px;} */
.aboutbox4 .mainbox. .textzsbox .entext{font-size: 246px;}
}
@media only screen and (max-width: 1600px){
.hbannerswiper .partbox .textbox .des{font-size: 1.875vw;}
.hbox2 .mainbox .leftbox .textbox .partbox .des1{font-size: 2.25vw;}
.hbox3 .mainbox .leftbox .textbox .partbox .des1{font-size: 2.25vw;}
.headerbox .navbox{font-size: 18px;}
.hbox4swiper .partbox .titlebox{font-size: 22px;}
.hbox1 .mainbox .text1 img{height: 56px;}
.hbox3 .mainbox{padding-top: 180px;}
}
@media only screen and (max-width: 1500px){
.headerbox .serachbox{padding-left: 0;}
.hbox4swiper .partbox .titlebox{font-size: 20px;}
footer .fnav{font-size: 18px;}
footer .topbox .flogo{height: 60px;}
.hbox1 .mainbox .text1 img{height: 52px;}
.hbox3 .mainbox{padding-top: 160px;}
}
@media only screen and (max-width: 1400px){
.logobox .textbox{display: none;}
.hbox4swiper .partbox .titlebox{font-size: 18px;}
.hbox2 .mainbox .leftbox .textbox .partbox .des2{font-size: 16px;}
.hbox4swiper .partbox .desbox{font-size: 16px;}
.vmorebox{font-size: 16px;}
footer .bottombox .partbox .pnum{font-size: 30px;}
footer .bottombox .partbox .text3{font-size: 16px;}
.copyrightbox{font-size: 14px;}
.vmorebox.hasborder .more{height: 46px;padding: 0 30px;}
.hbox1 .mainbox .text1 img{height: 48px;}
.hbox3 .mainbox{padding-top: 140px;}
.hbox2 .mainbox{padding-top: 110px;}
}
@media only screen and (max-width: 1300px){
.hbox4 .mainbox{padding-top: 60px;}
.hbox4 .swiperbox{margin-top: 40px;}
footer .topbox .flogo{height: 40px;}
footer .bottombox .partbox .pnum{font-size: 24px;}
footer .bottombox .partbox .mnum{font-size: 20px;}
footer .bottombox .partbox .text3{width: 200px;}
footer .topbox{padding-bottom: 90px;}
footer .fnav .partbox{margin-left: 24px;}
footer .fnav{font-size: 16px;}
.hbox1 .mainbox .text1 img{height: 44px;}
.hbox3 .mainbox{padding-top: 120px;}
#followMouse.on{opacity: 0;}
.hbox2 .mainbox{padding-top: 100px;}
/* 下拉菜单 */
.xxyxlala .xlpart{width: calc(33.3333333% - 52px);margin-right: 66px;}
}
@media only screen and (max-width: 1200px){
.hbannerswiper .swiper-slide-active .partbox .textbox .des{margin-top: 20px;}
.hbannerswiper .swiper-slide-active .partbox .textbox .vmorebox{margin-top: 40px;}
.hbox1 .mainbox .text1 img{height: 40px;}
.hbox2 .mainbox{padding-top: 100px;}
}
@media only screen and (max-width: 1100px){
.headerbox .serachbox .partbox{margin-left: 30px;}
.headerbox .navbox .partbox:not(:first-child){margin-left: 30px;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox .big.tryuan:after{width: 16px;height: 16px;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox .big.bryuan:after{width: 16px;height: 16px;right: -5px;}
footer .bottombox .partbox .pnum{font-size: 20px;}
footer .bottombox .partbox .text1{font-size: 14px;}
footer .bottombox .partbox .text2{font-size: 14px;}
.hbox1 .mainbox .text1 img{height: 36px;}
.headerbox .navbox{font-size: 16px;}
}
@media only screen and (max-width: 992px){
.sidebox{top: unset;bottom: 10%;}
.sidebox .topbox{display: none;}
.sec .neibannerbox{padding-top: 60px;}
.headerbox>.wrap>.flexbox{height: 60px;}
.headerbox .navbox{position: absolute;top: 60px;left: 0;width: 100%;flex-direction: column;background-color: #fff;color: #333;padding: 12px 0;transition: unset;display: none;box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}
.headerbox .navbox .partbox{width: 100%;text-align: center;}
.headerbox .navbox .partbox>a{line-height: 40px;}
.headerbox .navbox .partbox:not(:first-child){margin-left: 0;}
.menubox{position: relative;width: 50px; height: 40px;opacity: 1;pointer-events: auto;transition: 0.3s;}
.menubox div{position: absolute;left: 20px;width: 30px;height: 2px;background-color: var(--main-color);transition: 0.6s;}
.menubox div:nth-child(1){top: 9px;}
.menubox div:nth-child(2){top: 19px;}
.menubox div:nth-child(3){top: 29px;}
.menubox.on div:nth-child(1){top: 19px;transform: rotateZ(45deg);}
.menubox.on div:nth-child(2){top: 19px;opacity: 0;}
.menubox.on div:nth-child(3){top: 19px;transform: rotateZ(-45deg);}
.headerbox.searchshow .menubox{opacity: 0;pointer-events: none;transform: scaleY(0);}
.hbannerswiper .partbox .textbox .des{max-width: 100%;}
.hbox1 .mainbox{padding-top: 110px;}
.hbox1 .mainbox .text2{font-size: 28px;}
.hbox1 .mainbox .text1 img{height: 32px;}
.hbox2 .mainbox{padding-top: 40px;}
.hbox2 .mainbox .flexbox{flex-direction: column-reverse;}
.hbox2 .mainbox .rightbox{width: 100%;margin-bottom: 40px;}
.hbox2 .mainbox .rightbox .flexbox2{width: 100%;overflow-x: auto;}
.hbox2 .mainbox .rightbox .mousebox{display: none;}
.hbox2 .mainbox .rightbox .typebox{/*width: 100%;overflow-x: auto;*/display: flex;display: -webkit-flex;}
.hbox2 .mainbox .rightbox .typebox .partbox{flex-shrink: 0;width: 22.5vw;flex-direction: column;font-size: 14px;padding: 7px 0;}
.hbox2 .mainbox .rightbox .flexbox2::-webkit-scrollbar{display: none !important;}
.hbox2 .mainbox .rightbox .typebox .partbox .imgbox{margin-right: 0;margin-bottom: 7px;}
.hbox3 .mainbox{padding-top: 100px;}
.hbox3 .mainbox .leftbox .textbox .partbox .des1{margin-bottom: 50px;}
footer .fnav{display: none;}
footer .bottombox .flexbox{flex-direction: column;}
footer .bottombox .partbox{width: 100%;margin-bottom: 15px;}
.copyrightbox{margin-top: 20px;}
.copyrightbox .flexbox{flex-direction: column;}
.copyrightbox .flexbox .leftbox{flex-direction: column;}
.hbox4 .mainbox{padding-top: 40px;}
.hbox4 .controlbox{display: none;}
.hbox4 .swiperbox{margin-top: 20px;}
.hbox4swiper .partbox .desbox{margin-bottom: 10px;}
.hbox4swiper .partbox .time{font-size: 14px;}
.hbox4swiper .partbox .titlebox{font-size: 16px;}
.hbox4swiper .partbox .titlebox .type{margin-bottom: 0;}
.hbox4swiper .partbox .topbox{margin-bottom: 20px;}
.hbox4swiper .partbox .desbox{font-size: 14px;}
.logobox .logo{height: 32px;}
.headerbox .serachbox .partbox{width: 40px;height: 40px;margin-left: 20px;}
.headerbox .serachbox .partbox .list {display: none!important;}
footer .mainbox{padding-top: 40px;}
footer .topbox{padding-bottom: 30px;}
footer .bottombox .partbox .markbox{width: 40px;height: 40px;}
footer .bottombox .partbox .textbox{width: 100%;}
footer .bottombox .partbox .text3{max-width: 100%;width: 100%;line-height: 19px;}
footer .bottombox .partbox .pnum{font-size: 18px;}
footer .bottombox .partbox .mnum{font-size: 18px;}
.vmorebox.hasbg .more{height: 42px;line-height: 42px;}
/* 下拉菜单 */
.xxyxlala{display: none;}
}
@media only screen and (max-width: 800px){
.htitlebox .title{font-size: 20px;}
.htitlebox.fcfff .des{font-size: 24px;}
.hbox2 .mainbox .leftbox .textbox{margin-top: 30px;}
.vmorebox .more{height: 36px;}
.vmorebox.hasborder .more{height: 36px;padding: 0 15px;}
.vmorebox .vtext{font-size: 13px;}
.vmorebox img{width: 20px;}
.hbannerswiper .partbox .textbox .wrap{margin-top: 60px;}
.hbannerswiper .swiper-slide-active .partbox .textbox .des{font-size: 15px;}
.hbox2 .mainbox .leftbox .textbox .partbox .des1{font-size: 18px;}
.hbox2 .mainbox .leftbox .textbox .partbox .des2{margin-bottom: 20px;}
.hbox3 .mainbox{position: static;background: #f9f9f9;padding-top: 40px;}
.hbox3 .mainbox .leftbox .textbox{margin-top: 30px;}
.hbox3 .mainbox .leftbox .textbox .partbox .des1{margin-bottom: 20px;font-size: 18px;}
.hbox3 .sweiperbox:after{width: 100%;margin-left: 0;}
.hbox3 .sweiperbox:before{display: none;}
}
@media only screen and (max-width: 640px){
.hbannerswiper .partbox .textbox .wordbox div{font-size: 20px;}
.hbannerswiper .partbox .textbox .wordbox .big{font-size: 33px;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox .big.tryuan:after{display: none;}
.hbannerswiper .swiper-slide-active .partbox .textbox .wordbox .big.bryuan:after{display: none;}
.hbannerswiper .partbox .textbox .wordbox{word-spacing: 0;}
.hbannerswiper .partbox .textbox .wordbox div{margin-right: 4px;}
.hbannerswiper .partbox .textbox .wordbox .big{margin-right: 4px;}
.headerbox .serachbox .partbox{margin-left: 10px;}
}
@media only screen and (max-width: 600px){
.headerbox .serachbox .realsearch .searchform .searchinput{width: calc(90vw - 90px);}
.hbox2 .mainbox .rightbox .typebox .partbox{font-size: 12px;}
.hbox1 .mainbox{padding: 60px 0;}
.hbox1 .mainbox .text1{font-size: 6.6666666vw;}
.hbox1 .mainbox .text1 .p1{font-size: 10vw;}
.hbox1 .mainbox .text2{font-size: 4vw;}
.hbox1 .mainbox .text1 img{height: 5.3333333vw;}
.hbox2 .mainbox .leftbox .textbox .partbox .des1{font-size: 16px;}
.hbox2 .mainbox .leftbox .textbox .partbox .des2{font-size: 14px;}
.hbox3 .mainbox .leftbox .textbox .partbox .des1{font-size: 16px;}
}
@media only screen and (max-width: 400px){

}
/*公共样式*/
.f138{ font-size:138px;}
.f136{ font-size:136px;}
.f126{ font-size:126px;}
.f120{ font-size:120px;}
.f116{ font-size:116px;}
.f92{ font-size:92px;}
.f72{ font-size:72px;}
.f70{ font-size:70px;}
.f68{ font-size:68px;}
.f64{ font-size:64px;}
.f62{ font-size:62px;}
.f60{ font-size:60px;}
.f59{ font-size:59px;}
.f56{ font-size:56px;}
.f55{ font-size:55px;}
.f52{ font-size:52px;}
.f50{ font-size:50px;}
.f48{ font-size:48px;}
.f46{ font-size:46px;}
.f44{ font-size:44px;}
.f42{ font-size:42px;}
.f41{ font-size:41px;}
.f40{ font-size:40px;}
.f38{ font-size:38px;}
.f36{ font-size:36px;}
.f34{ font-size:34px;}
.f32{ font-size:32px;}
.f30{ font-size:30px;}
.f28{ font-size:28px;}
.f26{ font-size:26px;}
.f25{ font-size:25px;}
.f24{ font-size:24px;}
.f22{ font-size:22px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
@media only screen and (max-width: 1600px){
/*公共样式*/  
.f136{ font-size:126px;}
.f120{ font-size:114px;}
}
@media only screen and (max-width: 1500px){
/*公共样式*/  
.f120{ font-size:110px;}
}
@media only screen and (max-width: 1400px){
/*公共样式*/  
.f138{ font-size:122px;}
.f136{ font-size:120px;}
.f126{ font-size:110px;}
.f120{ font-size:108px;}
.f116{ font-size:106px;}
.f92{ font-size:82px;}
.f72{ font-size:62px;}
.f70{ font-size:60px;}
.f68{ font-size:58px;}
.f64{ font-size:54px;}
.f62{ font-size:52px;}
.f60{ font-size:51px;}
.f59{ font-size:50px;}
.f56{ font-size:46px;}
.f55{ font-size:45px;}
.f52{ font-size:43px;}
.f50{ font-size:41px;}
.f48{ font-size:40px;}
.f46{ font-size:39px;}
.f44{ font-size:38px;}
.f42{ font-size:37px;}
.f41{ font-size:36px;}
.f40{ font-size:36px;}
.f38{ font-size:34px;}
.f36{ font-size:32px;}
.f34{ font-size:31px;}
.f32{ font-size:30px;}
.f30{ font-size:29px;}
.f28{ font-size:25px;}
.f26{ font-size:24px;}
.f25{ font-size:23px;}
.f24{ font-size:22px;}
.f22{ font-size:20px;}
.f20{ font-size:19px;}
}
@media only screen and (max-width: 1300px){
/*公共样式*/  
.f136{ font-size:115px;}
}
@media only screen and (max-width: 1200px){
/*公共样式*/  
.f138{ font-size:112px;}
.f136{ font-size:110px;}
.f126{ font-size:100px;}
.f120{ font-size:98px;}
.f116{ font-size:96px;}
.f92{ font-size:76px;}
.f72{ font-size:58px;}
.f70{ font-size:56px;}
.f68{ font-size:54px;}
.f64{ font-size:50px;}
.f62{ font-size:48px;}
.f60{ font-size:46px;}
.f59{ font-size:45px;}
.f56{ font-size:41px;}
.f55{ font-size:40px;}
.f52{ font-size:38px;}
.f50{ font-size:37px;}
.f48{ font-size:36px;}
.f46{ font-size:35px;}
.f44{ font-size:34px;}
.f42{ font-size:33px;}
.f41{ font-size:32px;}
.f40{ font-size:32px;}
.f38{ font-size:30px;}
.f36{ font-size:28px;}
.f34{ font-size:27px;}
.f32{ font-size:26px;}
.f30{ font-size:25px;}
.f28{ font-size:23px;}
.f26{ font-size:22px;}
.f25{ font-size:21px;}
.f24{ font-size:21px;}
.f22{ font-size:19px;}
.f20{ font-size:18px;}
.f18{ font-size:17px;}
.f16{ font-size:15px;}
}

@media only screen and (max-width: 992px){
/*公共样式*/  
.f138{ font-size:102px;}
.f136{ font-size:100px;}
.f126{ font-size:90px;}
.f120{ font-size:88px;}
.f116{ font-size:86px;}
.f92{ font-size:70px;}
.f72{ font-size:53px;}
.f70{ font-size:51px;}
.f68{ font-size:49px;}
.f64{ font-size:45px;}
.f62{ font-size:43px;}
.f60{ font-size:41px;}
.f59{ font-size:40px;}
.f56{ font-size:36px;}
.f55{ font-size:35px;}
.f52{ font-size:33px;}
.f50{ font-size:32px;}
.f48{ font-size:31px;}
.f46{ font-size:30px;}
.f44{ font-size:30px;}
.f42{ font-size:29px;}
.f41{ font-size:28px;}
.f40{ font-size:28px;}
.f38{ font-size:26px;}
.f36{ font-size:24px;}
.f34{ font-size:23px;}
.f32{ font-size:22px;}
.f30{ font-size:21px;}
.f28{ font-size:21px;}
.f26{ font-size:21px;}
.f25{ font-size:20px;}
.f24{ font-size:20px;}
.f22{ font-size:18px;}
.f20{ font-size:17px;}
.f18{ font-size:16px;}
.f16{ font-size:14px;}
}
@media only screen and (max-width: 780px){
/*公共样式*/
.f138{ font-size:92px;}
.f136{ font-size:90px;}
.f126{ font-size:80px;}
.f120{ font-size:78px;}
.f116{ font-size:76px;}
.f92{ font-size:60px;}
.f72{ font-size:48px;}
.f70{ font-size:46px;}
.f68{ font-size:44px;}
.f64{ font-size:40px;}
.f62{ font-size:39px;}
.f60{ font-size:37px;}
.f59{ font-size:36px;}
.f56{ font-size:31px;}
.f55{ font-size:30px;}
.f52{ font-size:29px;}
.f50{ font-size:28px;}
.f48{ font-size:28px;}
.f46{ font-size:28px;}
.f44{ font-size:28px;}
.f42{ font-size:27px;}
.f41{ font-size:26px;}
.f40{ font-size:26px;}
.f38{ font-size:24px;}
.f36{ font-size:22px;}
.f34{ font-size:22px;}
.f32{ font-size:21px;}
.f30{ font-size:20px;}
.f28{ font-size:19px;}
.f26{ font-size:19px;}
.f25{ font-size:18px;}
.f24{ font-size:18px;}
.f22{ font-size:17px;}
.f20{ font-size:16px;}
.f18{ font-size:15px;}
.f16{ font-size:13px;}
.neititlebox .des {
    letter-spacing: 8px;
}
}

@media only screen and (max-width: 640px){
/*公共样式*/
.f138{ font-size:82px;}
.f136{ font-size:80px;}
.f126{ font-size:70px;}
.f120{ font-size:68px;}
.f116{ font-size:66px;}
.f92{ font-size:50px;}
.f72{ font-size:44px;}
.f70{ font-size:42px;}
.f68{ font-size:40px;}
.f64{ font-size:36px;}
.f62{ font-size:35px;}
.f60{ font-size:33px;}
.f59{ font-size:32px;}
.f56{ font-size:27px;}
.f55{ font-size:26px;}
.f52{ font-size:25px;}
.f50{ font-size:25px;}
.f48{ font-size:25px;}
.f46{ font-size:25px;}
.f44{ font-size:25px;}
.f42{ font-size:24px;}
.f41{ font-size:24px;}
.f40{ font-size:24px;}
.f38{ font-size:22px;}
.f36{ font-size:20px;}
.f34{ font-size:20px;}
.f32{ font-size:19px;}
.f30{ font-size:18px;}
.f28{ font-size:17px;}
.f26{ font-size:17px;}
.f25{ font-size:16px;}
.f24{ font-size:16px;}
.f22{ font-size:15px;}
.f20{ font-size:15px;}
.f18{ font-size:14px;}
}
@media only screen and (max-width: 480px){
/*公共样式*/
.f138{ font-size:72px;}
.f136{ font-size:70px;}
.f126{ font-size:60px;}
.f120{ font-size:58px;}
.f116{ font-size:56px;}
.f92{ font-size:44px;}
.f72{ font-size:40px;}
.f70{ font-size:38px;}
.f68{ font-size:36px;}
.f64{ font-size:32px;}
.f62{ font-size:30px;}
.f60{ font-size:28px;}
.f59{ font-size:27px;}
.f56{ font-size:23px;}
.f55{ font-size:22px;}
.f52{ font-size:21px;}
.f50{ font-size:21px;}
.f48{ font-size:21px;}
.f46{ font-size:21px;}
.f44{ font-size:21px;}
.f42{ font-size:20px;}
.f41{ font-size:20px;}
.f40{ font-size:20px;}
.f36{ font-size:18px;}
.f34{ font-size:18px;}
.f32{ font-size:17px;}
.f30{ font-size:16px;}
.f28{ font-size:15px;}
.f26{ font-size:15px;}
.f25{ font-size:15px;}
.f20{ font-size:14px;}
.f18{ font-size:13px;}
.f16{ font-size:12px;}
}

@media only screen and (max-width: 360px){
/*公共样式*/
.f138{ font-size:62px;}
.f136{ font-size:60px;}
.f126{ font-size:50px;}
.f120{ font-size:48px;}
.f116{ font-size:46px;}
.f92{ font-size:40px;}
.f72{ font-size:38px;}
.f70{ font-size:36px;}
.f68{ font-size:34px;}
.f64{ font-size:30px;}
.f62{ font-size:28px;}
.f60{ font-size:26px;}
.f59{ font-size:25px;}
.f56{ font-size:21px;}
.f55{ font-size:20px;}
.f52{ font-size:20px;}
.f50{ font-size:20px;}
.f48{ font-size:20px;}
.f46{ font-size:20px;}
.f44{ font-size:20px;}
.f42{ font-size:19px;}
.f41{ font-size:19px;}
.f40{ font-size:19px;}
.f36{ font-size:18px;}
.f32{ font-size:16px;}
.f30{ font-size:15px;}
.f28{ font-size:14px;}
.f26{ font-size:14px;}
.f25{ font-size:14px;}

}