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

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

}

.ny_banner{
    background-image: url(/images/nybanner.jpg);
	min-height:500px;
    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;
	}
.banner_dw{ position:relative; width:100%; max-width:1400px; height:100%; min-height:500px; margin:0 auto; }
.banner_dw h3{ width:100%; font-size:36px; color:#fff; position:absolute; bottom:100px; left:0px; z-index:9; }
.banner_dw p{ width:100%; font-size:16px; color:#fff; position:absolute; bottom:70px; left:0px; z-index:9; }
.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:#c37416; }
#page_muen_nav_left{ width:20%; float:left; background:url(/images/dqwz.png) left center no-repeat; padding-left:25px; }
#page_muen_nav_right{ width:75%; float:right; text-align:right; font-size:16px; }
#page_muen_nav_right ul{ width:100%; }
#page_muen_nav_right ul li{ display:inline-block; padding:0px 15px; }
#page_muen_nav_right ul li:hover{ background:#c47416; }
#page_muen_nav_right ul li:hover a{ color:#fff; }
	
#page_muen_nav{ width:100%; background:#fff; }
#content{ width:100%; max-width:1340px; background:#fff; padding:30px; margin:30px auto; box-shadow: 0px 8px 5px #e2e2e2; }
#content h1{ width:100%; font-size:30px; color:#000; border-bottom:1px solid rgba(240,240,240,1); line-height:50px; padding-bottom:10px; margin-bottom:20px;  }
#content h1 span{ font-weight:normal; color:#666; font-size:18px; }
#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; }
#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;
	
	 }
#content img{ width:100%; }
#big span a:hover{ color:#f08300; }
.news_list{ width:100%; }
.news_list li{ width:100%; height:auto; clear:both; padding:10px 0px; border-bottom:dashed 1px rgba(240,240,240,1); }
.newsimg{ width:20%; float:left; padding:5px; border:1px solid rgba(240,240,240,1); }
.newsimg img{ width:100%; }
.news_list li .newstite{ display:block; width:78%; float:right; height:auto; }
.news_list li .newstite h1{ font-size:20px!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; }
.news_list li .newstite h1 a{ color:#000; }
.news_list li .newstite h1 a:hover{ color:#f08300; }
.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:#f08300; }
.time{ display:block; width:100%; color:#666; font-size:14px; padding:5px 0px; }
.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;
}
.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; }
.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:#f08300; }
.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:#f39b33; font-size:14px;margin:2px;padding:15px 15px;}
.pager a:hover {background:#f39b33;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:650px; 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:#0069b7; color:#fff!important; }
.productsjsright h1{ font-size:24px!important; }
.productsjsright p{ width:100%; font-size:14px; line-height:30px; }

@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;
}
.bottom_b {
    width: 100%;
    background: #1e2227;
    line-height: 40px;
    padding: 15px 0px;
	font-size:14px;
}
.bottom_b p{ font-size:12px; text-align:center; }
.bottom_b p span {
    float: right;
	display:none;
}
#pic_text_list li {
    width:100%;
    float: left;
    margin-right:0px;
    margin-bottom: 25px;
    padding: 0px;
}
#pic_text_list {
    width: 100%;
}
.newsimg {
    width: 45%;
    float: left;
    padding: 5px;
    border: 1px solid rgba(240,240,240,1);
}
.news_list li .newstite {
    display: block;
    width: 51%;
    float: right;
    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;
}
}

.bigimg{width:1000px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
	.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
	.bigbox{    width:103%;
    max-width: 101.5%;
    margin: 0 auto;background: #fff; margin:0 auto;border-radius:0px;overflow: hidden;padding:0px; text-align:left;}
	.bigbox>.imgbox{width: calc((100% - 150px)/3); padding:0px 1%; height:330px; border:1px solid #ccc; margin-right:20px; margin-bottom:20px; display:inline-block; border-radius:5px;overflow: hidden;float: left;}
	.bigbox>.imgbox span{ display:block; width:100%; max-height:400px; overflow:hidden; }
	.bigbox>.imgbox p{ width:100%; text-align:center; font-size:18px; line-height:45px; }
	.bigbox>.imgbox img{width:100%;}
	.bigbox>.imgbox img {
	width: 100%;/* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.bigbox>.imgbox:hover img {/*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
	.imgbox:hover{cursor:zoom-in}
	.mask:hover{cursor:zoom-out}
	.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
	.mask>img:hover{cursor:pointer}
@media screen and (max-width:768px) {
.bigbox{    width:100%;
    max-width: 100%;
    margin: 0 auto;background: #fff; margin:0 auto;border-radius:0px;overflow: hidden;padding:0px; text-align:center;}
	.bigbox>.imgbox{width:100%; padding:0px; height:450px; display:inline-block; border-radius:5px;overflow: hidden;margin: 0 0px 10px 0px;}
	.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none !important; }
	.bigimg{ display:none !important; }
	
	}