.ny_about{width:100%}

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 }
.ban_ny img{width:100%; height:auto; overflow:hidden}
.ban_ny h3{ position:absolute; margin-top:-19%; background:rgba(0,0,0,0.4); color:#fff; width:40%; margin-left:30%; text-align:center; padding:30px 20px; font-size:26px; line-height:46px; font-weight:bold}
.ban_ny h3 span{font:normal 56px/60px Georgia, "Times New Roman", Times, serif; opacity:0.9; display:block}

@media (max-width:1001px){
	.ban_ny h3{width:45%; margin-left:30%; padding:20px; margin-top:-20%}
	.ban_ny h3 span{font:normal 50px/50px Georgia, "Times New Roman", Times, serif;}
	}
	
@media (max-width:768px){
	.ban_ny h3{width:50%; margin-left:30%; padding:15px; margin-top:-20%}
	.ban_ny h3 span{font:normal 46px/46px Georgia, "Times New Roman", Times, serif;}
	}
	
@media (max-width:640px){
	.ban_ny h3{width:55%; margin-left:25%; padding:10px; margin-top:-20%; font-size:20px; line-height:30px;}
	.ban_ny h3 span{font:normal 38px/40px Georgia, "Times New Roman", Times, serif;}
}
@media (max-width:480px){
.ban_ny h3{ font-size:20px; line-height:26px;margin-top:-19%;}
	.ban_ny h3 span{font:normal 28px/28px Georgia, "Times New Roman", Times, serif;; display:none}
}


/*.ban_about{width:100%; height:350px; background:url(../images/ban_about.jpg) no-repeat center top}*/
.ban_prod{width:100%; height:350px; background:url(../images/ban_pro.jpg) no-repeat center top}
.ban_honor{width:100%; height:350px; background:url(../images/ban_honor.jpg) no-repeat center top}
.ban_cj{width:100%; height:350px; background:url(../images/ban_cj.jpg) no-repeat center top}
.ban_news{width:100%; height:350px; background:url(../images/ban_news.jpg) no-repeat center top}
.ban_ly{width:100%; height:350px; background:url(../images/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; 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: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:#01848b; background:url(../images/ny_t_ico.png) no-repeat center left;/*background-color:#f29c20; border:1px solid #f29c20;*/}
.navon1 a{color:#01848b; background:url(../images/ny_t_ico.png) no-repeat center left; /*background-color:#f29c20; border:1px solid #f29c20;*/}
	
.ny_about_ny{width:100%; padding:5em 0;}

.ny_about{height:auto; overflow:hidden; color:#434343}
.ny_prod{ height:auto; overflow:hidden; color:#434343}
.ny_news{ height:auto; overflow:hidden; color:#434343}

.ny_dt{width:100; height:auto; overflow:hidden}


@media (max-width:640px){
	.ny_about_ny{padding:3em 0;}
	.ny_about_ny img{width:100%; float:none;}
	}
	
/*product*/
.ny_pro_ny{width:100%; padding:30px 0; /*height:auto; overflow:hidden*/}
.ny_pro_list{width:30.33%; float:left; margin:1.5%; background-color:#fff; box-shadow:0px 0px 8px #ccc;}
.ny_pro_list a img{width:100%; padding:2%; height:auto; overflow:hidden; display:block}
.ny_pro_list 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_list p a{font-size:15px; line-height:26px}







.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}



.next1{ line-height:30px; font-size:14px; text-align:center; color:#626262; margin:30px 0}
.next1 a{margin:0px 2px; padding:8px 16px; border:1px solid #ccc; color:#626262; background-color:#fff}
.next1 a:hover{background-color:#009fa8; color:#fff; padding:8px 16px; border:1px solid #009fa8}
.next1 b{background-color:#009fa8; color:#fff; padding:8px 16px; border:1px solid #009fa8}
.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}
.next1 a{margin:2px 1px; padding:0px 8px; border:1px solid #ccc; color:#626262; background-color:#fff; display:inline-block}
.next1 a:hover{background-color:#009fa8; color:#fff; padding:0px 8px; border:1px solid #009fa8}
.next1 b{background-color:#009fa8; color:#fff; padding:0px 8px; border:1px solid #009fa8; display:inline-block}
.pages button{ line-height:30px;}
.pagesone{ display:none;}
}

@media (max-width:380px){
	.ny_pro_list{width:97%; float:left; margin:20px 1.5%; }
	.ny_pro_list1{width:97%; float:left; margin:20px 1.5%; }
}




@media (max-width:767px){
	.ny_pro_ny{padding:5px 0;}

	}

.ny_pro_top{width:100%; height:auto; padding:2%;  background-color:#f2f2f2; /*box-shadow:0px 2px 10px #b3b3b3;*/ overflow:hidden}
.ny_pro_top_l{width:40%; float:left; height:auto; overflow:hidden;}
.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:#01848b; line-height:3em;}
.ny_pro_top_r p{width:100%; border-top:1px dotted #dcdcdc; line-height:4.5em; display:block}
.bdshare_b{border-top:1px dotted #dcdcdc; width:100%; padding-top:3em}

.ny_pro_b{width:100%; margin-top:30px;}
.ny_pro_b h4{width:100%; padding:1.2% 2%; background-color:#01848b; /*box-shadow:0px 2px 10px #b3b3b3;*/ line-height:36px; margin-bottom:50px}
.ny_pro_b h4 span{width:auto;  font-size:20px; font-weight:bold; color:#fff}
.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:#01848b;}


@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}
	}
	
	
/*news*/
.ny_news_ny{width:100%; padding:20px 0; }
.ny_news_list{width:47%; float:left; padding:1.5%; height:auto; overflow:hidden; background-color:#fff; box-shadow:0px 2px 10px #b3b3b3; margin:1.5%}
.n_news_l{width:35%; float:left}
.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:normal; 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 3em 0}

.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:47%; padding:1.5%; margin:1.5%}
	.n_news_r p{padding-top:10px;}
	.ny_news_ny{padding:20px 0;}
	.ny_video_list{width:50%; padding:.5em;}
	}
	
	@media (max-width:991px){
		.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;}
	}
	
	@media (max-width:480px){
	.ny_news_list{width:97%; float:none; padding:4%; margin:0 1.5% 25px 1.5%}
	.n_news_r h3{ margin-top:15px}
	.n_news_r span{padding-top:5px;}
	}



/*feedback*/

.ny_feed_ny{width:100%; padding:3em 0; height:auto; overflow:hidden}

.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:#01848b; 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:100%; background-color:#01848b; border:1px solid #01848b; color:#fff; height:3em; font-size:1.3em; 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:#01848b; 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: #01848b;
  color:#fff
}
.radio:checked ~ .content {
  max-height: 180px;
  border-color: #01848b;
  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%}


}