/*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;}
.shipin{}
.shipin dl{
    width: 400px;
    float: left;
    padding: 10px;
    max-width: 100%;
}
.shipin dt{
    text-align: center;
    line-height: 3;
}
.shipin dd iframe{
    display: block;
    max-width: 100%;
}
/*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 li img{max-width: 100%;height: 260px;padding: 5px;border: 1px solid;border-radius: 5px;box-shadow: 5px 5px #c5c5c5;box-sizing:  border-box;}
.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;}
.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 img{width:  100%;padding:  5px;box-sizing:  border-box;border: 1px solid;border-radius:  5px;box-shadow:  5px 5px #c5c5c5;display:  block;}
.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;border: 1px solid #c5c5c5;padding:  5px;border-radius:  5px;margin-right:  20px;}
.article .xy img{max-width: 100%;}
.article .xz{float:  left;}
.article .xz dt{font-size:  16px;line-height: 40px;}
.article .xz dd{font-size:  14px;line-height:  30px;}
.article:after{content:'';display:block;clear:both;}
/*pages*/
.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: none !important;}
.pages li:nth-child(2){background: url(../images/common/pageCoin.png) no-repeat 8px -18px #b7b7b7;text-indent: -9999px;}
.pages li:nth-child(2) a{background: url(../images/common/pageCoin.png) no-repeat 8px -18px #000;}
.pages li:nth-child(2) a:hover{background: url(../images/common/pageCoin.png) no-repeat 8px -18px #2b4dbb;}
.pages li:nth-child(3){background: url(../images/common/pageCoin.png) no-repeat 11px 8px #b7b7b7;text-indent: -9999px;}
.pages li:nth-child(3) a{background: url(../images/common/pageCoin.png) no-repeat 11px 8px #000;}
.pages li:nth-child(3) a:hover{background: url(../images/common/pageCoin.png) no-repeat 11px 8px #2b4dbb;}
.pages li.thisclass{background: #000;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: #000;height: 28px;border: 1px solid #000;width: 28px;}
.pages li a:hover{background: #000;color: #fff;}
.pages li:nth-last-child(1){}
.pages li:nth-last-child(2){background: url(../images/common/pageCoin.png) no-repeat -44px 8px #b7b7b7;text-indent: -9999px;}
.pages li:nth-last-child(2) a{background: url(../images/common/pageCoin.png) no-repeat -44px 8px #000;}
.pages li:nth-last-child(2) a:hover{background: url(../images/common/pageCoin.png) no-repeat -44px 8px #2b4dbb;}
.pages li#first{
    width: auto;
    border: 1px solid #000;
    height: 28px;
    padding: 0 5px;
    background:  none;
    text-indent:  0;
}
.pages li:nth-last-child(1){background: url(../images/common/pageCoin.png) no-repeat -42px -18px #b7b7b7;text-indent: -9999px;}
.pages li:nth-last-child(1) a{background: url(../images/common/pageCoin.png) no-repeat -42px -18px #000;}
.pages li:nth-last-child(1) a:hover{background: url(../images/common/pageCoin.png) no-repeat -42px -18px #2b4dbb;}