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

html, body {
    height: 100%;
}
body {
    margin: 0;
	background:#f5f7fa;

}

.ny_banner{
	min-height:350px;
    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;
	}
.newsbg{ background-image: url(/images/newsbg1.jpg); }
.jjwh{ background-image: url(/images/jjwhbg.jpg); }
.fwzc{ background-image: url(/images/fwzcbg.jpg); }
.productsbg{ background-image: url(/images/productsbg1.jpg); }
.contactbg{ background-image: url(/images/contactbg.jpg); }
.gywm{ background-image: url(/images/aboutbg1.jpg); }
.banner_dw{ position:relative; width:100%; max-width:1400px; height:100%; min-height:350px; 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:40%; left:0px; z-index:9;  margin-bottom:20px; text-align:center;  }
.banner_dw h1 span{ font-weight:bold; color:rgba(10,162,22,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:1400px; 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:1400PX; margin:0 auto; background:url(/images/dqwz.png) left center no-repeat; padding-left:25px; }
#page_muen_nav_right{ width:100%; float:right; position:absolute; bottom:25%; 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(10,162,22,0.2); border-radius:15px; color:#c60018; }
#page_muen_nav_right ul li a{ color:#0aa216; }
#page_muen_nav_right ul li:hover{ background:#0aa216; }
#page_muen_nav_right ul li:hover a{ color:#fff; }
	
#page_muen_nav{ width:100%; background:#dfdfdf;
 }
 body{ background:url(../images/nybg.jpg) center repeat-y #fff; }
#content{ width:100%; max-width:1360px; overflow:hidden; background:#fff; padding:20px; margin:30px auto;     box-shadow: rgba(43, 50, 54, 0.2) -2px 5px 25px -5px;
 }
#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:440px; overflow:hidden; margin-bottom:15px; }
#big span{ width:100%; display:block; text-align:center; }
#big span a{ color:#000; }
#big span 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%;
	padding-top:10px;
	display:none;
	
	 }
#big span a:hover{ color:#c4021d; }
.news_list{ width:100%; text-align:left; }
.news_list li{ width: calc((100% - 100px)/3); 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; }
.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; }
.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:#c4021d; font-size:14px;margin:2px;padding:15px 15px;}
.pager a:hover {background:#c4021d;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:650px;height: aoto;border: 1px solid #dedede;margin:0px; float:left;
}
.all{
    width: 650px;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: 650px;height:450px;
}
.bot-img{
    height: 90px;width: 650px;margin-top: 15px
}
.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:680px; 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:35px!important; line-height:30px!important; padding-bottom:7px!important; }
.productsjs h1 span{ padding:10px 30px; background:#c60018; color:#fff!important; }
.productsjsright h1{ font-size:24px!important; background:#ececec; padding:10px; padding:20px; margin-bottom:20px; }
.productsjsright p{ width:100%; font-size:14px; line-height:30px; }
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; }

@media screen and (max-width:768px) {
#content{ width:92%; padding:30px 4%; }
#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(10,162,22,0.3);  display:block; width:100%; position:absolute; bottom:60%; left:0px; 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;  }
.productsjsright {
    width:94%;
    float: none;
	padding:0px 2%;
}
.productsjsright h1 {
    font-size: 24px!important;
    background: #ececec;
    padding: 20px;
    margin: 20px 0px;
}
.news_list li {
    width: calc((94% - 0px)/1);
    height: auto;
    display: inline-block;
    clear: both;
    padding: 10px 2%;
    border-bottom: dashed 1px rgba(240,240,240,1);
	margin-bottom:15px;
}
#big span a {
    color: #000;
	font-size:24px;
}
.bottom_top_left{ display:none; }
.bottom_top_right_l {
    width: 100%;
    float: left;
    text-align: center;
    padding-right: 0%;
}
.bottom_top_right{ width:100%; padding-top:20px; }
.bottom_top_right_r h1 { text-align:center; }
.bottom_top_right_r{ text-align:center; }
.news_001_pic {
    border: 1px solid rgba(240,240,240,1);
    width: 100%;
    display: block;
    max-height: 540px;
    overflow: hidden;
    margin-bottom: 15px;
}
.news_content {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
	padding-top:15px;
}
.title_page h1 {
    font-size: 30px!important;
    font-weight:bold;
    border-bottom: 0px solid rgba(240,240,240,1)!important;
    margin-bottom: 0px!important;
    line-height: 45px!important;
    padding-bottom: 0px!important;
    color: #000;
}
}

