#page{max-width:1200px;margin:50px auto}
#page #prolist{margin-top:0}
#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:700;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{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:700}
.left-contact dd{font-size:12px;line-height:30px}
.left-contact .company{font-size:14px}
#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;border-bottom:3px solid #666;margin-bottom:-2px;font-size:20px}
.right-title b{float:right;color:#756a5a;font-size:14px;font-weight:400}
.con{padding:1%}
.shipin{
    background-color: white;
}
.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%;
}
.con img{max-width:100%;height:auto}
.about-con table{max-width:100%;border-collapse:collapse}
.about-con table td{border:1px solid}
.about-con img{max-width:100%}
.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-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{position:relative;display:block;width:100%;height:0;padding:50% 0}
.download-con li img{width:100%;height:100%;border:1px solid;border-radius:5px;box-shadow:3px 3px 2px #c5c5c5;box-sizing:border-box;position:absolute;left:0;top:0}
.download-con li p{text-align:center}
.newslist-con{padding:10px}
.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-con .news-title{text-align:center;font-size:20px;margin:10px 0;font-weight:400}
.news-con .laiyuan{font-size:12px;text-align:center;font-weight:400}
.news-con .laiyuan span{padding:0 5px}
.tag{font-size:14px;color:#343434}
.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{padding:20px 0}
.pro-related li{width:30%;margin:0 13px 10px;float:left}
.pro-related li>a{
    display: block;
    padding: 0 0 95% 0;
    position: relative;
    box-sizing: border-box;
    border: 1px solid;
    border-radius: 5px;
    box-shadow: 5px 5px #c5c5c5;
}
.pro-related li img{padding:5px;display:block;position: absolute;max-width: 100%;max-height: 100%;margin: 0 auto;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%);}
.pro-related li p a{display:block;text-align:center}
.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{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/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;width:30px;height:30px;line-height:30px;margin:0 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(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:0 0;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}
@media only screen and (min-width:100px) and (max-width:640px){.pro-related li{width:46%;float:left;margin:2%}
}