:root{

	--main-color: #1669ed;

	--main-color2: #a4161a;

	--main-color3: #3e3e3e;

}

.headerwrap{padding: 0 50px;transition: 0.5s;}

.wrap{width: 1760px;margin: 0 auto;max-width: calc(100% - 160px);}

.evenbg{background-color: #f2f2f2;}

.wai{overflow: hidden;}

/* more 按钮 */

.more{

	position: relative;

	width: 132px;

	height: 48px;

	border-radius: 24px;

	/*background-image: linear-gradient(90deg,var(--main-color) 0,var(--main-color2));*/

	background-color: var(--main-color3);

	overflow: hidden;

	transition: 0.5s;

}

.more:after{

	content: "";

	display: block;

	width: 0%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	/*background-image: linear-gradient(90deg,var(--main-color2) 0,var(--main-color));*/

	background-color: var(--main-color);

	transition: 0.5s;

}

.more:hover:after{

	width: 100%;

}

.more .fsbc{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 9;

	width: 100%;

	height: 100%;

	padding: 0 24px;

	color: #fff;

	font-size: 16px;

	box-sizing: border-box;

}

.more .fsbc .jiantou{

	width: 12px;

	height: 12px;

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

	position: relative;

	transition: 0.5s;

}

.more .fsbc .jiantou:after{

	content: "";

	display: block;

	position: absolute;

	top: 50%;

	left: -3px;

	width: 18px;

	height: 1px;

	background-color: #fff;

	transform: rotateZ(45deg);

}

.more:hover .fsbc .jiantou{

	transform: rotateZ(-45deg);

}



.more.type2{

	width: 214px;

	height: 59px;

	box-sizing: border-box;

	border: 1px solid #fff;

	border-radius: 0 0 16px 0;

	background: unset;

}

.more.type2:hover{border-color: var(--main-color);}

.more .text{position: relative;z-index: 9;}

.more .mark{position: relative;z-index: 9;margin-right: 8px;}

.more .mark img{display: block;}

.more.haspad{width: unset;padding: 0 42px;color: #fff;}

.more.type2 .text,.more.type2 .jiantou{position: relative;z-index: 1;}

.more.type2 .jiantou{margin-left: 10px;}

.more.type3{background-color: var(--main-color);}

.more.type3:hover:after{background-color: var(--main-color3);}

.more.type4{

	width: 214px;

	height: 59px;

	box-sizing: border-box;

	border: 1px solid var(--main-color3);

	border-radius: 0 0 16px 0;

	background: unset;

	color: var(--main-color3);

}

.more.type4 .jiantou{position: relative;z-index: 1;margin-left: 10px;}

.more.type4:hover{border-color: var(--main-color);color: #fff;}



.more.fanbai{width: unset;height: 37px; padding: 0 17px;color: #fff;line-height: 37px;box-sizing: border-box;border: 1px solid #fff;border-radius: 19px;background-color: unset;}

.more.fanbai:hover{border-color: var(--main-color);}

.more.fanbai .mark{height: 18px;}

.more.fanbai .mark img{display: block; height: 100%;}

/* 翻页 */

.page{

	text-align: center;

	width: 100%;

	margin-top: 26px;

}

.page a{

	display: inline-block;

	width: 66px;

	height: 44px;

	line-height: 44px;

	font-size: 16px;

	color: #555;

	transition: 0.3s;

	margin-bottom: 20px;

	background-color: #f2f2f2;

}

.page a.on,.page a:hover{

	background-image: linear-gradient(90deg,var(--main-color) 0,var(--main-color2));

	color: #fff;

	transition: 0.3s;

}

/* 导航 */

header{

	position: fixed;

	top: 0;

	z-index: 99;

	width: 100%;

	transition: 0.5s;

	color: #fff;

	font-size: 18px;

}

.headerbox{transition: 0.4s;}

.headerbox .logo .img{height: 80px;}

.headerbox .logo .img:first-child{display: block;}

.headerbox .logo .img:last-child{display: none;}

.headerbox .navflex{height: 100px;}

.headerbox .navflex .menubox .partbox{margin-right: 44px;transition: 0.3s;position: relative;}

.headerbox .navflex .menubox .partbox.on{color: #1669ed;text-shadow: 2px 1px 2px rgba(255, 255, 255, 1);font-weight:500;}

.headerbox .navflex .menubox .partbox:last-child{margin-right: 35px;}

.headerbox .navflex .menubox .partbox a:hover{color:var(--main-color) ;}

.headerbox .navflex .menubox .partbox .xlbox{position: absolute;left: 50%;top: 100%;width: 548px;transform: translateX(-50%);opacity: 0;z-index: -1;pointer-events: none;transition: 0.3s;}

.headerbox .navflex .menubox .partbox:hover .xlbox{opacity: 1;z-index: 2;pointer-events: auto;}

.headerbox .navflex .menubox .partbox .xlbox .xlpart{color: #333;font-size: 14px;width: 16.66666%;margin-bottom: 12px;}

.headerbox .navflex .menubox .partbox .xlbox .xlpart:hover{color: var(--main-color);}

.headerbox .navflex .menubox .partbox .xlbox .xlpart:hover .img:first-child{display: block;}

.headerbox .navflex .menubox .partbox .xlbox .xlpart:hover .img:last-child{display: none;}

.headerbox .navflex .menubox .partbox .xlbox .xlpart .img{max-height: 72px;}

.headerbox .navflex .menubox .partbox .xlbox .xlflexbox{padding: 30px 15px;background-color: #fff;margin-top: 38px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);border-radius: 10px;}

.headerbox .navflex .menubox .partbox .xlbox.type2{width: 250px;}

.headerbox .navflex .menubox .partbox .xlbox.type2 .xlflexbox{box-sizing: border-box;padding: 24px 35px;}

.headerbox .navflex .menubox .partbox .xlbox.type2 .iconbox{width: 70px;height: 70px;border-radius: 50%;background-color: #f5f5f5;margin-right: 10px;transition: 0.3s;}

.headerbox .navflex .menubox .partbox .xlbox.type2 .xlpart:hover .iconbox{background-color: #ffe3cf;}

.headerbox .navflex .menubox .partbox .xlbox.type2 .xlpart{width:100%;font-size: 18px;margin-top: 10px;padding-bottom: 12px;border-bottom: 1px solid #d3d3d3;position: relative;}

.headerbox .navflex .menubox .partbox .xlbox.type2 .xlpart:after{content: "";display: block;width: 0;height: 1px;background-color: var(--main-color);position: absolute;bottom: -1px;left: 0;transition: 0.6s;}

.headerbox .navflex .menubox .partbox .xlbox.type2 .xlpart .xltitle:after{content: "next";font-family: swiper-icons;font-size: 14px;display: inline-block;margin-left: 8px;margin-top: -2px;transition: 0.3s;}

.headerbox .navflex .menubox .partbox .xlbox.type2 .xlpart:hover .xltitle:after{margin-left: 14px;}

/*.headerbox .navflex .menubox .partbox .xlbox.type2 .xlpart:hover{border-color: var(--main-color);}*/

.headerbox .navflex .menubox .partbox .xlbox.type2 .xlpart:hover:after{width: 100%;}

.headerbox .navflex .searchbox{position: relative;}

.headerbox .navflex .searchbox .search{width: 17px;height: 17px;/*margin: 28px;*/margin-right: 26px;}

.headerbox .navflex .searchbox .search .imgbox .img:first-child{width: 100%;display: block;}

.headerbox .navflex .searchbox .search .imgbox .img:nth-child(2){width: 100%;display: none;}

.headerbox .navflex .searchbox .search .imgbox .img:last-child{width: 100%;display: none;}

.headerbox .navflex .searchbox .telbox{margin-right: 22px;}

.headerbox .navflex .searchbox .telbox .imgbox{width: 17px;height: 17px;margin: 8px;}

.headerbox .navflex .searchbox .telbox .imgbox .img:first-child{width: 100%;display: block;}

.headerbox .navflex .searchbox .telbox .imgbox .img:last-child{width: 100%;display: none;}
.headerbox .navflex .searchbox .telbox .telnum{font-size: 24px;}

.headerbox .navflex .searchbox .hcasebox{padding: 0 20px 0 25px;position: relative;height: 44px;border-radius: 22px;overflow: hidden;}

.headerbox .navflex .searchbox .hcasebox:after{content: "";display: block;position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: var(--main-color);z-index: 0;height: 44px;border-radius: 22px;transition: 0.5s;}

.headerbox .navflex .searchbox .hcasebox:hover:after{width: 44px;}

.headerbox .navflex .searchbox .hcasebox .text{position: relative;z-index: 2;transition: 0.3s;}

.headerbox .navflex .searchbox .hcasebox .iconbox{width: 9px;height: 9px;margin-left: 26px;transition: 0.5s;position: relative;z-index: 2;}

.headerbox .navflex .searchbox .hcasebox .iconbox img{width: 100%;display: block;}

.headerbox .navflex .searchbox .hcasebox:hover .iconbox{transform: translateX(3px);}

.headerbox .navflex .searchbox .searchinput{position: absolute;top: 0;left: 50%;width: 100%;height: 100%;background-color: #fff;z-index: 3;opacity: 0;transition: 0.5s;pointer-events: none;}

.headerbox .navflex .searchbox.on .searchinput{z-index: 3;opacity: 1;pointer-events: auto;left: 0;}

.headerbox .navflex .searchbox .searchinput .hsform{width: 100%;border-radius: 30px;overflow: hidden;background-color: var(--main-color3);}

.headerbox .navflex .searchbox .searchinput .hsform .sinput{width: 100%;height: 44px;background-color: var(--main-color3);color: #fff;text-indent: 20px;font-size: 16px;}

.headerbox .navflex .searchbox .searchinput .hsform .sinput::placeholder{color: #fff;font-size: 16px;}

.headerbox .navflex .searchbox .searchinput .hsform .sbtn{width: 44px;height: 44px;background: url(../image/search.png) center center no-repeat;background-size: 17px;cursor: pointer;}

.headerbox .navflex .searchbox .searchinput .sclosebtn{width: 44px;height: 44px;position: relative;cursor: pointer;transition: 0.5s;}

.headerbox .navflex .searchbox .searchinput .sclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: var(--main-color3);position: absolute;left: 7px;top: 21px;transform: rotateZ(45deg);}

.headerbox .navflex .searchbox .searchinput .sclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: var(--main-color3);position: absolute;left: 7px;top: 21px;transform: rotateZ(-45deg);}

header.tosmall{top: -100px;}

.headerbox.tosmall{color: #333;background-color: #fff;box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);}

.headerbox.tosmall .logo .img:first-child{display: none;}

.headerbox.tosmall .logo .img:last-child{display: block;}

.headerbox.tosmall .navflex .searchbox .hcasebox .text{color: #fff;}

.headerbox.tosmall .navflex .searchbox .hcasebox:hover .text{color: #333;}

.headerbox.tosmall .navflex .searchbox .telbox .imgbox .img:first-child{width: 100%;display: none;}

.headerbox.tosmall .navflex .searchbox .telbox .imgbox .img:last-child{width: 100%;display: block;}

.headerbox.tosmall .navflex .searchbox .search .imgbox .img:first-child{width: 100%;display: none;}

.headerbox.tosmall .navflex .searchbox .search .imgbox .img:last-child{width: 100%;display: block;}

.headerbox.tosmall .navflex .searchbox .search .imgbox:hover .img:last-child{width: 100%;display: none;}

.headerbox.tosmall .navflex .searchbox .search .imgbox:hover .img:nth-child(2){width: 100%;display: block;}

.headerbox .navflex .searchbox .search:hover{cursor: pointer;}

.headerbox .navflex .searchbox .searchinput .sclosebtn:hover{transform: rotateZ(180deg);}



/*首页banner*/

.hbannerswiper .partbox .imgbox img{width: 100%;}

.hbannerswiper .partbox .hvideo video{display: block;width: 100%;}

.hbanner .swiper-button-prev,.hbanner .swiper-button-next{width: 55px;height: 55px;border-radius: 50%;border: 1px solid #fff;box-sizing: border-box;top: unset;bottom: 84px;transition: 0.3s;}

.hbanner .swiper-button-prev{left: 80px;}

.hbanner .swiper-button-next{left: 160px;}

.hbanner .swiper-button-prev:after,.hbanner .swiper-button-next:after{font-size: 12px;color: #fff;transition: 0.3s;}

.hbanner .swiper-button-next:hover{border-color: var(--main-color);}

.hbanner .swiper-button-prev:hover{border-color: var(--main-color);}

.hbanner .swiper-button-prev:hover:after,.hbanner .swiper-button-next:hover:after{color: var(--main-color);}

.hbanner .swiper-button-next:before{display: none; content: "";display: none;width: 100%;height: 100%;position: absolute;box-sizing: border-box;border: 2px solid #fff;border-radius: 50%;animation: zqqdh 5s -2s linear infinite;}

.hbannerswiper .cont{position: absolute;left: 0;top: 0;height: 100%;width: 100%;line-height: 1.6em;color: #ffffff;display: flex;align-items: center;justify-content: left;}

.hbannerswiper .cont .wrap{ margin:0 auto;position:relative; height:100%;}

.hbannerswiper .cont .text{opacity: 0;transition: all 3.5s; /* position:absolute; left: 30%; right: 0;top:0%; */ width:70%;position: absolute;left: 30%;top: -130px;}

.hbannerswiper .swiper-slide-active .cont .text{ opacity: 1;left: 0;}

.hbannerswiper .cont .banner2_one{width: 100%;width:100%;display: table-cell;vertical-align: middle;}

.hbannerswiper .cont .text .h3{font-weight: bold;color: #fff;font-size: 69px;margin-bottom: 1.5%;line-height: 1.3;overflow: hidden;}

.hbannerswiper .cont .text .p{overflow: hidden;font-size: 34px;line-height: 1.6;}

.hbannerswiper .cont .text .p .ico{display: inline-block;margin-right: 3%;height: 19px;}

@keyframes zqqdh{

	0%{clip-path: polygon(50% 0%,50% 50%,50% 0%)}

	12.5%{clip-path: polygon(50% 0%,50% 50%,100% 0%)}

	12.6%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 0%)}

	25%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 50%)}

	37.5%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 100%)}

	37.6%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 100%,100% 100%)}

	50%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 100%,50% 100%)}

	50.1%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 100%,50% 100%,50% 100%)}

	62.5%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 100%,50% 100%,0% 100%)}

	62.6%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 100%,50% 100%,0% 100%,0% 100%)}

	75%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 100%,50% 100%,0% 100%,0% 50%)}

	75.1%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 100%,50% 100%,0% 100%,0% 50%,0% 50%)}

	87.5%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%)}

	87.6%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%,0% 0%)}

	100%{clip-path: polygon(50% 50%,50% 0,100% 0%,100% 100%,50% 100%,0% 100%,0% 50%,0% 0%,50% 0%)}

}

.hbanner .swiper-pagination{bottom: 80px;text-align: right;box-sizing: border-box;padding-right: 80px;color: #fff;font-size: 16px;}

.hbanner .swiper-pagination .swiper-pagination-current{font-size: 36px;}

.hbanner .mousebox{position: absolute;bottom: 90px;left: 50%;width: 17px;height: 29px;box-sizing: border-box;border: 1px solid #fff;border-radius: 8px;z-index: 9;animation: mousebox 1s linear infinite;}

.hbanner .mousebox:after{content: "";display: block;width: 3px;height: 6px;border-radius: 1px;background-color: #fff;position: relative;top: 5px;left: 6px;}

@keyframes mousebox{

	0%{transform: translateY(-5px);}

	50%{transform: translateY(5px);}

	100%{transform: translateY(-5px);}

}

/*首页公用标题*/

.htitlebox .title{font-size: 36px;color: #333;text-align: center;}

.htitlebox .des{font-size: 18px;color: #666666;}

.htitlebox .des2{font-size: 22px;color: #333333;margin-top: 34px;}

/*hbox1*/

.hbox1{padding-top: 80px;padding-bottom: 67px;}

.hbox1 .mainbox{margin-top: 92px;}

.hbox1 .mainbox .topbox{position: relative;margin-bottom: 42px;}

.hbox1 .mainbox .topbox .bgbox{padding: 0 50px;box-sizing: border-box;opacity: 0.46;position: relative;}

.hbox1 .mainbox .topbox .bgbox img{width: 100%;}

.hbox1 .mainbox .topbox .bgbox:after{content: "";display: block;width: 100%;height: 100%;background-color: #fff;z-index: 2;position: absolute;top: 0;right: 0;}

.hbox1 .mainbox .topbox .bgbox.start:after{animation: xxytoright 3s linear forwards;}

@keyframes xxytoright{

	to{width: 0;}

}

.hbox1 .mainbox .neirongbox{position: absolute;top: 0;left: 0px;width: 100%;height: 100%;box-sizing: border-box;padding: 0 50px;}

.hbox1 .mainbox .neirongbox .partbox{width: 16.6666666%;height: 100%;}

.hbox1 .mainbox .neirongbox .partbox:nth-child(2n) .item1{order: 1;}

.hbox1 .mainbox .neirongbox .partbox:nth-child(2n) .textbox{order: 0;}

.hbox1 .mainbox .neirongbox .partbox .num{width: 55px;height: 55px;box-sizing: border-box;border-radius: 50%;border: 2px solid #1467ec;line-height: 53px;text-align: center;background-color: #fff;font-size: 30px;color: #1467ec;position: relative;z-index: 2;}

.hbox1 .mainbox .neirongbox .partbox:nth-child(2n) .num{order: 1;}

.hbox1 .mainbox .neirongbox .partbox .icon{margin-top: 30px;height: 76px;transition: 1.2s;}

.hbox1 .mainbox .neirongbox .partbox .icon img{height: 100%;}

.hbox1 .mainbox .neirongbox .partbox:nth-child(2n) .icon{margin-top: 0;margin-bottom: 30px;}

.hbox1 .mainbox .neirongbox .partbox .textbox{margin-bottom: 52px;}

.hbox1 .mainbox .neirongbox .partbox:nth-child(2n) .textbox{margin-bottom: 0px;margin-top: 20px;}

.hbox1 .mainbox .neirongbox .partbox .entitle{font-size: 18px;color: #a8a8a8;text-align: center;}

.hbox1 .mainbox .neirongbox .partbox .title{font-size: 28px;color: #333333;text-align: center;}

.hbox1 .mainbox .neirongbox .partbox:hover .title{color: var(--main-color);}

.hbox1 .mainbox .neirongbox .partbox:hover .num{color: var(--main-color);border-color: var(--main-color);}

.hbox1 .mainbox .neirongbox .partbox:hover .icon{transform: translateY(15px);}

.hbox1 .mainbox .neirongbox .partbox:nth-child(2n):hover .icon{transform: translateY(-15px);}

.hbox1 .mainbox .bottombox{color: #fff;border-radius: 20px;overflow: hidden;position: relative;}

.hbox1 .mainbox .bottombox .partbox{display: none;transition: 0.5s;}

.hbox1 .mainbox .bottombox .partbox.on{display: block;}

.hbox1 .mainbox .bottombox .bgbox{background: #1467ec url(../image/hbox1bottombg.png) left bottom no-repeat;position: relative;}

.hbox1 .mainbox .bottombox .tybgbox{display: block;/*width: 60px;height: 10px;background: url(../images/tybg.png) center center no-repeat;*/position: absolute;z-index: 1;top: 0;left: calc(((100vw - 260px) / 12) + 20px);transition: 0.5s;}

.hbox1 .mainbox .bottombox .tybgbox img{display: block;}

.hbox1 .mainbox .bottombox .partbox{align-items: stretch;padding: 27px 0;transition: 0.5s;}

.hbox1 .mainbox .bottombox .partbox .box1{width: 211px;box-sizing: border-box;height: 148px;border-right: 1px solid rgba(255, 255, 255, 0.3);}

.hbox1 .mainbox .bottombox .partbox .box1 .title{font-size: 24px;font-weight: bold;padding-bottom: 25px;position: relative;}

.hbox1 .mainbox .bottombox .partbox .box1 .title:after{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 5px;border-radius: 3px;background-image: linear-gradient(90deg,#5bb3ff 0,#ffcaa4);}

.hbox1 .mainbox .bottombox .partbox .box2{width: 100%;box-sizing: border-box;height: 148px;border-right: 1px solid rgba(255, 255, 255, 0.3);padding: 0 55px;}

.hbox1 .mainbox .bottombox .partbox .box2 .des{font-size: 19px;line-height: 1.6;}

.hbox1 .mainbox .bottombox .partbox .box3{width: 288px;box-sizing: border-box;height: 148px;border-right: 1px solid rgba(255, 255, 255, 0.3);display: none;}

.hbox1 .mainbox .bottombox .partbox .box3 .item{margin-bottom: 8px;}

.hbox1 .mainbox .bottombox .partbox .box3 .top{font-size: 24px;margin-bottom: 20px;}

.hbox1 .mainbox .bottombox .partbox .box3 .item .imgbox{width: 22px;height: 22px;margin-right: 16px;}

.hbox1 .mainbox .bottombox .partbox .box3 .item .imgbox img{max-width: 22px;max-height: 22px;}

.hbox1 .mainbox .bottombox .partbox .box4{width: 392px;box-sizing: border-box;height: 148px;border-right: 1px solid rgba(255, 255, 255, 0.3);}



/*hbox2*/

.hbox2{padding-top: 80px;padding-bottom: 67px;background: url(../image/hbox2bg.jpg) center center no-repeat;background-size: cover;}

.hbox2 .mainbox{margin-top: 77px;}

.hbox2 .numtext .partbox{margin: 0 21px;}

.hbox2 .fullbox{width: 100%;padding-top: 46.7680608%; box-sizing: border-box;border-radius: 10px;overflow: hidden;}

.hbox2 .fullbox img{transition: 0.5s;}

.hbox2 .fullbox:hover img{transform: scale(1);}

.hbox2 .fullbox .imgbox{padding: 20px;box-sizing: border-box;background-color: #fff;}

.hbox2 .numtext{font-size: 30px;color: #333;}

.hbox2 .numtext .num{font-size: 60px;color: var(--main-color3);}

.hbox2 .numtext .num#num1{display: inline-block;position: relative;padding-right: 10px;}

.hbox2 .numtext .num#num1:after{content: "+";font-size: 24px;position: absolute;right: 0px;top: -10px;}

.hbox2swiper{margin-top: 70px;}

.hbox2 .bpsbox{position: absolute;top: -50px;right: -250px;width: 155px;height: 155px;z-index: 3;cursor: pointer;}

.hbox2 .bpsbox .bgbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation: zhuanquan 5s linear infinite;}

.hbox2 .bpsbox .bgbox img{transition: 0.3s;}

.hbox2 .bpsbox:hover .bgbox img{transform: scale(0.9);}

.hbox2 .bpsbox .textbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;}

.hbox2 .bpsbox .textbox img{display: block;margin-bottom: 5px;}

.hbox2 .bpsbox .textbox .text1{font-size: 26px;line-height: 1.1;}

.hbox2 .bpsbox .textbox .text2{font-size: 14px;}

.hbox2 .htitlebox .title{position: relative;}

.partnerformtcbox{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.6);z-index: -2;pointer-events: none;opacity: 0;transition: 0.6s;}

.partnerformtcbox.on{z-index: 99;opacity: 1;pointer-events: auto;}

.partnerformtcbox .mainbox{max-width: 665px;position: relative;margin: 0 auto;border-radius: 16px;overflow: hidden;width: 94%;}

.partnerformtcbox .mainbox .contact4box{max-height: 850px;overflow-y: auto;background: #fff;}

/* .partnerformtcbox .mainbox .contact4box .contactform{box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}

.partnerformtcbox .mainbox .contact4box .contactform:before{content: "";display: block;width: 190px;height: 60px;background-color: #fff;position: absolute;bottom: -15px;right: -5px;border-radius: 0 0 0 12px} */

.partnerformclosebtn{position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;cursor: pointer;transition: 0.6s;}

.partnerformclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #ffffff;position: absolute;top: 19px;left: 5px;transform: rotateZ(-45deg);}

.partnerformclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #ffffff;position: absolute;top: 19px;left: 5px;transform: rotateZ(45deg);}

.partnerformclosebtn:hover{transform: rotateZ(360deg);}

.partnerformtcbox .contact4box .mainbox{padding-top: 0px;padding-bottom: 30px;width: 100%;}

.partnerformtcbox .contactform{padding: 40px 30px 5px;background: url(../image/i_bg1.jpg) #ffffff center top no-repeat;background-size: 100% auto; }

/* .partnerformtcbox .contactform:after{background: url(../image/cformbg2.png) center center no-repeat;} */

.partnerformtcbox .contact4box .mainbox .rightbox .title{font-size: 30px;color: #ffffff;margin-bottom: 25px;}

.partnerformtcbox .contact4box .mainbox .rightbox .title2{font-size: 24px;color: #5bb3ff;margin-top: 35px;text-align: center;}

.partnerformtcbox .contact4box .mainbox .rightbox .title3{font-size: 24px;color: #333333;text-align: center;margin-top: 5px;font-weight: bold;}

.partnerformtcbox .contact4box .mainbox .rightbox .title4{font-size: 16px;color: #333333;margin-top: 8px;text-align: center;line-height: 1.5;margin-bottom: 50px;}

.partnerformtcbox .contact4box .mainbox .rightbox .ul{margin-top: 36px;display: flex;justify-content: center;align-items: center;text-align: center;color: #333333;font-size: 18px;line-height: 22px;flex-wrap: wrap;}

.partnerformtcbox .contact4box .mainbox .rightbox .ul img{margin-right: 12px;height: 21px;margin-left: 20px;}



.partnerformtcbox .contactform .flexbox2 .partbox .text{font-size: 16px;margin-bottom: 5px;}

.partnerformtcbox .contact4box .mainbox .rightbox .partbox select{font-size: 14px;height: 36px;line-height: 36px;}

.partnerformtcbox .contact4box .mainbox .rightbox .partbox input{font-size: 14px;height: 36px;line-height: 36px;}

.partnerformtcbox .contact4box .mainbox .rightbox .partbox{margin-bottom: 15px;}

.partnerformtcbox .contact4box .mainbox .rightbox .partbox .inputbox:after{width: 32px;height: 32px;}

.partnerformtcbox .contactform .flexbox2 .partbox .morebox .text{margin-bottom: 0;font-size: 14px;}

.partnerformtcbox .contactform .flexbox2 .partbox .morebox .more{height: 36px;line-height: 36px;padding: 0 15px;border-radius: 0 0 18px 0;margin-top: 10px;}

.partnerformtcbox .contactform:after{display: none;}

/*hbox3*/

.hbox3{padding-top: 80px;padding-bottom: 114px;background: url(../image/hbox3bg.jpg) center center no-repeat;background-size: cover;}

.hbox3 .topchangebox{color: #fff;font-size: 16px;}

.hbox3 .topchangebox .partbox{padding: 0 20px;margin: 0 10px;transition: 0.3s;border-radius: 20px;line-height: 40px;cursor: pointer;}

.hbox3 .topchangebox .partbox.on,.hbox3 .topchangebox .partbox:hover{background-color: var(--main-color);}

.hbox3 .mainbox{margin-top: 80px;}

.hbox3 .topchangebox .leftbox{margin: 0 auto;}

.hbox3swiper{position: absolute;top: 0;left: 0;width: 100%;z-index: 0;opacity: 0;transition: 0.6s;}

.hbox3swiper.on{position: relative;z-index: 2;opacity: 1;}

.hbox3swiper .partbox{background-color: #fff;border-radius: 10px;overflow: hidden;}

.hbox3swiper .partbox .flexbox{align-items: stretch;}

.hbox3swiper .partbox .leftbox{height: 446px;padding: 77px 47px;box-sizing: border-box;width: 333px;}

.hbox3swiper .partbox .leftbox .flexbox2{height: 100%;}

.hbox3swiper .thislogo{height: 58px;margin-bottom: 18px;}

.hbox3swiper .thislogo img{height: 100%;}

.hbox3swiper .name{font-size: 24px;color: #333;}

.hbox3swiper .text1{font-size: 18px;color: #333;margin-bottom: 2px;}

.hbox3swiper .text2{font-size: 14px;color: #898989;}

.hbox3swiper .linebox{width: 1px;height: 26px;background-color: #c5c5c6;margin: 0 13px 0 8px;}

.hbox3swiper .bottombox .itembox:not(:last-child){margin-bottom: 32px;}

.hbox3swiper .partbox .rightbox{width: 100%;position: relative;}

.hbox3swiper .partbox .rightbox .bgbox{height: 100%;}

.hbox3swiper .partbox .rightbox .bgbox .guccbox{width: 100%;height: 100%;}

.hbox3swiper .partbox .rightbox .bgbox .guccbox img{transition: 1.5s;}

.hbox3swiper .partbox .rightbox .centerbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);opacity: 0;transition: 0.3s;}

.hbox3swiper .partbox .rightbox .centerbox:hover{opacity: 1;}

.hbox3swiper .partbox .rightbox .centerbox .morebox{margin: 0 12px;}

.hbox3swiper .swiper-button-prev{left: calc(16.6666666vw - 80px);width: 63px;height: 63px;border-radius: 50%;background: #6d7fd2;overflow: hidden;}

.hbox3swiper .swiper-button-next{right: calc(16.6666666vw - 80px);width: 63px;height: 63px;border-radius: 50%;background: #6d7fd2;overflow: hidden;}

.hbox3swiper .swiper-button-prev:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3; background: url(../image/hbox3jt2.png) center center no-repeat;}

.hbox3swiper .swiper-button-next:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3; background: url(../image/hbox3jt1.png) center center no-repeat;}

.hbox3swiper .swiper-button-prev:before{content: "";display: block;width: 0;height: 100%;position: absolute;z-index: 2;top: 0;right: 0;transition: 0.6s;background-color: var(--main-color);border-radius: 50%;}

.hbox3swiper .swiper-button-next:before{content: "";display: block;width: 0;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;transition: 0.6s;background-color: var(--main-color);border-radius: 50%;}

.hbox3swiper .swiper-button-prev:hover:before,.hbox3swiper .swiper-button-next:hover:before{width: 100%;}





/*.hbox3swiper .swiper-button-prev:hover,.hbox3swiper .swiper-button-next:hover{background-color: var(--main-color);}*/

/*hbox4*/

.hbox4{padding-top: 80px;padding-bottom: 114px;background: url(../image/hbox4bg.jpg) center center no-repeat;background-size: cover;}

.hbox4 .mainbox{margin-top: 120px;}

.hbox4 .mainbox .partbox{width: 20%;padding: 0 75px;text-align: center;}

.hbox4 .mainbox .partbox .imgbox{height: 145px;transition: 0.6s;}

.hbox4 .mainbox .partbox .imgbox img{height: 100%;}

.hbox4 .mainbox .partbox .title{font-size: 24px;color: var(--main-color3);margin-bottom: 12px;margin-top: 58px;transition: 0.6s;}

.hbox4 .mainbox .partbox .des{font-size: 18px;color: #333;line-height: 1.6;}

.hbox4 .mainbox .partbox:hover .title{transform: translateY(-10px);}

.hbox4 .mainbox .partbox:hover .imgbox{/*animation: hbox4img 2s linear infinite;*/transform: translateY(-10px) rotateY(360deg);}

@keyframes hbox4img{

	0%{transform: translateY(0px) rotateY(0);}

	50%{transform: translateY(-16px) rotateY(180deg);}

	100%{transform: translateY(0px) rotateY(360deg);}

}

/*hbox5*/

.hbox5{padding-top: 133px;padding-bottom: 114px;background:var(--main-color3);/* url(../images/hbox5bg.png) right bottom no-repeat;background-size: auto 100%;background-position: 100% 200%;*/position: relative;}

.hbox5 .loubgbox{position: absolute;top: 0;right: 0;height: 100%;width: auto;}

.hbox5 .loubgbox .imgbox{width: 100%;height: 100%;}

.hbox5 .loubgbox .imgbox img{height: 100%;}

.hbox5 .wrap{position: relative;z-index: 3;}

.hbox5 .mainbox{}

.hbox5 .mainbox .leftbox{width: 670px;color: #fff;}

.hbox5 .mainbox .leftbox .titlebox{margin-bottom: 80px;}

.hbox5 .mainbox .leftbox .titlebox .title{font-size: 36px;}

.hbox5 .mainbox .leftbox .titlebox .des{font-size: 18px;}

.hbox5 .mainbox .leftbox .tetxbox{margin-bottom: 115px;}

.hbox5 .mainbox .leftbox .tetxbox .title{font-size: 24px;margin-bottom: 18px;}

.hbox5 .mainbox .leftbox .tetxbox .des{font-size: 18px;line-height: 1.4;text-align: justify;}

.hbox5 .mainbox .leftbox .numbox{}

.hbox5 .mainbox .leftbox .numbox .flexbox2{width: 100%;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox{width: -moz-calc(50% - 15px);width: -webkit-calc(50% - 15px);width: calc(50% - 15px);color: #ffffff;padding-bottom: 20px;margin-bottom: 60px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);position: relative;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox:after{content: "";display: block;position: absolute;left: 0;bottom: 0;width: 21px;height: 2px;background-color: #cccccc;transition: 0.6s;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox:hover:after{width: 100%;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .num{font-size: 60px;line-height: 0.8;margin-bottom: 16px;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .num sub{font-size: 25px;vertical-align: unset;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .des{font-size: 18px;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .iconbox{transition: 0.3s;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .iconbox .imgbox{width: 60px;position: relative;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .iconbox .imgbox img{width: 100%;transition: 0.6s;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .iconbox .imgbox img:last-child{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: 0;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox:hover .iconbox .imgbox img:first-child{opacity: 0;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox:hover .iconbox .imgbox img:last-child{opacity: 1;}

/*.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox:hover .iconbox{filter: grayscale(100%) brightness(1000%)}*/

.hbox5 .mainbox .rightbox{width: 100%;}

.hbox5 .mainbox .rightbox .playbox{cursor: pointer;margin-left: 50%;}

.hbox5 .mainbox .rightbox .playbox .imgbox{width: 94px;margin-bottom: 18px;position: relative;}

.hbox5 .mainbox .rightbox .playbox .imgbox img{width: 100%;transition: 0.3s;}

.hbox5 .mainbox .rightbox .playbox .imgbox img:last-child{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: 0;}

.hbox5 .mainbox .rightbox .playbox:hover .imgbox img:first-child{opacity: 0;}

.hbox5 .mainbox .rightbox .playbox:hover .imgbox img:last-child{opacity: 1;}

.hbox5 .mainbox .rightbox .playbox .imgbox .idh{position: absolute;bottom: 3px;right: 0;}

.hbox5 .mainbox .rightbox .playbox .imgbox .idh i{display: block;width: 6px;height: 28px;border-radius: 3px 3px 0 0;background-color: #fff;overflow: hidden;position: absolute;bottom: 0;transition: 0.3s;}

.hbox5 .mainbox .rightbox .playbox .imgbox .idh i:nth-child(1){right: 0;animation: idh 2s linear infinite;}

.hbox5 .mainbox .rightbox .playbox .imgbox .idh i:nth-child(2){right: 11px;animation: idh 2s 0.5s linear infinite;}

.hbox5 .mainbox .rightbox .playbox .imgbox .idh i:nth-child(3){right: 22px;animation: idh 2s 1s linear infinite;}

.hbox5 .mainbox .rightbox .playbox .text{color: #fff;font-size: 24px;transition: 0.3s;}

.hbox5 .mainbox .rightbox .playbox:hover .imgbox .idh i{background-color: var(--main-color);}

.hbox5 .mainbox .rightbox .playbox:hover .text{color: var(--main-color);}

.hbox5 .bpsbox{position: absolute;bottom: 100px;right: 100px;width: 155px;height: 155px;z-index: 3;cursor: pointer;}

.hbox5 .bpsbox .bgbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation: zhuanquan 5s linear infinite;}

.hbox5 .bpsbox .bgbox img{transition: 0.3s;}

.hbox5 .bpsbox:hover .bgbox img{transform: scale(0.9);}

.hbox5 .bpsbox .textbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;}

.hbox5 .bpsbox .textbox .text1{font-size: 26px;}

.hbox5 .bpsbox .textbox .text2{font-size: 14px;}

@keyframes zhuanquan{

	100%{transform: rotateZ(360deg);}

}

@keyframes idh{

	0%{height: 28px;}

	50%{height: 5px;}

	100%{height: 28px;}

}

/*hbox6*/

.hbox6{padding-top: 80px;padding-bottom: 68px;background: #fbfbfb url(../image/hbox6bgimg.png) center center no-repeat;background-size: cover;}

.hbox6 .mainbox{}

.hbox6 .mainbox .topchangebox .changebox .partbox{color: #333;font-size: 18px;border-radius: 20px;line-height: 40px;padding: 0 25px;transition: 0.3s;cursor: pointer;margin-right: 8px;}

.hbox6 .mainbox .topchangebox .changebox .partbox:last-child{margin-right: 0;}

.hbox6 .mainbox .topchangebox .changebox .partbox.on{color: #fff;background-color: var(--main-color3);}

.hbox6 .mainbox .bottomchangebox{margin-top: 10px;}

.hbox6 .mainbox .bottomchangebox .partbox{display: none;}

/*.hbox6 .mainbox .bottomchangebox .partbox.on{display: block;}*/

.hbox6 .mainbox .bottomchangebox .partbox .flexbox{align-items: stretch;}

.hbox6 .mainbox .bottomchangebox .partbox .samebox{border-bottom: 1px solid var(--main-color3);}

.hbox6 .mainbox .bottomchangebox .partbox .box1{width: 33%;flex-shrink: 0;margin:5px auto}

.hbox6 .mainbox .bottomchangebox .partbox .box2{width: 100%;margin-left: 40px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .guccbox{width: 100%;flex-shrink: 0;height: 350px;border-radius: 20px;overflow: hidden;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .guccbox img{transition: 0.5s;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .textbox{width: 100%;padding-left: 26px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .midbox{margin-top: 46px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .midbox .name{font-size: 16px;color: #666;margin-bottom: 3px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .title{font-size: 20px;color: #333;margin-bottom: 20px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .seetime{padding-bottom: 52px;border-bottom: 1px solid #dfdfdf;margin-bottom: 50px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .eyesbox{width: 17px;margin-right: 6px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .eyesbox img{display: block;width: 100%;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .num{font-size: 12px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .des{font-size: 18px;color: #666;margin-top: 20px;margin-bottom: 35px;}

.h6topbox{color: var(--main-color3);font-size: 16px;line-height: 1.5;margin-top: 35px;}

.h6topbox .text{letter-spacing: 2px;}

.h6topbox .linebox{width: 2px;height: 38px;background-color: var(--main-color3);margin: 0 20px 0 18px;}

.hbox6 .mainbox .bottomchangebox .partbox .box2 .title{font-size: 20px;color: #333333;margin-bottom: 72px;margin-top: 46px;height: 52px;}

.hbox6 .mainbox .bottomchangebox .partbox .box2 .des{font-size: 18px;color: #666666;margin-bottom: 132px;height: 72px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1:hover .title{color: #1467ec;}

.hbox6 .mainbox .bottomchangebox .partbox .box2:hover .title{color: #1467ec;}

.viewmore{font-size: 14px;color: #1467ec;}

.viewmore .linebox{width: 1px;height: 11px;background-color: var(--main-color3);margin: 0 14px;}

.viewmore .markbox{width: 17px;}

.viewmore .markbox img{display: block;width: 100%;}

/*.hbox6 .mainbox .bottomchangebox .partbox .samebox:hover .viewmore .markbox{animation: jtd 1s ease-out infinite;}*/

.hbox6 .mainbox .bottomchangebox .partbox .samebox .viewmore{transition: 0.3s;}

.hbox6 .mainbox .bottomchangebox .partbox .samebox:hover .viewmore{transform: translateX(7px);}

@keyframes jtd{

	50%{transform: translateX(7px);}

	100%{transform: translateX(0px);}

}



/*hbox7*/

.hbox7{padding: 60px 0;}

.hbox7 .mainbox{padding: 0 130px 0 80px;background: url(../image/hbox7bg.png) center center no-repeat;background-size: cover;border-radius: 20px;overflow: hidden;}

.hbox7 .mainbox .flexbox{height: 155px;}

.hbox7 .leftbox .imgbox{width: 94px;height: 94px;border-radius: 50%;background-color: #1467ec;position: relative;margin-left: 12px;margin-right: 25px;}

.hbox7 .leftbox .imgbox img{width: 60px;display: block;position: relative;z-index: 2;}

.hbox7 .leftbox .imgbox:after,.hbox7 .leftbox .imgbox:before{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0%;left: 0%;border-radius: 50%;background-color: #5db4ff;z-index: 1;}

.hbox7 .leftbox .imgbox:before{animation: bordersan 2s 1s linear infinite;}

.hbox7 .leftbox .imgbox:after{animation: bordersan 1s linear infinite;}

.hbox7 .leftbox .title{font-size: 28px;color: #fff;margin-bottom: 3px;}

.hbox7 .leftbox .des{font-size: 14px;color: #fff;}

.hbox7 .rightbox .mesgbox{height: 42px;border-radius: 21px;background-color: #fff;overflow: hidden;line-height: 42px;padding: 0 20px;}

.hbox7 .rightbox .mesgbox .box{font-size: 16px;color: #666;}

.hbox7 .rightbox .mesgbox .box span{font-size: 16px;color: var(--main-color);}

.hbox7swiper{height: 42px;overflow: hidden;padding: 0 22px;margin: 0 28px;position: relative;}

.hbox7swiper:after{content: "";display: block;width: 1px;height: 15px;background-color: #bfbfbf;left: 0;top: 14px;position: absolute;}

.hbox7swiper:before{content: "";display: block;width: 1px;height: 15px;background-color: #bfbfbf;right: 0;top: 14px;position: absolute;}

/*.hbox7swiper .box{height: 42px;}*/

.hbox7 .rightbox .btnbox{margin-left: 72px;}

.hbox7 .rightbox .btnbox .more{margin: 0 12px;}

@keyframes bordersan{

	0%{transform: scale(1.0);opacity: 0.8;}

	50%{transform: scale(1.1);opacity: 0.4;}

	100%{transform: scale(1.2);opacity: 0;}

}

/* footer */

footer{background-color: var(--main-color3);}
footer.mobile{margin-bottom: 68px;}

footer .mainbox{}

footer .mainbox .topbox .flexbox{height: 112px;border-bottom: 1px solid #cccccc;}

footer .mainbox .topbox .flexbox .rightbox .partbox{position: relative;}

footer .mainbox .topbox .flexbox .rightbox .partbox .qrcodebox{position: absolute;top: 0px;right: -40px;opacity: 1;z-index: -2;pointer-events: none;transition: 0.5s;width: 120px;height: 120px;transform: scale(0);}

footer .mainbox .topbox .flexbox .rightbox .partbox .qrcodebox:after{content: "";display: block;width: 8px;height: 8px;background-color: #fff;transform: rotateZ(45deg);position: absolute;top: -4px;left: calc(50% - 4px);}

footer .mainbox .topbox .flexbox .rightbox .partbox:hover .qrcodebox{top: 90px;right: -40px;opacity: 1;z-index: 91;pointer-events: none;transform: scale(1.0);}

footer .mainbox .topbox .flexbox .rightbox .partbox .qrcodebox img{width: 100%;height: 100%;border-radius: 8px;}

footer .mainbox .topbox .leftbox .imgbox{height: 60px;}

footer .mainbox .topbox .leftbox .imgbox img{height: 100%;display: block;}

footer .mainbox .topbox .leftbox .linebox{width: 1px;height: 33px;background-color: #cccccc;margin: 0 14px;}

footer .mainbox .topbox .leftbox .textbox{color: #cccccc;}

footer .mainbox .topbox .leftbox .textbox .text1{font-size: 16px;}

footer .mainbox .topbox .leftbox .textbox .text2{font-size: 14px;}

footer .mainbox .topbox .rightbox .partbox:not(:first-child){margin-left: 28px;}

footer .mainbox .topbox .rightbox .partbox .iconbox{width: 41px;height: 41px;box-sizing: border-box;border: 1px solid #cccccc;border-radius: 8px;}

footer .mainbox .topbox .rightbox .partbox .iconbox img{width: 28px;}

footer .mainbox .topbox .rightbox .partbox .textbox{font-size: 14px;color: #cccccc;margin-top: 10px;}

footer .mainbox .topbox .rightbox .partbox:hover .iconbox{border-color: #08ab17;}

footer .mainbox .topbox .rightbox .partbox:hover .textbox{color: #fff;}

footer .mainbox .topbox .rightbox .partbox:not(:first-child):hover .iconbox{border-color: var(--main-color);}

footer .mainbox .midbox{margin-top: 75px;}

footer .mainbox .midbox .leftbox{width: 306px;padding-right: 20px;}

footer .mainbox .midbox .leftbox .toptextbox{font-size: 35px;color: #fff;line-height: 1;margin-bottom: 56px;}

footer .mainbox .midbox .leftbox .lqbzbox{}

footer .mainbox .midbox .leftbox .lqbzbox .partbox{margin-right: 7px;position: relative;}

footer .mainbox .midbox .leftbox .lqbzbox .partbox .iconbox{width: 41px;height: 41px;box-sizing: border-box;border: 1px solid #cccccc;border-radius: 8px;}

footer .mainbox .midbox .leftbox .lqbzbox .partbox .iconbox img{width: 28px;}

footer .mainbox .midbox .leftbox .lqbzbox .partbox:hover .iconbox{border-color: #08ab17;}

footer .mainbox .midbox .leftbox .lqbzbox .partbox .qrcodebox{position: absolute;top: 0px;right: -40px;opacity: 1;z-index: -2;pointer-events: none;transition: 0.5s;width: 120px;height: 120px;transform: scale(0);}

footer .mainbox .midbox .leftbox .lqbzbox .partbox .qrcodebox:after{content: "";display: block;width: 8px;height: 8px;background-color: #fff;transform: rotateZ(45deg);position: absolute;top: -4px;left: calc(50% - 4px);}

footer .mainbox .midbox .leftbox .lqbzbox .partbox:hover .qrcodebox{top: 50px;right: -40px;opacity: 1;z-index: 2;pointer-events: none;transform: scale(1.0);}

footer .mainbox .midbox .leftbox .lqbzbox .partbox .qrcodebox img{width: 100%;height: 100%;border-radius: 8px;}

footer .mainbox .midbox .leftbox .lqbzbox .textbox .text1{font-size: 16px;color: #cccccc;line-height: 0.9;margin-bottom: 6px;}

footer .mainbox .midbox .leftbox .lqbzbox .textbox .text2{font-size: 24px;color:#ffffff;line-height: 0.9;position: relative;}

footer .mainbox .midbox .leftbox .lqbzbox .textbox .text2 .jia{width: 12px;height: 12px;font-size: 14px;color: var(--main-color);box-sizing: border-box;border: 1px solid var(--main-color);border-radius: 2px;position: absolute;top: -20px;right: 0;line-height: 18px;}

footer .mainbox .midbox .leftbox .copyrightbox{font-size: 14px;color: #cccccc;margin-top: 25px;}

footer .mainbox .midbox .leftbox .copyrightbox a{transition: 0.3s;}

footer .mainbox .midbox .leftbox .copyrightbox a:hover{color: var(--main-color);}

footer .mainbox .midbox .rightbox{color: #cccccc;font-size: 16px;}

footer .mainbox .midbox .rightbox .partbox{width: 266px;}

footer .mainbox .midbox .rightbox .partbox .bigtitle{font-size: 20px;color: #fff;padding-bottom: 17px;box-sizing: border-box;position: relative;margin-bottom: 16px;}

footer .mainbox .midbox .rightbox .partbox .bigtitle:after{content: "";display: block;width: 16px;height: 1px;background-color: #cccccc;position: absolute;bottom: 0;left: 0;}

footer .mainbox .midbox .rightbox .partbox .smalllink a{margin-bottom: 7px;transition: 0.3s;}

footer .mainbox .midbox .rightbox .partbox .smalllink a:hover{color: var(--main-color);}

footer .mainbox .flinkbox{font-size: 14px;color: #cccccc;margin-top: 80px;}

footer .mainbox .flinkbox a{transition: 0.3s;}

footer .mainbox .flinkbox a:hover{color: var(--main-color);}

footer .mainbox .flinkbox .markbox{}

footer .mainbox .flinkbox .markbox img{display: block;width: 13px;margin-right: 6px;}

footer .mainbox .flinkbox .shengming{padding: 14px 0;border-top: 1px solid #cccccc;margin-top: 14px;}

footer .mainbox .flinkbox .shengming .markbox img{display: block;width: 14px;margin-right: 6px;}

/* 视频弹窗 */

.hvideobox{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.6);z-index: -9;transition: 0.3s;opacity: 0;}

.hvideobox.on{z-index: 99;opacity: 1;}

.hvideobox .mainbox{width: 800px;max-width: 90%;max-height: 80vh;position: relative;}

.hvideobox .mainbox .hvideo video{display: block;max-width: 100%;max-height: 100%;}

.hvideoclosebtn{position: absolute;top: -60px;right: 0;width: 40px;height: 40px;cursor: pointer;}

.hvideoclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #fff;position: absolute;top: 19px;left: 5px;transform: rotateZ(-45deg);}

.hvideoclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #fff;position: absolute;top: 19px;left: 5px;transform: rotateZ(45deg);}

.sjmenubox{display: none;}



.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;}

.sidebox .topbox .partbox{margin-bottom: 10px;position: relative;}

.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 .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 .telfc{position: absolute;right: 0%;bottom: 0;opacity: 0;pointer-events: none;border-radius: 8px;height: 70px;background-color: rgba(247,247,247,0.9);padding: 0 20px;white-space: nowrap;color: var(--main-color3);box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);font-size: 20px;margin-right: 15px;transition: 0.6s;}

.sidebox .topbox .partbox:hover .text{color: var(--main-color);}

.sidebox .topbox .partbox:hover .telfc{right: 100%;opacity: 1;pointer-events: auto;}

@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;}

.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;}

.foot_end{overflow: hidden;text-align: center;position: fixed;bottom: 0;width: 100%;left: 0;background: #ffffff;border-top: 1px solid #eeeeee;padding-top: 8px;padding-bottom: 5px;display: none;font-size: 14px;z-index: 99;}

.foot_end a{width: 25%;float: left;overflow: hidden;line-height: 1.6;color: #333333;}

.foot_end a img{display: block;height: 30px;margin: 0 auto;margin-bottom: 5px;}

.foot_end.mobile{display: block;}

/*关于我们*/

.neibanner{position: relative;}

.neibanner .bannerbox img{width: 100%;}

.neibanner .textbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;text-align: center;font-size: 20px;color: #fff;}

.neibanner .textbox .entitle{text-transform: uppercase;margin-bottom: 15px;}

.neibanner .textbox .des{font-size: 36px;color: #fff;font-weight: lighter;margin-bottom: 5px;}

.neibanner .textbox .des span{font-weight: bold;}

.neibanner .textbox .endes{align-items: stretch;}

.neibanner .textbox .markbox div{width: 97px;height: 2px;background-color: #fff;position: relative;}

.neibanner .textbox .markbox div:after{content: "";display: block;width: 9px;height: 9px;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;position: absolute;top: -4px;left: -9px;}

.neibanner .textbox .markbox2 div:after{left: unset;right: -9px;}

.neibanner .textbox .markbox1 div:first-child{transform: translateX(-38px);}

.neibanner .textbox .markbox2 div:first-child{transform: translateX(38px);}

.neibanner .textbox .text{margin: 0 10px;}



.l{float: left;}

.c_l{clear: both;font-size: 0;height: 0;overflow: hidden;}

.postions{ height:72px; line-height:72px; color:#5c6ebc; font-size:16px; margin-top: -72px;font-weight: 200;z-index: 1;position: relative;}

.postions .wrap2{border-top: 1px solid #5e70bf;}

.postions.bgs2{background: #f2f2f2;}

.posadd .postions{ position:fixed; top:0; left:0; width:100%; z-index:5;}

.postions a{color:#fff; }

.postions a:hover{ color:#5bb3ff;}

.postions label{ color:#fff;}

.postions .postions_r{display: flex;align-items: center; justify-content: left;color: #fff;}

.postions .postions_r img{ vertical-align:baseline; margin-right:7px; height: 17px;}

.postions h2{ float:left; font-weight:normal; color:#333; height:58px; font-size:20px;}

.postions h2 span{font-size:16px; font-family:Arial;}

.postions .rclass{ float:right;background:url(../image/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;}

.postions .postions_b{ float:right;}

.postions .postions_b a{ float:left; text-align:center; font-size:18px; color:#fff; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0; margin-left:5px;padding-left: 26px;padding-right: 26px;}

.postions .postions_b a:hover{color:#fff;}

.postions .postions_b a:after{content: "";display: block;position: absolute;left: 50%;right:50%; top: 50%;height:34px;opacity: 0;/* background:#495BAD; */-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;width: 0%;margin-top: -17px;border-radius: 17px;background: #5bb3ff;}

.postions .postions_b a.isel:after{left: 0%;right: 0%;opacity: 1;width: 100%;}

.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;width: 100%;}

.postions .postions_b a.isel{color:#fff; }

.postions .goback{float: right;margin-left: 15px;padding-left: 32px;overflow: hidden;position: relative;color: #fff;background: url(../image/news_pic4.png) left center no-repeat;background-size: 19px auto;transition:all 0.3s;}

.postions .goback::before{content: "";position: absolute;left: 26px;top: 50%;margin-top: -6px; height: 12px;width: 1px;background: #5e70bf;}

.postions .goback:hover{background-image: url(../image/news_pic4_on.png);}

.postions .goback:hover::before{background: #5bb3ff;}

/*分类弹窗*//*分类弹窗*/

.about_bgs{z-index: 19891024;background:url(../image/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}

.about_tc .closed2{ display:none;}



/*关于我们*/

.ntitlebox .title{font-size: 36px;color: #333333;font-weight: bold;}

.ntitlebox .des{font-size: 18px;color: #818181;}

.about1box{overflow: hidden;background: url(../image/about1bg2.png) right bottom no-repeat;}

.about1box .mainbox{padding-top: 120px;padding-bottom: 150px;}

.about1box .mainbox .topbox{background: url(../image/about1bg.jpg) left top no-repeat;padding-top: 36px;}

.about1box .mainbox .topbox .leftbox{padding-left: 120px;}

.about1box .mainbox .topbox .rightbox .partbox{position: relative;}

.about1box .mainbox .topbox .rightbox .partbox:not(:first-child){padding-left: 50px;margin-left: 50px;}

.about1box .mainbox .topbox .rightbox .partbox:not(:first-child):after{content: "";display: block;width: 1px;height: 26px;background-color: #dcdcdc;position: absolute;left: 0;top: 35px;}

.about1box .mainbox .topbox .rightbox .partbox .iconbox{width: 46px;padding-top: 14px;margin-right: 10px;}

.about1box .mainbox .topbox .rightbox .partbox .iconbox img{width: 100%;}

.about1box .mainbox .topbox .rightbox .partbox .num{font-size: 54px;color: #333;font-weight: bold;}

.about1box .mainbox .topbox .rightbox .partbox .num sub{font-size: 26px;color: #333;vertical-align: baseline;font-weight: normal;}

.about1box .mainbox .topbox .rightbox .partbox .des{font-size: 18px;color: #666;padding-left: 3px;}

.about1box .mainbox .bottombox{padding-top: 80px;}

.about1box .mainbox .bottombox .leftbox{position: relative;}

.about1box .mainbox .bottombox .leftbox:after{content: "";display: block;width: 308px;height: 735px;background: url(../image/loubg.jpg) right bottom no-repeat;position: absolute;right: -60px;bottom: -60px;z-index: -1;}

.about1box .mainbox .bottombox .guccbox{width: 580px;padding-top: 132%;border-radius: 10px;overflow: hidden;}

.about1box .mainbox .bottombox .guccbox img{transition: 0.6s;}

.about1box .mainbox .bottombox .rightbox{padding-left: 140px;width: 100%;}

.about1box .mainbox .bottombox .rightbox .title{font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 28px;}

.about1box .mainbox .bottombox .rightbox .des{font-size: 20px;color: #333333;line-height: 1.7;}



.about2box{overflow: hidden;}

.about2box .ntitlebox .title{color: #fff;}

.about2box .ntitlebox .des{color: #fff;margin-top: 5px;}

.about2box{background-color: #3f509f;}

.about2box .mainbox{padding-top: 60px;padding-bottom: 60px;}
.about2box .mainbox .flexbox .leftbox{width:38%;}
.about2box .mainbox .flexbox .leftbox .guccbox{width: 280px;padding-top: 390px;margin: 0 auto;}

.about2box .mainbox .flexbox .leftbox .guccbox:after{content: "";display: block;width: 100%;height: 170px;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(0deg,rgba(63, 80, 159, 1.0) 0,rgba(63, 80, 159, 0));}

.about2box .mainbox .flexbox .leftbox .guccbox img{transition: 0.6s;}

.about2box .mainbox .flexbox .leftbox .guccbox:hover .imgbox img{ transform: scale(1.0);}
.about2box .mainbox .flexbox .textbox{width: 62%;}

.about2box .mainbox .flexbox .rightbox{width: 100%;}
.about2box .mainbox .flexbox .rightbox .topbox{max-width: 1168px;margin: 0 auto;}
/* .about2box .mainbox .flexbox .rightbox .topbox .textbox{padding-right: 160px;} */

.about2box .mainbox .flexbox .rightbox .topbox .title{font-size: 36px;color: #fff;/* font-weight: bold; */margin-bottom: 36px;margin-top: 5%;}

.about2box .mainbox .flexbox .rightbox .topbox .title span{font-size: 20px;font-weight: lighter;}
.about2box .mainbox .flexbox .rightbox .topbox .des{padding-right: 50%;position: relative;}
.about2box .mainbox .flexbox .rightbox .topbox .des .partbox{/* padding-left: 20px; */font-size: 18px;color: #fff;line-height: 1.8;position: relative;font-weight: lighter;}

/* .about2box .mainbox .flexbox .rightbox .topbox .des .partbox:after{content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #fff;position: absolute;left: 7px;top: 14px;} */
.about2box .mainbox .flexbox .rightbox .topbox .des .partright{position: absolute;width: 80%;right: 0;top: 10%;/* padding-left: 28px;padding-right: 28px;font-size: 18px;color: #fff;line-height: 1.8;font-weight: lighter; */max-width: 500px;}
/* .about2box .mainbox .flexbox .rightbox .topbox .des .partright::before{content: "";width: 21px;height: 18px; position: absolute;left: 0;top: 0;color: #9fa8cf;font-size: 61px;background: url(../images/about_pic1.png) no-repeat;background-size: 100% 100%;}
.about2box .mainbox .flexbox .rightbox .topbox .des .partright::after{content: "";width: 21px;height: 18px; position: absolute;right: 0;bottom: 0;color: #9fa8cf;font-size: 61px;background: url(../images/about_pic2.png) no-repeat;background-size: 100% 100%;} */
.about2box .mainbox .flexbox .rightbox .topbox .imgbox img{max-width: 100%;width: 100%;}

.about2box .mainbox .flexbox .rightbox .bottombox{width: 85%;margin: 0 auto; font-size: 18px;color: #fff;line-height: 1.6;text-indent: 2em;padding-top: 52px;/* border-top: 1px solid rgba(255, 255, 255, 0.3); */margin-top: 5px;background: url(../image/about_pic4.png) no-repeat;background-position: center top;background-size: 100% 1px;font-weight: lighter;}

.about2box .mainbox .flexbox .rightbox .bottombox .sign img{display: block;}



.about3box .mainbox{padding-top: 60px;padding-bottom: 66px;}

.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;}

.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-color3);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(../image/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;}

@keyframes zqdh{

	100%{transform: rotateZ(360deg);}

}



.about4box{background: url(../image/about4bg.jpg) top center no-repeat;background-size: cover;}

.about4box .mainbox{padding-top: 63px;padding-bottom: 90px;}

.about4box .ntitlebox .title{color: #fff;}

.about4box .ntitlebox .des{color: #fff;}

.about4box .mainbox .swiperbox{width: 1200px;max-width: 100%;margin: 0 auto;margin-top: 40px;}

.about4swiper img{width: 100%;}



.about5box .mainbox{padding-top: 60px;padding-bottom: 66px;}

.about5box .mainbox .topchangebox{margin-bottom: 40px;margin-top: 40px;}

.about5box .mainbox .topchangebox .changebox .partbox{color: #333;font-size: 18px;border-radius: 20px;line-height: 40px;padding: 0 25px;transition: 0.3s;margin: 0 5px;}

.about5box .mainbox .topchangebox .changebox .partbox.on{color: #fff;background-color: var(--main-color3);}

.about5box .wrap{width: 1524px;}

.about5swiper{padding-bottom: 10px;}

.about5swiper .swiper-slide{transform: scale(0.8);transition: 0.6s;background: unset;}

.about5swiper .swiper-slide.swiper-slide-active{transform: scale(1);z-index: 9;padding-bottom: 10px;padding-top: 10px;}

.about5swiper .swiper-slide .imgbox{border-radius: 10px;overflow: hidden;}

.about5swiper .swiper-slide .imgbox img{width: 100%;}

.about5swiper .swiper-slide.swiper-slide-active .imgbox{box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);}

.about5box .swiperbox{position: relative;}

.about5box .swiperbox .swiper-button-prev{width: 74px;height: 74px;border-radius: 50%;background-color: #fff;box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);left: -37px;transition: 0.3s;}

.about5box .swiperbox .swiper-button-next{width: 74px;height: 74px;border-radius: 50%;background-color: #fff;box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);right: -37px;transition: 0.3s;}

.about5box .swiperbox .swiper-button-prev:hover{background-color: var(--main-color3);}

.about5box .swiperbox .swiper-button-next:hover{background-color: var(--main-color3);}

.about5box .swiperbox .swiper-button-prev:after,.about5box .swiperbox .swiper-button-next:after{font-size: 28px;color: #333;transition: 0.3s;}

.about5box .swiperbox .swiper-button-prev:hover:after,.about5box .swiperbox .swiper-button-next:hover:after{color: #fff;}

.about5box .swiperbox .text{text-align: center;font-size: 22px;color: #666;opacity: 0;transition: 0.3s;margin-top: 20px;}

.about5box .swiperbox .swiper-slide.swiper-slide-active .text{opacity: 1;}

.about5box .bottomchangebox .partbox{position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: 0.6s;width: 100%;}

.about5box .bottomchangebox .partbox.on{position: relative;top: 0;left: 0;z-index: 2;opacity: 1;height:610px}

@media screen and (max-width: 1000px){
    .about5box .bottomchangebox .partbox.on{position: relative;top: 0;left: 0;z-index: 2;opacity: 1;height:auto}
}





.sidedwbox{position: fixed;opacity: 0;pointer-events: none;transition: 0.6s;z-index: -1;top: 30%;left: 76px;}

.sidedwbox.on{opacity: 1;pointer-events: auto;z-index: 50;}

.sidedwbox .mainbox{border-left: 1px solid #bfbfbf;padding-left: 16px;}

.sidedwbox .mainbox .partbox{font-size: 18px;color: #333;line-height: 2;cursor: pointer;position: relative;}

.sidedwbox .mainbox .partbox.on,.sidedwbox .mainbox .partbox:hover{color: var(--main-color);}

.sidedwbox .mainbox .partbox.on:after{content: "";display: block;width: 3px;height: 36px;background-color: var(--main-color);position: absolute;top: 0;left: -18px;}

/*.sidedwbox.fanbai .mainbox .partbox{color: #fff;}*/

.sidedwbox.type2 .mainbox .partbox{color: #fff;}

.sidedwbox.type2 .mainbox .partbox.on{color: var(--main-color);}



/* 资质证书 */

.honor1box{background: url(../image/honor1bg.png) top center no-repeat;}

.honor1box .wrap{width: 1400px;}

.honor1box .mainbox{padding-top: 70px;padding-bottom: 70px;}

.honor1box .mainbox .topbox{margin-top: 130px;}

.honor1box .mainbox .topbox .partbox{position: relative;clip-path: circle(0% at 50% 0%);}

.honor1box .mainbox .topbox.on .partbox{ animation: xxyfodashow 2s linear forwards;}

@keyframes xxyfodashow{

	100%{clip-path: circle(100% at 50% 0%);}

}

.honor1box .mainbox .topbox .partbox .textbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.honor1box .mainbox .topbox .partbox .textbox .num{font-size: 30px;color: var(--main-color);}

.honor1box .mainbox .topbox .partbox .textbox .num span{font-size: 30px;color: var(--main-color);vertical-align:baseline;}

.honor1box .mainbox .topbox .partbox .textbox .des{font-size: 20px;color: #333;padding-bottom: 20px;}

.honor1box .mainbox .bottombox{text-align: center;margin-top: 70px;}

.honor1box .mainbox .bottombox .title{font-size: 30px;color: #333;margin-bottom: 15px;}

.honor1box .mainbox .bottombox .des{font-size: 18px;color: #333;line-height: 2;margin-bottom: 30px;}

.honor1box .mainbox .bottombox img{width: 100%;}

.honor1swiper{padding-bottom: 80px;}

.honor1swiper .swiper-pagination-bullet{width: 13px;height: 13px;box-sizing: border-box;background: unset;border: 1px solid var(--main-color);border-radius: 50%;opacity: 1;}

.honor1swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--main-color);}

.honor1swiper .partbox .fullbox{width: 100%;padding-top: 133.72%;}





.honor2box{background: url(../image/honor2bg.jpg) center center no-repeat;}

.honor2box .ntitlebox .title{color: #fff;}

.honor2box .ntitlebox .des{color: #fff;}

.honor2box .wrap{width: 1400px;max-width: calc(100% - 320px);}

.honor2box .mainbox{padding-top: 70px;padding-bottom: 104px;}

.honor2swiperbox{position: relative;margin-top: 62px;}

.honor2swiper{}

.honor2swiper .partbox{padding: 35px;border-radius: 10px;overflow: hidden;background-color: #fff;position: relative;transition: 0.5s;}

.honor2swiper .partbox .fullbox{width: 100%;padding-top: 121%;}

.honor2swiper .partbox .markbox{position: absolute;bottom: 0;left: 0;width: 100%;border-radius: 0 80px 0 0;overflow: hidden;background-color: #f8f8f8;padding: 45px 30px;box-sizing: border-box;}

.honor2swiper .partbox .markbox .mark{height: 38px;margin-bottom: 32px;transition: 0.6s;}

.honor2swiper .partbox .markbox .mark .imgbox{height: 100%;}

.honor2swiper .partbox .markbox .mark img{height: 100%;}

.honor2swiper .partbox .markbox .title{font-size: 20px;color: #333;transition: 0.6s;}

.honor2swiper .partbox:hover{background-color: var(--main-color);}

.honor2swiper .partbox .fullbox:hover img{transform: scale(1.0);}

.honor2swiper .partbox:hover .markbox .mark{transform: translateY(-10px);}

.honor2swiper .partbox:hover .markbox .title{transform: translateY(-10px);}

.honor2swiperbox .swiper-pagination{bottom: -68px;}

.honor2swiperbox .swiper-pagination-bullet{width: 13px;height: 13px;box-sizing: border-box;background: unset;border: 1px solid var(--main-color);border-radius: 50%;opacity: 1;}

.honor2swiperbox .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--main-color);}

.honor2swiperbox .swiper-button-prev{width: 74px;height: 74px;border-radius: 50%;background-color: #6c7abc;box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);left: -100px;transition: 0.3s;overflow: hidden;}

.honor2swiperbox .swiper-button-next{width: 74px;height: 74px;border-radius: 50%;background-color: #6c7abc;box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);right: -100px;transition: 0.3s;overflow: hidden;}

.honor2swiperbox .swiper-button-prev:hover{background-color: var(--main-color);}

.honor2swiperbox .swiper-button-next:hover{background-color: var(--main-color);}

.honor2swiperbox .swiper-button-prev:after,.honor2swiperbox .swiper-button-next:after{font-size: 28px;color: #fff;transition: 0.3s;position: relative;z-index: 2;}

.honor2swiperbox .swiper-button-prev:hover:after,.honor2swiperbox .swiper-button-next:hover:after{color: #fff;}

.honor2swiperbox .swiper-button-prev:before,.honor2swiperbox .swiper-button-next:before{content: "";display: block;width: 0;height: 100%;background-color: var(--main-color);transition: 0.3s;position: absolute;top: 0;left: 0;}

.honor2swiperbox .swiper-button-prev:hover:before,.honor2swiperbox .swiper-button-next:hover:before{width: 100%;}





.honor3box .mainbox{padding-top: 70px;padding-bottom: 0px;}

.honor3box .tips{text-align: center;font-size: 18px;color: #666;margin-top: 34px;margin-bottom: 140px;}

.honor3box .zsimgbox img{width: 100%;}



/* 联系我们 */

.contact1box .wrap{width: 1388px;}

.contact1box .mainbox{padding-top: 130px;padding-bottom: 77px;}

.contact1box .mainbox .flexbox{align-items: stretch;}

.contact1box .mainbox .partbox{width: calc(33.33333333% - 42px);border-radius: 78px 0 78px 0;text-align: center;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);padding: 52px 38px 50px;box-sizing: border-box;transition: 0.6s;}

.contact1box .mainbox .partbox .iconbox{width: 52px;height: 52px;box-sizing: border-box;border: 2px solid var(--main-color);border-radius: 50%;box-sizing: border-box;margin-bottom: 10px;transition: 0.6s;}

.contact1box .mainbox .partbox .iconbox img{width: 100%;}

.contact1box .mainbox .partbox .title{font-size: 24px;color: #333;font-weight: bold;margin-bottom: 50px;}

.contact1box .mainbox .partbox .des{font-size: 16px;color: #666;line-height: 1.6;margin-bottom: 16px;}

.contact1box .mainbox .partbox .tel{font-size: 28px;color: var(--main-color);}

.contact1box .mainbox .partbox .des2{font-size: 18px;color: var(--main-color);line-height: 42px;transition: 0.3s;}

.contact1box .mainbox .partbox .des2 img{transition: 0.3s;}

.contact1box .mainbox .partbox:hover{transform: translateY(-20px);}

.contact1box .mainbox .partbox:hover .iconbox{transform: rotateY(360deg);}

.contact1box .mainbox .partbox .des2:hover{color: var(--main-color3);}

.contact1box .mainbox .partbox .des2:hover img{transform: translateX(8px);}



.contact2box{background-color: var(--main-color3);overflow: hidden;}

.contact2box .mainbox{padding-top: 48px;padding-bottom: 55px;}

.contact2box .mainbox .leftbox{width: 520px;margin-top: 76px;position: relative;padding-top: 62px;color: #fff;}

.contact2box .mainbox .leftbox:after{content: "";display: block;width: 51px;height: 5px;background-color: #fff;position: absolute;top: 0;left: 0;}

.contact2box .mainbox .leftbox .title{font-size: 40px;margin-bottom: 14px;}

.contact2box .mainbox .leftbox .des{font-size: 24px;margin-bottom: 31px;}

.contact2box .mainbox .leftbox .tel{font-size: 26px;color: var(--main-color);height: 59px;background-color: #fff;border-radius: 0 0 15px 0;padding: 0 10px;margin-bottom: 65px;}

.contact2box .mainbox .leftbox .tel .imgbox{width: 23px;margin-right: 7px;}

.contact2box .mainbox .leftbox .tel .imgbox img{width: 100%;display: block;}

.contact2box .mainbox .leftbox .des2{font-size: 18px;line-height: 1.9;}

.contact2box .mainbox .rightbox{width: 100%;}

.contact2box .mainbox .rightbox .mapbox{position: relative;}

.contact2box .mainbox .rightbox .mapbox img{width: 100%;}

.contact2box .mainbox .rightbox .partbox{position: absolute;width: 7px;height: 7px;}

.contact2box .mainbox .rightbox .partbox .dot1{position: absolute;width: 7px;height: 7px;background-color: var(--main-color);z-index: 4;border-radius: 50%;}

.contact2box .mainbox .rightbox .partbox .dot2{position: absolute;width: 7px;height: 7px;background-color: var(--main-color);z-index: 3;transform: scale(3);opacity: 0.5; border-radius: 50%;animation: dot2 1s linear infinite;}

.contact2box .mainbox .rightbox .partbox .dot3{position: absolute;width: 7px;height: 7px;background-color: var(--main-color);z-index: 2;transform: scale(5);opacity: 0.2;border-radius: 50%;animation: dot3 1s linear infinite;}

.contact2box .mainbox .rightbox .partbox .dot4{position: absolute;width: 7px;height: 7px;background-color: var(--main-color);z-index: 4;border-radius: 50%;animation: dot4 1s linear infinite;}

.contact2box .mainbox .rightbox .partbox .textbox{display: none; position: absolute;width: 308px;/* height: 132px; */box-sizing: border-box;border: 1px solid var(--main-color);right: 120px;bottom: 0px;background-color: rgba(255, 255, 255, 0.8);padding: 20px 24px;}

.contact2box .mainbox .rightbox .partbox .textbox:after{content: "";display: block;width: 115px;height: 60px;background: url(../image/maprbg.png) center center no-repeat;position: absolute;left: 100%;top: 50%;}

.contact2box .mainbox .rightbox .partbox .textbox .title{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 6px;}

.contact2box .mainbox .rightbox .partbox .textbox .des{font-size: 14px;color: #666;line-height: 1.5;}

.contact2box .mainbox .rightbox .partbox .textbox .des.textof{display:block;}

.contact2box .mainbox .rightbox .partbox.on .textbox{display: block;}



@keyframes dot4{

	100%{transform: scale(3);opacity: 0.5;}

}

@keyframes dot3{

	100%{transform: scale(5);opacity: 0.2;}

}

@keyframes dot2{

	100%{transform: scale(6);opacity: 0;}

}

.contact2box .mainbox .rightbox .partbox .name{position: absolute;right: -45px;color: #333;transform: translateY(-5px);font-size: 16px;}

.contact2box .mainbox .rightbox .partbox .name.color2{color: #fff;}



.contact3box .mainbox{padding-top: 80px;padding-bottom: 20px;}

.contact3box .mainbox .flexbox{margin-top: 102px;}

.contact3box .mainbox .partbox{width: calc(50% - 30px);margin-bottom: 40px;box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);border-radius: 8px;}

.contact3box .mainbox .partbox .leftbox{width: 50%;padding: 20px 32px;box-sizing: border-box;}

.contact3box .mainbox .partbox .leftbox .iconbox{height: 51px;}

.contact3box .mainbox .partbox .leftbox .iconbox img{height: 100%;transition: 0.6s;}

.contact3box .mainbox .partbox .leftbox .title{font-size: 26px;color: var(--main-color3);margin-top: 14px;}

.contact3box .mainbox .partbox .leftbox .des{font-size: 18px;color: #3e3f41;line-height: 1.4;margin-top: 6px;}

.contact3box .mainbox .partbox .rightbox{width: 50%;}

.contact3box .mainbox .partbox .rightbox .guccbox{height: 253px;border-radius: 9px;border-radius: 8px;overflow: hidden;}

.contact3box .mainbox .partbox .rightbox .guccbox img{transition: 0.6s;}

.contact3box .mainbox .partbox:hover .leftbox .iconbox img{transform: rotateY(360deg) translateY(-10px);}



.contact4box{background: url(../image/contact4bg.jpg) center bottom no-repeat;}

.contact4box .mainbox{padding-top: 90px;padding-bottom: 95px;}

.contact4box .mainbox .leftbox{width: 520px;}

.contact4box .mainbox .leftbox .title{font-size: 3.28125vw;color: #333;font-weight: bold;line-height: 1.3;margin-bottom: 65px;}

.contact4box .mainbox .leftbox .title span{color: var(--main-color3);}

.contact4box .mainbox .leftbox .tips{font-size: 30px;color: #000;font-weight: bold;margin-bottom: 23px;}

.contact4box .mainbox .leftbox .des{font-size: 24px;color: #000;margin-bottom: 42px;}

.contact4box .mainbox .leftbox .des .partbox{position: relative;padding-left: 20px;margin-bottom: 17px;}

.contact4box .mainbox .leftbox .des .partbox:after{content: "";display: block;width: 8px;height: 8px;border-radius: 50%;background-color: var(--main-color);position: absolute;top: 10px;left: 2px;}

.contact4box .mainbox .leftbox .telbox{font-size: 24px;color: #000;margin-bottom: 78px;}

.contact4box .mainbox .leftbox .telbox img{display: block;width: 23px;margin-right: 12px;}

.contact4box .mainbox .leftbox .telbox span{font-size: 24px;color: var(--main-color);}

.contact4box .mainbox .leftbox .tips2{font-size: 30px;color: #000;font-weight: bold;}

.contact4box .mainbox .rightbox{width: 665px;}

.contact4box .mainbox .rightbox .title{text-align: center;font-size: 30px;color: #333;font-weight: bold;margin-bottom: 18px;}

.contact4box .mainbox .rightbox .partbox{width: calc(50% - 19px);}

.contact4box .mainbox .rightbox .partbox select{width: 100%;display: block;height: 42px;box-sizing: border-box;border-radius: 22px;border: 1px solid #eeeef0;font-size: 18px;color: #333;padding-left: 10px;outline: none;position: relative;background: #fff;}

.contact4box .mainbox .rightbox .partbox input{width: 100%;display: block;height: 42px;box-sizing: border-box;border-radius: 22px;border: 1px solid #eeeef0;font-size: 18px;color: #333;padding-left: 10px;outline: none;background: #fff;}

.contact4box .mainbox .rightbox .partbox select:focus{border-color: var(--main-color3);}

.contact4box .mainbox .rightbox .partbox input:focus{border-color: var(--main-color3);}

.contact4box .mainbox .rightbox .partbox .inputbox{position: relative;border-radius: 22px;overflow: hidden;}

.contact4box .mainbox .rightbox .partbox .inputbox:after{content: "";display: block;width: 40px;height: 40px;border-radius: 0 50% 50% 0;overflow: hidden; background: #fff url(../image/formjt.png) center center no-repeat;background-size: cover; position: absolute;right: 1px;top: 1px;pointer-events: none;}

.contact4box .mainbox .rightbox .partbox .inputbox.nobg:after{display: none;}

.contactform{width: 664px;flex-shrink: 0;box-sizing: border-box;padding: 85px 40px 32px;background: #fff url(../image/cformbg.png) top center no-repeat;border-radius: 10px;position: relative;}

.contactform .flexbox2 .partbox{width: calc(50% - 20px);font-size: 22px;color: #333;vertical-align: middle;margin-bottom: 16px;}

.contactform .flexbox2 .partbox.w100{width: 100%;}

.contactform .flexbox2 .partbox .text{margin-bottom: 6px;}

.contactform .flexbox2 .partbox span{color: #f00;display: inline-block;transform: translateY(5px);}

.contactform:after{content: "";display: block;width: 681px;height: 163px;position: absolute;bottom: -67px;right: -15px;background: url(../image/cformbg2001.png) center center no-repeat;background-size: cover;pointer-events: none;}

.contactform button{padding: 0;margin: 0 auto;border: none;outline: none;background-color: unset;}

.contactform .flexbox2 .partbox .morebox .text{margin-bottom: 0;font-size: 20px;margin-right: 8px;}

.contactform .flexbox2 .partbox .morebox .more{height: 60px;line-height: 60px;border-radius: 0 0 25px 0;padding: 0 30px;height: 50px;line-height: 50px;}

.contactform .flexbox2 .partbox .morebox .more{position: relative;cursor: pointer;}

.contactform .flexbox2 .partbox .morebox .more .cfbtn{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

/* 培训平台 */

.px1box{background: url(../image/px1bg.png) center center no-repeat;}

.px1box .mainbox{padding-top: 120px;padding-bottom: 46px;}

.px1box .mainbox .flexbox{margin-top: 60px;}

.px1box .mainbox .flexbox .partbox{width: calc(50% - 42px);margin-bottom: 80px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);border-radius: 5px;background-color: #fff;}

.px1box .mainbox .flexbox .partbox .leftbox{width: 405px;}

.px1box .mainbox .flexbox .partbox .leftbox .guccbox{width: 100%;height: 372px;}

.px1box .mainbox .flexbox .partbox .leftbox .guccbox img{transition: 0.6s;}

.px1box .mainbox .flexbox .partbox .rightbox{width: 100%;padding: 20px 32px;}

.px1box .mainbox .flexbox .partbox .rightbox .iconbox{height: 87px;}

.px1box .mainbox .flexbox .partbox .rightbox .iconbox img{height: 100%;}

.px1box .mainbox .flexbox .partbox .rightbox .title{font-size: 20px;color: #333;font-weight: bold;margin-top: 12px;margin-bottom: 9px;}

.px1box .mainbox .flexbox .partbox .rightbox .des{font-size: 14px;color: #333;margin-bottom: 66px;}

.px1box .mainbox .flexbox .partbox .rightbox .btn{font-size: 14px;color: #fff;padding: 0 15px;line-height: 36px;border-radius: 18px;background-color: var(--main-color);cursor: pointer;overflow: hidden;position: relative;}

.px1box .mainbox .flexbox .partbox .rightbox .btn img{display: block;width: 11px;margin-left: 7px;position: relative;z-index: 2;}

.px1box .mainbox .flexbox .partbox .rightbox .btn .text{position: relative;z-index: 2;}

.px1box .mainbox .flexbox .partbox .rightbox .btn.type2{margin-left: 20px;}

.px1box .mainbox .flexbox .partbox .rightbox .btn.type2 img{display: block;width: 19px;}

.px1box .mainbox .flexbox .partbox .rightbox .btn:after{content: "";display: block;width: 0;height: 100%;position: absolute;top: 0;left: 0;background-color: var(--main-color3);transition: 0.3s;}

.px1box .mainbox .flexbox .partbox .rightbox .btn:hover:after{width: 100%;}



.px2box{background-color: var(--main-color3);overflow: hidden;}

.px2box .mainbox{padding-top: 90px;padding-bottom: 70px;}

.px2box .ntitlebox .title{color: #fff;margin-top: 80px;}

.px2box .ntitlebox .des{color: #fff;}

.px2box .px2swiper{overflow: visible;margin-bottom: 4px;}

.px2box .px2swiper .partbox{position: relative;border-radius: 12px;overflow: hidden;cursor: pointer;}

.px2box .px2swiper .partbox:after,.px2box .px2swiper .partbox:before{content: "";display: block;width: 100%;height: 0;position: absolute;left: 0;z-index: 1;background-color: var(--main-color3);opacity: 0.6;transition: 0.5s;}

.px2box .px2swiper .partbox:after{top: 0;}

.px2box .px2swiper .partbox:before{bottom: 0;}

.px2box .px2swiper .partbox:hover:after{height: 50%;}

.px2box .px2swiper .partbox:hover:before{height: 50%;}

.px2box .px2swiper .guccbox{padding-top: 83.161512%;}

.px2box .px2swiper .guccbox img{transform: scale(1.0);}

.px2box .px2swiper .partbox .textbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;padding: 30px 20px;z-index: 2;box-sizing: border-box;opacity: 0;transition: 1.2s;}

.px2box .px2swiper .partbox .textbox .title{font-size: 18px;}

.px2box .px2swiper .partbox .textbox .name{font-size: 30px;font-weight: bold;}

.px2box .px2swiper .partbox .textbox .jia{width: 49px;height: 49px;border: 1px solid #fff;border-radius: 50%;position: relative;transition: 0.8s;}

.px2box .px2swiper .partbox .textbox .jia:after,.px2box .px2swiper .partbox .textbox .jia:before{content: "";display: block;width: 25px;height: 1px;background-color: #fff;position: absolute;top: 24px;left: 12px;}

.px2box .px2swiper .partbox .textbox .jia:after{transform: rotateZ(90deg);}

.px2box .px2swiper .partbox:hover .textbox{opacity: 1;}

.px2box .px2swiper .partbox .textbox.type2{opacity: 1;background-color: var(--main-color);}

.px2box .px2swiper .partbox .textbox.type2 .bigtitle{font-size: 2.8125vw;font-weight: bold;width: 100%;text-align: justify;text-align-last: justify;}

.px2box .px2swiper .partbox .textbox.type2 .bigdes{font-size: 26px;text-align: right;width: 100%;}

.px2box .px2swiper .partbox .textbox .jia:hover{transform: rotateZ(360deg);}

.px2box .morebox{margin-top: 120px;}

/*.px2box .more.type3{height: 38px;border: 1px solid var(--main-color);}

.px2box .more.type3:hover{border: 1px solid #fff;}*/

.px2box .more.type3:after{background-color: rgba(255, 255, 255, 0.1);}



.px3box .mainbox{padding-top: 90px;padding-bottom: 100px;}

.px3box .zhubox .des{font-size: 20px;color: #333;text-align: center;max-width: 1400px;margin: 0 auto;margin-top: 70px;line-height: 1.8;margin-bottom: 55px;}

.px3box .px3swiper{width: 960px;margin: 0 auto;max-width: 100%;}

.px3box .px3swiper .partbox{background: url(../image/px3swiperbg.png) center center no-repeat;background-size: cover; text-align: center;padding: 40px 25px;border-radius: 12px;overflow: hidden;}

.px3box .px3swiper .partbox .title{width: 80px;height: 80px;background-color: #fff;border-radius: 50%;text-align: center;line-height: 80px;font-size: 23px;font-weight: bold;margin: 0 auto;position: relative;}

.px3box .px3swiper .partbox .title .text{position: relative;z-index: 2;}

.px3box .px3swiper .partbox .title:after{content: "";display: block;width: 100%;height: 100%;border-radius: 50%;transform: scale(1.2);background-color: #fff;position: absolute;top: 0;left: 0;opacity: 0.8;z-index: 0;}

.px3box .px3swiper .partbox .fubox{background-color: #fff;width: 100%;margin-top: -40px;padding-top: 60px;padding-bottom: 28px; border-radius: 16px;}

.px3box .px3swiper .partbox .fubox .tips{border-radius: 10px;margin: 0 30px;background-color: #7aa966;font-size: 22px;color: #fff;padding: 6px 0;margin-bottom: 24px;}

.px3box .px3swiper .partbox .fubox .des{font-size: 16px;color: #666;margin: 0 25px;margin-bottom: 25px;}

.px3box .px3swiper .partbox .fubox .qrcodebox{width: 188px;margin: 0 auto; height: 188px;border-radius: 21px;border: 2px solid #7aa966;position: relative;box-sizing: border-box;}

.px3box .px3swiper .partbox .fubox .qrcodebox .imgbox{width: 148px;margin: 20px auto;border-radius: 6px;box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);}

.px3box .px3swiper .partbox .fubox .qrcodebox i:nth-child(2){width: 146px;height: 2px;background-color: #fff;position: absolute;top: -2px;left: 21px;}

.px3box .px3swiper .partbox .fubox .qrcodebox i:nth-child(3){width: 146px;height: 2px;background-color: #fff;position: absolute;bottom: -2px;left: 21px;}

.px3box .px3swiper .partbox .fubox .qrcodebox i:nth-child(4){width: 2px;height: 146px;background-color: #fff;position: absolute;top: 21px;left: -2px;}

.px3box .px3swiper .partbox .fubox .qrcodebox i:nth-child(5){width: 2px;height: 146px;background-color: #fff;position: absolute;top: 21px;right: -2px;}

.px3swiper .swiper-slide-active{margin-top: 44px;}

.px3swiper .swiper-slide-prev,.px3swiper .swiper-slide-next{margin-top: 22px;}

.px3swiper.swiper-3d .swiper-slide-shadow-left,.px3swiper.swiper-3d .swiper-slide-shadow-right{background: unset;}

.px3box .swiperbox{position: relative;}

.px3box .swiperbox .zyjtbox{position: absolute;top: 0;left: 0;height: 100%;width: 960px;margin: 0 calc(50% - 480px);max-width: 100%;}

.px3box .zyjtbox .swiper-button-prev{width: 54px;height: 54px;border-radius: 50%;background-color: var(--main-color3);box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);left: -100px;transition: 0.3s;overflow: hidden;}

.px3box .zyjtbox .swiper-button-next{width: 54px;height: 54px;border-radius: 50%;background-color: var(--main-color3);box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);right: -100px;transition: 0.3s;overflow: hidden;}

.px3box .zyjtbox .swiper-button-prev:hover{background-color: var(--main-color3);}

.px3box .zyjtbox .swiper-button-next:hover{background-color: var(--main-color3);}

.px3box .zyjtbox .swiper-button-prev:after,.px3box .zyjtbox .swiper-button-next:after{font-size: 22px;color: #333;transition: 0.3s;color: #fff;position: relative;z-index: 2;}

.px3box .zyjtbox .swiper-button-prev:before,.px3box .zyjtbox .swiper-button-next:before{content: "";display: block;width: 0;height: 100%;background-color: var(--main-color);transition: 0.3s;position: absolute;top: 0;left: 0;}

.px3box .zyjtbox .swiper-button-prev:hover:before,.px3box .zyjtbox .swiper-button-next:hover:before{width: 100%;}



.px4box{background: url(../image/px4bg.jpg) center top no-repeat;}

.px4box .ntitlebox .title{color: #fff;margin-top: 80px;}

.px4box .ntitlebox .des{color: #fff;}

.px4box .mainbox{margin-top: 95px;border-radius: 6px;}

.px4box .mainbox .mainbox{box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);}

.px4box .swiperbox{overflow: hidden;background-color: #fff;border-radius: 6px;}

.px4box .px4swiper{width: 1100px;overflow: visible;margin: 0 auto;}

.px4box .px4swiper .partbox{padding: 44px 140px;box-sizing: border-box;opacity: 0.2;filter: grayscale(50%);transition: 0.6s;}

.px4box .px4swiper .swiper-slide-active .partbox{opacity: 1;filter: grayscale(0%);}

.px4box .px4swiper .touxiang{width: 92px;height: 92px;border-radius: 50%;overflow: hidden;margin-right: 20px;}

.px4box .px4swiper .touxiang img{width: 100%;}

.px4box .px4swiper .textbox .name{font-size: 18px;color: #333;font-weight: bold;}

.px4box .px4swiper .textbox .zhiwei{font-size: 14px;color: #a6a6a6;}

.px4box .px4swiper .des{font-size: 16px;color: #333;line-height: 1.6;}

.px4box .px4swiper .line{height: 1px;background-color: #bfbfbf;margin:20px 0;}

.px4box .px4swiper .timebox{font-size: 14px;color: #a6a6a6;}

.px4box .px4swiper .timebox .imgbox{margin-right: 7px;height: 18px;}

.px4box .px4swiper .timebox .imgbox img{height: 100%;display: block;}

.px4box .px4swiper .time{margin-right: 14px;}

.px4box .px4swiper .swiper-pagination{display: none;}

.px4box .swiperbox .zyjtbox{position: absolute;top: 0;left: 0;height: 100%;width: 960px;margin: 0 calc(50% - 480px);}

.px4box .swiper-button-prev{width: 54px;height: 54px;border-radius: 50%;background-color: var(--main-color3);box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);left: 10px;transition: 0.3s;overflow: hidden;}

.px4box .swiper-button-next{width: 54px;height: 54px;border-radius: 50%;background-color: var(--main-color3);box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);right: 10px;transition: 0.3s;overflow: hidden;}

.px4box .swiper-button-prev:hover{background-color: var(--main-color3);}

.px4box .swiper-button-next:hover{background-color: var(--main-color3);}

.px4box .swiper-button-prev:after,.px4box .swiper-button-next:after{font-size: 22px;color: #333;transition: 0.3s;color: #fff;position: relative;z-index: 2;}

.px4box .swiper-button-prev:before,.px4box .swiper-button-next:before{content: "";display: block;width: 0;height: 100%;background-color: var(--main-color);transition: 0.3s;position: absolute;top: 0;left: 0;}

.px4box .swiper-button-prev:hover:before,.px4box .swiper-button-next:hover:before{width: 100%;}



.px5box .mainbox{padding-top: 78px;padding-bottom: 25px;}

.px5box .mainbox .swiperbox{margin-top: 70px;}

.px5swiper .flexbox{align-items: stretch;}

.px5swiper .flexbox .leftbox{width: 23.977272727%;border-radius: 8px;overflow: hidden;}

.px5swiper .flexbox .leftbox .guccbox{padding-top: 107.6398%;}

.px5swiper .flexbox .leftbox .guccbox img{transition: 0.6s;}

.px5swiper .flexbox .leftbox .textbox{background-color: #f7f7f7;padding: 20px 14px;}

.px5swiper .flexbox .leftbox .textbox .time{font-size: 18px;color: #222;}

.px5swiper .flexbox .leftbox .textbox .title{font-size: 20px;color: #222;margin-top: 7px;}

.px5swiper .flexbox .leftbox .textbox img{display: block;margin-right: 7px;transition: 0.6s;}

.px5swiper .flexbox .rightbox{width: 100%;justify-content: space-between;}

.px5swiper .flexbox .rightbox .partbox{width: calc(33.333333333% - 40px);margin-left: 40px;border-radius: 8px;overflow: hidden;}

.px5swiper .flexbox .rightbox .partbox .guccbox{padding-top: 57.2916666%;}

.px5swiper .flexbox .rightbox .partbox img{transition: 0.6s;}

.px5swiper .flexbox .rightbox .partbox .title{text-align: center;font-size: 18px;color: #222;margin-top: 5px;}

.px5swiper .controlbox{height: 80px;position: relative;width: 170px;margin: 0 auto;}

.px5swiper .controlbox .swiper-pagination{top: 53%;transform: translateY(-50%);}

.px5swiper .swiper-button-prev{width: 45px;height: 45px;border-radius: 50%;background-color: var(--main-color3);box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);transition: 0.3s;overflow: hidden;}

.px5swiper .swiper-button-next{width: 45px;height: 45px;border-radius: 50%;background-color: var(--main-color3);box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);transition: 0.3s;overflow: hidden;}

.px5swiper .swiper-button-prev:hover{background-color: var(--main-color3);}

.px5swiper .swiper-button-next:hover{background-color: var(--main-color3);}

.px5swiper .swiper-button-prev:after,.px5swiper .swiper-button-next:after{font-size: 20px;color: #fff;transition: 0.3s;position: relative;z-index: 2;}

.px5swiper .swiper-button-prev:hover:after,.px5swiper .swiper-button-next:hover:after{color: #fff;}

.px5swiper .swiper-button-prev:before,.px5swiper .swiper-button-next:before{content: "";display: block;width: 0;height: 100%;background-color: var(--main-color);transition: 0.3s;position: absolute;top: 0;left: 0;}

.px5swiper .swiper-button-prev:hover:before,.px5swiper .swiper-button-next:hover:before{width: 100%;}

.px5swiper .swiper-pagination-bullet{background-color: var(--main-color3);}



.zstcbox{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.6);z-index: -2;pointer-events: none;opacity: 0;transition: 0.6s;}

.zstcbox.on{z-index: 99;opacity: 1;pointer-events: auto;}

.zstcbox .mainbox{width: 970px;max-width: 90%;position: relative;opacity: 0;}

.zstcbox.on .mainbox{opacity: 1;}

.zstcbox.xiaow .mainbox{width: 640px;}

.zstcbox .mainbox .zhubox{background-color: #fff;border-radius: 10px;overflow: hidden;border: 11px solid #ffcca8;padding: 40px 42px 40px;}

.zstcbox .mainbox .zhubox .zstcswiper{display: none;}

.zstcbox .mainbox .zhubox .zstcswiper img{width: 100%;border-radius: 10px;overflow: hidden;}

.zstcbox .mainbox .zhubox .zstcswiper .text{margin-top: 20px;font-size: 18px;color: #333;padding-left: 14px;position: relative;}

.zstcbox .mainbox .zhubox .zstcswiper .text:after{content: "";display: block;width: 5px;height: 5px;background-color: #b2b2b2;border-radius: 50%;position: absolute;top: 10px;left: 4px;}

.zstcswiper2{display: none;}

.zstcswiper2 .flexbox .leftbox{width: 515px;}

.zstcswiper2 .flexbox .leftbox .guccbox{padding-top: 82.3301%;/*border: 2px solid #f2f2f2;*/background-color: #fdfdfd;}

.zstcswiper2 .flexbox .leftbox .guccbox img{transition: 0.6s;}

.zstcswiper2 .flexbox .rightbox{padding: 0 0 0 40px;}

.zstcswiper2 .flexbox .rightbox .title{font-size: 30px;color: #333;font-weight: bold;margin-bottom: 2px;}

.zstcswiper2 .flexbox .rightbox .zhiwei{font-size: 18px;color: #333;margin-bottom: 46px;}

.zstcswiper2 .flexbox .rightbox .des{font-size: 16px;color: #333;}

.zstcswiper2 .flexbox .rightbox .des .partbox{padding-left: 0px;position: relative;margin-bottom: 10px;}

.zstcswiper2 .flexbox .rightbox .des .partbox:after{content: "";display: block;width: 5px;height: 5px;border-radius: 50%;background-color: var(--main-color);position: absolute;top: 9px;left: -10px;}

.zstcbox .mainbox .zstcclosebtn{width: 38px;height: 38px;box-sizing: border-box;border: 2px solid #fff;background-color: var(--main-color);position: absolute;top: -11px;right: -11px;border-radius: 50%;cursor: pointer;transition: 0.6s;}

.zstcbox .mainbox .zstcclosebtn:after,.zstcbox .mainbox .zstcclosebtn:before{content: "";display: block;width: 24px;height: 2px;background-color: #fff;position: absolute;top: 16px;left: 5px;transform: rotateZ(45deg);}

.zstcbox .mainbox .zstcclosebtn:after{transform: rotateZ(-45deg);}

.zstcbox .mainbox .zstcclosebtn:hover{transform: rotateZ(180deg);}





.hbpstcbox{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.6);z-index: -2;pointer-events: none;opacity: 0;transition: 0.6s;}

.hbpstcbox.on{z-index: 99;opacity: 1;pointer-events: auto;}

.hbpstcbox .mainbox{width: 440px;max-width: 90%;position: relative;}

.hbpstcbox .mainbox .title{color: #fff;font-size: 20px;text-align: center;margin-bottom: 30px;}

.hbpstcbox .mainbox .imgbox{width: 100%;position: relative;border-radius: 15px;overflow: hidden;}

.hbpstcbox .mainbox .imgbox>img{width: 100%;}

.hbpstcbox .mainbox .imgbox .textbox{padding-top: 30px;position: absolute;width: 100%;bottom: 0;left: 0;border-radius: 0 100px 0 0;overflow: hidden;background-image: linear-gradient(0deg,#fff 0,rgba(255, 255, 255, 0.4));}

.hbpstcbox .mainbox .imgbox .textbox .name{padding-left: 12px;position: relative;font-size: 16px;color: #333;}

.hbpstcbox .mainbox .imgbox .textbox .name:after{content: "";display: block;width: 7px;height: 7px;border-radius: 50%;background: var(--main-color);position: absolute;top: 8px;left: 0;}

.hbpstcbox .mainbox .imgbox .textbox .more{height: 30px;line-height: 30px;padding: 0 20px;margin-top: 10px;}

.hbpstcbox .mainbox .imgbox .textbox .more .mark{margin-left: 7px;margin-right: 0;height: 10px;}

.hbpstcbox .mainbox .imgbox .textbox .more .mark img{height: 100%;display: block;}

.hbpstcbox .mainbox .imgbox .textbox .my{font-size: 16px;color: #333;margin: 15px 0;}

.hbpstcbox .mainbox .imgbox .textbox .my span{font-size: 16px;color: var(--main-color);}

.hbpstcbox .mainbox .imgbox .textbox .tips{font-size: 14px;color: #939393;margin-bottom: 10px;}

.hbpstcclosebtn{position: absolute;top: -8px;right: 0;width: 40px;height: 40px;cursor: pointer;transition: 0.6s;}

.hbpstcclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #fff;position: absolute;top: 19px;left: 5px;transform: rotateZ(-45deg);}

.hbpstcclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #fff;position: absolute;top: 19px;left: 5px;transform: rotateZ(45deg);}

.hbpstcclosebtn:hover{transform: rotateZ(360deg);}



.hformtcbox{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.6);z-index: -2;pointer-events: none;opacity: 0;transition: 0.6s;}

.hformtcbox.on{z-index: 99;opacity: 1;pointer-events: auto;}

.hformtcbox .mainbox{width: 1500px;max-width: 90%;position: relative;margin: 0 auto;background-color: #fff;border-radius: 16px;overflow: hidden;}

.hformtcbox .mainbox .hftitle{font-size: 1.875vw;color: var(--main-color3);text-align: center;margin-top: 30px;padding-bottom: 20px;font-weight: bold;}

.hformtcbox .mainbox .contact4box{max-height: 600px;overflow-y: auto;background: #fff;}

.hformtcbox .mainbox .contact4box .contactform{box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}

.hformtcbox .mainbox .contact4box .contactform:before{content: "";display: block;width: 190px;height: 60px;background-color: #fff;position: absolute;bottom: -15px;right: -5px;border-radius: 0 0 0 12px}

.hformtcbox .mainbox .contact4box .mainbox .leftbox .title{font-size: 1.6vw;margin-bottom: 30px;}

.hformclosebtn{position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;cursor: pointer;transition: 0.6s;}

.hformclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #333;position: absolute;top: 19px;left: 5px;transform: rotateZ(-45deg);}

.hformclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #333;position: absolute;top: 19px;left: 5px;transform: rotateZ(45deg);}

.hformclosebtn:hover{transform: rotateZ(360deg);}

.hformtcbox .contact4box .mainbox{padding-top: 0px;}

.hformtcbox .contact4box .mainbox .leftbox .tips{font-size: 24px;}

.hformtcbox .contact4box .mainbox .leftbox .des .partbox{font-size: 20px;}

.hformtcbox .contact4box .mainbox .leftbox .tips2{font-size: 24px;}

.hformtcbox .contactform{padding: 40px 30px 5px; }

.hformtcbox .contactform:after{background: url(../image/cformbg2.png) center center no-repeat;}

.hformtcbox .contact4box .mainbox .rightbox .title{font-size: 24px;}

.hformtcbox .contactform .flexbox2 .partbox .text{font-size: 16px;margin-bottom: 5px;}

.hformtcbox .contact4box .mainbox .rightbox .partbox select{font-size: 14px;height: 36px;line-height: 36px;}

.hformtcbox .contact4box .mainbox .rightbox .partbox input{font-size: 14px;height: 36px;line-height: 36px;}

.hformtcbox .contact4box .mainbox .rightbox .partbox{margin-bottom: 10px;}

.hformtcbox .contact4box .mainbox .rightbox .partbox .inputbox:after{width: 32px;height: 32px;}

.hformtcbox .contactform .flexbox2 .partbox .morebox .text{margin-bottom: 0;font-size: 14px;}

.hformtcbox .contactform .flexbox2 .partbox .morebox .more{height: 36px;line-height: 36px;padding: 0 15px;border-radius: 0 0 18px 0;margin-top: 10px;}





/* 方案详情 */

.wrap1400{width: 1400px;max-width: 90%;margin: 0 auto;}

.case2box1 .mainbox{padding-top: 92px;padding-bottom: 36px;}

.case2box1 .flexbox .partbox{width: 15.5%;min-width: 72px;text-align: center;transition: 0.3s;margin-bottom: 30px;order: 1;}

.case2box1 .flexbox .partbox:nth-child(n+10){opacity: 0;height: 0;}

.case2box1 .flexbox .partbox.seemore,.case2box1 .flexbox .partbox:nth-child(-n+9){order: 0;opacity: 1;height: unset;}

.case2box1 .flexbox.on .partbox{order: 0 !important;opacity: 1;height: unset;}

.case2box1 .flexbox .partbox .imgbox{width: 72px;height: 72px;background-color: #f8f8f8;border-radius: 50%;overflow: hidden;}

.case2box1 .flexbox .partbox .imgbox img{width: 100%;}

.case2box1 .flexbox .partbox.on .imgbox .img:first-child{display: none;}

.case2box1 .flexbox .partbox.on .imgbox .img:last-child{display: block;}

.case2box1 .flexbox .partbox .title{font-size: 14px;color: #333;margin-top: 10px;}

.case2box1 .flexbox .partbox:hover .imgbox,.case2box1 .flexbox .partbox.on .imgbox{background-color: var(--main-color);}

.case2box1 .flexbox .partbox:hover .title,.case2box1 .flexbox .partbox.on .title{color: var(--main-color);}



.case2box2 .mainbox{padding-top: 92px;padding-bottom: 105px;}

.case2box2 .flexbox .leftbox{padding-right: 65px;border-right: 1px solid #dcdcdc;}

.case2box2 .flexbox .leftbox .imgbox{width: 165px;height: 165px;border-radius: 50%;box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);}

.case2box2 .flexbox .leftbox .imgbox img{display: block;width: 100%;}

.case2box2 .flexbox .rightbox{width: 100%;padding: 0 48px;}

.case2box2 .flexbox .rightbox .title{font-size: 36px;color: var(--main-color3);font-weight: bold;margin-bottom: 2px;}

.case2box2 .flexbox .rightbox .entitle{font-size: 18px;color: #818181;margin-bottom: 34px;}

.case2box2 .flexbox .rightbox .des{font-size: 18px;color: #333;line-height: 1.6;margin-bottom: 84px;}

.case2box2 .more.type3{height: 70px;line-height: 70px;border-radius: 35px;box-shadow:  0px 7px 10px 0px rgba(255,176,121,0.75);}

.case2box2 .more.type3:hover{box-shadow:  0px 7px 10px 0px rgba(63,80,159,0.75);}



.case2box3 .mainbox{position: relative;}

.case2box3 .mainbox .leftbox{position: absolute;left: -150px;top: 0;height: 100%;}

.case2box3 .mainbox .leftbox .gotobox{border-left: 1px solid #bfbfbf;padding-left: 16px;position: sticky;top: 130px;}

.case2box3 .mainbox .leftbox .partbox{font-size: 18px;color: #333;line-height: 2;cursor: pointer;position: relative;}

.case2box3 .mainbox .leftbox .partbox.on{color: var(--main-color);}

.case2box3 .mainbox .leftbox .partbox.on:after{content: "";display: block;width: 3px;height: 36px;background-color: var(--main-color);position: absolute;top: 0;left: -18px;}

.case2box3 .mainbox .rightbox .partbox{margin-bottom: 26px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);border-radius: 10px;padding: 36px 25px;}

.case2box3 .mainbox .rightbox .partbox .outbox{width: 100px;height: 100px;border-radius: 50%;box-sizing: border-box;border: 1px dashed var(--main-color);margin-right: 25px;}

.case2box3 .mainbox .rightbox .partbox .outbox .imgbox{width: 82px;height: 82px;border-radius: 50%;background-color: #ffe3cf;}

.case2box3 .mainbox .rightbox .partbox .outbox .imgbox img{width: 100%;}

.case2box3 .mainbox .rightbox .partbox .title{font-size: 30px;color: #333;font-weight: bold;}

.case2box3 .mainbox .rightbox .partbox .neirongbox{padding-top: 30px;font-size: 18px;color: #333;line-height: 1.6;padding-left: 125px;box-sizing: border-box;}

.case2box3 .mainbox .rightbox .partbox .neirongbox img{max-width: 100%;}

.case2box3 .mainbox .rightbox .partbox:last-child .neirongbox{padding-left: 0;}



.case2box4{background-color: #f5f5f5;}

.case2box4 .mainbox{padding-top: 70px;padding-bottom: 46px;}

.case2box4 .zhubox{margin-top: 77px;margin-bottom: 86px;}

.case2box4 .zhubox .flexbox{align-items: stretch;}

.case2box4 .zhubox .partbox{width: calc(50% - 28px);height: 446px;align-items: stretch;background-color: #fff;border-radius: 10px;overflow: hidden;}

.case2box4 .zhubox .leftbox{height: 446px;padding: 77px 47px;box-sizing: border-box;width: 333px;background: url(../image/hbox3lbg.png) 80% center no-repeat;background-size: auto 100%;}

.case2box4 .zhubox .leftbox .flexbox2{height: 100%;}

.case2box4 .thislogo{height: 58px;margin-bottom: 18px;}

.case2box4 .thislogo img{height: 100%;}

.case2box4 .name{font-size: 24px;color: #333;}

.case2box4 .text1{font-size: 18px;color: #333;margin-bottom: 2px;}

.case2box4 .text2{font-size: 14px;color: #898989;}

.case2box4 .linebox{width: 1px;height: 26px;background-color: #c5c5c6;margin: 0 13px 0 8px;}

.case2box4 .bottombox .itembox:not(:last-child){margin-bottom: 32px;}

.case2box4 .zhubox .rightbox{width: 100%;position: relative;}

.case2box4 .zhubox .rightbox .bgbox{height: 100%;}

.case2box4 .zhubox .rightbox .bgbox .guccbox{width: 100%;height: 100%;}

.case2box4 .zhubox .rightbox .bgbox .guccbox img{transition: 1.5s;}

.case2box4 .zhubox .rightbox .centerbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: 0.6s;pointer-events: none;background-color: rgba(0, 0, 0, 0.3);}

.case2box4 .zhubox .rightbox .centerbox .morebox{margin: 0 12px;}

.case2box4 .zhubox .partbox:hover .rightbox .centerbox{opacity: 1;pointer-events: auto;}



/* 服务项目 */

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

.service1box:after{content: "";display: block;width: 900px;height: 900px;border-radius: 50%;background-color: #fffbf8;position: absolute;bottom: -70%;left: -10%;z-index: 0;}

.service1box .wrap1400{position: relative;z-index: 2;}

.service1box .mainbox{padding-top: 130px;padding-bottom: 90px;}

.service1box .mainbox .flexbox .leftbox{width: 100%;padding-right: 130px;}

.service1box .mainbox .flexbox .leftbox .iconbox{width: 58px;margin-bottom: 12px;}

.service1box .mainbox .flexbox .leftbox .iconbox img{width: 100%;}

.service1box .mainbox .flexbox .leftbox .title{font-size: 36px;color: #333;font-weight: bold;}

.service1box .mainbox .flexbox .leftbox .entitle{font-size: 18px;color: #818181;margin-bottom: 50px;}

.service1box .mainbox .flexbox .leftbox .des{font-size: 20px;color: #333;line-height: 1.7;margin-bottom: 90px;}

.service1box .mainbox .flexbox .leftbox .more .mark{margin-left: 8px;margin-right: 0;}

.service1box .mainbox .flexbox .rightbox{width: 546px;position: relative;}

.service1box .mainbox .flexbox .rightbox .guccbox{width: 499px;padding-top: 71%;border-radius: 10px;}

.service1box .mainbox .flexbox .rightbox .guccbox .imgbox{border-radius: 10px;overflow: hidden;z-index: 2;}

.service1box .mainbox .flexbox .rightbox .guccbox:hover .imgbox img{transform: unset;}

.service1box .mainbox .flexbox .rightbox .guccbox:after{content: "";display: block;width: 200px;height: 200px;border-radius: 10px;background-color: var(--main-color);position: absolute;bottom: -39px;right: -39px;z-index: 0;}

.service1box .more.type3{height: 70px;line-height: 70px;border-radius: 35px;box-shadow:  0px 7px 10px 0px rgba(255,176,121,0.75);font-size: 24px;}

.service1box .more.type3:hover{box-shadow:  0px 7px 10px 0px rgba(63,80,159,0.75);}

.service1box .more.type3 img{display: block;}



.service2box{background: url(../image/service2bg.jpg) center center no-repeat;background-size: cover;}

.service2box .ntitlebox .title{color: #fff;}

.service2box .ntitlebox .des{color: #fff;margin-top: 32px;}

.service2box .mainbox{padding-top: 80px;padding-bottom: 57px;}

.service2box .mainbox .zhubox{margin-top: 125px;margin-bottom: 34px;}

.service2box .mainbox .zhubox .partbox{width: 15.6666%;text-align: center;color: #fff;font-size: 20px;margin-bottom: 50px;padding-left: 0.5%;padding-right: 0.5%;}

.service2box .mainbox .zhubox .partbox .iconbox{width: 118px;height: 118px;background-color: #fff;border-radius: 50%;overflow: hidden;margin-bottom: 14px;position: relative;overflow: hidden;}

.service2box .mainbox .zhubox .partbox .iconbox img{width: 100%;position: relative;z-index: 2;transition: 0.6s;}

.service2box .mainbox .zhubox .partbox .iconbox:after{content: "";display: block;width: 0%;height: 100%;background-color: var(--main-color);position: absolute;top: 0;right: 0;transition: 0.6s;}

.service2box .mainbox .zhubox .partbox:hover{color: var(--main-color);}

.service2box .mainbox .zhubox .partbox:hover .iconbox:after{width: 100%;}

.service2box .mainbox .zhubox .partbox:hover .iconbox img{transform: translateY(-100%);}

.service2box .mainbox .btnbox .more{margin: 0 12px;}



.service3box{}

.service3box .mainbox{padding-top: 62px;padding-bottom: 105px;}

.service3box .mainbox .zhubox{background: url(../image/service3bg.jpg) center center no-repeat;padding: 48px 0;position: relative;margin-top: 140px;}

.service3box .mainbox .zhubox .flexbox .partbox{width: calc(50% - 111px);color: #fff;padding-left: 27px;box-sizing: border-box;}

.service3box .mainbox .zhubox .flexbox .partbox .title{font-size: 30px;text-align: center;margin-bottom: 44px;}

.service3box .mainbox .zhubox .flexbox .partbox .des{font-size: 16px;line-height: 1.6;}

.service3box .mainbox .zhubox .flexbox .partbox .des .dot{padding-left: 40px;position: relative;margin-bottom: 19px;}

.service3box .mainbox .zhubox .flexbox .partbox .des .dot:after{content: "";display: block;width: 25px;height: 25px;border-radius: 50%;background: #fff url(../image/gou.png) center center no-repeat;position: absolute;top: 0;left: 0;}

.service3box .mainbox .zhubox .flexbox .partbox.rightbox .des .dot:after{background: #ffe4d7 url(../image/beishang.png) left top no-repeat;}

.service3box .mainbox .zhubox .flexbox .partbox.rightbox{color: #333;padding-left: 0;padding-right: 27px;}

.service3box .mainbox .zhubox .vsbox{width: 150px;height: 150px;position: absolute;top: 0%;left: 50%;transform: translate(-50% , -50%);}

.service3box .mainbox .zhubox .vsbox img{width: 100%;}

.youdianbox{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);padding-top: 55px;}

.youdianbox .morebox{margin-bottom: 15px;}

.youdianbox .more.fanbai{border: unset;background-color: var(--main-color);}



.service4box{background: url(../image/service4bg.jpg) center center no-repeat;background-size: cover;}

.service4box .ntitlebox .title{color: #fff;}

.service4box .ntitlebox .des{color: #fff;}

.service4box .mainbox{padding-top: 50px;padding-bottom: 135px;}

.service4box .mainbox .zhubox{margin-top: 110px;}

.service4box .mainbox .zhubox .flexbox{}

.service4box .mainbox .zhubox .flexbox .partbox{width: calc(16.666666% - 14px);margin-right: 14px;transition: 0.6s;}

.service4box .mainbox .zhubox .flexbox .partbox:last-child{margin-right: 0;}

.service4box .mainbox .zhubox .flexbox .partbox .topbox{background-color: #fff;border-radius: 30px 30px 0 0;border: 3px solid var(--main-color3);position: relative;border-bottom: none;box-sizing: border-box;padding-top: 19px;}

.service4box .mainbox .zhubox .flexbox .partbox .topbox:after{content: "";display: none;width: 3px;height: 37px;position: absolute;bottom: 0;right: -3px;background-color: #fff;}

.service4box .mainbox .zhubox .flexbox .partbox .topbox .iconbox{width: 89px;height: 89px;border-radius: 50%;border: 5px solid #dedef2;box-sizing: border-box;margin-bottom: 31px;transition: 0.6s;}

.service4box .mainbox .zhubox .flexbox .partbox .topbox .iconbox img{width: 100%;}

.service4box .mainbox .zhubox .flexbox .partbox .topbox .title{font-size: 20px;color: #333;margin-bottom: 32px;}

.service4box .mainbox .zhubox .flexbox .partbox .bottombox{text-align: center;background-color: var(--main-color3);height: 58px;border-radius: 0 0 30px 30px;}

.service4box .mainbox .zhubox .flexbox .partbox .bottombox .num{font-size: 20px;color: #fff;width: 100%;line-height: 58px;}

.service4box .mainbox .zhubox .flexbox .partbox .bottombox .jiantou{width: 74px;}

.service4box .mainbox .zhubox .flexbox .partbox .bottombox .jiantou img{width: 100%;}

.service4box .mainbox .zhubox .flexbox .partbox:hover{transform: translateY(-20px);}

.service4box .mainbox .zhubox .flexbox .partbox:hover .topbox .iconbox{transform: translateY(10px);}

.service4box .mainbox .zhubox .flexbox .partbox:hover .topbox{border-color: var(--main-color);}

.service4box .mainbox .zhubox .flexbox .partbox:hover .bottombox{background-color: var(--main-color);}

.service4box .mainbox .zhubox .flexbox .partbox:hover .topbox .iconbox{border-color: #ff9850;}



.service5box{}

.service5box .mainbox{padding-top: 50px;padding-bottom: 50px;}

.service5box .mainbox .zhubox{margin-top: 80px;}

.service5box .mainbox .zhubox .flexbox .partbox{width: calc(50% - 47px);border: 1px solid #9da5ce;position: relative;}

.service5box .mainbox .zhubox .flexbox .partbox:after{content: "";display: block;width: 322px;height: 29px;background: url(../image/s5topbg.png) top right no-repeat;position: absolute;top: -30px;left: -1px;}

.service5box .mainbox .zhubox .flexbox .partbox .des{background-color: #fff;padding-left: 39px;line-height: 34px;min-height: 34px; font-size: 16px;color: #333;background: #fff url(../image/service5icon.png) 13px 8px no-repeat;}

.service5box .mainbox .zhubox .flexbox .partbox .des:nth-child(2n){background-color: #dde2f8;}

.service5box .mainbox .zhubox .flexbox .partbox .des.nobg{background-image: none;}



.service6box{background: url(../image/service6bg.jpg) center center no-repeat;background-size: cover;}

.service6box .ntitlebox .title{color: #fff;}

.service6box .ntitlebox .des{color: #fff;}

.service6box .mainbox{padding-top: 55px;padding-bottom: 80px;}

.service6box .zhubox{margin-bottom: 22px;}

.service6swiper .partbox{background-color: #fff;margin-bottom: 45px;border-radius: 10px;}

.service6swiper .partbox .fullbox{height: 123px;}

.service6swiper .partbox .fullbox .imgbox{padding: 30px;box-sizing: border-box;}

.service6swiper .partbox .fullbox .imgbox img{transition: 0.6s;}

.service6swiper .swiper-slide .partbox:first-child{transform: translateX(50%);}

.service6box .morebox{padding-bottom: 48px;}

.service6box .morebox .more:after{background-color: rgba(255, 255, 255, 0.1);}



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

.service7box .mapbg{display: block;width: 100%;position: absolute;top: 0;left: 0;pointer-events: none;z-index: 0;}

.service7box .mapbg img{width: 100%;}

.service7box .wrap1400{position: relative;z-index: 1;}

.service7box .mainbox{padding-top: 82px;padding-bottom: 60px;}

.service7box .des{font-size: 20px;color: #333;text-align: left;max-width: 1130px;margin: 0 auto;line-height: 2;margin-top: 35px;margin-bottom: 108px;}

.service7box+.hbox7{padding-top: 0;}



/* 小林特效修改 */

body .owl-demo3 .item dd::after{width: 0;left: 50%;}

body .owl-demo3 .item dd::before{width: 0;left: 50%;}

body .owl-demo3 .on .item dd::after{width: 100%;left: 0;}

body .owl-demo3 .on .item dd::before{width: 100%;left: 0;}

body .owl-demo4 .item:hover .desc{font-weight: normal;}

body .owl-demo4 .item .p{line-height: 30px;}

body .fenxiang .news_fx ul li{width: 36px;height: 36px;margin-top: 4px;}

body .fenxiang .news_fx ul li a{width: 36px;height: 36px;}

.news_ul li:hover .ends .mores{/*animation: jtd 1s ease-out infinite;*/transform: translateX(8px);}

.news_ul2 li:hover .ends .mores{/*animation: jtd 1s ease-out infinite;*/transform: translateX(8px);}



/*网站地图*/

.webmap{padding: 65px 0;}

.site-map .site-map-border{

  border: 1px solid #ddd;

  padding: 0 30px 30px;

}

.site-map .site-map-title{

  font-size: 28px;

  margin: 45px 0;

  font-weight: normal;

  text-align: center;

}

.site-map .site-map-list{

  margin: 0;

  padding: 0;

  font-size: 16px;

  line-height: 1.5em;

}

.site-map .map-list-li{

  list-style: none;

}

.site-map .map-list-li+.map-list-li{

  margin-top: 20px;

}

.site-map .list-li-dl{

  margin: 0;

  padding: 0;

}

.site-map .list-dl-dt{

  padding: 12px 40px;

  font-weight: bold;

  background: #f5f5f5;

}

.site-map .list-dl-dd{

  --mini-pad: 20px;

  display: flex;

  margin: 0;

  border: 1px solid #eeeeee;

  border-top: 0 none;

  padding: 20px;

  flex-wrap: wrap;

}

.site-map .list-dl-dd a{

  margin: 5px 20px;

}

.site-map .list-dl-dd a:hover{

	color: var(--main-color);

}





@media only screen and (min-width: 1920px){

.px2box .px2swiper .partbox .textbox.type2 .bigtitle{font-size: 52px;}

.contact4box .mainbox .leftbox .title{font-size: 63px;}

.hformtcbox .mainbox .hftitle{font-size: 36px;}

}



@media only screen and (max-width: 1800px){

.case2box3 .mainbox .leftbox{left: -115px;}

.case2box4 .zhubox .leftbox{width: 270px;padding: 77px 30px;}

.case2box4 .zhubox .rightbox .centerbox .morebox .more.haspad{padding: 0 20px;}

.logotext.hide1800{display: none;}

}

@media only screen and (max-width: 1750px){

.hbox1 .mainbox .neirongbox .partbox .icon{height: 70px;}

footer .mainbox .midbox .rightbox .partbox{width: 180px;}

}

@media only screen and (max-width: 1700px){

.hbox1 .mainbox .neirongbox .partbox .icon{height: 60px;}

.hbox1 .mainbox .neirongbox .partbox .title{font-size: 24px;}

.hbox1 .mainbox .neirongbox .partbox .entitle{font-size: 16px;}

.hbox1 .mainbox .bottombox .partbox .box2 .des{font-size: 17px;}

.hbox1 .mainbox .bottombox .partbox .box3 .top{font-size: 22px;}

.hbox4 .mainbox .partbox{padding: 0 55px;}

.hbox5 .mainbox .leftbox .titlebox{margin-bottom: 60px;}

.hbox5 .mainbox .leftbox .tetxbox{margin-bottom: 80px;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox{margin-bottom: 40px;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .num{font-size: 50px;}

.hbox7 .mainbox{padding: 0 40px;}

footer .mainbox .midbox .rightbox .partbox{width: 160px;}

.about1box .mainbox .topbox .rightbox .partbox .num{font-size: 48px;}

.px1box .mainbox .flexbox .partbox .leftbox{width: 370px;}

.px2box .px2swiper .partbox .textbox.type2 .bigdes{font-size: 24px;}

.px4box .px4swiper .swiper-slide:not(.swiper-slide-active) .partbox{padding: 44px 80px;}

.px5swiper .flexbox .leftbox .textbox .title{font-size: 18px;}

.px5swiper .flexbox .leftbox .textbox .time{font-size: 16px;}

.case2box3 .mainbox .leftbox{left: -20px;}

.case2box3 .mainbox .rightbox{padding-left: 100px;}

.headerbox .navflex .menubox .partbox{margin-right: 30px;}

}

@media only screen and (max-width: 1600px){

.htitlebox .title{font-size: 32px;}

.hbox4 .mainbox .partbox{padding: 0 35px;}

.hbox5{padding: 80px 0;}

.hbox5 .mainbox .leftbox .tetxbox .des{font-size: 16px;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .num{font-size: 40px;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .des{font-size: 16px;}

.hbox5 .mainbox .rightbox .playbox .imgbox{width: 80px;}

.hbox5 .mainbox .rightbox .playbox .text{font-size: 22px;}

.hbox7 .mainbox{padding: 0 15px;}

.hbox7 .rightbox .btnbox{margin-left: 25px;}

.hbox7 .leftbox .title{font-size: 24px;}

footer .mainbox .midbox .rightbox .partbox{width: 140px;}
.postions .postions_b a{padding-left: 20px;padding-right: 20px;}

.ntitlebox .title{font-size: 32px;}

.about1box .mainbox .topbox .rightbox .partbox .num{font-size: 42px;}

.about1box .mainbox .topbox .rightbox .partbox:not(:first-child){padding-left: 40px;margin-left: 26px;}

.about1box .mainbox .bottombox .rightbox .title{font-size: 26px;}

.about2box .mainbox .flexbox .rightbox .topbox .title{font-size: 30px;}

.about2box .mainbox .flexbox .rightbox .topbox .title span{font-size: 18px;}

.about3box .mainbox .zhubox .partbox .title{font-size: 26px;}

.about3box .mainbox .zhubox .partbox .des{font-size: 22px;}

.neibanner .textbox .des{font-size: 30px;}

.about2box .mainbox .zhubox{margin-top: 40px;}

.honor1box .mainbox .bottombox .title{font-size: 26px;}

.honor2swiper .partbox .markbox{padding: 20px;}

.honor2swiper .partbox .markbox .mark{margin-bottom: 18px;}

.honor2swiper .partbox .markbox .title{font-size: 18px;}

.px1box .mainbox .flexbox .partbox .leftbox .guccbox{height: unset;padding-top: 91.85185%;}

.px1box .mainbox .flexbox .partbox .leftbox{width: 300px;}

.px1box .mainbox .flexbox .partbox .rightbox .iconbox{height: 60px;}

.px3box .px3swiper .partbox .title .text{font-size: 20px;}

.px3box .px3swiper .partbox .fubox .tips{font-size: 18px;}

.px3box .px3swiper .partbox .fubox .des{font-size: 15px;}

.service1box .mainbox .flexbox .leftbox .title{font-size: 32px;}

.service3box .mainbox .zhubox .flexbox .partbox .title{font-size: 26px;}

.service2box .mainbox .zhubox .partbox{font-size: 18px;}

.case2box2 .flexbox .rightbox .title{font-size: 30px;}

.case2box3 .mainbox .rightbox .partbox .title{font-size: 26px;}

.case2box3 .mainbox .rightbox .partbox .outbox{width: 80px;height: 80px;}

.case2box3 .mainbox .rightbox .partbox .outbox .imgbox{width: 60px;height: 60px;}

.contact2box .mainbox .leftbox .title{font-size: 36px;}

.contact2box .mainbox .leftbox .des{font-size: 22px;}

.contact2box .mainbox .leftbox{width: 450px;}

.contact2box .mainbox .leftbox .des2{font-size: 16px;}

.contact3box .mainbox .partbox .leftbox .title{font-size: 22px;}

.contact3box .mainbox .partbox .leftbox .des{font-size: 16px;}

.contact4box .mainbox .leftbox .tips{font-size: 26px;}

.contact4box .mainbox .leftbox .des{font-size: 20px;}

.contact4box .mainbox .leftbox .tips2{font-size: 26px;}

.contactform .flexbox .partbox{font-size: 20px;}

.contact4box .mainbox .rightbox .partbox select{font-size: 16px;}

.contact4box .mainbox .rightbox .partbox input{font-size: 16px;}

.contactform .flexbox .partbox button .text{font-size: 20px;}

.hbox5 .mainbox .rightbox .playbox .imgbox .idh i:nth-child(1){right: 0;}

.hbox5 .mainbox .rightbox .playbox .imgbox .idh i:nth-child(2){right: 9px;}

.hbox5 .mainbox .rightbox .playbox .imgbox .idh i:nth-child(3){right: 19px;}

@keyframes idh{

	0%{height: 22px;}

	50%{height: 5px;}

	100%{height: 22px;}

}

.logotext{display: none;}

.hbox1 .mainbox .neirongbox .partbox .textbox{margin-bottom: 20px;}

/*首页banner*/

.hbannerswiper .cont .text .h3{font-size: 50px;}

.hbannerswiper .cont .text .p{font-size: 28px;}

}
@media only screen and (max-width: 1560px){
	.postions .postions_b a{padding-left: 15px;padding-right: 15px;font-size: 16px;}
}
@media only screen and (max-width: 1500px){

.headerbox .wrap{width: 96%;max-width: 96%;}

.hbox1 .mainbox .bottombox .partbox .box4{width: 320px;}

.hbox1 .mainbox .bottombox .partbox .box3{width: 260px;}

.hbox1 .mainbox .bottombox .partbox .box2{padding: 0 30px;}

.hbox1 .mainbox .bottombox .partbox .box2 .des{font-size: 15px;}

.hbox1 .mainbox .neirongbox .partbox .title{font-size: 20px;}

.hbox1 .mainbox .neirongbox .partbox .entitle{font-size: 16px;}

.hbox1 .mainbox .neirongbox .partbox .textbox{margin-bottom: 10px;}

.hbox1 .mainbox .neirongbox .partbox .icon{height: 50px;}

.hbox2 .numtext .num{font-size: 50px;}

.htitlebox .title{font-size: 28px;}

.hbox5 .mainbox .leftbox .titlebox .title{font-size: 28px;}

.hbox2 .numtext .partbox{font-size: 24px;}

.htitlebox .des2{font-size: 18px;}

.hbox4 .mainbox .partbox .imgbox{height: 120px;}

.hbox4 .mainbox .partbox .title{font-size: 20px;}

.hbox4 .mainbox .partbox .des{font-size: 16px;}

.hbox5 .mainbox .leftbox{width: 50%;}

.hbox7 .leftbox .imgbox{width: 80px;height: 80px;}

.hbox7 .leftbox .imgbox img{width: 40px;}

.hbox7 .rightbox .mesgbox .box{font-size: 13px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .title{font-size: 18px;}

.hbox6 .mainbox .bottomchangebox .partbox .box2 .title{font-size: 18px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .des{font-size: 16px;}

.hbox6 .mainbox .bottomchangebox .partbox .box2 .des{font-size: 16px;height: 63px;}

.hbox3swiper .swiper-button-next{width: 52px;height: 52px;background-size: 20px;}

.hbox3swiper .swiper-button-prev{width: 52px;height: 52px;background-size: 20px;}
.postions .postions_b a{font-size: 15px;}
.ntitlebox .title{font-size: 28px;}

.about1box .mainbox .topbox .rightbox .partbox .num{font-size: 40px;}

.about1box .mainbox .bottombox .rightbox .title{font-size: 22px;}

.about1box .mainbox .bottombox .rightbox .des{font-size: 18px;}

.neibanner .textbox .des{font-size: 26px;}

.about2box .mainbox .flexbox .rightbox .topbox .title{font-size: 26px;}

.honor1box .mainbox .bottombox .title{font-size: 22px;}

.px4box .px4swiper .swiper-slide:not(.swiper-slide-active) .partbox{padding: 44px 20px;}

.px2box .mainbox{padding-bottom: 120px;}

.px1box .mainbox .flexbox .partbox{width: calc(50% - 15px);margin-bottom: 30px;}

.px2box .px2swiper .partbox .textbox.type2 .bigdes{font-size: 20px;}

.service1box .mainbox .flexbox .leftbox .title{font-size: 28px;}

.service3box .mainbox .zhubox .flexbox .partbox .title{font-size: 22px;}

.service7box .des{font-size: 18px;}

.service4box .mainbox .zhubox .flexbox .partbox .topbox .title{font-size: 18px;}

.service4box .mainbox .zhubox .flexbox .partbox .bottombox .num{font-size: 18px;}

.case2box4 .zhubox .leftbox{width: 250px;height: 400px;padding: 60px 15px;}

.case2box4 .zhubox .partbox{height: 400px;}

.contact2box .mainbox .leftbox .title{font-size: 32px;}

/*首页banner*/

.hbannerswiper .cont .text{top: -100px;}

.hbannerswiper .cont .text .h3{font-size: 48px;}

.hbannerswiper .cont .text .p{font-size: 26px;}

}

/* 进入移动端 */

@media only screen and (max-width: 1400px){

.sjmenubox{width: 40px;height: 40px;position: relative;display: block;}

.headerbox.tosmall .sjmenubox div{background-color: var(--main-color3);}

.sjmenubox div{width: 30px;height: 2px;background-color: #fff;position: absolute;left: 10px;transition: 0.3s;}

.sjmenubox div:nth-child(1){top: 9px;}

.sjmenubox div:nth-child(2){top: 19px;}

.sjmenubox div:nth-child(3){top: 29px;}

.sjmenubox.on div:nth-child(1){top: 19px;transform: rotateZ(45deg);}

.sjmenubox.on div:nth-child(2){top: 19px;opacity: 0;}

.sjmenubox.on div:nth-child(3){top: 19px;transform: rotateZ(-45deg);}

.headerbox .navflex{height: 60px;}

/*.headerbox .navflex .rightbox .menubox{display: none;}*/

.headerbox .navflex .rightbox .menubox{position: absolute;top: 60px;left: 0;width: 100%;flex-direction: column;background-color: #fff;padding: 10px 0;display: none;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);}

.headerbox .navflex .menubox .partbox{margin-right: 0;padding: 10px 0;text-align: center;}

.headerbox .navflex .menubox .partbox:last-child{margin-right: 0;}

.headerbox .navflex .menubox .partbox:hover .xlbox{opacity: 0;pointer-events: none;z-index: -9;}

.wrap{width: 90%;max-width: 90%;}

.headerbox .navflex .searchbox .hcasebox{height: 40px;line-height: 40px;font-size: 14px;}

.headerbox .navflex .searchbox .telbox .telnum{font-size: 16px;}

.headerbox .navflex .searchbox .search{width: 18px;height: 18px;margin: 21px;}

.headerbox .navflex .searchbox .telbox .imgbox{width: 18px;height: 18px;}
.headerbox .navflex .searchbox .telbox .telnum{font-size: 22px;}

.headerbox .navflex .searchbox .searchinput .hsform .sinput{height: 40px;}

.headerbox .navflex .searchbox .searchinput .hsform .sbtn{width: 40px;height: 40px;}

.headerbox .navflex .searchbox .searchinput .sclosebtn{width: 40px;height: 40px;}

.headerbox .navflex .searchbox .searchinput .sclosebtn:before{top: 19px;left: 5px;}

.headerbox .navflex .searchbox .searchinput .sclosebtn:after{top: 19px;left: 5px;}

.headerbox .navflex .searchbox .hcasebox:hover:after{width: 40px;height: 40px;}

.headerbox .navflex .searchbox .searchinput .hsform .sinput{font-size: 14px;}

.headerbox .navflex .searchbox .searchinput .hsform .sinput::placeholder{font-size: 14px;}

.hbox3swiper .name{font-size: 20px;}

.hbox5 .mainbox .leftbox .tetxbox .title{font-size: 20px;}

.hbox5 .mainbox .leftbox .tetxbox .des{font-size: 14px;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .num{font-size: 30px;}

.hbox5 .bpsbox{right: 2%;bottom: 10px;transform: scale(0.6);}

.more.type2,.more.type4{width: 160px;font-size: 12px;height: 40px;}

.more.type2 .jiantou,.more.type4 .jiantou{width: 20px;}

.more.type2 .jiantou img,.more.type4 .jiantou img{width: 100%;}

.hbox1{padding: 40px 0;}

.hbox1 .mainbox{margin-top: 30px;}

.hbox1 .mainbox .neirongbox .partbox .num{width: 40px;height: 40px;font-size: 20px;line-height: 38px;}

.hbox1 .mainbox .topbox{margin-bottom: 20px;}

.hbox1 .mainbox .neirongbox .partbox .title{font-size: 18px;}

.hbox1 .mainbox .bottombox .partbox .box1 .title{font-size: 20px;}

.hbox1 .mainbox .bottombox .partbox .box3 .top{font-size: 18px;}

.hbox1 .mainbox .bottombox .partbox .box2 .des{font-size: 14px;}

.hbox1 .mainbox .bottombox .partbox .box3 .item .text{font-size: 14px;}

.hbox1 .mainbox .bottombox .partbox .box4{width: 260px;}

.hbox1 .mainbox .neirongbox .partbox:nth-child(2n) .icon{margin-bottom: 20px;}

.hbox2{padding: 40px 0;}

.hbox2 .mainbox{margin-top: 30px;}

.hbox2 .numtext .partbox{font-size: 18px;}

.hbox2 .numtext .num{font-size: 36px;}

.hbox2 .bpsbox{transform: scale(0.6);right: -150px;}

.hbox3{padding: 40px 0;}

.hbox3 .mainbox{margin-top: 30px;}

.hbox4{padding: 40px 0;padding-bottom: 20px;}

.hbox4 .mainbox{margin-top: 30px;}

.htitlebox .des2{margin-top: 20px;font-size: 15px;}

.hbox4 .mainbox .partbox .imgbox{height: 76px;}

.hbox4 .mainbox .partbox .title{font-size: 18px;margin-top: 20px;}

.hbox4 .mainbox .partbox .des{font-size: 14px;}

.hbox5{padding: 40px 0;}

.hbox5 .mainbox{margin-top: 0px;}

.hbox6{padding: 40px 0;padding-bottom: 20px;}

.hbox6 .mainbox{margin-top: 30px;}

footer .mainbox .midbox .flexbox{flex-direction: column;}

footer .mainbox .midbox .leftbox{width: 100%;padding-right: 0;}

footer .mainbox .midbox .flexbox .rightbox{width: 100%;flex-direction: column;margin-top: 30px;display: none;}

footer .mainbox .midbox .flexbox .rightbox .partbox{width: 100%;padding: 10px 0;border-bottom: 1px solid #fff;}

footer .mainbox .midbox .rightbox .partbox .bigtitle{padding-bottom: 0;margin-bottom: 0;}

footer .mainbox .midbox .rightbox .partbox .bigtitle:after{display: none;}

footer .mainbox .midbox .rightbox .partbox .smalllink{display: none;}

footer .mainbox .midbox{margin-top: 30px;}

footer .mainbox .midbox .leftbox .toptextbox{font-size: 24px;margin-bottom: 20px;}

footer .mainbox .midbox .leftbox .copyrightbox{margin-top: 20px;}

footer .mainbox .flinkbox{margin-top: 20px;}

.hbox7 .mainbox .flexbox{height: unset;padding: 20px 0;flex-direction: column;}

.hbox7 .mainbox .flexbox .leftbox{margin-bottom: 20px;}

.hbox7 .leftbox .imgbox{width: 56px;height: 56px;}

.hbox7 .leftbox .imgbox img{width: 26px;}

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

.hbox6 .mainbox .bottomchangebox .partbox .flexbox{flex-wrap: wrap;justify-content: space-between;}

.hbox6 .mainbox .bottomchangebox .partbox .box1{width: 100%;margin-bottom: 30px;}

.hbox6 .mainbox .bottomchangebox .partbox .box2{width: 48%;margin-left: 0;}

.h6topbox{margin-top: 20px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .midbox{margin-top: 20px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .des{margin: 20px 0;}

.hbox6 .mainbox .bottomchangebox .partbox .box2 .title{margin: 20px 0;}

.hbox6 .mainbox .bottomchangebox .partbox .box2 .des{margin-bottom: 10px;}

.hbox6 .mainbox .bottomchangebox .partbox .box2 .viewmore{margin-bottom: 20px;}

.hbox7{padding: 40px 0;}

.hbanner .swiper-button-prev, .hbanner .swiper-button-next{width: 40px;height: 40px;}

.postions{ height:56px; line-height:56px; font-size:14px;margin-top: -56px;}
.postions .postions_b a{font-size: 14px;}




.about1box .mainbox .topbox .leftbox{padding-left: 80px;}

.about1box .mainbox .topbox .rightbox .partbox .num{font-size: 36px;}

.about1box .mainbox .topbox .rightbox .partbox:not(:first-child){padding-left: 30px;}

.about1box .mainbox .bottombox .rightbox{padding-left: 100px;}

.about2box .mainbox .flexbox .rightbox .topbox .title{font-size: 24px;}

/* .about2box .mainbox .flexbox .leftbox .guccbox{width: 460px;} */

.about3box .mainbox .zhubox .partbox .title{font-size: 24px;}

.about3box .mainbox .zhubox .partbox .des{font-size: 20px;}

.honor1box .mainbox .topbox .partbox .textbox .des{font-size: 18px;}

.honor2box .wrap{max-width: calc(100% - 160px);}

.honor2swiperbox .swiper-button-prev{width: 50px;height: 50px; left: 5px;}

.honor2swiperbox .swiper-button-next{width: 50px;height: 50px; right: 5px;}

.px1box .mainbox .flexbox .partbox .leftbox{width: 260px;}

.px1box .mainbox .flexbox .partbox .rightbox .iconbox{height: 40px;}

.px1box .mainbox .flexbox .partbox .rightbox .des{margin-bottom: 20px;}

.px1box .mainbox .flexbox .partbox .rightbox .title{font-size: 18px;}

.px2box .px2swiper .partbox .textbox.type2 .bigdes{font-size: 16px;}

.px5swiper .flexbox .leftbox .textbox .title{font-size: 16px;}

.px5swiper .flexbox .rightbox .partbox .title{font-size: 16px;margin-top: 10px;}

.px5swiper .flexbox .rightbox .partbox{width: calc(33.333333333% - 30px);margin-left: 30px;}

.service1box .mainbox .flexbox .leftbox .des{font-size: 18px;}

.service2box .mainbox .zhubox .partbox{font-size: 16px;}

.service7box .des{font-size: 18px;}

.service4box .mainbox .zhubox .flexbox .partbox .topbox .title{font-size: 16px;}

.service4box .mainbox .zhubox .flexbox .partbox .bottombox .num{font-size: 16px;}

.case2box2 .flexbox .leftbox{padding-right: 40px;}

.case2box2 .flexbox .leftbox .imgbox{width: 120px;height: 120px;}

.case2box2 .flexbox .rightbox .title{font-size: 28px;}

.case2box2 .flexbox .rightbox .des{font-size: 16px;}

.case2box2 .flexbox .rightbox{padding-right: 0;}

.case2box3 .mainbox .rightbox .partbox .title{font-size: 22px;}

.case2box3 .mainbox .rightbox .partbox .neirongbox{font-size: 16px;}

.case2box3 .mainbox .rightbox .partbox .outbox{width: 60px;height: 60px;}

.case2box3 .mainbox .rightbox .partbox .outbox .imgbox{width: 40px;height: 40px;}

.case2box4 .thislogo{height: 40px;}

.case2box4 .name{font-size: 20px;}

.case2box4 .text1{font-size: 16px;}

.case2box4 .zhubox .leftbox{width: 200px;height: 300px;padding: 40px 15px;}

.case2box4 .zhubox .partbox{height: 300px;}

.case2box4 .bottombox .itembox:not(:last-child){margin-bottom: 10px;}

.contact1box .mainbox .partbox .title{font-size: 20px;}

.contact1box .mainbox .partbox .tel{font-size: 24px;}

.contact2box .mainbox .leftbox .title{font-size: 30px;}

.contact2box .mainbox .leftbox .des{font-size: 18px;}

.contact2box .mainbox .leftbox .tel{font-size: 22px;}

.contact2box .mainbox .leftbox .des2{font-size: 14px;}

.contact2box .mainbox .leftbox{width: 380px;}

/*首页banner*/

.hbannerswiper .cont .text{top: -90px;}

.hbannerswiper .cont .text .h3{font-size: 46px;}

.hbannerswiper .cont .text .p{font-size: 24px;}

.hbannerswiper .cont .text .p .ico{height: 16px;}

}

@media only screen and (max-width: 1300px){
	.postions .postions_b a{padding-left: 10px;padding-right: 10px;}
.about1box .mainbox .bottombox .guccbox{width: 460px;}

.about1box .mainbox .bottombox .rightbox .des{font-size: 16px;}

.about2box .mainbox .flexbox .rightbox .topbox .title span{font-size: 16px;}

.about2box .mainbox .flexbox .rightbox .topbox .des .partbox{font-size: 16px;}
.about2box .mainbox .flexbox .rightbox .topbox .des .partright{font-size: 16px;}

.about2box .mainbox .flexbox .rightbox .bottombox{font-size: 16px;}

.about3box .mainbox .zhubox .partbox .title{font-size: 20px;}

.about3box .mainbox .zhubox .partbox .des{font-size: 16px;}

.about5box .swiperbox .text{font-size: 20px;}

.honor1box .mainbox .bottombox .des{font-size: 16px;}

.px1box .mainbox{padding-top: 60px;}

.px1box .mainbox .flexbox .partbox .leftbox{width: 200px;}

.px1box .mainbox .flexbox .partbox .rightbox{padding: 15px 20px;}

.px1box .mainbox .flexbox .partbox .rightbox .iconbox{height: 36px;}

.px1box .mainbox .flexbox .partbox .rightbox .title{font-size: 16px;margin: 5px 0;}

.px1box .mainbox .flexbox .partbox .rightbox .des{font-size: 14px;margin-bottom: 10px;}

.px2box .mainbox{padding-top: 60px;padding-bottom: 80px;}

.px4box .px4swiper .swiper-slide:not(.swiper-slide-active) .partbox{padding: 44px 140px;}

.px3box .zhubox .des{font-size: 18px;}

.service1box .mainbox .flexbox .leftbox .des{font-size: 16px;}

.service1box .mainbox .flexbox .leftbox{padding-right: 60px;}

.contact4box .mainbox .leftbox .telbox{font-size: 20px;}

.contact4box .mainbox .leftbox .tips{font-size: 22px;}

.contact4box .mainbox .leftbox .des .partbox{font-size: 16px;}

.contact4box .mainbox .leftbox .tips2{font-size: 22px;}

}

@media only screen and (max-width: 1200px){

.hbox1{padding-bottom: 10px;}

.hbox1 .mainbox .topbox{margin-bottom: 0;}

.hbox1 .mainbox .topbox .bgbox{display: none;}

.hbox1 .mainbox .neirongbox{position: static;flex-wrap: wrap;padding: 0;}

.hbox1 .mainbox .neirongbox .partbox{width: 33.333333%;margin-bottom: 30px;}

.hbox1 .mainbox .neirongbox .partbox:nth-child(2n) .item1{order: 0;}

.hbox1 .mainbox .neirongbox .partbox .num{order: 1;transform: translateY(-20px);}

.hbox1 .mainbox .neirongbox .partbox:nth-child(2n) .icon{margin-bottom: 0;}

.hbox1 .mainbox .neirongbox .partbox .icon{margin-top: 0;padding: 40px;border-radius: 50%;border: 1px dashed var(--main-color);}

.hbox1 .mainbox .neirongbox .partbox:nth-child(2n) .textbox{margin-top: 0;}

.hbox1 .mainbox .bottombox{display: none;}

.hbox2 .fullbox .imgbox{padding: 5px;}

.hbox3 .topchangebox .flexbox .leftbox{flex-wrap: wrap;}

.hbox3 .topchangebox .flexbox .leftbox .partbox{/*width: 120px;*/box-sizing: border-box;text-align: center;}

.hbox3 .topchangebox .flexbox .rightbox{padding: 0 20px;}

.postions h2{ font-size:18px;}

.postions h2 span{ font-size:14px;}
.postions .postions_b a{font-size: 13px;padding-left: 8px;padding-right: 8px;}


.about1box .mainbox{padding: 40px 0;padding-bottom: 80px;}

.about1box .mainbox .topbox .flexbox{flex-direction: column;align-items: flex-start;}

.about1box .mainbox .topbox .flexbox .rightbox{margin: 40px auto 0;}

.about1box .mainbox .topbox .rightbox .partbox .num{font-size: 32px;}

.about1box .mainbox .bottombox .leftbox:after{height: 662px;bottom: -30px;right: -30px;}

.hbox1 .mainbox .neirongbox .partbox .num{color: var(--main-color);border-color: var(--main-color);}

.hbox1 .mainbox .neirongbox .partbox .icon img:first-child{display: none;}

.hbox1 .mainbox .neirongbox .partbox .icon img:last-child{display: block;}

.about2box .mainbox{padding: 40px 0;}

.about2box .mainbox .zhubox{margin-top: 30px;}

/* .about2box .mainbox .flexbox .leftbox .guccbox{width: 400px;} */

.about2box .mainbox .flexbox .rightbox .topbox .textbox{padding-right: 5px;padding-left: 12px;}

.about2box .mainbox .flexbox .rightbox .bottombox{/* margin-top: 20px; */padding-top: 20px;width: 100%;}

.about3box .mainbox .zhubox .partbox .entitle{font-size: 16px;}

.about3box .mainbox{padding: 40px 0;}

.about3box .mainbox .zhubox{margin-top: 30px;}

.about3box .mainbox .zhubox .partbox{height: 330px;}

.about4box .mainbox{padding: 40px 0;}

.about5box .mainbox{padding: 40px 0;padding-bottom: 30px;}

.about5box .mainbox .topchangebox{margin-top: 30px;margin-bottom: 30px;}

.about5box .swiperbox .text{font-size: 18px;margin-top: 20px;}

.about5box .swiperbox .swiper-button-next,.about5box .swiperbox .swiper-button-prev{width: 50px;height: 50px;}

.about5box .swiperbox .swiper-button-prev:after, .about5box .swiperbox .swiper-button-next:after{font-size: 20px;}

.neibanner .textbox .des{font-size: 22px;}



.honor1box .mainbox{padding: 40px 0;}

.honor1box .mainbox .topbox{margin-top: 30px;}

.honor1box .mainbox .topbox .partbox .textbox .des{font-size: 16px;}

.honor1box .mainbox .bottombox{margin-top: 30px;}

.honor2box .mainbox{padding: 40px 0 70px;}

.honor2swiperbox .swiper-pagination{bottom: -46px;}

.honor2swiper .partbox .markbox .mark{height: 28px;margin-bottom: 5px;}

.honor2swiper .partbox .markbox .title{font-size: 16px;}

.honor3box .mainbox{padding: 40px 0;}

.honor3box .tips{margin: 30px 0;font-size: 16px;}



.px1box .mainbox{padding: 40px 0;}

.px1box .mainbox .flexbox{margin-top: 20px;}

.px2box .ntitlebox .title{margin-top: 40px;}

.px2box .mainbox{padding-top: 20px;padding-bottom: 40px;}

.px3box .mainbox{padding: 40px 0;}

.px3box .zhubox .des{margin-top: 20px;font-size: 16px;margin-bottom: 30px;}

.px4box .ntitlebox .title{margin-top: 40px;}

.px4box .mainbox{margin-top: 30px;}

.px4box .px4swiper{width: 100%;}

.px4box .px4swiper .partbox{padding: 30px 30px;}

.px4box .px4swiper .swiper-slide:not(.swiper-slide-active) .partbox{padding: 30px;}

.px5box .mainbox{padding: 40px 0;}

.px5box .mainbox .swiperbox{margin-top: 20px;}

.px5swiper .flexbox .leftbox .textbox{padding: 14px;}

.px5swiper .flexbox .leftbox .textbox .title{font-size: 14px;}

.px5swiper .flexbox .rightbox .partbox .title{font-size: 14px;}

.px5swiper .flexbox .rightbox .partbox{width: calc(33.333333333% - 15px);margin-left: 15px;}



.service1box .mainbox{padding: 40px 0;}

.service1box .mainbox .flexbox .leftbox .iconbox{width: 46px;}

.service1box .mainbox .flexbox .leftbox .entitle{margin-bottom: 20px;}

.service1box .mainbox .flexbox .leftbox .des{font-size: 14px;margin-bottom: 40px;}

.service2box .mainbox{padding: 40px 0;}

.service2box .ntitlebox .des{margin-top: 10px;}

.service2box .mainbox .zhubox{margin-top: 30px;margin-bottom: 10px;}

.service2box .mainbox .zhubox .partbox .iconbox{width: 80px;height: 80px;margin-bottom: 5px;}

.service2box .mainbox .zhubox .partbox{margin-bottom: 20px;}

.service3box .mainbox{padding: 40px 0;}

.service3box .mainbox .zhubox{margin-top: 100px;background-size: cover;}

.service3box .mainbox .zhubox .vsbox{width: 80px;height: 80px;}

.service3box .mainbox .zhubox .flexbox .partbox .title{font-size: 18px;margin-bottom: 10px;}

.service3box .mainbox .zhubox .flexbox .partbox .des .dot{font-size: 14px;}

.service3box .mainbox .zhubox .flexbox .partbox .des .dot:afte,.service3box .mainbox .zhubox .flexbox .partbox.rightbox .des .dot:after{width: 20px;height: 20px;background-size: 20px;}

.service4box .mainbox{padding: 40px 0;}

.service4box .mainbox .zhubox{margin-top: 30px;}

.service4box .mainbox .zhubox .flexbox .partbox .topbox .title{font-size: 14px;}

.service5box .mainbox{padding: 40px 0;}

.service5box .mainbox .zhubox .flexbox .partbox{width: calc(50% - 15px);}

.service6box .mainbox{padding: 40px 0 30px;}

.service7box .mainbox{padding: 40px 0;}

.service7box .des{font-size: 16px;line-height: 1.6;margin-top: 20px;margin-bottom: 30px;}



.case2box1 .mainbox{padding: 40px 0 0;}

.case2box4 .mainbox{padding: 40px 0;}

.case2box4 .zhubox{margin-top: 20px;margin-bottom: 20px;}

.case2box4 .zhubox .partbox{width: calc(50% - 10px);}

.case2box4 .zhubox .rightbox .centerbox .morebox .more.haspad{padding: 0 15px;}

.case2box4 .zhubox .rightbox .centerbox .morebox .more .mark{height: 20px;}

.case2box4 .zhubox .rightbox .centerbox .morebox .more .mark img{height: 100%;display: block;}

.case2box4 .name{font-size: 16px;}

.case2box4 .zhubox .rightbox .centerbox{flex-direction: column;}

.case2box4 .zhubox .rightbox .centerbox .morebox:first-child{margin-bottom: 20px;}



.contact1box .mainbox{padding: 40px 0;}

.contact1box .mainbox .partbox{padding: 20px;width: calc(33.3333333% - 20px);}

.contact1box .mainbox .partbox .title{margin-bottom: 20px;}

.contact1box .mainbox .partbox .des{-webkit-line-clamp: 3;}

.contact2box .mainbox .leftbox{width: 300px;margin-top: 33px;padding-top: 33px;}

.contact2box .mainbox .leftbox .title{font-size: 24px;}

.contact2box .mainbox .leftbox .des{font-size: 16px;}

.contact2box .mainbox .leftbox .tel{margin-bottom: 20px;}

.contact3box .mainbox{padding: 40px 0;}

.contact3box .mainbox .partbox{width: calc(50% - 15px);margin-bottom: 30px;}

.contact3box .mainbox .partbox .leftbox{padding: 20px;}

.contact3box .mainbox .partbox .leftbox .des{-webkit-line-clamp: 3;}

.contact4box .mainbox{padding: 40px 0 90px;}

.contact4box .mainbox .flexbox{flex-direction: column;}

.contact4box .mainbox .leftbox{width: 100%;margin-bottom: 30px;}

.contact4box .mainbox .leftbox .title{font-size: 34px;margin-bottom: 20px;}

.contact4box .mainbox .leftbox .telbox{margin-bottom: 30px;}

.contact4box .mainbox .rightbox{margin: 0 auto;}

.contact4box .mainbox .rightbox .partbox{font-size: 20px;margin-bottom: 20px;}

.contact4box .mainbox .rightbox .partbox select{font-size: 14px;}

.contact4box .mainbox .rightbox .partbox input{font-size: 14px;}

.contactform .flexbox2 .partbox .text{margin-bottom: 10px;}

.hbox1 .mainbox .neirongbox .partbox:hover .icon,.hbox1 .mainbox .neirongbox .partbox:nth-child(2n):hover .icon{transform: translateY(0);}

.sidedwbox.on,.sidedwbox{display: none;}

.contact2box .mainbox .rightbox .partbox.on .textbox{display: none;}

.px3box .swiperbox .zyjtbox{margin: 0;}

.px3box .zyjtbox .swiper-button-prev{left: 10px;}

.px3box .zyjtbox .swiper-button-next{right: 10px;}

/*首页banner*/

.hbannerswiper .cont .text .h3{font-size: 43px;}

.hbannerswiper .cont .text .p{font-size: 21px;}

.hbannerswiper .cont .text .p .ico{height: 15px;}



.hbox5 .mainbox .rightbox .playbox{margin-left: 40%;}

}

@media screen and (max-width: 1100px) {

/*内页*/

.postions{ height:44px; line-height:44px;margin-top: -44px;}

.postions .postions_b a{font-size: 12px;padding-left: 5px;padding-right: 5px;}



.ntitlebox .title{font-size: 24px;}

.ntitlebox .des{font-size: 16px;}

.about1box .mainbox .topbox .rightbox .partbox .num{font-size: 30px;}

.about1box .mainbox .bottombox .rightbox{padding-left: 50px;}

.about1box .mainbox .bottombox .rightbox .title{font-size: 20px;}

.about1box .mainbox .bottombox .rightbox .des{font-size: 15px;}

.about1box .mainbox .topbox .rightbox .partbox .des{font-size: 16px;}

.about3box .mainbox .zhubox .partbox .iconbox{height: 60px;margin-bottom: 20px;}

.about3box .mainbox .zhubox .partbox .des{font-size: 15px;}

.about3box .mainbox .zhubox .partbox .markbox{width: 64px;height: 64px;}

.about3box .mainbox .zhubox .partbox .markbox .mark2{width: 44px;height: 44px;}

.about3box .mainbox .zhubox .partbox .markbox .mark2:after, .about3box .mainbox .zhubox .partbox .markbox .mark2:before{left: 13px;}

.neibanner .textbox{font-size: 18px;}





.honor1box .mainbox .bottombox .des{font-size: 15px;}

.honor1box .mainbox .bottombox .title{font-size: 20px;}

.px1box .mainbox .flexbox .partbox{flex-direction: column;}

.px1box .mainbox .flexbox .partbox .leftbox{width: 100%;}

.px1box .mainbox .flexbox .partbox .rightbox{box-sizing: border-box;}

.service1box .mainbox .flexbox .leftbox .title{font-size: 24px;}

.service2box .mainbox .zhubox .partbox{font-size: 14px;width: 24%;}

.service1box .mainbox .flexbox .rightbox{width: 370px;}

.service1box .mainbox .flexbox .rightbox .guccbox{width: 370px;}

.service1box .mainbox .flexbox .leftbox{padding-right: 20px;}

.service4box .mainbox .zhubox .flexbox{flex-wrap: wrap;}

.service4box .mainbox .zhubox .flexbox .partbox{width: calc(33.33333% - 14px);margin-bottom: 14px;}

.service4box .mainbox .zhubox .flexbox .partbox:nth-child(3n){margin-right: 0;}

.service5box .mainbox .zhubox .flexbox .partbox .des{font-size: 14px;}

}
@media only screen and (max-width: 1020px){
	.postions{position:static;margin-top: 0;}

	.postions .rclass{ display:block;}
	
	.postions a{color: #333;}
	
	.postions label{color: #333;}
	
	.postions .wrap2{border-top: 0;border-bottom: 1px solid #eee;}
	
	.postions .postions_b{ display:none;margin-right: 0;}
	
	.postions .postions_b a{ float:none; font-size:16px; display:block; margin-left:0; padding-left:3%; text-align:left; background:#efefef; border-bottom:1px solid #fff; width:auto;color: #333;}
	
	.postions .postions_b a:hover{ background:#0162b1; color:#fff;}
	
	.postions .postions_b a.isel{ color:#fff;background:#3f509e;}
	
	.postions .postions_b a:after{ height:0;}
	
	.postions .postions_r{width:calc(100% - 130px);width:-webkit-calc(100% - 130px);width:-moz-calc(100% - 130px);overflow: hidden;white-space:nowrap;text-overflow:ellipsis;display: block;color: #333;}
	
	.postions .postions_r img{margin-left: 0px;display: none;}
	
	.postions .goback{background-image: url(../image/news_pic4_2.png);color: #333;margin-left: 0;margin-right: 12px;display: none;}
	
	/*分类弹窗*/
	
	.about_tc{z-index: 19891025; width: 0%; right: 0%; position:absolute; overflow: hidden; top:0; height:100%;/* display: none;*/transition: all 0.3s;}
	
	.postions_b.lws .about_tc{ width:80%;}
	
	.postions_b.lws{ display:block;}
	
	.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;}
}
@media only screen and (max-width: 992px){

.partnerformtcbox .contactform{padding-top: 30px;}

.partnerformtcbox .contact4box .mainbox .rightbox .title2{margin-top: 45px;}

.hbox3swiper .partbox .flexbox{flex-direction: column;}

.hbox3swiper .partbox .leftbox{height: unset;width: 100%;padding: 30px 10px;}

.hbox3swiper .thislogo{height: 36px;margin-bottom: 10px;}

.hbox3swiper .partbox .leftbox .flexbox2 .topbox{margin-bottom: 20px;}

.hbox3swiper .partbox .leftbox .flexbox2 .bottombox{display: flex;display: -webkit-flex;align-items: stretch;justify-content: flex-start;}

.hbox3swiper .bottombox .itembox:not(:last-child){margin-bottom: 0;margin-right: 20px;}

.hbox3swiper .swiper-button-prev{left: 20px;width: 40px;height: 40px;}

.hbox3swiper .swiper-button-next{right: 20px;width: 40px;height: 40px;}

.hbox3swiper .partbox .rightbox .bgbox .guccbox{padding-top: 47%;}

.hbox4 .mainbox .flexbox{flex-wrap: wrap;align-items: stretch;justify-content: space-around;}

.hbox4 .mainbox .partbox{width: 33.3333%;box-sizing: border-box;padding: 0 20px;margin-bottom: 20px;}

/*.hbox5 .loubgbox{top: unset;bottom: 0;right: 0;height: 50%;}*/

.hbox5{padding-bottom: 0;}

.hbox5 .loubgbox{width: 100%;position: relative;top: usnet;left: unset;}

.hbox5 .loubgbox .imgbox{width: 50%;margin-left: auto;}

.hbox5 .loubgbox .imgbox img{width: 100%;}

.hbox5 .mainbox .flexbox{flex-direction: column;}

.hbox5 .mainbox .leftbox{width: 100%;}

.hbox5 .mainbox .rightbox{transform: translateY(260px);height: 0;}

.hbox5 .mainbox .rightbox .playbox{margin-left: 60%;margin-top: 10%;}

.hbox7 .mainbox .flexbox .rightbox{flex-direction: column;}

.hbox7 .rightbox .mesgbox{margin-bottom: 20px;}

footer .mainbox .topbox .leftbox .textbox,footer .mainbox .topbox .leftbox .linebox{display: none;}

.hbanner .swiper-button-prev{left: 20px;}

.hbanner .swiper-button-next{left: 80px;}

.hbanner .swiper-pagination{padding-right: 20px;}





.neibanner .textbox{font-size: 15px;}

.about1box .mainbox .topbox{background-size: 60px;padding-top: 0;}

.about1box .mainbox .topbox .leftbox{padding-left: 0;margin: 0 auto;text-align: center;}

.about1box .mainbox .topbox .flexbox .rightbox{margin-top: 40px;}

.about1box .mainbox .topbox .rightbox .partbox .num{font-size: 26px;}

.about1box .mainbox .topbox .rightbox .partbox .des{font-size: 14px;}

.about1box .mainbox .topbox .rightbox .partbox .iconbox{padding-top: 0px;width: 34px;}

.about1box .mainbox .topbox .rightbox .partbox:not(:first-child):after{top: 17px;}

.about1box .mainbox .bottombox{padding-top: 20px;}

.about1box .mainbox .bottombox .flexbox{flex-direction: column;}

.about1box .mainbox .bottombox .leftbox{width: 100%;}

.about1box .mainbox .bottombox .guccbox{width: 100%;}

.about1box .mainbox .bottombox .leftbox:after{display: none;}

.about1box .mainbox .bottombox .rightbox{padding-left: 0;padding-top: 20px;}

.about1box .mainbox .bottombox .rightbox .title{font-size: 18px;margin-bottom: 10px;}

.about1box .mainbox .bottombox .rightbox .des{font-size: 14px;}

.about2box .mainbox .zhubox{margin-top: 20px;}

.about2box .mainbox .zhubox .flexbox{flex-direction: column;}

.about2box .mainbox .zhubox .leftbox{/* width: 100%; *//*order: 1;*/}

/* .about2box .mainbox .flexbox .leftbox .guccbox{width: 100%;} */

.about2box .mainbox .flexbox .rightbox .topbox .title{font-size: 20px;margin-top: 0;}
.about2box .mainbox .flexbox .rightbox .topbox .des{padding-right: 0;}
.about2box .mainbox .flexbox .rightbox .topbox .des .partbox{font-size: 14px;}
.about2box .mainbox .flexbox .rightbox .topbox .des .partright{font-size: 14px;position: static;margin-top: 5%;}
.about2box .mainbox .flexbox .rightbox .bottombox{font-size: 14px;}

.about3box .mainbox .zhubox{margin-top: 20px;}

.about3box .mainbox .zhubox .flexbox{flex-direction: column;}

.about3box .mainbox .zhubox .partbox{height: 250px;}

.about3box .mainbox .zhubox .partbox .iconbox{margin-bottom: 10px;}

.about3box .mainbox .zhubox .partbox:hover .title{font-size: 18px;}

.about3box .mainbox .zhubox .jiantou{opacity: 0;}

.about5box .mainbox .topchangebox .changebox .partbox{font-size: 14px;line-height: 34px;}

.about5box .mainbox .topchangebox{margin: 20px 0;}

.about5box .swiperbox .text{font-size: 16px;}





.honor1box .mainbox .bottombox .des{font-size: 14px;}

.honor1box .mainbox .bottombox .title{font-size: 18px;}

.honor1box .mainbox .topbox .flexbox{flex-wrap: wrap;}

.honor1box .mainbox .topbox .partbox{width: 50%;margin-bottom: 20px;}

.honor1box .mainbox .topbox .partbox .iconbox{margin: 0 auto;width: 207px;}

.honor1box .mainbox .topbox .partbox .textbox .des{font-size: 14px;}

.honor1swiper{padding-bottom: 40px;}

.honor2box .wrap{max-width: 90%;}

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

.honor2swiperbox .swiper-button-next{display: none;}

.neibanner .textbox .markbox{display: none;}

.px3box .zhubox .des{font-size: 14px;line-height: 1.6;}

.px3box .px3swiper .partbox .fubox .tips{font-size: 16px;}

.px3box .px3swiper .partbox .fubox .des{font-size: 14px;}

.px5swiper .flexbox{flex-direction: column;}

.px5swiper .flexbox .leftbox{width: 100%;margin-bottom: 15px;}

.px5swiper .flexbox .rightbox .partbox{width: calc(50% - 10px);margin-left: 0;}

.px5swiper .flexbox .rightbox .partbox .title{margin-top: 5px;margin-bottom: 5px;}

.px4box .px4swiper .des{font-size: 14px;}



.case2box1 .flexbox .partbox{width: 20%;}

.case2box2 .mainbox{padding: 40px 0;}

.case2box2 .flexbox .leftbox{padding-right: 20px;}

.case2box2 .flexbox .leftbox .imgbox{width: 60px;height: 60px;}

.case2box2 .flexbox .rightbox{padding-left: 20px;}

.case2box2 .flexbox .rightbox .title{font-size: 24px;}

.case2box3 .mainbox .leftbox{display: none;}

.case2box3 .mainbox .rightbox{padding-left: 0;}

.case2box3 .mainbox{margin-top: 20px;}

.case2box3 .mainbox .rightbox .partbox .neirongbox{font-size: 14px;}

.case2box4 .zhubox .flexbox{flex-direction: column;}

.case2box4 .zhubox .partbox{width: 100%;margin-bottom: 20px;}



.contact1box .mainbox .flexbox{flex-direction: column;}

.contact1box .mainbox .partbox{width: 100%;margin-bottom: 20px;}

.contact2box .mainbox .flexbox{flex-direction: column;}

.contact2box .mainbox .leftbox{width: 100%;}

.contact3box .mainbox .partbox{width: 100%;}

.contact4box .mainbox .leftbox .title{font-size: 24px;}

.contact4box .mainbox .leftbox .tips{font-size: 18px;}

.contact4box .mainbox .leftbox .des .partbox{font-size: 14px;}

.contact4box .mainbox .leftbox .tips2{font-size: 18px;}

.contact4box .mainbox .rightbox .partbox{font-size: 18px;}



.hformtcbox .mainbox .hftitle{font-size: 24px;}

.hformtcbox .mainbox .contact4box .mainbox .leftbox .title{font-size: 22px;}



.hbox6 .mainbox .bottomchangebox .partbox .box2{border-top: none;}

.hbpstcbox .mainbox .title{font-size: 16px;}

.hbox3swiper .swiper-button-prev:after{background-size: 20px;}

.hbox3swiper .swiper-button-next:after{background-size: 20px;}

.service1box .more.type3{height: 36px;line-height: 36px;padding: 0 25px;}

.service1box .mainbox .flexbox .leftbox .more .mark{height: 16px;}

.service1box .mainbox .flexbox .leftbox .more .mark img{height: 100%;display: block;}

.service2box .mainbox .zhubox .partbox .iconbox{box-sizing: border-box;padding: 10px;}

.service2box .mainbox .zhubox .partbox:hover{color: #fff;}

.service2box .mainbox .zhubox .partbox:hover .iconbox:after{width: 0%;}

.service2box .mainbox .zhubox .partbox:hover .iconbox img{transform: translateY(0%);}

.service4box .mainbox .zhubox .flexbox .partbox .topbox .iconbox{padding: 10px;}

.headerbox .logo .img{height: 50px;}

.case2box1 .flexbox .partbox .imgbox{box-sizing: border-box;padding: 10px;}

.case2box2 .more.type3{height: 36px;line-height: 36px;padding: 0 25px;}

.case2box3 .mainbox .rightbox .partbox .neirongbox{padding-left: 0;}

.zstcswiper2 .partbox .flexbox{flex-direction: column;align-items: center;}

.zstcswiper2 .flexbox .leftbox{width: 400px;max-width: 100%;margin-bottom: 10px;}

.zstcswiper2 .flexbox .leftbox .guccbox{width: 400px;max-width: 100%;}

.zstcswiper2 .flexbox .rightbox{padding-left: 20px;}

.zstcbox .mainbox .zhubox{padding: 20px;}

.zstcswiper2 .flexbox .rightbox .title{font-size: 20px;}

.zstcswiper2 .flexbox .rightbox .zhiwei{margin-bottom: 10px;}

.zstcswiper2 .flexbox .rightbox .des .partbox{font-size: 14px;}

/*.px4box .swiper-button-next{width: 40px;height: 40px;}*/

.sidebox{top: unset;bottom: 20%;}

.sidebox .topbox{opacity: 0;pointer-events: none;display: none;}

.about3box .mainbox .zhubox .partbox .markbox{transform: translateX(-50%) scale(0);}

.about3box .mainbox .zhubox .partbox:after{transform: scale(500);opacity: 1;}

.about3box .mainbox .zhubox .partbox:before{opacity: 1;z-index: 2;}

.about3box .mainbox .zhubox .partbox .title{color: #fff;}

.about3box .mainbox .zhubox .partbox .entitle{color: #fff;}

.about3box .mainbox .zhubox .partbox .des{opacity: 1;transform: translateY(0px);}

.about3box .mainbox .zhubox .partbox .iconbox .img:first-child{display: none;}

.about3box .mainbox .zhubox .partbox .iconbox .img:last-child{display: block;}

.about5swiper .swiper-slide{transform: scale(1.0);padding: 0;}

.about5swiper .swiper-slide.swiper-slide-active{padding: 0;}

.service4box .mainbox .zhubox .flexbox .partbox:hover{transform: translateY(-5px);}

.service4box .mainbox .zhubox .flexbox .partbox .bottombox .jiantou{width: 45px;}

.service4box .mainbox .zhubox .flexbox .partbox .bottombox{height: 35px;}

.service4box .mainbox .zhubox .flexbox .partbox .bottombox .num{line-height: 35px;}

.service6swiper .partbox .fullbox .imgbox{padding: 15px;}

.service6swiper .partbox .fullbox{height: 80px;}

.px2box .morebox{margin-top: 40px;}

.px4box{margin-bottom: 30px;}

.px4box .mainbox .mainbox{transform: translateY(30px);}

.contact1box .mainbox .partbox:hover{transform: translateY(0px);}

.hformtcbox .mainbox .contact4box .mainbox .leftbox .title{font-size: 18px;margin-top: 10px;margin-bottom: 5px;}

.hformtcbox .contact4box .mainbox .leftbox .tips{font-size: 16px;margin-bottom: 5px;}

.hformtcbox .contact4box .mainbox .leftbox .des .partbox{font-size: 14px;margin-bottom: 3px;}

.contact4box .mainbox .leftbox .des{margin-bottom: 10px;}

.contact4box .mainbox .leftbox .telbox{margin-bottom: 10px;}

.hformtcbox .contact4box .mainbox .leftbox .tips2{font-size: 16px;}

.headerbox .navflex .searchbox .hcasebox .iconbox{margin-left: 8px;}

.headerbox .navflex .searchbox .hcasebox:hover:after{width: 100%;}

.headerbox.tosmall .navflex .searchbox .hcasebox:hover .text{color: #fff;}

.honor1box .mainbox .topbox.on .partbox{animation: unset;clip-path: none;}

.about5box .mainbox .topchangebox .changebox .partbox{margin: 0;padding: 0 18px;}

.contactform:after{display: none;}

.hformtcbox .mainbox .contact4box .contactform:before{display: none;}

.px4box .px4swiper .swiper-pagination{display: block;}

/*首页banner*/

.hbannerswiper .cont .text{left: 5px;width: 95%;top: -100px;}

.hbannerswiper .cont .text .h3{font-size: 35px;}

.hbannerswiper .cont .text .p{font-size: 18px;}

.hbannerswiper .cont .text .p .ico{height: 14px;}

}

@media screen and (max-width: 830px) {

/*内页*/

.postions h2{ font-size:16px;}

.postions h2 span{ font-size:13px;}

.about1box .mainbox .topbox .flexbox .rightbox .flexbox2{flex-wrap: wrap;width: 350px;}

.about1box .mainbox .topbox .rightbox .partbox{width: 50%;margin-bottom: 20px;}

.about1box .mainbox .topbox .rightbox .partbox:not(:first-child){padding-left: 0;margin-left: 0;}

.about1box .mainbox .topbox .rightbox .partbox:not(:first-child):after{display: none;}

.about5box .swiperbox .swiper-button-next, .about5box .swiperbox .swiper-button-prev{width: 40px;height: 40px;}

.about5box .swiperbox .swiper-button-prev{left: 5px;}

.about5box .swiperbox .swiper-button-next{right: 5px;}

.about5box .swiperbox .swiper-button-prev:after, .about5box .swiperbox .swiper-button-next:after{font-size: 16px;}

.px4box .swiper-button-next{width: 40px;height: 40px;right: 0px;display: none;}

.px4box .swiper-button-prev{width: 40px;height: 40px;left: 0px;display: none;}

/*首页banner*/

.hbannerswiper .cont .text .h3{font-size: 29px;}

.hbannerswiper .cont .text .p{font-size: 15px;}
/*关于我们*/
.about2box .mainbox .flexbox .leftbox .guccbox{width: 100%;padding-top:138.065%;}
}

@media only screen and (max-width: 800px){

.hbanner .swiper-pagination{bottom: 20px;font-size: 14px;}

.hbanner .swiper-pagination .swiper-pagination-current{font-size: 20px;}

.hbanner .mousebox{display: none;}

.hbanner .swiper-button-prev, .hbanner .swiper-button-next{bottom: 20px;}

.htitlebox .title{font-size: 22px;}

.hbox3swiper .name{font-size: 18px;}

.hbox3swiper .text1{font-size: 16px;}

.hbox5 .mainbox .leftbox .titlebox .title{font-size: 22px;}

.hbox5 .mainbox .leftbox .titlebox{margin-bottom: 30px;}

.hbox5 .mainbox .leftbox .tetxbox{margin-bottom: 30px;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .des{font-size: 14px;}

.hbox5 .mainbox .rightbox{transform: translateY(160px);}

.hbox6 .mainbox .topchangebox .flexbox{flex-direction: column;}

.hbox6 .mainbox .topchangebox .flexbox .changebox{flex-wrap: wrap;}

.hbox6 .mainbox .topchangebox .flexbox .changebox .partbox{margin-bottom: 0px;}

.hbox6 .mainbox .topchangebox .flexbox .morebox{align-self: flex-end;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .midbox{flex-direction: column;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .guccbox{width: 100%;height: unset;padding-top: 66.2591687%;margin-bottom: 20px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .textbox{padding-left: 0;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .seetime{padding-bottom: 10px;margin-bottom: 10px;}

.hbox6 .mainbox .bottomchangebox .partbox .box2{width: 100%;margin-bottom: 20px;}

.hbox5 .mainbox .rightbox .playbox .imgbox{width: 55px;}

.hbox5 .mainbox .rightbox .playbox .text{font-size: 18px;}

.hbox5 .mainbox .rightbox .playbox{margin-left: 50%;margin-top: 50%;}

.hbox7 .rightbox .mesgbox{flex-direction: column;height: unset;width: 100%;box-sizing: border-box;}

.hbox7swiper:before,.hbox7swiper:after{display: none;}

.hbox7swiper{margin: 0;padding: 0;}

.hbox7 .leftbox .title{font-size: 20px;}

.hbox5 .loubgbox .imgbox{width: 70%;}

.hbox2 .numtext .partbox{font-size: 18px;}

.hbox2 .numtext .num{font-size: 30px;}

.hbox7 .rightbox .btnbox{margin-left: 0;}

footer .mainbox .flinkbox .webmapbox{padding-left: 10px;}

.hbox6 .mainbox .topchangebox .flexbox{align-items: center;}

.hbox6 .mainbox .topchangebox .changebox .partbox{font-size: 13px;padding: 0 10px;line-height: 36px;}

.hbox6 .mainbox .topchangebox .flexbox .morebox{display: none;}

.headerbox .navflex .searchbox .hcasebox{padding: 0 15px 0 20px;}

.postions{ height:42px; line-height:42px; font-size:14px;}

.postions h2{ display:none;}

.postions .postions_b a{ height:44px; line-height:44px; font-size:15px;}

.service2box .mainbox .zhubox .partbox{width: 32.33333%;}

.service3box .mainbox .zhubox{background: url(../image/service3bg2.png) center center no-repeat;background-size: cover;}

.service3box .mainbox .zhubox{margin-top: 60px;}

.service3box .mainbox .zhubox .flexbox{flex-direction: column;padding: 0px 20px;}

.service3box .mainbox .zhubox .flexbox .partbox{width: 100%;padding: 0;}

.service3box .mainbox .zhubox .flexbox .partbox.rightbox{margin-top: 260px;}

.youdianbox{padding-top: 0;}

.service5box .mainbox .zhubox .flexbox{flex-direction: column;}

.service5box .mainbox .zhubox .flexbox .partbox{width: 100%;margin-bottom: 49px;}

.service1box .mainbox .flexbox .rightbox .guccbox:after{right: -10px;bottom: -10px;}

.service1box .mainbox .flexbox{flex-direction: column;}

.service1box .mainbox .flexbox .leftbox .entitle{margin-bottom: 10px;}

.service1box .mainbox .flexbox .leftbox .des{margin-bottom: 15px;}

.service1box .mainbox .flexbox .leftbox{margin-bottom: 20px;}

.service1box .mainbox .flexbox .rightbox{width: 100%;}

.service1box .mainbox .flexbox .rightbox .guccbox{width: 100%;}



.contactform{width: 100%;padding: 85px 10px 78px;}

.contact4box .mainbox .rightbox{width: 100%;}

.contact4box .mainbox .rightbox .partbox{width: calc(50% - 2px);}

.contactform .flexbox2 .partbox.w100{width: 100%;}

.contact4box .mainbox .rightbox .partbox{font-size: 16px;}

.contact4box .mainbox .rightbox .partbox select{font-size: 12px;}

.contact4box .mainbox .rightbox .partbox input{font-size: 12px;}

.contactform .flexbox2 .partbox button .text{font-size:16px}

.contactform .flexbox2 .partbox button .more{height: 40px;line-height: 40px;}

.contact4box .mainbox .rightbox .title{font-size: 24px;}

.contact3box .mainbox .partbox{flex-direction: column;}

.contact3box .mainbox .partbox .leftbox{width: 100%;}

.contact3box .mainbox .partbox .rightbox{width: 100%;}

.contact3box .mainbox .partbox .leftbox .title{font-size: 18px;}

.contact3box .mainbox .partbox .leftbox .des{font-size: 14px;}

.contact4box .mainbox .leftbox .telbox{font-size: 15px;}

.contact4box .mainbox .leftbox .telbox span{font-size: 16px;}

.hformtcbox .contactform{padding: 85px 0px 30px;}

.hformtcbox .mainbox{max-width: 96%;}

.contact4box .mainbox .leftbox .des .partbox:after{top: 5px;}

.contact3box .mainbox .flexbox{margin-top: 30px;}







.hbox5 .mainbox .rightbox .playbox .imgbox .idh i:nth-child(1){right: 0;width: 4px;}

.hbox5 .mainbox .rightbox .playbox .imgbox .idh i:nth-child(2){right: 7px;width: 4px;}

.hbox5 .mainbox .rightbox .playbox .imgbox .idh i:nth-child(3){right: 13px;width: 4px;}

@keyframes idh{

	0%{height: 16px;}

	50%{height: 5px;}

	100%{height: 16px;}

}

}

@media only screen and (max-width: 700px){

.px1box .mainbox .flexbox .partbox{width: 100%;}

/*首页banner*/

.hbannerswiper .cont .text .h3{font-size: 25px;}

.hbannerswiper .cont .text .p{font-size: 13px;}

}

@media only screen and (max-width: 600px){

.hbox1 .mainbox .neirongbox .partbox .entitle{font-size: 12px;}

.hbox1 .mainbox .neirongbox .partbox .title{font-size: 16px;}

.hbox1 .mainbox .neirongbox .partbox .icon{height: 32px;padding: 26px;}

.headerbox .navflex .searchbox .telbox{display: none;}

.hbox2 .wrap{position: relative;}

.hbox2 .htitlebox .title{position: static;}

.hbox2 .numtext{flex-direction: column;}

.hbox2 .bpsbox{transform: scale(0.4);right: -60px;top: -10px;}

.partnerformtcbox .contactform{padding-top: 25px;}

.partnerformtcbox .contact4box .mainbox{padding-bottom: 10px;}

.partnerformtcbox .contact4box .mainbox .rightbox .ul{font-size: 16px;}

.partnerformtcbox .contact4box .mainbox .rightbox .ul img{margin-right: 8px;margin-left: 15px;}

.partnerformtcbox .contact4box .mainbox .rightbox .title{font-size: 26px;}

.partnerformtcbox .contact4box .mainbox .rightbox .title2{margin-top: 35px;font-size: 22px;}

.partnerformtcbox .contact4box .mainbox .rightbox .title3{font-size: 22px;}

.partnerformtcbox .contact4box .mainbox .rightbox .title4{font-size: 15px;margin-bottom: 40px;}

.hbox3swiper .partbox .rightbox .bgbox .guccbox{padding-top: 0;height: 300px;}

.hbox3swiper .partbox .rightbox .centerbox{flex-direction: column;opacity: 1;}

.hbox3swiper .partbox .rightbox .centerbox .morebox:first-child{margin-bottom: 20px;}

.hbox6 .mainbox .bottomchangebox .partbox .box1 .des{font-size: 14px;}

.hbox6 .mainbox .bottomchangebox .partbox .box2 .des{font-size: 14px;height: unset;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .des{font-size: 13px;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .iconbox .imgbox{width: 40px;}

.hbox5 .mainbox .leftbox .numbox .flexbox2 .partbox .num{margin-bottom: 5px;font-size: 22px;}

.hbox5 .bpsbox{transform: scale(0.4);right: -30px;bottom: -30px;}

footer .mainbox .topbox .leftbox .imgbox{height: 41px;}

footer .mainbox .topbox .flexbox .rightbox{margin-top: 30px;}

footer .mainbox .midbox .leftbox .toptextbox{font-size: 20px;}

footer .mainbox .topbox .flexbox{height: unset;}

.hbox4 .mainbox .partbox{padding: 0 5px;}

.hbox6 .mainbox .topchangebox .flexbox .changebox{justify-content: center;}

.postions{font-size: 13px;}

.postions .postions_b a{ font-size:14px;}

.honor1box .mainbox .topbox .partbox .iconbox{width: 160px;}

.honor1box .mainbox .topbox .partbox .iconbox img{width: 100%;}

.service4box .mainbox .zhubox .flexbox .partbox{width: calc(50% - 7px);margin-right: 14px;}

.service4box .mainbox .zhubox .flexbox .partbox:nth-child(3n){margin-right: 14px;}

.service4box .mainbox .zhubox .flexbox .partbox:nth-child(2n){margin-right: 0px;}

.service4box .mainbox .zhubox .flexbox .partbox .topbox .iconbox{margin-bottom: 10px;}

.service4box .mainbox .zhubox .flexbox .partbox .topbox .title{margin-bottom: 15px;}

.case2box1 .flexbox .partbox{width: 25%;}

.case2box1 .flexbox .partbox:nth-child(n+8){opacity: 0;height: 0;margin-bottom: 0;}

.case2box1 .flexbox.on .partbox:nth-child(n+8){margin-bottom: 30px;}

.case2box1 .flexbox .partbox.seemore,.case2box1 .flexbox .partbox:nth-child(-n+9){order: 1;}

.case2box1 .flexbox .partbox.seemore,.case2box1 .flexbox .partbox:nth-child(-n+7){order: 0;opacity: 1;height: auto;}

.case2box1 .flexbox.on .partbox{opacity: 1;height: unset;}

.case2box4 .zhubox .partbox{flex-direction: column;height: unset;}

.case2box4 .zhubox .leftbox{width: 100%;height: unset;padding: 30px 20px;}

.case2box4 .name{margin-bottom: 20px;}

.case2box4 .zhubox .rightbox .bgbox .guccbox{height: unset;padding-top: 46.9473%;}

.case2box4 .zhubox .rightbox .centerbox{flex-direction: row;}

.case2box4 .zhubox .rightbox .centerbox .morebox:first-child{margin-bottom: 0;}

.case2box2 .mainbox .flexbox{flex-direction: column;}

.case2box2 .flexbox .leftbox{margin-bottom: 20px;padding-right: 0;border: none;}

.case2box2 .flexbox .rightbox{padding-left: 0;}

footer .mainbox .topbox .flexbox{flex-direction: column;padding: 20px;}

.hbox2swiper{margin-top: 30px;}

.hbox4 .mainbox .flexbox{flex-direction: column;}

.hbox4 .mainbox .partbox{width: 100%;position: relative;padding-left: 80px;box-sizing: border-box;text-align: left;}

.hbox4 .mainbox .partbox .imgbox{position: absolute;top: 5px;left: 0;height: 50px;width: 70px;text-align: center;}

.hbox4 .mainbox .partbox .title{margin-top: 0;}

.sidebox{transform: scale(0.8);right: 0;}

.about1box{background-size: contain;}
.about2box .mainbox .flexbox .rightbox .bottombox{margin-top: 15px;}
.about2box .mainbox .flexbox .rightbox .bottombox .sign img{height: 40px;}

/*首页banner*/

.hbannerswiper .cont .text{top: -90px;}

.hbannerswiper .cont .text .h3{font-size: 22px;}

.hbannerswiper .cont .text .p{font-size: 12px;}

.hbannerswiper .cont .text .p .ico{height: 13px;}



}

@media only screen and (max-width: 480px){

.postions{ font-size:12px;}

.postions .postions_b a{ font-size:13px;}

.postions .postions_r span{ display:none;}

.postions .postions_r img{ margin-right: 6px;}

/*首页banner*/

.hbannerswiper .cont .text{top: -80px;}

.hbannerswiper .cont .text .h3{font-size: 20px;}

.hbannerswiper .cont .text .p{font-size: 12px;}

.hbannerswiper .cont .text .p .ico{height: 12px;}

.partnerformtcbox .contactform{padding-top: 20px;background-size: 110% auto;}

.partnerformtcbox .contact4box .mainbox .rightbox .ul{font-size: 14px;margin-top: 26px;}

.partnerformtcbox .contact4box .mainbox .rightbox .ul img{margin-right: 5px;margin-left: 10px;height: 16px;}

.partnerformtcbox .contact4box .mainbox .rightbox .title{font-size: 22px;margin-bottom: 35px;}

.partnerformtcbox .contact4box .mainbox .rightbox .title2{margin-top: 25px;font-size: 20px;}

.partnerformtcbox .contact4box .mainbox .rightbox .title3{font-size: 20px;}

.partnerformtcbox .contact4box .mainbox .rightbox .title4{font-size: 14px;margin-bottom: 20px;}

.hbox5 .mainbox .rightbox .playbox{margin-left: 40%;margin-top: 40%;}



}

@media only screen and (max-width: 400px){

.mbxbox .fenleibox .partbox{font-size: 14px;}

.partnerformtcbox .contactform{background-size:auto 105px;padding-top: 15px;}

.about3 .topswiper .partbox .title{font-size: 14px;}

.hbox5 .mainbox .rightbox .playbox{margin-left: 35%;margin-top: 30%;}

}