﻿

body { background:#fff;}


.zt-banner img{display:block;width:100%;}


.zt-m1 { margin:15px 15px 0 0;text-align:center;}
.zt-m1 h2 { display:inline-block;border-bottom:3px solid #0194c7;font-size:18px;line-height:1.8em;text-align:center;color:#0194c7;}
.zt-m1 ul { display:flex;display:-webkit-flex;margin-top:10px;}
.zt-m1 ul li {flex:1;-webkit-flex:1;margin-left:15px;border:1px solid #01a6dc;text-align:center;font-size:14px;line-height:1.8em;}
.zt-m1 ul li a{display:block; }
.zt-m1 .btn { display:block;border-radius:5px;margin:20px 0 0 15px;font-size:16px;text-align:center;line-height:2em;color:#fff;background:#3fa95f;}


.zt-m2 { margin:15px auto 0;text-align:center;}
.zt-m2 h2 { display:inline-block;border-bottom:3px solid #0194c7;font-size:18px;line-height:1.8em;text-align:center;color:#0194c7;}
.zt-m2 .bd { display:flex;display:-webkit-flex;margin:15px 15px 0;}
.zt-m2 .bd > div { flex:1;-webkit-flex:1;}
.zt-m2 .bd > div:last-child { margin-left:10px;}
.zt-m2 .bd > div strong {display:block;font-size:16px;line-height:1.5em;color:#fff;background:#0194c7;}
.zt-m2 .bd > div p { margin-top:5px;line-height:1.8em;font-size:12px;text-align:left;}
.zt-m2 .btn { display:block;border-radius:5px;margin:20px 20px 0;font-size:16px;text-align:center;line-height:2em;color:#fff;background:#3fa95f;}


.zt-m3 {padding:15px 0;margin-top:15px;text-align:center;background:#01a6dc;}
.zt-m3 h2 {display:inline-block;border-bottom:3px solid #fff;margin:0 auto;font-size:18px;line-height:1.8em;color:#fff;}
.zt-m3 .tit img{display:block;width:100%;}

.zt-m3 .bd {margin:15px 5.5% 0;}
.zt-m3 .bd img { display:block;width:100%;}
.zt-m3 ul { margin:15px 5.5% 0;}
.zt-m3 li { line-height:1.8em;font-size:14px;text-align:left;}
.zt-m3 li a { display:block;color:#fff;}
.zt-m3 li a span {}
.zt-m3 .btn { display:block;border-radius:5px;margin:20px 8% 0;font-size:16px;text-align:center;line-height:2em;color:#fff;background:#3fa95f;}

.zt-m4 { padding:15px 0;text-align:center;background:#fff;}
.zt-m4 h2 {display:inline-block;padding:10px;border:1px solid #393939;margin:0 auto;font-size:22px;color:#393939;}
.zt-m4 > strong { display:block;margin:15px 15px 0;font-weight:normal;font-size:16px;line-height:1.5em;text-align:center;color:#fff;background:#0194c7;}
.zt-m4 .photo { margin:0 15px;}
.zt-m4 .photo img {display:block;width:100%;}
.zt-m4 > p {margin:5px 15px 0; text-align:left;line-height:1.5em;color:#505050;}
.zt-m4 .ft {display:flex;display:-webkit-flex;margin:10px 15px 0;}
.zt-m4 .ft strong {display:block;width:60px;height:45px;line-height:45px;text-align:center;color:#fff;background:#f05088;}
.zt-m4 .ft div {flex:1;-webkit-flex:1;border:1px solid #e5e5e5;margin-left:10px;}
.zt-m4 .ft div p {padding-left:5px; text-align:left;color:#505050;}


.zt-m4 .btn { display:block;border-radius:5px;margin:10px 8% 0;font-size:16px;text-align:center;line-height:2em;color:#fff;background:#3fa95f;}


.zt-m5 {padding:15px 0;text-align:center;background:#d9eff7;}
.zt-m5 h2 {display:inline-block;padding:10px;border:1px solid #393939;margin:0 auto;font-size:22px;color:#393939;}
.zt-m5 .list { display:flex;display:-webkit-flex;padding:10px;margin:15px 10px 0;background:#0194c7;}
.zt-m5 .list .photo{width:30%;}
.zt-m5 .list .photo img{display:block;width:100%;}
.zt-m5 .list .txt { flex:1;-webkit-flex:1;padding:0 10px;text-align:left;color:#fff;}
.zt-m5 .list .txt strong { font-size:16px;font-weight:normal;}
.zt-m5 .btn { display:block;border-radius:5px;margin:10px 8% 0;font-size:16px;text-align:center;line-height:2em;color:#fff;background:#3fa95f;}

.zt-m6 { padding:15px 0;text-align:center;background:#fff;}
.zt-m6 h2 { display:inline-block;padding:10px;border:1px solid #393939;margin:0 auto;font-size:22px;color:#393939;}
.zt-m6 .bd {display:flex;display:-webkit-flex;margin:10px 10px 0;}
.zt-m6 .bd > div {position:relative;flex:1;-webkit-flex:1;text-align:left; }
.zt-m6 .bd > div:last-child { margin-left:10px;}
.zt-m6 .bd > div .photo img { display:block;width:100%;}
.zt-m6 .bd > div .txt {padding:5px 10px;background:#ffd5be;}
.zt-m6 .bd > div .txt strong {display:block;font-weight:300;line-height:1.5em;font-size:16px;color:#393939;}
.zt-m6 .bd > div .txt p {font-size:14px;line-height:1.5em;color:#393939;}
 
.zt-m6 .zixun { position:absolute;right:5px;bottom:5px;width:35px;height:35px;border-radius:50%;background:#ec651a;}
.zt-m6 .zixun i { display:block;font-size:20px;text-align:center;line-height:35px;color:#fff;}

.zt-m7 { padding:15px 0;text-align:center;background:#fff;}
.zt-m7 h2 { display:inline-block;padding:10px;border:1px solid #393939;margin:0 auto;font-size:22px;color:#393939;}

.zt-m7 .bd {position:relative;overflow:hidden;margin:10px 10px 0;}
.zt-m7 .swiper-slide {display:flex;display:-webkit-flex;align-items:strecth;-webkit-align-items:strecth}
.zt-m7 .swiper-slide > div {flex:1;-webkit-flex:1;background:#84a6c1;}
.zt-m7 .swiper-slide > div:nth-of-type(2) { margin-left:10px;}
.zt-m7 .swiper-slide .photo img { display:block;width:100%;}
.zt-m7 .swiper-slide .txt { position:relative;color:#fff;}
.zt-m7 .swiper-slide .txt:after {content:"";position:absolute;width: 0;height: 0;left:0;top: 12px;border-width: 16px;border-color:transparent transparent transparent #fff;border-style:solid;}
.zt-m7 .swiper-slide .txt strong { display:block;border-bottom:1px dashed #fff;font-size:14px;line-height:2em;}
.zt-m7 .swiper-slide .txt p {padding:10px 0;margin:0 10px;font-size:14px;line-height:1.5em;text-align:left;text-indent:2em;}

.zt-m7 .swiper-pagination2 span {width:30px;border-radius:0;margin:0 5px;background:#ccc;}
.zt-m7 .swiper-pagination2 span.swiper-pagination-bullet-active{ background:#84a6c1;}
.zt-m7 .tel {margin:20px 10px 0;}
.zt-m7 .tel img { display:block;width:100%;}












