:root{

	--main-color: #1b90cd;

}

.wrap{width: 85%;;margin: 0 auto;}

body{font-family: "Arial";}

/* 导航 */

header12{

	width: 100%;

	position: fixed;

	top: 0;

	z-index: 99;

	background-color: #fff;

    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

    transition: 0s;

}

header12.tosmall{

	top: -100%;

	transition: 0s;

}

.header12box{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

}

.header12box .logo12box img{

	height: 28px;

}

.header12box .menu12box{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

}

.header12box .menu12box .menu12{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

}

.header12box .menu12box .menu12 .menu12list{

	padding-right:18px;

	margin-right: 40px;

}

.header12box .menu12box .menu12 .menu12list:hover,.header12box .menu12box .menu12 .menu12list.on{

	color: var(--main-color);

}

.hasxl{

	padding-right: 18px;

	background: url(../image/xjiantou.png) right center no-repeat;

	background-size: 11px;

}

.hasxl:hover,.hasxl.on{

	background: url(../image/xjiantouon.png) right center no-repeat;

	background-size: 11px;

}

.hasxl:after{



}

.header12box .menu12box .menu12 .menu12list .xlbox{

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	background-color: #fff;

	border-top: 1px solid #e6e6e6;

	opacity: 0;

	pointer-events: none;

	transform: translateY(-40px);

}

.header12box .menu12box .menu12 .menu12list:hover .xlbox{

	opacity: 1;

	pointer-events: auto;

	transform: translateY(0px);

	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);

}

.header12box .menu12box .menu12 .menu12list.on.noxiala:hover .xlbox{

	opacity: 0;

	pointer-events: none;

}

.header12box .menu12box .menu12 .menu12list .xlflex{

	display: flex;

	display: -webkit-flex;

	justify-content: flex-start;

	padding: 30px 100px 20px;

	flex-wrap: wrap;

}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox{

	/*min-width: 18%;*/

	/*margin: 0 2.5%;*/

	width: 25%;

	padding: 0 10px;

	box-sizing: border-box;

}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox .title{

	font-size: 20px;

	color: #333;

	margin-bottom: 15px;

	/*text-align: center;*/

}

.header12box .menu12box .menu12 .menu12list.textcen .xlflex .partbox .title{

	text-align: center;

}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox .title a{

	padding-bottom: 3px;

	font-weight: bold;

}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox .title:hover a{

	color: var(--main-color);

	border-bottom: 1px solid var(--main-color);

}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox .xtitle{

	font-size: 16px;

	color: #666;

	margin-bottom: 15px;

}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox .xtitle a{

	display: inline-block;

	padding-bottom: 3px;

	border-bottom: 1px solid rgba(0, 0, 0, 0);

}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox .xtitle:hover a{

	color: var(--main-color);

	border-bottom: 1px solid var(--main-color);

}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox a{

	line-height: 1.6;

	height: unset;

}

.header12box .menu12box .menu12 .menu12list>a{

	display: block;

	height: 80px;

	line-height: 80px;

	position: relative;

	overflow: hidden;

}

.header12box .menu12box .menu12 .menu12list>a:before{

	content: "";

	display: block;

	box-sizing: border-box;

	width: 10px;

	height: 10px;

	border-radius: 100% 0 0 0;

	border: 3px solid var(--main-color);

	border-right: none;

	border-bottom: none;

	position: absolute;

	bottom: -3px;

	left: 50%;

	transform: translateX(-100%) rotate(-90deg);

	transform-origin: 100% 100% 0;

	transition: 0.3s;

}

.header12box .menu12box .menu12 .menu12list>a:after{

	content: "";

	display: block;

	box-sizing: border-box;

	width: 10px;

	height: 10px;

	border-radius: 0 100% 0 0;

	border: 3px solid var(--main-color);

	border-left: none;

	border-bottom: none;

	position: absolute;

	bottom: -3px;

	left: 50%;

	transform: translateX(2px)  rotate(90deg);

	transform-origin: 0 100% 0;

	transition: 0.3s;

}

.header12box .menu12box .menu12 .menu12list.on>a:before{

	transform: translateX(-100%) rotate(0deg);

	transition: 0.3s;

}

.header12box .menu12box .menu12 .menu12list.on>a:after{

	transform: translateX(2px) rotate(0deg);

	transition: 0.3s;

}

.header12box .menu12box .menu12 .menu12list:hover>a:before{

	transform: translateX(-100%) rotate(0deg);

}

.header12box .menu12box .menu12 .menu12list:hover>a:after{

	transform: translateX(2px) rotate(0deg);

}

.sjmenu12btn,.sjbtntwo{display: none;}

.header12box .menu12box .searchbox{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

}

.header12box .menu12box .searchbox .language{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

	margin-right: 40px;

}

.header12box .menu12box .searchbox .language .imgbox{

	margin-right: 9px;

}

.header12box .menu12box .searchbox .language .langlist{

	position: relative;

	line-height: 80px;

}

.header12box .menu12box .searchbox .language .langlist .xlbox{

	position: absolute;

	top: 100%;

	background-color: #fff;

	padding: 5px 50px;

	transform: translateX(-54px);

	text-align: center;

	line-height: 1.4;

	opacity: 0;

	line-height: 2;

	pointer-events: none;

	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

}

.header12box .menu12box .searchbox .language .langlist:hover .xlbox{

	opacity: 1;

	pointer-events: auto;

}

.header12box .menu12box .searchbox .language .langlist .xlbox a:hover{

	color: var(--main-color);

}

.header12box .menu12box .searchbox .language img{

	width: 20px;

	display: block;

}

.header12box .menu12box .searchbox .search{

	position: relative;

}

.header12box .menu12box .searchbox .search .searchbtn{

	overflow: hidden;

}

.header12box .menu12box .searchbox .search img{

	width: 20px;

	display: block;

	transition: 0s;

}

.header12box .menu12box .searchbox .search .searchbtn:hover img{

	filter: drop-shadow(0 100px var(--main-color));

	transform: translateY(-100px);

}

.header12box .menu12box .searchbox .search .realsearchbtn:hover img{

	filter: drop-shadow(0 100px var(--main-color));

	transform: translateY(-100px);

}

.header12box .menu12box .searchbox .search .realsearch{

	position: absolute;

	top: -20px;

	right: 0;

	display: flex;

	display: -webkit-flex;

	background-color: rgba(239, 239, 239, 0.9);

	border-radius: 10px;

	overflow: hidden;

	opacity: 0;

	pointer-events: none;

	z-index: 100;

}

.header12box .menu12box .searchbox .search .realsearch.on{

	top: -20px;

	right: 40px;

	opacity: 1;

	pointer-events: auto;

}

.header12box .menu12box .searchbox .search .realsearch input{

	width: 500px;

	height: 60px;

	border: none;

	outline: none;

	padding-left: 20px;

	background-color: rgba(239, 239, 239, 0.9);

}

.header12box .menu12box .searchbox .search .realsearch a{

	width: 40px;

	height: 60px;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	background-color: rgba(239, 239, 239, 0.9);

}

.homebanner12{margin-top: 80px;}

.homebanner12 .partbox .textbox{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: flex;

	display: -webkit-flex;

	align-items: center;

}

.homebanner12 .partbox .textbox .text{

	max-width: 600px;

}

.homebanner12 .partbox .textbox .title{

	font-size: 114px;

	line-height: 1;

	color: var(--main-color);

	margin-bottom: 20px;

	font-weight: bold;

}

.homebanner12 .partbox .textbox .des{

	font-size: 55px;

	line-height: 1;

	color: #232323;

	margin-bottom: 40px;

	font-weight: bold;

}

.homebanner12 .partbox .textbox .des2{

	font-size: 20px;

	line-height: 1.6;

	color: #666666;

	margin-bottom: 35px;

}

.homebanner12 .partbox img{

	width: 100%;

}

 .hrmore{

	font-size: 12px;

	height: 40px;

	line-height: 40px;

	display: inline-block;

	color: var(--main-color);

	border-radius: 20px;

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

	padding: 0 36px;

}

 .hrmore span{

	display: inline-block;

	margin-left: 5px;

	font-size: 22px;

	line-height: 12px;

	vertical-align: text-top;

}

.hbswiper .swiper-pagination{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	bottom: 40px;

}

.hbswiper .swiper-pagination-bullet{

	display: flex;

	display: -webkit-flex;

	width: unset;

	height: unset;

	background: unset;

	opacity: 1;

}

.lbul{

	width: 6px;

	height: 16px;

	border-radius: 3px 0 0 3px;

	border: 4px solid #999999;

	border-right: unset;

	margin-right: 1px;

	position: relative;

	box-sizing: border-box;

}

.rbul{

	width: 6px;

	height: 16px;

	border-radius: 0 3px 3px 0;

	border: 4px solid #999999;

	border-left: unset;

	position: relative;

	box-sizing: border-box;

}

.lbul:after{

	content: "";

	display: block;

	position: absolute;

	top: -4px;

	left: -4px;

	width: 6px;

	height: 16px;

	border-radius: 3px 0 0 3px;

	border: 4px solid var(--main-color);

	border-right: unset;

	margin-right: 1px;

	box-sizing: border-box;

	clip-path: inset(0 0 16px 0 round 0);

}

.rbul:after{

	content: "";

	display: block;

	position: absolute;

	top: -4px;

	right: -4px;

	width: 6px;

	height: 16px;

	border-radius: 0 3px 3px 0;

	border: 4px solid var(--main-color);

	border-left: unset;

	box-sizing: border-box;

	clip-path: inset(0 0 16px 0 round 0);

}

.swiper-pagination-bullet-active .lbul:after,.swiper-pagination-bullet-active .rbul:after{

	animation:mymove 7s;

}

@keyframes mymove

{

	from {clip-path: inset(16px 0 0px 0 round 0);}

	to {clip-path: inset(0 0 0 0 round 0);}

}

.hproduct{

	padding-top: 110px;

}

.htoptitle{

	font-size: 44px;

	color: #232323;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 46px;

	font-weight: bold;

}

.xxylist4{

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	margin-bottom: 50px;

}

.xxylist4 .partbox{

	width: calc(25% - 22.5px);

	margin-right: 30px;

	height: 500px;

	/*overflow: hidden;*/

	border-radius: 10px;

	/*border: 1px solid #eeeeee;*/

	box-sizing: border-box;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	justify-content: space-between;

	align-items: center;

	position: relative;

}

.xxylist4 .partbox .zhezhao{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #f7f7f7;

	transition: 0.6s;

	clip-path: circle(100%);

	border-radius: 8px;

}

.xxylist4 .partbox:hover .zhezhao{

	clip-path: circle(0%);

}

.xxylist4 .partbox:nth-child(4n){

	margin-right: 0px;

}

.xxylist4 .partbox .topbox{

	margin-top: 50px;

	text-align: center;

	overflow: hidden;

	padding: 0 50px;

	position: relative;

}

.xxylist4 .partbox .topbox .title{

	font-size: 24px;

	color: #232323;

	padding-bottom: 16px;

	margin-bottom: 10px;

	position: relative;

	font-weight: bold;

	height: 56px;

}

.xxylist4 .partbox:hover .title{

	color: #fff;

}

.xxylist4 .partbox .topbox .title:after{

	content: "";

	display: block;

	width: 40px;

	height: 2px;

	background: #f7f7f7;

	display: block;

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

}

.xxylist4 .partbox .topbox .des{

	font-size: 16px;

	color: #f7f7f7;

	margin-bottom: 10px;

}

.xxylist4 .partbox .topbox .imgbox img{

	width: 100%;

}

.xxylist4 .partbox:hover .imgbox{

	opacity: 0;

}

.xxylist4 .partbox .bottombox{

	margin-bottom: 46px;

	flex-shrink: 0;

	position: relative;

}

.hrmore2{

	font-size: 12px;

	height: 40px;

	line-height: 40px;

	display: inline-block;

	color: #666666;

	border-radius: 20px;

	padding: 0 36px;

	box-sizing: border-box;

}

.hrmore2 span{

	display: inline-block;

	margin-left: 5px;

	font-size: 22px;

	line-height: 12px;

	vertical-align: text-top;

}

.hrmore2:hover span{

	transform: translateX(5px);

}

.xxylist4 .partbox:hover .hrmore2{

	color: #fff;

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

}

.morebtn{

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

}

.morebtn .hrmore2{

	border: 1px solid #cccccc;

}

.morebtn .hrmore2:hover{

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

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

	color: #fff;

}

.hsolution{

	padding-top: 75px;

}

.hsolution .hsswiper{

	margin-bottom: 50px;

}

.hsolution .hsswiper .partbox{

	position: relative;

	overflow: hidden;

	border-radius: 10px;

	height: 540px;

	text-align: center;

}

.hsolution .hsswiper .partbox .imgbox{

	margin-top: -40px;

	position: relative;

	margin-bottom: 15px;

}

.hsolution .hsswiper .partbox:hover .imgbox{

	margin-top: 75px;

}

.hsolution .hsswiper .partbox .imgbox img{

	height: 40px;

}

.hsolution .hsswiper .partbox .title{

	font-size: 24px;

	color: #fff;

	padding-bottom: 20px;

	margin-bottom: 20px;

	position: relative;

	font-weight: bold;

}

.hsolution .hsswiper .partbox .title:after{

	content: "";

	display: block;

	width: 32px;

	height: 3px;

	background: #fff;

	display: block;

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

	opacity: 0;

}

.hsolution .hsswiper .partbox:hover .title:after{

	opacity: 1;

}

.hsolution .hsswiper .partbox .des{

	font-size: 16px;

	line-height: 1.6;

	color: #fff;

	opacity: 0.8;

	position: relative;

	margin-bottom: 30px;

	max-height: 150px;

	overflow: hidden;

	text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

}

.hsolution .hsswiper .partbox .hmore3{

	position: relative;

}

.hsolution .hsswiper .partbox .hmore3 .bottombox{

	font-size: 12px;

	height: 40px;

	line-height: 40px;

	display: inline-block;

	color: var(--main-color);

	background-color: #fff;

	border-radius: 20px;

	padding: 0 36px;

	box-sizing: border-box;

}

.hsolution .hsswiper .partbox .zhezhao{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 14%;

	transition: 0.6s;

	box-shadow: 0px  -20px 40px 40px var(--main-color);

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

	padding: 0 30px;

	box-sizing: border-box;

}

.hsolution .hsswiper .partbox:hover .zhezhao{

	height: 100%;

}

.hnews{

	padding-top: 75px;

	padding-bottom: 100px;

}

.hnews .hnswiper{

	margin-bottom: 50px;

}

.hnews .hnswiper .partbox .imgbox{

	overflow: hidden;

	margin-bottom: 20px;

	border-radius: 10px;

}

.hnews .hnswiper .partbox .imgbox img{

	width: 100%;

}

.hnews .hnswiper .partbox:hover .imgbox img{

	transform: scale(1.05);

}

.hnews .hnswiper .partbox .time{

	font-size: 14px;

	color: #999;

	margin-bottom: 10px;

}

.hnews .hnswiper .partbox .title{

	font-size: 24px;

	color: #333;

	line-height: 1.4;

	margin-bottom: 10px;

	font-weight: bold;

}

.hnews .hnswiper .partbox:hover .title{

	color: var(--main-color);

}

.hnews .hnswiper .partbox .des{

	font-size: 16px;

	color: #666;

	line-height: 1.6;

	margin-bottom: 30px;

}

.hmore4 .bottombox{

	padding: 0;

}

.hmore4 .bottombox:hover{

	padding: 0 36px;

	color: #fff;

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

}

.footer12{

	color: #fff;

	padding-top: 90px;

}

.footer12 .ftop{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	padding-bottom: 80px;

}

.footer12 .ftop .fleft{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	width: 100%;

	padding-right: 100px;

}

.footer12 .ftop .fleft .partbox{

	flex-grow: 1;

}

.footer12 .ftop .fleft .title{

	font-size: 20px;

	margin-bottom: 20px;

	font-weight: bold;

}

.footer12 .ftop .fleft .linklist{

	font-size: 16px;

	margin-bottom: 15px;

	opacity: 0.6;

}

.footer12 .ftop .fleft .linklist:hover{

	opacity: 1;

	color: var(--main-color);

}

.footer12 .ftop .fleft .linklist a{

	display: inline-block;

	position: relative;

	/*padding-right: 8px;*/

}

.footer12 .ftop .fleft .linklist a:hover{

	/*padding-left: 8px;*/

	/*padding-right: 0px;*/

	/*opacity: 1;*/

	color: var(--main-color);

}

.footer12 .ftop .fleft .linklist a:after{

	content: "";

	display: block;

	width: 0px;

	height: 1px;

	background-color: #fff;

	opacity: 0;

	position: absolute;

	top: 50%;

	left: 1px;

	/*transition: 0.3s;*/

	display: none;

}

.footer12 .ftop .fleft .linklist a:hover:after{

	width: 5px;

	opacity: 1;

	display: none;

}

.footer12 .fright{

	flex-shrink: 0;

	width: 328px;

	overflow: hidden;

}

.footer12 .fright .title{

	font-size: 20px;

	margin-bottom: 20px;

	font-weight: bold;

}

.footer12 .fright .emailform{

	width: 100%;

	margin-bottom: 22px;

}

#fform{

	width: 100%;

	background-color: #e6e6e6;

	border-radius: 25px;

	height: 50px;

	overflow: hidden;

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

}

#fform input[type = text]{

	outline: none;

	border: none;

	width: 100%;

	padding: 0 20px 0 20px;

	height: 50px;

	font-size: 14px;

	box-sizing: border-box;

	background-color: #e6e6e6;

}

#fform input[type = button]{

	outline: none;

	border: none;

	width: 100%;

	width: 120px;

	height: 50px;

	font-size: 14px;

	border-radius: 25px;

	box-sizing: border-box;

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

	flex-shrink: 0;

	color: #fff;

	-webkit-appearance:none;

}

#fform input[type = button]:hover{

	background-color: #1981b7;

}

.sharebox{

	display: flex;

	display: -webkit-flex;

}

.sharebox .partbox{

	width: 40px;

	height: 40px;

	border-radius: 50%;

	overflow: hidden;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	background-color: #e6e6e6;

	margin-right: 15px;

}

.sharebox .partbox img{

	transition: 0s;

	width: 18px;

}

.sharebox .partbox:hover{

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

}

.sharebox .partbox:hover img{

	filter:drop-shadow(#fff 40px 0px);

	transform: translateX(-40px);

}

.footer12 .fbottom{

	padding: 20px 0;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	flex-wrap: wrap;

	border-top: 1px solid rgba(255, 255, 255, 0.2);

}

.footer12 .fbottom .op06{

	opacity: 0.6;

}

.footer12 .fbottom a:hover{

	opacity: 1;

}

.femail{

	padding-left: 25px;

	background: url(../image/femail.png) left center no-repeat;

}

.ftel{

	padding-left: 25px;

	background: url(../image/ftel.png) left center no-repeat;

}

.fwechat{

	padding-left: 25px;

	background: url(../image/fwechat.png) left center no-repeat;

}

.fmsn{

	padding-left: 25px;

	background: url(../image/fmsm.png) left center no-repeat;

}

.xxybutton{

	position: relative;

	display: flex;

	display: -webkit-flex;

	align-items: flex-end;

}

.xxybutton .xxy-button-prev{

	position: static;

	width: 40px;

	height: 40px;

	border-radius: 50%;

	border: 1px solid #ccc;

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

	outline: none;

	margin-right: 20px;

}

.xxybutton .xxy-button-next{

	position: static;

	width: 40px;

	height: 40px;

	border-radius: 50%;

	border: 1px solid #ccc;

	outline: none;

}

.xxybutton .xxy-button-prev:hover,.xxybutton .xxy-button-next:hover{

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

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

}

.xxybutton .xxy-button-prev:hover:after,.xxybutton .xxy-button-next:hover:after{

	color: #fff;

}

.xxybutton .swiper-button-disabled{

	background-color: #fff;

}

.xxybutton .xxy-button-prev:after{

	font-size: 12px;

	color: #999;

}

.xxybutton .xxy-button-next:after{

	font-size: 12px;

	color: #999;

}

.xxybutton .swiper-button-disabled:after{

	color: var(--main-color);

}

.xxyside{

	position: fixed;

	bottom: 120px;

	right: 30px;

	z-index: 99	;

}

.xxyside .partbox{

	width: 50px;

	height: 50px;

	margin-bottom: 11px;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	background-color: #fff;

	border-radius: 25px;

	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.18);

	position: relative;

}

.xxyside .partbox .hbox{

	position: absolute;

	left: 25px;

	top: 0;

	height: 50px;

	padding-right: 20px;

	padding-left: 25px;

	border-radius: 25px 0 0 25px;

	width: 0;

	overflow: hidden;

	transform: translateX(-100%);

	opacity: 0;

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

	color: #fff;

	z-index: -1;

}

.xxyside .partbox:hover{

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

}

.xxyside .partbox:hover .hbox{

	width: 160px;

	opacity: 1;

	line-height: 50px;

}

.xxyside .partbox .imgbox{

	display: block;

	overflow: hidden;

}

.xxyside .partbox .imgbox img{

	transition: 0s;

}

.xxyside .partbox:hover img{

	filter:drop-shadow(#fff -50px 0px);

	transform: translateX(50px);

}

.neibgc{

	background-color: #f7f7f7;

}

.mbx{

	margin-top: 0px;

	font-size: 14px;

	color: #999;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	padding: 30px 0;

	line-height: 1.4;

	flex-wrap: wrap;

}

.mbx img,.mbx a,.mbx span{

	margin-right: 5px;

}

.mbx img{

	width: 14px;

}

.aboutbg .mbx img{

	filter: drop-shadow(0 100px #fff);

    transform: translateY(-100px);

}

.mbx a:hover{

	color: var(--main-color);

}

.product{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	padding-bottom: 100px;

}

.product .proleft{

	width: 328px;

	flex-shrink: 0;

}

.product .proleft>div{

	position: sticky;

	top: 80px;

	left: 0;

}

.product .proleft .search{

	background-color: #fff;

	border-radius: 10px;

	padding: 30px 0;

}

.product .proleft .search .searchbox{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	position: relative;

	border: 1px solid #c5c6ca;

	border-radius: 5px;

	overflow: hidden;

	margin: 0px 30px 25px;

}

.product .proleft .search .searchbox input[type=button]{

	background: url(../image/search.png) center center no-repeat;

	width: 42px;

	height: 42px;

	flex-shrink: 0;

	background-size: 13px;

	cursor:pointer

}

.product .proleft .search .searchbox:after{

	content: "";

	display: block;

	width: 1px;

	height: 20px;

	background-color: #e6e6e6;

	position: absolute;

	left: 41px;

	top: 11px;

}

.product .proleft .search .searchbox input[type=text]{

	width: 100%;

	height: 42px;

	padding-left: 16px;

}

.product .proleft .search .toptitle{

	font-size: 32px;

	font-weight: bold;

	color: #232323;

	padding: 0 30px 25px;

	position: relative;

}

.product .proleft .search .toptitle .sjbtntwo{

	position: absolute;

	right: 20px;

	bottom: 5px;

}

.product .proleft .search .prolist{

	border-top: 1px solid #e6e6e6;

}

.product .proleft .search .prolist .partbox{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

}

.product .proleft .search .prolist .partbox .title{

	font-size: 18px;

	color: #333;

	font-weight: bold;

	width: calc(100% - 60px);

	height: 50px;

	line-height: 50px;

	padding-left: 30px;

	box-sizing: border-box;

}

.product .proleft .search .prolist .partbox.on .title,.product .proleft .search .prolist .partbox:hover .title{

	color: var(--main-color);

	background-color: #ebf5fa;

}

.product .proleft .search .prolist .partbox .prodown{

	width: 30px;

	height: 50px;

	background: url(../image/xjiantou.png) center center no-repeat;

	background-size: 13px;

	flex-shrink: 0;

	padding-right: 30px;

}

.product .proleft .search .prolist .partbox:hover .prodown{

	background:#ebf5fa url(../image/xjiantouon.png) center center no-repeat;
	background-size: 13px;

}

.product .proleft .search .prolist .partbox.on .prodown,.product .proleft .search .prolist .partbox:hover .prodown.on,.product .proleft .search .prolist .partbox.on .prodown.on{

	background-color:#ebf5fa;
	background-size: 13px;

}

.product .proleft .search .prolist .partbox .prodown.on{

	background: url(../image/xjiantouon2.png) center center no-repeat;
	background-size: 13px;

}

.product .proleft .search .prolist .partbox .prodown.solu{

	width: 30px;

	height: 50px;

	background: url(../image/xjiantou3.png) center center no-repeat;

	flex-shrink: 0;

	padding-right: 30px;

}

.product .proleft .search .prolist .partbox:hover .prodown.solu{

	background:#ebf5fa url(../image/xjiantouon4.png) center center no-repeat;

}

.product .proleft .search .prolist .partbox.on .prodown.solu{

	background:#ebf5fa url(../image/xjiantouon4.png) center center no-repeat;

}

/*.product .proleft .search .prolist .partbox:hover .prodown.prodownno{

	background:#ebf5fa;

}

.product .proleft .search .prolist .partbox.on .prodown.prodownno{

	background:#ebf5fa;

}*/

.product .proleft .search .prolist .partbox .prodli{

	width: 100%;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	/*display: none;*/

	transition: unset;

}

.product .proleft .search .prolist .partbox.on .prodli{

	/*display: block;*/

}

.product .proleft .search .prolist .partbox .prodli a{

	font-size: 14px;

	color: #666;

	display: block;

	height: 50px;

	line-height: 50px;

	padding-left: 40px;

}

.product .proleft .search .prolist .partbox .prodli a:hover,.product .proleft .search .prolist .partbox .prodli a.on{

	color: var(--main-color);

	/*background-color: #ebf5fa;*/

}

.procontact{

	margin-top: 20px;

	padding: 35px 30px;

	background-color: #fff;

	border-radius: 10px;

}

.procontact .protel{

	font-size: 18px;

	color: #666;

	display: block;

	padding-left: 26px;

	background: url(../image/protel.png) left center no-repeat;

	background-size: 14px;

	margin-bottom: 10px;

}

.procontact .proemail{

	font-size: 18px;

	color: #666;

	display: block;

	padding-left: 26px;

	background: url(../image/proemail.png) left center no-repeat;

	background-size: 14px;

}

.product .proright{

	width: 100%;

	margin-left: 30px;

}

.product .proright .protitle{

	font-size: 24px;

	color: #333;

	height: 48px;

	line-height: 48px;

	border-bottom: 1px solid #dedede;

	margin-bottom: 30px;

	font-weight: bold;

}

.product .proright .prolist{

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

}

.product .proright .prolist .partbox{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	margin-bottom: 30px;

}

.product .proright .prolist .partbox .imgbox{

	width: 328px;

	height: 250px;

	box-sizing: border-box;

	flex-shrink: 0;

	background-color: #fff;

	border-radius: 10px;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	overflow: hidden;

}

.product .proright .prolist .partbox:hover .imgbox{

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

}

.product .proright .prolist .partbox .imgbox img{

	max-width: 100%;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.product .proright .prolist .partbox:hover .imgbox img{

	transform: scale(1.05);

}

.product .proright .prolist .partbox .textbox{

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	justify-content: space-between;

	margin-left: 30px;

	width: calc(100% - 360px);

}

.product .proright .prolist .partbox .textbox .title{

	font-size: 24px;

	color: #333;

	line-height: 1;

	margin-bottom: 20px;

	font-weight: bold;

}

.product .proright .prolist .partbox .textbox .des{

	font-size: 16px;

	color: #666;

	line-height: 1.6;

}

.product .proright .prolist .partbox .textbox .flcbottom{

	border-bottom: 1px solid #dedede;

	position: relative;

	box-sizing: border-box;

	box-sizing: border-box;

}

.product .proright .prolist .partbox .textbox .flcbottom:after{

	content: "";

	display: block;

	width: 0;

	height: 1px;

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

	position: absolute;

	bottom: -1px;

	left: 0;

	transition: 0.3s;

	z-index: 9;

}

.product .proright .prolist .partbox:hover .textbox .flcbottom:after{

	width: 100%;

}

.product .proright .prolist .partbox .textbox .flcbottom .hrmore2{

	font-size: 14px;

	padding-left: 0;

	height: 50px;

	line-height: 50px;

}

.product .proright .prolist .partbox .textbox .flcbottom .hrmore2:hover{

	color: var(--main-color);

}

.proxq{

	padding-bottom: 80px;

}

.proxq .mainbox{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

}

.proxq .proxql{

	width: 50%;

	flex-shrink: 0;

}

.proxq .proxql .swiper-slide img{

	width: 100%;

}

.proxq .proxql .swiper_pro2{

	border: 1px solid #e5e5e5;

	border-radius: 10px;

	margin-bottom: 10px;

}

.proxq .proxql .swiper_pro2 .swiper-button-prev:after,.proxq .proxql .swiper_pro2 .swiper-button-next:after{

	font-size: 26px;

}

.proxq .proxql .swiper_pro2_thumbs{

	padding: 0 40px;

}

.proxq .proxql .swiper_pro2_thumbs .swiper-slide{

	border-radius: 5px;

	border: 1px solid #e5e5e5;

	overflow: hidden;

	box-sizing: border-box;

}

.proxq .proxql .swiper_pro2_thumbs .swiper-slide.swiper-slide-thumb-active{

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

}

.proxq .proxql .swiper_pro2_thumbs .swiper-button-prev{

	background-color: #fff;

	height: 100%;

	top: 0;

	margin-top: 0;

	left: 0;

	width: 40px;

}

.proxq .proxql .swiper_pro2_thumbs .swiper-button-next{

	background-color: #fff;

	height: 100%;

	top: 0;

	margin-top: 0;

	right: 0;

	width: 40px;

}

.proxq .proxql .swiper_pro2_thumbs .swiper-button-disabled{

	opacity: 1;

}

.proxq .proxql .swiper_pro2_thumbs .swiper-button-disabled:after{

	color: #e5e5e5;

}

.proxq .proxql .swiper_pro2_thumbs .swiper-button-prev:after,.proxq .proxql .swiper_pro2_thumbs .swiper-button-next:after{

	font-size: 30px;

}

.proxq .proxqr{

	width: 50%;

	margin-left: 60px;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	justify-content: center;

	padding-bottom: 93px;

}

.proxq .proxqr .title{

	font-size: 32px;

	color: #333;

	margin-bottom: 30px;

	font-weight: bold;

}

.proxq .proxqr .des{

	font-size: 18px;

	color: #666;

	line-height: 1.6;

	padding: 30px 0;

	border-top: 1px solid #e5e5e5;

	border-bottom: 1px solid #e5e5e5;

	margin-bottom: 30px;

}

.proxq .proxqr .btn{

	display: flex;

	display: -webkit-flex;

}

.proxq .proxqr .btn a{

	background-color: #b3b3b3;

	border-radius: 10px;

	margin: 0;

	color: #fff;

	width: 180px;

	height: 52px;

	box-sizing: border-box;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	padding: unset;

}

.proxq .proxqr .btn a:hover{

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

}

.proxq .proxqr .btn .procontact{

	margin-right: 20px;

}

.proxq .proxqr .btn .procontact img{

	margin-right: 10px;

	height: 16px;

}

.proxq .proxqr .btn .return img{

	margin-right: 10px;

	height: 16px;

}

.profl{

	padding-top: 20px;

}

.noptop{

	padding-top: 0;

}

.profl.posik{

	position: sticky;

	top: 70px;

	background-color: #fff;

	z-index: 90;

}

.profl .fltop{

	display: flex;

	display: -webkit-flex;

	background-color: #f7f7f7;

	height: 72px;

}

.profl .fltop .flbtn{

	padding: 0 40px;

	height: 72px;

	line-height: 72px;

	font-size: 18px;

	color: #666;

}

.profl .fltop .flbtn.on{

	background-color:#00b1cc;

	color: #fff;

}

.profl .flbox{

	font-size: 18px;

	color: #666;

	line-height: 1.6;

	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
	border-top: none;

	padding: 55px 40px;

}

.profl .flbox span{font-family: arial, helvetica, sans-serif;}

.profl .flbox strong{

	font-size: 20px;

	/*color: #333;*/

}

.profl .flbox .partbox{

	display: none;

}

.profl .flbox .partbox.on{

	display: block;

}



.profl .flbox .partbox3{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	flex-wrap: wrap;

	padding: 5px 40px;

}

.profl .flbox .partbox3 .downpart{

	display: flex;

	display: -webkit-flex;

	width: calc(50% - 50px);

	align-items: center;

	margin-bottom: 54px;

}

.profl .flbox .partbox3 .downpart .imgbox{

	margin-right: 34px;

	flex-shrink: 0;

}

.profl .flbox .partbox3 .downpart .imgbox img{

	height: 70px;

}

.profl .flbox .partbox3 .downpart .down{

	position: relative;

}

.profl .flbox .partbox3 .downpart .down .downlinkbox{

	display: flex;

	display: -webkit-flex;

}

.profl .flbox .partbox3 .downpart .down .downlinkbox a{

	margin-right: 15px;

	position: relative;

}

.profl .flbox .partbox3 .downpart .down .downlinkbox a:hover{

	color: var(--main-color);

}

.profl .flbox .partbox3 .downpart .down .downlinkbox a:after{

	content: "";

	display: block;

	width: 100%;

	height: 1px;

	position: absolute;

	bottom: 0;

	left: 0;

	background-color: #666;

}

.profl .flbox .partbox3 .downpart .down .title{

	font-size: 20px;

	color: #333;

}

.profl .flbox .partbox3 .downpart .down .downbtn{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	font-size: 18px;

	color: #666;

}

.profl .flbox .partbox3 .downpart .down .downbtn img{

	/*width: 15px;

	height: 15px;*/

	margin-left: 10px;

	max-width: 22px;

	max-height: 22px;

}

.profl .flbox .partbox3 .downpart .down .downbtn:hover img{

	animation:imgdong 1.2s infinite;

}

@keyframes imgdong

{

	from {transform: translateY(0px);}

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

	to {transform: translateY(0px);}

}

.proform{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100vh;

	background-color: rgba(0, 0, 0, 0.4);

	z-index: 99;

	display: none;

}

.proform.on{

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

}

.proform .formbox{

	width: 630px;

	max-width: 90%;

	padding: 50px;

	padding-bottom: 65px;

	background-color: #fff;

	border-radius: 10px;

	position: relative;

}

.proform .close{

	position: absolute;

	top: 20px;

	right: 20px;

	width: 26px;

	height: 26px;

	cursor: pointer;

}

.proform .close:before{

	content: "";

	display: block;

	width: 100%;

	height: 1px;

	background-color: #333;

	position: absolute;

	top: 13px;

	transform: rotateZ(-45deg);

}

.proform .close:after{

	content: "";

	display: block;

	width: 100%;

	height: 1px;

	background-color: #333;

	position: absolute;

	top: 13px;

	transform: rotateZ(45deg);

}

.proform .formbox .title{

	font-size: 40px;

	color: #333;

	margin-bottom: 15px;

}

.proform .formbox .proname{

	height: 60px;

	width: 100%;

	background-color: #f7f7f7;

	border: 1px solid #d2d2d2;

	border-radius: 10px;

	overflow: hidden;

	line-height: 60px;

	font-size: 16px;

	color: #333;

	margin-bottom: 10px;

	padding-left: 20px;

	box-sizing: border-box;

}

.proform .formbox input{

	width: 100%;

	border-bottom: 1px solid #d2d2d2;

	padding: 15px 0;

	font-size: 16px;

	color: #666;

	margin-bottom: 10px;

}

.proform .formbox .des{

	padding-top: 10px;

	font-size: 16px;

	color: #666;

}

.proform .formbox form .submitbtn{

	display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    margin-top: 20px;

}

.proform .formbox form .submitbtn button{

	margin: 0 15px;

	width: 200px;

	border: none;

	outline: none;

	height: 60px;

	line-height: 60px;

	border-radius: 10px;

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

	color: #fff;

	font-size: 18px;

}

.proform .formbox form .submitbtn input{

	margin: 0 15px;

	width: 200px;

	border: none;

	outline: none;

	height: 60px;

	line-height: 60px;

	border-radius: 10px;

	background-color: #999999;

	color: #fff;

	padding: 0;

	font-size: 18px;

}

.proform .formbox form .submitbtn input:hover{

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

}

.tuijian{

	margin-bottom: 100px;

}

.tuijian .title{

	font-size: 32px;

	font-weight: bold;

	color: #333;

	height: 94px;

	line-height: 94px;

	text-align: center;

	background-color: #f7f7f7;

	margin-bottom: 70px;

}

.tuijian .tjbox{

	display: flex;

	display: -webkit-flex;

	justify-content: flex-start;

	margin-bottom: 40px;

}

.tuijian .tjbox .partbox{

	border-radius: 10px;

	border: 1px solid #e5e5e5;

	width: calc(25% - 22.5px);

	padding: 30px;

	box-sizing: border-box;

	margin-right: 30px;

	/*background-color: #f7f7f7;*/

}

.tuijian .tjbox .partbox:nth-child(4n){

	margin-right: 0;

}

.tuijian .tjbox .partbox:hover{

	transform: translateY(-10px);

	box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.15);

}

.tuijian .tjbox .partbox .imgbox{

	height: 300px;

	padding-bottom: 30px;

	box-sizing: border-box;

	overflow: hidden;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

}

.tuijian .tjbox .partbox .imgbox img{

	max-width: 100%;

	max-height: 100%;

}

.tuijian .tjbox .partbox .title2{

	font-size: 20px;

	color: #232323;

}

.tuijian .tjbox .partbox .des{

	font-size: 16px;

	color: #666;

	line-height: 1.6;

	margin: 20px 0;

}

.tuijian .tjbox .partbox .hmore4 .bottombox{

	text-align: center;

	width: 90px;

}

.tuijian .tjbox .partbox:hover .hmore4 .bottombox{

	width: 100%;

	padding: 0 36px;

    color: #fff;

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

}

.news{

	padding-bottom: 100px;

}

.news .newsbox{

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

}

.news .newsbox .partbox{

	width: calc(33.333% - 20px);

	margin-right: 30px;

	margin-bottom: 55px;

}

.news .newsbox .partbox:nth-child(3n){

	margin-right: 0px;

}

.news .newsbox .imgbox{

	height: 320px;

	overflow: hidden;

	margin-bottom: 20px;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	border-radius: 10px;

}

.news .newsbox .imgbox img{

	max-width: 100%;

	max-height: 100%;

}

.news .newsbox .partbox:hover .imgbox img{

	transform: scale(1.05);

}

.news .newsbox .time{

	font-size: 14px;

	color: #999;

	margin-bottom: 10px;

}

.news .newsbox .title{

	font-size: 24px;

	color: #222;

	margin-bottom: 20px;

	line-height: 1.4;

	font-weight: bold;

}

.news .newsbox .partbox:hover .title{

	color: var(--main-color);

}

.news .newsbox .des{

	font-size: 16px;

	color: #666;

	margin-bottom: 20px;

	line-height: 1.6;

}

.xxypage{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

}

.xxypage .prev,.xxypage .next{

	width: 34px;

	height: 34px;

	border-radius: 50%;

	position: relative;

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

	color: #fff;

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

}

.xxypage .prev:hover, .xxypage .next:hover{

	background-color: #1981b7;

}

.xxypage .prev.last,.xxypage .next.last{

	border: 1px solid #999;

	color: #999;

	background-color: unset;

}

.xxypage .prev:after{

	content: 'prev';

	font-family: swiper-icons;

	font-size: 14px;

	line-height: 34px;

	text-align: center;

	position: absolute;

	top: 0;

	left: 15.11px;

}

.xxypage .next:after{

	content: 'next';

	font-family: swiper-icons;

	font-size: 14px;

	line-height: 34px;

	text-align: center;

	position: absolute;

	top: 0;

	left: 15.11px;

}

.xxypage span{

	font-size: 18px;

	color: #333;

	margin: 0 26px;

}

.newsxq{

	padding-top: 40px;

	padding-bottom: 100px;

}

.newsxq .newsxqbox{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: flex-start;

}

.newsxq .newsxqbox .partleft{

	width: calc(100% - 340px);

	padding-right: 100px;

}

.newsxq .newsxqbox .partright{

	width: 340px;

	flex-shrink: 0;

	position: sticky;

	top: 80px;

}

.newsxq .newsxqbox .partleft .title{

	font-size: 32px;

	color: #333;

	margin-bottom: 10px;

	font-weight: bold;

}

.newsxq .newsxqbox .partleft .xinxi{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	font-size: 14px;

	color: #999;

	margin-bottom: 20px;

}

.newsxq .newsxqbox .partleft .xinxi .author{

	margin-right: 38px;

	font-weight: bold;

}

.newsxq .newsxqbox .partleft .xqbox{

	border-top: 1px dashed #999;

	border-bottom: 1px dashed #999;

	padding: 20px 0 30px;

	overflow: hidden;

	line-height: 1.6;

	font-size: 16px;

	color: #666;

}

.newsxq .newsxqbox .partleft .xqbox img{

	max-width: 100%;

}

.newsxq .newsxqbox .partleft .newxqpage{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: space-between;

}

.newsxq .newsxqbox .partleft .newxqpage .left{

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	font-size: 16px;

	color: #666;

	line-height: 1.6;

	padding: 20px 0;

	width: calc(100% - 100px);

	overflow: hidden;

}

.newsxq .newsxqbox .partleft .newxqpage .left a:hover{

	color: var(--main-color);

}

.newsxq .newsxqbox .partleft .newxqpage .right{

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	font-size: 16px;

	color: #666;

	line-height: 1.6;

	padding: 20px 0;

	flex-shrink: 0;

}

.newsxq .newsxqbox .partleft .newxqpage .right .return{

	padding-top: 20px;

	background: url(../image/newreturn.png) center top no-repeat;

	background-size: 20px;

}

.newsxq .newsxqbox .partleft .newxqpage .right:hover{

	color: var(--main-color);

}



.newsxq .newsxqbox .partleft .newxqpage .right:hover  .return{

	background: url(../image/newreturnon.png) center top no-repeat;

	background-size: 20px;

}

.newsxq .newsxqbox .partright .title{

	font-size: 28px;

	color: #333;

	margin-bottom: 10px;

	font-weight: bold;

}

.newsxq .newsxqbox .partright .tjbox{

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

}

.newsxq .newsxqbox .partright .tjbox .partbox{

	width: 100%;

	margin-bottom: 20px;

}

.newsxq .newsxqbox .partright .tjbox .partbox .imgbox{

	border-radius: 10px;

	overflow: hidden;

	margin-bottom: 10px;

}

.newsxq .newsxqbox .partright .tjbox .partbox img{

	width: 100%;

}

.newsxq .newsxqbox .partright .tjbox .partbox .ptitle{

	font-size: 16px;

	color: #333;

	line-height: 1.6;

	margin-bottom: 10px;

	/*font-weight: bold;*/

}

.solutiontj{

	margin-top: 30px;

}

.solutiontj .biaoti{

	height: 95px;

	background-color: #f7f7f7;

	font-size: 32px;

	color: #333;

	line-height: 95px;

	text-align: center;

	font-weight: bold;

}

.solutiontj .stjbox{

	padding-top: 70px;

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

}

.solutiontj .stjbox .partbox{

	width: calc(25% - 23px);

	border-radius: 10px;

	border: 1px solid #f0f0f0;

	padding: 30px;

	box-sizing: border-box;

}

.solutiontj .stjbox .partbox .imgbox{

	margin-bottom: 20px;

}

.solutiontj .stjbox .partbox .title{

	font-size: 20px;

	color: #232323;

	font-weight: bold;

}

.solutiontj .stjbox .partbox .title2{

	font-size: 20px;

	color: #232323;

	margin-bottom: 15px;

	font-weight: bold;

}

.solutiontj .stjbox .partbox .des{

	font-size: 16px;

	line-height: 1.6;

	color: #666;

	margin-bottom: 15px;

}

.solutiontj .stjbox .partbox:hover .hrmore2{

	padding: 0 30%;

	white-space: nowrap;

	width: 100%;

	box-sizing: border-box;

	color: #fff;

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

}

.solutiontj .stjbox .partbox .hrmore2{

	text-align: center;

	width: 90px;

}

.solutiontj .stjbox .partbox:hover{

	transform: translateY(-10px);

	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.18);

}

.solutiontj .morebtn{

	margin-top: 40px;

}

.support .searchpart{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: space-between;

	background-color: #f5f5f5;

	border-radius: 10px;

	height: 80px;

	padding: 0 20px 0 42px;

}

.support .searchpart span{

	font-size: 20px;

	color: #222;

	margin-right: 100px;

}

.support .searchpart .type1{

	width: 330px;

	background-color: #fff;

	border-radius: 5px;

	border: 1px solid #e6e6e6;

	height: 40px;

}

.support .searchpart .type1 select{

	height: 40px;

	width: 100%;

	font-size: 16px;

	color: #666;

	padding-left: 20px;

}

.support .searchpart .type2{

	width: 330px;

	background-color: #fff;

	border-radius: 5px;

	border: 1px solid #e6e6e6;

	height: 40px;

}

.support .searchpart .type2 select{

	height: 40px;

	width: 100%;

	font-size: 16px;

	color: #666;

	padding-left: 20px;

}

.support .searchpart .submit{

	border-radius: 5px;

	overflow: hidden;

	display: flex;

	display: -webkit-flex;

	align-items: center;

}

.support .searchpart .submit input[type=text]{

	width: 330px;

	height: 40px;

	border: 1px solid #e6e6e6;

	transform: translateX(1px);

	outline: none;

	border-radius: 5px 0 0 5px;

	padding-left: 25px;

	box-sizing: border-box;

	font-size: 16px;

	color: #666;

}

.support .searchpart .submit input[type=submit]{

	width: 120px;

	height: 40px;

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

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

	color: #fff;

	outline: none;

	border-radius: 0 5px 5px 0;

	background: var(--main-color) url(../image/searchbtn.png) 20% center no-repeat;

	padding-left: 25px;

	box-sizing: border-box;

	transition: 0.3s;

	cursor:pointer;

}

.support .searchpart .submit input[type=submit]:hover{

	background-color: #1981b7;

}

select:focus {

    outline: 0px;

}

select {

    border: none;

    height: 20px;

    /*很关键：将默认的select选择框样式清除*/

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    width: 95%;

    padding-left: 10px;

    /*在选择框的最右侧中间显示小箭头图片*/

    background: url("../image/downsj.png") no-repeat scroll 95% center transparent;

    /*为下拉小箭头留出一点位置，避免被文字覆盖*/

    padding-right: 14px;

}

select::-ms-expand {

    display: none;

}

.support{

	padding-bottom: 100px;

}

.support .downpart{

	margin-top: 40px;

	margin-bottom: 40px;

	border-radius: 10px;

	overflow: hidden;

	border: 1px solid #e6e6e6;

}

.support .downpart .partbox{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

}

.support .downpart .partbox:nth-child(odd){

	background-color: #f5f5f5;

}

.support .downpart .partbox div,.support .downpart .partbox .down{

	width: 15%;

	text-align: center;

	border-left: 1px solid #e6e6e6;

	box-sizing: border-box;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	color: #333;

	font-size: 16px;

}

.support .downpart .partbox.toppart div{

	color: #fff;

}

.support .downpart .partbox .title{

	width: 40%;

	height: 50px;

	border-left:none;

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

	font-size: 16px;

	color: var(--main-color);

	padding: 0 30px;

	box-sizing: border-box;

}

.support .downpart .partbox.toppart{

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

	color: #fff;

	font-size: 18px;

	height: 60px;

	line-height: 60px;

	justify-content: center;

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

	border-bottom: none;

}

.support .downpart .partbox.toppart .title{

	justify-content: center;

	height: 60px;

}

.support .downpart .partbox .title img{

	flex-shrink: 0;

	width: 22px;

}

.support .downpart .partbox .title span{

	display: block;

	position: relative;

}

.support .downpart .partbox .title span:after{

	content: "";

	display: block;

	width: 0px;

	height: 1px;

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

	transition: 0.3s;

}

.support .downpart .partbox:hover .title span:after{

	width: 100%;

}

/*.support .downpart .partbox:hover .title span{

	border-bottom: 1px solid var(--main-color);

}

*/.support .downpart .partbox .down img{

	flex-shrink: 0;

	margin-right: 10px;

	width: 24px;

}

.aboutbg{

	background: linear-gradient(

    to right,

    var(--main-color) 0%,

    var(--main-color) 79.57%,

    #f7f7f7 79.57%,

    #f7f7f7 100%

  );

	position: relative;

	overflow: hidden;

}

.aboutbg:after{

	content: "";

	display: block;

	width: 220px;

	height: 150px;

	position: absolute;

	top: 0;

	right: 0;

	background: url(../image/aboutbg.png) no-repeat;

	background-position: 21.5% 97%;

}

.aboutbg:before{

	content: "";

	display: block;

	width: 220px;

	height: 150px;

	position: absolute;

	bottom: 0;

	left: 0;

	background: url(../image/aboutbg.png) no-repeat;

	background-position: 71.5% -4%;

	transform: scale(1.2);

	overflow: hidden;

	opacity: 0.2;

}

.aboutbg .mbx{

	margin-top: 0;

	color: #fff;

	opacity: 0.4;

	overflow: hidden;

}

.aboutmenu12{

	margin-top: 80px;

}

.stikey1.aboutstikey{

	top: 0px;

	transition: 0s;

}

.aboutstikey{

	position: sticky;

	top: 80px;

	left: 0;

	background-color: #fff;

	z-index: 11;

    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

}

.aboutmenu12 .xlflex{

	display: flex;

    display: -webkit-flex;

    justify-content: center;

    padding: 20px 100px 20px;

    flex-wrap: wrap;

    text-align: center;

}

.aboutmenu12 .xlflex .partbox{

	min-width: 16%;

    margin: 0 2.5%;

}

.aboutmenu12 .xlflex .partbox .title{

	font-size: 20px;

    color: #333;

    /*margin-bottom: 15px;*/

    /*text-align: center;*/

}

.aboutmenu12 .xlflex .partbox a{

	line-height: 1.6;

    height: unset;

    font-weight: bold;

}

.aboutmenu12 .xlflex .partbox a.on{

	color: var(--main-color);

}

.aboutbox{

	display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    align-items: center;

    padding: 70px 0 160px;

}

.aboutbox .leftpart{

	max-width: 650px;

	color: #fff;

}

.aboutbox .leftpart .biaoti{

	font-size: 24px;

	margin-bottom: 10px;

}

.aboutbox .leftpart .title{

	font-size: 40px;

	margin-bottom: 20px;

	font-weight: bold;

}

.aboutbox .leftpart .des{

	font-size: 16px;

	opacity: 0.8;

	line-height: 1.6;

}

.aboutbox .leftpart .shujv{

	padding-top: 100px;

	display: flex;

    display: -webkit-flex;

    align-items: center;

}

.aboutbox .leftpart .shujv .partbox{

	display: flex;

    display: -webkit-flex;

    flex-direction: column;

}

.aboutbox .leftpart .shujv .line{

	height: 28px;

	width: 1px;

	background-color: #fff;

	opacity: 0.2;

	margin: 0 54px;

}

.aboutbox .leftpart .shujv .partbox .numbox{

	display: flex;

    display: -webkit-flex;

    align-items: flex-end;

}

.aboutbox .leftpart .shujv .partbox .num{

	font-size: 50px;

	line-height: 1;

	font-weight: bold;

}

.aboutbox .leftpart .shujv .partbox span{

	font-size: 18px;

	margin-bottom: 5px;

}

.aboutbox .leftpart .shujv .partbox .shuoming{

	font-size: 16px;

	margin-top: 10px;

}

.aboutbox .rightpart{

	width: 595px;

	position: relative;

}

.aboutbox .rightpart:after{

	content: "";

	display: block;

	width: 278px;

	height: 203px;

	background: url(../image/videobg.png) top left no-repeat;

	position: absolute;

	top: -66px;

	left: -90px;

	z-index: 0;

	opacity: 0.4;

}

.aboutbox .rightpart .videobox{

	border-radius: 10px;

	overflow: hidden;

}

.aboutbox .rightpart .videobox video{

	width: 100%;

	z-index: 2;

	position: relative;

	outline: none;

	border-radius: 10px;

	overflow: hidden;

}

.abouttitle{

	font-size: 40px;

	color: #333;

	font-weight: bold;

}

.introduction{

	padding-top: 100px;

	padding-bottom: 65px;

}

.introduction .mainbox{

	display: flex;

    display: -webkit-flex;

    flex-direction: column;

    padding-top: 40px;

}

.introduction .mainbox .partbox{

	width: 100%;

	display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 35px;

}

.introduction .mainbox .partbox:nth-child(even){

	flex-direction: row-reverse;

}

.introduction .mainbox .partbox .leftpart{

	width: 450px;

	border-radius: 10px;

	flex-shrink: 0;

	overflow: hidden;

}

.introduction .mainbox .partbox:hover .leftpart img{

	transform: scale(1.05);

}

.introduction .mainbox .partbox .rightpart{

	width: 100%;

	padding-left: 50px;

}

.introduction .mainbox .partbox:nth-child(even) .rightpart{

	padding: 0 50px 0 0;

}

.introduction .mainbox .partbox .rightpart .title{

	font-size: 24px;

	color: #333;

	margin-bottom: 15px;

	font-weight: bold;

}

.introduction .mainbox .partbox .rightpart .des{

	font-size: 16px;

	color: #333;

	line-height: 1.6;

}

.culture{

	padding-top: 90px;

	padding-bottom: 260px;

	position: relative;

}

.culture:after{

	content: "";

	display: block;

	width: 210px;

	height: 153px;

	background: url(../image/culturebg.png) bottom left no-repeat;

	position: absolute;

	top: 175px;

	right: 0;

}

.culture:before{

	content: "";

	display: block;

	width: 210px;

	height: 153px;

	background: url(../image/culturebg.png) bottom left no-repeat;

	position: absolute;

	bottom: 107px;

	left: 0;

}

.culture .mainbox{

	padding-top: 40px;

	display: flex;

    display: -webkit-flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.culture .mainbox .partbox{

    width: calc(50% - 60px);

    margin-bottom: 40px;

}

.culture .mainbox .partbox:nth-child(even){

	transform: translateY(200px);

}

.culture .mainbox .partbox .imgbox{

	border-radius: 10px;

	overflow: hidden;

	margin-bottom: 20px;

}

.culture .mainbox .partbox .imgbox img{

	width: 100%;

}

.culture .mainbox .partbox:hover .imgbox img{

	transform: scale(1.05);

}

.culture .mainbox .partbox .title{

	font-size: 24px;

	color: #333;

	line-height: 1.6;

	margin-bottom: 20px;

	font-weight: bold;

}

.culture .mainbox .partbox .des{

	font-size: 18px;

	color: #666;

	position: relative;

	padding-left: 94px;

}

.culture .mainbox .partbox .des:after{

	content: "";

	width: 80px;

	height: 1px;

	background-color: #cccccc;

	position: absolute;

	top: 50%;

	left: 0;

}

.honor{

	padding-top: 90px;

	padding-bottom: 90px;

}

.honor .mainbox{

	padding-top: 40px;

	position: relative;

}

.honor .mainbox .honorswiper .swiper-slide{

	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);

	border-radius: 10px;

	overflow: hidden;

}

.honor .mainbox .honorswiper{

	padding: 10px 2px 60px;

}

.honor .mainbox .honorswiper .swiper-button-prev{

	left: 2px;

	width: unset;

	height: unset;

}

.honor .mainbox .honorswiper .swiper-button-next{

	right: 2px;

	width: unset;

	height: unset;

}

.honor .mainbox .honorswiper .swiper-button-prev,.honor .mainbox .honorswiper .swiper-button-next{

	bottom: 0;

	top: unset;

}

.honor .mainbox .honorswiper .swiper-button-prev:after,.honor .mainbox .honorswiper .swiper-button-next:after{

	font-size: 20px;

	bottom: 0;

	top: unset;

}

.honor .mainbox .honorswiper .swiper-scrollbar{

	bottom: 9px;

	height: 3px;

}

.honor .mainbox .honorswiper .swiper-scrollbar-drag{

	background: var(--main-color);

}

.honor .mainbox .honorswiper .partbox{

	border-radius: 10px;

	overflow: hidden;

	color: #333;

	padding: 30px;

	position: relative;

}

.honor .mainbox .honorswiper .partbox:after{

	content: "";

	display: block;

	width: 17px;

	height: 17px;

	background: url(../image/fangda.png) center center no-repeat;

	position: absolute;

	right: 30px;

	top: 30px;

}

.honor .mainbox .honorswiper .partbox:hover:after{

	background: url(../image/fangdaon.png) center center no-repeat;

}

.honor .mainbox .honorswiper .partbox:hover{

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

	color: #fff;

}

.honor .mainbox .honorswiper .partbox .title{

	font-size: 20px;

	margin-bottom: 10px;

	font-weight: bold;

}

.honor .mainbox .honorswiper .partbox .des{

	font-size: 20px;

	margin-bottom: 25px;

	font-weight: bold;

}

.honor .mainbox .honorswiper .partbox .imgbox{

	font-size: 20px;

}

.honor .mainbox .honorswiper .partbox .imgbox img{

	width: 100%;

}

.history{

	padding-top: 50px;

	padding-bottom: 100px;

	color: #fff;

}

.history .abouttitle{

	color: #fff;

}

.history .mainbox{

	position: relative;

}

.pore{position: relative;}

.padt{padding-top: 100px;color: #fff;}

.swiperline{

	height: 1px;

	width: 100%;

	background-color: #5cb2df;

	position: absolute;

	top: 60px;

	left: 0;

}

.history .partbox .title{

	font-size: 36px;

	padding-bottom: 60px;

	position: relative;

}

.history .partbox .title:after{

	content: "";

	display: block;

	width: 9px;

	height: 9px;

	border-radius: 50%;

	background-color: #5cb2df;

	position: absolute;

	top: 56px;

	left: 40px;

}

.history .swiper-button-prev{

	top: 60px;

	left: -100px;

	width: 42px;

	height: 42px;

	border-radius: 50%;

	border: 1px solid #5cb2df;

	background-color: #114e6d;

}

.history .swiper-button-next{

	top: 60px;

	right: -100px;

	width: 42px;

	height: 42px;

	border-radius: 50%;

	border: 1px solid #5cb2df;

	background-color: #114e6d;

}

.history .swiper-button-prev:after,.history .swiper-button-next:after{

	font-size: 20px;

	color: #5cb2df;

}

.history .swiper-button-prev:hover,.history .swiper-button-next:hover{

	background-color: #fff;

	border: 1px solid #5cb2df;

}/*

.history .swiper-button-prev:hover:after,.history .swiper-button-next:hover:after{

	color: #fff;

}*/

.history .swiper-button-disabled{

	opacity: 1;

}

.history .partbox .textbox .text{

	font-size: 16px;

	line-height: 1.8;

	margin-bottom: 20px;

	padding-left: 12px;

	position: relative;

}

.history .partbox .textbox .text:after{

	content: "";

	display: block;

	width: 5px;

	height: 1px;

	background-color: #fff;

	position: absolute;

	top: 12px;

	left: 0;

}

.zhengshuclick{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100vh;

	background-color: rgba(0, 0, 0, 0.8);

	z-index: 99;

	display: none;

}

.zhengshuclick .zsclosebtn{

	position: absolute;

	top: 60px;

	right: 60px;

	width: 20px;

	height: 20px;

	display: flex;

    display: -webkit-flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

.zhengshuclick .mainbox{

	height: 100%;

	/*margin-top: 10%;*/

	display: flex;

    display: -webkit-flex;

    justify-content: center;

    align-items: center;

}

.zscswiper .partbox{

	height: 100%;

	display: flex;

    display: -webkit-flex;

    justify-content: center;

    align-items: center;

}

.zscswiper .partbox img{

	display: block;

	max-width: 100%;

	max-height: 80%;

}

.contact{

	padding-bottom: 100px;

}

.contact .mainbox{

	background-color: #fff;

	border-radius: 10px;

	overflow: hidden;

}

.contact .mainbox .toppart{

	padding: 60px;

	display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    background-color: #fff;

}

.contact .mainbox .toppart .leftpart{

	width: 100%;

	font-weight: bold;

}

.contact .mainbox .toppart .leftpart .title{

	font-size: 32px;

	font-weight: bold;

	color: #333;

	margin-bottom: 55px;

}

.contact .mainbox .toppart .leftpart .des{

	font-size: 20px;

	color: #333;

	margin-bottom: 15px;

}

.contact .mainbox .toppart .leftpart .ssline{

	display: flex;

    display: -webkit-flex;

    align-items: center;

}

.contact .mainbox .toppart .leftpart a{

	width: 40px;

	height: 40px;

	border-radius: 50%;

	border: 1px solid #666;

	margin-right: 15px;

	background-size: 18px;

}

.contact .mainbox .toppart .leftpart a:hover{

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

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

}

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

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

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

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

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

.ss1:hover{background: url(../image/ss1on.png) center center no-repeat;}

.ss2:hover{background: url(../image/ss2on.png) center center no-repeat;}

.ss3:hover{background: url(../image/ss3on.png) center center no-repeat;}

.ss4:hover{background: url(../image/ss4on.png) center center no-repeat;}

.ss5:hover{background: url(../image/share5on.png) center center no-repeat;}

.contact .mainbox .toppart .rightpart{

	width: 580px;

	flex-shrink: 0;

}

.contact .mainbox .toppart .rightpart .partbox{

	font-size: 16px;

	color: #666;

	margin-bottom: 15px;

	line-height: 1.6;

	position: relative;

	padding-left: 30px;

}

.contact .mainbox .toppart .rightpart .add{

	background: url(../image/cadd.png) 0 4px no-repeat;

	background-size: 16px;

}

.contact .mainbox .toppart .rightpart .email{

	background: url(../image/cemail.png) 0 8px no-repeat;

	background-size: 16px;

}

.contact .mainbox .toppart .rightpart .tel{

	background: url(../image/ctel.png) 0 5px no-repeat;

	background-size: 16px;

}

.contact .mainbox .toppart .rightpart .wechat{

	background: url(../image/cwechat.png) 0 5px no-repeat;

	background-size: 16px;

}

.contact .mainbox .toppart .rightpart .msm{

	background: url(../image/cmsm.png) 0 5px no-repeat;

	background-size: 16px;

}

.contact .mainbox .mappart{

	height: 400px;

}

#map{

	width: 100%;

	outline: none;

	border: none;

	height: 400px;

}

.liuyan{

	padding-bottom: 100px;

}

.liuyan .title{

	padding-top: 100px;

	padding-bottom: 50px;

	line-height: 1;

	font-size: 40px;

	color: #222;

	text-align: center;

	font-weight: bold;

}

.liuyan .liuyanform form .formtop{

	display: flex;

    display: -webkit-flex;

    justify-content: space-between;

}

.liuyan .liuyanform form .formtop .leftpart{

	width: calc(50% - 17px);

	margin-right: 34px;

	flex-shrink: 0;

	display: flex;

    display: -webkit-flex;

    flex-direction: column;

}

.liuyan .liuyanform form .formtop .leftpart input{

	border-radius: 10px;

	height: 60px;

	line-height: 60px;

	font-size: 16px;

	color: #666;

	background-color: #f7f7f7;

	padding-left: 20px;

	margin-bottom: 20px;

}

.liuyan .liuyanform form .formtop .rightpart{

	width: 100%;

}

.liuyan .liuyanform form .formtop .rightpart textarea{

	width: 100%;

	height: calc(100% - 20px);

	border: none;

	outline: none;

	margin-bottom: 20px;

	border-radius: 10px;

	font-size: 16px;

	color: #666;

	background-color: #f7f7f7;

	padding: 20px;

	box-sizing: border-box;

	resize: none;

	font-family: "Arial";

}

.liuyan .liuyanform form .submitbtn{

	display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    margin-top: 40px;

}

.liuyan .liuyanform form .submitbtn input[type = button]{

	margin: 0 15px;

	width: 200px;

	border: none;

	outline: none;

	height: 60px;

	line-height: 60px;

	border-radius: 10px;

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

	color: #fff;

	font-size: 18px;

	cursor: pointer;

}

.liuyan .liuyanform form .submitbtn input[type = button]:hover{

	background-color: #1a7caf;

}

.liuyan .liuyanform form .submitbtn input{

	margin: 0 15px;

	width: 200px;

	border: none;

	outline: none;

	height: 60px;

	line-height: 60px;

	border-radius: 10px;

	background-color: #999999;

	color: #fff;

	font-size: 18px;

	cursor: pointer;

}

.liuyan .liuyanform form .submitbtn input:hover{

	background-color: #1a7caf;

}

.solution{

	display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    height: 300px;

    border-radius: 10px;

    overflow: hidden;

    margin-bottom: 40px;

    background-color: #fff;

}

.solution .leftpart{

	width: 100%;

	height: 100%;

	padding: 45px 40px;

	overflow: hidden;

	box-sizing: border-box;

}

.solution .leftpart .title{

	font-size: 24px;

	color: #333;

	margin-bottom: 10px;

	font-weight: bold;

}

.solution .leftpart .des{

	font-size: 16px;

	color: #666;

	line-height: 1.6;

	overflow-y: auto;

	height: 150px;

	padding-right: 30px;

	text-align: justify;

}

.solution .leftpart .des::-webkit-scrollbar{

	width:2px;

	background-color: #cccccc;

	overflow: visible;

}

.solution .leftpart .des::-webkit-scrollbar-thumb{

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

}

.solution .rightpart{

	width: 450px;

	flex-shrink: 0;

}

.solution .rightpart .imgbox{

	height: 300px;

}

.solution .rightpart .imgbox img{

	max-width: unset;

}



/* 1600 */

@media screen and (max-width: 1600px){

.wrap{width: 1300px;}

.homebanner12 .partbox .textbox .text{max-width: 500px;}

.homebanner12 .partbox .textbox .title{font-size: 90px;}

.homebanner12 .partbox .textbox .des{font-size: 50px;}

.htoptitle{font-size: 40px;}

.news .newsbox .imgbox{height: unset;}

.support .searchpart span{margin-right: 0px;}

}

@media screen and (max-width: 1500px){

.wrap{width: 82%;}

.footer12 .ftop .fleft{padding-right: 50px;}

.solution .rightpart{width: 40%;}

.support .searchpart .type1,.support .searchpart .type2{margin: 0 10px;}

.aboutbox .leftpart{width: 50%;padding-right: 40px;box-sizing: border-box;}

.aboutbox .leftpart .shujv{padding-top: 40px;}

.aboutbox .leftpart .shujv .line{margin: 0 30px;}

.contact .mainbox .toppart .rightpart{width: 48%;margin-left: 2%;}

.header12box .menu12box .menu12 .menu12list .xlflex{padding: 30px 20px 20px;}

}

@media screen and (max-width: 1400px){

.homebanner12 .partbox .textbox .title{font-size: 80px;}

.homebanner12 .partbox .textbox .des{font-size: 40px;}

.htoptitle{font-size: 36px;}

.xxylist4 .partbox .topbox{padding: 0 20px;}

.support .searchpart{padding: 0 20px;}

}

@media screen and (max-width: 1300px){

.header12box .menu12box .menu12 .menu12list{margin-right: 20px;}

.header12box .menu12box .searchbox .language{margin-right: 20px;}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox{margin: 0 20px;}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox .title{font-size: 18px;}

.homebanner12 .partbox .textbox .text{max-width: 430px;}

.homebanner12 .partbox .textbox .title{font-size: 70px;margin-bottom: 25px;}

.homebanner12 .partbox .textbox .des{font-size: 36px;margin-bottom: 20px;}

.footer12 .fright{width: 328px;}

.footer12 .ftop .fleft{padding-right: 20px;}

.solution{flex-direction: column;height: unset;}

.solution .rightpart{width: 100%;}

.solution .rightpart .imgbox{height: unset;}

.solution .rightpart .imgbox img{width: 100%;}

}

@media screen and (max-width: 1200px){

.wrap{width: 90%;}

.xxyside{right: 10px;}

.homebanner12 .partbox .textbox .title{font-size: 50px;margin-bottom: 15px;}

.homebanner12 .partbox .textbox .des{font-size: 30px;margin-bottom: 10px;}

.homebanner12 .partbox .textbox .des2{font-size: 18px;line-height: 1.3;}

.htoptitle{font-size: 30px;}

.historyswiper{margin: 0 40px;}

.history .swiper-button-prev{left: -16px;}

.history .swiper-button-next{right: -16px;}

}

@media screen and (max-width: 1100px){



}

@media screen and (max-width: 992px){

header12.tosmall{top: 0;}

.homebanner12{margin-top: 60px;}

/*.xxyside{display: none;}*/

.xxyside a:not(:last-child){display: none;}

.header12box .menu12box .searchbox .language .langlist{line-height: unset;}

.header12box .menu12box .menu12{display: none;position: absolute;top: 100%;left: 0;width: 100vw;background-color: #fff;box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);transition: unset;}

.header12box .menu12box .menu12 .menu12list{margin: 0;padding: 0;/*background: unset;*/position: relative;/*margin-right: 20px;*/}

.header12box .menu12box .menu12 .menu12list>a{/*text-align: center;*/height: 50px;line-height: 50px;padding-left: 20px;padding-right: 20px;}

.header12box .menu12box .menu12 .menu12list.hasxl{background: url(../image/xjiantou.png) calc(100% - 20px) 22px no-repeat;background-size: 13px;}

.header12box .menu12box .menu12 .menu12list.active{background: url(../image/xjiantouon.png) calc(100% - 20px) 22px no-repeat;background-size: 13px;}

.header12box .menu12box .menu12 .menu12list .xlbox{display: none;position: static;transition: unset;transform: translateY(0);}

.header12box .menu12box .menu12 .menu12list .xlflex{padding: 10px 0 0;flex-direction: column;}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox{width: 100%;}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox .xtitle{display: none;font-size: 14px;padding-left: 10px;transition: unset;}

.header12box .menu12box .menu12 .menu12list .xlflex .partbox .title{font-size: 16px;transition: unset;}

.header12box .menu12box .menu12 .menu12list.textcen .xlflex .partbox .title{text-align: left;}

.sjmenu12btn,.sjbtntwo{display: block;height: 60px;width: 40px;position: relative;margin-left: 15px;}

.sjmenu12btn div,.sjbtntwo div{position: absolute;width: 30px;height: 2px;top: 29px;background-color: var(--main-color);left: 10px;}

.sjmenu12btn div:nth-child(1),.sjbtntwo div:nth-child(1){top: 19px;}

.sjmenu12btn div:nth-child(2),.sjbtntwo div:nth-child(2){top: 29px;}

.sjmenu12btn div:nth-child(3),.sjbtntwo div:nth-child(3){top: 39px;}

.sjmenu12btn.on div:nth-child(1),.sjbtntwo.on div:nth-child(1){top: 29px;transform: rotateZ(45deg);}

.sjmenu12btn.on div:nth-child(2),.sjbtntwo.on div:nth-child(2){display: none;}

.sjmenu12btn.on div:nth-child(3),.sjbtntwo.on div:nth-child(3){top: 29px;transform: rotateZ(-45deg);}

.hproduct{padding-top: 30px;}

.htoptitle{margin-bottom: 20px;font-size: 20px;}

.xxylist4{margin-bottom: 0px;}

.xxylist4 .partbox{width: calc(50% - 15px);}

.xxylist4 .partbox:nth-child(2n){margin-right: 0px;margin-bottom: 30px;}

.xxylist4 .partbox .topbox .title{font-size: 18px;}

.xxybutton{height: 20px;}

.xxybutton .xxy-button-prev,.xxybutton .xxy-button-next{width: 30px;height: 30px;}

.xxybutton .xxy-button-prev{margin-right: 10px;}

.xxybutton .xxy-button-prev:after,.xxybutton .xxy-button-next:after{font-size: 12px;}

.hsolution{padding-top: 30px;}

.hsolution .hsswiper .partbox .title{font-size: 18px;}

.hsolution .hsswiper .partbox .zhezhao{/*height: 9%;*/}

.hsolution .hsswiper .partbox .des{max-height: 150px;}

.hsolution .hsswiper{margin-bottom: 20px;}

.hnews{padding-top: 30px;padding-bottom: 30px;}

.hnews .hnswiper{margin-bottom: 20px;}

.hnews .hnswiper .partbox .title{font-size: 18px;}

.hnews .hnswiper .partbox .des{margin-bottom: 10px;}

.footer12{padding-top: 30px;}

.footer12 .ftop{justify-content: center;padding-bottom: 30px;}

.footer12 .ftop .fleft{display: none;}

.footer12 .fright .title{text-align: center;}

.footer12 .fbottom{font-size: 14px;}

.sharebox{justify-content: center;}

.sharebox .partbox{margin: 0 10px;}

.footer12 .fbottom{text-align: center;padding: 10px;line-height: 1.4;}

.mbx{margin-top: 60px;padding: 20px 0;}

.product{flex-direction: column;padding-bottom: 40px;}

.product .proleft{width: 100%;}

.product .proright{margin-left: 0;margin-top: 20px;}

.proxq{padding-bottom: 40px;}

.proxq .mainbox{flex-direction: column;}

.proxq .proxql{width: 100%;}

.proxq .proxqr{width: 100%;margin-left: 0;margin-top: 20px;padding-bottom: 20px;}

.proxq .proxqr .title{margin-bottom: 20px;font-size: 20px;}

.proxq .proxqr .des{padding: 20px 0;margin-bottom: 20px;font-size: 16px;}

.profl{padding-top: 20px;}

.profl.noptop{padding-top: 0;}

.profl .fltop{height: 54px;}

.profl .fltop .flbtn{height: 54px;line-height: 54px;padding: 0 10px;}

.profl .flbox{padding: 20px;font-size: 16px;line-height: 1.4;}

.profl .flbox .partbox3{padding: 0;}

.profl .flbox .partbox3 .downpart{width: 100%;margin-bottom: 20px;}

.profl .flbox .partbox3 .downpart:last-child{margin-bottom: 0px;}

.profl .flbox .partbox3 .downpart .imgbox{margin-right: 20px;}

.profl .flbox .partbox3 .downpart .down .title{font-size: 16px;}

.profl .flbox .partbox3 .downpart .down .downbtn{font-size: 16px;}

.tuijian{margin-bottom: 40px;}

.tuijian .title{font-size: 20px;height: 54px;line-height: 54px;margin-bottom: 20px;}

.tuijian .tjbox{flex-wrap: wrap;margin-bottom: 0;}

.tuijian .tjbox .partbox{width: calc(50% - 10px);padding: 20px;margin-bottom: 20px;margin-right: 20px;}

.tuijian .tjbox .partbox:nth-child(2n){margin-right: 0;}

.procontact{padding: 20px;}

.solution .leftpart{padding: 20px;}

.solution .leftpart .title{font-size: 20px;}

.product .proleft .search{padding: 20px 0 0;}

.product .proleft .search .searchbox{margin: 0 20px 20px;}

.product .proleft .search .toptitle{font-size: 24px;padding: 0 20px 20px;}

.solution{margin-bottom: 30px;flex-direction: column-reverse;}

.product .proright .prolist .partbox .textbox .title{font-size: 20px;}

.support{overflow: hidden;padding-bottom: 40px;}

.support .downpart{overflow-x: scroll;margin-bottom: 20px;}

.support .downpart .partbox.toppart,.support .downpart .partbox{min-width: 950px;}

.support .searchpart{flex-direction: column;height: unset;padding: 20px;}

.support .searchpart span{margin-bottom: 10px;}

.support .searchpart .type1, .support .searchpart .type2{margin-bottom: 10px;}

.news{padding-bottom: 40px;}

.news .newsbox .partbox:nth-child(3n){margin-right: 0;}

.news .newsbox .partbox{width: calc(50% - 20px);margin-right: 20px;margin-bottom: 20px;}

.news .newsbox .partbox:nth-child(odd){margin-right: 20px;}

.news .newsbox .partbox:nth-child(2n){margin-right: 0;}

.news .newsbox .title{font-size: 20px;margin-bottom: 10px;}

.news .newsbox .des{margin-bottom: 10px;}

.newsxq{padding-top: 0;padding-bottom: 40px;}

.newsxq .newsxqbox{flex-direction: column;}

.newsxq .newsxqbox .partleft{width: 100%;padding-right: 0;}

.newsxq .newsxqbox .partright{width: 100%;}

.newsxq .newsxqbox .partleft .newxqpage .left{width: calc(100% - 100px);}

.newsxq .newsxqbox .partleft .newxqpage .right{flex-shrink: 0;}

.aboutstikey{top: 60px;display: none;}

.aboutmenu12{margin-top: 60px;}

.aboutmenu12 .xlflex{padding: 0px;}

.aboutmenu12 .xlflex .partbox{margin: 0;}

.aboutmenu12 .xlflex .partbox .title{margin-bottom: 0;font-size: 18px;margin: 5px 4px;}

.aboutbox{padding: 0 0 20px;flex-direction: column;align-items: flex-start;}

.aboutbg{background: var(--main-color);padding-top: 60px;}

.aboutbg:after{opacity: 0.1;}

.aboutbox .leftpart{width: 100%;padding-right: 0;}

.aboutbox .rightpart{width: 100%;margin-top: 20px;}

.aboutbox .leftpart .biaoti{font-size: 20px;}

.aboutbox .leftpart .title{font-size: 22px;}

.aboutbox .leftpart .shujv{padding-top: 20px;}

.introduction{padding-top: 30px;padding-bottom: 0;}

.abouttitle{font-size: 24px;}

.introduction .mainbox .partbox{flex-direction: column;}

.introduction .mainbox .partbox:nth-child(even){flex-direction: column;}

.introduction .mainbox .partbox:nth-child(even) .rightpart{padding: 0;}

.introduction .mainbox .partbox .leftpart{width: 100%;}

.introduction .mainbox .partbox .leftpart img{width: 100%;}

.introduction .mainbox .partbox .rightpart{padding-left: 0;margin-top: 20px;}

.introduction .mainbox .partbox .rightpart .title{font-size: 20px;margin-bottom: 10px;}

.contact{padding-bottom: 40px;}

.contact .mainbox .toppart{padding: 40px;}

.liuyan{padding-bottom: 40px;}

.liuyan .title{padding-top: 40px;padding-bottom: 40px;}

.liuyan .liuyanform form .submitbtn{margin-top: 20px;}

.newsxq .newsxqbox .partleft .title{font-size: 24px;}

.newsxq .newsxqbox .partright .title{font-size: 20px;}

.introduction .mainbox{padding-top: 20px;}

.proform .formbox{width: 90%;margin: 0 auto;box-sizing: border-box;padding: 20px;}

.proform .formbox .title{font-size: 24px;}

.proform .formbox .proname{height: 40px;line-height: 40px;}

.proform .formbox form .submitbtn button,.proform .formbox form .submitbtn input,.liuyan .liuyanform form .submitbtn input[type = button]{height: 40px;line-height: 40px;font-size: 16px;}

.zhengshuclick .zsclosebtn{right: 5%;}

.header12box .menu12box .menu12 .menu12list>a:before,.header12box .menu12box .menu12 .menu12list>a:after{display: none;}

.header12box .menu12box .menu12 .menu12list.on.noxiala:hover .xlbox{opacity: 1;}

.solutiontj .stjbox{flex-direction: column;padding-top: 20px;}

.solutiontj .stjbox .partbox{width: 100%;margin-right: 0;margin-bottom: 20px;}

.solutiontj .biaoti{font-size: 20px;height: 60px;line-height: 60px;}

.solutiontj .morebtn{margin-top: 20px;}

.product .proleft .search .prolist{display: none;transition: unset;}

.hmore4 .bottombox:hover{padding: 0;color: #666;background-color: unset;}

}

@media screen and (max-width: 765px){

.homebanner12 .partbox .textbox .text{display: none;}

.hbswiper .swiper-pagination{bottom: 10px;}

.product .proright .prolist .partbox{flex-direction: column;}

.product .proright .prolist .partbox .imgbox{width: 100%;}

.product .proright .prolist .partbox .textbox{width: 100%;margin-top: 20px;margin-left:0;}

.tuijian .tjbox .partbox{width: 100%;margin-right: 0 !important;}

.support .searchpart .type1, .support .searchpart .type2{width: 100%;}

.support .searchpart .submit{width: 100%;}

.support .searchpart .submit input[type=text]{width: 100%;padding-left: 20px;}

.support .searchpart .submit input[type=submit]{width: unset;flex-shrink: 0;padding: 0 10px 0 35px;}

.aboutbox .leftpart .shujv .partbox .num{font-size: 30px;}

.aboutbox .leftpart .shujv .partbox span{font-size: 14px;margin-bottom: 2px;}

.aboutbox .leftpart .shujv .partbox .shuoming{font-size: 14px;}

.aboutbox .leftpart .shujv .line{margin: 0 10px;}

.culture{padding-top: 40px;padding-bottom: 40px;}

.culture:after,.culture:before{display: none;}

.culture .mainbox{padding-top: 20px;}

.culture .mainbox .partbox{width: 100%;margin-bottom: 20px;}

.culture .mainbox .partbox .imgbox{margin-bottom: 10px;}

.culture .mainbox .partbox:nth-child(even){transform: unset;}

.culture .mainbox .partbox .title{font-size: 20px;line-height: 1.4;margin-bottom: 10px;}

.honor{padding-top: 40px;padding-bottom: 40px;}

.honor .mainbox{padding-top: 20px;}

.honor .mainbox .honorswiper .partbox .title{font-size: 18px;min-height: 42px;}

.honor .mainbox .honorswiper .partbox .des{font-size: 16px;}

/*.abouttitle{padding-top: 40px;}*/

.padt{padding-top: 40px;}

.history{padding-top: 20px;padding-bottom: 40px;}

.history .partbox .title{font-size: 20px;padding-bottom: 40px;}

.swiperline{top: 40px;}

.history .swiper-button-prev,.history .swiper-button-next{top: 40px;}

.history .partbox .title:after{top: 36px;left: 18px;}

.history .partbox .textbox .text{line-height: 1.4;margin-bottom: 10px;}

.contact .mainbox .toppart{flex-direction: column;padding: 20px;}

.contact .mainbox .toppart .rightpart{width: 100%;margin-top: 20px;}

.contact .mainbox .toppart .leftpart .title{margin-bottom: 20px;font-size: 22px;}

.contact .mainbox .toppart .leftpart .des{font-size: 18px;}

.liuyan .title{font-size: 22px;}

.header12box .menu12box .searchbox .search .realsearch{right: -55px;width: 90vw;}

.header12box .menu12box .searchbox .search .realsearch.on{top: 50px;right: -55px;}

.header12box .menu12box .searchbox .search .realsearch input{width: 100%;}

.header12box .menu12box .searchbox .search .realsearch a{flex-shrink: 0;}

.header12box .menu12box .menu12 .menu12list .xlbox{opacity: 1;}

.honor .mainbox .honorswiper .partbox:after{top: 10px;right: 10px;}

}

@media screen and (max-width: 550px){

/*.xxylist4 .partbox{width: 100%;margin-right: 0;margin-bottom: 20px;}*/

.xxylist4 .partbox{height: 370px;width: calc(50% - 10px);margin-right: 20px;}

.profl .fltop .flbtn{font-size: 16px;padding: 0 15px;letter-spacing: -0.5px;}

.news .newsbox .partbox:nth-child(n){width: 100%;margin-right: 0;}

.liuyan .title{padding-bottom: 20px;}

.liuyan .liuyanform form .formtop{flex-direction: column;}

.liuyan .liuyanform form .formtop .leftpart{width: 100%;}

.liuyan .liuyanform form .formtop .leftpart input{height: 40px;line-height: 40px;font-size: 14px;}

.liuyan .liuyanform form .submitbtn{margin-top: 0;}

.liuyan .liuyanform form .submitbtn button,.liuyan .liuyanform form .submitbtn input{height: 40px;line-height: 40px;}

.hsolution .hsswiper .partbox{height: 400px;}

.hsolution .hsswiper .partbox:hover .imgbox{margin-top: 30px;}

.xxylist4 .partbox .topbox .des{display: none;}

.xxylist4 .partbox:hover .topbox .des{display: block;}

.xxylist4 .partbox:hover .topbox .imgbox{display: none;}

.hrmore2{padding: 0 10px;}

}