.browserupgrade{padding:.2em 0;margin:.2em 0;color:#000;background:#ccc}
::selection{color:#fff;background:#16c3ca;text-shadow:none}
::-moz-selection{color:#fff;background:#16c3ca;text-shadow:none}
::-webkit-scrollbar{width:10px;background:#bfbfbf}
::-webkit-scrollbar-track{width:10px;background:#bfbfbf}
::-webkit-scrollbar-track-piece{background:#bfbfbf}
::-webkit-scrollbar-thumb{width:10px;background:#515151}
::-webkit-scrollbar-thumb:hover{background:#16c3ca}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro SC","SF Pro Text","Helvetica Neue",Helvetica,"PingFang SC","Segoe UI",Roboto,"Hiragino Sans GB",arial,'microsoft yahei ui',"Microsoft YaHei",SimSun,sans-serif;line-height:1.15}
body,button,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,textarea,ul{padding:0;margin:0}
address,article,akefu,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;padding:0;margin:0}
li,ol,ul{list-style:none;list-style-image:none}
button,fieldset,input,label,legend,option,select,textarea{font-family:Verdana,Arial,Helvetica,sans-serif,Tahoma;font-size:12px}
button,input,optgroup,select,textarea{outline:0}
button{border:none}
textarea{resize:vertical}
em,i,strong{font-style:normal}
img{vertical-align:middle;border:0}
a{color:#333;text-decoration:none;outline:0}
a:hover{color:#16c3ca;text-decoration:none;transition:all 0.5s}
a:active,a:focus,a:hover{outline:0}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.left{float:left}
.right{float:right}
.container-fluid{padding-right:0;padding-left:0;margin:0}
.container{position:relative;margin-right:auto;margin-left:auto;width:80%}
.container:after,.container:before{display:table;content:""}
.container:after{clear:both}
.header{position:fixed;width:100%;height:75px;z-index:999;transition:all .6s}
.header .navbg{display:none}
.header .logo{width:103px;height:75px;float:left;margin-left:2rem}
.header .logo img{width:121px;height:75px}
.header .nav{float:right;margin-right:30px}
.header .nav ul li{float:left}
.header .nav ul li a{color:#ffffff;display:inline-block;padding:0 20px;line-height:75px;font-size:1.6rem}
.header .nav ul li a:hover,.header .nav ul li.active a{color:#16c3ca;transition:all .6s}
.header .pho{position:relative;float:right;line-height:75px;padding-left:35px;font-size:2.4rem;color:#16c3ca}
.header .pho:before{position:absolute;display:inline-block;left:0;top:22px;content:"";width:30px;height:30px;background-image:url(../images/dh.svg);background-size:30px 30px;background-repeat:no-repeat}
.fixed{background:#ffffff;border-bottom:1px solid #dbdbdb;transition:all .6s}
.fixed .nav ul li a{color:#111111;transition:all .6s}
.page{width:100%;height: auto;overflow: hidden;text-align:center;font-size:1.4rem;padding:5rem 0}
.page a,.page span{display:inline-block;padding:8px 14px;border:1px #16c3ca solid;color:#16c3ca;border-right:none}
.page a:hover{background:#DDDDDD}
.page a:last-child,.page span{border:1px #16c3ca solid}
.page .page-num-current,.page .page-num-current:hover{color:#FFF;background:#16c3ca;border:1px #16c3ca solid}
.tit{text-align:center;width:100%;height:auto;overflow:hidden;padding:20px 0 30px;color:#333}
.tit .tit-h2{width:auto;height:45px;font:700 2.2rem/45px "Microsoft YaHei";float:left;overflow:hidden}
.tit .tit-h2 span{font:700 2.8rem/45px "Swis721 BlkCn BT";margin-right:1rem}
.tit .more{float:right;margin-right:20px}
.tit .more a{display:inline-block;width:100px;background:#f2f2f2;color:#333;height:45px;line-height:45px;text-align:center;position:relative}
.tit .more a:before{content:"";position:absolute;width:4px;height:100%;background:#16c3ca;left:0}
.tit .titnav{float:right;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:1.4rem}
.tit .titnav a,.tit .titnav span{cursor:pointer;color:#333333;transition:0.6s;z-index:1;display:block;width:auto;background:#f2f2f2;padding:0 20px;height:45px;line-height:45px;text-align:center;position:relative;margin-right:15px}
.tit .titnav a:hover,.tit .titnav span:hover,.tit .titnav a.active,.tit .titnav span.active{color:#ffffff;background-image:linear-gradient(90deg,#00bcd5 0%,#38cdba 100%),linear-gradient(#0072be,#0072be);transition:all .6s}
.icon{position:relative;float:left;color:#999;padding-left:23px;padding-right:10px;line-height:28px}
.icon:before{position:absolute;display:inline-block;left:0px;top:6px;content:"";width:18px;height:18px;background-size:18px 18px;background-repeat:no-repeat}
.sj::before{background-image:url(../images/shijian.svg)}
.ll::before{background-image:url(../images/yuedu.svg)}
.ly::before{background-image:url(../images/laiyuan.svg)}
.plan{background:#f7f7f7}
.case .caselist{width:31.3333%;background:#f7f7f7}
.sy_plan,.caselist{width:23%;float:left;margin:0 1%;background:#ffffff;border-radius:3px;-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);-o-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear}
.sy_plan .planimg,.caselist .caseimg{position:relative;width:100%;overflow:hidden}
.sy_plan .planimg a,.caselist .caseimg a{display:block;position:relative;width:100%;padding-top:61.98%;overflow:hidden}
.sy_plan .planimg img,.caselist .caseimg img{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .6s}
.sy_plan .planimg:hover img,.caselist .caseimg:hover img{transform:scale(1.2);transition:all .6s}
.sy_plan .planinfo,.caselist .caseinfo{padding:10px 10px 20px}
.sy_plan .planinfo h3,.caselist .caseinfo h3{font:1.8rem/2.2rem "Microsoft YaHei";margin-top:10px;height:2.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.sy_plan .planinfo p,.caselist .caseinfo p{font:1.2rem/1.8rem "Microsoft YaHei";height:3.6rem;color:#888;margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sy_plan .planinfo span,.caselist .caseinfo span{display:block;text-align:right;margin-top:15px}
.sy_plan .planinfo span a,.caselist .caseinfo span a{display:inline-block;font:1.2rem/1.8rem "Microsoft YaHei";color:#eeeeee;background:#aaa;padding:5px 10px;border-radius:3px}
.sy_plan .planinfo span a:hover,.caselist .caseinfo span a:hover{background-image:linear-gradient(90deg,#00bcd5 0%,#38cdba 100%),linear-gradient(#0072be,#0072be);color:#ffffff}
.caselist .caseinfo p font:nth-child(2){margin-left:20px}
.mess{width:100%;height:auto;padding:50px 0;background-image:url(../images/tel_02.jpg);animation:gradientBG 15s ease infinite;background-size:100% 100%}
.mess{text-align:center}
.mess h4{font-size:2.2rem;color:#ffffff}
.mess .mes{margin-top:2rem;font-size:1.5rem}
.mess .mes .txt{width:200px;height:3.5rem;border:none;padding:0 15px;margin-right:10px;font-size:1.4rem}
.mess .mes .sub{width:80px;height:3.5rem;border:none;font-size:1.4rem;color:#ffffff;cursor:pointer;background-image:linear-gradient(90deg,#00bcd5 0%,#38cdba 100%),linear-gradient(#0072be,#0072be)}
.footer{width:100%;height:auto;background:#2e3033;padding:50px 0 0;color:#8c8e90}
.footer a{color:#8c8e90}
.footer a:hover{color:#16c3ca}
.ftop{width:100%;height:auto;overflow:hidden;padding-bottom:40px;border-bottom:1px solid #464646}
.ftop .ftopitem{float:left;width:23%;padding:0 1%}
.ftop .ftopimg{float:left;width:25%}
.ftop .ftopimg img{width:75%}
.ftop .ftopinfo{float:left;margin-left:2%;margin-top:0.7rem;width:68%}
.ftop .ftopinfo h4{display:block;font-size:1.8rem;line-height:2.5rem;width:100%;height:2.5rem;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ftop .ftopinfo p{display:block;font-size:1.4rem;line-height:1.6rem;width:100%;height:1.6rem;margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.fcen{width:100%;overflow:hidden;border-top:1px solid #181818;padding:40px 0;border-bottom:1px solid #464646}
.fcenl{width:13%;float:left;margin-right:2%}
.fcenl .flogo img{width:100%;max-width:130px}
.fcenl .fabout{width:100%;margin-top:10px;line-height:18px;font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.fcenc{width:65%;height:auto;float:left}
.fcenc dl{display:block;float:left;width:13.28%;margin-right:1%}
.fcenc dl dt{font-size:1.6rem;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.fcenc dl dd{display:inline-block;width:100%;font-size:1.2rem;line-height:2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.fcenr{float:right;width:auto;max-width:20%}
.fcenr h4{font-size:1.6rem;margin-bottom:15px;font-weight:normal}
.fcenr p{font-size:1.4rem;color:#1cb29d;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.fcenr span{display:inline-block;position:relative;padding:0 20px 0 30px;margin-top:10px;line-height:40px;border-radius:20px;font-size:2.2rem;color:#ffffff;background-image:linear-gradient(90deg,#00bcd5 0%,#38cdba 100%),linear-gradient(#0072be,#0072be)}
.fcenr span:before{position:absolute;display:inline-block;left:8px;top:9px;content:"";width:22px;height:22px;background-image:url(../images/dianhua.svg);background-size:22px 22px;background-repeat:no-repeat}
.copyright{background:#2e3033;padding:0 0 20px;text-align:center;line-height:20px}
.link{background:#2e3033;border-top:1px solid #181818;padding:20px 0 0;text-align:center;line-height:20px}
.link a{margin-right:10px}
.liuyan{position: fixed; width: 554px; height:300px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; color: #fff; /* background-color: #4370fe; */ background: linear-gradient(to right,#38cdba,#0072be);transition: all .6s; border-radius: 4px; box-sizing: border-box; padding: 23px; display: none;}
.liuyan .close1{position:absolute;top:-1rem;right:-1rem;width:1.6rem;height:1.6rem;padding:0.5rem;border-radius:100%;background:#ffffff;border:1px #38cdba solid}
.liuyan .close1 img{width:1.6rem;height:1.6rem;}
.liuyan .liuyan_div{border: 1px solid #fff; width: 100%; height: 100%; text-align: center; line-height: 1; padding:3rem 2rem; box-sizing: border-box;}
.liuyan .liuyan_div .liuyan_f1{width:100%;font-size:2.6rem;font-weight:700;text-align:center;}
.liuyan .liuyan_div .liuyan_f2{width:100%;height:auto;overflow:hidden;margin:4rem 0 0;}
.liuyan .liuyan_div .wxwem{width:40%;float:left;}
.liuyan .liuyan_div .wxwem img{width:120px;}
.liuyan .liuyan_div .biaodan{width:60%;float:right;}
.liuyan .liuyan_div .biaodan .txt{width:60%;height:3.3rem;border:none;padding:0 5%;font-size:1.4rem;float:left;}
.liuyan .liuyan_div .biaodan .sub{width:30%;height:3.3rem;border:none;font-size:1.4rem;color:#ffffff;float:left;cursor:pointer;background:none;border:1px #ffffff solid}
.liuyan .liuyan_div .liuyan_p{width:100%;height:auto;font-size:1.6rem;}
.liuyan .liuyan_div .liuyan_p strong{font-size:3.2rem;display:block;width:auto;margin:1.5rem 0;}
@media (max-width:1390px) and (min-width:1000px){
	.container{width:98%}
	.header .nav ul li a{padding:0 10px;line-height:75px;font-size:1.4rem}
	.tit .tit-h2{font:700 2rem/30px "Microsoft YaHei"}
	.tit .tit-h2 span{font:700 2.2rem/45px "Swis721 BlkCn BT";margin-right:1rem}
	.tit .more{float:right;margin-right:20px}
	.tit .more a{width:80px;height:30px;line-height:30px}
	.tit .titnav{font-size:1.4rem}
	.tit .titnav a,.tit .titnav span{padding:0 10px;height:30px;line-height:30px;margin-right:10px}
	.ftop .ftopinfo{margin-left:5%;margin-top:3px}
	.ftop .ftopinfo h4{font-size:1.6rem}
	.ftop .ftopinfo p{font-size:1.2rem;margin-top:0px}
	.sy_plan .planinfo h3.caselist .caseinfo h3{font:1.6rem/2.2rem "Microsoft YaHei"}
	.sy_plan .planinfo p,.caselist .caseinfo p{margin-top:8px}
}
@media (max-width:1000px){
	/*:root{--swiper-navigation-size:20px}*/
	.container{width:98%}
	.container1{width:100%}
	.header{position:fixed;height:5rem}
	.header .logo{width:8.1rem;height:5rem;margin-left:0}
	.header .logo img{width:8.1rem;height:5rem}
	.header .navbg{width:100%;height:100vh;position:absolute;display:none;z-index:998;top:0;left:0;background:#333333;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3}
	.header .nav_ico{width:2rem;height:2rem;position:absolute;right:10px;top:1.5rem;background:url(../images/nav.svg) no-repeat 0 0/ 2rem 2rem;z-index:0}
	.header .close{width:2.5rem;height:2.5rem;position:absolute;right:10px;top:5px;display:none;background:url(../images/close.svg) no-repeat 0 0/ 2.5rem 2.5rem;z-index:999}
	.header .nav{position:absolute;display:none;width:50%;height:100vh;background:#fff;z-index:999;right:0;margin-right: 0}
	.header .nav ul{margin-top:3rem}
	.header .nav ul li{float:none}
	.header .nav ul li a{color:#333;width:82%;padding:0 3% 0 15%;line-height:4rem;font-size:1.4rem}
	.header .pho{line-height:5rem;font-size:1.8rem;float: left;}
	.header .pho:before{left:1.5rem;top:15px;width:20px;height:20px;background-size:20px 20px;}
	.tit{padding:0 0 1rem}
	.tit .tit-h2{float:none;text-align:left;font:700 1.8rem/30px "Microsoft YaHei"}
	.tit .tit-h2 span{font:700 1.8rem/45px "Swis721 BlkCn BT"}
	.tit .titnav{font-size:1.2rem;float:none;width:100%;align-items:left;justify-content:left;margin-top:1rem}
	.tit .titnav a,.tit .titnav span{padding:0 3%;height:45px;line-height:45px;margin-right:1rem}
	.page span{border:none}
	.page a:nth-child(4){border:1px #16c3ca solid}
	.sy_plan,.caselist,.case .caselist{width:98%;margin-bottom:2%}
	.sy_plan .planimg,.caselist .caseimg{width:50%;float:left}
	.sy_plan .planinfo,.caselist .caseinfo{width:47%;float:right;padding:1% 1%}
	.sy_plan .planinfo h3,.caselist .caseinfo h3{font:1.4rem/2.2rem "Microsoft YaHei";margin-top:5px}
	.sy_plan .planinfo p,.caselist .caseinfo p,.sy_plan .planinfo span,.caselist .caseinfo span,.ftop .ftopinfo{margin-top:0px}
	.sy_plan .planinfo span a,.caselist .caseinfo span a,.tit .more{display:none}
	.page,.mess,.fcen{padding:2rem 0}
	.mess h4{font-size:1.8rem}
	.mess .mes{font-size:1.4rem}
	.mess .mes .txt,.mess .mes .sub{width:80%;margin-right:0;margin-bottom:1.5rem}
	.footer{padding:2rem 0 0}
	.ftop{padding-bottom:1rem}
	.ftop .ftopitem{width:48%;margin-bottom:1rem}
	.ftop .ftopinfo h4{font-size:1.4rem;line-height:2rem;height:2rem}
	.ftop .ftopinfo p{font-size:1.2rem;margin-top:0}
	.fcenl,.fcenc,.fcenr{width:98%;float:none;margin-right:1%;margin-left:1%;max-width:96%}
	.fcenl .flogo img{width:100%;max-width:100px}
	.fcenl .fabout{width:100%;margin-top:10px;line-height:18px;font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
	.fcenc dl{width:100%;margin-right:0}
	.fcenc dl dt,.fcenr h4{font-size:1.4rem;margin-bottom:0.5rem;margin-top:0.5rem;font-weight:700}
	.fcenc dl dd{width:19%;padding:0 0.5%;font-size:1rem;float:left}
    .liuyan{display:none!important}
}