#page{margin:30px auto}
/*left*/
#left dl{
    background: #eee;
    margin-bottom: 30px;
    padding: 0 0 10px 0;
    border-radius: 0 0 5px 5px;
}
#left dt{
    line-height: 40px;
    background: #FB1C1D;
    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;
    /* color: #fff; */
    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%;}
/*right*/
#position{
    background: #FB1C1D;
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    line-height: 40px;
}
.position{text-align: right;}
#position span{}
#position a{
    color: #fff;
}
#position a:hover{color:#FCB501}
#content{margin-top:30px}
/*right content*/
/*prolist 页面*/
.nprolist{}
.nprolist li{}
.nprolist li>a{
    display: block;
    overflow:hidden;
    position: relative;
    height: 0;
    padding: 0 0 58%;
}
.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;
}
.nprolist p a{}
/*newslist*/
.nnewslist{}
.nnewslist dl{
    border: 2px solid #FB1C1D;
    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:hover dt{/* color:#FCB501 */}
.nnewslist a{}
.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: #333;
}
.date span{
    display: block;
    line-height: 20px;
    font-size: 14px;
    background: #666;
}
.date b{
    display: block;
    line-height: 20px;
    font-size: 16px;
    background: #FB1C1D;
}
/*neiye*/
/*product*/
.newsT{text-align: center;}
.newsT p{font-size:14px;}
.dpro{}
.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{}
.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 a{}
.related-news span{
    float: right;
}
.related-product{}
.related-product dd{}
.related-product dd>a{display: block;position: relative;height: 0;padding: 0 0 67% 0;}
.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 li:nth-child(1){width:  auto;border: 1px solid #FB1C1D;height:  28px;padding:  0 5px;text-indent: 0 !important;background: none !important;}
.pages li:nth-child(2){background: url(../image/pageCoin.png) no-repeat 8px -18px #b7b7b7;text-indent: -9999px;}
.pages li:nth-child(2) a{background: url(../image/pageCoin.png) no-repeat 8px -18px #FB1C1D;}
.pages li:nth-child(2) a:hover{background: url(../image/pageCoin.png) no-repeat 8px -18px #FB1C1D;}
.pages li:nth-child(3){background: url(../image/pageCoin.png) no-repeat 11px 8px #b7b7b7;text-indent: -9999px;}
.pages li:nth-child(3) a{background: url(../image/pageCoin.png) no-repeat 11px 8px #FB1C1D;}
.pages li:nth-child(3) a:hover{background: url(../image/pageCoin.png) no-repeat 11px 8px #FB1C1D;}
.pages li.thisclass{background: #FB1C1D;color: #fff;}
.pages li{display:  inline-block;*display:inline;width: 30px;height: 30px;line-height: 30px;margin: 0px 4px;overflow:  hidden;}
.pages li a{display: block;color: #FB1C1D;height: 28px;border: 1px solid #FB1C1D;width: 28px;}
.pages li a:hover{background: #FB1C1D;color: #fff;}
.pages li:nth-last-child(1){}
.pages li:nth-last-child(2){background: url(../image/pageCoin.png) no-repeat -44px 8px #b7b7b7;text-indent: -9999px;}
.pages li:nth-last-child(2) a{background: url(../image/pageCoin.png) no-repeat -44px 8px #FB1C1D;}
.pages li:nth-last-child(2) a:hover{background: url(../image/pageCoin.png) no-repeat -44px 8px #FB1C1D;}
.pages li#first{width: auto;border: 1px solid #FB1C1D;height: 28px;padding: 0 5px;background:  none;text-indent:  0;}
.pages li:nth-last-child(1){background: url(../image/pageCoin.png) no-repeat -42px -18px #b7b7b7;text-indent: -9999px;}
.pages li:nth-last-child(1) a{background: url(../image/pageCoin.png) no-repeat -42px -18px #FB1C1D;}
.pages li:nth-last-child(1) a:hover{background: url(../image/pageCoin.png) no-repeat -42px -18px #FB1C1D;}
.dproC img{max-width:100%;display: block;}
/* ryzz */
#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;}
}
#message{width: 100%;max-width: 400px;margin: 0 auto;}
#message li{
    margin: 10px 0;
}
#message li:last-child span{display:none;}
#message span{
    width: 30%;
    display: block;
    float: left;
    font-size: 14px;
}
#message input{
    width: 70%;
    box-sizing: border-box;
}
#message textarea{
    width: 70%;
    box-sizing: border-box;
}
#tijiao{
    width: 100% !important;
    height: 40px;
    border: 0;
    background: #FB1C1D;
    color: #fff;
    cursor: pointer;
}