@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:#333333;font-family:'Microsoft YaHei','Source Han Sans CN','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height: 1.8; font-size: 14px; overflow-x: hidden!important}

img {display:block;max-width:100%;border: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:#333333;}
a:hover{color: #00abc8}
/*居中*/

.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%!important}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}




.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.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);}

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



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

.sosouboxs{width: 100%; position:fixed; left: 0px; top:-20px; z-index: 99999999999; background: #fff; padding: 30px 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; opacity: 0; visibility: hidden}

.sosouboxs.show{ top: 0; opacity: 1; visibility: visible;}

.sosouhezi{border-bottom: 1px solid #00abc8; background: url("../images/fada02.png") no-repeat left center; background-size: 15px; padding-left: 30px; width: 80%; max-width: 500px; margin:0 auto}
.sousutxt{height: 40px; width: calc(100% - 50px); border: none}
.sousuclose{width: 50px; height: 50px;}



@-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)}
}



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

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




.top{position:fixed; left: 0px; top: 0px; width: 100%; z-index:9999;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;  }
.top.cur{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1);background: #fff;}
.top.cur>.mainbox{height:84px;}
.top.cur .navdown{top: 84px}
.top.cur .nav li>a{color: #333}
.top.cur .logo img.show{display: none}
.top.cur .logo img.hide{display: block}

.top.cur .topleft p{color: rgba(34,34,34,0.8);}
.top.cur .topleft p:before{background: rgba(0,0,0,0.1);}
.top.cur .soubtn img.show{display: none}
.top.cur .soubtn img.hide{display: block}
.top.cur .topright a{color: #2f393e}
.top.cur .topright a:hover{color: #00abc8}

.top.cur .nav li.cur>a{color: #00abc8; font-weight: bold}

.top.cur2{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1);background: #fff;}

.top.cur2 .nav li>a{color: #333}
.top.cur2 .logo img.show{display: none}
.top.cur2 .logo img.hide{display: block}

.top.cur2 .topleft p{color: rgba(34,34,34,0.8);}
.top.cur2 .topleft p:before{background: rgba(0,0,0,0.1);}
.top.cur2 .soubtn img.show{display: none}
.top.cur2 .soubtn img.hide{display: block}
.top.cur2 .topright a{color: #2f393e}
.top.cur2 .topright a:hover{color: #00abc8}

.top.cur2 .nav li.cur>a{color: #00abc8; font-weight: bold}





.top:hover{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1);background: #fff;}

.top:hover .nav li>a{color: #333}

.top:hover .nav li:hover>a{color: #00abc8; font-weight: bold}

.top:hover .logo img.show{display: none}
.top:hover .logo img.hide{display: block}

.top:hover .topleft p{color: rgba(34,34,34,0.8);}
.top:hover .topleft p:before{background: rgba(0,0,0,0.1);}
.top:hover .soubtn img.show{display: none}
.top:hover .soubtn img.hide{display: block}
.top:hover .topright a{color: #2f393e}
.top:hover .topright a:hover{color: #00abc8}





.top>.mainbox{height:110px;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: 90%; max-width: 1400px; }
.logo{ width:150px; height: 77px;}
.logo img.hide{display: none}

.topleft{width: 258px;}
.topleft p{color: rgba(255,255,255,0.8); line-height: 1;position: relative}
.topleft p em{display: block}
.topleft p em:first-child{margin-bottom: 10px;}
.topleft p em:nth-child(2){letter-spacing:1.2px}
.topleft p:before{content: ''; width: 1px; height: 100%; background: rgba(255,255,255,0.4); position: absolute; left: -18px; top: 50%; transform: translate(0,-50%)}


.soubtn{width: 18px;}
.soubtn img.hide{display: none}

.topright{width:250px;}
.topright a{color: #fff}

.dzbtn{width: 146px; height: 40px;background: #00abc8; border-radius: 48px; color: #fff!important; font-size: 14px;}
.dzbtn img{width: 20px; margin-right: 10px;}
.dzbtn:hover{background: #33bcd3}
.nav{width:55%}


.nav li:last-child{display: none}
.nav li>a {position: relative;  line-height:110px; display: block; color: #fff;font-size:20px;}
.nav li>a:before{ content: '';height:3px; background:#00abc8;  left: 0px; bottom:0px; position: absolute; width: 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; }

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

.top.cur .nav li>a{line-height: 84px;}



.navdown{position: absolute; left:0px; top:110px;background:rgba(255,255,255,0.9); width:100%; display: none; box-shadow: 0px 3px 3px rgba(0,0,0,0.05);padding:10px 15px; border-top: 1px solid #d1d1d2; text-align: center; padding:20px 0px;}


.navdown a{padding:10px 0px; font-weight: normal; line-height: 1.6; color:#666; margin: 0px 20px;}
.navdown a:hover{color: #00abc8;}



.navdown.cur2 {
    -webkit-animation: sty 1s ease-out ;
    animation: sty 1s ease-out ;
}
 
@keyframes sty {
  0% {
	 background:rgba(255,255,255,0.9);  
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
      background:rgba(255,255,255,1); 
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
  }
  80% {
      background:rgba(255,255,255,0.9); 
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}
 




	
	
	
.morebtn{width:158px;height: 42px;border: 1px solid #00abc8; background: #00abc8; line-height: 42px; border-radius: 42px; color: #fff; display: inline-block;position: relative; text-indent: 24px;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}

.morebtn em{width: 44px; height: 44px; background:url("../images/jian.svg") no-repeat center center #33bcd3; background-size: 20px auto; position: absolute; right: 0px; top:-1px; border-radius:42px;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all; }

.morebtn:hover{color: #33bcd3; border: 1px solid #00abc8; background:none}
.morebtn:hover em{width: 60px;right: -10px;}


.morebtn:hover em{background:url("../images/jian3.svg") no-repeat center center #cceef4; background-size: 20px auto; }





.morebtn.morebtntwo{background:none; color: #00abc8; border: 1px solid #00abc8;}

.morebtn.morebtntwo em{background:url("../images/jian3.svg") no-repeat center center rgba(0,172,200,0.2); background-size: 20px auto; }

.morebtn.morebtntwo:hover{ background: #00abc8; color: #fff}
.morebtn.morebtntwo:hover em{background:url("../images/jian.svg") no-repeat center center #33bcd3;background-size: 20px auto; }

.banner{position: relative; overflow: hidden;}
.banner .swiper-pagination{z-index: 999; left:0px; bottom:5%; width: 100% }
.banner .swiper-pagination-bullet{ opacity:1;width:12px; height:12px;margin:0px 10px!important; border-radius:12px; position: relative; background:rgba(255,255,255,0.34);transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}
.banner .swiper-pagination-bullet-active{background: url("../images/shuidi.svg") no-repeat center center; background-size:100% auto;width: 15px; height: 25px; border-radius:0}

.banner img{width: 100%}

.pcbanbj{background-repeat: no-repeat; background-position: center center; background-size: cover; height:100vh; }
.wapbanbj{background-repeat: no-repeat; background-position: center center; background-size: cover; height:100vh;display: none}


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

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


.bantxt h2{font-size:80px; line-height: 1.4; margin-bottom: 10px; max-width: 50%}
.bantxt p span{ font-weight: normal;font-weight: 200;}

.bantxt p{font-size: 34px; font-weight: bold; line-height: 1.6;max-width: 70%}

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

.banimgbj{width:17.18%; position: absolute; right: 0px; bottom: 5%;}

.abshuzi{position: relative; margin-top: -8%; z-index: 99}
.abshuzibox img{width: 50%}
.abshuzi li{line-height: 1; min-width:140px;position: relative}
.abshuzi li span{font-size: 20px; display: block; padding-bottom: 30px;}
.abshuzi li span em{font-size: 50px; color: #2f393e;font-family: 'AvertaBold'; margin-right: 10px;}
.abshuzi li p{color: #666666; font-size: 18px; position: absolute; left: 0px; bottom: 0px;}

.abshuzi li.line{width: 1px;background: rgba(51,51,51,0.1);min-width:0px }

.abshuzi ul{width: 76%}

.syaboutleft{width: 45%;}


.syaboutleft h2{color: #00abc7; font-size:33px; line-height: 1.4; }
.syaboutleft h2 span{color: #333333;display: block}

.syaboutlefttxt {color: #666666; font-size: 18px; line-height:2}

.syaboutright{width: 50%; position: relative}
.syaboutright img{width: 100%}

.syaboutright .fugai{width: 100%; height: 100%; position: absolute; left: 0%; top:0%; z-index: 2}

.fugai{width: 104%; height: 104%; position: absolute; left: -2%; top:-2%; z-index: 2}

.fugai img{height: 100%; width: 100%}


.syaboutright p{ position: absolute; left:50%; top: 40%; transform: translate(-50%,-50%); text-align: center; color: #fff; 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; }
.syaboutright p img{width: 65px; display: inline-block}

.syaboutright p span{display: block; margin-bottom: 10px}


.syaboutright:hover p{top: 50%; opacity: 1}

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

.sytit h2{font-size: 42px; color: #444444; position: relative; padding-bottom: 10px}
.sytit h2:before{content:''; width: 92px; height: 3px; background: #00abc8; position: absolute; left: 0px; bottom: 0px;}

.syservicebox .swiper-slide{background: #fff; overflow: hidden}

.syhangyetxt{padding: 60px 70px 0px;}


.fugaiquan{width:40%;  position: absolute; right:-10%; top:10%; z-index: 2; opacity: 0.5;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.syhypic{position: relative}

.syhytxt{padding: 40px; padding-right: 0px; width:calc(90% - 80px)}
.syhytxt p{font-size: 20px; font-weight: bold; line-height:30px; height: 60px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical; }
.syhytxt span{font-size: 18px; color: #999999; display: block;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}

.hymore{width:25%; height: 100px; background: #4fc5d9; line-height: 50px; text-align: center; position: absolute; right:-50%; bottom:-50%; color: #fff; line-height: 120px; border-top-left-radius: 100%; text-indent: 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; opacity: 0}




.syservicebox .swiper-slide a{display:block;}

.syservicebox .swiper-slide a:hover .hymore{right: 0px; bottom: 0px; opacity: 1}
.syservicebox .swiper-slide a:hover .fugaiquan{top:5%}

.syservicebox{position: relative}

.gonggong{position: relative}
.gonggong .swiper-button-next:after, .gonggong .swiper-button-prev:after{font-size:50px; color: #bfbfbf}
.gonggong .swiper-button-next:hover:after, .gonggong .swiper-button-prev:hover:after{color: #00abc8}
.gonggong .swiper-button-prev{left: -5%}
.gonggong .swiper-button-next{right: -5%}
.gonggong {padding-bottom: 40px;}
.gonggong .swiper-pagination{bottom:0px; width: 100%}
.gonggong .swiper-pagination-bullet{ opacity:1;width:10px; height:10px;margin:0px 6px!important; position: relative; background:rgba(0,0,0,0.2);transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}
.gonggong .swiper-pagination-bullet-active{background: #00abc8}


.syfanganbox{overflow: hidden}

.sysolutionleft{width: 35%;}
.sysolutionleft ul{height: 100%; position: relative; z-index: 2}
.sysolutionleft li{height: 20%}
.sysolutionleft li{border-bottom: 1px solid #e3e3e3; font-size:22px; font-weight: bold;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}
.sysolutionleft li a{ height: 100%; position: relative}
.sysolutionright{width:80%; margin-right: -20%;}
.sysolutionright li img{width: 100%}


.sysolutionleft li a i{width: 100px; height: 36px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.sysolutionleft li a i img{max-height: 100%}
.sysolutionleft li a i img.hide{display: none}
.sysolutionleft li p{width:60%; line-height: 1.4}
.sysolutionleft li a em{width: 42px; height: 42px; background:url("../images/jian2.svg") no-repeat center center #fff; border-radius: 100%; background-size: 50% auto;position: absolute; right: 0px; top: 50%; transform: translate(0,-50%);transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}

.sysolutionleft li.on{background-image: linear-gradient(to right, #00abc8 , #00b9d8);border-radius: 8px; width: 130%; border: none}
.sysolutionleft li.on a i img.hide{display:block}
.sysolutionleft li.on a i img.show{display: none}
.sysolutionleft li.on a span{opacity: 0.2}
.sysolutionleft li.on a em{right: 100px;background:url("../images/jian3.svg") no-repeat center center #fff; border-radius: 100%; background-size: 50% auto;}
.sysolutionleft li.on a{color: #fff}

.sysolutionleft li a span{width: 80px; position: absolute; right: 0px; bottom: 0px; opacity: 0;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}

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

.sygongchengbox li:nth-child(1){width: 41.37%}
.sygongchengbox li:nth-child(2){width: 27.25%}
.sygongchengbox li:nth-child(3){width: 28.85%}

.sygongchengbox li:nth-child(3) .imghezi{height: 100%}

.sygongchengbox li{display: flex;flex-direction:column; justify-content:space-between}

.sygongchengbox li a{display: block; position: relative}

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



.imghezi{position: relative; border-radius: 6px; overflow: hidden}
.imghezi a:before{content: ''; background: rgba(2,167,221,0.7); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; 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;}
.gctxts{position: absolute; left: 30px; width: calc(100% - 60px); bottom: 0px; color: #fff;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all; z-index: 4}
.gctxts p{font-size: 20px; margin-top: 10px; line-height: 1.4}
.gctxts img{width: 38px;}
.gctxts span{background: #ffffff; color: #00abc8}
.gctxts .morebtn:hover{color: #fff; border: 1px solid #fff;}
.gctxts .morebtn em{background: url(../images/jian3.svg) no-repeat center center #e5f6f9;background-size: 20px auto;}
.gctxts .morebtn{visibility: hidden; opacity: 0; height: 0px;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;overflow: hidden}

.mt20{margin-top:18px;}

.mr20{margin-right: 20px;}

.imghezi:hover .morebtn{visibility: visible; opacity: 1; margin-top:20px; height: 42px;}
.imghezi:hover .gctxts{bottom: 30px}

.imghezi a:hover:before{opacity: 1}

.synewsleft{width: 50%; background: #f5f6f7;}

.synewstxt{padding: 30px 50px;}

.synewstxt h2{font-size: 24px; font-weight: normal; line-height: 30px; height: 30px;}
.synewstxt p{color: #999999; line-height: 30px; height: 60px; margin: 10px 0px;}
.synewstxt span{display: block; font-family: arial; font-size: 14px;}

.synewsright{width: 43.7%;}

.synewsright ul{height: 100%}
.synewsright li{height: 33.33%; border-bottom: 1px solid #e3e3e3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.synewsright li a{width: 100%}
.newzleft{line-height: 1}
.newzleft p{font-size: 42px; margin-bottom:10px;}

.newzleft span{color: #999999; font-size: 14px;}

.newzrught{width:calc(100% - 100px);}
.newzrught p{font-size: 24px; margin-bottom: 10px; line-height:1.4}
.newzrught span{line-height:30px;height: 60px; color: #999999}

.footerbj{background: #00a1d0; color: #fff}


.footlogo{width: 200px; color: rgba(255,255,255,0.8); text-align: center}
.footlogo img{margin-bottom: 20px;}
.footlogo p{text-align: center; line-height: 2}
.footlogo a{display: block; height: 40px; text-align: center; line-height: 40px; color: #fff; border: 1px solid rgba(255,255,255,0.4); background:rgba(255,255,255,0.2); border-radius: 40px; margin-top: 30px; }
.footnav{width:61.8%}

.footlogo a:hover{background:rgba(255,255,255,1); color:#00a1d0}

.footnav li{color: #fff}
.footnavdown span{display: block; padding:3px 0px;}
.footnavdown span a{color: rgba(255,255,255,0.8);}
.footnavdown span a:hover{color: rgba(255,255,255,1);}

.footnav li p{font-size: 20px; font-weight: bold; margin-bottom:10px;}
.footnav li p a{color: #fff}

.footright{width: 224px;color: rgba(255,255,255,0.6);}
.footright a{display: block; height: 50px; color: #00a1d0; line-height: 50px; background: url("../images/shejiico2.svg") no-repeat 25px center #fff; background-size:20px auto; border-radius: 50px; text-align: center; font-size: 18px; text-indent: 25px; box-shadow: 0px 5px 5px rgba(0,0,0,0.1); border: 1px solid #fff}
.footright p{margin-top: 20px;}

.footright a:hover{background: url("../images/shejiico.svg") no-repeat 25px center; background-size:20px auto; color: #fff}

.footerbot{background: #0098c7; padding: 20px 0px;color: rgba(255,255,255,0.6);}
.footerbot a{color: rgba(255,255,255,0.6);}
.footerbot a:hover{color: rgba(255,255,255,1);}

.banquanleft a{margin: 0px 10px}
.shareboxs{width: 130px;}
.shareboxs a{width: 30px; height: 30px; position: relative}

.shareboxs a>img{opacity: 0.6;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}
.shareboxs a:hover>img{opacity: 1}


.erweima{width: 100px; position: absolute; left: 50%; bottom:30px; transform: translate(-50%,0); box-shadow: 0px 0px 10px rgba(0,0,0,0.05); 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}
.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}
.erweima img{border-radius: 5px;}
.shareboxs a:hover .erweima{opacity: 1; visibility:visible}

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

.nybantxt h2{font-size: 46px; position: relative;padding-bottom:20px;}
.nybantxt h2:before{content: ''; width: 90px; height: 3px; background: #ffffff;position: absolute; left: 0px; bottom: 0px;}


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

.miaobao{background: url("../images/home.png") no-repeat left center; background-size: 15px auto;padding: 30px 0px; padding-left: 20px; color: #555555}
.miaobao a{color: #555555}
.miaobao a:hover{color: #00abc8}

.nyabouttxtleft{width: 50%;}

.nyabouttxtright{width: 43.6%; position: relative; border-radius: 10px;overflow: hidden}

.video{width: 100%;border-radius: 10px;overflow: hidden}

.nyabouttxtleft h2{font-size: 36px; line-height: 1.4}
.nyabouttxtleft h3{font-weight: normal; color: #999999; font-size: 18px;margin-bottom: 40px;}
.nyabouttxtleft p{color: #666; line-height:2.4}


.nyabouttxtright p{ position: absolute; left:50%; top: 40%; transform: translate(-50%,-50%); text-align: center; color: #fff; 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;  width: 110px; height: 110px; background: rgba(0,171,200,0.85); border-radius: 100%;}
.nyabouttxtright p img{width: 65px; display: inline-block; margin-top: 20px;}
.nyabouttxtright p span{display: block; margin-bottom: 10px}
.nyabouttxtright:hover p{top: 50%; opacity: 1}

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

.nytit h2{font-size: 40px;}
/*.nytit p{font-size: 18px; margin-top: 10px; }*/
.nytit.center{text-align: center}
.nytit.center p{text-align: center}

.fazhanleft{width: 41.5%; margin-top: 100px;}

.fazhanleft li .fangdapic{border-radius: 10px;}
.fazhantxt{margin-top: 10px;}
.fazhantxt h2{font-size: 24px; padding: 10px 0;}
.fazhantxt p{color: #666666}

.fazhanright{width:50%;border-left: 1px solid #cfcfcf; position: relative; }
.fazhanrightgundong{height:600px; overflow-y:scroll; margin:50px 0px; padding-left: 8px;margin-left: -8px; }
.fazhanrightgundong::-webkit-scrollbar {width:3px;}
.fazhanrightgundong::-webkit-scrollbar-track {background:#e5e5e5;}
.fazhanrightgundong::-webkit-scrollbar-thumb {background:#0eafc9;}

	::-webkit-scrollbar {width:3px;}
	::-webkit-scrollbar-track {background:#e5e5e5;}
	::-webkit-scrollbar-thumb {background:#0eafc9;}

.fazhanright ul{ }
.fazhanright:before{width:12px; height: 12px; border: 1px solid #cacaca; background: #fff; border-radius: 100%; content:''; position: absolute; left: -8px; top: 0px;}
.fazhanright li {padding: 0px 50px; position: relative; margin:50px 0px;}
.fazhanright li span{font-size:30px;font-family: 'AvertaBold'; width:160px;}
.fazhanright li:before{content:'';width: 9px; height: 9px; border-radius: 100%; background: #b3b3b3;position: absolute; left: -5px; top: 22px;}


.fazhanright .morebtn{display: none}

.fazhanxs{width: calc(100% - 160px)}
.fazhanxs p{padding:5px 0px; position: relative; padding-left: 15px;}
.fazhanxs p:before{content:'';width: 6px; height: 6px; border-radius: 100%; background: #333;position: absolute; left: 0px; top: 15px;}

.scrolls{position: absolute; left: -20px; text-align: center; bottom: -50px; color: #666666}
.scrolls span{width: 40px; height: 40px; background: #00abc8; border-radius: 100%; margin: 0 auto}


.scrolls i{ position: relative; width: 40%}



.scrolls i:before { content: ''; position: absolute; top: 4px; left: 50%; margin-left: -1px; width: 2px; height: 6px; border-radius:2px; background: #fff; -webkit-animation: scroll_tip_icon 1.6s linear infinite; animation: scroll_tip_icon 1.6s linear infinite }


@-webkit-keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 }
    50% { -webkit-transform: translateY(4px); transform: translateY(4px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0}
}

@keyframes scroll_tip_icon {
   0% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1 }
    50% { -webkit-transform: translateY(4px); transform: translateY(4px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:0}
}




.fazhanleft li{display: none}
.fazhanleft li:first-child{display: block}

.fazhanright li.cur .fazhanxs p.cur:before{background: #00abc8}
.fazhanright li.cur:before{background: #00abc8}
.fazhanright li.cur .fazhanxs p.cur{color: #00abc8;}
.fazhanright li.cur span{color: #00abc8;}
.fazhanxs p.im{font-weight: bold; cursor: pointer}



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

.chuangshiren{width:calc(75% - 200px); box-shadow: 0px 0px 80px rgba(0,0,0,0.08); background: #fff;padding: 70px 100px;}



.chuangshitop{background: url("../images/lines.jpg") repeat-x left top; padding: 40px 0px;}

.chuangshipic{width:33.33%}
.chuangshitxt{text-align: right;}
.chuangshitxt h2{font-size: 42px; margin-bottom: 10px;}
.chuangshitxt p{color: #999999; font-size: 22px;}

.chuangshibot{ line-height: 2.4;}
.chuangshibot p{padding-top: 20px;}

.nyteambox{position: relative}
.nyteambox .swiper{padding: 50px 0px;}
.nyteambox .swiper-slide{box-shadow: 0px 0px 50px rgba(0,0,0,0.05); background: #fff; border-radius: 10px;overflow: hidden; cursor: pointer;min-height: 420px}
.teampic{max-width: 263px; margin: 50px auto; width: 80%}

.teamtxt{background: url("../images/teambjs.svg") no-repeat top center; background-size:cover;padding: 30px; color: #fff; height:60px; overflow: hidden;position: absolute; left: 0px; bottom: 0px;transition:0.4s all;-webkit-transition:0.4s all;-moz-transition:0.4s all;-o-transition:0.4s all;-ms-transition:0.4s all; width: calc(100% - 60px) }

.teamtxt h2{font-size: 26px;}
.teamtxt span{font-size: 14px; line-height: 24px; height: 72px; margin-top: 10px;transform: translateY(10px);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; }
.nyteambox .swiper-slide:hover .teamtxt{height:150px; background-size:cover; }
.nyteambox .swiper-slide:hover .teamtxt span{transform: translateY(0px); opacity: 1}

.nyteambox.gonggong .swiper-pagination{bottom: 30px;}

.huisebj{background: #f7f8fa}
.nywenhuapic{width: 44%}

.nywenhuatxt{width: 52%;}
.nywenhuatxt h3{font-size:28px;}
.nywenhuatxt p{color: #444444; font-size: 20px;}

.nywenhuatxt ul{height: 100%;}
.nywenhuatxt li{height: 33.33%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.nywenhuatxt li div{width: 100%}

.aboutmap{position: relative}
.aboutmapleft{width: 77%}
.aboutmapright{width: 50%; position:absolute; right: 0px; top: 50%; transform: translate(0,-50%);z-index: 9; text-align: right}

.aboutmapright h3{font-size: 26px;}
.aboutmapright span{font-size:72px; color: #00abc7;font-family: 'AvertaBold'; font-weight: bold}
.aboutmapright li{line-height: 1.4; }
.aboutmapright p{text-align: right; font-size: 20px; color: #444444}

.aboutmapright li:first-child{margin-bottom: 100px;}

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

.honorshuzi li{width: 25%; text-align: center}
.honorshuzi li span em{font-size: 50px; color: #00abc8;font-family: 'AvertaBold'; line-height: 1}
.honorshuzi li span{ color: #00abc8;}
.honorshuzi li span sup{font-size: 24px; line-height: 1}
.honorshuzi li p{text-align: center;  margin-top: 10px;}

.honorshuzi li{border-left: 1px solid rgba(0,0,0,0.1);}
.honorshuzi li:first-child{border: none}


.dingxs{position: relative;}
.parts{position: absolute; left: 0px; top: -110px;}


.nyjoinbj{background: url("../images/joinbj.jpg") no-repeat center center; background-size: cover}
.nyjoinboxs{line-height: 2.4; font-size:16px;}
.nyjoinboxs p{margin: 20px 0px;}
.nyjoinboxs span{position: relative; font-weight: bold}
.nyjoinboxs span:before{content: ''; width: 100%; height: 10px; background: #00abc7; position: absolute; left: 0px; bottom: 0px; z-index:0}
.nyjoinboxs span em{position: relative; z-index: 1}

.yuangongleft{width: 40%;position: relative}
.yuangongleft>img{width: 100%}
.yuangongleft li:first-child{z-index: 2; opacity: 1}
.yuangongleft li{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; 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; }
.yuangongleft li img{width: 100%}
.yuangongleft li.cur{z-index: 2; opacity: 1}
.yuangongright{width: 65%; margin-left: -5%; position: relative; z-index: 9; margin-top: -5%; overflow: hidden}

.yuangongright .swiper-slide{width: 540px;}

.yuangongright .swiper{padding: 20px;}
.yuangongstxt{padding:40px; border-radius: 10px; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); background: #fff; text-align: justify}

.yuangongstxt>span img{ width:40px;}
.yuangongstxt>span img.hide{display: none}

.yuangongswenzi{line-height:1.6; font-size: 18px; min-height: 228px; margin: 30px 0px;}


.yanrens span{width: 110px; height: 110px; border-radius: 100%; overflow: hidden}
.yanrens p{width: calc(100% - 150px)}
.yanrens p em{font-size: 30px; display: block}
.yanrens p i{font-size: 20px; display: block; color: #666}
.qiehuan{position: relative}

.qiehuan{margin-right: 5%; margin-bottom: 40px;}
.qiehuan .swiper-button-prev{position: relative; margin: 0px; left:auto; top: auto; width: 42px; height: 42px; background:url("../images/jianl.svg") no-repeat center center #00abc8; border-radius: 100%; background-size: 50% auto;border: 1px solid #00abc8}

.qiehuan .swiper-button-next{position: relative; margin: 0px; right:auto; top: auto; width: 42px; height: 42px; background:url("../images/jian.svg") no-repeat center center #00abc8; border-radius: 100%; background-size: 50% auto; margin-left: 30px; border: 1px solid #00abc8}

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


.qiehuan .swiper-button-prev:hover{background:url("../images/jian3h.svg") no-repeat center center #fff;background-size: 50% auto; }
.qiehuan .swiper-button-next:hover{background:url("../images/jian3.svg") no-repeat center center #fff;background-size: 50% auto; }



.yuangongright .swiper-slide-active .yuangongstxt{background: #00abc7; color: #fff}
.yuangongright .swiper-slide-active .yanrens p i{color: #fff}
.yuangongright .swiper-slide-active .yuangongstxt>span img.hide{display:block}
.yuangongright .swiper-slide-active .yuangongstxt>span img.show{display: none}




.yiqicheng{position: relative;}

.yiqicheng .swiper-slide{width:880px; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);position: relative}
.yiqicheng .swiper-slide:before{content: ''; width: 100%; height: 50%; position: absolute; left: 0px; bottom: 0px;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); z-index: 2}
.yiqicheng .swiper-pagination{width: 100%}
.yiqicheng .swiper-slide p{position: absolute; left:30px; width:calc(100% - 60px); color: #fff;font-size: 24px;bottom: 20px; z-index: 3; display: none}


.yiqicheng .swiper-slide.swiper-slide-active p{display: block}


.dibuwenziboxs{ color: #fff;background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed}
.dibuwenziboxs p{font-size: 20px; text-align: center}
.dibuwenziboxs h3{font-size: 36px;text-align: center;}
.dibuwenziboxs .dzbtn{height:50px;}
.zhaopingtit a{font-size: 40px; font-weight: bold;position: relative; line-height: 1; color:rgba(68,68,68,0.5)}
.zhaopingtit a.cur:before{content: ''; width: 100%; height: 10px; background: #00abc7; position: absolute; left: 0px; bottom: 0px; z-index:0}
.zhaopingtit a.cur em{position: relative; z-index: 1; color: #444444}
.zhaopingtit a:first-child{margin-right: 90px;}



.selecttwo{height: 42px; padding: 0px 20px; min-width: 200px; color: #888; background: url("../images/xia.svg") no-repeat 92% center #fff; background-size: 10px auto; box-shadow: 0px 10px 10px rgba(0,0,0,0.02); border: none; font-size: 18px;}


.sousubox{height: 42px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); background: #fff; font-size: 18px; }

.sousbw{width: calc(100% - 80px); padding: 0px 15px; border: none; font-size: 18px;}

.sousubtn{width: 50px; background: url("../images/fada02.png") no-repeat center center; background-size: 15px auto; height: 20px; opacity: 0.6; border-left: 1px solid #e3e3e3!important; font-size: 18px;} 


.joinshaixuan li{width:20%}
.joinshaixuan li:last-child{width:calc(40% - 30px)}
.joinshaixuan li .selecttwo{width: 100%; min-width: auto}

.joinlist{margin-top: 20px; background: #fff;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); }
.joinlist dt{background: #00abc7;color: #fff; padding: 10px 50px; font-size: 20px;}
.joinlist dd{border-bottom: 1px solid #f0f0f0}
.joinlist dd>a{background: #fff; padding:20px 50px; font-size: 18px;}
.joinlist dd>a:hover{color: #00abc7 }
.joinlist dd>a.cur{color: #00abc7 }
.joinlist dd>a.cur span em{background: url("../images/joinx.png") no-repeat right center; background-size:10px auto;}

.joinw01{width: 35%}
.joinw02{width: 25%}
.joinw03{width: 25%}
.joinw04{width:90px}


.joinlist dd span em{background: url("../images/joinr.png") no-repeat right center; background-size:5px auto; padding-right: 15px; display: inline-block;}
.joinshowtxt{padding:20px 50px 40px; background: #f7f8fa; display: none}
.joinshowtxt h3{font-size: 18px; margin:30px 0 20px;}
.joinshowtxt p{ position: relative; margin: 10px 0px; color: #666}


.joincon li img{width: 15px; margin-right: 10px;}
.joincon li{display: inline-block; padding-left: 30px; margin-right: 20px;}
.joincon li:nth-child(1){background: url("../images/fico00.svg") no-repeat left 7px; background-size: 15px auto}
.joincon li:nth-child(2){background: url("../images/fico01.svg") no-repeat left 7px; background-size: 15px auto}
.joincon li:nth-child(3){background: url("../images/fico02.svg") no-repeat left 7px; background-size: 15px auto}
.joincon li:nth-child(4){background: url("../images/fico03.svg") no-repeat left 7px; background-size: 15px auto}

.contlist li{width: calc(50% - 80px); float: left; margin-left: 80px; border-top: 1px solid #cccccc; padding: 20px 0px; margin-bottom: 30px; font-size: 22px; position: relative}

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

.contlist li span{width: 210px; font-weight: bold;}
.contlist li p{width: calc(100% - 220px);font-family: 'AvertaStdRegular';}
.contlist li:before{content: ''; width:0px; height: 1px; top: -1px; left: 0px; background: #00abc7; position: absolute;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.contlist li:hover:before{width: 100%}



.mapboxs{ position:relative; margin:4% auto}

.maptxst{ width:90%; transform:translate(-50%,0); bottom:30px; position:absolute; left:50%; z-index:999}

.maptxst li{ background:#fff; width:27%; cursor: pointer;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.5s all; height:120px;overflow: hidden; display: block}
.maptxst li.cur{ width:45%;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.maptxst li.cur .diqu{ width:30%; color:#fff;  background: url("../images/dizs2.png") no-repeat -20px -20px #00abc7}

.maptxst li.cur .diqu p em{color:#fff;}
.maptxst li.cur .dizhi{ width:65%; opacity: 1;transform: translateY(0%) }




.diqu{ height: 120px;width: 100%; background: url("../images/dizs.png") no-repeat -20px -20px;}
.diqu p{ font-weight: bold; font-size: 18px; line-height: 1.4; width: 70%}


.dizhi{ line-height:1.6;overflow: hidden; width: 65%; 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;transform: translateY(50%) }
.dizhi p span{ font-weight:bold; width: 70px}
.dizhi p em{width: calc(100% - 80px); text-align: left}
.lMap{ display: none}
.lMap:first-child{display: block}
.lMap img.hide{display: none}
.lMap.cur img.show{display: none}
.lMap.cur img.hide{display: block}
 
.dzbtn.kuan{width: 190px; height: 60px; font-weight: bold; font-size: 20px;}


.dibuconboxs.dibuwenziboxs h3{font-size: 32px;}

.hytxtleft{width: 50%}
.hytxtleft .nytit h2{line-height: 1.4; font-size: 30px}
.hytxtright{width: 42.5%;}

.hytxtright .swiper{ border-radius: 10px;}


.hytxtwen{line-height: 2; color: #444444}
.hytxtwen p{padding: 10px 0;}

.hangyeboxs .syservicebox .swiper-slide{background: #f7f8fa}

.hangyecasebox .swiper-slide{border-radius: 10px; overflow: hidden}

.hangyecasebox .swiper-slide a:hover .morebtn{visibility: visible; opacity: 1; margin-top:20px; height: 42px;}
.hangyecasebox .swiper-slide a:hover .gctxts{bottom: 30px}
.hangyecasebox .swiper-slide a{display: block; position: relative;}
.hangyecasebox .swiper-slide a:after{content: '';
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7));
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;}

.hangyecasebox .swiper-slide a:before{content: ''; background: rgba(2,167,221,0.7); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; 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;}

.hangyecasebox .swiper-slide a:hover:before{opacity: 1}

.huoban ul{width: calc(100% + 25px); margin-left:-25px;margin-top: 20px;}
.huoban li{width: calc(20% - 27px); float: left; border: 1px solid #e6e6e6; margin-left: 25px;}

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

.fangantxtright{width: 42.5%;border-radius: 10px; overflow: hidden}


.gongyixs img{max-width:80%}
.gongyitedian ul{width: calc(100% + 80px); margin-left: -80px; }
.gongyitedian li{width: calc(33.33% - 80px); float: left; margin-left: 80px; border-radius: 6px; background: url("../images/gy01.png") no-repeat center center #f5f9fc; background-size:100% 100%; margin-top:80px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;cursor: pointer}

.gongyitedian li span{display:block; text-align: right;font-size: 72px; color: rgba(0,142,166,0.1); font-weight: bold; line-height: 1; padding: 10px 20px;}

.gytxst{padding: 0px 40px; padding-bottom: 30px;}
.gytxst h3{font-size: 30px; margin-bottom: 10px} 
.gytxst p{color: #666666; min-height: 60px; line-height: 30px;}

.gongyitedian li:hover{background: url("../images/gy02.png") no-repeat center center #00abc8; color: #fff }

.gongyitedian li:hover span{color: rgba(255,255,255,0.1);}
.gongyitedian li:hover p{color: #ffffff}

.protit{padding-bottom: 0px;}
.protit ul{display: block; overflow: hidden;width: calc(100% + 50px); margin-left: -50px;}
.protit.newstits li{display: flex;width:auto;}

.protit.newstits ul{display: flex}
.protit li a{font-size: 34px; font-weight: bold;position: relative; line-height: 1; color:rgba(68,68,68,0.5)}
.protit li.cur a:before{content: ''; width: 100%; height: 10px; background: #00abc7; position: absolute; left: 0px; bottom: 0px; z-index:0}
.protit li.cur a em{position: relative; z-index: 1; color: #444444}

.protit li{margin-left:50px; float: left; width: calc(50% - 50px);margin-bottom: 30px;}


.protit li:hover a:before{content: ''; width: 100%; height: 10px; background: #00abc7; position: absolute; left: 0px; bottom: 0px; z-index:0}
.protit li:hover a em{position: relative; z-index: 1; color: #444444}



.productboxs .swiper-slide{background: #f7f8fa; border-radius: 6px; overflow: hidden}
.nyprotxt{ padding:20px 40px 30px;}

.nyprotxt p{font-size: 20px; margin-bottom: 20px; line-height: 26px; height: 52px;-webkit-line-clamp:2;
    line-clamp:2; }

.proshownav{width:calc(30% - 40px); padding-right: 40px; overflow-y:scroll; min-height: 500px;}
.proshownav::-webkit-scrollbar {width:3px;}
.proshownav::-webkit-scrollbar-track {background:#e5e5e5;}
.proshownav::-webkit-scrollbar-thumb {background:#0eafc9;}

.proshownav li{border: 1px solid #e6e6e6; border-radius: 60px; text-align: center; font-size:16px; font-weight: bold; padding: 10px; margin-bottom:40px; 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; line-height: 1.4}
.proshownav li.cur{background: #00abc7; color: #fff; border: 1px solid #00abc7}
.proshownav li:last-child{margin-bottom: 0px;}
.proshowright{width: 66%}

.proshowpic{width: 46%; border-radius: 10px;overflow: hidden}

.proshowtxt{width: 50%;}
.proshowtxt h2{font-size: 30px; margin-bottom: 20px;}
.proshowtxt p{color: #444444; line-height: 2.2}

.proshowright > ul > li{display: none;}
.proshowright > ul > li:first-child{display: block}

.mt120{margin-top:120px}


.projectnav{position: relative}
.projectnav .swiper-pagination{bottom:0px; top:auto; width:calc(100% - 120px); height: 2px; background: #e5e5e5; left: 60px;}
.projectnav .swiper-pagination-progressbar{border-radius: 6px; height:2px; background: #e5e5e5; overflow: hidden; z-index:1  }

.projectnav .swiper-pagination-progressbar-fill{background: #00abc7; height: 6px;  top:0px;}

.projectico{height: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;}
.projectico img{max-height: 100%}

.projectnav a{display: block; color: #444444; padding-top: 5px; }
.projectnav p{text-align: center; font-size: 20px;font-weight: bold;margin-top:20px; line-height: 1.4}
.projectnav a:hover{ color: #00abc7; }

.projectnav .swiper-slide.cur p{ color: #00abc7; }
.projectnav a:hover .projectico{transform: translateY(-5px);}


.projectnav .newqiehuan{width: 100px; position: absolute; left:0%; bottom:0px;}

.projectnav .swiper-button-next{width: 40px;height: 40px; bottom: 0px; top: auto; border-radius:100%; border: 1px solid #cccccc; right: 0px; margin: 0; bottom: -20px;}
.projectnav .swiper-button-prev{width: 40px;height: 40px; bottom: 0px; top: auto; border-radius:100%; border: 1px solid #cccccc; left: 0px;margin: 0; bottom: -20px;}
.projectnav .swiper-button-prev:hover,.projectnav .swiper-button-next:hover{ border: 1px solid #00abc7;}
.projectnav .swiper-button-next:after, .projectnav .swiper-button-prev:after{color: #cccccc; font-size: 20px;}
.projectnav .swiper-button-next:hover:after, .projectnav .swiper-button-prev:hover:after{color: #00abc7;}





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

.projectcanshubox{ line-height: 2.4}
.projectcanshubox p{padding: 10px 0px;}

.touzibjs{background: url("../images/yzzbj.jpg") no-repeat center center; background-size: cover}
.touzizhetxt{font-size: 18px; line-height: 2.4}
.touzizhetxt p{padding: 10px 0px;}


.downloadbox ul{width:calc(100% + 100px); margin-left:-100px}
.downloadbox li{width:calc(50% - 100px); float: left;margin: 17px 0px; margin-left: 100px; position: relative}
.downloadbox li:before{content: ''; width: 11px; height: 11px; background: #c8c8c8; border-radius: 100%; position: fixed; left: 0px; top: 50%; transform: translate(0,-50%); position: absolute}
.downloadbox li span{font-size: 24px; color: #666666;font-family: 'AvertaBold'; font-size: 24px; width:100px; text-align: center}

.downloadbox li a{line-height: 68px; height: 68px; background:url("../images/downloadico.svg") no-repeat 95% center #ebf8fa;background-size: 20px auto; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical; width: calc(100% - 150px); font-size: 22px; padding-left: 30px;}


.baogaoboxs ul{width:calc(100% + 100px); margin-left:-100px}
.baogaoboxs li{width:calc(50% - 100px); float: left;margin-left: 100px; border-top: 1px solid #e3e3e3; padding: 30px 0px;}

.bgtime{width: 72px; background: #ebf8fa; text-align: center; padding:10px 0px; line-height: 1.4}
.bgtime p{font-size: 30px;font-family: 'AvertaBold'; text-align: center}
.bgtime span{color: #666666; font-size: 14px;font-family: 'AvertaStdRegular'; display: block}

.baogaoboxs li>p{width: calc(100% - 120px); font-size: 22px;}

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

.downboxs{display: none}
.downboxs:first-child{display: block}


.dingwei{position: relative}

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


.zhengquanbox{background: url("../images/zhengquanbj.jpg") no-repeat center center; background: url("../images/zhengquanbj.jpg") no-repeat center center;background-size: cover; color: #fff; padding:5%;font-family: 'AvertaBold';}

.zhengleft p{font-size: 24px; line-height: 1}

.zhengleft h2{color: #d81515; margin: 10px 0px;}

.zhengleft h2 span{font-size: 60px;}
.zhengleft p i{color: #d81515; padding-left: 20px;}
.zhengleft{border-right: 1px solid rgba(255,255,255,0.3); padding-right: 70px;}

.zhengright {width: calc(100% - 350px)}
.zhengright li p{font-size: 24px;}
.zhengright li span{font-size: 42px;}

.zhengleft h2 em{position: relative; margin-left: 30px;}
.zhengleft h2 em:before{content: '';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #d81515; position: absolute; left: 50%; top: -20px; transform: translate(-50%,0)}

.zhengleft.cur  h2{ color: #239f43}
.zhengleft.cur  p i{color: #239f43;}

.zhengleft.cur h2 em:before{border-bottom:10px solid transparent;border-top:10px solid #239f43;}




.nynewsboxs ul{width:calc(100% + 80px); margin-left:-80px}
.nynewsboxs li{width:calc(33.33% - 80px); float: left;margin: 45px 0px; margin-left: 80px;border-bottom: 1px solid #d9d9d9}
.nynewsboxs li a{display: block}
.nynewsboxs li .fangdapic{border-radius: 4px;}

.newstxts{padding: 30px;}

.newstxts p{font-size: 22px; line-height: 32px; height: 64px; margin-bottom: 20px;}
.newstxts span{color: #999999; display: block}

.page a{width: 35px; height: 35px; border-radius: 100%; text-align: center; line-height: 35px; border: 1px solid rgba(0,0,0,0.2); margin: 0px 3px; color: #666666; font-family: arial}
.page a:hover{background: #00abc7; border: 1px solid #00abc7; color: #ffffff;}
.page a em{width: 35px; height: 35px; border-radius: 100%; display: block}
.page a.cur{color: #00abc8;}
.pageprev em{background: url("../images/prev01.png") no-repeat center center; background-size: 10px auto}
.pageprev em:hover{background: url("../images/prev02.png") no-repeat center center; background-size: 10px auto}

.pagenext em{background: url("../images/next01.png") no-repeat center center; background-size: 10px auto}
.pagenext em:hover{background: url("../images/next02.png") no-repeat center center; background-size: 10px auto; transition: none}


.newsshowbox{ padding-left: 5%; padding-right: 5%; max-width: 1200px; margin: 0 auto}


.newtit{border-bottom: 1px solid #d9d9d9; padding: 20px 0px;}
.newtit h1{font-size: 36px; line-height: 1.4; margin-bottom:20px;}
.newtit p{color: #999999;font-family: 'AvertaStdRegular'; }

.newsshowhezitxt {line-height:2; padding:30px 0px; color: #666666}
.newsshowhezitxt img{display: inline-block}
.updowns{border-top: 1px solid #d9d9d9; padding: 20px 0px; margin-top: 20px;}
.updowns a{max-width: 45%}

.xianguanfangan>h2{font-size: 32px;}


.xianguanfangan ul{width:calc(100% + 40px); margin-left:-40px}
.xianguanfangan .swiper-slide{background: #f7f8fa;position: relative; overflow: hidden}
.xianguanfangan .swiper-slide .syhangyetxt {padding:70px 50px 0px;}

.xianguanfangan .swiper-slide .syhytxt p{font-size: 22px; text-align: left; line-height: 1.4;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}



.xianguanfangan .swiper-slide a:hover .hymore{right: 0px; bottom: 0px; opacity: 1}
.xianguanfangan .swiper-slide a:hover .fugaiquan{top:5%}


.xianguancase>h2{font-size: 32px;}

.xianguancase .swiper-slide{position: relative;border-radius: 10px; overflow: hidden}
.xianguancase .swiper-slide a:hover .morebtn{visibility: visible; opacity: 1; margin-top:20px; height: 42px;}
.xianguancase .swiper-slide a:hover .gctxts{bottom: 30px}
.xianguancase .swiper-slide a{display: block; position: relative;}


.xianguancase .swiper-slide a:before{content: ''; background: rgba(2,167,221,0.7); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; 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;}

.xianguancase .swiper-slide a:hover:before{opacity: 1}


.nydownload ul{width:calc(100% + 80px); margin-left:-80px}
.nydownload li{width:calc(33.33% - 80px); float: left;margin:35px 0px; margin-left: 80px;border-bottom: 1px solid #d9d9d9; }

.downico{height: 185px; background: #f5f5f5; border-top-left-radius: 4px; border-top-right-radius: 4px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.downico img{width: 70px;}
.downico img.hide{display: none}
.nydownload li p{height: 60px; line-height: 60px; padding: 0px 30px; font-size: 20px; background: #ebebeb; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.yulan{width: 88px; height: 32px; text-align: center; line-height: 32px; background: #e5f6f9; border-radius: 32px; color: #00abc7; margin-right: 15px;}
.yulan:hover{background: #00abc7; color: #fff}

.nydownload li div.zuo{padding: 30px;}

.xiazai{width: 88px; height: 32px; text-align: center; line-height: 32px; background: #00abc7; border-radius: 32px; color: #ffffff; margin-right: 15px;}
.xiazai:hover{background: #e5f6f9; color: #00abc7}

.nydownload li:hover .downico{background: #00abc7}
.nydownload li:hover p{background: #009ab3; color: #fff}

.nydownload li:hover .downico img.show{display: none}
.nydownload li:hover .downico img.hide{display:block}

.dingzhibox{background: #fff; padding: 60px 8%; margin-top:-25%; position: relative; z-index: 2; box-shadow: 0px 0px 30px rgba(0,0,0,0.05)}
.dingzhitit{margin-bottom: 60px;}
.dingzhitit ul{position: relative; padding:0 3%}
.dingzhitit ul:before{content: ''; width: 100%; top: 33px; border-top: 1px dashed #cccccc; position: absolute; left: 0px; z-index: 0}
.dingzhitit li span{ width: 30px; height: 50px; display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between;margin: 0 auto;background: #fff }
.dingzhitit li{position: relative; z-index: 2}
.dingzhitit li span em{width: 28px; height: 28px; border-radius: 100%; border: 2px solid #cccccc; text-align: center; line-height: 28px; color: #cccccc; display: block; font-family: arial; font-size: 18px; font-weight: bold; }

.dingzhitit li.cur span{background: url("../images/sd.jpg") no-repeat center center; background-size:auto  100%; }

.dingzhitit li.cur span em{border: none; color: #00abc8}

.dingzhitit li p{color: #999999; margin-top: 10px; font-weight: bold; font-size: 26px;}
.dingzhitit li.cur p{color: #222222}

.dingzhitit li.cur2 span{background: url("../images/sd2.png") no-repeat center center; background-size:auto  100%; }

.dingzhitit li.cur2 span em{display: none}

.dingzhitit li.cur2 p{color: #222222}




.lansebtn{width:190px; height: 46px; text-align: center; line-height: 46px; background: #00abc7; border-radius: 32px; color: #ffffff; margin-right: 15px; border: 1px solid #00abc7; font-size: 20px;}
.lansebtn:hover{background: #fff; color: #00abc7}


.lansebtntwo{width:190px; height: 46px; text-align: center; line-height: 46px; background: #fff; border-radius: 32px; color: #00abc7; margin-right: 15px; border: 1px solid #00abc7; font-size: 20px;}
.lansebtntwo:hover{background: #00abc7; color: #ffffff}



.dzpart01 ul{width:calc(100% + 20px); margin-left:-20px}
.dzpart01 li{width:calc(25% - 20px); float: left;margin-bottom:30px; margin-left: 20px; position: relative; border-radius: 10px; overflow: hidden; cursor: pointer}

.dzpart01 li:before{width: 100%; height: 40%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); content: ''; position: absolute; left: 0px; bottom: 0px; z-index: 2}

.dzpart01 li p{color: #fff; font-size:22px;font-weight: bold;position: absolute; left: 5%; width: 90%; z-index: 4; bottom:10px;}
.dzpart01 li:after{background: rgba(0,171,200,0.7); position: absolute; left: 0px; top: 0px; content: ''; width: 100%; height: 100%; 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;}

.dzpart01 li.cur:after{opacity:1} 

.dzpart01 li.cur em{position: absolute; width: 30px; height: 30px; background: url("../images/duigou.png") no-repeat center center; background-size: 100%; right: 20px; top: 20px; z-index: 9}


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


.dingzhihezi{display: none}
.dingzhihezi:first-child{display: block}

.gyxuantit li{width: calc(50% - 2px); border: 1px solid #e3e3e3; text-align: center; padding: 40px 0px; cursor: pointer;position: relative}
.gyico{height: 70px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.gyico img{max-height: 100%;}
.gyico img.hide{display: none}

.gyxuantit li p{text-align: center; font-size: 24px; font-weight: bold; margin-top: 20px;}
.gyxuantit li.cur{border: 1px solid #00abc8;background: #00abc8}
.gyxuantit li.cur p{color: #fff}
.gyxuantit li.cur .gyico img.hide{display:block}
.gyxuantit li.cur .gyico img.show{display: none}
.gyxuantit li.cur:before{content: ''; position: absolute; left: 50%; bottom: -30px;width: 0px;height: 0px;
border:15px solid transparent;border-top-color:#00abc8; transform: translate(-50%,0)}

.gyxuantit li:first-child{border-right: none}


.gyyhbox{margin-top: 70px;}
.gyyhbox li{width:25%; float: left; text-align: center; padding: 40px 0px; position: relative; cursor: pointer}
.gyyhbox ul{border: 1px solid #00abc8}
.gyyhbox li img{width: 40px; display: inline-block}
.gyyhbox li p{text-align: center; font-size: 24px; font-weight: bold; margin-top:10px;}

.gyyhbox li.cur{background: #e5f6f9; color: #00abc8}

.gyyhbox li:before{background: #e5e5e5; content: ''; width: 1px; position: absolute; top: 50%; left: 0px; transform: translate(0,-50%); height: 50%}



.gyyhhangye div.juzhong{min-height:200px; max-width: 490px; margin: 0 auto}

.gyyhhangye p{font-size: 20px; margin-right: 10px}
.gyyhhangye p em{color: #ff0000}

.gyyhhangye select{width:100%;border: 1px solid #dfe3e8; padding: 0px 15px; background: url("../images/selectxia.png") no-repeat 95% center; background-size: 10px auto; height:50px; font-size: 18px;}


.gyxuanbox{display: none}
/*.gyxuanbox:first-child{display: block}*/


.radio{ position:relative; border:1px solid #00abc8; width:22px; height:22px;-webkit-appearance:none; border-radius:22px; margin-top:0px; margin-right:10px; overflow:hidden;}
.radio:checked{border:1px solid #00abc8; background: #00abc8}
.radio:checked:before{  background:url("../images/dui.png") no-repeat center center;background-size:100% auto;content:""; position:absolute; left:50%; top:50%;width:12px; height:12px;transform:translate(-50%,-50%)}


.dzpart03 dl{width: calc(50% - 32px); display: none;margin-left:30px; float: left;margin-bottom: 20px;border: 1px solid #e3e3e3; }
.dzpart03 dl dt{height: 100px; background: #f7f8fa; font-size: 20px; font-weight: bold; text-align: center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; padding: 0px 20px; line-height: 1.2}

.dzpart03 dl dd{padding:30px 46px; height: calc(100% - 162px)}
.dzpart03 dl dd label{padding: 10px 0px; font-size: 18px;cursor: pointer;}

.dzpart03 dl dd label p{width: calc(100% - 35px)}

.dzpart03 dl:first-child{display: block;}




.dzpart03 div.shangzuo{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;width: calc(100% + 30px); margin-left: -30px;overflow: hidden}





.wenbenk{width:calc(100% - 30px);border: 1px solid #dfe3e8; padding: 0px 15px; height:50px; font-size: 18px; }

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

.biandans{max-width:540px; margin: 100px auto}

.biandans li{margin: 20px 0px;}
.biandans li p{width: 150px; text-align: right; font-size: 18px;}
.biandans li p em{color: #ff0000}
.bianright{width: calc(100% - 160px); position: relative}

.city-picker-span{white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.xuqiuhuigu>h2{font-size: 30px; text-align: center}
.xuqiuhuigu ul{width:calc(100% + 80px); margin-left:-80px}
.xuqiuhuigu li{width:calc(50% - 83px); float: left;margin-top: 50px; margin-left: 80px; position: relative; overflow: hidden; cursor: pointer; border: 1px solid #e3e3e3; padding-bottom: 10px;}

.xuqiuhuigu li h2{font-size: 24px; background: #f7f8fa; padding:15px 30px; margin-bottom: 10px;}

.xuqiuhuigu li h2 em:first-child{margin-right: 30px;}

.xuqiuhuigu li p{ padding:10px 30px;}
.xuqiuhuigu li p em{font-size: 20px; font-weight: bold}

.tixs{text-align: center; position: relative; width: 80%; margin: 0 auto;}
.tixs:before{border-top: 1px dashed #cccccc;content: ''; position: absolute; left: 0px; top: 50%; height: 1px; width: 100%; z-index: 1}
.tixs h2{font-size: 30px; display: inline-block; padding: 0px 20px; background: #fff;position: relative; z-index: 2}

.jibxinxz h2{text-align: center; font-size: 36px; margin-top: 40px;}

.jibxinxz .biandans{margin: 20px auto;}


.tijiaocg{text-align: center}
.tijiaocg p{font-size: 40px; text-align: center; font-weight: bold}
.tijiaocg span{font-size: 24px;}
.tijiaocg img{width: 100px; display: inline-block;}


.lansttops li{width:47%; background: #f7f8fa}

.lansttops li .syhangyetxt{padding: 50px 100px; padding-bottom: 0px;}


.lianxgsf{text-align: center; padding: 10%;}
.lianxgsf p{text-align:center; font-size: 18px; line-height: 2}
.lianxgsf h2{font-size: 30px; padding: 30px 0px;}

.erwemsf{width: 80%; margin: 0 auto; margin-top:10%}
.erwemsf span{width: 45%}

.lansbots{margin-top: 65px;}
.lansbots li{border-radius: 10px; overflow: hidden;width:47%; }
.lansbots li a:hover .morebtn{visibility: visible; opacity: 1; margin-top:20px; height: 42px;}
.lansbots li a:hover .gctxts{bottom: 30px}
.lansbots li a{display: block; position: relative;}


.lansbots li a:before{content: ''; background: rgba(2,167,221,0.7); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; 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;}

.lansbots li a:hover:before{opacity: 1}

.wapgongchengbox{display: none}




.sitemapbox dt{font-weight: bold; width: 100px;  padding: 21px 0px; text-align: right;}

.sitemapbox dd{width: calc(100% - 160px); border-left: 1px dashed #e0e3e4;padding: 15px 0px;position: relative; padding-left: 20px}
.sitemapbox dd:before{width:5px; height: 5px;border-radius: 100%;border: 3px solid #00abc8; content:''; position: absolute; left: -6px; top: 50%;transform: translate(0,-50%)}


.sitemapbox dd a{ padding: 6px 15px; border: 1px solid #cccccc; display: inline-block; border-radius: 5px; color: #666; margin-left: 15px;}


.sitemapbox dd a:hover{background: #00abc8; color: #fff;border: 1px solid #00abc8;}



.notfound{ color:#666666; position:absolute; width:980px; left:50%; margin-left:-490px; margin-top:-181px; top:50%; text-align:center; font-size:20px; line-height:31px;}
.notfound .face{ width:250px; margin:0px auto 15px auto;}
.notfound .face img{width:100%;}
.notfound h1{ font-size:36px; font-weight:normal; color:#010101; line-height:80px;}
.notfound a.back{ text-align:center; font-size:18px; color:#fff; background-color:#a5a5a5; display:block; width:150px; line-height:40px; margin:31px auto 0px;}
.notfound a:hover.back{background: #00abc8; }



.wapnone{display: none}




.maptxst li.mapimg{height: auto; display: none}


.reportbox.downloadbox li {width: calc(100% - 100px);}
.dzpart01 h2{margin-bottom:40px; font-size: 18px;}


.videobtn{margin-bottom: 10px;}
.videobtn a{width:60px; height:60px; border: 1px solid #333; border-radius: 100%; display: block;background:url("../images/v.svg") no-repeat center center; background-size: 30% auto;}

.videobtn a:hover{background:url("../images/v2.svg") no-repeat center center #00abc8; background-size: 30% auto;border: 1px solid #00abc8}


.videotanchu{background: rgba(0,0,0,0.6); 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%}
.videotanchubox h2{color: #fff; font-size: 20px; font-weight: normal; text-align: center; padding-bottom: 20px;}
.videobox{position: relative}
.guanbi{width: 30px; height:30px; position: absolute; right:-40px; top:-40px; z-index: 999}


@media screen and (max-width:920px)
	
{
	.videobtn a{width:40px; height:40px;}
	.guanbi{right: 0}
}




.select {position:relative;display:block;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; width: 100%;}
.select .placeholder {height:48px; width:calc(100% - 24px); border: 1px solid #dfe3e8; padding: 0px 10px;cursor: pointer; display: block; line-height: 48px;}



.select .placeholder:after {position:absolute;right:1em;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/down.png") no-repeat center center; content: ""; width: 14px; height:8px; background-size: 100% auto}
.select.is-open .placeholder:after {background: url("../images/down.png") no-repeat center center;background-size: 100% auto}
.select.is-open ul {display:block; border: 1px solid #e5e5e5}
.select.select--white .placeholder {background:#fff;color:#999;}
.select.select--white .placeholder:hover {background:#fafafa;}
.select ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;border-radius:5px;top:100%;left:0;padding:0;z-index:100;max-height: 210px;overflow-y: scroll;}
.select ul li {display:block;text-align:left; padding: 10px 15px;cursor:pointer; margin: 0px;}
.select ul li:hover {background:#00abc8;color:#fff;}


.select ul::-webkit-scrollbar
{
    width:6px;
    height:6px;
    background-color: #F5F5F5;
}

.select ul::-webkit-scrollbar-track
{
 
    border-radius:6px;
    background-color: #F5F5F5;
}
 

.select ul::-webkit-scrollbar-thumb
{
    border-radius:6px;
    background-color: #ccc;
}

.intl-tel-input{width: 100%}

.intl-tel-input.inside input[type="text"], .intl-tel-input.inside input[type="tel"]{width: 100%}


.guojiaxuan li{display: none}

.guojiaxuan li:first-child{display: flex}
.guojiaxuan li.show{display: flex}



blockquote{
      margin-left: 1.5rem;
    padding-left: 1rem;
    border-left: 2px solid rgb(204, 204, 204);
}

.proshowtxt ol{
  list-style: auto;
}
.zuo .newinput{
  width: calc(100% - 20px);
    border: 1px solid #ddd;
    height: 42px;
    padding: 0px 10px;
}