a{color:#626262}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration:none}


.n_title{width:100%; height: auto; overflow:hidden; font-size:15px; line-height:26px; padding:30px 0px; display:block; color:#787878; /*border-bottom:1px solid #f2f2f2*/}
.n_title a{color:#787878}
/*about*/
.ban_ny{width:100%; height:auto; overflow:hidden; position:relative; padding-top:90px}
.ban_ny img{width:100%; height:auto; overflow:hidden}
.ban_ny h3{ position:absolute; top: 55%; background:rgba(0,0,0,0.4); color:#fff; width:25%; left:15%; text-align:center; padding:20px 20px; font-size:26px; line-height:46px; font-weight:bold}
.ban_ny h3 span{font:normal 56px/56px Georgia, "Times New Roman", Times, serif; opacity:0.9; display:block}

@media (max-width:1024px){
	.ban_ny{ padding-top: 70px;}
}

@media (max-width:991px){
	.ban_ny h3{width:30%;padding:12px;top: 50%;}
	.ban_ny h3 span{font:normal 50px/46px Georgia, "Times New Roman", Times, serif;}
	.ban_ny{ padding-top: 60px;}
	}

@media (max-width:768px){
	.ban_ny h3{width:40%; padding:10px; left:30%}
	.ban_ny h3 span{font:normal 46px/40px Georgia, "Times New Roman", Times, serif;}
	.ban_ny{ padding-top: 70px;}
	}
	
@media (max-width:640px){
	.ban_ny h3{width:40%; padding:10px;  font-size:20px; line-height:30px;}
	.ban_ny h3 span{font:normal 38px/40px Georgia, "Times New Roman", Times, serif;}
.ban_ny{ padding-top: 60px;}
}
@media (max-width:480px){
.ban_ny h3{ font-size:20px; line-height:26px;}
	.ban_ny h3 span{font:normal 28px/28px Georgia, "Times New Roman", Times, serif; display:none}
	.ban_ny{ padding-top: 60px;}
	.pc-navbar-m a.navbar-control{margin-top:10px}
}


/*.ban_about{width:100%; height:350px; background:url(../images/ban_about.jpg) no-repeat center top}*/
.ban_prod{width:100%; height:350px; background:url(../image/ban_pro.jpg) no-repeat center top}
.ban_honor{width:100%; height:350px; background:url(../image/ban_honor.jpg) no-repeat center top}
.ban_cj{width:100%; height:350px; background:url(../image/ban_cj.jpg) no-repeat center top}
.ban_news{width:100%; height:350px; background:url(../image/ban_news.jpg) no-repeat center top}
.ban_ly{width:100%; height:350px; background:url(../image/ban_ly.jpg) no-repeat center top}
	
@media (max-width:980px){
	.n_title{width:100%}
	}
	
/*#side{width:100%;margin:0px auto; text-align:center; padding:15px 0; background-color:#fff; box-shadow:0px 20px 20px -20px #666;  z-index:999; position:relative; }
#side ul{ text-align:center; display:inline-block; width:auto; overflow:hidden; margin:0px auto;}
#side li{ float:left; line-height:30px; font-weight:400; width:auto; margin:.2em; padding:.4em 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;course:hand;}
#side li a{text-align:center; font-size:16px; width:auto; padding:.5em .8em; line-height:30px;  border:1px solid #e3e3e3;}
#side li a:hover{color:#fff; background-color:#f29c20; border:1px solid #f29c20;}
.navon1 a{color:#fff; background-color:#f29c20; border:1px solid #f29c20;}*/

#side{width:100%;margin:0px auto; text-align:center; padding:15px 0 10px 0; background-color:#fff; border-bottom:1px solid #ccc; /*box-shadow:0px 20px 20px -20px #666;*/  z-index:999; position:relative; }
#side ul{ text-align:center; display:inline-block; width:auto; overflow:hidden; margin:0px auto;}
#side li{ float:left; line-height:30px; font-weight:400; width:auto; margin:5px 5px; /*padding:5px 15px;*/ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;course:hand;}
#side li a{text-align:center; font-size:16px; width:auto; padding:5px; line-height:30px; padding:5px 15px 5px 15px; /*border:1px solid #e3e3e3;*/}
#side li a:hover{color:#186bb9; /*background-color:#f29c20; border:1px solid #f29c20;*/}
.navon1 a{color:#206d8c;/*background-color:#f29c20; border:1px solid #f29c20;*/}
	
.ny_about_ny{padding:3rem; background-color:#fff}

.ny_about{height:auto; overflow:hidden; color:#434343; padding-bottom:140px; background-color:#f2f2f2}
.ny_prod{ height:auto; overflow:hidden; color:#434343; padding-bottom:140px; background-color:#f2f2f2}
.ny_news{ height:auto; overflow:hidden; color:#434343; padding-bottom:140px; background-color:#f2f2f2}

.ny_qt{width:100%; height:auto; overflow:hidden; margin-top:30px}
.ny_qyhj{width:48.5%; float:left; position:relative;}
.ny_qyhj a img{width:100%; height:auto; overflow:hidden}
.ny_qyhj a p{display:none;width:100%; height:auto; overflow:hidden; background:rgba(24,107,184,0.8); text-align:center; position:absolute; bottom:0; z-index:999; color:#fff; font-size:26px; padding:20px 0}
.ny_qyhj a:hover p{ display:block}



.ny_jj{width:100%; float:none; height:auto; overflow:hidden}
.ny_dt{width:100%; float:none; height:auto; overflow:hidden; margin-top:30px}
.lxfs_l{width:33%; float:left; height:auto; overflow:hidden}
.lxfs_m{width:33%; float:left; margin-left:4%; height:auto; overflow:hidden}
.lxfs_r{width:30%; float:right; height:auto; overflow:hidden}
.lxfs_r img{width:100%; height:auto; overflow:hidden}


.nr_tit{width:100%; height:auto; overflow:hidden; text-align:center; font-size:34px; color:#206d8c; margin-bottom:40px}
.nr_tit span{width:40px; height:3px; background-color:#ff9000; margin:20px auto 10px auto; display:block}
.nr_tit p{font-size:18px; color:#888}

@media screen and (max-width:768px){
	.ny_qyhj{width:100%; float:none}
	.ny_about{padding-bottom:100px;}
	.ny_prod{padding-bottom:100px;}
	.ny_news{padding-bottom:100px;}
	.ny_about_case ul li a img{max-height: 200px;}
}

@media (max-width:640px){
	.ny_about_ny{padding:3em 0;}
	.ny_about_ny img{width:100%; float:none;}
	.lxfs_l{width:100%; float:none}
.lxfs_m{width:100%; margin-top:15px; float:none; margin-left:0}
.lxfs_r{width:100%; margin-top:15px; float:none}
}
	
	
	
/*about*/
.ny_about_case{width:100%; height:auto; overflow:hidden; background:url(../image/ny_about_case.jpg) no-repeat center top #1f3145; margin-top:60px; padding:80px 0}
.ny_about_case h3{width:100%; height:auto; overflow:hidden; text-align:center}
.ny_about_case h3 a{color:#fff; font-size:34px; font-weight:normal}
.ny_about_case h3 a span{width:60px; height:3px; background-color:#ff9000; display:block; margin:20px auto}
.ny_about_case ul{margin-top:40px; width:100%; height:auto; overflow:hidden}
.ny_about_case ul li{width:23.5%; float:left; margin-left:2%; background-color:#fff;margin-bottom:20px}
.ny_about_case ul li:nth-child(1),.ny_about_case ul li:nth-child(5){margin-left:0}
.ny_about_case ul li a img{width:100%; height:auto; overflow:hidden;max-height:200px}
.ny_about_case ul li a p{ text-align:center; font-size:18px; padding:20px 0}
.ny_about_case h4{width:120px; margin:60px auto 0 auto}
.ny_about_case h4 a{color:#333;width:120px; text-align:center; border:1px solid #333; display:block; padding:8px 0; font-size:15px; font-weight:normal}

.ny_other{height:auto; overflow:hidden; margin-top:60px}
.ny_other_list{width:32.33333%; float:left; position:relative; background-color:#0b5396}
.ny_other_list:nth-child(2){ margin:0 1.5%; background-color:#ff9000}
.ny_other_list a{  text-transform:uppercase;}
.ny_other_list a img{width:100%; height:auto; overflow:hidden}
.ny_other_list a p{ position:absolute; top:45%; width:100%; text-align:center; font-size:28px; color:#fff;display:none;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.ny_other_list a:hover img{opacity:0.3}
.ny_other_list a:hover p{display:block;}
.ny_other_list:nth-child(2) a p{color:#222}



@media screen and (max-width:768px){
	.ny_about_case ul{margin-top:20px}
	.ny_about_case ul li{width:48%; margin:10px 1%}
	.ny_about_case ul li:nth-child(1){margin:10px 1%}
	.ny_about_case h4{margin:40px auto 0 auto}
	.ny_about_case ul li a img{max-height:29rem}
}

@media screen and (max-width:600px){
	.ny_other_list{width:100%; margin:10px 0; background-color:#fff}
	.ny_other_list:nth-child(2){ margin:10px 0; background-color:#fff}
	.ny_other_list a p{display:block; position:relative;top:0; color:#222; font-size:20px; padding:15px 0}
	.ny_other_list a:hover img{opacity:1}
}


/*product*/
.ny_pro_ny{width:100%; padding:30px 0; /*height:auto; overflow:hidden*/}
.ny_pro_ny1{width:72%; float:left; padding:30px 0; height:auto; overflow:hidden}

.ny_pro_list{width:31.33%; float:left; margin:1%; background-color:#fff; /*box-shadow:0px 0px 8px #ccc;*/}
.ny_pro_list a{width:100%;height:auto;overflow:hidden;display:block;border-bottom:4px solid #fff;text-align: center;}
.ny_pro_list a img{/* width:100%; *//*padding:2%;*/height:auto;overflow:hidden;/* display:block; */max-height: 280px;}
.ny_pro_list a p{width:100%; text-align:center; margin:25px 0; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:1;/*显示几行*/
overflow: hidden; font-size:16px; line-height:28px}
.ny_pro_list a:hover{/*border-bottom:4px solid #ffc32b;*/ box-shadow:0px 0px 10px #989898;}
.ny_pro_list a img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.ny_pro_list a:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}



.ny_pro_list1{width:23%; float:left; margin:1%; background-color:#fff; box-shadow:0px 0px 5px #ccc;}
.ny_pro_list1 a img{width:100%; padding:2%; height:auto; overflow:hidden; display:block}
.ny_pro_list1 p{width:100%; text-align:center; margin:10px 0 15px 0; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:1;/*显示几行*/
overflow: hidden}

.ny_pro_list1 p a{font-size:15px; line-height:26px}

.pagination a,.pagination p{height:auto! important;line-height:inherit! important}

.next1{ line-height:30px; font-size:14px; text-align:center; color:#626262; margin:30px 0}
.pages button{ line-height:26px;}
.pagesone{ display:none;}

@media (max-width:1199px){
	.ny_pro_list{width:30.3%; float:left; margin:20px 1.5%; }
	.ny_pro_list1{width:30.3%; float:left; margin:20px 1.5%; }
}
@media (max-width:768px){
	.ny_pro_list{width:47%; float:left; margin:20px 1.5%; }
	.ny_pro_list1{width:47%; float:left; margin:20px 1.5%; }
	
}

@media (max-width:768px){
.next1{ line-height:30px; font-size:14px; text-align:center; color:#626262; margin:30px 0}

.pages button{ line-height:30px;}
.pagesone{ display:none;}
}

@media (max-width:450px){
	.ny_pro_list{width:100%; float:left; margin:20px 0; }
	.ny_pro_list1{width:100%; float:left; margin:20px 0; }
}

@media (max-width:1024px){
.ny_pro_ny1{width:100%; float:none;}
}
@media (max-width:767px){
	.ny_pro_ny{padding:5px 0;}
	.ny_pro_ny1{padding:5px 0;}

	}

.ny_pro_top{width:96%; height:auto; padding:2%;  background-color:#fff; /*box-shadow:0px 2px 10px #b3b3b3;*/ overflow:hidden}
.ny_pro_top_l{width:40%; float:left; height:auto; overflow:hidden; border:1px solid #dedede}
.ny_pro_top_l img{width:100%; height:auto; overflow:hidden;}
.ny_pro_top_r{width:55%; float:right; height:auto; overflow:hidden;}
.ny_pro_top_r h3{ font-size:1.5em; font-weight:bold; color:#206d8c; line-height:3em;}
.ny_pro_top_r p{width:100%; border-top:1px dotted #dcdcdc; line-height:26px; padding:10px 0; display:block}
.bdshare_b{border-top:1px dotted #dcdcdc; width:100%; padding-top:15px}

.ny_pro_b{width:96%; margin-top:30px; padding:3% 2%;  background-color:#fff;}
.ny_pro_b h4{width:96%; padding:1.2% 2%;background:url(../image/ny_pro_nrb.jpg) no-repeat left top; /*background-color:#186bb9; box-shadow:0px 2px 10px #b3b3b3;*/ line-height:36px; margin-bottom:20px}
.ny_pro_b h4 p{width:auto;  font-size:24px; font-weight:bold; color:#222; padding-left:15px}
.ny_pro_b h4 span{float:right; font-size:15px; color:#fff; font-weight:normal}
.ny_pro_b_nr{height:auto; overflow:hidden}

.xyp{ border-top:1px dotted #CCCCCC; margin:30px 0 20px 0; padding-top:15px; width:100%; height:auto; overflow:hidden}
.xyp a{/*padding:15px;*/ color:#626262}
.xyp a:hover{color:#186bb9;}

.pro_right{width:26%; float:right; background-color:#fff; margin-top:30px}
.pro_case{width:100%; height:auto; overflow:hidden}
.pro_right h3{width:100%; height:auto; overflow:hidden; background-color:#206d8c; text-align:center; padding:15px 0}
.pro_right h3 a{text-align:center; display:block; line-height:42px; font-size:24px; color:#fff}
.pro_case ul{ width:90%;padding:5%; height:auto; overflow:hidden}
.pro_case ul li{width:100%; height:auto; overflow:hidden; margin-bottom:15px}
.pro_case ul li a img{width:100%; height:auto; overflow:hidden}
.pro_case ul li a p{text-align:center; line-height:28px; padding-top:5px; font-size:15px; color:#626262}

.pro_news ul{ width:90%;padding:5%; height:auto; overflow:hidden}
.pro_news ul li{width:100%; height:auto; overflow:hidden; padding:10px 0; border-bottom:1px dashed #eaeaea} 
.pro_news ul li a{font-size:14px; line-height:28px; color:#434343}
.pro_news ul li a span{color:#ffb607}
@media (max-width:1024px){
.pro_right{display:none}
}
@media (max-width:640px){
	.ny_pro_top_l{width:98%; padding:1%; float:none}
	.ny_pro_top_r{width:98%; padding:1%; float:none}
	}


.ny_honor_b{width:100%; margin-top:3em; height:auto; overflow:hidden}
.ny_honor_b img{width:50%; float:left; padding:1em}

@media (max-width:640px){
	.ny_pro_b img{width:100%; height:auto}
	.ny_honor_b img{width:100%; height:auto}
	}
@media (max-width:500px){
	.ny_pro_b h4 span{display:none}
}
	
/*news*/
.ny_news_ny{width:100%; padding:20px 0; height:auto; overflow:hidden }
.ny_news_list{width:48.5%; float:left; padding:1.5%; height:auto; overflow:hidden; background-color:#fff; box-shadow:0px 2px 10px #b3b3b3;/* margin:1.5%*/ margin:1.5% 0;}
.ny_news_list:nth-child(2n){margin-left:3%}



.n_news_l{width:35%;float:left;max-height: 130px;overflow: hidden;}
.n_news_l img{width:100%;height:auto;overflow:hidden;}
.n_news_r{width:62%; float:right;}
.n_news_r h3{ font-size:16px; font-weight:bold; color:#222;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:1;/*显示几行*/
overflow: hidden }
.n_news_r span{padding-top:5px; display:block; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#787878}
.n_news_r p{padding-top:15px; color:#626262;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;/*显示几行*/
overflow: hidden}


.ny_news_bt{width:100%;  padding:1% 0; background-color:#fff; border-bottom:1px dashed #ccc; text-align:center}
.ny_news_bt h4{font-size:1.6em; font-weight:bold; color:#222; padding-bottom:.5em}
.ny_news_bt p{font-size:1.1em; color:#626262}
.ny_news_nr{padding:2em 0 0 0}
.news_next{border-top:1px dotted #ccc; padding:1em 0 1em 0; margin-top:3em}


.ny_news_ny_l{width:70%; float:left; background-color:#fff; padding:3%}
.ny_news_ny_r{width:27%; float:right; background-color:#fff; /*padding-bottom:2rem*/}
.ny_news_ny_l img{max-width:820px}
.nnside{ padding:2.5rem 3%; width:94%; height:auto; overflow:hidden}
.nnside a{font-size:30px; font-weight:normal; border-left:5px solid #ffc32b; line-height:34px; margin-left:1rem; padding-left:1.5rem; color:#fff}

.ny_news_ny_r h5{ background-color:#186bb9; padding:20px 3%; text-align:center; width:100%; height:auto; overflow:hidden}
.ny_news_ny_r h5 a{font-size:30px; font-weight:normal;  line-height:34px; margin-left:1rem; text-align:center; color:#fff}

.ny_news_ny_r ul li{width:100%; padding:0 7%; height:auto; overflow:hidden; margin:1.5rem 0; padding-bottom:2rem; border-bottom:1px dashed #e2e2e2}
.ny_news_ny_r ul li a{font-size:16px; display:block; color:#222; font-weight:bold}
.ny_news_ny_r ul li p{font-size:14px; margin-top:1rem; color:#626262;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;/*显示几行*/
overflow: hidden}

.ny_video_list{width:25%; float: left; padding:1em}
 .ny_video_list a img{width:100%; height:auto; overflow:hidden}
.ny_video_list p{width:100%; text-align:center; padding-top:.6em}
.ny_video_list p a{font-size:1.2em; line-height:2em}

@media (max-width:1199px){
	
	.ny_news_list{width:48.5%; padding:1.5%;}
	.ny_news_list:nth-child(2n){margin-left:3%}
	.n_news_r p{padding-top:10px;}
	.ny_news_ny{padding:20px 0;}
	.ny_news_ny_r h5 a{font-size:26px;}
	.ny_video_list{width:50%; padding:.5em;}
	}
	
	@media (max-width:991px){
		.ny_news_ny_r h5 a{font-size:24px;}
		.n_news_l{width:40%; float:left}
		.n_news_r{width:57%; float:right;}
		.n_news_r span{padding-top:0;}
		}

@media (max-width:768px){
	.n_news_l{width:100%; float:none}
	.n_news_r{width:100%; float:none;}
	.ny_news_ny_l{width:100%}
	.ny_news_ny_r{display:none}
	}
	
	@media (max-width:480px){
	.ny_news_list{width:100%; float:none; padding:4%; margin:0 0 25px 0}
	.ny_news_list:nth-child(2n){margin:0 0 25px 0}
	.n_news_r h3{ margin-top:15px}
	.n_news_r span{padding-top:5px;}
	}



/*feedback*/
.ny_feed{width:100%; height:auto; overflow:hidden; background-color:#f2f2f2; padding-bottom:120px}
.ny_feed_ny{width:94%; padding:3%; height:auto; overflow:hidden; background-color:#fff}


.ny_feed_tit{padding-bottom:10px; border-bottom:1px solid #e6e6e6; text-align:center; color:#787878; font-weight:normal; margin-bottom:30px}
.ny_feed_tit span{ font-size:26px; font-weight:bold; color:#186bb9; display:block; line-height:30px}

.ny_feed_ny form{width:60%; margin:40px auto 0 auto}
.lyb{width:100%; margin:5px auto;}
.lyb input{width:100%; border:1px solid #e7e7e7; color:#999; height:46px; font-size:1.1em}

.lyb textarea{width:100%; border:1px solid #e7e7e7; color:#999; height:100px; font-size:1.1em}
.lyb_tj{width:50%; margin:2em auto;}
.lyb_tj input{width:80%; background-color:#ffb607; border:1px solid #ffb607; color:#222; height:3em; font-size:1.5em; border-radius:30px}

.ny_feed_l{width:620px; float:left}
.ny_feed_r{width:538px; float:right}

@media (max-width:1199px){
	.ny_feed_ny form{width:70%; margin:30px auto 0 auto}
	.ny_feed_l{width:50%; float:left}
	.ny_feed_r{width:47%; float:right}
	.ny_feed_r img{width:100%; height:auto; overflow:hidden}
}
	
@media (max-width:991px){
	.ny_feed_ny form{width:80%; }
	.lyb input{ height:30px;}
	.lyb textarea{height:70px; }
	.ny_feed_l{width:45%; float:left}
	.ny_feed_r{width:52%; float:right}
}
	
@media (max-width:768px){
	.lyb input{ height:30px;}
	.lyb textarea{height:70px; }
	.ny_feed_l{width:99%; float:none}
	.ny_feed_r{display:none}
}

@media (max-width:640px){
	.ny_feed_ny form{width:100%; }
	.ny_news_ny{padding:15px 0;}
	.lyb{width:100%;}
	.lyb_tj{width:50%; }
}
	
@media (max-width:320px){
	.lyb_tj{width:100%; }
}
	

.ny_whxq dl{width:25%; padding:1em; float:left; font-size:1.1em}
.ny_whxq dl dt{width:8em; height:8em; margin:0px auto; color:#186bb9; font-size:1.3em; border-radius:360px; border:1px solid #f29c21; text-align:center;}
.ny_whxq dl dt span{padding-top:40%; display:block}
.ny_whxq dl dd{margin-top:2em; line-height:1.8em; width:100%; min-height:6em}
	
	
@media (max-width:640px){
.ny_whxq dl{width:50%; padding:1em; float:left; font-size:1em}
.ny_whxq dl dt{width:7em; height:7em;}
.ny_whxq dl dd{ min-height:8em}
}	
@media (max-width:320px){
.ny_whxq dl{width:100%;}
}		
	
	
	
	
	
	
	
	
	
	/*history*/
	
	
	
#timeline {
  list-style: none;
  padding-left: 60px;
  border-left: 8px solid #eee9dc;
  font-size: 100%;
  font-family: "Noto Sans", sans-serif;
  color:#434343;
  margin: 0 5%;
  }
#timeline li {
  margin: 40px 0;
  position: relative;
}
#timeline p {
  margin: 0 0 15px;
}

.date {
	display:none
  /*
  top: 50%;
  left: -158px;
  font-size: 18px;
  font-weight:bold;
  line-height: 20px;
  position: absolute;*/
}

.circle {
  margin-top: -10px;
  top: 20%;
  left: -100px;
  width: 60px;
  height: 60px;
  background: #fff;
  border: 5px solid #eee9dc;
  border-radius: 50%;
  display: block;
  position: absolute;
  font-size:20px; font-weight:bold; line-height:60px; text-align:center
}

.content {
  max-height: 20px;
  padding: 50px 20px 0;
  border-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-radius: 0.5em;
  position: relative;
}
.content:before, .content:after {
  content: "";
  width: 0;
  height: 0;
  border: solid transparent;
  position: absolute;
  pointer-events: none;
  right: 100%;
}
.content:before {
  border-right-color: inherit;
  border-width: 20px;
  top: 50%;
  margin-top: -20px;
}
/*.content:after {
  border-right-color: #48b379;
  border-width: 17px;
  top: 50%;
  margin-top: -17px;
}*/
.content p {
  max-height: 0;
  color: transparent;
  text-align: justify;
  word-break: break-word;
  hyphens: auto;
  overflow: hidden;
 
}

label {
  font-size: 1.3em;
  position: absolute;
  z-index: 100;
  cursor: pointer;
  top: 20px;
  transition: transform 0.2s linear;
  color:#222;
  font-weight:bold
}

.radio {
  display: none;
}

.radio:checked + .relative label {
  cursor: auto;
  transform: translateX(42px);
}
.radio:checked + .relative .circle {
  background: #186bb9;
  color:#fff
}
.radio:checked ~ .content {
  max-height: 180px;
  border-color: #186bb9;
  margin-right: 20px;
  transform: translateX(20px);
  transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;
}
.radio:checked ~ .content p {
  max-height: 80px;
  color: #626262;
  transition: color 0.3s linear 0.3s;
  height:auto; overflow:hidden
}

/* -------------------------------------
 * mobile phones (vertical version only)
 * ------------------------------------- */
@media screen and (max-width: 767px) {
  #timeline {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
  #timeline li {
    margin: 70px 0;
  }

  label {
    width: 75%;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    transform: translateX(18px);
	font-weight:bold
  }

  .content {
    padding-top: 45px;
    border-color: #eee9dc;
  }
  .content:before, .content:after {
    border: solid transparent;
    bottom: 100%;
  }
  .content:before {
    border-bottom-color: inherit;
    border-width: 17px;
    top: -16px;
    left: 50px;
    margin-left: -17px;
  }
 /* .content:after {
    border-bottom-color: #48b379;
    border-width: 20px;
    top: -20px;
    left: 50px;
    margin-left: -20px;
  }*/
  .content p {
    font-size: 0.9em;
    line-height: 1.4;
  }

  .circle{
    display: none;
  }
  
  .date {
	  display:block;
    top: -60px;
    left: 25px;
    font-size: 20px; font-weight:bold;
    font-weight: bold;
    line-height: 40px;
    position: absolute;}
	
.radio:checked ~ .content {
  
  margin-right: 0px;
  transform: translateX(0px);

}
.radio:checked + .relative label {

  transform: translateX(20px);
}
	
}
	
	
	/*企业文化*/
	.qywh{width:810px; float:left}
.qywh_n{width:340px; float:right; height:auto; overflow:hidden; right:0; padding:60px 100px; position:absolute; margin-top:70px; font-size:16px; line-height:40px; margin-left:-142px; z-index:99; background-color:#fff}

@media screen and (max-width: 1199px) {
	.qywh_n{ right:0; padding:60px 80px;}
	
}

@media screen and (max-width: 991px) {
	.qywh_n{width:320px; padding:40px 80px; margin-top:40px;}
	.qywh{float:left; width:70%; float:left}
	.qywh img{width:100%}
}
	
	
@media screen and (max-width: 768px) {
	.qywh{width:100%; float:none}
	.qywh_n{width:84%; padding:8%; position:inherit}
	.gsjj img{width:100%; margin:0 0 20px 0; float:none}
}
	
	
	
	
/*contact*/
	
.lxwm_l{width:50%; float:left}
.lxwm_r{width:50%; float:right; margin-top:40px }	
.lxwm_r img{ float:left; margin:0 1%}

@media screen and (max-width: 1024px) {
.lxwm_l{width:45%; }
.lxwm_r{width:50%; margin-top:80px}
.lxwm_r img{width:48%; height:auto; overflow:hidden; margin:0 1%}
}
	
@media screen and (max-width: 640px) {
.lxwm_l{width:100%; float:none}
.lxwm_r{width:100%; float:none; margin-top:20px}
.lxwm_r img{width:48%; height:auto; overflow:hidden; margin:0 1%}


}	
	
	
	
	
	
/*nr_contact*/


.ny_lxfs{width:100%; height:auto; overflow:hidden;}
.ny_lxfs ul li{width:20%; float:left; text-align:center}
.ny_lxfs ul li img{display:inline-block}
.ny_lxfs ul li p{display:block; font-size:14px; margin-top:10px}
.ny_lxfs ul li p span{display:block; font-size:16px; padding:4px; font-weight:bold}




@media screen and (max-width: 768px) {
	.ny_lxfs ul li{width:33.333%; margin-bottom:15px}
}
@media (max-width: 640px){
	.ny_lxfs ul li img {width: 70%;}
}
@media screen and (max-width: 600px) {
	.ny_lxfs ul li img {width: 50%;}
	.ny_lxfs ul li{width:50%;}
}

@media screen and (max-width: 400px) {
	.ny_lxfs ul li p{height:90px; margin-bottom:1px}

}

/*cpzx*/

.wrap {margin:0 auto;}
.container { margin:0 auto;position:relative;}
#Inquirybox { width:100%; margin:1em auto;color:#434343;}
#Inquirybox .con{ width:100%; clear:both; float:none}
#Inquirybox ul {width:30.33%; padding:1%;float:left}
#Inquirybox ul:nth-child(6){width:94.5%;}
#Inquirybox ul:hover,#Inquirybox ul.hover { background-color:none;} 
label { font-size:12px; font-weight:bold;  cursor:pointer;}
input.int,textarea.int { border:1px solid #d4d4d4; padding:5px 3px; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
input.int{ width:98%; margin-top:5px; font-size:15px; height:40px}
textarea.int { width:100%; height:100px; font-size:15px;}
input.btn { background-color:#186bb9; font-size:18px; font-weight:normal; padding:0; display:block; height:46px; line-height:46px; width:140px; margin:20px auto 10px auto; border:1px solid #186bb9; color:#fff; font-weight:bold; cursor:pointer; border-radius:10px}
.form-fot { margin:20px;}


@media screen and (max-width: 640px) {
	#Inquirybox ul {width:100%; padding:1% 0;float:none}
	#Inquirybox ul:nth-child(6){width:100%;}
	input.int{ width:100%;}
}




/*新闻页首页*/

.new_top{max-width:100%; margin:0 auto; padding:3rem 0;background-color:#fff}
.title{font-size:24px; margin-bottom: 1em; text-align: center;}
.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}
.w-newsList2 .swiper-slide{padding:0 3rem}
.w-newsList2{position: relative; overflow:hidden;/* margin:0 3rem*/}
.w-newsList2 a{ display: block; text-decoration: none; color: #333;}
.w-newsList2 .news-item{ position:relative;}
.w-newsList2 .img{ float: right; width:50%; overflow: hidden;}
.w-newsList2 .img img{transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1); width:100%; height:auto; overflow:hidden}
.w-newsList2 .swiper-slide.swiper-slide-active .img img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList2 .news-text{ margin-right:52%;}
.w-newsList2 .news-h{font-size:28px; line-height: 1.4; margin-bottom: 1em;}
.w-newsList2 .news-sum{margin-top:30px; line-height: 1.8; color:#808080;}
.w-newsList2 .more{position: absolute; left: 0; bottom: 1em; line-height: 2.8; padding: 0 3em; border:1px solid #aaa; color:#333;overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.w-newsList2 .more:hover{color:#fff; border-color:#FF6600;}
.w-newsList2 .more .bgsqr1,.w-newsList2 .more .bgsqr2,.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{background:#FF6600;position: absolute;top:0; width: 0px;height: 100%;-webkit-transition: all 0.4s; transition: all 0.4s; opacity:0.35;}
.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{ opacity:0.75;}
.w-newsList2 .more .bgsqr1{ left:0;}
.w-newsList2 .more .bgsqr2{ right:0}
.w-newsList2 .more .bgsqr3{ right:0;}
.w-newsList2 .more .bgsqr4{ left:0;}
.w-newsList2 .more:hover .bgsqr1,.w-newsList2 .more:hover .bgsqr2,.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{ width:100%;}
.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{-webkit-transition-delay:.4s;transition-delay:.4s;}
.w-newsList2 .more span{ position:relative; z-index:1;}
.w-newsList2 .adSN_page{ position: absolute;left: 80%;  /*right:10px;*/ width: auto; z-index: 10; /*text-align: right; */}
.w-newsList2.swiper-container-horizontal .adSN_page{bottom:20px;}
.w-newsList2 .adSN_page span{ background: #c9c9c9; opacity: 1; width:40px; height: 5px; border-radius: 0; -webkit-border-radius: 0;}
.w-newsList2 .adSN_page span.swiper-pagination-bullet-active{background: #f60;}
.w-newsList2.swiper-container-vertical .adSN_page span{margin:15px 0;}

@media (max-width:1024px){
.w-newsList2 .news-sum{margin-top:20px;}
.w-newsList2 .more{bottom:0}
}

@media (max-width:960px){
	.w-newsList2 .news-h{font-size:24px;}
	/*.w-newsList2 .news-sum{ display: none;}*/
}

@media (max-width:768px){


	.w-newsList2 .news-h{font-size:20px;}
	.w-newsList2 .img{float: none; width:100%;}
	.w-newsList2 .news-text{margin-right: 0; text-align: center; padding:1em 0 3em;}
	.w-newsList2 .more{position: relative; margin-top:1.2em; bottom: 0; display: inline-block;}
	.w-newsList2 .adSN_page{ top: auto; bottom: 0 !important; left: 0; right: 0 ; transform: none; -webkit-transform: none; text-align: center;}
	.w-newsList2 .adSN_page span{margin:0 0.3em !important; display: inline-block; width:1.8em; height: 0.25em;}
}
@media (max-width:480px){

	.w-newsList2 .news-h{font-size:125%;}
}