@import "foot.css"; 
@import "animate.min.css";
@import "swiper.min.css";
@import "basicss.css";
@import "layui.css";
@import "head.css";
@import "product.css";
@import "hebing.css";
@import "stylesheet.css";

*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	
}
.swiper-container{
	height: 65vh;
}
.banner{
	width: 100%;
	height: 100%;
} 
.basicss{
	padding-top: 56px;
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.basicss_conter{
	width: 790px;
	margin: 0 auto;
	background-image: url(../img/01-index-V1-切图_04.png);
	background-size: 100% 36px;
	background-position-y: 13px;
	background-repeat:no-repeat;
	text-align: center;
	
}
.basicss_conter p:nth-child(1){
	color: #000;
	font-size: 24px;
	margin-bottom: 40px;
	padding-top:20px;
}
.basicss_conter 
p:nth-child(2){
	color: #acacac;
	font-size: 18px;
	margin-bottom: 10px;
}
.basicss_conter 
p:nth-child(3){
	color: #bababa;
	font-size: 12px;
	margin-bottom: 20px;
}
.basicss a{
	position: absolute;
	top: 94px;
	right: 0;
	font-size: 13px;
	color: #ACACAC;
}
.basicss_list{
    width: 1140px;
	margin: 0 auto;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
.basicss_list_conter{
	width: 250px;
	color: #4d4e4f;
	cursor: pointer;

}


.basicss_list_conter img{
	width: 250px;
	height: 179px;
	border-radius: 10px;
	box-shadow: 0 0 10px #000;
	cursor: pointer;/*鼠标变成手指样式*/
	transition: all 0.6s;/*所有属性变化在0.6秒内执行动画*/
}
.basicss_list_conter img:hover{
	transform: scale(1.2);/*鼠标放上之后元素变成1.4倍大小*/
}
.basicss_list_conter p{
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
     font-size: 12px;
     text-align: center;
}
.basicss_list_conter p:nth-child(2){
	font-size: 14px;
	margin: 10px 0;
	font-weight:bold;
}
.productcenter{
	width: 100%;
	height: 103px;
	margin-top: 70px;
}
.productcenter img{
	width: 100%;
	height: 100%;
}
.leftnav{
	width: 167px;
	padding: 5px;
	background: #e0eaeb;
}
.leftposi{
	position: absolute;
	top: -100px;
	left: 0px;
	height:616px;
}
.swiper-pagination-bullet-active{
	background: #8376e2;
}
.leftnav_title{
	width: 167px;
	height: 85px;
	border:1px solid #fff;
	border-top: 1px solid #bfcfd8;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 18px;
	color: #344b58;
}
.leftnav_title span{
	font-size: 12px;
	color: #777c7c;
}

.leftnav_title span:nth-child(1){
	margin: 22px 5px 5px 0;
}
._conter{
	
}
.leftnav_padd{
	padding-bottom: 263px;
}
.leftnav_list{
	margin: 15px auto 0 auto;
	width: 133px;
	display: flex;
	justify-content: space-between;
	padding: 0 9px 0 17px;
	height: 30px;
	align-items: center;
	background: url(../img/classfilys.png) no-repeat;
	background-size: 100%;
	border-radius: 5px;

	position: relative;
}
.f12{
	font-size:12px;
	color:#999 !important;
	position:relative;
	top:3px;
}
.leftnav_list a{
	font-size: 15px;
	color:#fff;
	display:inline-block;
	height:30px;
	line-height:30px;
	width:100%;
}
.leftnav_list a:hover{
	font-weight: bold;
	color:#ffffff;
}
.leftnav_list img{
	width: 13px;
	height: 13px;
}
.rightimg_conter{
	width: 100%;
	padding: 20px 0 47px 0;
	background: #f4f4f4;
}
.rightimg_list_conter{
	width: 1140px;
	margin: 0 auto;
	position: relative;
}
.rightimg{
	width: 944px;
	display: flex;
	justify-content: space-between;
	margin-left: 200px;
}
.rightimg_left_list{
margin-bottom:5px;
	width: 216px;
	height: 261px;

}
.rightimg_left_list>img{
	width: 216px;
	height: 261px;
	display: block;
	cursor: pointer;/*鼠标变成手指样式*/
	transition: all 0.6s;/*所有属性变化在0.6秒内执行动画*/
}
.rightimg_left_list>img:hover{
	transform: scale(1.2);/*鼠标放上之后元素变成1.4倍大小*/
}
.pos_list{
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}
.rightimg_left .pos_list:nth-child(2){
	margin-top: 5px;
}
.bgcimg{
	width: 100%;
	height: 100%;
}
.rightimg_left_list_bottom{
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 42px;
}
.rightimg_left_list_bottom{
	height: 42px;
	line-height: 42px;
	width: 100%;
	display: flex;
	position: absolute;
	bottom: 0;
}
.rightimg_left_list_bottom span{
	display: inline-block;
	width: 185px;
	text-indent: 10px;
	font-size: 14px;
	color: #fff;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
}
.rightimg_left_list_bottom img{
	widows: 42px;
	height: 42px;
}
.rightimg_center{
	width: 497px;
	height: 527px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}
.rightimg_center_img{
	width: 100%;
	height: 100%;
	cursor: pointer;/*鼠标变成手指样式*/
	transition: all 0.6s;/*所有属性变化在0.6秒内执行动画*/
}
.rightimg_center_img:hover{
	transform: scale(1.2);/*鼠标放上之后元素变成1.4倍大小*/
}
.rightimg_center_bottom{
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: rgba(0,0,0,.6);
	height: 42px;
	display: flex;
}
.rightimg_center_bottom span{
	display: inline-block;
	width: 455px;
	text-indent: 10px;
	font-size: 14px;
	color: #fff;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
     line-height: 42px;
}
.rightimg_center_bottom img{
	width: 42px;
	height: 42px;
}

/*解决方案*/
.progra_conter{
	width: 1140px;
	margin:  0 auto;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.progra_list{
	width: 250px;
	height: 179px;
	border-radius: 10px;
	box-shadow: 0 0 10px #999;
	overflow: hidden;
	position: relative;
}

.progra_list img{
	width: 250px;
	height: 179px;
	cursor: pointer;/*鼠标变成手指样式*/
	transition: all 0.6s;/*所有属性变化在0.6秒内执行动画*/
}
.progra_list img:hover{
	transform: scale(1.2);/*鼠标放上之后元素变成1.4倍大小*/
}
.progra_list p{
	width: 100%;
	background: rgba(0,0,0,.6);
	line-height: 34px;
	height:34px;
	text-align: center;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
     font-size: 14px;
     color: #fff;
     position: absolute;
     bottom: 0px;
}
/*关于我们*/
.aboutus{
	width: 100%;
	height: 183px;
	background: url(../img/bgc.jpg) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 55px;
}
.aboutus_center{
	width: 1140px;
	padding: 15px 0;
	display: flex;
	align-items: center;
	background: #ececec;
	margin: 0 auto;
	border-radius: 10px;
}
.aboutus_center_img{
	margin-left: 10px;
	width: 486px;
	height: 215px;
}
.aboutus_center_text{
	width: 600px;
	margin-left: 20px;
	line-height: 24px;
	font-size:14px;
	color:#333333;
}
.aboutus_center_text p:nth-child(1){
 	font-size: 17px;
	color: #333;
	width: 70px;
	font-weight:bold;
  
}
.aboutus_center_text p:nth-child(2){
	font-size: 14px;
	color: #333;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 5;
     overflow: hidden;
     line-height: 30px;
}
.customer_conter{
	width: 1140px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 55px;
}
.customer_conter_img{
	width: 332px;
	height: 250px;
	border-radius: 10px;
	box-shadow: 0 3px 10px #999;
}
.customer_conter_right{
	font-size: 14px;
	color: #1A1A1A;
	width: 765px;
}
.hr{
	width: 740px;
	height: 1px;
	background: #999;
}
.customer_conter_right p:nth-child(2){
	color: #999;
	margin: 5px 0;
}
.customer_conter_right p:nth-child(3){
	color: #999;
	font-size: 12px;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
     line-height: 18px;
     margin-bottom: 10px;
}

.news_conter li{
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
}
.news_conter li a{
	color: #1A1A1A;
	display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
}
.news_conter li span{
	color: #b1b1b1;
}
.iconfsss{
	font-size: 40px;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height:40px;
	border-radius: 50%;
	background-color: #fff;
	color:#0285da;
	font-size: 28px;
	position: relative;

}
.active .iconfsss{
	color:#fff;
	background-color:#0285da;
}
.textDesc{
	text-indent: 2em;
	margin-bottom: 20px;
	line-height:2;
}
.content-desc{
	color:#333;
	line-height: 2;
}
.fl{float: left;}
.fr{float: right;}
/*完整版*/
.clearfix:after,.clearfix:before{ content: ""; display: table; }
.clearfix:after{clear: both;}
.clearfix{zoom:1;}
.mapText{
	width: 300px;
}
.mapBox{
	width: 400px; padding-top:10px;
}

.left_top_list{
	margin-top: 10px;
	}
.left_top_lis{
	position: relative;
	cursor: pointer;
}
.left_top_list1{
	padding:10px 0 10px 0 !important;
	width: 210px;
	justify-content: space-between;
	margin: 0 auto;
	align-items: center;
	background-size: 100%;
	margin-top: -15px;
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 9;
	background: #e0eaeb;
	/*border-top: 1px solid #bfcacb;
	border-left: 1px solid #bfcacb;
	border-right: 1px solid #bfcacb;*/

}
.left_top_list1 li{
	justify-content: initial;
	padding: 10px 20px ;
	/*border-bottom:solid 1px #ccc;*/

}
.left_top_list1 li a{
	color: #555;
	font-size:14px;
	display: inline-block;
	width: 90%;
	height: 100%;
}
.left_top_list1 li a:hover{
	font-weight: bold;
	text-decoration: underline;
}
.cur{
	cursor: pointer;
}