*{ box-sizing: border-box; margin: 0;padding: 0;}
body, html{color: #2b2e2e;margin: 0px; padding: 0px;font-size: 14px; line-height: 1.5em;-webkit-font-smoothing: antialiased;overflow-x: hidden !important;}
.wid{width: 1200px;margin: 0 auto;}
.box{padding: 100px 0;}
.ftl{float: left;}
.ftr{float: right;}
.clear{clear: both}
.clear:after {display: block;content: '';clear: both;}
p{font-size: 1.25rem;}
.top{background-image: url(../imageset/imgs/top.jpg);width: 100%; height:480px;line-height: 480px; }
.top h2{font-size: 60px;font-weight: bold;color: #fff;}
.top img{padding-top: 100px;}

.title{text-align: center;}
.title h3{font-size: 36px;color: #333;padding: 0 0 20px;}
.title h3 span{position: relative;display: inline-block;}
.title h3 span::after{content: " ";position: absolute;width: 8px;height: 8px;border-radius: 100%;border: 4px solid #3889FD;top:-10px;right: -24px;}
.title p{font-size: 14px;color: #ccc;margin-bottom: 40px;}

.w55{width: 55%;}
.w45{width: 45%;}
.content p{text-indent: 2rem;font-size: 16px;line-height: 2.2;text-align: justify;}
.pr2{padding-right: 2rem;}
.pl2{padding-left: 2rem;}
.mt2{margin-top: 2rem;}
.bg{ width: 100%; background-color: #f5f9ff;padding: 80px;}
.ztgh ul li{     display: flex;align-items: center;height: 180px;margin-bottom: 20px; list-style: none;background: #fff;box-shadow: 6px 4px 16px #eee;padding: 20px;}
.ztgh ul li img{float: left;margin-right: 20px;}
.ztgh ul li>div{float: left;width: calc(100% - 115px);}
.ztgh ul li>div h4{position: relative; font-size: 24px;color: #3889FD;padding:0 8px;margin-bottom: 20px;}
.ztgh ul li>div h4::after{content: '';display: block;position:absolute;width: 164px;height: 8px;background: #3889FD;opacity: 0.2;bottom: -4px;left: 0;}

.jsgh{text-align: center;}
.jsgh .content p{margin-bottom: 14px;text-align: left;}
.jsgh img{width: 49%;}

.footer{background-color: #3889fd;height: 60px;line-height: 60px;text-align: center;color: #fff;}
#close{position: fixed;top: 55%;right: 2%; border: 1px solid #eee;background: #fff;}
#close a{position: absolute;top:-25px;right:0;}

@media screen and (max-width: 1279px){
    .wid{width: calc(100% - 4rem);}
    .top img{width: 40%;}
    .box {padding: 4rem 0;}
    .top{height: 24rem;line-height: 24rem;}
    .top h2{font-size: 3rem;}
    .top img{padding: 4rem 0;}
    .bg{padding: 4rem 0;}
}
@media screen and (max-width: 767px){
    .w55,.w45{width: 100%;}
    .top img{display: none;}
    .title h3::after{right: 33%;}
    .top{height: 10rem;line-height: 10rem;}
    .top h2{width: 100%;text-align: center;font-size: 2rem;}
    .ftl,.ftr,.ztgh ul li img,.ztgh ul li>div{float: none;}
    .title h3{font-size: 1.8rem;padding: 0 0 0.4rem;}
    .pr2{padding-right: 0;}
    .ztgh ul li{display: block;height: auto;}
    .ztgh ul li>div{width: 100%;}
    .ztgh ul li>div h4{text-align: center;font-size: 1.4rem;}
    .ztgh ul li>div h4::after{display: none;}
    .ztgh ul li img{display: block;margin: 0 auto 1rem;}
    .footer{line-height: 1.8;padding: 1rem;height: auto;}
    .box {padding: 2rem 0;}
    .box img{width: 100%;}
    .title p{margin-bottom: 1rem;}
    .pl2{padding-left: 0;}
    .content p,p{line-height: 1.8;font-size: 1rem;}
    .ztgh ul li img{width: 20%;}
    .jsgh img{width: 100%;}
    .bg{padding: 3rem 0;}
    .title h3 span::after{width: 6px;height: 6px;border: 3px solid #3889FD;}
    #close{display: none;}
}