body{padding: 0;margin: 0;font-family: "微软雅黑";font-size: 16px;color: #333;overflow-x:hidden;}
.wrap{max-width: 1200px;margin: 0 auto;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.bgf3f3f3{background: #f3f3f3;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.hidden-xs{display: block;}
.visible-xs{display: none;}
*{box-sizing: border-box;}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.c_center{width: 1200px;margin: 0 auto;}
.baibg{background: #ffffff;}
.huibg{background: #f5f5f5;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
.flexb2{display: flex;align-items: center;justify-content: space-between;}
.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}
.swiper{position: relative;overflow: hidden;}
.bgBox{background: url() center no-repeat;background-size: cover;}
@media (min-width:1200px) {.container{padding: 0;max-width: 1200px;}}



/**导航菜单**/
.topDiv{dndisplay: none;}
header{position: fixed;top: 0;left: 0;z-index: 99;height: 80px;width: 100%;transition: all .3s;border-bottom: 1px solid rgba(255,255,255,0.1);padding: 0 56px;}
.on-fixed header{background: rgba(0,0,0,0.6);top: 0;box-shadow: 0px 0px 20px rgba(132,132,132,0.15);}
header .langB2{display: none;}
header .logo{height: 80px;position: relative;z-index: 2;}
header .logo img{max-height: 80%;}
header .rightDiv .menu{text-align: right;height: 80px;}
header .rightDiv .menu>ul{}
header .rightDiv .menu>ul>li{float: left;margin-right: 28px;}
header .rightDiv .menu>ul>li>a{height: 80px;line-height: 80px;text-align: center;color: #ffffff;font-size: 16px;display: block;text-transform:capitalize;padding: 0 16px;}
header .rightDiv .menu>ul>li:hover,
header .rightDiv .menu>ul>li:focus,
header .rightDiv .menu>ul>li.on,
header .rightDiv .menu>ul>li.active{background: none;position: relative;}
header .rightDiv .menu>ul>li:hover>a,
header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a{color: #ffffff;}
header .rightDiv .menu>ul>li::before{
	content: "";
	background-color: rgb(29, 106, 237);
	box-shadow: 0.105px 5.999px 21px 0px rgba(15, 50, 133, 0.25);
	display: block;
	width: 0;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transition: all 0.3s;
}
header .rightDiv .menu>ul>li:hover::before,
header .rightDiv .menu>ul>li:focus::before,
header .rightDiv .menu>ul>li.on::before,
header .rightDiv .menu>ul>li.active::before{
	width: 100%;
	left: 0;
}
header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header.indexHeader .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}
header .langB1{position: relative;}
header .langB1 .l_m{display: flex;align-items: center;height: 80px;font-size: 16px;justify-content: center;cursor: pointer;}
header .langB1 .l_m img{margin-right: 8px;height: 24px;vertical-align: middle;}
header .langB1 .l_m span{color: #ffffff;vertical-align: middle;}
header .langB1 .x_l{width:120px; padding-top:8px; position:absolute; top:58px; left:50%; margin-left:-60px;display: none;}
header .langB1 .x_l:before{width:0; height:0; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:8px solid #535352; content:""; position:absolute; top:0; left:50%; margin-left:-10px;}
header .langB1 .x_l ul{padding:5px 15px; background-color:#535352;}
header .langB1 .x_l ul li a{color:#ddd; line-height:36px; display:block;text-align: center;}
/* header .langB1 .x_l ul li a:hover{color:#1d6aed;} */
header .langB2{display: none;}

.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position: relative;}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu>ul>li{float:left;} 
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#282828;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color: #fff;}
.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-3px;right:0;width:10px;height:6px;content:"";}
.menu ul ul{position:absolute;left:-9999px;text-align: center;}
.menu li:hover>ul{left: 50%;transform: translateX(-50%);}
.menu ul ul ul{right:100%;top:0;width: 100%;}
.menu ul ul li:hover>ul{margin-left: 0;}
.menu ul ul{padding: 9px 0; width: max-content;text-align: center;top: 80px;min-width: 120%;background: #ffffff;border-radius: 4px;overflow: hidden;}
.menu ul ul .ul{background: rgba(255, 255, 255, 1);border-radius: 4px;box-shadow: 0px 5px 5px rgba(0,0,0,.1);}
.menu ul ul li{padding: 0 15px;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;text-align: center;}
.menu ul ul li>a{font-size: 15px;color:#7A7A7A;border-bottom: 1px solid #e5e5e5;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;padding: 8px 0;}
.menu ul ul li>a:hover,.menu ul ul li a:hover{color: #1d6aed;}
.menu ul ul li:last-child>a{border: 0;}

@media all and (max-width:1200px){
	header .rightDiv .menu>ul>li{margin-right: 8px;}
	header .rightDiv .menu>ul>li>a{padding: 0 8px;}
}
@media all and (max-width:992px){
	header{padding: 0 16px;}
	.topDiv{display: none;}
	header.indexHeader{background: #fff;top: 0;}
	.on-fixed header.indexHeader{top: 0;}
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu ul ul{top: 0;border: 0;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,.15)}
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0 30px;font-size:12px;background:0 0}
	/*.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#fff}*/
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.15);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;z-index:99}
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	.menu ul ul li>a:last-child{border-bottom: 0;}
	header {
		position: fixed !important;
		z-index: 99;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
		background: rgba(0,0,0,0.2);
	}
	header .logo{height: 50px;}
	header .logo img {max-height: 60%;}
	header .mbtn {display: block;}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 0px;
		right: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
		background-color: rgba(255, 255, 255, .94);
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		position: relative;
		float: none;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
		font-size: 16px;
	}
	
	header .rightDiv .menu>ul {display: block;padding-top: 50px;}
	header .rightDiv .menu ul li a span {display: none;}
	header .rightDiv .menu ul li a.on {background: none;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu ul li i{display: block;}
	header .rightDiv .menu ul li>a{margin: 0;width: calc(100% - 50px);}
	header .rightDiv .menu .linkDiv{display: none;}
	header .rightDiv .menu>ul>li.has-sub{padding: 0;}
	
	header .rightDiv .menu>ul>li>a::before{display: none;}
	.menu ul ul .wrap{padding: 0;border: 0;}
	.menu ul ul,.on-fixed header.indexHeader .wrap,.menu ul ul .ul{box-shadow: none;background: none;border-radius: 0;}
	.menu ul ul li .alist a{margin-top: 0;line-height: 40px;height: 40px;font-size: 14px;}
	.main {position: relative;right: 0;transition: right 300ms !important;margin-top: 50px;}
	header .telDiv1 {display: flex!important;align-items: center;height: 50px;font-size: 12px;padding-left: 5px;margin-left: 24%;}
	header .telDiv{display: none;}
	header .telDiv1 img{height: 16px;margin-right: 8px;}
	header .telDiv1 span{font-weight: 700;}
	header .rightDiv .menu>ul>li:hover::before, header .rightDiv .menu>ul>li:focus::before, header .rightDiv .menu>ul>li.on::before, header .rightDiv .menu>ul>li.active::before{display: none;}
	header .rightDiv .menu>ul>li>a,
	header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{color: #333333;}
	header .langB1{display: none;}
	header .langB2{display: block;height: 50px;line-height: 50px;color: #ffffff;font-size: 16px;float: right;margin-right: 40px;}
	header .langB2 a{color: #ffffff;}
	header .langB2 span{margin: 0 8px;}
}
.banner{position: relative;}
.banner .img img{display: block;width: 100%;}
.banner .btnG{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner .nr{height: 100%;padding: 80px 0;align-items: flex-end;justify-content: flex-start;}
.banner .kuang{align-items: flex-end;}
.banner .num1,
.banner .num2{
	color: #ffffff;
	font-size: 30px;
	position: relative;
	z-index: 2;
}
.banner .swiper-pagination{
	position: relative;
	color: #ffffff;
	font-size: 30px;
	margin: 0 20px;
}
.banner .swiper-pagination-bullet{
	width: 100px;
	height: 1px;
	background: #ffffff;
	opacity: 1;
	border-radius: 0;
	vertical-align: middle;
}
.banner .swiper-pagination-bullet-active{
	height: 3px;
	vertical-align: middle;
}
.indp{padding: 80px 0;}
.pubTit{margin-bottom: 40px;}
.pubTit .tit b{
	display: inline-block;
	font-size: 36px;
	color: rgb(51, 51, 51);
	font-weight: bold;
}
.pubTit .tit i{
	display: inline-block;
	background-color: rgb(204, 204, 204);
	width: 1px;
	height: 16px;
	margin: 0 16px 0 20px;
}
.pubTit .tit span{
	display: inline-block;
	font-size: 18px;
	color: rgb(29, 106, 237);
	text-transform: uppercase;
}
.more{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	background-color: rgb(29, 106, 237);
	box-shadow: 0.105px 5.999px 21px 0px rgba(15, 50, 133, 0.25);
	padding: 0 12px;
	height: 40px;
	font-size: 14px;
	color: #ffff;
	width: max-content;
}
.more:hover{color: #ffff;}
.more img{margin-left: 6px;}
.indp1{background: #f7f7f7;}
.indp1 .clickB{background: #ffffff;}
.indp1 .clickB .each{
	height: 64px;
	font-size: 16px;
	color: #333333;
	flex: 1;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
}
.indp1 .clickB .each::after{
	content: "";
	background-color: rgb(230, 230, 230);
	width: 1px;
	height: 24px;
	position: absolute;
	right: 0;
	top: calc(50% - 12px);
}
.indp1 .clickB .each:last-child::after{display: none;}
.indp1 .clickB .each.on{color: #ffffff;background: #1d6aed;}
.indp1 .clickB .each.on::after{background: #1d6aed;}
.indp1 .showB{margin-top: 20px;background: #ffffff;}
.indp1 .showB .each{display: none;}
.indp1 .showB .each:first-child{display: block;}
.indp1 .clickB2{
	position: absolute;
	left: 0;
	top: 0;
	width: 208px;
	height: 100%;
	background: #1d6aed;
	font-size: 16px;
	padding: 24px 0;
}
.indp1 .clickB2 .each2{
	height: 48px;
	line-height: 48px;
	font-size: 15px;
	color: #ffffff;
	padding: 0 40px;
	cursor: pointer;
}
.indp1 .clickB2 .each2.on{
	background: rgba(255,255,255,0.2);
	position: relative;
}
.indp1 .clickB2 .each2.on::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 3px;
	height: 100%;
	background: #24dd7f;
}
.indp1 .showB2{width: calc(100% - 208px);margin-left: 208px;}
.indp1 .showB2 .each2{padding: 48px 40px;display: none;}
.indp1 .showB2 .each2:first-child{display: block;}
.indp1 .showB .more{
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgb(36, 221, 127);
	width: 150px;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}
.indp1 .showB2 .textB{
	width: 45%;
}
.indp1 .showB2 .tit{
	font-size: 30px;
	color: rgb(51, 51, 51);
	font-weight: bold;
}
.indp1 .showB2 .titen{
	font-size: 14px;
	color: rgb(153, 153, 153);
	margin-top: 8px;
}
.indp1 .showB2 .desc{
	font-size: 14px;
	color: rgb(51, 51, 51);
	line-height: 1.7;
	margin-top: 16px;
}
.indp1 .showB2 .ind1Ul{
	margin-top: 40px;
	line-height: 2;
}
.indp1 .showB2 .ind1Ul a{
	font-size: 16px;
	color: rgb(51, 51, 51);
	width: 50%;
	float: left;
}
.indp1 .showB2 .imgB{
	width: 46%;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(228, 228, 228);
	padding: 16px;
	text-align: center;
}
.indp1 .showB2 .imgB .tit{font-size: 18px;font-weight: 400;text-transform: uppercase;}
.indp1 .showB2 .imgB .desc{font-size: 14px;margin-top: 0;color: #999999;}
.indp2{padding-bottom: 0;}
.indp2Ul{margin: 0;}
.indp2Ul li{padding: 0;}
.indp2Ul .imgB img{display: block;width: 100%;}
.indp2Ul .textB1{
	background: rgba(0,0,0,0.3);
	padding: 32px 16px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	transition: all 0.3s;
	opacity: 1;
}
.indp2Ul .tit{
	font-size: 30px;
	color: rgb(255, 255, 255);
	font-weight: bold;
}
.indp2Ul .titen{
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
}
.indp2Ul .textB2{
	background-color: rgba(29, 106, 237,0.9);
	position: absolute;
	left: 24px;
	top: 24px;
	width: calc(100% - 48px);
	height: calc(100% - 48px);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 24px;
	transition: all 0.3s;
	opacity: 0;
}
.indp2Ul li:hover .textB1{opacity: 0;}
.indp2Ul li:hover .textB2{opacity: 1;}
.indp2Ul .textB2 .tit{
	width: 72%;
	border-top: 4px double #ffffff;
	margin: 0 auto;
	padding-top: 16px;
}
.indp2Ul .textB2 .titen{
	width: 72%;
	border-bottom: 1px solid #ffffff;
	margin: 0 auto;
	padding-bottom: 16px;
}
.indp2Ul .textB2 .desc{
	font-size: 16px;
	color: rgb(255, 255, 255);
	line-height: 1.8;
	margin: 40px 0 0;
	text-align: left;
}
.indp2Ul .textB2 .more{
	margin: 5.2vw auto 0;
	font-size: 14px;
	color: #ffffff;
	width: 120px;
	background: none;
	border: 1px solid #ffffff;
	line-height: 40px;
	transition: all 0.3s;
}
.indp2Ul .textB2 .more:hover{background: #ffffff;color: rgb(29, 106, 237);}
.indp3 .nrBox{margin: 0;}
.indp3 .nrBox>div{padding: 0;}
.indp3 .nrBox .indp3Left{padding-right:16px;}
.indp3 .nrBox .indp3Right{padding-left:8px;}
.indp3Left .imgB img{display: block;width: 100%;}
.indp3Left .textB{
	padding: 140px 24px 24px;
	background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8));
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.indp3Left .textB .tit{
	font-size: 20px;
	color: rgb(255, 255, 255);
	font-weight: bold;
}
.indp3Left .textB .desc{
	font-size: 14px;
	color: rgb(255, 255, 255);
	line-height: 1.7;
}
.indp3Ul li{margin-top: 24px;}
.indp3Ul li:first-child{margin-top: 0;}
.indp3Ul .imgB{display: block;width: 182px;}
.indp3Ul .imgB img{display: block;display: block;}
.indp3Ul .textB{width: calc(100% - 202px);}
.indp3Ul .textB .tit{
	font-size: 18px;
	color: rgb(51, 51, 51);
}
.indp3Ul .textB .desc{
	font-size: 12px;
	color: rgb(153, 153, 153);
	line-height: 2;
	margin-top: 4px;
}
.indp3Ul .textB .info{
	border-top: 1px solid rgba(230, 230, 230,0.4);
	margin-top: 4px;
	padding-top: 4px;
}
.indp3Ul .textB .time span{
	font-size: 16px;
	color: rgb(162, 162, 162);
	font-weight: bold;
}
.indp3Ul .textB .time small{
	font-size: 12px;
	color: rgb(162, 162, 162);
}
.indp3Ul .textB .more{
	font-size: 12px;
	color: rgb(153, 153, 153);
	background: none;
	border: 0;
	line-height: 1;
	box-shadow: none;
	height: auto;
}
.indp4{background-image: url(../img/ind4bg.jpg);}
.indp4Left{width: 54%;}
.indp4Left .titen{
	font-size: 36px;
	color: rgb(51, 51, 51);
	font-weight: bold;
}
.indp4Left .tit{
	font-size: 24px;
	color: rgb(29, 106, 237);
	margin-top: 20px;
}
.indp4Left .desc{
	font-size: 16px;
	color: rgb(119, 119, 119);
	line-height: 1.8;
	margin-top: 48px;
}
.indp4Left .more{
	margin-top: 48px;
}

.indp4Right{width: 44%;}
.indp4Right .imgB img{width: 100%; display: block;}

footer{background: #28334f;font-size: 14px;color: rgba(255,255,255,0.6);}
footer a{color: rgba(255,255,255,0.6);}
footer a:hover{color: rgb(255,255,255);}
footer .fbottom{background: #202940;padding: 12px 0;}
footer .shareBox a{
	background: rgba(255,255,255,0.1);
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	margin-left: 12px;
}
footer .shareBox a img{opacity: 0.4;}
footer .shareBox a:hover img{opacity: 1;}
footer .fTop{padding: 72px 0 80px;}
footer .logo{width: 172px;}
footer .fNav{width: calc(100% - 220px);}
footer .fNav .colb1{width: 13%;}
footer .fNav .colb3{width: 34%;}
footer .fTit{
	border-bottom: 1px solid rgba(255,255,255,0.2);
	font-size: 18px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 0 0 20px 0;
	margin-bottom: 16px;
}
footer .fBox{
	line-height: 1.6;
}
footer .fBox a{display: block;margin-bottom: 4px;}
footer .fNav .fInfo{width: 60%;}
footer .fNav .fEwm{width: 40%;padding: 0 16px;text-align: center;}
footer .fNav .fEwm p{margin-top: 8px;}
.rightXf{
	position: fixed;
	right: 32px;
	top: 40%;
	z-index: 99;
}
.rightXf .each{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.08);
	width: 64px;
	height: 72px;
	text-align: center;
	margin-bottom: 8px;
	position: relative;
}
.rightXf .each:last-child{margin-bottom: 0;}
.rightXf .each span{
	font-size: 12px;
	color: rgb(153, 153, 153);
	margin-top: 8px;
	display: block;
	line-height: 1;
}
.rightXf .hidebox{
	position: absolute;
	z-index: 10;
	display: none;
}
.rightXf .hidebox:after{
  content: '';
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  right: -10px;
  top: 30px;
  border-left: 10px solid #fff !important;
  border-right: 0px solid #fff !important;
}
.rightXf .qrcode{
	width: 115px;
	height: 115px;
	padding: 5px;
	background-color: #fff;
	right: 120%;
	top: 0;
	-webkit-box-shadow: 6px 0 29px rgb(0 0 0 / 9%);
	box-shadow: 6px 0 29px rgb(0 0 0 / 9%);
}
.rightXf .tel{
  right: 120%;
  height: 56px;
  line-height: 56px;
  border-radius: 4px;
  color: #484c61;
  width: 205px;
  text-align: center;
  background-color: #fff;
  position: absolute;
  top: calc(50% - 28px);
  font-size: 14px;
  -webkit-box-shadow: 6px 0 19px rgba(0, 0, 0, 0.09);
  box-shadow: 6px 0 19px rgba(0, 0, 0, 0.09);
}
.rightXf .tel:after{top: calc(50% - 5px);}
/* 关于我们 */
.bannerny .nr{padding: 72px 0;}
.bannerny .catname{
	font-size: 36px;
	color: rgb(255, 255, 255);
	font-weight: bold;
}
.bannerny .location{
	font-size: 16px;
	color: rgb(255, 255, 255);
}
.bannerny .location a,
.bannerny .location a:hover{color: rgb(255, 255, 255);}
.ejNav{background: #f7f7f7;}
.ejNav a{
	display: block;
	float: left;
	font-size: 16px;
	color: rgb(102, 102, 102);
	line-height: 64px;
	margin-right: 36px;
	text-transform: uppercase;
}
.ejNav a.on{color: #1d6aed;position: relative;}
.ejNav a.on::after{
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #1d6aed;
	position: absolute;
	bottom: 0;
	left: 0;
}
.abop1 .indp4Left .tit{margin-top: 12px;}
.abop2{background-image: url(../img/abo2bg.jpg);}
.abop2Ul{margin: -20px;}
.abop2Ul li{padding: 20px;}
.abop2Ul .kuang{
	height: 100%;
	background: #ffffff;
	text-align: center;
	padding: 40px 32px;
}
.abop2Ul .icon{
	margin: 0 auto;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(80, 131, 239);
	border-radius: 50%;
	background-color: rgba(80, 131, 239, 0);
	width: 104px;
	height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.abop2Ul .tit{
	font-size: 24px;
	color: rgb(29, 106, 237);
	margin-top: 16px;
}
.abop2Ul .desc{
	font-size: 16px;
	color: rgb(119, 119, 119);
	line-height: 1.8;
	margin-top: 12px;
}
.abop3{background-image: url(../img/abo3bg.jpg);padding: 72px 0;}
.abop3 .swiper-button-next,
.abop4 .swiper-button-next{
	background-color: rgba(0, 0, 0,0.4);
	width: 25px;
	height: 40px;
	right: -45px;
	border-radius: 0;
}
.abop3 .swiper-button-prev,
.abop4 .swiper-button-prev{
	background-color: rgba(0, 0, 0,0.4);
	width: 25px;
	height: 40px;
	left: -45px;
	border-radius: 0;
}
.abop3 .swiper-button-next::after,
.abop4 .swiper-button-next::after,
.abop3 .swiper-button-prev::after,
.abop4 .swiper-button-prev::after{font-size: 20px;color: #ffffff;}
.abop3 .imgB img,
.abop4 .imgB img{width: 100%;display: block;}
.abop4 .pubTit .desc{
	font-size: 16px;
	color: rgb(119, 119, 119);
	line-height: 1.8;
	margin-top: 32px;
}
.dingwei{position: absolute;left: 0;top: -80px;}
.nyP{padding: 50px 0;}
.leftNav{width: 280px;}
.leftNav .catname{
	font-size: 24px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 88px;
	width: 100%;
	background: url(../img/nynabg.jpg) center no-repeat;
	background-size: cover;
	padding: 0 20px;
	justify-content: flex-start;
	text-transform: uppercase;
}
.leftNav .pronav{
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0, 140, 214,0.2);
}
.leftNav .pronav .zktit{
	background-color: rgba(29, 106, 237,0.05);
	width: 100%;
	padding: 16px 16px 16px 34px;
	position: relative;
	font-size: 14px;
	color: #757575;
	display: block;
}
.leftNav .pronav .hasDown .zktit::before{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: url(../img/xl.png) center no-repeat;
	background-size: cover;
	position: absolute;
	left: 20px;
	top: calc(50% - 4px);
	transform: rotate(-90deg);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.8;
}
.leftNav .pronav .hasDown.on .zktit::before{
	transform: rotate(0);
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
}
.leftNav .pronav .zhshow{display: none;}
.leftNav .pronav .zhshow a{
	font-size: 14px;
	color: #757575;
	padding: 16px 16px 16px 34px;
	border-bottom: 1px solid #eeeeee;
}
.rightNr{width: calc(100% - 300px);}
.prodUl{margin: -10px;}
.prodUl li{padding: 10px;}
.prodUl .kuang{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(230, 230, 230);
	background-color: rgb(255, 255, 255);
	height: 100%;
	padding: 10px 10px 16px;
}
.prodUl .imgB img{width: 100%;height: 211px;display: block;}
.prodUl .tit{
	font-size: 16px;
	color: rgb(51, 51, 51);
	margin: 16px auto 0;
	text-align: center;
}
.pageNum{text-align: center;margin-top:38px;}
.pageNum a,
.pageNum span{
	border: 1px solid rgb(238, 238, 238);
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px; 
	color: #333333; 
	padding: 0 8px;
	display: inline-block;
	text-align: center;
	margin: 0 2px;
}
.pageNum span{
	border-color: #1d6aed;
	background: #1d6aed;
	color:#ffffff; 
}
.casePUl{margin: -24px -40px;}
.casePUl li{padding: 24px 40px;}
.casePUl .imgB{display: block;}
.casePUl .imgB img{display: block;width: 100%;}
.casePUl .textB{
	padding: 0 16px;
	margin: 16px 0 0;
	border-left: 1px solid #eeeeee;
}
.casePUl .time{
	font-size: 12px;
	color: rgb(153, 153, 153);
}
.casePUl .tit{
	font-size: 18px;
	color: rgb(51, 51, 51);
	font-weight: bold;
	line-height: 1.6;
	margin: 8px 0 0;
	display: block;
}
.casePUl .morebtn{
	display: block;
	font-size:16px;
	color: rgb(102, 102, 102);
	margin: 16px 0 0;
}
.casePUl .morebtn img{margin-left: 10px;}
.servPUl{
	width: 100%;
	border: 1px solid #f4f4f4;
}
.servPUl th{
	background: #1d6aed;
	font-size: 16px;
	color: #ffffff;
	padding: 16px;
	text-align: center;
	border-right: 1px solid #ffffff;
	font-weight: 400;
}
.servPUl th:last-child{border-right: 0;}
.servPUl td{
	font-size: 14px;
	color: #666666;
	padding: 16px;
	text-align: center;
	border-right: 1px solid #f4f4f4;
}
.servPUl td:last-child{border-right: 0;}
.servPUl td a{color: #666666;}
.servPUl td a img{margin-left: 8px;}
.servPUl tr:nth-child(odd) td{
	background: #f2f6fe;
}
.newsUl li{
	background: #f7f7f7;
	margin: 24px 0 0;
}
.newsUl li:first-child{margin-top: 0;}
.newsUl .imgB{display: block;width: 42.5%;}
.newsUl .imgB img{display: block;width: 100%;}
.newsUl .textB{width: 57.5%;padding: 16px 40px;}
.newsUl .textB .tit{
	font-size: 22px;
	color: rgb(51, 51, 51);
	font-weight: bold;
}
.newsUl .textB .desc{
	font-size: 14px;
	color: rgb(102, 102, 102);
	line-height: 2;
	margin-top: 12px;
}
.newsUl .textB .info{
	border-top:1px solid rgba(0, 0, 0,0.1);
	margin: 48px 0 0;
	padding: 18px 0 0;
}
.newsUl .textB .time{
	font-size: 14px;
	color: rgb(102, 102, 102);
}
.newsUl .textB .time img{margin-right: 8px;}
.newsUl .textB .morebtn{
	background-color: rgb(29, 106, 237);
	box-shadow: 0.105px 5.999px 21px 0px rgba(39, 60, 137, 0.25);
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	color: #ffffff;
	font-size: 16px;
	position: relative;
	text-align: center;
	padding-right: 32px;
}
.newsUl .textB .morebtn i{
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	position: absolute;
	right: 4px;
	top: 4px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.detailP .pageTit{
	font-size: 36px;
	color: rgb(51, 51, 51);
	font-weight: bold;
	line-height: 46px;
	padding: 0 0 26px 0;
	text-align: center;
	border-bottom: 1px solid rgb(230, 230, 230);
}
.detailP .infoBox{
	font-size: 12px;
	line-height: 22px;
	padding: 10px 0;
}
.detailP .infoBox a,
.detailP .infoBox span{
	padding-left: 20px;
	background: url(../img/iicon1.png) left center no-repeat;
	background-size: 12px;
	color: rgb(102, 102, 102);
}
.detailP .infoBox .auther{margin-right: 28px;}
.detailP .infoBox .time{background-image: url(../img/iicon2.png);}
.detailP .infoBox .typename{background-image: url(../img/iicon3.png);}
.detailP .nrBox{padding: 24px 0;}
.detailP .fanye{
	font-size: 14px;
	color: #999999;
	border-top: 1px solid rgb(230, 230, 230);
	padding: 16px 0;
}
.detailP .fanye p{margin-bottom: 8px;}
.detailP .fanye a{color: rgb(51, 51, 51);}
.detailP .fanye a:last-child{margin-bottom: 0;}
.contP1 .conTit,
.contP2 .conTit{
	font-size: 24px;
	color: rgb(51, 51, 51);
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	position: relative;
	margin-bottom: 24px;
}
.contP1 .conTit::after,
.contP2 .conTit::after{
	content: "";
	background-color: rgb(29, 106, 237);
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100px;
	height: 1px;
}
.contP1 .info{
	width: 68%;
	column-count: 2;
	column-gap: 16px;
	font-size: 16px;
	color: #333333;
}
.contP1 .info p{margin-bottom: 16px;}
.contP1 .info b{color: #333333;margin-right: 8px;}
.contP1 .ewm{width: 24.5%;text-align: center;}
#map{width: 100%;height: 400px;}
#map img{max-width: unset;}
.contP2 .one{
	width: 100%;
	margin-top: 20px;
}
.contP2 .line1 .one{
	width: calc(50% - 14px);
}
.contP2 .one p{
	font-size: 14px;
	color: rgb(51, 51, 51);
	margin-bottom: 8px;
	text-transform: uppercase;
}
.contP2 .one input{
	display: block;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 2px;
	background-color: rgb(250, 250, 250);
	width: 100%;
	line-height: 44px;
	padding: 0 16px;
	font-size: 14px;
}
.contP2 .one textarea{
	display: block;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 2px;
	background-color: rgb(250, 250, 250);
	width: 100%;
	height: 144px;
	padding: 16px;
	font-size: 14px;
}
.contP2 .tijiao{
	font-size: 16px;
	color: rgb(255, 255, 255);
	border: 0;
	cursor: pointer;
	border-radius: 4px;
	background-color: rgb(29, 106, 237);
	width: 360px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 40px auto 0;
	display: block;
}
@media (max-width:1480px) {
	.container{padding: 0 16px;}
	.indp2Ul .tit{font-size: 24px;}
	.indp2Ul .textB2 .desc{margin-top: 16px;}
	.indp2Ul .textB2 .more{margin-top: 16px;}
	.indp3Ul li{margin-top: 15px;}
	.abop3 .nrBox, .abop4 .nrBox{padding: 0 40px;}
	.abop3 .swiper-button-prev, .abop4 .swiper-button-prev{left: 0;}
	.abop3 .swiper-button-next, .abop4 .swiper-button-next{right: 0;}
}
@media (max-width:1200px) {
	.banner .swiper-pagination-bullet{width: 60px;}
	.indp{padding: 64px 0;}
	.indp1 .showB2 .each2{padding: 32px;}
	.indp1 .showB2 .ind1Ul a{width: 100%;float: none;display: block;}
	.indp1 .showB2 .tit{font-size: 24px;}
	.indp1 .showB2 .ind1Ul{margin: 16px 0 0;}
	.indp2Ul .tit{font-size: 20px;}
	.indp2Ul .textB1{padding: 16px;}
	.indp2Ul .textB2{left: 8px;top: 8px;width: calc(100% - 16px);height: calc(100% - 16px);padding: 12px;}
	.indp2Ul .textB2 .tit{padding-top: 4px;width: 100%;}
	.indp2Ul .textB2 .titen{padding-bottom: 4px;width: 100%;}
	.indp2Ul .textB2 .desc{font-size: 14px;line-height: 1.6;}
}
@media (max-width:996px) {
	footer .fTop>div{display: block;}
	footer .logo{text-align: center;margin-bottom: 16px;display: block;}
	footer .fNav{width: 100%;}
	footer .fTop{padding: 32px 0;}
	.banner .swiper-pagination-bullet{width: 32px;}
	.banner .num1, .banner .num2{font-size: 24px;}
	.banner .nr{padding: 40px 0;}
	.indp{padding: 40px 0;}
	.pubTit .tit b{font-size: 32px;}
	.indp1 .clickB2 .each2{padding: 0 16px;}
	.indp3 .nrBox .indp3Left{padding: 0;}
	.indp3 .nrBox .indp3Right{margin: 16px 0 0;padding: 0;}
	.indp4 .nrBox{display: block;}
	.indp4Left{width: 100%;float: none;}
	.indp4Right{width: 100%;float: none;margin: 16px 0 0;}
	.indp4Left .tit{margin-top: 0;}
	.indp4Left .desc{margin-top: 16px;}
	.casePUl{margin: -16px;}
	.casePUl li{padding: 16px;}
	.newsUl .textB{padding: 12px;}
	.newsUl .textB .info{margin: 8px 0 0;padding: 8px 0 0;}
	.newsUl .textB .tit{font-size: 20px;}
	.detailP .pageTit{font-size: 24px;padding-bottom: 16px;}
	.contP1 .info{column-count: 1;}
}
@media (max-width:768px) {
	footer{margin-bottom: 50px;}
	footer .fNav .colb1,
	footer .fNav .colb2{display: none;}
	footer .fNav .colb3{width: 100%;}
	footer .fTit{padding-bottom: 8px;}
	.rightXf{display: flex;bottom: 0;right: 0;width: 100%;top: unset;box-shadow: 0 0 10px 4px rgba(15,50,133,0.1);}
	.rightXf .each{width: 25%;height: 50px;border-radius: 0;margin-bottom: 0;box-shadow: none;border-right: 1px solid rgba(15,50,133,0.2);}
	.rightXf .each:last-child{border: 0;}
	.rightXf .each span{margin-top: 4px;}
	.nyP{padding: 24px 0;}
	.leftNav{float: none;width: 100%;}
	.leftNav .catname{padding: 8px 16px;font-size: 18px;height: auto;}
	.leftNav .pronav .zktit{padding: 12px 16px 12px 32px;}
	.leftNav .pronav .hasDown .zktit::before{left: 16px;}
	.leftNav .pronav .zhshow a{padding: 8px 16px 8px 32px;}
	.rightNr{float: none;width: 100%;margin-top: 16px;}
	.prodUl{margin: -4px;}
	.prodUl li{width: 50%;padding: 4px;}
	.prodUl .imgB img{height:150px;}
	.prodUl .kuang{padding: 0 0 8px;}
	.prodUl .tit{margin-top: 8px;}
    .pageNum a, .pageNum span{
        margin-bottom: 4px;
        min-width: 24px;
        height: 24px;
        line-height: 24px;
        padding: 0px 4px;font-size: 14px;}
    .pageNum{margin: 16px 0;}
	.detailP .pageTit{padding: 8px 0;font-size: 20px;line-height: 30px;}
	.detailP .infoBox{padding: 4px 0;}
	.detailP .nrBox{padding: 16px 0;font-size: 14px;line-height: 24px;}
	.detailP .fanye{padding-bottom: 0;}
	.contP2 .one{margin-top: 8px;}
	.contP2 .line1{display: block;}
	.contP2 .line1 .one{width: 100%;}
	.contP2 .one input{line-height: 36px;}
	.contP2 .tijiao{margin: 16px 0 0;height: 36px;width: 140px;}
	.banner .img img{display: none;}
	.banner .img{height: 56vw;background: url() center no-repeat;background-size: cover;}
	.banner .num1, .banner .num2{display: none;}
	.banner .nr{padding: 16px 0;width: 100%;}
	.banner .kuang{padding: 0 16px;width: 100%;}
	.banner .swiper-pagination{margin: 0 auto;width: 100%;text-align: center;line-height: 1;font-size: 1px;}
	.banner .swiper-pagination-bullet{margin: 0 2px;}
	.topDiv{height: 50px;display: block;background: #000000;}
	.indp{padding: 32px 0;}
	.pubTit{margin-bottom: 16px;}
	.pubTit .tit b{font-size: 24px;display: block;}
	.pubTit .tit i{display: none;}
	.pubTit .tit span{font-size: 14px;display: block;}
	.indp1 .clickB .each{padding: 8px;font-size: 15px;}
	.indp1 .clickB2{position: relative;width: 100%;left: unset;top: unset;display: flex;justify-content: center;align-items: center;padding: 0;}
	.indp1 .clickB2 .each2{flex: 1;height: 56px;padding: 4px;text-align: center;display: flex;justify-content: center;align-items: center;line-height: 1.2;font-size: 14px;}
	.indp1 .clickB2 .each2.on::before{width: 100%;bottom: 0;top: unset;height: 2px;}
	.indp1 .showB2{width: 100%;margin: 0;}
	.indp1 .showB2 .each2{padding: 8px;}
	.indp1 .showB2 .imgB{display: none;}
	.indp1 .showB2 .textB{width: 100%;}
	.indp1 .showB2 .tit{font-size: 20px;}
	.indp1 .showB2 .titen{margin-top: 0;}
	.indp1 .showB2 .desc{margin-top: 8px;}
	.indp1 .showB2 .ind1Ul{margin-top: 16px;line-height: 1.6;}
	.indp1 .showB .more{height: 36px;width: 120px;}
	.indp2Ul{margin: 0 16px;}
	.indp2Ul li{padding: 0;margin-top: 16px;}
	.indp2Ul li:first-child{margin-top: 0;}
	.indp2Ul .textB1{display: none;}
	.indp2Ul .textB2{opacity: 1;position: absolute;left: 0;top: unset;bottom: 0;width: 100%;height: auto;}
	.indp2Ul .textB2 .more{line-height: 36px;height: 36px;}
	.pubTit .tit{max-width: calc(100% - 150px);}
	.pubTit .tit p{font-size: 12px;color: #666666;}
	.indp3Left .textB{padding: 24px 8px 8px;}
	.indp3Left .textB .tit{font-size: 18px;}
	.indp3Ul .imgB{width: 140px;}
	.indp3Ul .textB{width: calc(100% - 148px);}
	.indp3Ul .textB .tit{font-size: 16px;}
	.indp3Ul .textB .desc{margin-top: 0;}
	.indp3Ul .textB .time span{font-size: 14px;}
	.indp4Left .titen{font-size: 20px;}
	.indp4Left .tit{font-size: 18px;}
	.indp4Left .desc{font-size: 14px;line-height: 1.6;}
	.indp4Left .more{margin-top: 16px;}
	footer .logo{text-align: center;width: 100%;display: block;}
	footer .logo img{height: 64px;}
	footer .shareBox{display: none;}
	.rightXf .qrcode{bottom: calc(100% + 12px);top: unset;left: 0;transform: translateX(-50%);width: 100%;transform: unset;height: auto;}
	.rightXf .tel{bottom: calc(100% + 12px);top: unset;left: 50%;transform: translateX(-50%);height: 40px;line-height: 40px;}
	.rightXf .hidebox:after{bottom: -12px;transform: rotate(90deg);top: unset;left: calc(50% - 5px);}
	.bannerny .img{height: 40vw;}
	.bannerny .catname{font-size: 24px;}
	.ejNav a{line-height: 48px;}
	.abop1 .indp4Left .tit{margin-top: 0;}
	.abop2Ul{margin: -4px;}
	.abop2Ul li{padding: 4px;}
	.abop2Ul .kuang{padding: 16px;}
	.abop2Ul .icon{width: 64px;height: 64px;}
	.abop2Ul .icon img{width: 50%;}
	.abop2Ul .tit{font-size: 20px;margin-top: 8px;}
	.abop2Ul .desc{margin-top: 4px;font-size: 14px;}
	.abop3 .nrBox, .abop4 .nrBox{padding: 0 36px;}
	.abop4 .pubTit .desc{margin-top: 8px;font-size: 14px;line-height: 1.6;}
	.casePUl{margin: -4px;}
	.casePUl li{padding: 4px;width: 50%;}
	.casePUl .textB{margin-top: 8px;padding: 0 8px;}
	.casePUl .tit{font-size: 16px;margin-top: 4px;line-height: 1.6;}
	.casePUl .morebtn{margin-top: 8px;}
	.servP .nrBox{overflow-x: auto;}
	.servPUl{width: 800px;}
	.servPUl th,
	.servPUl td{padding: 12px;}
	.newsUl li{margin-top: 16px;}
	.newsUl li{display: block;}
	.newsUl .imgB{width: 100%;}
	.newsUl .textB{width: 100%;}
	.contP1 .info p{margin-bottom: 8px;}
	.contP1 .conTit, .contP2 .conTit{font-size: 20px;}
	#map{height: 280px;}
	
	
	
}