*{margin:0px;padding:0px;}
ul,li{list-style:none;}
a{text-decoration:none;color:white;}
body{background:url(greenbg.jpg);font-size:14px;}

.common{width:455px;margin:0 auto}
.logo{margin-top:140px}
.main{background:rgb(19, 77, 111);;min-height:530px;color: white;padding:30px;box-sizing:border-box;border-radius: 10px;position: relative;overflow: hidden;}
.main .tit{text-align:center;border-bottom:1px solid white;padding-bottom:10px;color: #fff20f;font-size: 14px;text-align: left;position: absolute;width: 100%;left: 0px;padding: 4px;box-sizing: border-box;    }
.block{margin-top:100px;}
.block li{text-align:center;margin:30px auto;background:#1f87b9;border-radius:10px;padding:15px 0px;width:80%;font-size: 19px;}
.block li a{display:block;width:100%;}
.block li:hover{
background-image: linear-gradient(0deg, #0b799a 0%, #115e75 100%);}
.serv{width:80%;margin:0 auto;}
.serv span{width:33.3%;display:inline-block;text-align:center;}
.serv .line{height:1px;background:white;}
.index-3 {width:80%;margin:30px auto;}
.index-3 ul li {
    display: block;
    width: 69px;
    height: 69px;
    background: rgba(0, 0, 0, 0.37);
    border-radius: 15px;
    /*! margin-bottom: 27px; */
    text-align: center;
    padding-top: 13px;
    box-sizing: border-box;
}
.logo img{max-width:400px;}
.index-3 ul li i {
    height: 30px;
    display: block;
}
.index-3 li{float:left;width:23%;margin:auto 5px;background:rgba(0,0,0,0.5);}
.index-3 ul li a {
    display: block;
    text-align: center;
    font-size: 10px;
    color: #fff;
    margin-top: 5px;
}
.icon-1 {
    background: url(icon-1.png) no-repeat top center;
}
.icon-2 {
    background: url(icon-2.png) no-repeat top center;
}
.icon-3 {
    background: url(icon-3.png) no-repeat top center;
}
.icon-4 {
    background: url(icon-4.png) no-repeat top center;
}
.tc4{text-align:center;width:300px !important;left: 53% !important;}
.tc4 p{margin:10px 0px;}
.tc4 .ewm{margin-bottom:20px;}
.clear{clear:both;}
.footer{width: 1000px;margin:  0 auto;margin-top: 100px;}
.footer .pic{width: 210px;margin: 0 auto;}
.footer .pic img{width: 40px;padding: 0 13px;}
.footer p{width: 100%;text-align: center;font-size: 13px;color: #0c242b;letter-spacing: 1px;}
.mask-n {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -190px 0 0 -200px;
    width: 400px;
    /*! height: 250px; */
    background: #eee;
    border-radius: 5px;
}
.mask-n h2{text-align:center;color: #3a8a82;margin-top: 20px;}
.mask-a {
    font-size: 16px;
    line-height: 40px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    padding: 0 15px;
    color: white;
    background: #115254;
}
.mask-a h1{
    font-size: 20px;
    line-height: 40px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    padding: 0 15px;
    color: white;
    background: #115254;
}
.mask-n .ml {
    width: 50%;
    text-align: center;
    float: left;
    padding-top: 12px;
    padding: 20px 0px;
}
.mask-n .ml h3 {
    color: #3e8388;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 30px;
    /*! text-align: center; */
    padding: 0px 40px;
}
.mask-n .ml h3 img {max-width:30px;margin-right:10px;height:30px;border:none;float: left;display: inline-block;}
.mask-n .ml h4 {
    color: #3e8388;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 30px;
    /*! text-align: center; */
    padding: 0px 40px;
}
.mask-n .ml h4 img {max-width:30px;margin-right:10px;height:30px;border:none;float: left;display: inline-block;}
.mask-n .ml p {
    color: #a7a9af;
    font-size: 12px;
    margin-bottom: 5px;
}
.mask-n .ml img {
    width: 113px;
    height: 113px;
    border: 5px solid #3a858c;
    border-radius: 5px;
}
.mask-n .ml p {
    color: black;
    font-size: 12px;
    margin-bottom: 5px;
}
.mask-a span {
    float: right;
    margin-top: 0px;
    cursor: pointer;
}
.mask-n .info{color:red;text-align:center;font-weight:bold;padding-bottom:20px;font-size: 20px;}
@media screen and (max-width: 650px) {
    .main{min-height:0px;}
    .common{width:95%;margin:0 auto}
    .mask-n {top:45%;}
    .serv{width:90%;margin:0 auto;}
    .logo{margin-top:10px}
    .block{margin-top:90px;}
    .block li{text-align:center;margin:20px auto;background:#1f87b9;border-radius:10px;padding:12px 0px;width:90%;font-size: 19px;}
    .main .tit{text-align:center;border-bottom:1px solid white;padding-bottom:10px;color: #fff20f;font-size: 14px;text-align: left;position: absolute;width: 100%;left: 0px;padding: 4px;box-sizing: border-box;    }
    .index-3 ul li{width:23%;border-radius:5px;margin:0px 1%;}
    .tc4{left: 60% !important;top:55%;}
    .footer{width: 100%;margin:  0 auto;margin-top: 20px;}
    .logo img{max-width:400px;}
}