*{font-family: Noto Sans TC}
/**{font-family: Noto Sans TC}*/
.tpt{width:100%;height:auto;}
.tpt-left{width:30%;height:auto;float:left;}
.tpt-right{width:59%;height:auto;float: right;}
.tpt-right-title{font-size:28px;text-align: left;margin-bottom: 30px;}
.tpt-right-con{font-size:20px;text-align: left;line-height: 50px;}
.black-line{width: 100%;height:2px;background-color: black;margin:30px auto;}
.cpts{width:100%;height:800px;}
.cpts-title{width:100%;font-size: 28px;text-align: left;}
.cpts-con{width:100%;text-align: left;font-size: 18px;line-height: 50px;}
.gglh{width:100%;height:auto;}
.layui-table{width:80%;margin-top:20px;}
.layui-table th{height:20px;background-color: #D6D0D0;font-size: 22px;color:black;}
.layui-table td{height:20px;font-size: 16px;}
.gg_table{width:100%;height:auto;margin-top:30px;}
.gg_table table{width:80%;margin-top:20px;line-height:20px;}
.gg_table table,th,td{border:1px solid #E6E6E6;}
.firstRow td{height:20px;background-color: #D6D0D0;font-size: 18px;!important;color:black;}
.gg_table tr{height:20px}
.gg_table td{padding:10px;}
.gg_table table td{height:20px;font-size: 18px;!important;}
.cplh{width:25%;margin-right: 20px;text-align: center;height: 20px;}
.dow-ico{width:100%;font-size: 20px;line-height: 50px;margin-top:30px;}
.dow-ico img{width:40px;height:49px;margin-left:10px;}
.dow-ico b{margin-left: 20px;}
.xgzl{width:100%;margin-top:30px;}
.xgzl li{width:100%;text-align: left;height:40px;font-size: 20px;}
.xszx{width:100%;height: 100px;}
.xszx_border{width:15%;height: 50px;line-height:50px;border-radius:5px;float:left;background-color:#B2292E;font-size: 28px;text-align: center;color:white}
.xszx_email{width:50%;height: 50px;line-height:50px;color:#0559C7;text-align: left;float: left;font-size: 28px;margin-left: 30px;}
.tab{width:100%;height:30px;}
.tab_gg{width:10%;border-left:1px solid black;border-right:1px solid black;text-align: center;float:left;font-size:20px;}
.tab_lh{width:10%;border-right:1px solid black;text-align: center;float:left;margin-left:5px;font-size:20px;}
.guige:hover{color: #B2292E;text-decoration: underline;}


.whole{width:100%;height:auto;}
.whole-title{width: 100%;font-size: 28px;margin-bottom: 50px;}
.whole-con{width: 100%;font-size: 20px;line-height: 40px;}
.whole-tellwe{width:100%;height:auto;margin-top:40px;}
.whole-tellwe input{}


/*.layui-col-md3{margin-right:15px;}*/
.layui-col-md3 img{width:90%;max-width: 400px; height: 200px;}
.layui-col-md3-title {
    margin-top: 15px;
    height: 60px;
}
.n-title{width:100%;text-align: left;font-size: 22px;margin-bottom: 30px;}
.mianbaoxie{width:100%;height:45px;background-color: #DDDBDB;}
.mianbaoxie span{width: 80%;height: 45px;text-align: left;line-height: 45px;font-size: 13px;margin:0 auto;display: block;}

/*商品缩略图样式*/
body,ul {
    padding: 0;
    margin: 0;
}
ul {
    list-style: none;
}
img {
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.wrap {
    position: relative;
    /*top: 100px;*/
    /*left: 100px;*/
    width: 90%;
    height: 300px;
}
.imgs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.main {
    position: relative;
    overflow: hidden;
    padding: 4px;
    width: 90%;
    height: 300px;
    border: 1px solid #dadada;
}
.smaller {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 82px;
    margin-top: 10px;
}
.smaller li {
    position: relative;
    float: left;
    padding: 2px;
    width: 20%;
    height: 80%;
    border: 2px solid #000;
    margin-left: 10px;
    cursor: pointer;

}
.smaller li:first-child {
    margin-left: 0;
}
.smaller .current {
    border-color: #ff6a00;
}
.biger {
    position: absolute;
    overflow: hidden;
    display: none;
    left: 110%;
    width: 400px;
    height: 400px;
}
.mask {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
    background: url('../images/mask-bg.png') repeat;
    cursor: crosshair;
}
.biger img {
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
}
.nav-ul img{width:23px;height:21px;}
.layui-col-md1 img{width:21px;height:22px;}

@media screen and (max-width: 860px) {
    .tpt{margin-top: 0px;}
    .tpt-left{margin-top:0px;width:80%;margin:0 auto;float: none;}
    .tpt-right{float: none;width:100%;}
    .cpts-title{font-size: 16px;margin-top: 20px;}
    .cpts-con{font-size: 14px;}
    .tab_gg{width:27%;}
    .tab_lh{width:27%;}
    .gg_table table{width:100%;}
    .cplh{width:100%;}
    .cplh tbody{width: 100%;}
}