/*page*/
#page{max-width: 1200px;margin: 50px auto;}
#page #prolist{margin-top:0}
/*left - prolist*/
#left{width:  270px;float:  left;}
#left .left-prolist{border: 1px solid #000;border-radius: 10px 10px 0 0;overflow:  hidden;}
.left-prolist dt{background: #000;line-height:  50px;color:  #fff;text-align:  center;font-weight:  bold;font-size: 20px;}
.left-prolist dd{background: #dae3ff;text-align:  center;line-height:  40px;}
.left-prolist dd:nth-child(even){background:#dae3ff;}
.left-prolist dd:nth-child(odd){background:#cbd7ff;}
.left-prolist dd a{font-size:  14px;color: #000;display:  block;}
.left-prolist dd a:hover{font-size:16px;text-decoration: underline;color: #4f78ff;}
/*left - contact*/
.left-contact{border: 1px solid #000;margin-top: 40px;padding: 10px;}
.left-contact dt{border-bottom: 1px solid #c5c5c5;}
.left-contact dt span{display: inline-block;display:  *block;border-bottom: 3px solid #000;width:  auto;margin-bottom: -2px;font-size:  20px;font-weight:  bold;}
.left-contact dd{font-size: 12px;line-height:  30px;}
.left-contact .company{font-size: 14px;}
/*right - title*/
#right{width: 72%;float:  right;}
.site .right-title{border:0}
.site .right-title span{border:0;font-size: 18px;}
.right-title{line-height:  40px;border-bottom:  1px solid #c5c5c5;}
.right-title span{display:  inline-block;*display:inline;border-bottom: 3px solid #666;margin-bottom:  -2px;font-size: 20px;}
.right-title b{float:  right;color: #756a5a;font-size: 14px;font-weight:  normal;}
.right-title b span{}
.right-title b a{}
/*right - con*/
.right-con{}
.con{padding: 1%;}
.con img{max-width:100%;height:auto;}
/*about*/
.about-con{}
.about-con table{max-width:100%;border-collapse: collapse;}
.about-con table td{/* border:1px solid */}
.about-con img{max-width:100%;}

.gsxc{}
.gsxc img{display: block;padding: 5px;border: 1px solid;border-radius: 5px;box-shadow: 5px 5px #c5c5c5;box-sizing: border-box;max-width: 270px;height:  auto;}
/*download*/
.download-con{}
.download-con ul{margin: 40px 0;text-align:  center;}
.download-con>ul>li{width: 30%;float:  left;margin: 0 12px 10px;text-align:  center;}
.download-con>ul>li>a{border: 1px solid;border-radius: 5px;box-shadow: 5px 5px #c5c5c5;display: block;position: relative;width: 100%;padding: 50% 0;height: 0;}
.download-con li img{width: 100%;height: 100%;padding: 5px;box-sizing:  border-box;position: absolute;top: 0;left: 0;}
.download-con li p{text-align:  center;}
/*newslist*/
.newslist-con{padding:  10px;}
.newslist-con ul{}
.newslist-con>ul>li{border-bottom: 1px dashed #c5c5c5;zoom:1;line-height: 45px;}
.newslist-con>ul>li>a{float:  left;padding-left:  18px;background: url(../images/common/news-li.png) no-repeat 0 center;}
.newslist-con ul li span{float:  right;padding-right:  15px;color: #7f7f7f;font-size:  14px;}
.newslist-con ul li:after{content:'';clear:  both;display:  block;}
/*news*/
.news-con{}
.news-con .news-title{text-align:  center;font-size:  20px;margin: 10px 0px;font-weight: normal;}
.news-con .laiyuan{font-size:  12px;text-align:  center;font-weight:  normal;}
.news-con .laiyuan a{}
.news-con .laiyuan span{padding:  0 5px;}
/*tag*/
.tag{font-size: 14px;color:  #343434;}
.tag a{}
/*news - related*/
.news-related{padding:  10px;}
.news-related li{line-height:  30px;}
.news-related li a{float:  left;}
.news-related li span{float:  right;font-size:  14px;color: #747474;}
.news-related li:after{content:'';display:block;clear:both}
/*pro - related*/
.pro-related{padding: 20px 0;}
.pro-related li{width: 30%;margin: 0 13px 10px;float:  left;}
.pro-related li>a{border: 1px solid;border-radius:  5px;box-shadow:  5px 5px #c5c5c5;display:block;}
.pro-related li img{max-width:  100%;padding:  5px;box-sizing:  border-box;display:  block;height: 200px;margin: 0 auto;}
.pro-related li p a{display:  block;text-align:  center;}
/*pro - article*/
.article{padding:  10px;border:  1px solid #c5c5c5;margin:  10px;}
.article .xy{float:left;width: 220px;height: 220px;border: 1px solid #c5c5c5;padding:  5px;border-radius:  5px;margin-right:  20px;}
.article .xy img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;}
.article .xz{float:  left;}
.article .xz dt{font-size:  16px;line-height: 40px;}
.article .xz dd{font-size:  14px;line-height:  30px;}
.article .xz dd:last-child{
    margin-top: 20px;
}
.article .xz dd a:hover{background:#666}
.article .xz dd a,.fanhui a{padding-bottom: 0px;border: 1px solid;padding: 2px 20px;background: #EB3B43;color: #fff;}
.article:after{content:'';display:block;clear:both;}
.fanhui{
    text-align: center;
}
/*pages*/
.pages{text-align:  center;margin-top: 10px;display: flex;justify-content: center;}
.pages a{display:block}
.pages .page-status{width:  auto;border: 1px solid #000;height:  28px;padding:  0 5px;text-indent: 0 !important;background: none !important;margin-right: 4px;}
.pages .page-index a,.pages .page-pre a,.pages .page-next a,.pages .page-last a{display: block;text-indent: -9999px;}
.pages .page-index a{background: url(../images/common/pageCoin.png) no-repeat 8px -18px #000;}
.pages .page-index a:hover{background: url(../images/common/pageCoin.png) no-repeat 8px -18px #D22425;}
.pages .page-pre a{background: url(../images/common/pageCoin.png) no-repeat 11px 8px #000;}
.page-numbar{
    display: flex;
}
.pages span{}
.pages a, .page-numbar span{display: block;color: #000;height: 28px;border: 1px solid #000;width: 28px;margin: 0 3px;}
.pages .page-num:hover{background: #000;color: #fff;}
.pages .page-num-current{background: #000;color: #fff;}
.pages li:nth-last-child(2){background: url(../images/common/pageCoin.png) no-repeat -44px 8px #b7b7b7;text-indent: -9999px;}
.pages .page-next a{background: url(../images/common/pageCoin.png) no-repeat -44px 8px #000;}
.pages .page-next a:hover{background: url(../images/common/pageCoin.png) no-repeat -44px 8px #D22425;}
.pages .page-last a{background: url(../images/common/pageCoin.png) no-repeat -42px -18px #000;}
.pages .page-last a:hover{background: url(../images/common/pageCoin.png) no-repeat -42px -18px #D22425;}