@charset "utf-8";
/* CSS Document */

.fl,.left{ float:left;}
.fr,.right{ float:right;}

.bannar_nr{ width:100%; background:url(../images/nr_banner.jpg) no-repeat center; height:350px; margin:0 auto;}


/*=================内页===================*/
.list_liebiaokk{ width:1200px; margin:0 auto;}

.n_gsgg{width:1200px; overflow:hidden; margin-top:30px; padding-bottom:45px;}
.n_gsgg .left{width:260px; overflow:hidden; padding-top:20px;}
.n_gsgg .right{width:910px; overflow:hidden;}

.n_gsgg .right ul li .fl{ width:280px;height:150px; overflow:hidden; float:left;}

.n_gsgg .right ul li .fr{ width:610px;height:150px; float:right;}
.n_gsgg .right ul li .fr h2{width:610px; font-size:16px; line-height:38px; padding-top:2px;}
.n_gsgg .right ul li .fr h2 a{ color:#585859;}
.n_gsgg .right ul li .fr h2 a:hover{ text-decoration:underline;}
.n_gsgg .right ul li .fr em{ display:block; color:#a6a7ab; line-height:38px;}
.n_gsgg .right ul li .fr p{ line-height:24px; color:#9d9ea0; padding-top:5px;}
.n_gsgg .right ul li .fr span{ display:block; line-height:38px;}
.n_gsgg .right ul li .fr span a{ color:#990100;}
.n_gsgg .right ul li .fr span a:hover{ text-decoration:underline;}
.n_gsgg .right .page{ margin-top:25px;}




.sub-nav{ border:#dadada 1px solid; font-size:13px; margin-bottom:20px;}
.sub-nav h1{ background:url(../images/ny-lt-icon.jpg) 10px center #e0e0e0 no-repeat; height:40px; line-height:40px; padding-left:30px; font-size:15px; color:#484848;}
.sub-nav P{ line-height:30PX; padding:15px 20px;}
.sub-nav P b{ font-size:15px; display:block; font-weight:bold; padding-bottom:5px;}



.main{ margin-top:25px;}
/*.ny-banner{ background:url(http://www.shangduys.com.img.800cdn.com/images/ny-banner.jpg) center no-repeat; height:266px;}
.ny-banner-one{background:url(http://www.shangduys.com.img.800cdn.com/images/ny-03.jpg) center no-repeat; height:266px;}
.ny-banner-two{background:url(http://www.shangduys.com.img.800cdn.com/images/ny-02.jpg) center no-repeat; height:266px;}
*/.main-left{ width:260px;}
.sub-nav ul{ padding:15px 20px;}
.sub-nav ul li{ height:25px; line-height:25px; background:url(../images/li-bj.jpg) left center no-repeat; padding-left:35px; margin:10px 0;}
.main-right{ width:955px;}
.sub-nav ul li:hover{ background:url(../images/li-bj-hover.jpg) left center no-repeat;}
.sub-nav ul li a{ display:block;}
.sub-nav ul .on{ background:url(../images/li-bj-hover.jpg) left center no-repeat;}
.sub-nav ul li a:hover{ color:#4a3601;}
.postion{border-bottom:#CCC 1px solid; height:40px; line-height:40px; background:url(../images/ny-lt-icon.jpg) 15px center no-repeat #d9d7d8; padding-left:10px;}
.postion span{ float:right; padding-right:10px;}
.postion strong{ font-size:15px;font-weight:normal; padding-left:25px; padding-bottom:11px; }
.postion b{ color:#8a774c; font-weight:normal;}
.product-list1{ margin-bottom:30px;}

.postion{ padding:0 10px; background:#e0e0e0; border:1px solid #ccc; height:43px; line-height:43px; margin-top:20px;}
.postion span{ float:right;}
.postion strong{ font-size:16px; font-weight:normal; color:#666666;  background:url(../images/ny-lt-icon.jpg) left 7px no-repeat; padding-left:20px;}
.postion b{ color:#e87e00; font-weight:normal;}

.m-page{ clear:both; text-align:center; margin-top:40px; margin-bottom:50px;}
.m-page a{ border:#ddd 1px solid; padding:3px 8px; height:22px; line-height:22px; margin:0 2px;}
.m-page .on{background:#0061b0; color:#fff;}
.m-page a:hover{background:#0061b0; color:#fff;}







/*内容页*/
.fl_vv{float:left; padding-left:110px;}.fr_vv{float:right; padding-right:110px;}.fl_vv,.fr_vv{display:inline;}
.content{ margin-bottom:40px; line-height:26px;}
.ny-title{ font-size:18px; text-align:center; margin-top:30px; margin-bottom:20px;}
.ny-time{ background:#f6f6f6; height:30px; line-height:30px; text-align:center; margin-bottom:15px;}
.ny-time b{ color:#e50416; font-weight:normal;}
.pages-fx{ margin-top:80px;}
.pages-fx b{ font-weight:bold;}
.pages-fx p{ margin:1px 0;}
.pages-fx a:hover{ color:#e50416;}
.pages-fx .on{color:#e50416; font-weight:bold;}
.pages-fx{ margin-top:15px;}




/*图片排布  */

.products{width:900px; height:380px; margin:-20px 0 0 -34px; }
.products ul{width:260px; height:230px; display:block; margin:38px 0px 6px 36px; float:left; text-align:center;}
.products li{line-height:22px;}
.products li img {border:1px solid #FFF; width:260px;height:230px;}
.products li a{color:#999; text-decoration:none; font-size:14px; display:block;}
.products li a:hover{color:#000; text-decoration:none; font-size:14px; display:block; }
.view {
	width:260px;
	height: 298px;
	margin:0px;
	border: 5px solid rgb(255, 255, 255);
	overflow: hidden;
	position: relative;
	text-align: center;
	box-shadow: 0px 0px 5px rgb(170, 170, 170);
	cursor: default;
}
.view .mask, .view .content {
	width:260px;
	height: 298px;
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
}
.view img {
	display: block;
	position: relative;
}
.effect img {
	opacity: 1;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.effect .mask {
	opacity: 0;
	overflow: visible;
	border-color: rgba(0,0,0,0.7) transparent transparent transparent;
	border-style: solid;
	border-width: 150px;
	width: 0;
	height: 0;
	-moz-transform: translateY(-125px);
	-webkit-transform: translateY(-125px);
	-o-transform: translateY(-125px);
	-ms-transform: translateY(-125px);
	transform: translateY(-125px);
	-moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	-webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	-o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	-ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
	transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}
.effect a.info {
	opacity: 0;
	-moz-transform: translateY(-125px);
	-webkit-transform: translateY(-125px);
	-o-transform: translateY(-125px);
	-ms-transform: translateY(-125px);
	transform: translateY(-125px);
	-moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	-webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	-ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out;
	transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
}
.effect:hover img {
	opacity: 0.7;
	-moz-transform: scale(2, 2);
	-webkit-transform: scale(2, 2);
	-o-transform: scale(2, 2);
	-ms-transform: scale(2, 2);
	transform: scale(2, 2);
}
.effect:hover .mask {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.effect:hover a.info {
	opacity: 1;
	-moz-transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
}
.second-effect .mask {
	opacity: 0;
	overflow: visible;
	border: 0px solid rgba(0,0,0,0.7);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.second-effect a.info {
	position: relative;
	top: -10px;
	opacity: 0;
	-moz-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
	opacity: 1;
	border-top: 148px solid rgba(0,0,0,0.7);
	border-bottom: 148px solid rgba(0,0,0,0.7);
	border-right: 138px solid rgba(0,0,0,0.7);
	border-left: 132px solid rgba(0,0,0,0.7);
}

.second-effect:hover a.info {
	opacity: 1;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.view a.info { background: url('http://www.yijienet.com/myweb/images/link.png') no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 20px; height: 20px; }
.clearfloattt{height:0px;clear:both;
}