@charset "utf-8"; /* CSS Document */
body {background: #fff}


.banner{ background-position:50% 50%; background-size: cover; background-repeat: no-repeat;height: auto !important;}
.banner .wrap{position: relative;}
.banner .desc{position: absolute;left: 0;top: 40px;width: 100%;line-height: 1;color: #000;text-align: center;padding: 0 !important;}
.banner .desc h1{font-size: 34px;font-weight: lighter;}
.banner .desc p{font-size: 15px !important;padding: 18px 0 25px;margin-bottom: 0 !important;line-height: 1 !important;/* color: #555; */}
.banner .desc a{display: inline-block;color: #000;font-size: 14px;line-height: 38px;border: 1px solid #00b8b8;padding: 0 0 0 20px;background: #fff;border-radius: 38px;overflow: hidden;}
.banner .desc a:hover{color: #182430;}
.banner .desc a span{float: right;background: #00b8b8;margin-left: 20px;font-size: 18px;padding:0 20px;color: #fff;}




.pageFooter {background: #f5f5f7;}
.list {padding-bottom: 110px;}
.list .tit {font-size: 38px;color: #1d2023;line-height: 1;text-align: center;padding: 100px 0 25px;font-weight: lighter;}
.list ul {margin: 0 -13px;}
.list li {float: left;width: 50%;padding: 38px 13px 0;}
.list li a {border-radius: 20px;overflow: hidden;display: block;background: #f5f5f7;}
.list li .pic {}
.list li .pic img {}
.list li .bd {padding: 33px 25px 28px;}
.list li a h2 {font-size: 23px;line-height: 1;color: #000;margin-bottom: 15px;}
.list li a .desc {color: #3a3a3a;font-size: 15px;line-height: 2;position: relative;padding: 0 160px 0 0;}
.list li a p {}
.list li a span {position: absolute;right: 0;top: 0;font-size: 15px;line-height: 30px;border: 1px solid #00b8b8;padding: 0 15px;border-radius: 30px;color: #00b8b8;}

@media (max-device-width: 1024px) {}