@charset "utf-8";
#page{margin:30px auto}
#left dl{background:#eee;margin-bottom:30px;padding:0 0 10px 0;border-radius:0 0 5px 5px}
#left dt{line-height:40px;background: #005bac;color:#fff;text-align:center;margin-bottom:10px;border-radius:5px 5px 0 0;}
#left dd{padding:0 10px;font-size:14px}
#left dl:first-child a{display:block;background:#fff;margin:5px 0;padding:0 10px;overflow:hidden;transform:translateZ(0);position:relative;line-height:2.5;font-size:14px}
#left dl:first-child a:after{position:absolute;top:0;left:0;display:block;content:' ';width:0;height:100%;background:#333;z-index:-1;transition:.5s all}
#left dl:first-child a:hover:after{width:100%}
#left dl:first-child a:hover{color:#fff}
.contact{background:#eee;margin-bottom:30px;margin-top: 20px;padding:0 0 10px 0;border-radius:0 0 5px 5px;}
.contact dt{line-height:40px;background: #005bac;color:#fff;text-align:center;margin-bottom:10px;border-radius:5px 5px 0 0;}
.contact dd{padding:0 10px;font-size:14px}
#position{background: #005bac;color:#fff;font-size:14px;line-height:40px;border-radius: 5px 5px 0 0;}
.position{text-align:right;}
.position .update{color: #005bac;}
#position a{color:#fff;}
#position a:hover{color:#333}
#content{margin-top:30px}

.nprolist li>a{display:block;overflow:hidden;position: relative;}
.nprolist li>a:after{content: '';position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.5) url(../images/yan.png) no-repeat center;left: 0;top: -100%;transition: 0.3s all ease-in-out;z-index: 1;}
.nprolist li:hover>a:after{top:0}
.nprolist img{display:block;max-width:100%;}
.nprolist li p:after{position: absolute;content: '';width: 100%;height: 100%;background: #005bac;bottom: -100%;left: 0;transition: 0.3s all ease-in-out;z-index: 0;}
.nprolist li:hover p:after{bottom:0}
.nprolist li:hover a{color:#fff;}
.nprolist li a:hover{color:#fff;}
.nprolist p{text-align:center;line-height:2.5;margin-bottom: 20px;background: #eee;overflow: hidden;position: relative;}
.nprolist p a{position:relative;z-index:1}

#ndownload img{position:absolute;display:block;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
#ndownload p{text-align:center;line-height:2.5;margin-bottom: 20px;}
#ndownload li p:after{display:none}
.nnewslist dl{border:2px solid #005bac;margin-bottom:20px;padding:10px;position:relative;transition:0.5s all}
.nnewslist dl:hover{padding:10px 20px;background:#ccc}
.nnewslist dt{color:#000;font-weight:bold;max-width:90%}
.nnewslist dd{font-size:12px;color:#666;max-height:72px;overflow:hidden}
.date{position:absolute;top:0;right:0;width:105px;line-height:56px;text-align:center;color:#eee}
.date span{display:block;line-height:20px;font-size:14px;background:#666}
.date b{display:block;line-height:20px;font-size:16px;background:#005bac}
.newsT{text-align:center}
.newsT p{font-size:14px}
.dproT{border:1px solid #ccc;padding:10px;border-radius:5px}
.dproT>div:first-child{border-radius:5px;padding:10px 0;max-width:80%;margin:0 auto}
.dproT img{max-width:100%;max-height:100%;display:block;margin:0 auto}
.dproT p{font-size:14px;line-height:2.5}
.dproC{padding:10px;border:1px solid #ccc;margin:10px 0;border-radius:5px}
.dproC table{border-collapse:collapse;text-align:center;}
.tag{font-size:14px}
.related-news{margin:10px 0}
.related-news dt,.related-product dt{background:#eee;padding-left:10px;margin:10px 0}
.related-news dd{line-height:2.5;border-bottom:1px dotted #ccc;}
.related-news span{float:right;font-size: 14px;display: block;width: 80px;height: 35px;overflow: hidden;}
.related-product dd>a{display:block;position:relative;height:0;padding: 0 0 74%;border:1px solid #ccc;}
.related-news a{height: 40px;overflow: hidden;}
.related-product img{max-width:100%;max-height:100%;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.related-product p{text-align:center}
#ndownload li>a{padding:0 0 75%;display: block;overflow: hidden;position: relative;height: 0;border: 1px solid #ccc;}
.pages{text-align:center;margin-top:10px}
.pages span:nth-child(1){width:auto;border:1px solid #000;height:28px;padding:0 5px;text-indent:0!important;background:0 0!important}
.pages span:nth-child(2){background:url(../images/pageCoin.png) no-repeat 8px -18px #b7b7b7;text-indent:-9999px}
.pages span:nth-child(2) a{background:url(../images/pageCoin.png) no-repeat 8px -18px #000}
.pages span:nth-child(2) a:hover{background:url(../images/pageCoin.png) no-repeat 8px -18px #005bac}
.pages span:nth-child(3){background:url(../images/pageCoin.png) no-repeat 11px 8px #b7b7b7;text-indent:-9999px}
.pages span:nth-child(3) a{background:url(../images/pageCoin.png) no-repeat 11px 8px #000}
.pages span:nth-child(3) a:hover{background:url(../images/pageCoin.png) no-repeat 11px 8px #005bac}
.pages span.thisclass{background:#000;color:#fff}
.pages span{display:inline-block;width:30px;height:30px;line-height:30px;margin:0 4px;overflow:hidden}
.pages span a{display:block;color:#000;height:28px;border:1px solid #000;width:28px}
.pages span a:hover{background:#000;color:#fff}
.pages span:nth-last-child(2){background:url(../images/pageCoin.png) no-repeat -44px 8px #b7b7b7;text-indent:-9999px}
.pages span:nth-last-child(2) a{background:url(../images/pageCoin.png) no-repeat -44px 8px #000}
.pages span:nth-last-child(2) a:hover{background:url(../images/pageCoin.png) no-repeat -44px 8px #005bac}
.pages span#first{width:auto;border:1px solid #000;height:28px;padding:0 5px;background:0 0;text-indent:0}
.pages span:nth-last-child(1){background:url(../images/pageCoin.png) no-repeat -42px -18px #b7b7b7;text-indent:-9999px}
.pages span:nth-last-child(1) a{background:url(../images/pageCoin.png) no-repeat -42px -18px #000}
.pages span:nth-last-child(1) a:hover{background:url(../images/pageCoin.png) no-repeat -42px -18px #005bac}
#ryzz:after{display:block;content:'';clear:both}
#ryzz a{width:23%;margin:1% 1%;float:left;display:block;overflow:hidden;position:relative;height:0;padding:0 10px 29%;box-sizing:border-box;border:3px solid #ccc}
#ryzz img{position:absolute;display:block;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
@media (max-width:767px){
	#left dl:first-child a{font-size:12px}
	#ndownload p,.related-product p a{font-size:12px;line-height: 2;height: 24px;overflow: hidden;margin-bottom: 10px;}
	.related-news a{font-size:14px}
	.dproC img{max-width:100%;display:block;height: auto;}
	.nprolist li:first-child{}
	.nprolist li{border-top: 1px solid #f1f1f1;margin-bottom: 10px;}
	.nprolist img {height:147px;}
	.box1{width: 100%;display: block;border-bottom: 0;padding-bottom: 0;}
	.box2{display: block;width: 100%;}
}
@media (min-width:768px){
	.nprolist img {height:231px;}
}