@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: #1A75D0;color:#fff;text-align:center;margin-bottom:10px;border-radius:5px 5px 0 0;}
#left dd{padding:0 10px;font-size:14px;position: relative;}
#left dd ul{padding: 0 10px;}
#left dd:hover ul{}
#left dl:first-child>dd>a{background: #1A75D0;color:#fff;}
#left dl:first-child a{display:block;/* background: #fff; */margin:5px 0;padding: 0 0 0 10px;overflow:hidden;transform:translateZ(0);position:relative;line-height:2.5;font-size:14px;border-bottom: 1px solid #0053A3;}
#left dl:first-child a:hover{color:#fff;}
#left dl:first-child a:after{position:absolute;top:0;left:0;display:block;content:' ';width:0;height:100%;background: #0053A3;z-index:-1;transition:.5s all;}
#left dl:first-child a:hover:after,#left dl:first-child>dd:hover>a:after{width:100%}
#position{background:#1A75D0;color:#fff;padding:0 10px;font-size:14px;line-height:40px}
.position{text-align:right}
#position a{color:#fff}
#position a:hover{color:#1A75D0}
#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{background-color: rgba(26,117,208,0.5);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{border-radius: 5px;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%);transition: 1s all;}
.nprolist p a{display: block;text-align:center;line-height:2.5;margin-bottom: 20px;background: #ccc;}
.nprolist li:hover p a{background:#1A75D0;color:#fff;}
.nprolist li:hover img{-webkit-transform:scale(1.2) translateX(-45%) translateY(-45%);-webkit-transform:scale(1.2) translateX(-45%) translateY(-45%);-moz-transform:scale(1.2) translateX(-45%) translateY(-45%);-ms-transform:scale(1.2) translateX(-45%) translateY(-45%);transform:scale(1.2) translateX(-45%) translateY(-45%);}
.nnewslist a{
    display: block;
}
.nnewslist a:after{display:block;content:'';clear:both;}
.nnewslist dl{border-bottom: 1px solid #ccc;padding: 10px 20px;position:relative;transition:0.5s all;}
.nnewslist dl:hover{padding: 10px 10px;background: #1A75D0;}
.nnewslist dl:hover .date{color: #fff;margin-right: 30px;}
.nnewslist dl:hover dt,.nnewslist dl:hover dd{color: #fff;}
.nnewslist dt{color:#000;font-weight:bold;max-width:90%}
.nnewslist dd{font-size:12px;color:#666;max-height:72px;overflow:hidden}
.date{float: left;color: #1A75D0;text-align: right;margin-right: 10px;transition: 0.5s all;}
.date span{display:block;line-height:20px;font-size: 20px;}
.date b{display:block;font-size: 30px;line-height: 1.5;}
.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: 0;}
.dproT img{}
.dproT h1{}
.dproT p{font-size:14px;line-height:2.5}
.dproC{padding:10px;margin:10px 0;border-radius:5px;line-height: unset;}
.dproC img{max-width:100%;height:auto;}
.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 81%;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 85%;}
#ndownload li p{background:#ccc;text-align: center;margin-bottom: 20px;line-height: 2.5;}
#ndownload li:hover p{background:#1A75D0;color:#fff;}
.pages{text-align:center;margin-top:10px}
.pages li:nth-child(1){width:auto;border:1px solid #000;height:28px;padding:0 5px;text-indent:0!important;background:0 0!important}
.pages li:nth-child(2){background:url(../images/pageCoin.png) no-repeat 8px -18px #b7b7b7;text-indent:-9999px}
.pages li:nth-child(2) a{background:url(../images/pageCoin.png) no-repeat 8px -18px #000}
.pages li:nth-child(2) a:hover{background:url(../images/pageCoin.png) no-repeat 8px -18px #1A75D0}
.pages li:nth-child(3){background:url(../images/pageCoin.png) no-repeat 11px 8px #b7b7b7;text-indent:-9999px}
.pages li:nth-child(3) a{background:url(../images/pageCoin.png) no-repeat 11px 8px #000}
.pages li:nth-child(3) a:hover{background:url(../images/pageCoin.png) no-repeat 11px 8px #1A75D0}
.pages li.thisclass{background:#000;color:#fff}
.pages li{display:inline-block;width:30px;height:30px;line-height:30px;margin: 0 2px;overflow:hidden;}
.pages li a{display:block;color:#000;height:28px;border:1px solid #000;width:28px}
.pages li a:hover{background:#000;color:#fff}
.pages li:nth-last-child(2){background:url(../images/pageCoin.png) no-repeat -44px 8px #b7b7b7;text-indent:-9999px}
.pages li:nth-last-child(2) a{background:url(../images/pageCoin.png) no-repeat -44px 8px #000}
.pages li:nth-last-child(2) a:hover{background:url(../images/pageCoin.png) no-repeat -44px 8px #1A75D0}
.pages li#first{width:auto;border:1px solid #000;height:28px;padding:0 5px;background:0 0;text-indent:0}
.pages li:nth-last-child(1){background:url(../images/pageCoin.png) no-repeat -42px -18px #b7b7b7;text-indent:-9999px}
.pages li:nth-last-child(1) a{background:url(../images/pageCoin.png) no-repeat -42px -18px #000}
.pages li:nth-last-child(1) a:hover{background:url(../images/pageCoin.png) no-repeat -42px -18px #1A75D0}
.dproC img{max-width:100%}
#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%)}

/* 案例 */
#anli-ul:after{display:block;content:'';clear:both}
#anli-ul li{float:left;width:25%;margin-bottom:14px;box-sizing:border-box;padding:0 10px}
}#anli-ul li:nth-child(4n){margin-right:0}
#anli-ul li>a{display:block;overflow:hidden;position:relative;height:0;padding: 0 0 100%;border:1px solid #ccc;}
#anli-ul img{border-radius:5px;position:absolute;display:block;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:1s all}
#anli-ul a:hover img{-webkit-transform:scale(1.1) translateX(-45%) translateY(-45%);-moz-transform:scale(1.1) translateX(-45%) translateY(-45%);-ms-transform:scale(1.1) translateX(-45%) translateY(-45%);transform:scale(1.1) translateX(-45%) translateY(-45%)}
#anli-ul p{text-align:center;background:#ccc;line-height:2.5;font-size:16px;color:#111;height: 2.5em;overflow: hidden;}
#anli-ul p a:hover{color:#fff}
#anli-ul li:hover p a{color:#fff;}
#anli-ul li:hover p{background:#1A75D0;color: #fff;}
/*bigimage*/
.demoh2{font-size:14px;margin:20px;color:#1A75D0;}
/* preview style */
.preview{width: 378px;position: relative;}
.pcs{ border-bottom:1px dashed #d9d9d9; padding:10px 0; height:40px; line-height:40px;}
/*smallImg */
.smallImg{position:relative;height: 236px;padding: 25px 0px;width:72px;overflow:hidden;float:left;}
.scrollbutton{width:45px;height:10px;overflow:hidden;position:absolute;left:17px;cursor:pointer;background: url(../images/zoom.gif) no-repeat;}
.scrollbutton.smallImgUp{background-position:0 0; top:8px;}
.scrollbutton.smallImgDown{background-position:0 -11px; bottom:8px;}
.scrollbutton.smallImgUp.disabled{background-position:0 -22px;}
.scrollbutton.smallImgDown.disabled{background-position:0 -33px;}
#imageMenu {height: 240px;overflow:hidden;}
#imageMenu li {height:82px; width:72px; overflow:hidden;}
#imageMenu li img{padding:1px;border:1px solid #E8E8E8; width:68px; height:68px;cursor:pointer;}
#imageMenu li#onlickImg img{border:1px solid #990000;}
/* bigImg */
.bigImg{position:relative;float:right;width: 300px;height: 275px;box-shadow: 0 0 2px #ccc;overflow:hidden;}
.bigImg #midimg{width: 300px;height: 275px;}
.bigImg #winSelector{width: 150px;height: 137.5px;}
#winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;box-shadow: 0 0 1px #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid black;overflow: hidden;width: 300px;height: 275px;top: 0;left: 375px;z-index:999;}
#bigView img{position:absolute;top:300px;}
@media (max-width:767px){
	.dproT{padding: 0;}
	.pages li:nth-child(1){display:none;}
	#left dl:first-child a{font-size:12px}
	.nprolist p,.related-product p a{font-size:12px}
	.dproC img{max-width:100%;display:block}
	.nnewslist dl{padding: 10px 0;}
	.nprolist p a{height:30px;overflow:hidden}
	.related-news a{display: inline-block;max-width: 76%;height: 40px;overflow: hidden;}
	.related-news span{display: inline-block;width: 80px;height: 40px;overflow: hidden;}
	.related-news dd{height:40px}
	#anli-ul{margin: 0 -10px;}
	#anli-ul li{width:50%}
	#anli-ul p{height: 40px;overflow: hidden;}
}