.banner{ width: 100%; height: 560px; background: url(images/banner.jpg) no-repeat center top; }
.banner a{ display: block; width: 100%; height: 100%; }
.container{ color: #656565;font-size: 24px;; width: 1215px; margin: 0 auto; line-height: 1.5;}
.mar70{ margin: 70px auto; }
.mt70{ margin-top: 70px;}
.mt80{ margin-top: 80px;}
.mt90{ margin-top: 90px;}
.bg1{ background: #f7f7f7; }
.c-1{ color: #16aec1;}
.fs36{ font-size: 36px;}
.bor-r20{ border-radius: 20px; }
.block-center{ display: inline-block; margin-left: auto; margin-right: auto; }
.pd80{ padding: 80px 0; }
.btn-1,.btn-2{width: 241px;height: 60px;line-height: 55px; background:#16aec1 url(images/tel.png) no-repeat 35px center;border-radius: 5px;  font-size: 26px; color: #ffffff!important; text-indent: 90px; }
.btn-2{ background: #eea200 url(images/zixun.png) no-repeat 35px center; }
.btn-1:hover,.btn-3:hover{ opacity: 0.85;}
.tran5{  transition: all .5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.tit{ font-size: 40px; color: #16aec1; background: url(images/bg1.png) no-repeat 0 bottom; }
.tit span{ color: #656565; font-size: 22px; padding-left: 34px; font-weight: 300; vertical-align: bottom; }
.tit.tit-2{ width: 40px; background: url(images/bg2.png) no-repeat top right; line-height: 1;}
.tit.tit-2 span{ line-height: 1; padding: 30px 0 0 10px; writing-mode: vertical-lr; }
.div-1 .right{ width: 590px; padding: 20px; }
.div-2 .left{ width: 480px; }

.div-2 .container{ width: 100%;}
.div-2 .swiper-2{ padding-bottom: 60px;}
.div-2 .swiper-2 li{ background: #f7f7f7; text-align: center; }
.div-2 .swiper-2 .swiper-pagination-bullet{ width: 10px; height: 10px; border:none; background: #9fa7b0; transition: all .3s linear; vertical-align: middle;}
.div-2 .swiper-2 .swiper-pagination-bullet-active{ width: 18px;  height: 18px; background: #16aec1;}
.btn-div { justify-content: center; margin-top: 20px;}
.btn-div .block-center{ width: 260px; height: 60px; line-height: 60px; margin: 0 15px;}

.div-3 .left{ width: 320px; }
.div-3 .center{ width: 320px; padding: 0; }
.div-3 .img{ border-radius: 20px; overflow: hidden; font-size: 0; }
.div-3 .img p{ font-size: 26px; background: #16aec1; text-align: center; height: 40px; line-height: 39px; color: #fff; }

.div-3 .right{ width: 480px; }
.div-3 .right > div{ width: 390px; }

.div-4 .center{ width: 400px; padding: 0; }
.div-4 .right{ width: 660px;}

.div-5{ height: 533px; background: url(images/bottom.jpg) no-repeat center; }
.rel{ position: relative;}
.div-51{ padding-top: 75px}
.btn-div2{ position: absolute; right: 55px; bottom: 112px;}
.btn-div2 .block-center{ width: 240px; height: 60px; line-height: 60px; margin: 0 12px;}
.about-bottom{ width: 100%; background: url(images/img_54.jpg) no-repeat center top; height: 636px;}