#pgbanner{position:relative;background:#fff; height:auto; overflow:hidden; transition:all .35s;
    margin-top: 0px;}
#pgbanner .wave{position:absolute; z-index:2;left:0; bottom:0;}
#pgbanner .wave>img{ width:100%; height:auto;}
#pgbanner .swiper-container{width:100%; height:100%;}
#pgbanner .swiper-slide{ width:100%; height:100%; overflow:hidden; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#pgbanner .swiper-slide img{max-width:100%;
    }
#pgbanner .swiper-pagination{ bottom:50px;}
#pgbanner .swiper-pagination-bullet{width:8px; height:8px; background:#ddd; border:2px solid #ddd; opacity:1; transition:all .2s;}
#pgbanner .swiper-pagination-bullet:hover{opacity:.5;}
#pgbanner .swiper-pagination-bullet-active{background:#a9261e; border:2px solid #a9261e;opacity:1 !important;}

#navpart{ border-bottom:1px solid #ddd; height:60px;}
#navpart>.wrap{ width:1200px; line-height:60px; margin:0 auto;}
#navpart .title{ width:18%; background: #044ea2; color:#fff; text-align:left; text-transform:uppercase; font-size:18px; font-weight:normal; font-family:"Arial Narrow";}
#navpart .title>img{ height:25px; width:auto; margin:0 10px 0 30px;}
#navpart .subnav{ width:80%; text-align:right;}
#navpart .subnav>a{ display:inline-block; padding:0 30px; font-size:14px; line-height:60px;}
#navpart .subnav>.A{ position:relative; color:#eb1c22;font-weight:700;}
#navpart .subnav>.A:after{position:absolute; left:50%; bottom:-10px; margin-left:-13px; background:url("../images/navpart-arrow.png") no-repeat; width:27px; height:16px; content:'';}

#Main p>span>img,#Main p>img{
    max-width: 100%;
}
#Main{
    font-size: 14px;
    line-height: 25px;
    color: #666666;
    min-height: 300px;
}


#Main td{
    border: 1px solid #000;
    line-height:30px!important;
    color:#666!important;

}
#contact{width:100%; max-width:1200px; margin:0 auto; padding:0px 0;}
#contact>.headquarters{ margin:0 auto;}
#contact>.headquarters .img{ width:46%; text-align:left;}
#contact>.headquarters .img>img{ width:100%; height:auto;}
#contact>.headquarters .container{ width:50%!important; text-align:left;}
#contact>.headquarters .container>.name{ padding:20px 0; font-size:28px; font-weight:bold; color: #044ea2;}
#contact>.headquarters .container>.text{ font-size:14px; color:#666; line-height:25px;}
#contact>.headquarters .container>.map_location{padding:20px 0;}
#contact>.headquarters .container>.map_location>a{ display:inline-block; color:#eb1c22;  padding:6px 20px; border:1px solid #ddd; transition:all .35s;}
#contact>.headquarters .container>.map_location>a:hover{ background:#eee;}

#feedback{width:100%; max-width:1200px; margin:0 auto; padding:0px 0;}
#feedback>.img{ position:relative; width:32%; text-align:left;}
#feedback>.img .text{position:absolute; z-index:1; top:12%; left:5%; width:50%; height:120px; padding:5%; color:rgba(255,255,255,.5); font-size:14px; line-height:20px; background:#044ea2;}
#feedback>.img .text>p:first-of-type{ padding-bottom:10px; color:rgba(255,255,255,1);}
#feedback>.img>img{ width:100%; height:auto;}
#feedback>.container{ width:60%!important;text-align:left;}
#feedback>.container form{ margin:0px auto; text-align:left;}
#feedback>.container form { margin: 0px auto; text-align: left;}
#feedback>.container form dl { width: 100%; text-align: left; padding: 0px;}
#feedback>.container form dl dt { width: 90px; font-size: 14px; line-height: 28px; color: #666;  text-align: left;}
#feedback>.container form dl dt, #feedback>.container form dl dd { padding: 8px 0px;}
#feedback>.container form dl dt span { color: #ff0000; padding-left: 6px;}
#feedback>.container form dl dd { padding-left: 90px;  margin-top: -40px;}
#feedback>.container form dl dd select { width: auto; font-size: 14px;  font-family: Arial;  color: #666;  padding: 5px 20px;  border: 1px solid #ddd;  cursor: pointer;  margin-right: 10px;}
#feedback>.container form dl input, #feedback>.container form dl textarea {padding: 0px 20px;  font-family: Arial; border: 1px solid #ddd; color: #888;  font-size: 14px; border-radius:3px; margin-right: 20px;}
#feedback>.container form dl input { width: 60%; height: 35px;}
#feedback>.container form dl textarea {width: 96%; height: 120px; border: 1px solid #ddd; overflow: auto;  padding: 20px 2%;}
#feedback>.container form dl #checksn { width: 15%;}
#feedback>.container form dl .button button { width: auto; height: 45px; line-height: 45px; border: none; color: #fff; padding: 0px 35px; cursor: pointer; font-weight: bold; background:#eb1c22; border-radius:3px; font-size: 16px; margin: 15px auto; transition:all .35s;}

#pgnews>.list{ margin:0px auto; padding:10px 0;}
#pgnews>.list>a{ display:block; margin-bottom:40px; transition:all .35s;}
#pgnews>.list>a:last-of-type{ margin-bottom:0!important;}
#pgnews>.list .img{ position:relative; width:36%; text-align:left;overflow:hidden; }
#pgnews>.list .img:after{position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); content:''; transition:all .35s;}
#pgnews>.list .img:before{position:absolute; z-index:4; left:24.8%; top:24.8%; width:50%; height:50%; opacity:0; border:1px solid rgba(255,255,255,.2); content:''; transition:all .35s;}
#pgnews>.list .img>img{ width:100%; height:auto; transition:all .35s;max-height: 264px;}
#pgnews>.list .img>.time{ position:absolute; z-index:9; right:0; bottom:0; color:#fff; text-align:center; font-size:12px; background:#eb1c22; width:70px; height:50px; transition:all .35s;}
#pgnews>.list .img>.time h3{ display:block; padding-top:6px; font-size:18px;}
#pgnews>.list .container3{ width:60%; text-align:left; padding:5% 5%;}
#pgnews>.list .container3 .name{ padding:20px 0 12px 0; font-size:18px; color:#333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; transition:all .35s;}
#pgnews>.list .container3 .text{ font-size:14px; color:#999; line-height:24px;}
#pgnews>.list>a .img:after{ background:rgba(0,0,0,.5);}
#pgnews>.list>a .img:before{ left:4.8%; top:4.8%; width:90%; height:90%; opacity:1;}
#pgnews>.list>a .img>img{transform:scale(1.1);}
#pgnews>.list>a .name{ color:#eb1c22;}
#pgnews>.list>a{ background:#f7f7f7;}
#pgnews>.view{ margin:0 auto;}
#pgnews>.view>.title{ text-align:center;font-size:25px; color:#333; padding:0 50px;}
#pgnews>.view>.time{ border-bottom:1px solid #eee; font-size:12px; color:#999; text-align:center; padding:15px 0;}
#pgnews>.view>.content{ padding:50px 0; text-align:left; font-size:14px; line-height:24px; color:#666; margin:0 auto;}
#pgnews>.view>.pageurl{ margin:0 auto; padding:50px 0 100px 0; border-top:1px solid #eee;}
#pgnews>.view>.pageurl>.url{ width:90%; text-align:left;}
#pgnews>.view>.pageurl>.url a{ display:block; padding:3px 0; font-size:14px; color:#999; transition:all .35s;}
#pgnews>.view>.pageurl>.url a:hover>span{ color:#eb1c22; text-decoration:underline;}
#pgnews>.view>.pageurl>.back{ width:10%; padding:5px 0; text-align:center;}
#pgnews>.view>.pageurl>.back>a{ display:block; background:#eb1c22; border:1px solid #eb1c22; border-radius:30px; color:#fff; padding:8px 20px; transition:all .35s;}
#pgnews>.view>.pageurl>.back>a:hover{ color:#eb1c22; background:none;}

#certificate2{ width:100%; max-width:1200px; margin:0 auto; padding-top:0px;}
#certificate2>.list{ margin:0px auto; padding:0px 0;}
#certificate2>.list a{position:relative;display:block; float:left; width:223px; height:265px; overflow:hidden; margin-right:10px;
   margin-bottom:20px;border:1px solid #eee;text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#certificate2>.list a:after{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; font-size:14px; opacity:0; background:rgba(0,0,0,.5) url("../images/icon-zoom-magnifier.png") no-repeat 50% 40%; content:attr(data-name); text-align:center;padding-top:65%; color:#fff; transition:all .35s;}
#certificate2>.list a img{ display:block; width:60%; height:auto;}
#certificate2>.list a .name{ position:absolute; z-index:2; left:0; bottom:0; opacity:1; width:100%; height:40px; line-height:40px; font-size:14px; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#certificate2>.list a:hover:after{ opacity:1;}
#certificate2>.list a:hover .name{ opacity:0;}

#pgproduct{ width:100%; max-width:1200px; margin:0 auto; padding-bottom:100px; text-align:left;}
#pgproduct>.prolist{ width:24%; text-align:left; padding-bottom:100px; transition:all .35s;}
#pgproduct>.prolist>.container3{ padding:0;}
#pgproduct>.prolist>.container3>ul{ width:100%; margin:0 auto; padding:0;}
#pgproduct>.prolist>.container3>ul>li{ display:block; width:100%; text-align:left; margin-top:-1px;}
#pgproduct>.prolist>.container3>ul>li p:hover{
 background:#044ea2;
    color: #ffffff;
}
#pgproduct>.prolist>.container3>ul>li p:hover a{
    color: #ffffff;
}
#pgproduct>.prolist>.container3>ul>li>p{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative; display:block; border:1px solid #eee; height:60px; line-height:60px; padding:0 20px; background:#fff url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%; font-size:18px; color:#444; margin:0px auto; text-align:left; }
#pgproduct>.prolist>.container3>ul>li>p.on{ border:1px solid #044ea2; background:#044ea2 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#pgproduct>.prolist>.container3>ul>li>div{ display:none; padding:15px 20px; border-left:1px solid #eee; border-right:1px solid #eee; margin:0px auto; background:#f5f5f5;}
#pgproduct>.prolist>.container3>ul>li>div a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:5px 0;font-size:14px; color:#444; transition:all .35s;}
#pgproduct>.prolist>.container3>ul>li>div a:hover{ color:#d70018;}
#pgproduct>.prolist>.container3>ul>li>p.on a{
    color: #ffffff;}
#pgproduct>.prolist>.container3>ul>li>p>a{
    display: block;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#pgproduct>.prolist>.container3>ul>li>div .on{ color:#d70018; font-weight:bold;}
#pgproduct>.container3{ width:76%; padding:0; text-align:left; transition:all .35s;}
#pgproduct>.container3 .noData{ padding:20px 50px;}
#pgproduct>.container3 .list{ margin:0px auto;}
#pgproduct>.container3 .list>a{position:relative;display:block; float:left; width:33%; height:auto; overflow:hidden;border:1px solid #eee; margin-top:-1px; margin-left:-1px; text-align:center; overflow:hidden; transition:all .35s;}
#pgproduct>.container3 .list>a>.img{ display:block; width:94%; height:auto; margin:0 auto;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#pgproduct>.container3 .list>a>.img img{ width:90%; height:auto;max-height: 248px;}
#pgproduct>.container3 .list>a>.name{ padding:30px 10px; text-align:center; font-size:15px; color:#444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#pgproduct>.container3 .list>a:hover .name{ color:#d70018;}
#ZoomClose{display:none!important;}

#pgproduct .proright {
    float: right;
    width: 100%;
}
.proright .top {
    height: auto;
    padding-bottom: 20px;
    border-top: 0px solid #f0efef;
    border-bottom: 1px solid #f0efef;
    margin-bottom: 0px;
}
.proright .top .p1 {
    text-align: center;
    font-size: 20px;
    color: #666;
}
.proright .text {
    padding: 30px 0;
}
.proright .text p {
    line-height: 30px;
    font-size: 14px;
}
.content p img{
    max-width: 100%;
}
.content td{
    border: 1px solid #000;
}