@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;font-size:12px; c}
html,div,span,p,a,img,h1,h2,h3,ul,li{ padding:0; margin:0;}
a{ text-decoration:none;color:#000;}
img{ border:none;}
ul,li{ list-style:none;}
.clearboth{ clear:both; height:0; line-height:0; font-size:1px;}
#top{width:1000px; height:95px; margin:0 auto;}
.logo{ width:486px; height:95px; float:left;}
.top_right{ width:383px; height:95px; float:right;}
.top_r1{  width:230px;float:right; margin-top:10px; }
.top_r1 a{ margin-left:10px; color:#000}
.tel{ width:383px; height:57px; margin-top:35px;}
#nav_bg{ height:48px; background:url(../images/nav_bg.jpg) repeat-x; margin-top:10px;}
.nav{width:980px; margin:0 auto;}
.nav ul li{ float:left; display:inline; height:48px; line-height:48px;  }
.nav ul li a{ font-size:16px; color:#FFF; font-family:'微软雅黑'; font-weight:bold; display:block; padding:0 32px;}
#banner{ width:1000px; height:350px; margin:10px auto;}
#maincontent{ width:1000px; margin:0 auto;}
.main_left{ float:left; width:229px;height:696px;}
.pro_list{ width:229px; height:339px; border:1px solid #CCC; overflow:hidden;}
.title1{ width:229px; height:37px; background:url(../images/title_bg3.jpg) no-repeat; border-bottom:1px solid #CCC;}
.title1 h2{height:37px; line-height:37px; margin-left:30px;font-size:16px; color:#FFF; font-family:'微软雅黑'; font-weight:bold; }
.title1 span{ float:right;}
.pro_list_type ul li{ background:url(../images/pro_listbg.jpg) no-repeat top center; height:27px; line-height:27px; margin:9px auto;padding-left:46px;  }
.contact{width:229px; height:339px; border:1px solid #CCC; margin-top:15px;}
.contact_img{ margin:10px auto;}
.contact_detail p span{ color:#1c364b ;font-weight:bold;font-size:12px; font-family:Verdana, Geneva, sans-serif}
.contact_detail p{ line-height:2.2em; padding-left:20px;}
.main_right{ float:right;width:748px; height:695px;}
.about{width:748px; height:235px; border:1px solid #ccc;}
.title2{ width:748px; height:39px; background:url(../images/title_bg1.jpg) no-repeat;}
.title2 h2{height:39px; line-height:39px; margin-left:32px;font-size:16px; color:#FFF; font-family:'微软雅黑'; font-weight:bold;  }
.title2 span{ float:right; padding-right:10px; margin-top:14px;}
.about_detail img{ float:left; padding:15px; padding-top:15px; padding-bottom:5px;}
.about_detail p{line-height:2em; padding:15px 10px; padding-right:5px;height:158px;overflow: hidden;}
.about_detail p span a{ color:red;}
.product{ width:748px; height:212px;border:1px solid #ccc; margin-top:15px;}
.pro_show{ width: 748px; height:135px; padding-top:20px; overflow:hidden}
.show_x{ margin-left:10px; width:153px; overflow:hidden; border:1px solid #CCC; padding:1px;}
.pro_show td span a{display:block; text-align:center; padding-top:10px;}
.news{width:433px; height:213px; float:left; margin-top:15px;border:1px solid #ccc; overflow:hidden; }
.title3{width:433px; height:36px; background:url(../images/title_bg2.jpg) no-repeat; border-bottom:1px solid #CCC}
.title3 h2{height:36px; line-height:36px; margin-left:30px;font-size:16px; color:#FFF; font-family:'微软雅黑'; font-weight:bold;}
.title3 span{float:right; padding-right:10px; margin-top:14px;}
.newslist{width:420px; margin:10px auto;}
.newslist ul li{line-height:2.5em; border-bottom:1px dashed #CCC; background: url(../images/icon_1.jpg) no-repeat 10px 12px; padding-left:20px; }
.newslist ul li span{ float:right; padding-right:10px;}
.case{width:295px; height:213px; float:right; margin-top:15px;border:1px solid #ccc; }
.title4{width:295px; height:36px; background:url(../images/title_bg2.jpg) no-repeat; border-bottom:1px solid #CCC}
.title4 h2{height:36px; line-height:36px; margin-left:30px;font-size:16px; color:#FFF; font-family:'微软雅黑'; font-weight:bold;}
.title4 span{float:right; padding-right:10px; margin-top:14px;}
.case-img{  width:280px; margin:6px auto; border:1px solid #CCC; padding:1px;}
.link{ width:1000px; height:auto; overflow:hidden; border:1px solid #CCC; margin:15px auto; margin-bottom:20px;}
h2.link_title{ font-size:16px; font-family:'微软雅黑'; font-weight:bold; margin-left:10px; margin-top:10px; }
.link_list ul li { float:left; display:inline; margin-left:12px; white-space:nowrap; margin-top:8px;  padding-bottom:10px;}
#footer{ background:url(../images/footer_bg.jpg) repeat-x; height:153px; margin-top:20px;}
#footer p{ line-height:2.5em; text-align:center; padding-top:15px;}
.pro_list_type a:hover,.pro_show td span a:hover,.newslist ul li a:hover,.link_list ul li a:hover,.sub_newslist ul li a:hover,.sub_prolist ul li span a:hover,.title2 span a:hover{ color:red;}
/*公司简介*/
.sub_right{width:748px; height:auto; float:right;}
.sub_title{width:748px; min-height:695px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<695?"695px":"auto"); border:1px solid #CCC;}
/*新闻中心*/
.sub_newslist{ width:700px; margin:10px auto; }
.sub_newslist ul li{ line-height:2.5em; border-bottom:1px dotted #CCC; background:url(../images/icon_1.jpg) 10px 10px no-repeat; padding-left:20px; }
.sub_newslist ul li span{ float:right; padding-right:10px;}
.sub_page{width:260px; margin:30px auto; height:auto; overflow:hidden;}
.sub_page ul li{ float:left; margin-left:15px; text-align:center; display:block;}
/*产品中心*/
.sub_prolist{width: 748px; padding-top:15px; overflow:hidden;}
.sub_prolist ul li{ float:left;width:168px; display:block; margin-left:14px; text-align:center; margin-top:15px; display:inline; }
.sub_prolist ul li img{border:1px solid #CCC }
.sub_prolist ul li span a{ height:25px; line-height:25px;}
/*详细新闻*/
.sub_show{width:748px; min-height:695px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>695?"auto":"695px"); border:1px solid #CCC;}
h2.sub_bt{ font-size:18px; color:#F00; text-align:center; margin:10px; margin-top:20px; }
.sub_date{ color: #999; text-align:center; margin:10px;}
.sub_detail{ width:700px; margin:20px;line-height:2em;}
.sub_next li{ padding:10px;}

/*banner*/
.swiper-item>img {
	width: inherit;
	height: inherit;
	object-fit: cover
}
.swiper-container {
	position: relative;
	width: 800px;
	min-width: 300px;
	height: 300px;
	min-height: 120px;
	overflow: hidden
}

.swiper-wrapper {
	position: absolute;
	left: 0;
	height: 100%
}

.swiper-wrapper-transition {
	transition: all .8s ease 0s
}

.swiper-item {
	display: inline-block;
	width: 100%;
	height: 100%;
	float: left
}

.swiper-btn-group {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%
}

.swiper-btn-group_prev,
.swiper-btn-group_next {
	position: relative;
	width: 50px;
	height: 50px;
	margin: 10px;
	border-radius: 50%;
	transition: background-color .2s;
	cursor: pointer
}

.swiper-btn-group_prev:hover,
.swiper-btn-group_next:hover {
	background-color: rgba(255, 255, 255, .1)
}

.swiper-btn-group_prev::before,
.swiper-btn-group_next::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-30%, -50%) rotate(45deg);
	width: 15px;
	height: 15px;
	border-color: #fff;
	border-style: solid
}

.swiper-btn-group_prev::before {
	border-width: 0 0 2px 2px
}

.swiper-btn-group_next::before {
	border-width: 2px 2px 0 0;
	transform: translate(-70%, -50%) rotate(45deg)
}

.swiper-pagination {
	position: absolute;
	left: 0;
	bottom: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 20px
}

.swiper-pagination-item {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.45);
	transition: all .3s
}

.swiper-pagination-item:not(:last-child) {
	margin-right: 10px
}

.swiper-pagination-item_active {
	width: 30px;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.85)
}