/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */
/* QQ：9490489 */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
@charset "utf-8";

/* CSS Document */

* {

	margin:0;

	padding:0;

}

img,input,button {

    border:0;

}

i,em {

    font-style:normal;

}

a {

    text-decoration:none;

    cursor:pointer;

    color:#666;

}

ul,li {

    list-style:none;

}

body {

    font-size:14px;

    font-family:"微软雅黑";

}

h1,h2,h3,h4,h5,h6{font-weight: normal;}

.fl{ float: left; }

.fr{ float: right;}

.clearThis{ clear: both;}

.center{

	width: 1200px;

	overflow: hidden;

	margin: 0 auto;

}

.topbanner img{ max-width: 100%;}

/*公共头部   end*/

.nav{

	width: 100%;

	min-width: 1200px;

	height: 76px;	

	border-bottom: 0;

	position: relative;

	z-index: 30;

}

.nav .center{

	overflow: visible;

}

.nav .logo{

	padding: 8px 0;

}

.nav .nume{ padding: 16px 0; }

.nav .language-switcher{

	padding: 8px 0;

	min-width: 170px;
	max-width: 240px;

	line-height: 1.5;

	text-align: right;

}

.nav .language-switcher:empty{ display: none; }

.nav .language-switcher select,
.nav .language-switcher .trp-language-switcher,
.nav .language-switcher .trp-language-switcher > div{
	max-width: 100%;
	box-sizing: border-box;
}

.nav .nume li{ float: left; position: relative;}

.nav .nume li a{

	display: block;	

	padding: 0 20px;

	text-align: center;

	line-height: 44px;	

	font-size: 16px;

	font-weight: bold;

}

.nav .nume li a.active{

	color: #2d83f9;

	border-bottom: 2px #2D83F9 solid;

}

.nav .nume li .submenu{

	position: absolute;

	left: 50%;

	top: 100%;

	z-index: 60;

	min-width: 172px;

	margin-top: 0;

	padding: 8px 0;

	background: #fff;

	border: 1px solid #e5e7eb;

	border-radius: 4px;

	box-shadow: 0 8px 24px rgba(0,0,0,.12);

	display: none;

	opacity: 0;

	visibility: hidden;

	transform: translate(-50%, 8px);

	transition: opacity .2s ease, transform .2s ease, visibility .2s ease;

}

.nav .nume li .submenu:before{

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	top: -12px;

	height: 12px;

}

.nav .nume li:hover .submenu,
.nav .nume li:focus-within .submenu{

	display: block;

	opacity: 1;

	visibility: visible;

	transform: translate(-50%, 0);

}

.nav .nume li .submenu li{

	float: none;

	width: 100%;

}

.nav .nume li .submenu a{

	display: block;

	padding: 0 18px;

	line-height: 40px;

	text-align: left;

	font-size: 14px;

	font-weight: normal;

	color: #555;

	white-space: nowrap;

	border-bottom: 0;

}

.nav .nume li .submenu a:hover,
.nav .nume li .submenu a:focus{

	color: #2D83F9;

	background: #f5f8ff;

}

@media (max-width: 1500px) {

	.company .zhungs,.schemebox .zhungsme,.productbox .zhungs,.newsbox .zhungsme,.application-rail{ display: none;}

}

/*-----------------菜单栏 end-------------------*/

.company{

	width: 100%;

	overflow: hidden;

	padding-top: 100px;

	position: relative;

}

.company .zhungs{ position: absolute; left: 0; top: 120px; }

.company .complf{

	width: 588px;

}

.company .complf h2{ font-size: 24px; color: #222; font-weight: bold; }

.company .complf h2 span{ display: block; width: 26px; height: 3px; background: #2D83F9; margin: 10px 0 70px;}

.company .complf h4{ font-size: 18px; color: #222; font-weight: bold; margin-bottom: 20px;}

.company .complf p{ font-size: 14px; line-height: 28px; text-indent: 2em; }

.company .complf a.more{ display: block; width: 80px; height: 42px; line-height: 42px; color: #222;

 border: 1px #ccc solid; background: url(../images/moreicon.png) 0 0 no-repeat; padding-left: 80px; margin-top: 80px;}

.company .complf a:hover{

	background: #2D83F9;

	background-image: none;

	color: #fff;

	border: 1px #2D83F9 solid;

}

.company .comprt{ width: 520px; padding-top: 30px;}

.company .comprt img{

	display: block;

	width: 520px;

	height: 360px;

	object-fit: cover;

	object-position: center;

}

/*----------公司简介  end-------------*/

.schemebox{

	width: 100%;

	overflow: hidden;

	background: #f8f8f8;

	margin-top: 80px;

	position: relative;

	padding: 100px 0 92px;

}

.schemebox:before{

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	height: 82px;

	display: none;

}

.schemebox:after{

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	height: 1px;

	background: linear-gradient(90deg, transparent, rgba(0, 0, 0, .08), transparent);

}

.application-rail{

	position: absolute;

	right: 44px;

	top: 108px;

	z-index: 1;

	width: 150px;

	height: auto;

}

.application-rail img{

	display: block;

	width: 150px;

	height: auto;

}

.application-section .center{

	position: relative;

	z-index: 1;

}

.application-head{

	text-align: left;

	margin-bottom: 46px;

}

.application-head h2{

	font-size: 24px;

	color: #222;

	line-height: 1.2;

	font-weight: bold;

}

.application-head h2 span{

	display: block;

	width: 26px;

	height: 3px;

	background: #2D83F9;

	margin: 10px 0 0;

}

.application-head p{

	color: #555;

	font-size: 15px;

	line-height: 28px;

	margin-top: 22px;

}

.application-list{

	display: grid;

	grid-template-columns: repeat(5, minmax(0, 1fr));

	gap: 18px;

}

.application-list li{

	float: none;

	width: auto;

	min-height: 278px;

	box-sizing: border-box;

	position: relative;

	overflow: hidden;

	padding: 30px 20px 26px;

	background: #fff;

	border: 1px #ddd solid;

	border-radius: 8px;

	box-shadow: none;

	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;

}

.application-list li:before{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 3px;

	background: #2D83F9;

	opacity: 1;

}

.application-list li em{

	position: absolute;

	right: 20px;

	top: 22px;

	color: #e8e8e8;

	font-size: 32px;

	font-style: normal;

	font-weight: bold;

}

.application-list li:hover{

	transform: translateY(-6px);

	border-color: #2D83F9;

	box-shadow: 0px 1px 5px #999;

}

.application-icon{

	width: 92px;

	height: 92px;

	margin: 0 0 22px;

	position: relative;

	z-index: 1;

	transition: transform .25s ease;

}

.application-icon img{

	display: block;

	width: 100%;

	height: 100%;

	object-fit: contain;

	transition: transform .25s ease;

}

.application-list li:hover .application-icon{

	transform: translateY(-2px);

}

.application-list li:hover .application-icon img{

	transform: scale(1.05);

}

.application-list li h3{

	color: #222;

	font-size: 20px;

	line-height: 1.35;

	font-weight: bold;

	text-align: left;

	margin: 0 0 14px;

}

.application-list li p{

	color: #4b5563;

	font-size: 14px;

	line-height: 26px;

}

.application-more{

	display: block;

	width: 80px;

	height: 42px;

	line-height: 42px;

	color: #222;

	border: 1px #ccc solid;

	background: url(../images/moreicon.png) 0 0 no-repeat;

	padding-left: 80px;

	margin: 48px auto 0;

	font-size: 14px;

}

.application-more:hover{

	background: #2D83F9;

	background-image: none;

	color: #fff;

	border: 1px #2D83F9 solid;

}

/*------解决方案  end---------*/

.home-section-heading{

	overflow: hidden;

	margin-bottom: 56px;

}

.home-section-heading h2{

	color: #222;

	font-size: 24px;

	line-height: 1.18;

	font-weight: bold;

}

.home-section-heading h2 span{

	display: block;

	width: 52px;

	height: 5px;

	background: #2D83F9;

	margin-top: 18px;

}

.productbox{

	width: 100%;

	overflow: hidden;

	position: relative;

	padding-top: 100px;

}

.productbox .zhungs{ position: absolute;}

.productbox ul{ overflow: hidden;}

.productbox ul li{

	width: 378px;

	overflow: hidden;

	float: left;

	border: 1px #ddd solid;

	margin-right: 30px;

	margin-bottom: 30px;

	transition: all .5s;

}

.productbox ul li:nth-child(3n+0){ margin-right: 0;}

.productbox ul li.clearmr{ margin-right: 0;}

.productbox ul li:hover{

	-webkit-box-shadow: 0px 1px 5px #999;

    box-shadow: 0px 1px 5px #999;

    -webkit-transform: translate3d(0, 0px, -2px);

    transform: translate3d(0, 1px, -2px);

}

.productbox ul li i{display: block; width: 378px; height: 378px; overflow: hidden; line-height: 378px;}

.productbox ul li .prdtxt{ padding: 10px 6px; text-align: center;}

.productbox ul li .prdtxt p{ font-size: 20px; color: #222; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.productbox ul li .prdtxt span{ color: #ff0000; font-size: 16px;}

.prtcenter a.more{

	 display: block; 

	 width: 80px; 

	 height: 42px; 

	 line-height: 42px; 

	 color: #222;

     border: 1px #ccc solid; 

     background: url(../images/moreicon.png) 0 0 no-repeat; 

     margin: 0 auto 100px;

     padding-left: 80px;

}

.prtcenter a:hover{

	background: #2D83F9;

	background-image: none;

	color: #fff;

	border: 1px #2D83F9 solid;

}

/*--------产品展示  end--------*/

.newsbox{

	width: 100%;

	overflow: hidden;

	position: relative;

	background: #f8f8f8;

	padding: 100px 0;

	margin-bottom: 100px;

}

.newsbox .zhungsme{ position: absolute; right: 0; top: 120px;}

.newsbox .home-section-heading{

	margin-bottom: 50px;

}

.newsbox .newslf{

	width: 448px;	

	overflow: hidden;

 }

.newsbox .newslf i{ display: block; width: 446px; height: 268px; overflow: hidden; margin-bottom: 12px; border-top: 1px #ddd solid; padding-top: 30px;}

.newsbox .newslf i img{ width: 446px; height: auto;}

.newsbox .newslf h2{ font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 16px;}

.newsbox .newslf p{

	font-size: 14px; color: #666; height: 64px; overflow: hidden; margin-bottom: 20px;

	text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.newsbox .newslf .time{

	font-size: 18px; font-weight: bold; color: #999;

}

.newsbox .newslf .time span,.newsbox .newslf .time a{ display: block;}

.newsbox .newslf .time a{ display: none; width: 0; height: 0; background: none;}

.newsbox .newslf .time a:hover{  background: none; }

.newsbox .newsrt{ width: 620px; overflow: hidden;}

.newsbox .newsrt ul li{

	overflow: hidden;

	border-top: 1px #ddd solid;

	padding-top: 26px;

	margin-bottom: 30px;

}

.newsbox .newsrt ul li .info{

	width: 480px;

	float: left;	

}

.newsbox .newsrt ul li .info h3{ font-size: 18px; color: #222; margin-bottom: 20px;}

.newsbox .newsrt ul li .info p{ font-size: 14px; color: #666; line-height: 26px; height: 52px;

  overflow: hidden;

  text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;}

.newsbox .newsrt ul li .infotime{

	font-size: 18px; font-weight: bold; color: #999;

}

.newsbox .newsrt ul li .infotime a{ display: none; margin-top: 0; width: 0; height: 0; background: none;}

.newsbox .newsrt ul li .infotime a:hover{  background: none; }

.newsbox .newsrt a.more{ display: block; width: 120px; height: 42px; line-height: 42px; color: #222; text-align: center;

 border: 1px #ccc solid; background: none; padding-left: 0; margin-top: 50px;}

.newsbox .newsrt a.more:hover{

	background: #2D83F9;

	background-image: none;

	color: #fff;

	border: 1px #2D83F9 solid;

}

/*-----新闻资讯  end----*/

.footer{

	width: 100%;

	overflow: hidden;

	padding-top: 48px;

	background: #171717;

}

.footer .footol{

	width: 290px;

	margin-right:180px ;

}

.footer .footol h2{

	line-height: 48px;

	font-size: 22px;

	color: #fffefe;

	border-bottom: 1px #ddd solid;

	margin-bottom: 36px;

}

.footer .footol h2 span{

	color: #ddd;

	font-size: 16px;

	margin-left: 6px;	

}

.footer .footol p{

	font-size: 14px;

	color: #fffefe;

	margin-bottom: 12px;

}

.footer .footol a{

	display: block;

	width: 116px;

	font-size: 14px;

	color: #fffefe;

	line-height: 40px;

	margin-bottom: 12px;

	float: left;

}

.footer .footol.clearmr{

	margin-right: 0;

}

.bottom{ height: 56px; line-height: 56px; background: #0c0c0c; color: #fffefe; text-align: center;}

/*分页样式*/

.fenye{

	width: 100%;

	text-align: center;

	margin: 60px 0;

}

.fenye a{

	display: inline-block;

	height: 32px;

	line-height: 32px;

	text-align: center;

	width: auto;

	/*min-width: 32px;*/

	border: 1px #eee solid;

	border-radius: 3px;

	padding: 0 12px;

}

.fenye a:hover,.fenye a.active{

	background: #2D83F9;

	border: 1px #2D83F9 solid;

	color: #fff;

}