@charset "utf-8";
.box{max-width:1400px;margin:0 auto}
.box:after{display:block;content:'';clear:both}
#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: #CF1B1C;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{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;}
#left dl:first-child dd:hover>a:after{width:100%}
#left dl:first-child dd:hover>a{color:#fff;}
#left dl:first-child dd{
    position: relative;
}
#left dl:first-child ul{
    position: absolute;
    display: none;
    left: 97%;
    top: 5px;
    width: 180px;
    background: #333;
    padding: 0 10px;
    overflow: hidden;
    z-index: 99;
}
#left dl:first-child dd:hover ul{display:block;}
#left dl:first-child li{
    line-height: 2;
}
#left dl:first-child li a{
    color: #fff;
    display: block;
    padding-left: 10px;
}
#left dl:first-child li a:hover{background:#eee;color: #333;}
#left dl:first-child li:first-child{
    margin-top: 10px;
}
#left dl:first-child li:last-child{
    margin-bottom: 10px;
}
#position{background:#CF1B1C;color:#fff;padding:0 10px;font-size:14px;line-height:40px}
.position{text-align:right}
#position a{color:#fff}
#position a:hover{color:#fff}
#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:after,.nprolist li>a:before{background-color:#666;position:absolute;content:"";left:0;top:0;opacity:0;height:100%;width:100%;-moz-transform:scaleY(0);-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out;z-index:10}
.nprolist li:hover>a:before{-moz-transform:scaleY(1);-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:.5}
.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{text-align:center;line-height:2.5;padding-bottom:20px}
.nnewslist dl{border:2px solid #CF1B1C;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:#CF1B1C}
.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: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}
.related-product dd>a{display:block;position:relative;height:0;padding:0 0 74%;border:1px solid #ccc}
.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 58%}
.pages{text-align:center;margin-top:10px}
.pages .ctxt{background:#CF1B1C;color:#fff}
.pages a,.pages span{display:inline-block;*display:inline;margin:0px 4px;color:#CF1B1C;height:28px;line-height:28px;border:1px solid #CF1B1C;width:28px}
.pages a:hover{background:#CF1B1C;color:#fff}
.dproC img{max-width:100%;display:block}
#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;}
	.nprolist p,.related-product p a{font-size:12px;}
}
.video-ul{}
.video-ul li{
    cursor: pointer;
    margin-bottom: 10px;
}
.video-ul img{
    width: 100%;
    background: #000;
    display:block;
}
.video-ul p{
    text-align: center;
    border: 1px solid #999;
    border-radius: 0 0 5px 5px;
    line-height: 3;
    border-top: 0;
}
.video-ul li:hover p{
    background: #999;
    color: #fff;
}
.videos{background: #333;z-index:3;position:fixed;top:50%;left:50%;display:block;max-width:100%;max-height:100%;transform:translateX(-50%) translateY(-50%);border-radius:10px;overflow:hidden;}
.videos span{display:block;content:'x';position: absolute;top: 10px;right: 10px;color: #fff;z-index: 999;width: 30px;line-height: 30px;border: 1px solid #fff;text-align: center;border-radius: 5px;cursor: pointer;background: rgba(255,255,255,0.5);}
.videos span:hover{background:rgba(255,255,255,1)}
.videos video{display: block;}
.videos iframe{display:block;}