/*
*鍚痉鏁欒偛闆嗗洟甯傚満閮ㄦ妧鏈紑鍙�
*鍓嶇寮€鍙戠粍鍒朵綔鐗堟潈鎵€鏈�
*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

/***************************鍏叡缁勪欢鏍峰紡鎺у埗***************************/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,img,b,i,dl,dt,dd,ul,li,th,td{margin:0;padding:0;border:0;list-style:none;}html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;_font-smoothing:antialiased;font-smoothing:antialiased;}#nav,#header,#menu,#section{display:block;}#nav,#header,#menu{width:100%;}.img{vertical-align:bottom}.zt-wrap{font-size:16px;}ul,li{list-style:none;}img{vertical-align: middle;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;outline:none;cursor: pointer;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}.elips{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-o-text-overflow:ellipsis}table { border-collapse: collapse; border-spacing: 0;margin: 0;padding: 0; }
/*娓呴櫎娴姩鏂规硶*/
.clear{clear:both;overflow:hidden;font-size:0;line-height:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.clearfix{*zoom:1;}.fix{zoom:1;}.fix:after{display:block;content:'clear';clear:both;line-height:0;visibility:hidden;}
/****************************椤甸潰鏍峰紡鎺у埗*****************************/
/*---------------------------鍏ㄥ眬椤甸潰鎺у埗----------------------------*/
body{font-size:12px;color:#333;font-family:"寰蒋闆呴粦","Microsoft YaHei",Helvetica,Arial}a{background-color: transparent;}
a:hover{outline: 0;}
.mw{width:1100px;margin:0 auto}
.fl{float:left}.fr{float:right}
/*---------------------------鍏ㄥ眬瀵艰埅妯″潡---------------------------*/
#nav{height:105px;text-align:center;background-color:#FFF}
#looyuMid{z-index:99}
/*-------------------------鍏ㄥ眬鑿滃崟瀵艰埅妯″潡--------------------------*/
.title{font-size: 0;text-align: center;}
.conTer{background:url('../images/bg.jpg') top center no-repeat;min-width: 1100px;padding-top: 19px;}
.but-con{text-align: center;font-size: 0;}
.but-con a{width: 212px;height: 42px;line-height: 42px;text-align: center;font-size: 19px;color: #006a58;background: #ffd800;margin: 0 26px;display: inline-block;vertical-align: top;letter-spacing: 2px;border-radius: 50px;font-weight: bold;}
.but-con a:nth-of-type(2){background: #fff;}

#header{width: 100%;height:387px;background: url('../images/banner.png') center no-repeat;min-width: 1100px;overflow: hidden;}

.fix-top li{float: left;width: 168px;height: 54px;line-height: 54px;font-size: 20px;color: #333;background: #fff;border-radius: 50px;margin-left: 18px;text-align: center;cursor: pointer;letter-spacing: 1px;font-weight: bold;}
.fix-top li:nth-of-type(1){margin-left: 0;}
.fix-top li.on{background: #ff5069;}
.fix-top li a{display: block;color: #333;}
.fix-top li.on a{color: #fff;}
.dy{padding-top: 34px;}
.dy-top{padding: 25px 31px 0 217px;height: 126px;background:url('../images/dy.png') no-repeat;}
.dy-top p{line-height: 24px;color: #fff;font-size: 15px;letter-spacing: 1px;}
.dy ul {
    text-align: justify;
    text-justify: distribute-all-lines;
    font-size: 0;
}
.dy ul:after {
    width: 100%;
    height: 0;
    margin: 0;
    display: inline-block;
    overflow: hidden;
    content: '';
}
.dy ul li{margin-top: 34px;position: relative;width: 259px;padding-top: 23px;height: 70px;background: #f6f6f6;border: 1px solid #ff5069;display: inline-block;vertical-align: top;}
.dy ul li h3{background:url('../images/dy-bg.png') no-repeat;width: 101px;height: 35px;line-height: 35px;text-align: center;color: #fff;font-size: 23px;position: absolute;left: -1px;top: -18px;font-weight: normal;letter-spacing: 1px;}
.dy ul li h4{font-size: 17px;color: #007c67;line-height: 24px;padding-left: 14px;}

.page1{padding: 34px 0 0px;}
.page1-con{margin: 14px 0 29px;padding: 3px 3px 0;background: #fff;border-radius: 20px;height: 254px;overflow: hidden;position: relative;}
.page1-con .fl{width: 548px;}
.page1-con .fr{width: 546px;}
.page1-con table{width: 100%;}
.page1-con table th{height: 44px;background: #08c2ad;color: #fff;font-size: 20px;letter-spacing: 2px;}
.page1-con table td{height: 34px;color: #007c67;font-size: 16px;text-align: center;}
.page1-con table td a{color: #007c67;}
.page1-con .fl table th:nth-of-type(1){border-radius: 20px 0 0 0;}
.page1-con .fr table th:nth-of-type(7){border-radius: 0 20px 0 0;}
.page1-con table tr:nth-of-type(odd) td{background: #edfffe;}
.page1-con span{position: absolute;top: 3px;height: 252px;background: rgba(246, 246, 246, 0.5);left: 546px;width: 2px;}

/*  */
.page2{padding: 48px 0 0px;}
.page2-con{margin: 31px 0 29px;background:url('../images/page2.png') no-repeat ;height: 359px;border-radius: 20px;}
.page2-con ul{text-align: center;font-size: 0;}
.page2-con ul li{display: inline-block;vertical-align: top;padding-top: 88px;width: 244px;margin: 0 9px;}
.page2-con ul li h3{position: absolute;text-indent: -9999px;}
.page2-con ul li p{padding-left: 40px;line-height: 24px;font-size: 15px;color: #007c67;position: relative;text-align: left;letter-spacing: 1px;}
.page2-con ul .li01 p{padding-right: 24px;}
.page2-con ul li span{width: 14px;height: 14px;background: #007c67;border-radius: 100px;font-size: 13px;color: #fff;line-height: 14px;text-align: center;position: absolute;left:24px ;top: 5px;}

.page3{padding-top: 50px;}
.page3-con{margin: 23px 0 33px;background:url('../images/page3.png') no-repeat ;height: 531px;border-radius: 20px;}
.page3-con h3{position: absolute;text-indent: -9999px;}
.page3-con ul{padding: 190px 0 0 591px;}
.page3-con ul li{margin-bottom: 13px;height: 28px;font-size: 17px;color: #333333;letter-spacing: 1px;}
.page3-con ul li span{display: inline-block;height: 28px;line-height: 28px;width: 67px;background: #08c2ad;margin-right: 10px;color: #fff;border-radius: 30px;vertical-align: top;text-align: center;}

.page4{padding-top:46px;}
.page4-mw{width: 1101px;margin: 0 auto;}
.page4-top{margin-top: 32px;background: url('../images/pagr4.png') no-repeat ;height: 428px;}
.page4-top h3{font-size: 27px;color: #fff;padding: 85px 0 0 83px;margin-bottom: 15px;height: 47px;line-height: 47px;letter-spacing: 1px;}
.page4-top p{line-height: 50px;padding-left: 112px;position: relative;font-size: 26px;color: #006a58;letter-spacing: 1px;}
.page4-top p em{width: 8px;height: 8px;border-radius: 100px;background: #ff5069;position: absolute;top: 20px;left: 89px;}
.page4-con{position: relative;margin-bottom: 31px;border: solid #fff;background: #08c2ad;overflow: hidden;border-width: 0 3px 3px;border-radius: 0 0 22px 22px;}
.page4-con dl{padding-top: 19px;width: 865px;margin: 0 auto;height: 180px;}
.page4-con dl dt{width: 178px;padding-top: 30px;margin-right: 36px;}
.page4-con dl dt span{display: block;height: 36px;line-height: 36px;background: #ff5069;border-radius: 0 20px 0 20px;color: #fff;font-size: 19px;text-align: center;border: 1px solid #ffdce1;}
.page4-con dl dt h3{text-align: center;font-size: 30px;line-height: 66px;color: #fff;letter-spacing: 3px;}
.page4-con dl dd{width: 650px;}
.page4-con dl dd p{line-height: 30px;font-size: 19px;color: #fff;}
.page4-con .page4-next,.page4-con .page4-prve{width:44px ;height: 52px;position: absolute;bottom: 106px;cursor: pointer;}
.page4-con .page4-next{background:url('../images/page4-2.png') no-repeat ;left: 49px;}
.page4-con .page4-prve{background:url('../images/page4-3.png') no-repeat ;right: 49px;}
.page4-Swiper{width: 865px;margin: 0px auto 0;overflow: hidden;padding-bottom: 44px;background: url('../images/page4-1.png') no-repeat center top;padding-top: 10px;}
.page4-Swiper ul li{padding-top: 40px;cursor: pointer;}
.page4-Swiper ul li p{position: relative;width: 165px;height: 165px;border-radius: 100px;background: #fff;margin-top: 5px;}
.page4-Swiper ul li p img{position: absolute;left: 0;bottom: 0px;}
.page4-Swiper .swiper-slide-thumb-active p{border:5px solid #ff5069;margin-top:0}


.page5{padding-top: 58px;}
.page5-con{margin:30px 0 28px ;height: 465px;padding: 36px 0 24px;border-radius: 20px;border: 3px solid #fff;background: #08c2ad;overflow: hidden;position: relative;}
.page5-con ul{text-align: center;font-size: 0;}
.page5-con ul li{display: inline-block;vertical-align: top;width: 160px;height: 230px;}
.page5-con ul li img{border-radius: 100px;}
.page5-con ul li p{font-size: 16px;color: #fff;line-height: 20px;padding-top: 10px;}
.page5-con .swiper-pagination{width: 100%;bottom: 29px;}
.page5-con .swiper-pagination .swiper-pagination-bullet{width: 11px;height: 11px;background: #08c2ad;opacity: 1;border: 3px solid #fff;margin: 0 5px;}
.page5-con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ff5069;border-color: #ff5069;}

.page6{padding: 50px 0 65px;}
.page6-con{margin: 32px 0 30px;border-radius: 20px;border: 3px solid #fff;background: #08c2ad;overflow: hidden;padding-bottom: 45px;text-align: center;font-size: 0;}
.page6-con a{display: inline-block;vertical-align: top;margin-top: 30px;width: 520px;}
.page6-con a img{border-radius: 24px;}
.page6-con a strong{line-height: 54px;color: #fff;display: block;font-size: 22px;letter-spacing: 2px;}

.totop-fix{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;}
.totop-fix ul{background: #03d8ce;border-radius: 50px;}









.closeBtnLeft{width: 50px;height: 50px; position: absolute;right: 0;top: 0;cursor: pointer;}

.dsc{
    width: 1100px;
    margin: 0 auto;
    position: relative;
}
.dsc-1{
    position: relative;
    margin-top: 50px;
    text-align: center;
    
}
.dsc-2{
    background: url('../images/des_02.png') center no-repeat;
    height: 760px;
}
.dsc-3{
    background: url('../images/des_02_02.png') center no-repeat;
    height: 502px;
}
.dsc-4{
    background: url('../images/des03_02.png') center no-repeat;
    height: 662px;
}
.btn-box-p{
    position: absolute;
    bottom: 80px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.btn1{
    position: absolute;
    width: 310px;
    height: 60px;
    bottom: 34px;
    right: 260px;
    cursor: pointer;
}
.btn-box{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.footers{
    background: url('../images/bg_02.png') no-repeat;
    padding-bottom: 80px;
}
.footer-img{
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    font-size: 17px;
    font-weight: 700;
}
.footer-img div{
    transition: transform 0.3s ease;
    /* margin-right: 22px; */
    flex: 1;
    height: 237px;
}
.footer-img div p{
    margin-top: -30px;
}
.footer-img div img{
    width: 100%;
}
.footer-img div:hover {
  transform: scale(1.13); /* 鏀惧ぇ鍥剧墖鍒�110% */
}