@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: #23A253;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>dd>a{background:#23A253;color:#fff}
#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: #23A253;z-index:-1;transition:.5s all;}
#left dl:first-child a:hover{color:#fff;}
#left dl:first-child a:hover:after{width:100%}
#position{border-bottom:1px solid #23A253;color:#23A253;padding:0 10px;font-size:14px;line-height:40px;padding:0}
.position{text-align:right}
#position a{color:#23A253}
#position a:hover{color:#23A253}
#content{margin-top:30px}
.nprolist li>a{display: block;overflow: hidden;position: relative;height: 0;padding: 0 0 74%;border: 1px solid #ccc;}
.nprolist li>a:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,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:before{top:0}
.nprolist 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%);}
.nprolist p{position:relative;overflow:hidden;text-align:center;line-height:2.5;margin-bottom:20px;height: 2.5em;}
.nprolist p a{}
.nprolist p:after{position:absolute;content:'';width:100%;height:100%;background:#23A253;bottom:-100%;left:0;transition:0.3s all ease-in-out;z-index:0}
.nprolist li:hover p a{color:#fff}
.nprolist li p a:hover{color:#fff}
.nprolist li p a{display:block;text-align:center;line-height:3;z-index:1;position:relative;z-index:2}
.nprolist li:hover p:after{bottom:0}
.nnewslist dl{border:2px solid #23A253;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: 80px;line-height:56px;text-align:center;color: #fff;}
.date span{display:block;line-height:20px;font-size:14px;background:#666}
.date b{display:block;line-height:20px;font-size:16px;background:#23A253}
.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 h1{color:#23A253;font-size:20px}
.dproT p{font-size:14px;line-height:2.5}
.dproT a{background:#23A253;color:#fff;padding:5px 10px;margin-top:10px;display:inline-block}
.dproC{padding:10px;border:1px solid #ccc;margin:10px 0;border-radius:5px}
.dproC table{border:1px solid #ccc;border-collapse:collapse;text-align:center}
.dproC td{border:1px solid #ccc}
.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;padding:0 10px}
.related-news span{float:right;display: block;width: 100px;overflow: hidden;height: 2em;}
.related-product dd>a{display:block;position:relative}
.related-product img{display:block;max-width:100%}
.related-product p{text-align:center;margin-bottom:10px;background:#eee}
#ndownload li>a{padding:0 0 58%}
.dproC img{max-width:100%;height:auto}
#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%)}
.prolist{margin-bottom:30px}
.prolist li{float:left;width:12.5%;text-align:center;line-height:40px}
.prolist a{display:block;background:#23A253;color:#fff;border-right:1px solid #fff;font-size:13px;border-radius:20px;margin:0 3px}
.prolist a:hover,.prolist .on{background:#F18910}
.swiper2{position:relative;padding:0 40px}
.swiper2 .swiper-button-prev,.swiper2 .swiper-button-next{position:absolute;width:36px;height:50px;top: 50%;background-size: 36px;background-repeat:no-repeat;background-position:center;margin-top: -42px;}
.swiper2 .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2323A253'%2F%3E%3C%2Fsvg%3E");left: 0;}
.swiper2 .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2323A253'%2F%3E%3C%2Fsvg%3E");right: 0;}
@media (max-width: 767px) {
	.related-news dd a{font-size:14px}
	.related-news a{font-size:12px;}
	.related-news span{font-size:14px;width:80px;}
	.nprolist p,.related-product p a{font-size:12px;}
	.prolist li{width: 50%;line-height: 2;margin-bottom: 3px;}
	.prolist{margin: 0 0 10px 0;}
	.position{text-align: left;}
	.nprolist li p a{line-height: 2;height: 2em;overflow: hidden;}
}

/*分页*/
.pages{text-align:center;margin-top:10px}
.pages span{display:inline-block;height:30px;line-height:30px;margin:0 4px;overflow:hidden;}
.pages .page-status{width:auto;border:1px solid #000;height:28px;padding:0 5px;text-indent:0!important;background:0 0!important}
.pages .page-index{background: url(../images/pageCoin.png) no-repeat 8px -18px #b7b7b7;text-indent:-9999px;}
.pages .page-index a{background:url(../images/pageCoin.png) no-repeat 8px -18px #000}
.pages .page-index a:hover{background:url(../images/pageCoin.png) no-repeat 8px -18px #0083c7}
.pages .page-pre{background:url(../images/pageCoin.png) no-repeat 11px 8px #b7b7b7;text-indent:-9999px}
.pages .page-pre a{background:url(../images/pageCoin.png) no-repeat 11px 8px #000}
.pages .page-pre a:hover{background:url(../images/pageCoin.png) no-repeat 11px 8px #0083c7}
.pages .page-num-current{background:#000;color:#fff}
.pages li{display:inline-block;width:30px;height:30px;line-height:30px;margin:0 4px;overflow:hidden}
.pages a{display:block;color:#000;height:28px;border:1px solid #000;width:28px}
.pages a:hover{background:#000;color:#fff}
.pages .page-numbar{
    margin: 0;
}
.pages .page-numbar a{
    display: inline-block;
    margin: 0 4px;
}
.pages .page-next{background:url(../images/pageCoin.png) no-repeat -44px 8px #b7b7b7;text-indent:-9999px}
.pages .page-next a{background:url(../images/pageCoin.png) no-repeat -44px 8px #000}
.pages .page-next a:hover{background:url(../images/pageCoin.png) no-repeat -44px 8px #0083c7}
.pages .page-last{background:url(../images/pageCoin.png) no-repeat -42px -18px #b7b7b7;text-indent:-9999px}
.pages .page-last a{background:url(../images/pageCoin.png) no-repeat -42px -18px #000}
.pages .page-last a:hover{background:url(../images/pageCoin.png) no-repeat -42px -18px #0083c7}
@media (max-width: 767px) {
	.pages .page-status{display:none}
    .pages li:nth-child(1){display:none}
    .pages li{margin: 0 2px;}
    .swiper2{
    padding: 0 10px;
}
    .related-product p{
    height: 2em;
    line-height: 2;
}
.swiper2 .swiper-button-prev, .swiper2 .swiper-button-next{
    width: 15px;
    height: 42px;
    background-size: 15px;
}
}