/* Unessential CSS - Just here to make this sample page prettier */

html, body {
    height: 100%;
}
body {
    margin: 0;
	padding:0px;

}

.ny_banner{
	width:100%;
	overflow:hidden;
	min-height:280px;
    animation: scale 15s infinite linear;
    -webkit-animation: scale 15s infinite linear;
	animation-name:bounceInLeft;
 animation-duration:1s;
 animation-delay:1s;
 animation-fill-mode:both;
 position:relative;
 padding-top:95px;
	}
.newsbg{ background: url(/images/newsbgny.jpg) center no-repeat #fff; }
.zxlybg{ background: url(/images/zxlybgny.jpg) center no-repeat #fff; }
.jjwh01{ background: url(/images/jjwhbgny.jpg) center no-repeat #fff; }
.zsjmbg{ background: url(/images/zsjmbgny.jpg) center no-repeat #fff; }
.productsbg{ background: url(/images/productsbgny.jpg) #fff; }
.contactbg{ background: url(/images/contactbgny.jpg) center no-repeat #fff; }
.aboutbg{ background: url(/images/aboutbgny.jpg) center no-repeat #fff; }
.banner_dw{ position:relative; width:100%; max-width:1550px; height:100%; min-height:280px; margin:0 auto; }
.banner_dw h1{ width:100%; font-size:45px; font-weight:bold; color:#fff; line-height:50px; padding-bottom:10px; position:absolute; bottom:30%; left:0px; z-index:9;  margin-bottom:20px; text-align:center;  }
.banner_dw h1 span{ font-weight:bold; text-transform: uppercase; color:rgba(255,255,255,0.2);  display:block; width:100%; position:absolute; bottom:55%; left:0px; z-index:-1; text-align:center; font-size:80px; }
.page_muen_nav{ width:100%; max-width:1550px; height:auto; margin:0 auto; font-size:14px; color:#000; line-height:60px; }
.page_muen_nav a{ color:#000; }
.page_muen_nav a:hover{ color:#c4021d; }
#page_muen_nav_left{ width:100%; max-width:1350PX; margin:0 auto; background:url(/images/dqwz.png) left center no-repeat; padding-left:45px; }
#page_muen_nav_right{ width:100%; float:right; position:absolute; bottom:20%; text-align:center; font-size:16px; }
#page_muen_nav_right ul{ width:100%; }
#page_muen_nav_right ul li{ display:inline-block; padding:0px 30px; line-height:40px; margin:0px 3px; background:rgba(255,255,255,0.8); border-radius:15px; color:#c60018; }
#page_muen_nav_right ul li a{ color:#000; }
#page_muen_nav_right ul li:hover{ background:#21ad42; }
#page_muen_nav_right ul li:hover a{ color:#fff; }
#buy{ display:none; }
#page_muen_nav{ width:100%; background:#f1f1f1;
 }
#content{ width:100%; max-width:1350px; overflow:hidden; background:none; padding:30px 0px; margin:30px auto; /*box-shadow: 0px 8px 5px #e2e2e2;*/
 }
#content img{ max-width:100%; }
#pic_text_list{ width:102%; }
#pic_text_list li{ width:calc(33.3333% - 32px); float:left; margin-right:25px; margin-bottom:25px;  padding:0px; }
#pic_text_list li img{ width:100%; }
#pic_text_list li img {
 width: 100%;

 transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#pic_text_list li a:hover img {
 transform: scale(1.2, 1.2) 
}
.news_001_pic{ border:1px solid rgba(240,240,240,1); width:100%; display:block; max-height:500px; overflow:hidden; margin-bottom:15px; }
#big span{ width:100%; display:block; text-align:center; }
#big span a{ color:#000; font-size:20px; font-weight:300; }
#big span p{     
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-block-end: 0em;
    display:none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	width:100%;
	padding-top:10px;
	
	 }
#big span a:hover{ color:#197465; }
.news_list{ width:100%; text-align:left; }
.news_list li{ width:33.33%; height:auto; display:inline-block; clear:both; padding:10px 1%; border-bottom:dashed 1px rgba(240,240,240,1); }
.newsimg{ width:100%; float:none; padding:5px; border:1px solid rgba(240,240,240,1); margin-bottom:0px; }
.newsimg img{ width:100%; }
.news_list li .newstite{ display:block; width:100%; float:right; height:auto; text-align:left; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden; }
.news_list li .newstite h1{ font-size:20px!important; margin-top:0px; font-weight:normal; border-bottom:0px solid rgba(240,240,240,1)!important; margin-bottom:0px!important; line-height:30px!important; padding-bottom:0px!important; text-align:left;
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
 }
.news_list li .newstite h1 a{ color:#000; }
.news_list li .newstite h1 a:hover{ color:#c4021d; }
.news_more { display:block; width:100%;  margin-top:25px; }
.news_more a{ color:#fff; padding:10px 20px; background:#0069b7; color:#fff; font-size:14px; }
.news_more a:hover{ background:#c4021d; }
.time{ display:block; width:100%; color:#666; font-size:14px; padding:5px 0px; text-align:left; }
.news_list li p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-block-end: 0em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	width:100%; clear:both;
	text-align:left;
}
.title_page{ width:100%; text-align:center; font-weight:400; font-size:24px; }
.title_page h1{  font-size:30px!important; font-weight:400; border-bottom:0px solid rgba(240,240,240,1)!important; margin-bottom:0px!important; line-height:45px!important; padding-bottom:0px!important; color:#000; }
.des_page{ width:100%; text-align:center; padding:10px 0px; text-align:center; background:#f4f4f4; margin:20px 0px; }
.des_page span{ padding:0px 10px; }
.alignleft{ width:100%; }
.alignleft a{ color:#000; line-height:30px; }
.alignleft a:hover{ color:#c4021d; }
.news_content{ width:100%; overflow:hidden; padding-bottom:10px; }

.pager {width:100%;overflow:hidden;white-space:nowrap;padding:4px;float:left;text-align:center; margin:20px 0;}
.pager a { background:#ddd; color:#000; font-size:14px;margin:2px;padding:15px 15px; text-decoration:none;}
.pager a.current {background:#197465; font-size:14px;margin:2px;padding:15px 15px;}
.pager a:hover {background:#197465;font-size:14px;color:#fff;text-decoration:none;}
.hover_incase{ position:absolute; top:0; left:0; display:none;}/*index-left&right*/
.bottom_tw {
    width: 100%;
    max-width: 1400px !important;
    margin: 0 auto;
    color: #596470;
    padding: 30px 0px;
}
.bottom_b p {
    width: 100%;
    max-width: 1400px !important;
    margin: 0 auto;
    color: #596470;
}

.box{
    width:50%;height:aoto; border: 1px solid #dedede; overflow:hidden; margin:0px; float:left;
}
.all{
    width: 100%;height: auto;margin:0px auto;overflow: hidden;
}
.top-img{
    width: 100%;height: auto;font-size: 0;position: relative;
}
.activeimg{
    overflow: hidden;height:auto;position: relative;
}
.top-img .activeimg img{
    width: 100%;height:auto;
}
.bot-img{
    height: 90px;width: 650px;margin-top: 15px; overflow:hidden;
}
.bot-img ul{
    width: 100%;height: 100px; background:#f5f5f5; padding:10px;
}
.bot-img ul li{
    width: 90px;margin-right: 10px;float: left;border: 1px solid #fff;cursor: pointer;font-size: 0;
}
.bot-img ul li.active{
    border: 1px solid #ff6600;
}
.bot-img ul li img{
    width: 100%;
}
.bot-img ul li:last-child{
    margin-right: 0;
}
.productsjsright{ width:48%; float:right; }
.productsjs{ width:100%; clear:both; }
.productsjs h1{ font-size:30px!important; font-weight:400; border-bottom:1px solid rgba(240,240,240,1)!important; margin-bottom:25px!important; margin-top:40px!important; line-height:30px!important; padding-bottom:0px!important; }
.productsjsright h2{ width:100%; background:#f0f0f0; font-weight:normal; font-size:18px; padding:10px 0px; margin-top:20px; }
.productsjsright h2 b{ font-weight:normal !important; padding-left:15px; }
#price { font-size:24px !important; font-weight:bold; }
.productsjs h1 span{ padding:10px 30px; background:#028b3d; color:#fff!important; }
.productsjsright h1{ font-size:24px!important;  background:#f0f0f0 !important; padding:10px 0px; text-indent:15px; margin-bottom:20px; }
.productsjsright p{ width:100%; font-size:18px; line-height:40px; }
.productsjsright dd{ width:100%; font-size:36px; line-height:55px; text-indent:15px; font-family:"MS Serif", "New York", serif; }
ul.zzry{ width:100%; text-align:center; }
.zzryimg{ width:100%; height:250px; overflow:hidden; }
.zzryimg img{ width:100%; }
ul.zzry li{ width:33.33%; padding:10px 2%; display:inline-block; }
.zzrytite{ width:100%; font-size:16px; color:#000; line-height:40px; }
.dtu{ width:50%; float:left; }
.laxf{ width:50%; float:right; padding:20px; min-height:403px; background:#fafafa; }
@media screen and (max-width:1400px) { 
#content {
  width: 100%;
  max-width: 90%;
  overflow: hidden;
  background: none;
  padding: 30px 5%;
  margin: 30px auto;
  box-shadow: 0px 8px 5px #e2e2e2;
}
#content img{ width:100%; }
}
@media screen and (max-width:768px) {
#content{ width:92%; margin-left:4%; padding:30px 0; }
#page_muen_nav_left{ display:none; }
#page_muen_nav_right{ width:100%; }
#page_muen_nav_right {
    width:100%;
    float: right;
    text-align: center;
    font-size: 16px;
}
#pic_text_list li {
    width:100%;
    float: left;
    margin-right:0px;
    margin-bottom: 25px;
    padding: 0px;
}
#pic_text_list {
    width: 100%;
}
.newsimg {
    width:100%;
    float: none;
    padding: 5px;
    border: 1px solid rgba(240,240,240,1);
}
.news_list li .newstite {
    display: block;
    width: 100%;
    float:none;
    height: auto;
}
.des_page {
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    text-align: center;
	font-size:14px;
	background:#ddd;
	margin-top:10px;
}
.des_page span {
    padding: 0px 5px;
}
.banner_dw h3 {
    width: 90%;
    font-size: 36px;
    color: #fff;
    position: absolute;
    bottom: 100px;
    left: 5%;
    z-index: 9;
}
.banner_dw p {
    width: 90%;
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 70px;
    left:5%;
    z-index: 9;
}
#page_muen_nav_right ul li {
    display: inline-block;
    padding: 0px 15px;
	font-size:18px;
	margin-bottom:15px;
}
.banner_dw h1 span{ font-weight:bold; color:rgba(255,255,255,0.3);  display:block; width:200%; position:absolute; bottom:60%; left:-50%; z-index:-1; text-align:center; font-size:50px; }
.banner_dw h1{ width:100%; font-size:45px; font-weight:bold; color:#fff; line-height:50px; padding-bottom:10px; position:absolute; bottom:45%; left:0px; z-index:9;  margin-bottom:20px; text-align:center;  }
.news_list li .newstite h1{ font-size:20px!important; margin-top:0px; font-size:24px!important; font-weight:normal; border-bottom:0px solid rgba(240,240,240,1)!important; margin-bottom:0px!important; line-height:30px!important; padding-bottom:0px!important; text-align:left;
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
 }
.news_list li {
    width:100%;
    height: auto;
    display: inline-block;
    clear: both;
    padding: 10px 1%;
    border-bottom: dashed 1px rgba(240,240,240,1);
	margin-bottom:20px;
}
.news_list li p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-block-end: 0em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    clear: both;
    text-align: left;
	font-size:16px;
}
.product_content img{ width:100%; }
.right_mian img{ width:100%; }

.productsjsright h1 {
    font-size: 30px!important;
    background: #f0f0f0 !important;
    padding: 20px 0px;
    text-indent:0px;
    margin-bottom: 20px;
	margin-top:20px;
	text-align:center;
}
.productsjsright h2 {
    width: 100%;
    background: #f0f0f0;
    font-weight: normal;
    font-size: 18px;
    padding: 10px 0px;
    margin-top: 20px;
	text-align:center;
}

.productsjsright {

    width: 100%;
    float: right;

}
.dtu{ width:100%; float:left; }
.laxf{ width:100%; float:right; padding:20px; min-height:403px; background:#fafafa; }
.productsjsright p {
  width: 100%;
  font-size: 18px;
  line-height: 40px;
  display:none;
}
.box {
  width: 100%;
  height: aoto;
  border: 1px solid #dedede;
  overflow: hidden;
  margin: 0px;
  float: left;
}
.demo-gallery a span {
  display: block;
  width: 100%;
  max-height: 100% !important;
  overflow: hidden;
}
}