.cnwarp{width:100%; float:left;margin:0;background-color: #f6f7f7}
.service-top{width:100%;height: 530px; float:left;margin-bottom: 80px; background-image: url("../images/service-top.jpg");background-repeat: no-repeat;background-size: cover;background-position: center center}
.service-list-top::before {height: 520px; content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.3); z-index: 1}
.service-content{width:1200px; margin:0 auto;}
.red{color:#e70012; }
.service-list{width:100%;float: left; text-align: center;}
.service-list ul{ margin:0; padding:0; list-style:none;} 
.service-list li{margin:0 6px 15px;float: left; text-align:center; line-height:2em;color:#000;} 
.service-list a{font-size:15px;text-decoration:none;padding:4px 16px;background-color:transparent;border-radius:20px;border: 1px solid #214a4f}
.service-list a:hover{text-decoration: none;background-color: #214a4f;color: #fff; transition: 0.3s;border-radius:20px;}
.service-title{ width:100%;float: left;text-align: center;margin-bottom: 50px;}
.service-title h1{font-size:30px;font-weight:  500;letter-spacing: 0.2em;text-indent: 0.2em;line-height: 1.2em}

.base-wrap{float:left; width:100%; margin:0; letter-spacing: 0.1em;background-color: #f6f7f7}
.base-wrap{opacity:0;-moz-transform:translateY(30px);-ms-transform:translateY(30px);-webkit-transform:translateY(30px);transform:translateY(30px);-moz-transition:opacity .8s,-moz-transform .8s;-o-transition:opacity .8s,-o-transform .8s;-webkit-transition:opacity .8s,-webkit-transform .8s;transition:opacity .8s,transform .6s}
.base-wrap.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.base-content{width:1200px; margin:60px auto 40px;}
.top-info{width:100%;float:left;margin-bottom: 35px}
.top-info h2{line-height:1.8em; font-size:24px;pletter-spacing: 0.2em;font-weight: 600;color: #214a4f;margin-bottom: 20px}
  .top-info h2:after{content: "";height: 2px; width:2em; background: #214a4f;display: block;margin:5px auto 5px 0;}
.top-info p{line-height:1.8em; font-size:17px;text-align:justify;}
.top-info span{ font-size:28px;}
.topinfo-bomtx{width:92%; float:left;margin:0 0 80px 7.5%;line-height:1.8em; font-size:22px;color: #ddd; letter-spacing: 0.2em; font-weight: 600;}
.service {float:left; width:100%; }
.service-item{width: calc((100% - 60px)/2);float: left;margin: 0 60px 45px 0;position: relative;display: inline-block;vertical-align: top; }
.service-item:nth-child(2n) {margin: 0 0 45px}
.service-item h2{font-size: 20px;border-bottom: 1px solid #c2d4d6;margin-bottom: 13px;padding-bottom: 8px;font-weight: 500;color: #b78433}
.service-item p{line-height:1.8em; font-size:16px;text-align:justify;}
.service-pic{width:100%;height: 460px; float:left;background-repeat: no-repeat;background-size: cover;background-position: center center}

@media only screen and (max-width: 1600px) {
.service-top{height: 460px;}
}
@media only screen and (max-width: 1200px) {
.base-content{width:90%; margin:40px auto 20px;}
.service-content{width:90%;}
.service-top{height: 350px;margin-bottom: 50px;}
.service-pic{height: 400px;}
}
@media only screen and (max-width: 980px) {
.base-content{margin:30px auto 0;}
.service-top{height: 340px;}
.service-title{margin-bottom: 35px;}
.service-item{width: calc((100% - 50px)/2);margin: 0 50px 35px 0;}
.service-item:nth-child(2n) {margin: 0 0 35px}
.service-pic{height: 330px;}
.service-list li{margin:0 6px 12px;} 
.service-list a{font-size:14px;padding:4px 13px;}
}  
@media only screen and (max-width: 767px) {
.base-content{margin:30px auto 10px;}
.service-top{height:280px;margin-bottom: 30px}
.service-list li{margin:0 4px 10px;} 
.service-list a{padding:4px 10px;}
.service-title{margin-bottom: 25px;}
.service-title h1{font-size:26px;}	
.service-item{width:100%;float: left; margin: 0 0 25px 0; }
.service-item:nth-child(2n) {margin: 0 0 25px}
.service-pic{height: 250px;}
}