@charset "utf-8";

body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}

ol,ul {list-style:none;}

html {-webkit-text-size-adjust:none; }



body {color:#1d1d1d;font-family:'Source Han Sans CN','Microsoft YaHei','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height: 1.6;  overflow-x: hidden; font-size: 16px;}



img {display:block;max-width:100%;border:none; -webkit-user-drag: none;}



/*a 链接*/



a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#1d1d1d;}

a:hover{color: #18b199}

/*居中*/



.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}

.shang {display:flex;flex-direction:row;justify-content:space-between;}

.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }

.shangzhong {display:flex;flex-direction:row;justify-content:center;}

.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}

.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}



.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}



.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}

.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}







/*浮动*/

.fl {float:left;display:inline}

.fr {float:right;display:inline}

.clear {clear:both}

.clearfix {*zoom:1;}

.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}



/**上对齐*/

.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}





/* HTML5 重置为较旧版本的浏览器 */



article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

blockquote,q {quotes:none;}

blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}

table {border-collapse:collapse;border-spacing:0;}



/* 按钮样式 */



input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}

input[type="button"] {cursor:pointer;border:0;}

input[type="submit"] {cursor:pointer;border:0}

input[type="reset"] {cursor:pointer;border:0}



/*删除火狐下按钮默认样式*/



input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}

i,em {font-style:normal}



.nav-btnbox { display:none}

.pd2{ padding-top:2%; padding-bottom:2%}

.pd3{ padding-top:3%; padding-bottom:3%}

.pd4{ padding-top:4%; padding-bottom:4%}

.pd5{ padding-top:5%; padding-bottom:5%}

.pd6{ padding-top:6%; padding-bottom:6%}

.pd7{ padding-top:7%; padding-bottom:7%}

.pd8{ padding-top:8%; padding-bottom:8%}





.mtb3{ margin-top:3%; margin-bottom:3%}

.mtb4{ margin-top:4%; margin-bottom:4%}

.mtb5{ margin-top:5%; margin-bottom:5%}

.mtb6{ margin-top:6%; margin-bottom:6%}

.mtb2{ margin-top:2%; margin-bottom:2%}





.mt1{ margin-top:1%}

.mt2{ margin-top:2%}

.mt3{ margin-top:3%}

.mt4{ margin-top:4%}

.mt5{ margin-top:5%}

.mt6{ margin-top:6%}

.mt7{ margin-top:7%}

.mt8{ margin-top:8%}

.mt70{margin-top: 70px!important}







.pt3{ padding-top:3%}

.pt4{ padding-top:4%}

.pt5{ padding-top:5%}

.pt6{ padding-top:6%}

.pt7{ padding-top:7%}

.pt8{ padding-top:8%}









.pb3{ padding-bottom:3%}

.pb4{ padding-bottom:4%}

.pb5{ padding-bottom:5%}

.pb6{ padding-bottom:6%}

.pb7{ padding-bottom:7%}







/*省略号*/

.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}

.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}

.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}

.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}





.fangdapic{ overflow:hidden; position:relative}

.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}

a:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

li:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.fangdapic:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.fangdapic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}









@-webkit-keyframes fadeInDown{

  0%{opacity:0; transform:translateY(-50px)}

  100%{opacity:1;transform: translateY(0)}

}

@keyframes fadeInDown{

  0%{opacity:0; transform: translateY(-50px)}

  100%{opacity:1;transform: translateY(0)}

}





.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}





@-webkit-keyframes fadeInUp {

    0% {opacity:0; -webkit-transform: translate3d(0,20%,0);transform: translate3d(0,20%,0)}

    to {opacity:1; -webkit-transform: none;transform:none}

}

@keyframes fadeInUp {

    0% {opacity:0; -webkit-transform:translate3d(0,20%, 0);transform: translate3d(0,20%, 0)}

    to {opacity:1; -webkit-transform: none;transform: none}

}

@-webkit-keyframes fadeInDown{

  0%{opacity:0; transform:translateY(-50px)}

  100%{opacity:1;transform: translateY(0)}

}

@keyframes fadeInDown{

  0%{opacity:0; transform: translateY(-50px)}

  100%{opacity:1;transform: translateY(0)}

}







@-webkit-keyframes fadeIn{

	0% {opacity:0;}	

	100% {opacity:1;}

}

@keyframes fadeIn{

	0% {opacity:0;}

	100% {opacity:1;}

}



.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn;}





.none{display: none}

.mainbox{ width: 90%; max-width: 1280px; margin:0 auto;}







.top{position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999; background:#fff}

.top .mainbox{height: 90px; position: relative}

.top.cur{box-shadow: 0px 0px 10px rgba(0,0,0,0.05)}



.nav li{margin: 0px 15px; height: 90px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.nav li>a{position: relative;padding: 6px 0px; margin-top: 5px;}

.nav li>a:before{height: 2px; background: #18b199; content: ''; position: absolute; left: 50%; bottom: 0px; width: 0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; transform: translate(-50%,0); }

.nav li>a:hover:before{width: 100%}

.nav li.cur>a{color: #18b199}

.nav li.cur>a:before{width: 100%}

.nav li:hover>a{color: #18b199}

.nav li:hover>a:before{width: 100%}

.nav li:nth-child(3){position: relative}



.logo{width: 92px;}

.topleft{width: 40%; max-width: 500px;}



.topright{width: 60%;max-width: 560px;}



.zixun{height: 34px; border-radius: 34px; border: 1px solid #18b199; width: 300px;overflow: hidden}

.zixuntext{border: none; background: none; width: calc(100% - 130px); padding: 0px 15px;}



.zixunsubmit{width: 100px; background: #18b199; color: #fff;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; font-size: 16px!important;}

.zixunsubmit:hover{background: #1d6587}

.sqbtn{color: #18b199;height: 36px; border-radius: 36px; text-align: center; line-height: 36px; display: inline-block; padding: 0px 30px; border: 1px solid #18b199}

.sqbtn:hover{background: #18b199; color: #fff}



.sqbtntwo{color: #ffffff;height: 36px; border-radius: 36px; text-align: center; line-height: 36px; display: inline-block; padding: 0px 30px; border: 1px solid #18b199; background: #18b199}

.sqbtntwo:hover{background: #ffffff; color: #18b199}









.yuyan{background: url("../images/diqiuico.svg") no-repeat left center; background-size:20px auto; padding-left: 26px;}



.toptel{background: url("../images/telico.svg") no-repeat left center; background-size:20px auto; padding-left: 26px; font-weight: bold; font-family: arial; font-size: 18px;white-space:nowrap;}

.hometop .toptel a{color: #fff}

.hometop.cur .toptel a{color: #000}

.zixuntext::input-placeholder{color:rgba(160,160,160,0.5);} 

.zixuntext::-webkit-input-placeholder {color: rgba(160,160,160,0.5);} 

.zixuntext:-moz-placeholder {color: rgba(160,160,160,0.5);} 

.zixuntext::-moz-placeholder {color: rgba(160,160,160,0.5);} 

.zixuntext:-ms-input-placeholder {color: rgba(160,160,160,0.5);}



.pronavdown{ position: absolute; left: 0px; top:90px; width: 100%}

.navdownbox{border-radius:20px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); background: #fafafa; padding: 35px 0px;}



.pronavdown .navdownbox dl{width:50%;border-left: 1px solid #ebebeb;}

.navdownbox dt{font-size: 20px; padding: 0px 35px;color: #999999}

.navdownbox dt a{color: #999999}

.navdownbox dt a:hover{color: #18b199}

.navdownbox dd{margin-top: 20px;padding: 0px 35px;padding-right: 10px}

.navdownbox dd i{width: 20px; height: 20px; display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.navdownbox dd i img{max-height: 100%}



.navdownbox dd p{width: calc(100% - 40px)}

.navdownbox dd p span{display: block; font-weight:bold; line-height: 20px; margin-bottom: 5px;}

.navdownbox dd p em{color: #999999; font-size: 14px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}



.navdownbox dl:first-child{border:none}



.navdown{display: none}



.solutionnavdown dl{overflow: hidden}

.solutionnavdown dl:nth-child(3) dd{float: left; width: calc(50% - 70px)}

.solutionnavdown dl:nth-child(1){width: 20%}

.solutionnavdown dl:nth-child(2){width: 20%}

.solutionnavdown dl:nth-child(3){width: 45%}







.aboutnavdown{position: absolute; left: 0px; top:90px;box-shadow:0px 0px 10px rgba(0,0,0,0.1); background: #fafafa;width: 110px; padding: 15px; border-bottom-left-radius:10px; border-bottom-right-radius: 10px;}



.aboutnavdown a{display: block; padding:5px 0px; background: url("../images/dian.png") no-repeat left center; background-size:4px auto; padding-left: 15px;}

.aboutnavdown a:hover{background: url("../images/dian2.png") no-repeat left center; background-size:4px auto; }





.nybanner{position: relative; margin-top: 90px;}

.nybanner>img{width: 100%}



.servicebanner>img.hide{display: none}





.huobannybannertxt{position: absolute; left: 0px; top:50%; transform: translate(0,-50%); color: #fff; text-align: center; width: 100%}



.huobannybannertxt h2{font-size:50px; max-width:680px; margin: 0 auto; line-height: 1.2}



.newsbantxt{position: absolute; left: 0px; top:50%; transform: translate(0,-50%); color: #fff; width: 100%}

.newsbantxt h2{font-size: 50px; margin-bottom: 20px; line-height: 1.4}

.newsbantxt p{font-size: 24px;}

.prodibantxt{position: absolute; left: 0px; top:50%; transform: translate(0,-50%); color: #fff; width: 100%; text-align: center}

.prodibantxt h2{font-size: 50px; margin-bottom: 10px; line-height: 1.4; margin-bottom: 20px;}

.prodibantxt p{font-size: 20px;}

.prodibantxt span{max-width:400px; margin: 0 auto; margin-top: 4%}

.lvsebtn{height: 30px;background: #18b199; height:44px; text-align: center;border-radius: 44px;color: #fff; border: 1px solid #18b199; width: 180px; font-size: 20px; line-height: 44px;}

.lvsebtn:hover{background:none; color: #18b199}

.shenglvbtn{height: 30px;background: #1d6587; height: 44px; text-align: center;border-radius: 44px;color: #fff; border: 1px solid #1d6587; width: 180px; font-size: 20px; line-height: 44px;}

.shenglvbtn:hover{background:none; color: #1d6587}







.zhubtn{ background: #18b199; color: #fff;height: 46px; border-radius: 46px; text-align: center; line-height: 46px; display:inline-block; padding: 0px 40px; font-size: 20px;}

.zhubtn:hover{background: #1d6587; color: #fff}



.zhubtn img{width: 20px; margin-right: 10px;}

.huisebj{background: #f5f5f5}



.huobantxt{width:60%; text-align: justify}

.huobanpic{width: 33%}

.huobantxt p{line-height: 1.8}

.huobantxt h3{font-size: 32px; margin-bottom: 20px}



.nytit h2{font-size: 32px;margin-bottom: 5px;}

.nytit p{font-size: 18px;}

.nytit.center{text-align: center}

.nytit li{display: none}

.nytit li:first-child{display: block}

.jishuleixing li:nth-child(1){background: #18b199;box-shadow: 0px 0px 10px #fff inset;}



.jishuleixing li:nth-child(2){background: #1d6587;box-shadow: 0px 0px 10px #fff inset;}



.jishuleixing li{border-radius: 16px; padding: 40px; width: calc(48%  - 80px); color: #fff;text-align: center; }

.jishuleixing li h3{font-size: 24px;}

.jishuleixing li h4{text-align: center; font-size: 12px; height: 20px; background: rgba(0,0,0,0.2); border-radius: 20px; display: inline-block; padding: 0px 20px; line-height: 20px; margin: 0 auto}

.jishuleixing li h5{ font-weight: normal; text-align: left; padding: 20px 0px; font-size: 16px;}



.leixingleft{width:60%; text-align: left}

.leixingright{width: calc(30% - 32px); border-radius:16px; background: rgba(255,255,255,0.15); padding: 16px; }



.leixingleft p{padding-left: 30px; position: relative;margin:10px 0;}

.leixingleft p:before{content:''; width: 10px; height: 10px; border-radius: 100%; background: rgba(255,255,255,0.7); position: absolute; left: 5px; top: 10px;}



.leixingleft p:after{content:''; border:5px solid rgba(255,255,255,0.1); width: 10px; height: 10px; border-radius: 100%;position: absolute; left: 0px; top: 5px;  }





.zhichiboxs li{width: 31.25%; background: #fff; border-radius: 10px; overflow: hidden}



.zhichitxt{padding: 40px;}

.zhichitxt h2{text-align: center; font-size: 24px; margin-bottom: 20px;}

.zhichitxt p{position: relative; padding-left: 20px; margin-bottom: 5px;}

.zhichitxt p:before{content:''; width: 8px; height:8px; border-radius: 100%; background: #18b199; position: absolute; left: 0px; top: 8px;}



.hezuoliucheng ul{width: calc(100% + 32px); margin-left:-32px; }

.hezuoliucheng li{width: calc(25% - 32px); margin-left: 32px; text-align: center}



.hezuoliucheng li strong{width: 16px; height: 16px; border-radius: 100%; background: #18b199; position: relative; display: inline-block}



.hezuoliucheng li strong:before{content:''; width:36px; height:36px; border-radius: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid #18b199}



.hezuoliucheng li h3{color: #18b199; font-size: 24px; margin: 20px 0px;}



.hezuoliucheng li p{background: #e7f7f5; border-radius: 12px; padding: 30px; min-height: 100px; text-align: left; text-align: justify}



.hezuoliucheng ul{background: url("../images/line.png") no-repeat left 8px; background-size: 100% auto}





.partnerscasebj{background: url("../images/casebj.jpg") no-repeat center center; background-size: cover}





.partnerscase{position: relative; padding: 0px 80px;}





.parcaseleft{width: 200px; text-align: center}



.parcaseright{width: calc(100% - 260px);}



.caselogo{ width: 160px; height: 160px; margin: 0 auto; border-radius: 100%; border: 10px solid rgba(255,255,255,0.2); overflow: hidden }



.caselogo img{max-height: 100%}

.parcaseleft p{font-weight: bold; font-size: 24px; color: #18b199; margin-top: 20px;}

.parcaseleft i{display: block; color: #fff}



.parcaserighttxt{background: #fff; border-radius: 12px; padding: 80px; font-size: 18px; line-height: 1.8;position: relative}

.parcaserighttxt:before{content:'';width: 0;height: 0;border-top: 20px solid transparent;border-right: 20px solid #fff;border-bottom: 20px solid transparent; left: -20px; top: 80px; position: absolute}



.parcaserighttxt p{text-indent: 2em}

.parcaserighttxt p:before{content: ''; width: 70px; height: 57px; background: url("../images/yin01.png") no-repeat center center; background-size: 60% auto; opacity:0.1; left:50px; top:60px; position: absolute}



.parcaserighttxt p:after{content: ''; width: 70px; height: 57px; background: url("../images/yin02.png") no-repeat center center; background-size: 60% auto; opacity:0.1; bottom:60px; position: absolute}





.partnerscase .swiper-button-prev{background: url("../images/prev.png") no-repeat center center; background-size: 100% auto; opacity: 0.15;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.partnerscase .swiper-button-prev:hover{opacity: 1}

.partnerscase .swiper-button-next{background: url("../images/next.png") no-repeat center center; background-size: 100% auto; opacity: 0.15;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.partnerscase .swiper-button-next:hover{opacity: 1}

.partnerscase .swiper-button-prev:after,.partnerscase .swiper-button-next:after{display: none}



.huobanlist ul{width: calc(100% + 20px); margin-left: -20px;}

.huobanlist li{width: calc(14.28% - 20px); float: left; margin-left: 20px; margin-bottom: 20px; border-radius: 8px; box-shadow: 0px 0px 5px rgba(0,0,0,0.08)}





.huobanliuyan{background: url("../images/casebj.jpg") no-repeat center center; background-size: cover; color: #fff}

.huobanliuyan h2{font-size:42px; line-height: 1.4}



.huobanliuyan .mainbox{max-width: 950px;}





.hbly p{margin-top: 20px; font-size: 20px;}

.hbly {text-align: center}



.footerbj{background: #f5f5f5;}



.footerleft{width: 30%}

.footlogo img{width: 150px;}



.footerleft dt{font-weight: bold; margin-top:30px; margin-bottom: 10px;}

.footerleft dd p{padding: 5px 0px;}

.footerleft dd p img{width: 20px; margin-right: 5px;}



.share a{width:40px; height: 40px; background: #1cb29a; border-radius: 6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; position: relative; margin-right: 10px;}

.share a>img{width: 50%}

.share a:last-child{margin-right: 0px;}



.erweima{width: 100px; position: absolute; left: 50%; bottom:50px; transform: translate(-50%,0); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; z-index: 99999; padding: 10px; background: #fff;border-radius: 5px;}

.erweima:before{content:'';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff; left: 50%; bottom: -10px; transform: translate(-50%,0); position: absolute}



.share{padding-top: 5px;}

.share a:hover .erweima{opacity: 1; visibility:visible}

.share a:hover{background: #1d6587}





.footerright{width: 70%}

.footerright li>p{font-size: 24px; color: #18b199; font-weight: bold;margin-bottom: 20px;}



.footerright li span{font-weight: bold; display: block;}

.footerright li em{display: block; padding: 5px 0px;}



.footerright li a{color: #666666}

.footerright li a:hover{color: #1cb29a}



.footerright li:nth-child(1) span{margin-top: 20px;}







.footertop{padding: 50px 0px;}

.footerbot{border-top: 1px solid #dddddd; padding: 20px 0; color: #b0b0b0}



.footerbot a{color: #b0b0b0}

.footerbot a:hover{color: #18b199}



.fudong{position: fixed; right: 0px; top: 50%; transform: translate(0,-50%); z-index: 9999; display: none}

.fudong li a{background: #18b199; color: #fff; text-align: center; border-radius: 12px; height: 66px;}

.fudong li{margin-bottom: 4px; width: 66px; position: relative}









.fudong li a img{width: 30%; display: inline-block}

.fudong li a span{display: block; font-size: 12px;}

.fudong li a:hover{background: #1d6587}

.fudongtel{background: #fff; border-radius: 12px; position: absolute; right:100%; width:180px; padding: 20px; top: 50%; transform: translate(0,-50%); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); opacity: 0; visibility: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.fudongtel:before{content:'';width: 0;height: 0;border-top: 6px solid transparent;border-left: 6px solid #fff;border-bottom: 6px solid transparent; right: -6px; top: 50%; transform: translate(0,-50%); position: absolute}



.fudongtel h3{font-size: 20px; background: url("../images/telico.png") no-repeat left center; background-size: 20px auto; padding-left: 30px;}



.fudong li:hover .fudongtel{ right: calc(100% + 6px); opacity: 1; visibility: visible }





.nynewsbox li a{background: #f5f5f5; border-radius: 10px; padding: 30px;}

.nynewsbox li{margin-bottom: 40px;}

.nynewsbox li a .fangdapic{width:340px; border-radius: 10px;}

.newsrighttxt{width: calc(100% - 380px);}

.newsrighttxt h3{color: #003a51; font-size: 24px; margin-bottom: 10px;}

.newsrighttxt p{color: #777777; line-height: 30px; height: 90px}

.newsrighttxt span{display: block; margin-top: 30px; font-family: arial}



.nynewsbox li a:hover{background: #e7f7f5}

.nynewsbox li a:hover h3{color: #18b199}



.page a{background: #fff; box-shadow: 0px 3px 5px rgba(0,0,0,0.05); width: 34px; height: 34px; border-radius: 3px; text-align: center; line-height: 34px; margin: 0px 6px;font-family: arial}

.page a:hover{color: #ffffff; box-shadow: 0px 3px 5px rgba(24,177,153,0.1); background-color: #18b199!important}

.page a.pageprev{background: url("../images/left2.svg") no-repeat center center; background-size: 20px auto}

.page a.pageprev:hover{background: url("../images/left.svg") no-repeat center center; background-size: 20px auto; }

.page a.pagenext{background: url("../images/right2.svg") no-repeat center center; background-size: 20px auto}

.page a.pagenext:hover{background: url("../images/right.svg") no-repeat center center; background-size: 20px auto; }



.page a.cur{color: #ffffff; box-shadow: 0px 3px 5px rgba(24,177,153,0.1); background-color: #18b199!important}



.contacttop{background: url("../images/contbj.jpg") no-repeat center center; background-size: cover; background-attachment: fixed}



.contactzixun li{width: 50%}





.conhrzis{border-radius: 20px; background: rgba(24,177,153,0.1); width: calc(90% - 100px); margin: 0 auto; text-align: center; padding: 50px;height: calc(100% - 100px)}



.conicos{width: 120px; height: 120px; background: #fff; border-radius: 12px; margin: 0 auto}

.conicos img{max-height: 60%;}



.conhrzis h3{font-size: 30px; color: #18b199; margin: 10px;}



.conhrzis p{padding: 10px 0px; font-size: 18px; margin-bottom: 20px;}



.ljzxbtn{height: 50px; border-radius: 50px; text-align: center; line-height: 50px; color: #fff; width: 80%; max-width: 300px; font-size: 24px; background: #18b199; border: 1px solid #18b199; display: inline-block}



.ljzxbtn:hover{color: #18b199; background: none}



.contactzixun li:nth-child(2) .conhrzis h3{color: #1d6587}



.contactzixun li:nth-child(2) .conhrzis{background: rgba(29,101,135,0.1); }



.telbtn{height: 50px; border-radius: 50px; text-align: center; line-height: 50px; color: #1d6587; width: 80%; max-width: 300px; font-size: 24px;border: 1px solid #1d6587;background: #fff;  display: inline-block}

.telbtn em{background: url("../images/tel.png") no-repeat left center; background-size:24px auto; padding-left: 35px; font-family: arial} 

.telbtn:hover{color: #ffffff; background: #1d6587; }



.telbtn:hover em{background: url("../images/tel2.png") no-repeat left center; background-size:24px auto;} 





.fenzhibox{background: #fff; border-radius: 20px;box-shadow: 0px 3px 5px rgba(0,0,0,0.1); overflow: hidden}

.fenzhitop{padding: 50px;}

.fenzhileft{width: 160px;}

.fenzhileft li{height: 36px; text-align: center; line-height: 36px; font-weight: bold; font-size: 20px; border-radius: 8px; margin-bottom: 20px; cursor: pointer}



.fenzhileft li.on{background: #18b199; color: #fff}



.fenzhiright{width: calc(100% - 180px); border-radius: 8px; overflow: hidden}



.fenzhibot{background: #e7f7f5; padding:30px 50px;}

.fenzhibot ul{width: calc(100% + 20px); margin-left: -20px;}

.fenzhibot li{font-size: 20px; float: left; margin-left: 20px}

.conadd{background: url("../images/conadd.png") no-repeat left 6px; background-size: 20px auto; padding-left: 30px;}

.contel{background: url("../images/contel.png") no-repeat left 6px; background-size: 20px auto; padding-left: 30px;}

.conemail{background: url("../images/conemail.png") no-repeat left 6px; background-size: 20px auto; padding-left: 30px;}





.fenzhiright ul{height: 0px;overflow: hidden; opacity: 0; visibility: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.fenzhiright ul.cur{ opacity: 1; visibility: visible; height: auto}



.fenzhibot ul{display: none}

.fenzhibot ul:first-child{display: block}





.dituContent{width: 100%;height:400px;}



.BMap_pop > img{display: none !important;}

.BMap_pop > div{display: none !important;}



.BMap_shadow{display: none !important;}

.anchorBL{display: none}



.BMapLabel{display: block !important;border: 0 none !important;padding: 0 !important;background:url(../images/hdzico.png) no-repeat center !important;width: 20px!important;height:28px !important;max-width: none !important;margin-bottom: 0 !important; background-size: 100%!important;}



.BMapLabel span{display: block;position: absolute;left: 50%;margin-left: -145px;top: -68px; background:#fff;min-width: 110px;text-align: center;line-height:25px;color: #004ea2; font-size: 16px;  padding:15px; border-radius:3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); font-weight: bold}



.BMapLabel span:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:-9px; border-left:8px solid transparent; border-right:8px solid transparent;border-top: 10px solid #0e6eb8; border-top: 10px solid #fff; margin-left:-8px;}













.diqitit{max-width: 405px; margin: 0 auto}

.diqitit li{color: #bbbbbb; font-size: 24px; font-weight: bold; position: relative; padding-left: 40px;cursor: pointer}

.diqitit li:before{content: ''; border-radius: 100%; width: 16px; height: 16px; background: #bbbbbb; position: absolute; left:6px; top: 11px;}



.diqitit li:after{content: ''; border-radius: 100%; width: 26px; height: 26px;position: absolute; left:0px; top: 5px; border: 1px solid #dddddd}

.diqitit li.on{color: #18b199}

.diqitit li.on:before{background: #18b199}

.diqitit li.on:after{border: 1px solid #18b199}



.diqitit li.on{border-bottom: 4px solid #18b199}

.diqulist{margin-top: 20px;}

.diqulist ul{width: calc(100% + 40px); margin-left: -40px; border-radius: 10px; overflow: hidden}

.diqulist li{padding: 30px; background: #fafafa; border: 1px solid #eeeeee; margin-left: 40px; float: left; width: calc(33.33% - 102px); margin-top: 30px;position: relative; font-size: 14px; line-height: 1.8}





.bojing{height: 26px; font-size: 14px; color: #fff; line-height: 26px; text-align: center;background: #18b199; border-bottom-left-radius: 10px; position: absolute; right: 0px; top: 0px; min-width: 100px;}



.jingpai{height: 26px; font-size: 14px; color: #fff; line-height: 26px; text-align: center;background: #1d6587; border-bottom-left-radius: 10px; position: absolute; right: 0px; top: 0px; min-width: 100px;}





.nynav{border-bottom: 1px solid #e0e0e0;background: #fff }



.nynav li{font-size: 20px; position: relative; line-height: 70px;}



.nynav li a{color: #999999}

.nynav li a:hover{color: #18b199;font-weight: bold}

.nynav li.cur a{color: #18b199;font-weight: bold}





.nynav li a span{width:26px; height: 26px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; margin-right: 10px;}
.nynav li a span img{max-height: 100%}
.nynav li a img.show{display: none}

.nynav li a:hover img.show{display:block}

.nynav li a:hover img.hide{display:none}



.nynav li.cur a{color: #1ab199}

.nynav li.cur img.show{display:block}

.nynav li.cur img.hide{display:none}









.nynav.fix{position: fixed; width: 100%; top: 90px;left: 0px; z-index: 99;box-shadow: 0px 5px 5px rgba(0,0,0,0.05)}



.diboxpartone{background: url("../images/dipart01.jpg") no-repeat center center; background-size: cover;background-attachment: fixed}







.freebtn{height: 30px;background: #18b199; height:44px; text-align: center;border-radius:10px;color: #fff; border: 1px solid #18b199; padding: 0px 30px; font-size: 20px; line-height: 44px; display: inline-block}

.freebtn:hover{background:#1d6587; border: 1px solid #1d6587; color: #ffffff}



.yuyuebtn{height: 30px;background: #fff; height:44px; text-align: center;border-radius:10px;color: #18b199; border: 1px solid #18b199; padding: 0px 30px; font-size: 20px; line-height: 44px;}

.yuyuebtn:hover{background:#18b199; color: #ffffff}



.dipropartoneleft{width: 46%; border-radius: 10px;box-shadow: 0px 0 50px rgba(0,0,0,0.1); overflow: hidden}



.dipropartoneleft.noshadow{box-shadow: none}



.dipropartoneleft img.hide{display: none; }

.dipropartoneleft:hover img.show{display: none}

.dipropartoneleft:hover img.hide{display:block;cursor: pointer}



.dipropartoneright{width:48%}

.dipropartoneright>h2{font-size: 30px;line-height: 1.4}



.dipropartxt{font-size: 18px; padding: 20px 0px 30px;text-align:justify}

.dipropartxt p{padding-top: 20px;}



.diprobtn{max-width: 320px;}



.proqiehuanbox{border-radius: 16px; overflow: hidden;background:#fff;}

.proqieleft{width: 320px; background: #091c2c}

.proqieleft li{padding: 0px 20px 0px 30px; position: relative;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.proqieleft li a{border-bottom: 1px solid rgba(153,153,153,0.2); font-size: 18px; color: #fff; display: block; padding: 20px 0px; padding-right: 10px;}

.proqieleft li:before{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;width: 6px; height:0%; background: #18b199; content: ''; position: absolute; right: 0px; top: 0px;}

.proqieleft li:hover{background: rgba(255,255,255,0.1);}

.proqieleft li:hover a{color: #18b199; font-weight: bold}

.proqieleft li:hover:before{height: 100%;}



.proqieleft li.on{background: rgba(255,255,255,0.1);}

.proqieleft li.on:before{height: 100%;}

.proqieleft li.on a{color: #18b199; font-weight: bold}



.proqieright{width: calc(100% - 460px);padding: 60px;}





.proqiepic{box-shadow: 0px 0 50px rgba(0,0,0,0.1); margin-bottom: 20px; }

.proqiepic img{width: 100%}

.proqieright li p{font-size: 18px; padding: 20px 0px; line-height: 1.8}

.proqiepic video{width: 100%}





.videotanchu{background: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999999; display: none}



.videotanchubox{max-width: 1000px; margin: 0 auto; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%}

.videobox{position: relative}

.guanbi{width: 30px; height:30px; position: absolute; left:50%; transform: translate(-50%,0);bottom:-40px; z-index: 999; display: inline}





.tesebox ul{width: calc(100% + 120px); margin-left: -120px; }

.tesebox li{margin-left: 120px; float: left; width: calc(50% - 120px); border-top: 1px solid #e0e0e0; padding: 40px 0px;}

.tesebox li:nth-child(1),.tesebox li:nth-child(2){border: none}

.tesebox li em{width:34px; height: 34px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.tesebox li em img{max-height: 100%;}



.tesetxt{width: calc(100% - 60px);}

.tesetxt i{display: block; font-size: 18px;}

.tesetxt p{font-size: 24px; margin-bottom: 10px; font-weight: bold}





.gengduobj{background: url("../images/ptneibj.jpg") no-repeat center center; background-size: cover; }



.gengduobj .nytit{color: #fff}





.baogaohezi li{width: calc(33.33% - 86px);background: rgba(255,255,255,1); padding: 40px 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 2px;border-top-right-radius: 2px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}



.baogaohezi li:nth-child(1){border-top:4px solid #18b199}

.baogaohezi li:nth-child(2){border-top:4px solid #1a8c90}

.baogaohezi li:nth-child(3){border-top:4px solid #1d6587}



.baogaohezi li em{height: 26px; padding: 0px 20px;border-radius: 26px; color: #fff; line-height: 26px; display: inline-block}



.baogaohezi li:nth-child(1) em{background: #18b199}

.baogaohezi li:nth-child(2) em{background: #1a8c90}

.baogaohezi li:nth-child(3) em{background: #1d6587}

.baogaohezi li h2{font-size: 26px; line-height:35px; margin-top: 20px; margin-bottom: 10px; height: 70px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}



.baogaohezi li h3{color: #18b199; font-size: 22px;}



.pixtxt{line-height: 1.8; min-height: 170px; margin-bottom: 10px;}

.pixtxt p{padding-top: 10px;}



.baogaohezi li a img{max-width: 20px; margin-right: 10px; max-height: 20px;}

.baogaohezi li a{width: 140px; height: 42px; line-height: 42px;color: #fff; font-size: 18px; border-radius: 8px;}

.baogaohezi li:nth-child(1) a{background: #18b199}

.baogaohezi li:nth-child(2) a{background: #1a8c90}

.baogaohezi li:nth-child(3) a{background: #1d6587}



.baogaohezi li:nth-child(1) a:hover{background: #36c7b0}

.baogaohezi li:nth-child(2) a:hover{background: #37afb3}

.baogaohezi li:nth-child(3) a:hover{background: #398eb6}



.baogaohezi li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1)}



.kehuboxs li .fangdapic{position: relative}

.kehuboxs li .fangdapic p{position: absolute; left: 0px; bottom: 0px; width: calc(100% - 20px); color: #fff; font-size: 20px;background: rgba(0,0,0,0.5); text-align: center; padding: 5px 10px;}

.kehuboxs li .fangdapic span{position: absolute; right: 0px; top: 0px; background: url("../images/kh.png") no-repeat 15px center #18b199; padding:5px 15px 5px 40px; border-bottom-left-radius:10px; background-size: 16px auto; color: #fff}

.kehuboxs ul{width: calc(100% + 60px); margin-left: -60px; }

.kehuboxs li{margin-left: 60px; float: left; width: calc(50% - 60px);background:#fff; border-radius: 10px; overflow: hidden;margin-bottom: 60px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.kehuboxs li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1)}

.kehutxt{padding: 40px;}

.kehutxt h2{ background-image: linear-gradient(to right, #ffffff , #e6f7f4 , #ffffff); color: #18b199; font-size: 16px; padding:5px 0px;}

.kehutxt h2 span{background: url("../images/kh2.png") no-repeat left center; padding-left:25px; background-size: 16px auto}

.kehuwenzi{margin-top:30px; text-align: justify}

.kehuwenzi p{position: relative; padding-left: 30px; margin-top: 20px;}

.kehuwenzi p:before{content:'';}

.kehuwenzi p:before{content:''; width: 10px; height: 10px; border-radius: 100%; background: #56c6b4; position: absolute; left: 5px; top: 10px;}



.kehuwenzi p:after{content:''; border:5px solid #e7f7f5; width: 10px; height: 10px; border-radius: 100%;position: absolute; left: 0px; top: 5px;  }



.kehuwenzi p span{font-weight: bold}



.liuyanbox{background: url("../images/liuybj.jpg") no-repeat center center; text-align: center; color: #fff; background-size: cover}



.liuyanbox h2{font-size: 42px;}

.liuyanbox p{max-width: 600px; margin: 0 auto;background: rgba(255,255,255,0.15);border-radius: 80px; padding: 8px; margin-top: 30px}



.shurutxt{background: none; height: 50px; border: none; width:calc(100% - 220px); padding: 0px 15px; color: #fff }

.shurutxt::input-placeholder{color:#ffffff;} 

.shurutxt::-webkit-input-placeholder {color:#ffffff;} 

.shurutxt:-moz-placeholder {color:#ffffff;} 

.shurutxt::-moz-placeholder {color:#ffffff;} 

.shurutxt:-ms-input-placeholder{color:#ffffff;} 





.shiyongbtn{width: 180px; font-weight: bold; font-size: 20px; background: #18b199; color: #fff; border-radius: 50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.shiyongbtn:hover{background: #1d6587}







.yiqicheng{position: relative; overflow: hidden}



.yiqicheng .swiper-slide{width:650px; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,0.1)}

.yiqicheng .swiper-slide span{position: absolute; right: 0px; top: 0px; background:#18b199; padding:2px 15px; border-bottom-left-radius:10px;color: #fff}

.yiqicheng  .swiper-button-next{width:50px; height:50px;right:0%;background: url("../images/anright.png") no-repeat center center; background-size: 20px auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}



.yiqicheng  .swiper-button-prev{width:50px; height: 50px;left:0%;background: url("../images/anleft.png") no-repeat center center; background-size: 20px auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}





.yiqicheng  .swiper-button-next:hover{background: url("../images/anright2.png") no-repeat center center; background-size: 20px auto}



.yiqicheng  .swiper-button-prev:hover{background: url("../images/anleft2.png") no-repeat center center; background-size: 20px auto}



.yiqicheng .swiper-button-prev:after, .yiqicheng  .swiper-button-next:after{display: none}





.ziyuanbox ul{width: calc(100% + 40px); margin-left: -40px; }

.ziyuanbox li{margin-left: 40px; float: left; width: calc(33.33% - 40px);margin-bottom: 40px; border-radius: 10px; position: relative;overflow: hidden;box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}

.ziyuanbox li .fangdapic span{position: absolute; right: 0px; top: 0px; background:#18b199; padding:2px 15px; border-bottom-left-radius:10px;color: #fff}



.ziyuantxt{position: absolute; left: 0px; top: 0%; background: #e7f7f5; width:calc(100% - 60px); height:calc(100% - 60px); padding: 30px; opacity: 0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; border-radius: 10px;}



.ziyuantxt h2{height: 60px; line-height: 30px; font-size:20px; color: #000}

.ziyuantxt p{line-height: 30px; height: 120px; color: #777777; margin: 20px 0px;}



.ziyuantxt span{display: block; text-align: center; color: #fff; border-radius: 5px; font-size: 18px; background: #18b199; padding: 10px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.ziyuantxt span:hover{background:#1d6587}

.ziyuanwenzi{padding: 20px 30px}

.ziyuanwenzi p{ font-size: 20px; font-weight: bold; line-height: 1.4;}





.ziyuanbox li:hover .ziyuantxt{opacity: 1; }







.padbantxt{position: absolute;left: 0px;top: 50%;transform: translate(0,-50%);color: #fff;width: 100%;}

.padbantxt h2 {font-size: 50px;margin-bottom: 20px;}



.padlefts{width: 50%}

.padrights{width: 40%; text-align: justify}

.padrights h2{font-size:36px; line-height: 1.4; margin-bottom: 20px;}



.padrights p{line-height: 1.8; font-size: 18px;}



.padnav{background-image: linear-gradient(#ffffff, #fbfbfb,#f5f5f5);}

.padnav li a{line-height: 80px; color: #999999; font-weight: bold; font-size: 20px;}

.padnav li a:hover{color: #1ab199}

.padnav li a span{width:26px; height: 26px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; margin-right: 10px;}

.padnav li a img.hide{display: none}

.padnav li a:hover img.hide{display:block}

.padnav li a:hover img.show{display:none}



.padnav li.cur a{color: #1ab199}

.padnav li.cur img.hide{display:block}

.padnav li.cur img.show{display:none}



.padnav.fix{position: fixed; width: 100%; top: 90px;left: 0px; z-index: 99;box-shadow: 0px 5px 5px rgba(0,0,0,0.05)}







.padboxs li{border-radius: 10px; overflow: hidden; background: #f5f5f5; padding: 10px 40px;margin-bottom: 40px}



.padtit{border-bottom: 1px solid #e0e0e0; font-size: 24px; padding: 20px 0px;}



.padchangjing{border-top: 1px solid #fff; padding: 20px 0px;}



.padcjleft{width: 42%}



.padcjleft dl dt{font-size: 20px; color: #1ab199; font-weight: bold;margin-bottom: 10px;}



.padcjleft dl dt img{width: 24px; margin-right: 10px;}

.padcjleft dl{margin-bottom: 20px; text-align: justify}

.padcjleft dl:last-child{margin-bottom: 0px;}



.padcjleft dl:nth-child(2) dd p span{font-weight: bold}



.padcjleft dl:nth-child(2) dd p{position: relative; padding-left: 30px;margin-top: 5px;}

.padcjleft dl:nth-child(2) dd p:before{content:'';}

.padcjleft dl:nth-child(2) dd p:before{content:''; width: 8px; height: 8px; border-radius: 100%; background: #56c6b4; position: absolute; left: 5px; top: 8px;}



.padcjleft dl:nth-child(2) dd p:after{content:''; border:5px solid #e7f7f5; width:8px; height:8px; border-radius: 100%;position: absolute; left: 0px; top: 4px;  }



.padcjleft dl:nth-child(3) dd p{position: relative; padding-left: 30px;margin-top: 5px;}



.padcjleft dl:nth-child(3) dd p:before{position: absolute; left: 0px; top:3px; border-radius: 100%; width: 18px; height: 18px; background: #1ab199; color: #fff; text-align: center; line-height: 18px; font-size: 12px;}



.padcjleft dl:nth-child(3) dd p:nth-child(1):before{content: '1';}

.padcjleft dl:nth-child(3) dd p:nth-child(2):before{content: '2';}

.padcjleft dl:nth-child(3) dd p:nth-child(3):before{content: '3';}

.padcjleft dl:nth-child(3) dd p:nth-child(4):before{content: '4';}

.padcjleft dl:nth-child(3) dd p:nth-child(5):before{content: '5';}

.padcjleft dl:nth-child(3) dd p:nth-child(6):before{content: '6';}

.padcjleft dl:nth-child(3) dd p:nth-child(7):before{content: '7';}

.padcjleft dl:nth-child(3) dd p:nth-child(8):before{content: '8';}

.padcjleft dl:nth-child(3) dd p:nth-child(9):before{content: '9';}

.padcjleft dl:nth-child(3) dd p:nth-child(10):before{content: '10';}



.padcjright{width: 50%}



.padcjpic{background: #fff; border-radius: 10px; padding: 30px;}

.padcjtxt{margin-top: 20px;}

.padcjtxt p{background: #1ab199; color: #fff; border-radius: 10px; text-align: center; width: 32%; padding: 10px 0px;}



.padcjtxt p span{display: block}

.padcjtxt p em{color: #ffff00; font-size: 30px; font-weight: bold;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.padcjtxt p em img{width: 28px; margin-right: 5px;}



.saproleft{width: 46%}



.saproright{width: 48%}



.saproright h2{ font-size: 30px;margin-bottom: 10px;}

.saproright h2 img{margin-left: 10px; width: 30px;}

.saproright h3{font-size: 20px;}



.sapropartxt{padding: 20px 0px 30px;}



.sapropartxt p{position: relative; padding-left: 30px; margin-top: 10px;}

.sapropartxt p:before{content:''; width: 10px; height: 10px; border-radius: 100%; background: #56c6b4; position: absolute; left: 5px; top: 10px;}

.sapropartxt p:after{content:''; border:5px solid #e7f7f5; width: 10px; height: 10px; border-radius: 100%;position: absolute; left: 0px; top: 5px;  }

.smartboxs ul{width: calc(100% + 40px); margin-left: -40px;}

.smartboxs li{width: calc(50% - 122px);margin: 20px 0px; margin-left: 40px; padding: 30px 40px; border: 1px solid #e0e0e0; border-radius: 10px; float: left}





.smartico{width: 50px; height: 50px;}

.smartico img{max-height: 100%}

.smarttxt{width: calc(100% - 80px)}

.smarttxt h3{font-size: 22px; margin-bottom: 10px;}

.smarttxt p{line-height: 1.8}





.banner{position: relative; overflow: hidden;}

.banner .swiper-pagination{z-index: 99999; left:0px; bottom:80px; width: 100% }

.banner .swiper-pagination-bullet{ opacity:1;width:20px; height:4px;margin:0px 5px!important; border-radius:4px; position: relative; background:rgba(255,255,255,0.3);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.banner .swiper-pagination-bullet-active {background:#fff; width: 30px}

/*.banner .swiper-slide-active .bantxt .mainbox{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}

*/



.banner .swiper-slide>img{width: 100%}

.banner .swiper-slide>img.hide{display: none}

@-webkit-keyframes fadeInDown{

  0%{opacity:0; transform:translateY(-50px)}

  100%{opacity:1;transform: translateY(0)}

}

@keyframes fadeInDown{

  0%{opacity:0; transform: translateY(-50px)}

  100%{opacity:1;transform: translateY(0)}

}

.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}



.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}





.bantxt{position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); width: 100%; color: #fff}







.bantxt .mainbox{-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}



.banhezi{max-width: 590px;}



.banhezi h2{font-size: 50px;  line-height: 1.2; margin-bottom: 20px;}

.banhezi p{font-size: 18px;}



.banmore{margin-top: 50px; max-width: 400px;}

.banmore a{border: 1px solid #fff; border-radius: 50px; color: #fff; height: 50px; padding: 0px 30px;font-size: 20px;}

.banmore a img{width: 24px; margin-right:15px;}

.banmore a:hover{background: #fff; color: #18b199;  }

.banmore a:hover img.show{display: none}

.banmore a:hover img.none{display: block}





.sytop{background:none; color: #fff}



.sytop .logo img.show{display: none}

.sytop .logo img.none{display: block}





.sytop .nav li>a{color: #fff}

.sytop .nav li>a:before{background: #fff}

.sytop .zixun{border: 1px solid rgba(255,255,255,0.3);}

.sytop .zixunsubmit{background:rgba(255,255,255,0.3)}

.sytop .zixunsubmit:hover{ background: #18b199}

.sytop .zixuntext{ color: #fff}



.sytop .zixuntext::input-placeholder{color:rgba(255,255,255,0.3);} 

.sytop .zixuntext::-webkit-input-placeholder {color: rgba(255,255,255,0.3);} 

.sytop .zixuntext:-moz-placeholder {color: rgba(255,255,255,0.3);} 

.sytop .zixuntext::-moz-placeholder {color: rgba(255,255,255,0.3);} 

.sytop .zixuntext:-ms-input-placeholder {color: rgba(255,255,255,0.3);}

.sytop .yuyan{color: #fff;background: url(../images/diqiuico2.svg) no-repeat left center;background-size: 20px auto;}

.sytop .toptel{color: #fff;background: url(../images/telico2.svg) no-repeat left center;background-size: 20px auto;}





.brandbox {padding: 20px 0px; position: relative}

.brandbox:before{content:''; width: 10%; height: 100%; position: absolute; left: -10px; top: 0px; background-image: linear-gradient(to right, #ffffff , rgba(255,255,255,0)); z-index: 99}

.brandbox:after{content:''; width: 10%; height: 100%; position: absolute; right:-10px; top: 0px; background-image: linear-gradient(to right, rgba(255,255,255,0),#ffffff); z-index: 99}

.brandbox li{width: 16.666%; float: left;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height: 50px;}

.brandbox li img{max-height: 100%;/* -webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.8;*/transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; max-width: 80%}

/*.brandbox li:hover img{opacity: 1;-webkit-filter: grayscale(0%);filter: grayscale(0%);}

*/

.rongyubj{background: url("../images/rongyubj.jpg") no-repeat center center; background-size: cover;}



.rongyuleft{width: 46%}



.rongyuright{width: 46%; position: relative; padding-bottom: 80px;}

.rongyuleft h2{font-size: 32px; color: #138573; line-height: 1.4;margin-bottom: 50px;}



.rongyutit h2{font-size:32px;}



.rongyuright .swiper-pagination{left:0px; bottom:0px; width: 100% }

.rongyuright .swiper-pagination-bullet{ opacity:1;width:12px; height:12px;margin-right:10px!important; border-radius:12px; position: relative; background:rgba(29,29,29,0.15);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.rongyuright .swiper-pagination-bullet-active {background:#18b199; width: 40px}



.rongyuright .swiper-slide p{margin-bottom: 20px}

.rongyuright .swiper-slide p img{width: 30px;}



.rongyuright .swiper-slide p em{height: 4px; border-radius: 4px; background: #18b199; opacity: 0.5; width: calc(100% - 50px)}



.rongyuright .swiper-slide span{font-size:18px; text-align: justify; display: block}





.chaojibj{background: url("../images/chaojibj.jpg") no-repeat center center; background-size: cover; background-attachment: fixed;}



.chaojibox ul{ width: calc(100% + 40px);margin-left:-40px; }

.chaojibox li{float: left; width: calc(50% - 40px); margin-bottom: 40px; margin-left: 40px; background: rgba(235,243,242,0.6); border-radius: 16px; box-shadow:0px 0px 20px rgba(0,0,0,0.1);box-shadow: 0px 0px 50px rgba(0,0,0,0.08),0px 0px 10px #fff inset; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}



.chaojiico img{width:80px;}



.chaojitxt h2{color: #18b199; font-size: 30px; margin-bottom: 10px; line-height: 1.4}

.chaojitxt p{font-size: 20px; line-height: 1.8}



.chaojitxt{max-width: calc(100% - 100px); margin-top:10px;}





.chaojibox li a{display: block;padding: 50px;}

.chaojibox li:hover{background: #2eb8a2;}

.chaojibox li:hover a{color: #fff}

.chaojibox li:hover h2{color: #fff}



.chaojibox li:hover .chaojiico img.show{display: none}

.chaojibox li:hover .chaojiico img.none{display: block}



.sychangjingbj{background: url("../images/sychangjingbj.jpg") no-repeat center center; background-size: cover; background-attachment: fixed}

.sychangjingbj .nytit{color: #fff}



.sychangjingbox{position: relative}

.sychangjingbox .swiper-slide{border-radius: 12px; background: rgba(255,255,255,0.1);}



.sycjhezi{padding: 30px;}



.sycjico{width:120px; height: 120px; border-radius: 100%; background: rgba(24,177,153,0.1); margin: 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.sycjico img{width: 60%;}



.sycjhezi h2{text-align: center; font-size:24px; color: #18b199; margin-top: 30px;margin-bottom: 10px;}

.sycjhezi h3{color: #fff; text-align: center; font-weight: normal}

.sycjhezi p{color: rgba(255,255,255,0.5); line-height: 30px; height: 180px; margin: 30px 0px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient: vertical;}



.cjmore01{color: #fff;height: 36px; border-radius: 36px; text-align: center; line-height: 36px; display: inline-block; padding: 0px 30px;background: #18b199; margin-right: 15px;}

.cjmore01:hover{background: #fff; color: #18b199}





.cjmore02{color: #18b199;height: 36px; border-radius: 36px; text-align: center; line-height: 36px; display: inline-block; padding: 0px 30px; border: 1px solid #18b199}

.cjmore02:hover{ border: 1px solid #fff; color: #fff}



.sychangjingbox{padding: 0px 60px;}

.sychangjingbox .swiper-button-prev{background: url("../images/anleft.png") no-repeat center center; background-size: 100% auto; opacity: 0.15;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; width: 32px; height: 56px;}

.sychangjingbox .swiper-button-prev:hover{opacity: 1;background: url("../images/anleft2.png") no-repeat center center; background-size: 100% auto; }

.sychangjingbox .swiper-button-next{background: url("../images/anright.png") no-repeat center center; background-size: 100% auto; opacity: 0.15;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;width: 32px; height: 56px;}

.sychangjingbox .swiper-button-next:hover{opacity: 1;background: url("../images/anright2.png") no-repeat center center; background-size: 100% auto; }

.sychangjingbox .swiper-button-prev:after,.sychangjingbox .swiper-button-next:after{display: none}







.syproleft{width: 53%;}



.syproright{width: 44.5%}

.syproico{width: 60px; height: 60px}

.syproico img{max-height: 100%}

.syproleft ul{height: 100%; }

.syproleft li a:hover .syproico img.show{display: none}

.syproleft li a:hover .syproico img.none{display: block}

.syproleft li{height:calc(20% - 16px); background: #e3f4f3; border-radius: 10px;margin-bottom: 20px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;overflow: hidden}

.syproleft li:last-child{margin-bottom: 0px; background: #e3edf1}

.syprotxt{width: calc(100% - 100px); }

.syproleft li a{ padding: 0px 40px; height: 100px; position: relative}

.syproleft li:hover{background: #18b199;}

.syproleft li a p{font-size: 22px; color: #18b199; font-weight: bold}

.syproleft li:hover a p{color: #fff}

.syproleft li:hover em{background: #fff; color: #18b199}

.syproleft li:hover a span{ color: #fff}

.syproleft li a em{width:100px; height: 26px; background: #18b199; text-align: center; color: #fff; line-height: 26px; font-weight: bold; position: absolute; right: 0px; top: 0px; display: block;transform:rotate(45deg);right: -30px;top: 10px;}

.syproleft li:last-child:hover{background: #1d6587}
.syproleft li:last-child:hover a em{background: #ffffff}

.syproleft li:last-child:hover a em{color: #1d6587}
.syproleft li:last-child .syprotxt p{color: #1d6587}
.syproleft li:last-child:hover .syprotxt p{color: #fff}
.syproleft li:last-child a em{background: #1d6587}



.sycasebox{position:relative}

.sycasebox .swiper-slide{border-radius: 10px; background-repeat: no-repeat; background-size: cover; background-position: center center;}



.sycasetxt{color: #fff; width:52%; padding: 50px 50px 80px}

.sycasetxt h2{font-size: 28px; margin-bottom:5px;}



.sycasetxt h3{font-size: 20px;}

.sycasetxt p{line-height: 30px; margin: 20px 0px;}



.sycasebox .swiper-pagination{left:0px; bottom:30px; width: 100% }

.sycasebox .swiper-pagination-bullet{ opacity:1;width:20px; height:6px;margin:0 5px!important; border-radius:6px; position: relative; background:rgba(255,255,255,0.15);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.sycasebox .swiper-pagination-bullet-active {background:#18b199; width: 40px}



.dibulybj{background: url("../images/sydibubj.jpg") no-repeat center center; background-size: cover}

.dibulybox{max-width: 1000px;}

.dibuleft{color: #fff; font-size: 42px; font-weight: bold}

.dibuleft p{position: relative; padding-top:20px}



.dibuleft p:before{width:90px; height: 10px; border-radius: 5px; background: #18b199; position: absolute; left: 0px; top: 0px; content: ''}





.diburight p{color: #18b199; font-size: 40px;font-weight: bold;}



.diburight p img{width: 40px; margin-right: 10px;}







.zixundibu{height:42px; border-radius:5px;width:400px;overflow: hidden; background: #fff; margin-top: 20px;}

.zixuntextdibu{border: none; background: none; width: calc(100% - 130px); padding: 0px 15px;}



.zixunsubmitdibu{width: 100px; background: #18b199; color: #fff;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; font-size: 16px!important;}

.zixunsubmitdibu:hover{background: #1d6587}





.zixuntextdibu::input-placeholder{color:rgba(160,160,160,0.5);} 

.zixuntextdibu::-webkit-input-placeholder {color: rgba(160,160,160,0.5);} 

.zixuntextdibu:-moz-placeholder {color: rgba(160,160,160,0.5);} 

.zixuntextdibu::-moz-placeholder {color: rgba(160,160,160,0.5);} 

.zixuntextdibu:-ms-input-placeholder {color: rgba(160,160,160,0.5);}







.hexingpic{width: 60%}

.hexingtxt{width: 35%; text-align: justify}

.hexingtxt p{padding: 10px 0px;font-size: 18px; line-height: 1.8}





.hexingboxtwo .hexingtxt{width: 60%}

.hexingboxtwo .hexingpic{width: 30%}



.hexingboxtwo .hexingtxt p span{display: block;position: relative;padding: 2px 0px; padding-left: 30px;}



.hexingboxtwo .hexingtxt span:before{content:''; width: 8px; height: 8px; border-radius: 100%; background: #56c6b4; position: absolute; left: 5px; top: 12px;}

.hexingboxtwo .hexingtxt p span:after{content:''; border:5px solid #e7f7f5; width:8px; height:8px; border-radius: 100%;position: absolute; left: 0px; top: 8px;}









.hexingboxthree .hexingtxt{width: 47%}

.hexingboxthree .hexingpic{width: 47%; border-radius: 10px;box-shadow: 0px 0 50px rgba(0,0,0,0.1);overflow: hidden;}



.hexingboxfour .hexingtxt{width: 47%}

.hexingboxfour .hexingpic{width: 47%; border: 10px solid #545555; border-radius: 16px; overflow: hidden; box-shadow: 10px 10px 0px #ececec; position: relative}

.hexingboxfour .nytit{margin-bottom: 20px;}

.hexingboxfour .hexingpic img{width: 100%}

.hexingboxfour .hexingpic .swiper-pagination{left:0px; bottom:0px; width: 100%; background: #e0e0e0; height: 40px; }

.hexingboxfour .hexingpic .swiper-pagination-bullet{ opacity:1;width:12px; height:12px;margin-right:10px!important; border-radius:12px; position: relative; background:#fff;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.hexingboxfour .hexingpic .swiper-pagination-bullet-active {background:#18b199; width: 40px}





.protui ul{width:calc(100% + 20px); margin-left:-20px;}

.protui li{width:calc(18% - 20px); margin-left: 20px;}

.protui li a{border: 1px solid #18b199; border-radius: 40px; background: #fff; text-align: center; line-height: 38px; display: block; color: #18b199; font-weight: bold; font-size: 20px;}



.protui li.on a{background: #18b199; color: #fff}





.protuiboxs li .dipropartbox{padding: 50px;}



.protuiboxs li:last-child .dipropartoneleft{box-shadow: none}

.protuiboxs li:nth-child(1) .dipropartoneleft{box-shadow: none}

.nyproleft{width: 60%; text-align: justify}



.nyproright{width: 30%}





.nyproleft h2{font-size: 32px;}

.nyproleft h3{font-size: 20px; margin-bottom:20px;}

.nyproleft p{line-height: 1.8; font-size: 18px;}



.proboxbot dl{width:calc(34% - 60px); border-radius: 16px;box-shadow: 0px 0px 20px rgba(0,0,0,0.08),0px 0px 10px #fff inset; padding:20px 40px; padding-left:16%; color: #fff}



.proboxbot dl:nth-child(1){background: url("../images/propicbj01.png") no-repeat center center; background-size: cover;}



.proboxbot dl:nth-child(2){background: url("../images/propicbj02.png") no-repeat center center; background-size: cover;}



.proboxbot dl dt{font-size: 32px; margin-bottom:20px;}

.proboxbot dl dd{width: calc(100% + 15px);margin-left:-15px; }

.proboxbot dl dd span{margin-left: 15px; margin-bottom: 10px; float: left; width: calc(50% - 15px); border-radius: 6px;  text-align: center; font-size: 18px;display: block; overflow: hidden}



.proboxbot dl dd span a{background: rgba(255,255,255,0.1);padding: 10px 0px; color: #fff; display: block}

.proboxbot dl dd span a:hover{background: rgba(255,255,255,0.3);}





.proxingtai{width:38%}



.proxingtxt{width:55%; text-align: justify}

.proxingtxt h2{font-size: 32px; margin-bottom: 10px}

.proxingtxt h3{font-size:20px; margin-bottom:20px;}

.proxingtxt p{line-height: 1.8; padding-top: 10px; font-size: 18px;}





.hybannertxt{background-image: linear-gradient(to right,#18b199, #1d6687); font-size: 20px; text-align: center; color: #fff; padding:30px 0px;}



.hangyetopleft{width: 52%}

.hangyetopright{width: 40%}



.hyicobox{width: 50px; height: 50px;}

.hyicobox img{max-height: 100%}

.hytxtright{width: calc(100% - 80px); text-align: justify}

.hytxtright h2{font-size: 22px;margin-bottom: 10px}

.hytxtright p{ line-height: 1.8}



.hangyetopright li{border-top: 1px solid #e0e0e0; padding:25px 0px;}

.hangyetopright li:first-child{border: none}



.hangyelist ul{width: calc(100% + 40px); margin-left: -40px }

	

	

.hangyelist li{width: calc(50% - 90px); float: left;padding: 20px 30px 20px 20px; background: #fff; border-radius:16px; margin: 20px 0px; margin-left: 40px; box-shadow: 3px 3px 2px rgba(0,0,0,0.05)}



.hyicohezi{width: 180px; height: 180px; border-radius: 16px; background: #e7f7f5}

.hyicohezi img{width: 50%}



.hytexs{width: calc(100% - 220px); text-align: justify;}



.hytexs h3{font-size: 26px;margin-bottom: 10px;}

.hytexs p{font-size: 18px; line-height: 1.8}





.hygonggong li{width: calc(50% - 20px); text-align: center}



.hygonggong li img{ max-height: 238px; display: inline-block}



.hygonggong li h2{font-size: 26px; margin: 20px 0px;}



.hygonggong li p{background: #f5f5f5; font-size: 18px; text-align: justify; padding:30px 50px; border-radius: 18px;}



.mores a{font-size: 20px; color: #18b199; border-bottom: 1px solid #18b199; padding-bottom:5px; display: inline-block}



.mores a:hover{color: #1d6587;border-bottom: 1px solid #1d6587}



.hangyetoptwotxt li{width:28%}



.hangyetoptwotxt li h2 i{width:50px; }

.hangyetoptwotxt li h2 em{width: calc(100% - 80px); font-size: 22px; line-height: 1.4}



.hangyetoptwotxt{text-align: justify}

.hangyetoptwotxt li h2{margin-bottom: 20px}





.dingwei{position: relative}



.part{position: absolute; left: 0px; top: -90px;}



.paditem .part{top: -220px;}



.hxtixi{text-align: center; line-height: 1.8; font-size: 18px; padding: 20px 0px;}



.hexinbox li{background: #fff; border-radius: 20px; width: calc(33.33% - 86px); padding: 30px;}



.hexinbox li>div{height:170px; margin-top: 10px;}

.hexinbox li>div img{max-height: 100%}



.hexinbox li p{text-align: center; font-size: 24px; margin-top: 20px;}







.servicelist ul{width: calc(100% + 40px); margin-left: -40px;}

.servicelist li{width: calc(50% - 90px); float: left;padding: 20px 30px 20px 20px; background: #f5f5f5; border-radius:16px; margin: 20px 0px; margin-left: 40px; }



.sericohezi{width: 180px; height: 180px;}

.sericohezi img{width: 50%}



.sertexs{width: calc(100% - 200px); text-align: justify;}



.sertexs h3{font-size: 26px;margin-bottom: 10px;}

.sertexs p{font-size: 18px; line-height: 1.8}



.fuwuboxs ul{width: calc(100% + 40px); margin-left: -40px;}

.fuwuboxs li{width: calc(25% - 40px); float: left;margin-left: 40px; border-radius: 20px; background: #fff; overflow: hidden;height: 290px;cursor: pointer}

.fuwuboxs li:hover .fuwpics img{height:50px;}

.fuwuboxs li .fuwpics{background: #d1efeb;overflow: hidden}

.fuwuboxs li .fuwpics img{height:220px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;-o-object-position: center center;

    object-position: center center;

    -o-object-fit: cover;

    object-fit: cover; width: 100% }



.fuwuboxs li:hover .futit span{display: none}

.destxt{padding: 20px 30px}

.destxt h2{font-size: 20px;}

.destxt p{margin-top: 20px;}

.futit span{width: 26px;-webkit-animation:cardUpDownAnim 1s infinite;

	animation:cardUpDownAnim 1s infinite;

	-webkit-animation-timing-function:linear;

	animation-timing-function:linear}



@-webkit-keyframes cardUpDownAnim {

	0% {

	-webkit-transform:translateY(-.20833vw);

	transform:translateY(-.20833vw);

	opacity:0

}

50% {

	-webkit-transform:translateY(0);

	transform:translateY(0);

	opacity:1

}

to {

	-webkit-transform:translateY(.20833vw);

	transform:translateY(.20833vw);

	opacity:0

}

}@keyframes cardUpDownAnim {

	0% {

	-webkit-transform:translateY(-.20833vw);

	transform:translateY(-.20833vw);

	opacity:0

}

50% {

	-webkit-transform:translateY(0);

	transform:translateY(0);

	opacity:1

}

to {

	-webkit-transform:translateY(.20833vw);

	transform:translateY(.20833vw);

	opacity:0

}

}









.fukefu li{background: #fff; border-radius: 20px; width: calc(50% - 20px); position: relative; overflow: hidden}

.fukefu li:before{width: 20%; height: 100%; left: 0px; top: 0px; background: #d1efeb; content: ''; position: absolute; z-index:1}



.fuketxt{position: relative; z-index: 2; padding: 40px 40px 20px 40%}

.fuketxt h2{font-size: 24px;margin-bottom: 10px;}



.fuketxt p{padding: 5px 0px; padding-left: 30px; font-size: 18px; position: relative}



.fuketxt p:before{content:''; width: 8px; height: 8px; border-radius: 100%; background:#1cb29a ; position: absolute; left: 5px; top: 15px;}

.fuketxt p:after{content:''; border:5px solid rgba(28,178,154,0.1); width: 8px; height: 8px; border-radius: 100%;position: absolute; left: 0px; top: 10px;  }



.fujepic{width: 140px; height: 140px; border-radius: 100%; background: #1ab199; box-shadow: 5px 5px 0px rgba(28,178,154,0.2); position: absolute; left: 10%; top: 50%; transform: translate(0,-50%); z-index: 9}



.fujepic img{width: 50%}





.fuketxt em{color: #999999; font-size: 14px; display: block; margin-top: 10px;}





.kefusboxs{color: #fff}

.kefusboxs li{width:33.33%}

.kefusboxs li h2{text-align: center; font-size: 24px; color: #1cb29a; margin-top: 20px;margin-bottom: 30px;}

.kficosb{width: 120px; height: 120px; margin: 0 auto; border-radius: 100%;background: rgba(28,178,154,0.1); }

.kficosb img{width: 50%}

.kefusboxs li p{font-size: 18px;padding: 5px 0px; padding-left: 30px; position: relative}

.kefusboxs li p:before{content:''; width: 8px; height: 8px; border-radius: 100%; background:#1cb29a ; position: absolute; left: 5px; top: 15px;}

.kefusboxs li p:after{content:''; border:5px solid rgba(28,178,154,0.1); width: 8px; height: 8px; border-radius: 100%;position: absolute; left: 0px; top: 10px;  }





.nyaboutleft{width: 48%}



.nyaboutright{width: 48%; text-align: justify}



.nyaboutright p{margin-bottom: 40px; font-size: 18px; line-height: 1.8}



.nyaboutright li{color: #666666; position: relative; padding-left: 30px;margin-top: 20px; line-height: 1.8}

.nyaboutright li:before{content:''; width: 8px; height: 8px; border-radius: 100%; background: #56c6b4; position: absolute; left: 5px; top: 10px;}

.nyaboutright li:after{content:''; border:5px solid #e7f7f5; width:8px; height:8px; border-radius: 100%;position: absolute; left: 0px; top: 6px;}



.nyaboutparttwobj{background: url("../images/abpic02.jpg") no-repeat center center; background-size: cover;}



.nyaboutparttwo{color: #fff; line-height: 1.8; max-width: 600px; text-align: justify; font-size: 22px;}



.fuwuboxs ul{width: calc(100% + 40px); margin-left: -40px;}

/*.renzhengbox ul{width: calc(100% + 40px); margin-left: -40px;}*/


.renzhengbox ul{display:flex;flex-direction:row;justify-content:space-between;}
.renzhengbox li{width:34.76%;float: left;border-radius: 16px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); overflow: hidden}



.renzhengbox li h3{font-size: 18px; font-weight: normal; text-align: center; background: #18b199; color: #fff; padding: 10px;}

.renzhengbox li .shang{padding: 20px;}



.renzhengbox p{width: 40%; text-align: center;}

.renzhengbox p img{display: inline-block; max-height: 100px;}

.renzhengbox p span{display: block;  margin: 0 auto;margin-top: 10px; font-size: 14px; }



.renzhengbox li:nth-child(1){width:24.76%;}





.wenhuabox li{width: calc(26.8% - 6px); background: url("../images/diandian.png")  no-repeat bottom center #fff; border-radius: 16px; overflow: hidden;border-left: 6px solid #4dc1af;box-shadow: 7px 7px 0px rgba(79,194,176,0.3); cursor: pointer;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.wenhuabox li.cur{width: calc(38.5% - 6px);background: url("../images/diandian.png")  no-repeat bottom center #4fc2b0; color: #fff }

.wenhuabox li.cur .wenhuatxt h2 span{color: #fff}

.wenhuabox li.cur .wenhuatxt h2 span em{background: #118371}

.wenhuatxt{padding: 50px 30px;}

.wenhuabox li.cur .wenhuatxt p{font-size: 20px;}

.wenhuabox li.cur .wenhuatxt h2 i{color: #fff}

.wenhuatxt h2 span{font-size: 26px; color: #18b199; line-height:1}

.wenhuatxt h2 span strong{display: block}

.wenhuatxt h2 span em{height: 16px;font-size: 12px; color: #fff; padding: 0px 10px; line-height: 16px; background: #18b199; display: inline-block;border-radius: 16px;}



.wenhuatxt h2 i{font-size: 100px; color: #18b199; opacity: 0.15;line-height:0.9}



.wenhuatxt p{font-size: 18px; margin-top: 20px; line-height: 30px; min-height: 60px;}





.shipingbox img{width: 100%}





.shipingbox a{display: block;position: relative}

.shipingbox a:before{content:''; width: 150px; height: 150px; background: url("../images/vidico.png") no-repeat center center; background-size: 100% auto; z-index: 9; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}



.miaobao{font-size: 18px; color: #cccccc; position: relative; padding-left: 30px; margin: 40px 0px;}

.miaobao a{color: #18b199; border-bottom: 1px solid #18b199; display: inline-block; padding-bottom:3px;}

.miaobao:before{content: ''; position: absolute; left: 0px; top:6px; background: #18b199; width: 16px; height: 16px; border-radius: 100%}



.newsshowleft{width: 69%}



.newsshowtit h1{color: #1d6587; font-size: 36px; font-weight: normal; line-height: 1.4; margin-bottom: 20px}



.newsshowtit p{color: #999999; font-family: arial}



.shangxia a{width: 158px; height: 48px;border-radius: 50px; text-align: center; font-size: 20px; color: #18b199; line-height: 48px; border: 1px solid #18b199}

.shangxia a:hover{background: #18b199; color: #fff}

.preview{margin-right: 30px;}


.shangxia{max-width: 360px; margin: 20px auto}



.newsshowright{width: 320px;}



.newsshowright h2{background: #18b199; text-align: center; border-radius: 8px; color: #fff; line-height: 50px; font-size:24px;}





.newsshowright li{border-radius: 8px;overflow: hidden;border: 1px solid #4dc1af; border-left: 6px solid #4dc1af;box-shadow: 6px 6px 0px rgba(79,194,176,0.3); margin-top: 16px;}



.newsshowright li a{color: #666666; padding: 20px; display: block;}

.newsshowright li a:hover{color: #18b199}









.erweimatanchu{background: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999999; display: none}



.erweimaboxs{background: #fff; padding:60px 40px 40px; border-radius: 20px; max-width: 300px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(90% - 80px)}

.erweimaboxs p{font-size: 20px; text-align:center; margin-top: 20px; font-weight: bold}







.nynavselect {position:relative;color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none;  width: 90%; margin: 30px auto; display: none; z-index: 99 }



.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 56px; line-height: 56px;font-size:18px; font-weight: bold;cursor:pointer; padding-left:20px;border: 1px solid #eee;color: #18b199;border-radius: 5px; }



.nynavselect .placeholder:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/selectxia.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}



.nynavselect.is-open .placeholder:after {background: url("../images/selectxia2.png") no-repeat center center;background-size: 100% auto}

.nynavselect.is-open ul {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}



.nynavselect ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;top:100%;left:0;z-index:100;font-size:18px; padding: 10px 0px;}

.nynavselect ul li {display:block;text-align:left; padding:6px 20px; color:#999;cursor:pointer;}





.nynavselect ul li a{display: block}



.nynavselect ul li.cur a{color:#18b199}



.mt90{margin-top: 90px;}

.biaodanbox>h1{text-align: center; font-size: 30px; line-height: 1.2}

.biaodanhezi{background: #fff; border-radius: 20px; box-shadow: 0px 10px 26px rgba(0,0,0,0.04); overflow: hidden}

.biaoleft{width: 50%; background: url("../images/bdleftpic.jpg") no-repeat center center; background-size: cover;position: relative;}

.biaoleft img{width: 51%; position: absolute; left: 12.5%; bottom: 14.2%}

.biaoright{ padding:40px 60px; width: calc(50% - 120px);}



.biaoright h2{font-size: 22px;}

.biaotit{margin: 25px 0px;}

.biaotit li{height: 48px; border-radius: 10px; border: 1px solid #e0e0e0; padding: 0px 20px; position: relative;overflow: hidden; cursor: pointer}

.biaotit li span{width: 30px; height: 30px;margin-right: 10px;}

.biaotit li.cur{border: 1px solid #18b199;}

.biaotit li.cur:before{content: '';width: 26px; height: 26px; background: url("../images/xz.png") no-repeat center center; background-size: 100% auto; position: absolute; right: 0px; top: 0px;}

.biaotit li:nth-child(1) span{background: url("../images/bdico01.png") no-repeat center center; background-size: auto 100%}

.biaotit li:nth-child(1).cur span{background: url("../images/bdico01h.png") no-repeat center center; background-size: auto 100%}



.biaotit li:nth-child(2) span{background: url("../images/bdico02.png") no-repeat center center; background-size: auto 100%}

.biaotit li:nth-child(2).cur span{background: url("../images/bdico02h.png") no-repeat center center; background-size: auto 100%}

.biaotit li:nth-child(3) span{background: url("../images/bdico03.png") no-repeat center center; background-size: auto 100%}

.biaotit li:nth-child(3).cur span{background: url("../images/bdico03h.png") no-repeat center center; background-size: auto 100%}



.biaobox li{margin-bottom: 15px;}

.wenbenk{height: 38px; border: 1px solid #abcbc6;padding: 0px 20px; border-radius: 10px; width: calc(100% - 40px)}



.biaobox li ::input-placeholder{color:#aaaaaa;} 

.biaobox li ::-webkit-input-placeholder {color:#aaaaaa;} 

.biaobox li :-moz-placeholder{color:#aaaaaa;} 

.biaobox li ::-moz-placeholder {color:#aaaaaa;} 

.biaobox li :-ms-input-placeholder{color:#aaaaaa;} 

.wenbenk.duan{ width: calc(100% - 200px)}

.huoqu{height: 40px; border: 1px solid #18b199!important; border-radius: 10px; width: 150px; color: #18b199; text-align: center; line-height: 40px;background: #e7f7f5}
.huoqu:hover{background: #18b199; color: #fff}





.textareas{padding: 10px 20px; height: 80px;border: 1px solid #abcbc6;border-radius: 10px;width: calc(100% - 40px)}



.tijiao{width: 100%; height: 48px; background: #18b199;border: 1px solid #18b199!important; color: #fff;border-radius: 10px; font-size: 18px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.tijiao:hover{background: #fff; color: #18b199}



.yixsd{text-align: center}

.yixsd a{color: #18b199; border-bottom: 1px solid #18b199; padding-bottom: 3px;}



.biaoleft2{width: 50%; background: url("../images/bdleftpic2.jpg") no-repeat center center; background-size: cover;position: relative;}

.biaoleft2 img{width: 51%; position: absolute; right: 12.5%; bottom: 12.2%}





.minx{min-height: calc(100vh - 90px)}

.biaottxs{position: absolute; left:0px; text-align: center;color: #fff; width: 100%; top: 20%}

.biaottxs h3{font-size: 32px;margin-bottom: 10px}

.biaottxs p{font-size: 24px; line-height: 1.4}



.selects{height:50px; border: 1px solid #abcbc6;padding: 0px 20px; border-radius: 10px; width: 100%; background: url("../images/xia.png") no-repeat 97% center;color:#aaaaaa;}



.applyboxs .wenbenk{height: 48px;}
.applyboxs .huoqu{height: 50px;}
.applyboxs.biaobox li{margin-top:20px;}



.applyboxs li.shenshi .selects{width: calc(50% - 5px);background: url("../images/xia.png") no-repeat 94% center;}





.tanchuboxbj{background: rgba(0,0,0,0.7); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; display: none}



.tishi{position: absolute; left: 50%; width: 90%; max-width:400px; border-radius: 20px; top: 50%; transform: translate(-50%,-50%); background: #fff; text-align: center;padding:80px 0px;}



.close{width: 20px; position: absolute; right: 20px; top: 20px;}

.close2{width: 20px; position: absolute; right: 20px; top: 20px;}

.tishi>img{width: 40%; max-width:150px; margin: 0 auto}



.tishi p{font-size: 24px; font-weight: bold; color: #18b199; margin-top:30px;}

.tishi span{font-size: 20px; display: block}



.biaodanbj{background: rgba(0,0,0,0.7); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; display: none}



.biaodanbj .biaodanhezi{position: absolute;left: 50%; top: 50%; max-width: 1280px; width: 90%; transform: translate(-50%,-50%)}



.biaodanbj .biaoleft p{position: absolute; color: #fff; font-size: 30px; top:20%; right: 20%; text-align: right; line-height: 1.4}







.hrshipingbox img{width: 100%}

.hrshipingbox{border-radius: 20px; overflow: hidden}



.hrshipingbox a{display: block;position: relative}

.hrshipingbox a:before{content:''; width: 150px; height: 150px; background: url("../images/vidico.png") no-repeat center center; background-size: 100% auto; z-index: 9; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}







.denglubj{background: rgba(0,0,0,0.7); position:fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; display: none}

.denglunbox{width: calc(90% - 100px); max-width: 500px; padding:40px 50px;background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.denglunbox h2{font-weight: normal; font-size: 30px;}





.denglunbox li{margin-top: 20px;}

.denglunbox li .wenbenk{height: 48px; background: #f5f5f5; border: 1px solid #cccccc}

.denglunbox li .huoqu{height: 48px; line-height: 48px;}



.yingsitxt{ color: #666666; font-size: 14px;}


.newshowtxt{line-height: 1.8; text-align: justify}
/*.newshowtxt p{padding: 10px 0px;}*/

.newshowtxt img{display: block; margin: 0 auto; height:auto !important}


.yingsibox{position: absolute; left: 50%; width: 90%; max-width:400px; border-radius: 20px; top: 50%; transform: translate(-50%,-50%); background: #fff; text-align: center;padding:70px 0px 40px;}


.yingsiboxtxt{padding: 0px 20px; line-height:2; text-align: left}

.yingsitanchu{z-index: 999999999999999999}

.mapbox{display: none}

/**************/

.newico{position: relative}
.newico:after{content: 'NEW'; background: #ffaa00; line-height: 18px; height: 18px; border-radius: 6px; padding: 0px 5px; position: absolute;  top: 50%; font-size: 12px; color: #fff; margin-left: 10px;transform: translate(0px, -50%);}

.nynav li .newico:after{left: 100%; top: 35%}


.bgnone{box-shadow: none}


.dsptese li{width: calc(100% - 120px);border: none; padding: 0px; padding-top: 40px;}




.dsptese li em {width: 90px; height: 90px; background: #e7f7f5;border-radius: 100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.dsptese li em img{width: 40%}



.dsptese li .tesetxt{width: calc(100% - 120px);border-bottom: 1px solid #e0e0e0; padding-bottom: 40px;}

.dsptese li:last-child .tesetxt{border: none}