@charset "utf-8";
/* CSS Document */
/*
:nth-child(1)
:first-chlid
:last-chlid
calc(30% - 0px)
opacity: 0;
border-radius:3px;
:root {--color-main: #007bff;}
var(--color-main)
box-sizing: border-box;
*/
html{scroll-behavior: smooth;}
body{background:#f4f4f4;font-size:16px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
:root{
	--color-main:#1f8ebe;
	--color-fu:#1258a7;
	--color-black:#eee;
	--sw:0px 4px 9px rgba(0,0,0,.08);
}
a{color:var(--color-main);opacity:1;}
a:hover{ color:var(--color-main);opacity: 1;}
a,a:hover,a:focus{text-decoration:none;}
.img-responsive{width: 100%;}
a,
.topmenu-right,
.cebtn,
.jiamengce-con
{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
/*滚动条*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{width:8px; height: 8px; background-color: #eee;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.0); border-radius: 0px; background-color: #eee;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{border-radius: 0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.0); background-color: #ccc;}


/*topmenu*/
.topmenu{width:100%;position: fixed; top:0px;z-index:500;}
.topmenu-con{width:90%;max-width: 1820px;position:relative;z-index:500;padding:0px 0px;margin: 0 auto;}
.topmenu-con:after{ content: " ";clear:both;display: table;}
.topmenu-left{ float:left;width:100%;position:relative; z-index: 500;}
.topmenu-logo img{ width: auto;height: 100%;}
@media (max-width: 1024px) {
	.topmenu.menubgopen{background:linear-gradient(to right,#0e4482,#1f67b3,#3eb135);}
	.topmenu-con{ width:100%;height:80px;}
	.topmenu-left{ float:none;width:calc(100% - 30px);padding:10px 15px;}
	.topmenu-logo img{ width:200px;height:auto;padding:10px 0;}
	.tel-menu{ display:inline-block; position:absolute; top:calc(50% - 15px); right:15px; width: 30px; height: 30px;}
	.topmenu-right{ 
		float:none; width:calc(100% - 0px);background-color:#fff;overflow-y:hidden; height:80px;opacity: 0;
		transform:translateY(-120px);
        -webkit-transform:translateY(-120px);
		-moz-transform:translateY(-120px);
	}
	.topmenu-right.bt-menu-open{ 
		height:auto;opacity: 1;box-shadow:0px 5px 6px rgba(0,0,0,.15);opacity: 1;
		transform:translateY(-5px);
        -webkit-transform:translateY(-5px);
		-moz-transform:translateY(-5px);
	}
	.topmenu-right ul{ display: block;padding:5px 15px;width:calc(100% - 30px);margin: 0;}
	.topmenu-right ul li{ display:block;width:calc(100% - 0px); border-top:1px solid #eee; }
	.topmenu-right ul li:nth-child(1){ border-top:0px solid #eee; }
	.topmenu-right ul li a{ display:block; height:3.5rem; line-height:3.5rem;color:#333; font-size:1.1rem;text-align:left;}
	.topmenu-right ul li:after{ display:none;}
	.topmenu-right ul li i,.topmenu-right ul li p,.topmenu-right ul li.jiange { display:none; }
}

@media (min-width: 1024px) {
	.topmenu-left{margin-top:30px;height:60px;width:300px;}
	.topmenu-logo{ display:inline-block; height:50px; width:auto; padding:0px 0px;}
	.tel-menu{display: none;}
	.topmenu-right{float:right; width:calc(100% - 300px);  margin-top:0px; }
	.topmenu-right ul{ display: block; margin:0px auto; width: 100%;text-align:right;}
	.topmenu-right ul li{ display:inline-block; padding: 0 12px; border-right:0px solid #ededed; position:relative;color:#fff;}
	.topmenu-right ul li a{ display:block; height:100px; line-height:100px; text-align:center; color:#fff; font-size:18px; position:relative;}
	.topmenu-right ul li a:hover,.topmenu-right ul li.active a{color:#f5dca5; font-weight:500;}
	.topmenu-right ul li p{ display:none; position:absolute; top:80%; width:100%;margin-left:-10%; background: #fff;box-shadow:1px 1px 6px rgba(0,0,0,.15);z-index:510;padding: 10px 0;}
	.topmenu-right ul li:hover p{ display:block;}
	.topmenu-right ul li p a{display:block;width:100%;height:36px; line-height:36px;font-size:16px; color:#333;opacity:.9;}
	.topmenu-right ul li p a:hover{color:#fff;opacity: 1;background-color:#1f7fbe;}
	/*头部菜单变色*/
	.topmenu-con:after{ content: " ";clear:both;display: table;width: 100%; height: 5px;background:linear-gradient(to right,#1f67b3,#3eb135);box-shadow:var(--sw);}
	.topmenu:after{ content: " ";clear:both;display: table;width: 100%; height:100%;position: absolute;top:0;transition: all 0.4s ease;opacity:0;background:linear-gradient(to right,#0e4482,#1f8ebe,#3eb135);}
	.topmenu.menubgopen:after{opacity:1;}
	.topmenu.menubgopen .topmenu-con:after{opacity:0;}
}
@media (max-width:1280px) {
	.topmenu-right ul li{ padding: 0 5px; }
	.topmenu-right ul li a{font-size:16px;}
}
/*占位图*/
.toppic{width: 100%;height:auto;text-align: center;}
.toppic img{width: 100%;max-width:2560px;height:auto;margin: 0 auto;}
.pcpic{display: block;}
.telpic{display: none;}
@media (max-width: 1024px) {
	.telpic{display: block;}
	.pcpic{display: none;}
}


/*      按钮     */
.btn-more{color: #fff;padding:10px 55px 10px 35px;border-radius:25px;border: 2px solid #fff;width: auto;font-size:clamp(16px, 1vw, 18px);display:inline-block;text-align: center;position: relative;}
.btn-more span{display: inline-block;padding: 5px; opacity: 1;width:auto;border-radius:50%;background-color: rgba(255, 255, 255, 0.5);position: absolute;right: 10px;top: 9px;z-index:5;}
.btn-more:after{ content: " ";position: absolute;top:0;left: 0; transition: all 0.3s ease;background:linear-gradient(to right,#1f8ebe,#3eb135);opacity:0;width: 100%;height: 100%;border-radius:25px;}
.btn-more ss{position: relative; z-index:5;}
.btn-more:hover:after{opacity:1;z-index:1;}
.btn-more:hover{border:2px solid transparent;color: #fff;}
.btn-more:hover span{color: #fff;}

.btn-more-blue{color:var(--color-main);padding:10px 55px 10px 35px;border-radius:25px;border: 2px solid var(--color-main);width: auto;font-size:clamp(16px, 1vw, 18px);display:inline-block;text-align: center;position: relative;z-index:2;}
.btn-more-blue span{display: inline-block;padding: 5px; opacity: 1;width:auto;border-radius:50%;background-color: rgba(255, 255, 255, 0.5);position: absolute;right: 10px;top: 9px;z-index:5;}
.btn-more-blue:after{ content: " ";position: absolute;top:0;left: 0; transition: all 0.3s ease;background:linear-gradient(to right,#1f8ebe,#3eb135);opacity:0;width: 100%;height: 100%;border-radius:25px;}
.btn-more-blue ss{position: relative; z-index:5;}
.btn-more-blue:hover:after{opacity:1;z-index:1;}
.btn-more-blue:hover{border:2px solid transparent;color: #fff;}
.btn-more-blue:hover span{color: #fff;}

.btn-more-gray{color:var(--color-main);padding:10px 35px 10px 55px;border-radius:25px;border: 2px solid var(--color-main);width: auto;font-size:clamp(16px, 1vw, 18px);display:inline-block;text-align: center;position: relative;z-index:2;}
.btn-more-gray span{display: inline-block;padding: 5px; opacity: 1;width:auto;border-radius:50%;background-color: rgba(255, 255, 255, 0.5);position: absolute;left: 10px;top: 9px;z-index:5;}
.btn-more-gray:after{ content: " ";position: absolute;top:0;left: 0; transition: all 0.3s ease;background:linear-gradient(to right,#1f8ebe,#3eb135);opacity:0;width: 100%;height: 100%;border-radius:25px;}
.btn-more-gray ss{position: relative; z-index:5;}
.btn-more-gray:hover:after{opacity:1;z-index:1;}
.btn-more-gray:hover{border:2px solid transparent;color: #fff;}
.btn-more-gray:hover span{color: #fff;}
@media (max-width:1024px) {
	.btn-more-gray{padding:10px 25px 10px 35px;}
}

/*焦点图*/
.swiper-pc{display: block;}
.swiper-tel{display: none;}
.swiper-container{width:100%;max-width:2560px;height:auto;max-height:; background: url(../images/chanpinbg.jpg); background-size: cover;}
.swiperbgpic{width:100%;max-width:2560px;height:auto;}
.swiper-slide{width:100%;height: auto;}
.swiper-slide a{ display:block; width:100%;height:100%;color:#fff;}
.swiper-slide h1{ display: table; text-align: center; width: 100%; height: 100%;margin: 0; padding: 0;}
.swiper-slide h1 p{text-shadow:2px 1px 6px #111;display: table-cell;vertical-align: middle;position: static;top: 50%;left: 0;width: 120%; height: 100%;margin: 0; padding: 0;font-size: 100%;}
.swiper-slide h1 p span{ display: block;font-size:40%; padding: 20px;}
.swiper-slide a img{width:100%;height: auto;display: block;vertical-align:top;}
.swiper-pagination-bullet {background:#fff;opacity: 0.35;}
.swiper-pagination-bullet-active {background:#fff;opacity:1;}
.swiper-slide .btn-more{width:auto;height:auto;position: absolute;bottom: 20%;left:19% ;z-index: 55;}
@media (max-width:1024px) {
	.swiper-pc{display: none;}
	.swiper-tel{display:block;}
}


.maincon{width: 100%;max-width: 2560px; height: auto;padding:40px 20px;box-sizing: border-box; margin: 0 auto;}
.container{width: 100%;max-width:1620px;margin:0 auto;padding:0px;box-sizing: border-box;}
.container:after{ content: " ";clear:both;display: table;}
@media (max-width:1024px) {
	.maincon{width: 100%;height: auto;padding:20px 10px;}
}


/*标题新*/
.tit{ height: 40px; line-height: 40px; padding:20px 0; margin:0;}
.tit:after{ content: " ";clear:both;display: table;}
.tit p{ font-weight:500;font-size:28px; color: #1672be; }
.tit p ss{ width:40px; height: 40px; display:inline-block;float:left;text-align:center; margin-right: 15px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#1672be;}
.tit p ss i{ color: #b9d9ed; font-size:30px;}

.tit2{ height: auto; line-height: 40px; padding:20px 0; margin:0;text-align: center;font-weight:500;}
.tit2:after{ content: " ";clear:both;display: table;}
.tit2 p{ font-size:28px; color: #1672be; }
.tit2 span{ color:#333;font-size:16px;line-height:1.4rem;}

@media (max-width:1024px) {
	.tit2{ height: auto; line-height: 1.4rem; padding:20px 0; margin:0 0 10px 0;text-align: center;font-weight:500;}
	.tit p,.tit2 p{ font-size:22px;}
	.tit2 span{ color:#333;font-size:14px;line-height:14px;padding:10px 0 0 0;display: block;line-height: 1.4rem;}
}



/*********首页新闻*********/
.xinwen{margin: 0 -10px;text-align: left;}
.xinwen:after{ content: " ";clear:both;display: table;}
.xinwen li{overflow:hidden;zoom:1; margin: 0  10px;padding: 20px 20px;width:calc(25% - 20px);background-color: #fff; border-radius:10px;box-sizing: border-box;float: left;position: relative;}
.xinwen li i{font-style: normal;font-size:16px;color: #1672be;padding: 10px 0;display:inline-block;}
.xinwen li h2 {height: 150px; overflow: hidden;padding:0px 0 20px 0;}
.xinwen li h2 a{font-size:20px;font-weight: 500;color: #333;}
.xinwen li span{font-size:14px;color: #666;height:110px;overflow:hidden;display:block;}
.xinwen li h3 a{font-size:16px;font-weight: 500;color: #1672be;line-height: 24px;}
.xinwen li h3 a ss{ width:24px; height: 24px; display:inline-block;text-align:center; margin: 0px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:rgba(34, 104, 179, 0.15);}
.xinwen li h3 a ss i{ color: #1672be; font-size:16px;padding: 0; }
.xinwen li:hover{background-color:rgba(255, 255,255, 0);transition: all 0.3s ease;}
.xinwen li:hover i{color: #fff;}
.xinwen li:hover h2 a{color: #fff;}
.xinwen li:hover span{color: #fff;}
.xinwen li:hover h3 a{color: #fff;}
.xinwen li:hover h3 a ss{background-color:rgba(62, 177,52, 0.9);}
.xinwen li:after{ content: " ";position: absolute;top:0;left: 0; transition: all 0.3s ease;background:linear-gradient(to top right,#1f8fbd,#1f8ebe,#3eb135);opacity:1;width: 100%;height: 100%;border-radius:10px;z-index:-1;}
.xinwen li:hover:after{opacity:1;transition: all 0.3s ease;}

.xinwenend{text-align: center;margin:25px 0;}
.xinwenend .btn-more-blue{margin: 0 auto;}

@media (max-width: 1280px) {
	.xinwen{margin: 0 0px;}
	.xinwen li{width:calc(50% - 20px);margin: 10px 10px;}
}
@media (max-width: 1024px) {
	.xinwen{margin: 0 0px;}
	.xinwen li{width:calc(100% - 0px);margin: 10px 0;}
}


/*********首页公司介绍*********/
.bg1{background: url(../images/pic11.jpg); background-size:100%;background-repeat: no-repeat; background-position: bottom left;background-color: #c7e2f3;}
.container-about{width: 50%;margin:0 auto;padding:80px 20px;box-sizing: border-box;float: right;}
.container-about img{width: 50%;}
.container-about .tit p{color:#333;}
.container-about .container-about-p p{padding: 20px 0;line-height: 1.6rem;text-align: justify;}
.container-about .btn-more-blue{margin: 30px 0 0 0;}
@media (max-width: 1024px) {
	.bg1{background: url(../images/img02.png); background-size: 100%;background-position: top center;background-repeat: no-repeat; background-color: #c7e2f2;}
	.container-about{width: 100%;margin:0 auto;padding:80% 20px 0 20px;box-sizing: border-box;float: none;}
	.container-about img{width:80%;}
	.container-about .btn-more-blue{margin:10px 0 20px 0;}
}


/*********首页加盟*********/
.bg2{background: url(../images/pic12.jpg); background-size: cover;}
.container-jiameng{width: 100%;margin:0 auto;padding:30px 0px;box-sizing: border-box;text-align: center;}
.container-jiameng h1{color:var(--color-main);font-size: 28px;font-weight: 500;}
.container-jiameng p{padding: 20px 0;line-height: 1.6rem;font-size: 16px;}
.container-jiameng .btn-more-blue{margin: 20px 0 20px 0;}
@media (max-width:1024px) {
	.container-jiameng h1{ font-size:24px;}
}

/*foot*/
.foot{ background: var(--color-fu); padding:0;width:100%;min-height:160px;margin: 0 auto;color:#fff;}
.foot:before{ content: " ";clear:both;display: table;width: 100%; height: 5px;background:linear-gradient(to right,#1f67b3,#3eb135);}
.foot .container{overflow:hidden;zoom:1;padding: 30px 20px;}
.f-right{width:200px;float: right;}
.f-right dd {text-align: center;}
.f-right dd img{width:auto; margin:20px 0 0;width:150px;}
.f-right p{margin:0px 0 10px 0;}
.f-left{width:calc(100% - 200px);float: left;overflow: hidden;font-size:16px;}
.f-left li{display: inline-block;float: left;width: 15%;margin: 0 15px 0 0;}
.f-left li:nth-child(1){width: 25%;}
.f-left li h5 a{font-size: 18px;color: #fff; padding: 10px 0;border-bottom: 2px solid rgba(255, 255, 255, 0.2);display: block;}
.f-left li p {padding: 10px 0;}
.f-left li p a{font-size: 14px; color: #fff; padding: 5px 0;display: block; opacity: 0.6;}
.f-left li p a:hover{opacity: 1;}
.foot-t{margin:30px 0 0px 0;clear: both;}
.foot-t:before{ content: " ";clear:both;display: table;width: 100%; height:4px;background:linear-gradient(to right,#1f67b3,#3eb135);}
.foot-t span{font-size:14px;padding: 15px 0;display: block; }
.foot-t a{font-size:14px; color:var(--color-black); padding:0 10px 0px 0; line-height: 1.4rem;}
.foot-t ss{display: inline-block;padding: 0 10px 0 0;}

@media (max-width:1024px) {
	.f-left{display: none;}
	.f-right{width:100%;float: none;overflow: hidden;padding:0px 0px;}
	.foot-t{margin:10px 0 0px 0;clear: both;padding: 20px;}
	.foot-t:before{ content: " ";clear:both;display: table;width: 100%; height:0px;}
	.foot-t ss{display: block;padding: 0 0px 10px 0;}
}


/*侧面*/
.jiamengce{position: fixed;top: 80%;right:25px;z-index: 100;}
.cebtn{width:48px; height: 48px; line-height: 48px; display:block;text-align:center; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#1672be;}
.cebtn i{ color: #fff; font-size:26px;display: block;transition: all 0.4s ease;}
.jiamengce-con{background: url(../images/img03.png); border-radius: 10px; background-size: cover;width: 370px; height: auto;min-height: 620px; position: absolute; top:-630px;right: 0; 
	transform:translateX(350px);	-webkit-transform:translateX(350px);	-moz-transform:translateX(350px);opacity: 0;z-index: -10;}
.jiamengce-con div{padding:50px 25px 50px 25px;}
.jiamengce-con h1{font-size: 28px;color: #1258a7; font-weight: 500;}
.jiamengce-con h5{font-size: 20px;color: #1258a7; font-weight: 500;padding: 15px 0;border-bottom: 1px solid #1672be;}
.jiamengce-con p{padding: 25px 0; font-size: 14px;line-height: 1.4rem; }
.jiamengce-con p a{color: #333; display: block;}
.jiamengce-con.open2{opacity: 1;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);z-index:100;}
.cebtn.open3 i{ transform: scaleX(-1);transition: all 0.4s ease;}
@media (max-width:1680px) {
	.jiamengce{top: 70%;}
}
@media (max-width:1280px) {
	.jiamengce{top: 70%;}
}
@media (max-width:1024px) {
	.jiamengce{display: none;}
}




/********* 关于我们 *********/
.bg3{background: url(../images/picabout1.png); background-size: cover;min-height:650px;}
.bg4{background: url(../images/picabout2.png); background-size: cover;padding: 0;position: relative;}
.bg4{background: url(../images/picabout2.png); background-size: cover;padding: 0;position: relative;}

.container-youshi li{overflow:hidden;zoom:1; margin: 0 10px;padding:30px 20px;width:calc(25% - 20px);background-color: #fff; border-radius:10px;box-sizing: border-box;
	float: left;position: relative;text-align: center;border:1px solid var(--color-main); height:250px;}
.container-youshi li i{font-style: normal;font-size:56px;color:var(--color-main);padding: 0px 0;display:inline-block;}
.container-youshi li h5{font-size:20px;font-weight: 500;color:var(--color-main);padding: 15px 0;}
.container-youshi li p{font-size:16px;font-weight: 500;color:#666;display: block;}


.container-tuandui{width:100%;margin:0 auto;padding:60px 20px;box-sizing: border-box; position: relative;min-height: 460px;}
.container-tuandui .tit p{color:#fff;}
.container-tuandui .tit p ss{background-color:#fff;}
.container-tuandui .tit p ss i{color:#1258a7;}
.container-tuandui-con{width:60%;padding: 20px 0;}
.container-tuandui-con p{padding: 0 0 20px 0;line-height: 1.6rem;text-align: justify;color: #fff;}
.container-tuandui img{margin: 0px 0 0 0;position: absolute;bottom: 0px;right: 0px;}
@media (max-width: 1440px) {
	.container-youshi li{padding:30px 30px;width:calc(50% - 20px);margin: 10px 10px;height:250px;}
	.container-youshi li p{text-align:left;}
}

@media (max-width: 1024px) {
	.bg3{background: url(../images/img03.png); background-size:100% 100%;min-height:650px;}
	.bg3 .container-about{width: 100%;margin:0 auto;padding:20px 20px 220px 20px;box-sizing: border-box;float: none;}
	.container-youshi li{margin:10px;width:calc(100% - 20px);float: none;height:auto;}
	.container-tuandui-con{width:100%;padding: 20px 0 300px 0;}
	.container-tuandui img{right: 30px;width:80%;}
	.container-youshi li p{text-align:center;}
}


/* 关于我们新闻 */
.xinwen2{margin: 0 -10px;text-align: left;}
.xinwen2:after{ content: " ";clear:both;display: table;}
.xinwen2 li{overflow:hidden;zoom:1; margin: 10px 10px;padding: 20px 20px;width:calc(50% - 20px);background-color: #fff; border-radius:0px;box-sizing: border-box;float: left;position: relative;border-bottom: 2px solid #1f7fbe;}
.xinwen2 li i{font-style: normal;font-size:16px;color: #1672be;padding: 10px 0;display:inline-block;}
.xinwen2 li h2 {height: 70px; overflow: hidden;padding:0px 0 20px 0;}
.xinwen2 li h2 a{font-size:20px;font-weight: 500;color: #333;}
.xinwen2 li span{font-size:14px;color: #666;height:70px;overflow:hidden;display:block;}
.xinwen2 li h3 a{font-size:16px;font-weight: 500;color: #1672be;line-height: 24px;}
.xinwen2 li h3 a ss{ width:24px; height: 24px; display:inline-block;text-align:center; margin: 0px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:rgba(34, 104, 179, 0.15);}
.xinwen2 li h3 a ss i{color:#1672be;font-size:16px;padding:0;}
.xinwen2 li:hover{background-color:rgba(255, 255,255, 0);transition: all 0.3s ease;}
.xinwen2 li:hover i{color: #fff;}
.xinwen2 li:hover h2 a{color: #fff;}
.xinwen2 li:hover span{color: #fff;}
.xinwen2 li:hover h3 a{color: #fff;}
.xinwen2 li:hover h3 a ss{background-color:rgba(62, 177,52, 0.9);}
.xinwen2 li:after{ content: " ";position: absolute;top:0;left: 0; transition: all 0.3s ease;background:linear-gradient(to top right,#1f8fbd,#1f8ebe,#3eb135);opacity:1;width: 100%;height: 100%;border-radius:0px;z-index:-1;}
.xinwen2 li:hover:after{opacity:1;transition: all 0.3s ease;}

@media (max-width: 1024px) {
	.xinwen2{margin: 0 0px;}
	.xinwen2 li{width:calc(100% - 0px);margin: 10px 0;}
	.xinwen2 li h2 {height:auto; padding:0px 0 20px 0;}
	.xinwen2 li span{height:auto;padding:0px 0 20px 0;}

}


/*-------------新闻列表-----------------*/
.xwlb{width:100%;text-align:left;margin-bottom:0px; padding:0px;}
.xwlb li{background: #fff; overflow:hidden;zoom:1; margin: 0 0 10px 0;padding:30px 30px;}
.xwlb li a{display:block;}
.xwlb li img{float:left;margin:0px 15px 0px 0; width:260px; height:auto;}
.xwlb li h2{display:block; width:100%;font-size:20px;font-weight:700;padding: 10px 0 20px 0;color:#333;line-height:1.4rem;}
.xwlb li a:hover h2{color:var(--color-main);}
.xwlb li i{font-size:16px;line-height:16px;display:block;font-family: Arial, Helvetica, sans-serif;margin:0px 0 0 0;color:#888; padding:0;font-style: normal;}
.xwlb li span{color:#666;}

@media (max-width: 1024px) {
	.xwlb{width:100%;padding:0px;}
	.xwlb li img{float:none;width:100%; height:auto; margin: 0 0 20px 0;}
	.xwlb li{padding:15px;}
	.xwlb li h2{font-size:18px;}
}

/*分页*/
.justify-content-center { -ms-flex-pack: center!important; justify-content: center!important;}
.pagination {display: -ms-flexbox;display: flex;padding-left: 0;list-style: none;border-radius: 4px; margin: 0px 0; padding:50px 0;}
.page-num:not(:disabled) {cursor: pointer;}
.page-num, .page-link {position: relative;display: block;padding:6px 12px;margin-left: 0px;line-height: 1;color: #777;background-color: #fff; 
	border:1px solid #ddd;cursor: default;margin: 5px;}
a.page-num:hover, .page-link:hover {text-decoration: none;background-color:;}
.page-num-current,.page-num-current:hover {z-index: 1;color:#fff;background-color: var(--color-main);border-color:var(--color-main);}
.page-index{border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.page-last{border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.page-link:focus {box-shadow: 0 0 0 0.0rem rgba(0,123,255,.25);}
.page-link:hover {color: var(--color-main);}



/*   正文   */
.zw-top{}
.zw-top:after{ content: " ";clear:both;display: table;}
.zw-top .tit{float: left;padding: 0;}
.zw-top .btn-more-gray{float: right;}

.zw-con{margin:25px 0; background: #fff; padding: 40px 80px; border-radius:10px;}
.zw-tit{ text-align: center; padding-bottom: 15px; }
.zw-tit h2{ font-size:26px; color:#333; line-height:1.4; padding:10px 0px;}
.zw-tit p { font-size:14px; color:#999;padding: 20px 0 40px;}
.zw-tit:after{ content: " ";clear:both;display: table;width: 100%; height:2px;background:linear-gradient(to right,#1f67b3,#3eb135);}

.zw{ padding:25px 0px; font-family: "微软雅黑", "Hiragino Sans GB"; font-size: 16x; line-height: 1.8;background: #fff;}
.zw h1{font-size:18px;color:var(--color-main);padding:15px 30px 10px 0px;margin-bottom:10px;border-bottom:#ddd solid 1px; display:block;font-weight: 500;}
.zw h2{font-size:16px;color:var(--color-main);padding:15px 30px 10px 0px;margin-bottom:10px;display:block;font-weight: 500;}
.zw p {padding: 5px 0;}
.zw img{padding:0 0 0px 0; max-width: 100%; margin: 0 auto;}
.zw ul,.zw ol{ margin-left:25px;}
.zw ul li{list-style-type: disc;}
.zw ol li{list-style-type:decimal;}
.zw ul li,.zw ol li{padding:0px;-webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
.zw table{border-collapse:collapse;margin:10px 0; width:100%;}
.zw th,.zw td{border:#d9d8d4 solid 1px; border-bottom:#d9d8d4 solid 1px; padding:10px;color:#333;font-size:12px; line-height:20px;}
.zw th{ border-bottom:#666 solid 2px; background-color: #fff;}

@media (max-width:1024px) {
.zw-con{margin:20px 0;padding: 10px;}
.zw-tit h2{ font-size:20px; color:#333; line-height:1.4; padding:10px 0px;}
.zw-tit p { font-size:14px; color:#999;padding: 10px 0 20px;}
.zw{ padding:10px 0;}
.zw img{ display:block; float:none; width:100% !important; height:auto !important; padding:5px;}
}

/*   正文 产品  */
.zwcp{ padding:25px 0px; font-size: 16px; line-height: 1.8;}
.zwcp article:after{ content: " ";clear:both;display: table;width: 100%; }
.zwcp aside:nth-child(1){ display: inline-block; width: calc(60% - 20px); padding: 0;margin: 10px 0px; float: left;}
.zwcp aside:nth-child(2){ display: inline-block; width: calc(40% - 20px); padding: 0;margin: 10px 0px; float: left; text-align: center;}
.zwcp aside:nth-child(1) img{ height:45px;width: auto;}
.zwcp aside:nth-child(2) img{ width: 70%;display: inline-block;}
.zwcp article h1{padding:30px 0px 10px 0px;}

.zwcp h2{line-height: 2rem;font-size:18px; font-weight: 500;padding: 10px 0;color: #1672be;}
.zwcp h1{font-size:24px;color:#1672be;padding:30px 0px 10px 0px;margin-bottom:10px;font-weight: 500;}
.zwcp h3{ line-height: 2rem;font-size:18px; font-weight: 500;padding: 10px 0;color: #1672be;}
.zwcp p{padding: 0px 0 10px 0;}
.zwcp img{padding: 0px 0 10px 0;width:auto;max-width:100%;}

.zwcp main{clear: both; margin: 0 0px; display: flex;justify-content: space-between;gap:40px;}
.zwcp section{padding:0px;margin: 0px 0px; width: 50%;}
.zwcp section img{display:block; padding:20px 0;width:auto;max-width:100%;}
.zwcp section ss img{display:inline-block ; width:48%; }
.zwcp nav{padding:0px;margin: 0px 0px;}
.zwcp nav img{display:block; padding:0px 0;width: 100%;}

@media (max-width:1024px) {
	.zwcp aside:nth-child(1){ display: block; width: calc(100% - 20px); padding: 10px;margin: 10px 0px; float: none;}
	.zwcp aside:nth-child(2){ display: block; width: calc(100% - 20px); padding: 10px;margin: 10px 0px; float: none; text-align: center;}
	.zwcp aside:nth-child(2) img{ width: 90%;display: inline-block;}
	.zwcp main{clear: both; margin: 0 0px;padding: 10px; display: block;justify-content: space-between;gap:40px;}
	.zwcp section{padding:0px;margin: 0px 0px; width: 100%;}
	.zwcp h1{font-size:20px;}
	.zwcp section img{display:block; padding:0px 0;width:100%;}
	.zwcp section ss img{display:block ; width:100%; }
	.zwcp nav img{display:block; padding:0px 0;width: 100%;}
	.zwcp img{padding: 0px 0 10px 0;width:100%;}
}





/* ------------联系我们------------ */
.contact:after{ content: " ";clear:both;display: table;width: 100%; }
.contact li{float: left; display: inline-block; width:calc(50% - 20px); text-align: left; padding: 0 10px;}
.contact li h1{ line-height: 2rem;font-size:18px; font-weight: 600;padding: 10px 0;}
.contact li p{ line-height: 2rem;}
.contact li p img{ width: 100%;padding: 15px 0 5px;}
@media (max-width:1024px) {
	.contact li{float: none; display: block; width:calc(100% - 20px); text-align: left; padding: 0 10px;}
	
}


/* ------------技术------------ */
.jishu {margin:0px -20px;}
.jishu:after{ content: " ";clear:both;display: table;width: 100%; }
.jishu li{float: left; display: inline-block; width:calc(50% - 40px);box-sizing: border-box; text-align: left;margin:20px 20px; padding:25px;background-color: #fff; border-radius:10px;min-height: 390px;}
.jishu li h1{ line-height: 2rem;font-size:26px; font-weight: 500;padding: 10px 0;color: #1672be;}
.jishu li p{ line-height: 1.6rem;color: #666;}
.jishu li h2{ line-height: 2rem;font-size:16px; font-weight: 500;padding: 30px 0 10px 0;color: #333;}
.jishu li p a{ width:45%;float: left; margin:0px 5px 10px 0;}

.btn-more-jishu{color:var(--color-main);padding:10px 10px;border-radius:0px;border-left:2px solid var(--color-main);font-size:clamp(16px, 1vw, 16px);display:inline-block;
	color: #333;text-align:left; position: relative;z-index: 1;}
.btn-more-jishu:hover{color: #fff;}
.btn-more-jishu:after{ content: " ";position: absolute;top:0;left: 0; transition: all 0.3s ease;background:linear-gradient(to right,#d8e8f6,#defced);opacity:1;width: 100%;height: 100%;z-index: -1;}
.btn-more-jishu:hover:after{opacity:1;z-index:-1;background:linear-gradient(to right,#1f8ebe,#3eb135);}

.sup {vertical-align: super;font-size: 70%; /* 通常配合缩小字号 ® */  }
.sup2 {vertical-align: super;font-size: 60%; /* 通常配合缩小字号 ® */  }
@media (max-width:1280px) {
    .jishu {margin:0px -10px;}
	.jishu li{margin: 10px 10px;padding:15px;width:calc(50% - 20px);}
	.jishu li p a{ width:95%;float: none; margin:0px 0px 10px 0;}
}
@media (max-width:1024px) {
	.jishu {margin:0px 0px;}
	.jishu li{float: none; display: block; width:calc(100% - 0px); text-align: left; margin: 10px 0;padding:10px;}
	.jishu li p a{ width:95%;float: none; margin:0px 0px 10px 0;}
}


/* ------------产品------------ */
.chanpin {margin:0px -20px;}
.chanpin:after{ content: " ";clear:both;display: table;width: 100%; }
.chanpin li{float: left; display: inline-block; width:calc(50% - 40px);box-sizing: border-box; text-align: left;margin:20px 20px; background-color: #fff; border-radius:10px;position: relative;}
.chanpin li a{display: block;padding:45px;height:260px;}
.chanpin li h2{ line-height: 2rem;font-size:18px; font-weight: 500;padding: 10px 0;color: #1672be;}
.chanpin li h1{ line-height: 2rem;font-size:26px; font-weight: 500;padding: 40px 0;color: #333;transition: all 0.3s ease;}
.chanpin li p{ line-height: 1.6rem;color: #666;font-size: 14px;padding: 20px 0 0 0;}
.chanpin li span img{ height:45px;width: auto;}
.chanpin li ss{ line-height: 1.6rem;color: #999;font-size: 14px;float: right;position: absolute;bottom:30px;right: 30px;}
.chanpin li h5 img{ position: absolute; top: -35px;right: 20px;width:260px;height: auto;transition: all 0.3s ease;}
.chanpin li:hover h1{color: #1672be;}
.chanpin li:hover h5 img{top: -20px;width: 280px;}
.chanpin .qidai{padding:45px;height:160px;display: flex; align-items: center;justify-content: center; /* 水平居中 */}
.chanpin li h3{ line-height: 1rem;font-size:26px; font-weight: 500;padding: 20px 0 20px 0;color: #666;}
.chanpin li h4{ line-height: 1rem;font-size:14px; font-weight: 500;padding: 10px 0;color: #666;}

@media (max-width:1280px) {
	.chanpin li h5 img{ width:180px;height: auto;}
	.chanpin li:hover h5 img{width:200px;}
}
@media (max-width:1024px) {
	.chanpin {margin:0px 0px;text-align: center;}
	.chanpin li{float: none; display: block; width:calc(100% - 0px); text-align: left; margin: 10px 0;padding:25px;}
	.chanpin li a{display: block;padding:5px;height:auto;}
	.chanpin li h2{ font-size:18px;padding: 10px 0;}
	.chanpin li h1{ font-size:22px; padding: 20px 0;}
	.chanpin li p{ padding: 0px 0 0 0;}
	.chanpin li h5 img{ position: relative;top:0px;right:0px; width:260px;height: auto;}
	.chanpin li ss{ position: relative;bottom:0px;right:0px;float: none;}
	.chanpin li a{text-align: center;}
	.chanpin li h3{ font-size:18px; }
}


#gongsi,#tuandui,#gongsixinwen,wenhua{scroll-margin-top:100px; }


.list-paddingleft-2 li{margin:0 0 0 20px}









.look{ text-align:center;}
.look *{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.look em{display: block;overflow: hidden;position: relative;}
.look em:before{content: " ";clear:both;display: block; background-color: rgba(0,0,0,0.0);position:absolute; z-index:10;top:0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.look em img{ min-width:100%;width:auto; height:100%; display:inline-block; position:absolute; z-index:5; margin: 0px auto;top: 50%;left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);}
.look a:hover img{opacity:1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1.2) rotate(0deg);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1.2) rotate(0deg);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1.2) rotate(0deg);
	transform: translateX(-50%) translateY(-50%) scale(1.2) rotate(0deg);}
.look em img.kb{ width:100%; height:auto; display:inline-block; position:relative; z-index:-1;top:0%;left:0%;}
.look a{display:block; background-color: transparent; position:relative;}
.look a:before{ 
	content: " ";clear:both;display: table;background-image:url(../images/ico-check.svg);background-position:center center; background-repeat:no-repeat; background-size:10%; width:100%; height:100%; position: absolute; top:0; bottom:0; z-index:30;opacity:0;
	-webkit-transform:rotateY(180deg); 
	-moz-transform:rotateY(180deg); 
	-ms-transform:rotateY(180deg);
	transform:rotateY(180deg);
}
.look a:hover:before{ opacity:0;background-size:100%;
-webkit-transform:perspective(800px) rotateY(360deg);
    -moz-transform: perspective(800px) rotateY(360deg);
    -ms-transform:perspective(800px) rotateY(360deg);
    transform: perspective(800px) rotateY(360deg);
}
.look *:before,.look *:after{
-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out;
}


.pro_left{ float: left; width: calc(100% - 330px);}
.pro_right{ float: right; width: 300px;}


/*上一篇下一篇*/
.lh-2{ margin: 15px 0 25px;}
.lh-2:after{ content: " ";clear:both;display: table;}
.lh-2 p{width: 50%; float: left;}
@media (max-width:1024px) {
	.lh-2{display: none;}
}

/*其他*/
hr {border-top: 1px solid rgba(0,0,0,.05);}