@charset "UTF-8";
.hmFocus{ position:relative;}
.hmFocus_item{}
.hmFocus_item .dsPc{ height:594px;}
.hmFocus .slick-dots{bottom:28px;}
.hmFocus .slick-dots li button{display:none;}
.hmFocus .slick-dots li { background: #fff; display: inline-block; height: 3px; width: 26px; margin: 0px 5px; position: relative; vertical-align:middle}
.hmFocus .slick-dots li.slick-active{ background: #00C8AA;}
@media (max-width:1799px){
.hmFocus_item .dsPc{ height:480px;}
}

.hmCon1{ padding: 60px 0px 70px; }
.hmTbox{ text-align:center;}
.hmTbox strong{ display: block; font-size: 28px; line-height: 48px; }
.hmTbox p{ font-size: 18px; color: #999999; line-height: 38px; }
.hmc1Slider{ margin-top: 38px; display:flex;}
.hmc1Slider li{ width:25%; transition:all 0.5s ease-in-out;}
.hmc1Slider li.on{ width:50%;}
.hmc1aBox{ display:block; position:relative}
.hmc1aBox .overflowHide{ height:364px;}
.hmc1aBox .overflowHide:after{content:""; background:rgba(0,28,24,0.6); position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out;}
.hmc1Slider li.on .hmc1aBox .overflowHide:after{content:""; background:rgba(20,163,142,0.9)}
.hmc1Lay1{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; transition:all 0.5s ease-in-out;}
.hmc1Lay1 strong{ display: block; line-height: 36px; font-size: 20px; color: #FFF; font-weight: normal; }
.hmc1icon{ width:80px; height:80px; display:inline-block;}
.hmc1Lay2{ width: 100%; position: absolute; left: 0; width: 100%; text-align: center; transform: translate(0,-40%); top: 50%; color: #fff; padding: 0px 55px; transition:all 0.5 ease-in-out; opacity:0 }
.hmc1Lay2 strong{ font-size: 20px; line-height: 36px; display: block; margin-bottom: 10px; }
.hmc1Lay2 p{ font-size: 14px; line-height: 30px; transition:all 0.5s ease-in-out; height:0; overflow:hidden; text-align:left; }
.hmc1Slider li.on .hmc1Lay1{ opacity:0; transform:translateY(-90%)}
.hmc1Slider li.on .hmc1Lay2{ opacity:1; transform:translate(0,-50%); transition-delay:0.4s}
.hmc1Slider li.on .hmc1Lay2 p{ height:180px;}
.hmc1More{ text-align:center; margin-top:55px;}
.moreBtn{ line-height: 54px; color: #FFF; height: 54px; width: 155px; background: #07947F; font-size: 14px; display: inline-block; text-align:center;}
.moreBtn:hover{ transform:translateY(-3px); box-shadow:0 5px 8px rgba(0,0,0,0.1); color:#fff;}
@media (max-width:1799px){
.hmTbox strong{font-size:26px; line-height:42px;}
.hmTbox p{font-size:16px;}
}
@media (max-width:993px){
.hmc1Lay2{padding-left:20px; padding-right:20px;}
}
@media (max-width:767px){
.hmCon1{padding:40px 0 60px;}
.hmTbox strong{font-size:24px; line-height:36px; font-weight:normal;}
.hmTbox p{font-size:14px; line-height:26px; margin-top:10px;}
.hmc1Slider{margin-top:25px; display:block; height:auto; overflow:hidden;}
.hmc1Slider li{width:100%!important; margin-bottom:15px;}
.hmc1Lay2 strong{font-size:18px; margin-bottom:5px;}
.hmc1Lay2 p{line-height:24px; font-size:13px; max-height:168px;}
.hmc1aBox .overflowHide{height:255px;}
.hmc1More{margin-top:25px;}
.moreBtn{line-height:52px; height:52px;}
}


.hmCon2{ background: #eeeeee url("../images/hmc2bg.jpg")/*tpa=https://demo.sscms.com/theme800/Melis/images/hmc2bg.jpg*/ no-repeat center bottom; padding: 60px 0px 80px; position:relative; }
.hmc2Swiper{ margin-top:35px; position:relative;}
.hmc2item{ overflow:hidden}
.hmc2aBox{ display:block}
.hmc2aBox .overflowHide{ height: 467px; width: 702px; float:left }
.hmc2Rx{ background: #FFF; height: 378px; width:calc(100% - 702px); float:right; margin-top:89px; padding:72px 70px 0; }
.hmc2Rx strong{ font-size: 20px; line-height: 40px; display: block; height: 40px; margin-bottom: 8px; overflow: hidden; }
.hmc2Rx p{ font-size: 14px; line-height: 30px; height: 90px; overflow: hidden; margin-bottom: 28px; color: #666; }
.hmc2Rx span{ line-height: 42px; color: #000000; height: 46px; width: 160px; border: 2px solid #000000; font-size: 14px; padding-left: 16px; display: inline-block; background: url("../images/hmc2btn.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/hmc2Btn.png*/ no-repeat 132px center; }
.hmc2aBox:hover .hmc2Rx span{ color: #FFF; background: #00AD9F url("../images/hmc2btna.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/hmc2Btna.png*/ no-repeat 132px center; border: 2px solid #00AD9F; transition:all 0.5s ease-in-out; transform:translateY(-3px); box-shadow:0 5px 8px rgba(0,0,0,0.1);}
.hmc2Swiper .slick-prev{ background: #11D7C7 url("../images/hmc2btnar.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/hmc2BtnAr.png*/ no-repeat center center; display: inline-block; height: 42px; width: 58px; position: absolute; left:auto; top: 89px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; right: 58px; z-index: 1; }
.hmc2Swiper .slick-next{ background: #00AD9F url("../images/hmc2btnar.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/hmc2BtnAr.png*/ no-repeat center center; display: inline-block; height: 42px; width: 58px; position: absolute; left:auto; top: 89px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; right: 0px; z-index: 1; transform:rotate(180deg);}
.hmc2More{ text-align:center; position:absolute; left:0; width:100%; bottom:-27px;}
@media (max-width:1199px){
.hmc2aBox .overflowHide{ width:570px;}
.hmc2Rx{ width:calc(100% - 570px); padding:62px 30px 0; }
}
@media (max-width:993px){
.hmc2aBox .overflowHide{width:390px; height:350px}
.hmc2Rx{ width:calc(100% - 390px); margin-top:0; padding-top:55px; height:350px;}
.hmc2Rx p{height:120px;}
.hmc2Swiper .slick-prev,.hmc2Swiper .slick-next{top:0;}
}
@media (max-width:767px){
.hmCon2{padding:45px 0px 60px;}
.hmc2aBox .overflowHide{width:100%; height:200px; float:none;}
.hmc2Rx{width:100%; float:none; padding-top:32px; height:300px;}
.hmc2Rx strong{font-size:16px; line-height:36px; height:36px; margin-bottom:3px;}
.hmc2Rx p{line-height:26px; height:104px; overflow:hidden;}
}


.hmCon3{ padding: 85px 0px 70px; }
.hmc3ul{ margin:35px -15px 0;}
.hmc3ul li{ width: 33.33%; float: left; margin-bottom: 20px; padding: 0px 15px 25px; }
.hmc3aBox{ display:block;}
.hmc3aBox strong{ line-height: 44px; margin-top: 12px; height: 44px; display: block; font-size: 16px; }
.hmc3aBox p{ font-size: 14px; line-height: 22px; color: #666666; height: 44px; overflow: hidden; }
.hmc3aBox .overflowHide{ height:243px;}
.hmc3More{ text-align:center}
@media (max-width:993px){
.hmc3aBox .overflowHide{height:145px;}
}
@media (max-width:767px){
.hmCon3{padding:70px 0px 60px;}
.hmc3ul li{width:100%; padding-bottom:8px;}
.hmc3aBox .overflowHide{height:180px;}
.hmc3aBox p{height:auto; max-height:66px;}
}


.hmCon4{ background: #F7F7F7; height: 106px; padding-top: 30px; }
.hmc4Tnm{ float:left; line-height:20px; margin-top:4px;}
.hmc4Tnm strong{ font-size: 15px; display: block; }
.hmc4Tnm p{ font-size: 13px; text-transform: uppercase; }
.hmc4Swiper{ margin:0 50px 0 145px; position:relative;}
.hmc4Lg a{ display:block; height:46px; position:relative; border:1px solid rgba(255,255,255,0); -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.6;}
.hmc4Lg{ padding:0 7px;}
.hmc4Lg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.hmc4Lg a:hover{ border:1px solid #CDCDCD; -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
.hmc4Swiper .slick-prev{ background: url("../images/hmc4btn.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/hmc4Btn.png*/ no-repeat left center; display: inline-block; height: 29px; width: 16px; position: absolute; left: -40px; top: 9px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer }
.hmc4Swiper .slick-next{background: url("../images/hmc4btn.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/hmc4Btn.png*/ no-repeat left center; display: inline-block; height: 29px; width: 16px; position: absolute; right: -40px; top: 9px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transform:rotate(180deg);}

.footer{ color: #FFF; background: #00AD9F; padding: 52px 0px 40px; overflow:hidden; }
.footer_logo{ float:left; margin-top:34px; margin-bottom:34px; margin-right:62px;}
.footer_dl{ position: relative; width: 175px; padding: 5px 0px 10px 35px; float: left; border-left: 1px solid #4DBDAF; }
.footer_dl dt{ line-height: 36px; height: 36px; font-size: 16px; color: #FFF; }
.footer_dl dt a,.footer_dl dt a:hover{color:#fff;}
.footer_dl dd{ line-height: 24px; font-size: 14px; color: #ccfff7; }
.footer_a2{ color: #ccfff7; }
.footer_a2:hover{ color: #fff; }
.footerWx{ float:right; text-align:center}
.wxImg{ width:110px; height:110px; margin:0 auto;}
.footer_tel{ line-height: 24px; height: 24px; margin-top: 11px; padding-left: 32px; font-size: 20px; color: #FFF; background: url("../images/tel_icon.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/tel_icon.png*/ no-repeat left center; white-space:nowrap;}
.footerWx p{ font-size: 12px; line-height: 26px; color: #FFF; margin-top: 2px; }
.footer_info{ background: #009B8F; padding: 20px 0px; font-size: 14px; color: #8fdcd1; line-height: 24px; }
.footer_info a,.footer_info a:hover{ color: #8fdcd1; }
@media (max-width:1799px){
.footer_logo img{height:66px; width:auto;}
}
@media (max-width:1199px){
.footer_logo{margin-right:30px;}
.footer_dl{width:140px; padding-left:25px;}
}
@media (max-width:993px){
.footer_logo{width:100%; margin-right:0; text-align:center; margin-top:0}
}
@media (max-width:767px){
.hmc4Swiper{margin-left:130px;}
.footer_logo{display:none;}
.footer_dl{display:none;}
.footerWx{width:158px; margin:0 auto; float:none;}
.footer{padding:45px 0px 30px;}
.footer_info .fl,.footer_info .fr{width:100%; display:block; float:none; text-align:center;}
}


.m2banner{ position:relative;}
.m2banner .bgImg{ height:300px;}
.m2posWpr{ height: 54px; position: relative; z-index: 3; margin-top: -54px; background: rgba(255,255,255,0.4); line-height: 54px; }
.m2posWpr .fl{ padding-left: 20px; font-size: 18px; color: #333; position:relative;}
.m2posWpr .fl:before{ content: ""; height: 10px; width: 10px; margin-top: -5px; border: 2px solid #1CA591; position: absolute; left: 0px; top: 50%; border-radius:50%;}
.m2posWpr .fr{ font-size: 14px; color: #666; background: url("../images/m2pos_i.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m2pos_i.png*/ no-repeat left center; padding-left: 20px; }
.m2proWpr{ background: url("../images/m2pro_bg.jpg")/*tpa=https://demo.sscms.com/theme800/Melis/images/m2pro_bg.jpg*/ repeat-y center top; padding-bottom: 66px; }
.m2proMenu{ float: left; width: 236px; }
.m2pTnm{ font-size: 18px; line-height: 26px; padding: 63px 0px 12px; border-bottom: 1px solid #ADADAD; }
.m2pTnm strong{ font-weight: normal; display: block; }
.m2proMenu dt{ line-height: 24px; padding: 14px 38px 14px 0px; position: relative; border-bottom: 1px solid #D9D9D9; }
.m2proMenu dd p{ line-height: 22px; font-size: 14px; padding: 12px 38px 12px 0px; border-bottom: 1px solid #D9D9D9; }
.m2proMenu dd{display:none;}
.m2proMenu dl.on dd{display:block;}
.m2pro_ma{ font-size: 16px; font-weight: bold; }
.m2pro_tgBtn{ background: url("../images/m2menu_ar.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m2menu_ar.png*/ no-repeat center center; height: 40px; width: 40px; position: absolute; top: 50%; right: 8px; margin-top: -20px; cursor: pointer; transition:all 0.5s ease-in-out; }
.on .m2pro_tgBtn{ transform:rotate(90deg);}
.m2pro_ma2{ color:#555;}
.m2pro_ma2.on{ color:#14a38e}
.m2proRx{ margin-left:236px;}
.m2proList{ overflow:hidden; margin-bottom:45px;}
.m2proList li{ border-right:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; padding:0}
.m2pro_aBox{ display:block; height:250px;}
.m2pro_aBox .overflowHide{ position:relative; height:200px}
.m2pro_aBox .overflowHide img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m2pro_aBox p{ line-height: 22px; padding: 0px 15px; height: 22px; font-size: 13px; text-align: center; }
.page{ text-align: center; }
.page_a{ font-size: 14px; line-height: 36px; color: #999999; text-align: center; display: inline-block; padding: 0px 12px; height: 38px; min-width: 38px; margin: 0px 2px; border: 1px solid #D5D5D5; border-radius:0.2em; }
.page_a:hover,.page_a.on{ color: #FFF; background: #00AD9F; border: 1px solid #00AD9F; }
.page_span{ display:inline-block; margin:0 2px; font-size:14px; color:#999;}
.page *{vertical-align:middle;}
@media (max-width:1799px){
.m2banner .bgImg{ height:250px;}
}
@media (max-width:767px){
.m2banner .bgImg{height:180px;}
.m2posWpr .fl{display:none}
.m2posWpr{line-height:46px; height:46px; margin-top:-46px;}
.m2pTnm{padding-top:45px;}
.m2proMenu{float:none; width:100%;}
.m2proRx{ margin-left:0;}
.m2proList li{border-right:none;}
.m2proList{margin-bottom:35px;}
.page_a{ font-size: 12px; line-height: 32px; padding: 0px 9px; height: 34px; min-width: 30px; margin: 0px 1px; }
}


.m2menu{ line-height: 66px; text-align: center; height: 67px; border-bottom: 1px solid #DDDDDD; }
.m2menu_a{ font-size: 18px; display: inline-block; padding: 0px 35px; position:relative }
.m2menu_a:hover,.m2menu_a.on{ color: #14a38e; }
.m2menu_a:after{ content: ""; background: #14a38e; height: 2px; position: absolute; width: 0%; left: 50%; bottom: -1px; transition:all 0.5s ease-in-out; }
.m2menu_a.on:after,.m2menu_a:hover:after{ width:100%; left:0;}
.m2abtCon1{ padding: 45px 0px 0px; }
.m2abtc1Lx{ float:left; width:750px;}
.m2tbox{ line-height: 36px; font-size: 24px; }
.m2tbox p{ color: #14a38e; font-size: 30px; text-transform: uppercase; }
.m2tbox strong{ font-weight: normal; display: block; }
.m2abt_txt{ font-size: 16px; line-height: 36px; color: #666666; margin-top: 16px; }
.m2abtc1Rx{ float:right;}
.m2abtNums{ margin-top: 40px; overflow:hidden; padding-bottom:70px; }
.m2abtNums li{ float: left; width: 25%; text-align: center; padding-bottom: 12px; border-right: 1px solid #ddd; }
.m2abtNums li:last-child{border:none;}
.m2abtNums li strong{ color: #14a38e; font: normal 72px/88px din_l; display: block; }
.m2abtNums li p{ font-size: 18px; line-height: 36px; }
.m2abtCon2{ background: #f8f8f8 url("../images/m2abt_c2bg.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m2abt_c2bg.png*/ no-repeat right 120px; padding: 65px 0px 100px; }
.m2abtc2Top{ max-width:620px;}
.m2abt_ul{ display:block; margin:60px -15px 0;}
.m2abt_ul li{ width:25%; float:left; padding:0 15px;}
.m2abt_dbox{ display:block;}
.m2abt_dbox .overflowHide{ height:190px;}
@media (max-width:1799px){
.m2tbox p{font-size:26px;}
.m2tbox{font-size:22px;}
.m2abt_txt{font-size:15px; line-height:32px;}
}
@media (max-width:1199px){
.m2abtc1Lx{float:none; width:auto;}
.m2abtc1Rx{float:none; margin-top:35px;}
}
@media (max-width:767px){
.m2menu_a{font-size:16px; padding:0 14px;}
.m2abtNums li strong{font: normal 42px/48px din_l; }
.m2abtNums li p{ font-size: 15px; line-height: 32px; }
.m2abtNums li{width:50%;}
.m2abtNums{margin-top:35px; padding-bottom:55px;}
.m2abtCon2{padding:45px 0px 70px;}
.m2abt_ul{margin-top:25px;}
.m2abt_ul li{width:100%; margin-right:0; margin-bottom:15px;}
.m2abtCon2{padding-bottom:55px;}
}


.m2hisCon{ padding: 45px 0px 85px; }
.m2hisSlider{ margin-top: 65px; padding: 0px 22px; position: relative; }
.m2hisItem{ padding: 18px 18px 0px; }
.m2his_sbox{ border: 1px solid #DDDDDD; padding: 30px 15px 15px; position:relative; }
.m2his_yr{ line-height: 36px; height: 36px; font-size: 22px; color: #FFF; text-align: center; display: block; width: 100px; background: #14a38e; position: absolute; left: 15px; top:-18px; }
.m2his_sbox p{ font-size: 15px; line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 15px; }
.m2his_sbox .overflowHide{ height:133px}
.m2hisSlider .slick-prev{ background: url("../images/m2his_ar.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m2his_ar.png*/ no-repeat right center; display: inline-block; height: 36px; width: 36px; position: absolute; left: 0px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -18px; z-index: 2; transition:all 0.5s ease-in-out; opacity:0.6; transform:rotate(180deg); }
.m2hisSlider .slick-next{ background: url("../images/m2his_ar.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m2his_ar.png*/ no-repeat right center; display: inline-block; height: 36px; width: 36px; position: absolute; right: 0px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -18px; z-index: 2; transition:all 0.5s ease-in-out; opacity:0.6;}
.m2hisSlider .slick-prev:hover,.m2hisSlider .slick-next:hover{ opacity:1}
@media (max-width:767px){
.m2hisCon{padding-top:40px;}
.m2tbox p{font-size:20px;}
.m2tbox{font-size:21px; line-height:32px;}
.m2abt_txt{font-size:14px; line-height:30px;}
.m2hisCon{padding-bottom:55px;}
.m2hisSlider{margin-top:30px;}
.m2his_yr{font-size:20px;}
}


.m3proCon1{ padding: 0px 465px 70px 0; margin-top:60px; position:relative; min-height: 300px; }
.m3pro_tnm{}
.m3pro_tnm strong{ font-size: 24px; font-weight: normal; display: block; line-height: 40px; margin-bottom: 8px; color: #333; }
.m3pro_tnm p{ font-size: 18px; color: #666666; line-height: 28px; }
.m3pro_img{ position: absolute; top: 20px; right: 0px; }
.m3pro_txt1{ font-size: 14px; line-height: 30px; color: #666666; margin-top: 45px; }
.m3proCon2{ background: #F8F8F8; padding: 60px 0px 70px; }
.m3proBox{position:relative; margin-top:35px;}
.m3pro_img2{ float:left; max-width:450px;}
.m3pro_table{ margin-left:485px;}
.m3pro_table td{ background: #FFF; border: 1px solid #D0D0D0; padding: 13px 35px; font-size: 14px; line-height: 26px; }
.m3pro_table tr td:first-child{ background: #E9E9E9; }
.m3proCon3{ padding: 0px 465px 70px 0; min-height:350px; margin-top:60px; position:relative }
.m3pro_img3{ position: absolute; top: 50px; right: 0px; }
.m3proItems{ margin-top:45px;}
.m3proItems li{ width:20%; float:left;}
.m3pro_bx{ width:100px; display:inline-block; padding:0 15px; height:100px; line-height:100px; text-align:center; box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.m3pro_bx span{ font-size: 30px; color: #14a38e; display:inline-block; margin-right:3px;}
.m3proItems li p{ font-size: 14px; line-height: 26px; color: #666; text-align:center; margin-top:14px; width:100px;}
@media (max-width:1799px){
.m3pro_tnm p{font-size:16px;}
.m3pro_tnm strong{font-size:22px; line-height:36px; margin-bottom:2px;}
}
@media (max-width:1199px){
.m3pro_img{position:static; margin-top:35px;}
.m3proCon1{ padding-right:0;}
.m3pro_img2{float:none;}
.m3pro_table{margin-left:0; margin-top:45px;}
.m3proCon3{padding-right:0;}
.m3pro_img3{position:static; margin-top:35px;}
.m3proItems:after{content:""; display:table; clear:both;}
}
@media (max-width:767px){
.m3proCon1{margin-top:45px;}
.m3pro_tnm strong{font-size:20px; line-height:32px;}
.m3pro_img{margin-top:25px;}
.m3pro_txt1{margin-top:25px;}
.m3proCon1{padding-bottom:45px;}
.m3proCon2{padding:45px 0px 58px;}
.m3proBox{margin-top:25px;}
.m3pro_table{margin-top:25px;}
.m3pro_table td{padding:5px 10px; font-size:12px; line-height:20px;}
.m3proCon3{margin-top:50px; padding-bottom:25px}
.m3proItems li{width:33.33%; margin-bottom:25px;}
}


.m2ryCon1{ background: #fafafa; padding: 70px 0px; }
.m2ry_img{ text-align:center}
.m2ryCon2{ padding: 62px 0px 70px; }
.m2ryTab{ text-align: center; font-size: 16px; line-height: 32px; margin-bottom: 40px; }
.m2ryTab a{ text-align: center; width: 116px; display: inline-block; position:relative; height:34px; }
.m2ryTab a:after{content:""; height:2px; background:#14a38e; transition:all 0.5s ease-in-out; left:50%; bottom:0; width:0%; position:absolute}
.m2ryTab a.on{ font-weight: bold; color: #14a38e;}
.m2ryTab a.on:after{width:100%; left:0;}
.m2ry_tbox{ font-size: 14px; line-height: 28px; color: #666666; text-align: center; max-width:830px; margin:0 auto;}
.m2ry_tbox strong{ font-size: 24px; font-weight: normal; color: #333; display: block; line-height: 50px; margin-bottom: 10px; }
.m2ryu1{ margin:35px -15px 0;}
.m2ryu1 li{ width:25%; float:left; text-align:center; margin-bottom:25px;}
.m2ryaBox{ display: block;}
.m2ryaBox .overflowHide{ background: url("../images/m2rybor.jpg")/*tpa=https://demo.sscms.com/theme800/Melis/images/m2ryBor.jpg*/ no-repeat; margin: 0px auto; height: 225px; width: 277px; display:block; text-align:center; padding-top:13px;}
.m2ryaBox p{ font-size: 14px; line-height: 50px; height:50px;}
.m2ryu2{ margin:35px -80px 0;}
.m2ryu2 li{ padding:0 80px; width:50%; float:left; margin-bottom:25px;}
.m2ryaBox2{ display:block; overflow:hidden;}
.m2ryaBox2 .overflowHide{ width:219px; float:left;}
.m2ryc2Txt{ width:285px; padding:18px 0 0 30px; float:left;}
.m2ryc2Txt strong{ font-size: 16px; line-height: 24px; display: block; margin-bottom: 15px; }
.m2ryc2Txt p{ font-size: 14px; line-height: 20px; color: #666666; margin-bottom: 20px; }
.m2rySim{}
.m2rySim span{ height: 78px; width: 78px; border: 2px solid #14a38e; font-size: 18px; color: #14a38e; line-height: 20px; text-align: center; padding: 18px 18px 0px; display:inline-block; border-radius:50%; margin-right:10px;}
.m2ryu3{ margin:35px -15px 0;}
.m2ryu3 li{ width:20%; margin-bottom:28px; padding:0 15px; float:left}
.m2ryaBox3{ display: block; height: 286px; width: 214px; border: 10px solid #DDDDDD; margin: 0px auto; }
@media (max-width:1199px){
.m2ryu1 li{width:33.33%;}
.m2ryu2{margin-left:-20px; margin-right:-20px;}
.m2ryu2 li{padding:0 20px;}
.m2ryc2Txt{width:225px;}
.m2ryu3 li{width:33.33%;}
}
@media (max-width:993px){
.m2ryu1 li{width:50%;}
.m2ryu2 li{width:100%;}
.m2ryc2Txt{width:auto; max-width:350px;}
}
@media (max-width:767px){
.m2ryCon1{padding:55px 0 ;}
.m2ryCon2{padding:45px 0px 50px;}
.m2ryTab a{width:82px;}
.m2ry_tbox strong{font-size:22px; line-height:36px; margin-bottom:8px;}
.m2ryu1{margin-top:25px;}
.m2ryu1 li{width:100%; margin-bottom:12px;}
.m2ryc2Txt{padding-left:0;}
.m2rySim span{transform:scale(0.8); position:relative; top:-8px; margin-right:5px;}
.m2ryu3 li{width:100%; margin-bottom:12px;}
}


.m2csulWpr{ background:#f8f8f8}
.m2csul{ padding: 70px 0px 20px; }
.m2csul li{ margin-bottom: 50px; }
.m2csaBox{ display:block; overflow:hidden; background:#fff;}
.m2csaBox .overflowHide{ width:50%; height:350px; float:left;}
.m2csTxt{ width: 50%; float: right; padding: 30px 40px 0; }
.m2cs_stag{ line-height: 30px; font-size: 18px; color: #333; }
.m2csTxt .ellipsis{ font-size: 22px; line-height: 44px; font-weight: normal; display: block; padding-bottom: 18px; height: 60px; overflow: hidden; position:relative; }
.m2csTxt .ellipsis:after{ content: ""; background: #14a38e; height: 3px; width: 48px; position: absolute; left: 0px; bottom: 10px; margin-bottom:2px; }
.m2csTxt .transition{ font-size: 14px; line-height: 52px; color: #FFF; background: #14a38e; text-align: center; display: inline-block; height: 52px; width: 150px; }
.m2csaBox:hover .m2csTxt .transition{ transform:translateY(-5px); box-shadow:0 3px 8px rgba(0,0,0,0.1);}
.m2csDes{ font-size: 15px; line-height: 26px; height: 104px; overflow: hidden; margin-bottom:25px; color: #666; }
.m2csul li:nth-child(2n) .m2csaBox .overflowHide{ float:right;}
.m2csul li:nth-child(2n) .m2csTxt{ float:left;}
@media (max-width:1799px){
.m2csTxt .ellipsis{font-size:21px;}
}
@media (max-width:993px){
.m2csaBox .overflowHide{width:100%!important; float:none!important;}
.m2csTxt{width:100%!important; float:none!important; padding-bottom:55px;}
}
@media (max-width:767px){
.m2csul{padding:50px 0px 35px}
.m2csaBox .overflowHide{height:190px;}
.m2csTxt{padding:18px 15px 35px;}
.m2csTxt .ellipsis{font-size:16px; font-weight:bold;}
.m2cs_stag{font-size:16px;}
.m2csul li{margin-bottom:20px;}
}


.m2lxCon{ padding-top:70px;}
.m2lxTs{ text-align: center; font-size: 18px; line-height: 30px; color: #999; }
.m2lxTs strong{ font-size: 28px; line-height: 60px; display: block; font-weight: normal; color: #333; }
.m2lxMapBox{ height:430px; position:relative;}
.m2lxMap{ position:absolute; left:0; top:0; right:0; bottom:0;}
.m2lxLayer{ padding: 38px 45px 45px; width: 398px; position: absolute; z-index: 5; top: 50%; right: 0px; transform: translateY(-50%); color: #fff; font-size: 13px; line-height: 28px; background:rgba(20,163,142,0.8); }
.m2lxLayer a,.m2lxLayer a:hover{color:#fff;}
.m2lxLayer strong{ font-size: 18px; font-weight: bold; line-height: 30px; display: block; margin-bottom: 10px; }
.m2lxLayer p{}
.m2lxCon3 { padding: 60px 0px 80px; }
.m2lxFm { margin: 35px -9px 0; }
.m2lxFm li { margin-bottom: 18px; width: 20%; padding: 0 9px; float: left }
.m2lxFm li:last-child { width: 100%; }
.m2lx_inx { position: relative; }
.m2lx_inx input { line-height: 48px; height: 50px; border: 1px solid #E3E3E3; padding: 0px 15px; width: 100%; font-size: 14px; color: #666; }
.m2lx_inx input:focus { border: 1px solid #14a38e; color: #14a38e }
.m2lx_inx select { appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #E3E3E3; background: transparent url("../images/m2lx_ar.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m2lx_ar.png*/ no-repeat right center; padding-right: 26px; opacity: 1; color: #888; font: 14px/48px "微软雅黑"; width: 100%; height: 50px; padding-left: 15px; background-size:18px auto; }
.m2lx_inx textarea { height: 150px; border: 1px solid #E3E3E3; padding:10px 15px; width: 100%; color: #666; font: 14px/28px "微软雅黑"; }
.m2lx_inx textarea:focus { border: 1px solid #14a38e; color: #14a38e }
.m2lxBtnWpr { text-align: center; padding-top: 25px; }
.m2lxSubmit { font-size: 16px; line-height: 52px; background: #14a38e; text-align: center; display: inline-block; height: 52px; width: 200px; color: #fff; }
.m2lxSubmit:hover { color: #fff; transform: translateY(-5px); box-shadow: 0 3px 5px rgba(0,0,0,0.1); }
@media (max-width:1799px){
.m2lxTs strong{font-size:26px; line-height:52px;}
.m2lxTs p{font-size:16px;}
}
@media (max-width:993px){
.m2lxFm li{width:100%;}
}
@media (max-width:767px){
.m2lxLayer{width:100%; left:0; right:0; padding:28px 15px 25px}
.m2lxLayer strong{font-size:16px; margin-bottom:5px;}
.m2lxCon{padding-top:50px;}
.m2lxCon3{padding:40px 0px 60px;}
.m2lxTs strong{font-size:24px;}
.m2lxTs p{font-size:14px; line-height:26px;}
.m2lxFm{margin-top:25px;}
}


.m2zpCon{ padding: 70px 0px 80px; }
.m2zp_t{ font-size: 30px; line-height: 48px; text-align: center; margin-bottom: 40px; }
.m2zpzw{ background: url("../images/m2zp_zw.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m2zp_zw.png*/ no-repeat; height: 327px; position: relative; }
.m2zpzw_a{ display:block; position:absolute;}
.m2zpzw_a strong{ font-size: 18px; color: #333; line-height: 32px; display: block; height: 32px; }
.m2zpzw_a p{ font-size: 14px; color: #333; line-height: 30px; height: 60px; overflow: hidden; }
.m2zpzw_a1{ height: 155px; padding: 28px 14px 0px; width: 172px; left: 250px; top: 0px; }
.m2zpzw_a2{ height: 160px; padding: 33px 14px 0px; width: 172px; left: 250px; bottom: 0px; }
.m2zpzw_a3{ height: 327px; padding: 112px 70px 0px; width: 345px; left: 430px; top: 0px; }
.m2zpzw_a4{ height: 85px; padding: 10px 14px 0px; width: 172px; left: 782px; top: 70px; }
.m2zpzw_a5{ height: 162px; padding: 36px 14px 0px; width: 172px; left: 782px; bottom: 0px; }
.m2zpzw_a .cor_bs{color:#fff!important;}
.m2zpDetail{ font-size: 14px; line-height: 26px; color: #666666; background: #fcfcfc; padding: 35px 75px; margin-top:8px;}
.m2zpDtlBox strong{ color:#555;}
.m2zpDtlBox a,.m2zpDtlBox a:hover{ color: #14a38e; }


.m2zpzw{background:none; width:100%; height:auto; overflow:hidden;}
.m2zpzw_a{display:block!important; width:25%!important; margin-bottom:5px!important; background:#efefef!important; position:static!important; height:auto!important; color:#333!important; padding:20px 25px!important; float:left}
.m2zpzw_a p,.m2zpzw_a p.cor_bs{height:auto!important; font-size:12px; line-height:24px; height:24px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#333!important; }
.m2zpzw_a strong,.m2zpzw_a strong.cor_bs{font-size:16px; line-height:30px; height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#333!important; }
.m2zpzw_a.on p,.m2zpzw_a.on p.cor_bs,.m2zpzw_a.on strong,.m2zpzw_a.on strong.cor_bs{color:#fff!important;}
.m2zpzw_a.on{background:#14a38e!important;}


@media (max-width:1799px){
.m2zp_t{ font-size: 24px; line-height: 38px; margin-bottom:30px; }
.m2zpCon{padding-top:60px;}
}
@media (max-width:1199px){
.m2zpCon{overflow:hidden;}
.m2zpzw{width:1200px; position:relative; left:50%; transform:translateX(-50%);}
}
@media (max-width:993px){
.m2zpDetail{padding-left:25px; padding-right:25px;}
}
@media (max-width:767px){
.m2zp_t{font-size:19px; line-height:36px;}
.m2zpzw{background:none; width:100%; height:auto; overflow:hidden;}
.m2zpzw_a{display:block!important; width:50%!important; margin-bottom:5px!important; background:#efefef!important; position:static!important; height:auto!important; color:#333!important; padding:10px 15px!important; float:left}
.m2zpzw_a p,.m2zpzw_a p.cor_bs{height:auto!important; font-size:12px; line-height:24px; height:24px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#333!important; }
.m2zpzw_a strong,.m2zpzw_a strong.cor_bs{font-size:14px; line-height:26px; height:26px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#333!important; }
.m2zpzw_a.on p,.m2zpzw_a.on p.cor_bs,.m2zpzw_a.on strong,.m2zpzw_a.on strong.cor_bs{color:#fff!important;}
.m2zpzw_a.on{background:#14a38e!important;}
.m2zpDetail{font-size:12px; line-height:24px; padding:20px 15px}
.m2zpCon{padding-bottom:60px;}
}

.m3nWpr{ padding: 65px 0px 75px;}
.m3n_t{ font-size: 24px; text-align: center; line-height: 38px; }
.m3n_info{ text-align: center; margin-top: 18px; background: #F6F6F6; font-size: 12px; line-height: 24px; color: #888888; padding: 8px 15px; }
.m3n_info span{ white-space: nowrap; padding: 0px 5px; font-size: 12px; line-height: 24px; color: #888888; }
.m3nEditor{ font-size: 15px; line-height: 32px; color: #666; padding: 35px 0px 50px;}
.m3npage{ border-top: 1px solid #ddd; overflow:hidden; padding-top:30px;}
.m3n_prev{ font-size: 14px; line-height: 30px; height: 32px; width: 90px; border: 1px solid #BABABA; float: left; margin-right: 10px; color: #9b9b9b; background: url("../images/m3n_ar1.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m3n_ar1.png*/ no-repeat 14px center; padding-left: 34px; }
.m3n_prev:hover{ background: #14a38e url("../images/m3n_ar1a.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m3n_ar1a.png*/ no-repeat 14px center; border: 1px solid #14a38e; color: #FFF; }
.m3n_next{ font-size: 14px; line-height: 30px; height: 32px; width: 90px; border: 1px solid #BABABA; float: left; color: #9b9b9b; background: url("../images/m3n_ar2.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m3n_ar2.png*/ no-repeat 61px center; padding-left: 12px; }
.m3n_next:hover{ background: #14a38e url("../images/m3n_ar2a.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m3n_ar2a.png*/ no-repeat 61px center; border: 1px solid #14a38e; color: #FFF; }
.m3n_back{ font-size: 14px; line-height: 30px; height: 32px; width: 108px; border: 1px solid #BABABA; float: right; color: #9b9b9b; background: url("../images/m3n_ar3.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m3n_ar3.png*/ no-repeat 14px center; padding-left: 34px; }
.m3n_back:hover{ background: #14a38e url("../images/m3n_ar3a.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m3n_ar3a.png*/ no-repeat 14px center; border: 1px solid #14a38e; color: #FFF; }


.m2nWpr{ padding-top:25px; padding-bottom:75px;}
.m2nLx{ width:781px; float:left;}
.m2nul{ margin-bottom:35px;}
.m2nul li{ padding: 42px 0px 24px; border-bottom: 1px solid #ddd; }
.m2naBox{ display:block; position:relative;}
.m2naBox strong{ font-size: 20px; line-height: 32px; font-weight: normal; }
.m2nFun{ line-height: 52px; height: 52px; margin-bottom: 8px; font-size: 12px; color: #666; }
.m2nFun span:nth-child(1){ float:left; margin-right:25px; white-space:nowrap;}
.m2nFun span:nth-child(2){ float:left; white-space:nowrap;}
.m2nFun span:nth-child(3){ white-space: nowrap; background: url("../images/m2n_i1.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m2n_i1.png*/ no-repeat left center; float: right; padding-left: 20px; }
.m2naBox .overflowHide{ height: 208px; }
.m2ndes{ font-size: 14px; color: #666; line-height: 34px; height: 34px; margin-top: 18px; padding-right: 90px; position:relative;}
.m2ndes span{ font-size: 14px; color: #14a38e; display: inline-block; position: absolute; top: 0px; right: 0px; }
.m2nRx{ width:360px; float:right; border: 1px solid #DEDEDE; padding: 10px 22px 40px; }
.m2nRt{ line-height: 50px; height: 51px; border-bottom: 1px solid #ddd; position: relative; padding:0 10px; }
.m2nRt span{ font-size: 18px; display: inline-block; float: left; position: relative; position:relative;}
.m2nRt span:after{content:""; background:#14a38e; height:2px; position:absolute; left:0; bottom:-2px; width:100%;}
.m2ntRm{ background: url("../images/m2n_ri.png")/*tpa=https://demo.sscms.com/theme800/Melis/images/m2n_ri.png*/ no-repeat left center; padding-left: 22px; font-size: 14px; color: #666; float:right}
.m2nRslider{ padding-top:12px;}
.m2nRitem{}
.m2nRitem li{ padding-left: 19px; height:; font-size: 15px; line-height: 42px; height: 43px; margin-top: 5px; position: relative; border-bottom: 1px solid #E6E6E6; }
.m2nRitem li:before{ content: ""; background: #14a38e; height: 4px; width: 4px; position: absolute; left: 0px; top: 19px; }
@media (max-width:1199px){
.m2nLx{width:610px;}
.m2nRx{width:300px;}
}
@media (max-width:993px){
.m2nLx{width:100%; float:none; margin-bottom:65px;}
.m2nRx{width:100%; float:none;}
}
@media (max-width:767px){
.m2nul li{ padding:25px 0px 20px;}
.m2naBox strong{font-size:16px; font-weight:bold;}
.m2nFun{ line-height:42px; height:42px; overflow:hidden;}
.m2naBox .overflowHide{height:145px;}
.m2nLx{margin-bottom:40px;}
.m2nRx{padding-left:15px; padding-right:15px;}
.m2nRitem li{font-size:14px;}
.m2nWpr{padding-bottom:55px;}
.m3nWpr{padding:40px 0px 45px;}
.m3n_t{font-size:19px; line-height:32px; margin-bottom:5px;}
.m3nEditor{font-size:14px; line-height:28px; padding-top:20px; padding-bottom:25px;}
}
