.header{ padding:20px 0; }
.logo{ width:220px; float:left; }
.logo img{ width:100%; }
.nav {  width: 700px;   float:left;  padding-left:50px; padding-top:5px;  }
.nav ul li{ float:left; padding:0 5px; }
.nav ul li a{ color:#444; font-size:16px; display:block; width:90px; height:35px;  line-height:35px; text-align:center; border-radius:30px;  }
.nav ul li a:hover{ color:#fff; background:#1662aa;  }
.header .language{ width:34px; float:left; padding-top:20px; }
.header .language a{ width:34px; height:34px; border-radius:30px; background:#fff; display:block; color:#1662aa; border:1px solid #1662aa; line-height:34px; text-align:center; float:left;  }
.header .language a:hover{ background:#1662aa; color:#fff; }

.header .topmail{ width:190px; float:right; padding-top:10px; }
.header .topmail a{ width:34px;  height:28px; padding-top:6px;  border-radius:30px; background:#fff; display:block; color:#1662aa; border:1px solid #1662aa; line-height:34px; text-align:center; float:left;  }
.header .topmail a:hover{ background:rgba(234, 61, 8, 0.2); color:#fff; }


.header .topmail img{ width:21px; }
.header .toptel{ font-size:24px; color:#7cb643; font-weight:bold; }




.iabout{ padding-top:80px;  padding-bottom:80px; background:#f1f4f7; }
.iabout .title h3{ font-size:30px; color:#1662aa; font-weight:bold; text-align:center;}
.iabout .title span{  font-size:18px; color:#8f8f8f; display:block;  text-align:center; padding-top:15px;  }
.iabout .content{ padding-top:55px; }
.iabout .content .iabout_img{ float:left; }

.iabout .content .iabout_word{ float:right; width:620px;   }
.iabout .content .iabout_word h4{ font-size:24px; padding-bottom:20px;  }

.iabout .content .iabout_word p{line-height:37px; color:#666; text-indent:2em; }
.iabout .content .iabout_word span{ display:block; margin-top:30px;  }
.iabout .content .iabout_word a{ width:160px; height:48px; border:1px solid #1662aa; color:#1662aa; display:block; text-align:center; line-height:48px;}
.iabout .content .iabout_word a:hover{ background:#1662aa; color:#fff; }

.iabout .fourblock{ margin-top:44px; }
.iabout .fourblock .same{ float:left; width:220px; height:70px; line-height:70px; color:#fff; margin-right:13px; font-size:16px;  }
.iabout .fourblock .one{ background:url(../images/icon1a.png) no-repeat 20px center #1662aa; padding-left:70px;   }
.iabout .fourblock .two{ background:url(../images/icon1b.png) no-repeat 20px center #1662aa; padding-left:70px;   }
.iabout .fourblock .three{ background:url(../images/icon1c.png) no-repeat 20px center #1662aa; padding-left:70px;   }
.iabout .fourblock .four{ background:url(../images/icon1d.png) no-repeat 20px center #1662aa; padding-left:70px; margin-right:0;  }

.ipro {  background:#f5f5f5; padding:88px 0; }
.ipro .title h3{ font-size:30px; color:#1662aa; font-weight:bold; text-align:center;}
.ipro .title span{  font-size:18px; color:#8f8f8f; display:block;  text-align:center; padding-top:15px;  }
.ipro .ipro_list{ margin-top:50px; margin-bottom:40px; }
.ipro .ipro_list .iproli{ float:left; margin:10px;   position: relative; }
.ipro .ipro_list .ipro_img{  width:278px; height:211px; overflow:hidden; border:1px solid #ddd; border-bottom:0; border-top-left-radius:10px; border-top-right-radius:10px; }
.ipro .ipro_list .ipro_img img{width:280px; height:211px;  }
.ipro .ipro_list h4{ height:55px; line-height:55px; background:#1662aa; text-align:center; color:#fff; font-size:14px;  border-bottom-left-radius:10px; border-bottom-right-radius:10px;  }
.ipro .ipro_list .iproli:hover h4{ background:#7cb643; color:#fff;  }
.ipro .ipro_list .iproli:hover img{ webkit-transform: scale(1);
transform: scale(1);
transform: scale(1.08, 1.08);
-moz-transform: scale(1.08, 1.08);
-webkit-transform: scale(1.08, 1.08);
-o-transform: scale(1.08, 1.08); }

.ipro .anniu span{ display:block; width:160px; margin:0 auto;   }
.ipro .anniu span a{ width:160px; height:48px; border:1px solid #7cb643; color:#7cb643; display:block; text-align:center; line-height:48px;}
.ipro .anniu span a:hover{ background:#7cb643; color:#fff; }


.fouricon{ background:url(../images/four_bg.jpg) no-repeat center top; padding:50px 0; margin-top:100px; }
.fouricon .everyone{ float:left; width:180px; text-align:center; padding:0 60px;}
.fouricon .everyone h4{ color:#fff; padding:20px 0;  font-size:20px; }
.fouricon .everyone p{ color:rgba(255,255,255,0.6); line-height:24px;   }




.ishili{ background:#fff; margin-top:100px; margin-bottom:100px; }
.ishili .bt h3{ font-size:30px; color:#444; text-align:center; }
.ishili .bt span{ background:#fedc29; height:4px; width:100px; display:block; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.ishili .bt p{ font-size:16px; color:#444; text-align:center; }
.ishili .ishili_list{ padding-top:50px; }
.ishili .ishili1{ width:240px; float:left;  padding:0 30px; }
.ishili .ishili1 img{ display:block; margin:0 auto; }
.ishili .ishili1 h4{ text-align:center; font-size:20px; padding:30px 0; font-weight:bold; }
.ishili .ishili1 p{ line-height:30px; color:#666; font-size:16px; }




.inews{ background:#fff; padding:80px 0;  }
.inews .inews_top{ padding-top:50px; }
.inews .inews_top .inews_top1{ float:left; }
.inews .inews_top .inews_top2{ float:right; }
.inews .bt h3{ font-size:30px; color:#444; text-align:center; }
.inews .bt span{ background:#fedc29; height:4px; width:100px; display:block; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.inews .bt p{ font-size:16px; color:#444; text-align:center; }
.inews_left{ width:563px; float:left;}
.inews_right{ width:563px; float:right;}
.inews .inews_bot h2{ font-size:24px; padding-top:20px; padding-bottom:10px;  }
.inews .inews_bot ul li { height:20px; line-height: 20px; padding: 5px;	 clear:both; padding:6px 0;   }
.inews .inews_bot ul li h4 {	color: #666; white-space: nowrap;  display: block;	font-size: 15px; float:left; width:463px; text-indent:0.5em;   }
.inews .inews_bot ul li:hover {	background: #2f61a5; }
.inews .inews_bot ul li:hover h4{ color:#fff; }
.inews .inews_bot ul li:hover span{ color:#fff; }
.inews .inews_bot ul li span { color: #555;	float:right; font-size:14px;  width:100px; display:block; }
.inews .inews_bot ul li a:hover { color: #fff}
.inews .btn { padding-top:10px; }
.inews .btn a{ display:block; background:#89b454;  width:130px; height:30px; line-height:30px; text-align:center; color:#fff;}

.factory img{ width:380px; padding:10px;}


.footer{ background:#393939; padding:80px 0; }
.footer1{ float:left; width:220px; }
.footer2{ float:left; width:355px; font-size:14px; color:#fff; padding-left:70px; margin-left:40px; border-left:1px solid #484848; line-height:30px; }
.footer3{ float:left; border-right:1px solid #484848;padding-right:70px; } 
.footer4{ float:right; font-size:16px; color:#fff; line-height:34px;  }
.footer1 li { float:left; width:110px;  margin-bottom:20px; }
.footer1 li a { font-size:16px; color:#fff;  }
.footer4 h5{ color:#fff; font-size:16px; font-weight:bold; padding-bottom:10px; }
.footer4 a{ color:#fff; font-size:16px; }
.footer3 img{width:120px;}


.ban{ height:388px; }


/*大标题和位置*/
.weizhi{ width:100%; border-bottom:1px solid #e4e4e4; background:#fff;}
.weizhi_nei{ width:1200px; margin:0 auto; padding:15px 0;}
.weizhi h3{ color:#333; padding:0; margin:0; font-size:20px; float:left; font-weight:normal;}
.position{ color:#777; padding-top:10px; float:right;}

.fenlei{	width:1200px; padding-top: 20px;	margin-bottom: 15px;   margin:0 auto;}
.fenlei li{	float: left;margin-bottom: 5px;}
.fenlei li a{	display: inline-block;		height: 40px;	float: left;	margin-right: 5px;	line-height: 40px;	color: #333;	text-align: center;	background: #f0f0f0; font-size:16px;}
.fenlei li a:hover{	background: #7cb643;	color: #fff;  }
.fenlei2 li a{width:595px;}
.fenlei3 li a{width:395px;}
.fenlei4 li a{ width:295px;}
.fenlei5 li a{ width:235px;}
.a_active{	background: #7cb643 !important;	color: #fff !important;  }

.main{ margin-top:30px;margin-bottom:30px; }
.about p{ line-height:35px;  color:#666; text-indent:2em; font-size:16px;  }
.about .map p{ color:#333; text-indent:0; line-height:25px;font-size:14px;   }
.about { line-height:35px;  color:#666; font-size:16px;  }
.culture{ font-size:16px; }
.culture strong{ font-size:16px; color:#333;}


.news_list .newsli{  background:#f9f9f9; padding:20px 25px; margin:0 0 20px 0; border:1px solid #f9f9f9;}
.news_list .newsli .newsli_left{ float:left; border-right:1px solid #e5e5e5;  padding-right:20px; margin-right:30px; }
.news_list .newsli .nian{ color:#333333; font-size:24px; padding:10px 0;}
.news_list .newsli .yueri{ color:#999999; font-size:16px;  padding-bottom:20px; text-align:center; }
.news_list .newsli .newsli_right h4{ font-size:18px; color:#666; padding-bottom:10px; }
.news_list .newsli .newsli_right p{ font-size:14px; color:#999; line-height:25px;  }
.news_list .inews_left img{ padding-bottom:5px; }

.news_list .newsli:hover{  background:rgba(137, 180, 83, 0.05); padding:20px 25px; margin:0 0 20px 0; border:1px solid rgba(3, 130, 0, 0.3); }
.news_list .newsli:hover .newsli_right h4{ color:#1662aa; }


.pro_list .proli{ background:#fff;  padding:5px; float:left;  margin-right:30px; margin-bottom:30px;  transition: all 0.2s; border:1px solid #e5e5e5;  }
.pro_list .pro_img { width:258px;   overflow:hidden;  display: table-cell;    vertical-align: middle; }
.pro_list .proli img{ max-width:258px; max-height:194px;  display:block; margin: 0 auto; }
.pro_list .proli h4{ text-align:center; padding:20px 0 10px 0; font-size:16px;  transition: all 0.2s; }
.pro_list .proli:hover{ background:rgba(137, 180, 83, 0.1); border:1px solid rgba(137, 180, 83, 0.4); }
.pro_list .proli:hover h4{ color:rgba(137, 180, 83);  }
.pro_list .proli:hover  img{ 
transform: scale(1.08, 1.08);
-moz-transform: scale(1.08, 1.08);
-webkit-transform: scale(1.08, 1.08);
-o-transform: scale(1.08, 1.08); }
 }


.culture_title h3{ font-size:26px; padding:0; margin:0;  }
.culture_title span{ font-size:22px; }
.culture_content ul{ margin:0; padding:0; }
.culture_content li{ background:rgba(137, 180, 83, 0.1); padding:20px;  margin-bottom:20px; list-style:none;  }
.culture_content h4{ font-size:20px; color:#1662aa;  margin-bottom:10px; }
.culture_content p{ font-size:16px; line-height:26px; }





.message{ background:#f5f5f5; padding:30px 0; border-radius:10px; }
.message .OneOfTwo{ width:722px; margin:0 auto; }
.message h3{ color:#1662aa; text-align:center; font-weight:bold; font-size:22px; padding:10px 0 20px 0;  }

.culture_m {        display: none;    }


.leftarrow { width:200px; float:left;    padding-top: 200px;}
.rightarrow{ width:200px; float:right;  padding-top: 200px; }
.picarr{ width:700px; float:left;  }
.leftarrow img{ float:right; } 

.contact1{ float:left; width:500px; }
.contact2{ float:left; width:500px; }
.contact_same strong{ font-size:18px; }
.contact_same p{ text-indent:0;}



table td{ border:1px solid #eee;}



.pd {
    padding-bottom: 1.7rem;
}

.pd-cont {
    padding-top: 1rem;
}
.pd-content {
    margin-top: .4rem;
}
.pd-imgs {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 768px){
    .pd-imgs img {
        width: 100% !important;
    }
}

.pd-content{ font-size:16px; line-height:30px;}

/*澶у浘鏍峰紡*/
.picarr{position:relative;margin:20px auto; width: 768px;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:768px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle; width: 100%;}
.picarr .preview li.current a{border:1px solid #000;}
.cl{ clear:both; }

.pd_tit h4{ font-size:24px; border-bottom:1px solid #ccc; font-weight:bold;   padding-bottom:10px; }

.casedetail{ font-size:18px; text-align:center; }
.casedetail img{ display:block; margin:0 auto; }
.casedetail p{ padding-bottom:10px; }

.clear{ clear:both; }
.pd1{ border-bottom:1px solid #eee; padding-top:20px; padding-bottom:20px;}
.pd1 .pd_left{ width:20%; float:left; font-weight:bold; font-size:20px; }
.pd1 .pd_right{ width:70%; float:right; }
.table td{ padding:0.5em;}



@media (max-width:830px) {
 .picarr .preview{width:100%; }
 .picarr{ width:100%; }
}

@media (max-width: 600px) {
.pd1 .pd_left{ width:100%; float:left; font-weight:bold; font-size:20px; }
.pd1 .pd_right{ width:100%; float:right; } 
    
    
}


















.pd {
    padding-bottom: 1.7rem;
}

.pd-cont {
    padding-top: 1rem;
}
.pd-content {
    margin-top: .4rem;
}
.pd-imgs {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 768px){
    .pd-imgs img {
        width: 100% !important;
    }
}

.pd-content{ font-size:16px; line-height:30px;}



.pd_tit h4{ font-size:24px; border-bottom:1px solid #ccc; font-weight:bold;   padding-bottom:10px; }


.clear{ clear:both; }
.pd1{ border-bottom:1px solid #eee; padding-top:20px; padding-bottom:20px;}
.pd1 .pd_left{ width:20%; float:left; font-weight:bold; font-size:20px; color:#333; }
.pd1 .pd_right{ width:70%; float:right; }
.pd1 .pd_right p{font-size:16px; color:#444; }




@media (max-width:830px) {
 .picarr .preview{width:100%; }
 .picarr{ width:100%; }
}

@media (max-width: 600px) {
.pd1 .pd_left{ width:100%; float:left; font-weight:bold; font-size:20px; }
.pd1 .pd_right{ width:100%; float:right; } 
    
    
}


table {
  border-collapse: collapse; /* 合并单元格边框和间距 */
  border-spacing: 0; /* 清除单元格间距（兼容旧浏览器） */
}
.table-bordered td, .table-bordered th {    border: 1px solid #dee2e6; }
.table {    width: 100%;    max-width: 100%;    margin-bottom: 1rem;    background-color: transparent;}
.table tr{ text-align:center; }
.table th{  background-color:#89b454;color:#fff;  font-size:16px; width:25%;}
.table td{ text-align:center; font-size:16px; }