@charset "utf-8";
@font-face {
  font-family: "RobotoRegular";
  src: url("../fonts/RobotoRegular.woff2") format("woff2"),
       url("../fonts/RobotoRegular.woff") format("woff"),
       url("../fonts/RobotoRegular.ttf") format("truetype"),
       url("../fonts/RobotoRegular.eot") format("embedded-opentype"),
       url("../fonts/RobotoRegular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoLight10";
  src: url("../fonts/RobotoLight10.woff2") format("woff2"),
       url("../fonts/RobotoLight10.woff") format("woff"),
       url("../fonts/RobotoLight10.ttf") format("truetype"),
       url("../fonts/RobotoLight10.eot") format("embedded-opentype"),
       url("../fonts/RobotoLight10.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Black-1";
  src: url("../fonts/Roboto-Black-1.woff") format("woff"),
       url("../fonts/Roboto-Black-1.ttf") format("truetype"),
       url("../fonts/Roboto-Black-1.eot") format("embedded-opentype"),
       url("../fonts/Roboto-Black-1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body{padding: 0;margin: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;background: #fff;-webkit-font-smoothing: antialiased;}
html,body{scroll-behavior:smooth;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #2e2e2e;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;}
/*常用宽度*/
.w1365{position: relative;width: 90%;margin: 0 auto;max-width: 1365px;}
img,em,i,span{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
/*左右浮动*/
.fl{float: left;}
.fr{float: right;}
*:focus{outline: none;}
/*动画*/
.ani400{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; }
.ani300{-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; }
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
.fz180{font-size: 180px;}
.fz40{font-size: 40px;}
.fz34{font-size: 34px;}
.fz36{font-size: 36px;}
.fz60{font-size: 60px;}
.fz45{font-size: 45px;}
.fz35{font-size: 35px;}
.fz32{font-size: 32px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz24{font-size: 24px;}
.fz22{font-size: 22px;}
.fz18{font-size: 18px;}
.fz16{font-size: 16px;}
.fz15{font-size: 15px;}
.fz14{font-size: 14px;}
.fz20{font-size: 20px;}
.fz50{font-size: 50px;}
.fz25{font-size: 25px;}
.fontF{font-family: "RobotoRegular";}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.TXTovehid-five{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.block{display: block;}
.poHiiden{position: relative;overflow: hidden;}
::-webkit-input-placeholder {color: #999;  }
/*箭头*/
.dmui-arrow{position: relative;display: inline-block;vertical-align: top;width: 16px;height: 16px;color: #666;cursor: pointer;}
.dmui-arrow:before{content: "";position: absolute;left: 50%;top: 50%;width: 30%;height: 30%;border: 1px solid transparent;border-left-color: currentColor;border-top-color: currentColor;}
.dmui-arrow.left:before{transform: translate(-30%,-50%) rotate(-45deg);}
.dmui-arrow.right:before{transform: translate(-70%,-50%) rotate(135deg);}
.dmui-arrow.top:before{transform: translate(-50%,-20%) rotate(45deg);}
.dmui-arrow.bottom:before{transform: translate(-50%,-80%) rotate(-135deg);}
/*下拉select*/
.dmui-select{z-index: 1;position: relative;width: 22%;margin-right: 15px;}
.dmui-select .name{position: relative;box-sizing: border-box;height: 40px;padding: 0 50px 0 23px;background-color: none;color: rgba(255,255,255,0.6);line-height: 40px;cursor: pointer;user-select: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 40px;border: 1px solid rgba(255,255,255,0.5);font-size: 14px;border-radius: 25px;}
.dmui-select .name:after{content: "";position: absolute;right: 12px;top: 50%;width: 6px;height: 6px;border-right: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5);transform: rotate(45deg) translate(-50%,-50%);}
.dmui-select .list{display: none;position: absolute;left: 0;width: 100%;max-height: 150px;background-color: #fff;overflow-y: auto;box-shadow: 0 0 6px rgba(0,0,0,.2);overscroll-behavior: contain;}
.dmui-select .list li a{display: block;padding: 10px;border: 1px solid #eee;border-bottom: 0;font-size: 12px;line-height: 16px;transition: 0.3s;color: #333;}
.dmui-select .list li a:hover{background-color: #dd0001;color: #fff;}
/*弹窗*/
.popup-search-wrap,.popup-search-wrap2{position: absolute;left: 50%;top: 50%;width: 80%;transform: translate(-50%,-50%);overflow: hidden;}
.popup-search-wrap .text-input{width: 100%;height: 40px;padding: 0 50px 0 10px;border: 1px solid #eee;box-sizing: border-box;border-radius: 10px;}
.popup-search-wrap .sub-btn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: #F39900 url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=") center no-repeat;background-size: 20px 20px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
/* 底部统一 */

/* 手机导航按钮 */
.menuLine{display: none;width: 25px;float: right;margin-left: 10px;}
.menuLine span{display: block;width: 100%;height: 2px;background: #009cab;border-radius: 2px;animation: navBtn 2s infinite ease;}
.menuLine span:nth-child(2){margin: 6px 0;animation-delay: 0.5s;}
.menuLine span:nth-child(3){animation-delay: 1.0s;}
@keyframes navBtn{
  50%{width: 60%;}
  100%{width: 100%;}
}

/* 滚动条自定义 */
.overscroll{overflow-y: auto;}
.overscroll::-webkit-scrollbar  {width: 3px;  background-color: #fff;  }  
/*定义滚动条轨道 内阴影+圆角*/  
.overscroll::-webkit-scrollbar-track{background-color: #E4E4E4;  }  
/*定义滑块 内阴影+圆角*/  
.overscroll::-webkit-scrollbar-thumb{background-color: #516598;  }  
.padding60{padding: 60px 0;}
.padding40{padding: 40px 0;}
.padding75{padding: 75px 0;}
.padding30{padding: 30px 0;}
/* flex布局 */
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexbetween{display: flex;justify-content: space-between;align-items: center;}
/* 翻页 */
.page{text-align: center;padding: 60px 0;}
.page a,.page span{text-align: center;width: 36px;height: 36px;line-height: 36px;color: #1f1f1f;border: 1px solid #d8d8d8;display: inline-block;margin: 0 3px;}
.page a.btn{width: 76px;}
.page a.on,.page a:hover{background: #009cab;color: #fff;border-color: #009cab;}
.page span{width: 60px;}
.page input{width: 36px;border: 1px solid #d8d8d8;height: 36px;margin-right: 5px;background: none;text-align: center;}
/* 反白和加粗 */
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.filter60{filter: brightness(0) invert(0.6);}
.textAll{line-height: 2;color: #333;}
/* 头部公用 */
header .w1365{height: 126px;}
header .phone{line-height: 2.1;color: #009cab;}
header .phone li{margin-left: 14px;position: relative;z-index: 4;cursor: pointer;}
header .phone li span{position: absolute;width: 100px;left: 0;top: 34px;transform: scaleY(0);}
header .phone li span img{width: 100%;}
header .phone li:hover span {transform: scaleY(1);}
header .phone li em img{width: 21px;margin-right: 10px;}
header .search {margin-left: 20px;justify-content: flex-end;border: 1px solid #dedede;border-radius: 25px;width: 363px;float: right;}
header .search input[type=text]{width: calc(100% - 68px);height: 44px;border-top-left-radius: 25px;border-bottom-left-radius: 25px;text-indent: 20px;}
header .search input[type=submit]{background-image: url(../images/sear.svg);background-position: center;background-repeat: no-repeat; background-size: 20px; width: 68px;height: 44px;border-radius: 25px;transition: 0.3s;}

.navBox{background: #009cab;position: sticky;top: 0;z-index: 3;}
.nav-1st{white-space: nowrap;display: flex;}
.nav-1st > li{position: relative;display: inline-block;vertical-align: top;flex: 1;text-align: center;}
.nav-1st > li:first-child,.foobottom .item:first-child,.foobottom .item3 a:first-child{margin-left: 0;}
.nav-1st > li:last-child{margin-right: 0;}
.nav-1st > li > a{position: relative;display: block;font-size: 18px;line-height: 60px;color: #fff;transition: 0.3s;z-index: 2;}
.nav-1st > li:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;background-color: #008c9a;transform: scaleX(0);transition: 0.5s;}
.nav-1st > li:hover:after{transform: scaleX(1);}
.nav-1st > li.on:after{transform: scaleX(1);}
.nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100%;width: 100%;min-width: 140px;padding: 8px 0;background-color:#008c9a;border-radius: 4px;transform: translateX(-50%);}
.nav-2nd > li{position: relative;}
.nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;color: #fff;white-space: pre-wrap;}
.nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s;}
.nav-2nd > li > a:hover{background-color: #009cab;}
.nav-2nd > li > a:hover:before{top: 0;height: 100%;}

/* 底部 */
footer{background-image: url(../images/footerbg.jpg);padding: 8px 0 0;}
footer .footnav .left{width: calc(100% - 200px);margin-right: 79px;}
.footnav{justify-content: space-between;align-items: center;}
.footnav .ewm img{width: 120px;}
.footnav .ewm p{line-height: 32px;color: #fff;text-align: center;}
.foo_nav{border-bottom: 1px solid rgba(255,255,255,0.3);}
.foo_nav a{margin-left: 30px;color: #fff;line-height: 78px;}
.foo_nav a:first-child{margin-left: 0;}
.foobottom{color: #fff;}
.foobottom .item{margin-left: 80px;}
.foobottom .item3 a {color: #fff;width: 170px;height: 50px;background: rgba(0,0,0,0.2);	border-radius: 5px;margin-left: 18px;}
.foobottom .item3 a i img{width: 20px;filter: brightness(0) invert(1);margin-right: 10px;}
.foobottom .item3 a:hover{background: rgba(0,0,0,0.4);}
.foobottom .item1{padding-top: 35px;}
.foobottom .item1 p{font-family: "Roboto-Black-1";margin-top: 10px;color: #ffed73;}
.foobottom .item1 h6 img{width: 20px;filter: brightness(0) invert(1);margin-right: 10px;}
.foobottom .item2{line-height: 40px;padding-top: 25px;}
.foobottom .item3{padding: 40px 0;}
.footbg{background: rgba(0,0,0,0.29);color: #fff;}
.footbg .copyright{line-height: 74px;}
.footbg a{color: #fff;}
.footbg img{position: relative;top: 3px;margin-right: 5px;}
.copyright > *{display: inline-block;margin-left: 20px;}
.copyright > *:first-child{margin-left: 0;}
.copyright .ba{margin-left: 10px;}
.copyright .ba img{position: relative;top: 6px;}
/* 内页banner */
.nbanner{padding-bottom: 400px;}
.nnaBox{box-shadow: 0 5px 7px rgba(0,0,0,0.07);position: relative;}
.nnaBox .nnav h5{background: #009cab;padding: 0 32px;color: #fff;height: 70px;}
.nnaBox .nnav h5 img{filter: brightness(0) invert(1);width: 33px;margin-right: 17px;}
.nnaBox .nnav .item{padding-left: 20px;height: 70px;align-items: center;}
.nnaBox .nnav .item a{padding: 0 30px;line-height: 40px;color: #333;border-radius: 25px;}
.nnaBox .nnav .item a.on,.nnaBox .nnav .item a:hover{background: #009cab;color: #fff;}
.nnaBox .location,.nnaBox .location a{color: #999;}
.nnaBox .location i{margin: 0 7px;}
.nnaBox .location em{color: #009cab;}
.grayf7{background: #f7f7f7;}
.minheight300{min-height: 300px;}
.textCenter{text-align: center;}
@media screen and (max-width:1500px){
	.nnaBox .nnav h5,.nnaBox .nnav .item a{padding: 0 15px;}
	.nnaBox .nnav h5 img{margin-right: 8px;width: 26px;}
}
@media screen and (max-width:1200px){
.fz20{font-size: 18px;}
.fz18{font-size: 16px;}
.fz16{font-size: 14px;}
.fz22{font-size: 20px;}
.fz24{font-size: 22px;}
.nav-1st > li > a{font-size: 14px;}
.dmui-select{width: 30%;}
header .phone li{margin-left: 0;}
.nnaBox .nnav h5{display: none;}
.nnaBox .nnav .item{padding-left: 0;}
.nbanner{padding-bottom: 26%;}

}
@media screen and (max-width:991px){
.fz24{font-size: 20px;}
.padding60,.padding75,.page{padding: 30px 0;}
.padding40{padding: 20px 0;}
.padding30{padding: 15px 0;}
.margin75{margin: 40px 0;}
header .right,.navBox,.nnaBox .nnav .item a,.page a{display: none;}
.menuLine{display: block;}
header .w1365{height: inherit;padding: 15px 0;}
header h1 img{height: 60px;}
.nnaBox .nnav .item a.on{display: inherit;padding: 0 30px;}

.fz26{font-size: 22px;}
.fz40{font-size: 30px;}
	.page a.btn{width: 55px;}
	.page a.on,.page a.btn{display: inline-block;}

}
@media screen and (max-width:760px){
	header .w1365{padding: 10px 0;}
	.menuLine{display: inline-block;}
	.padding25{padding: 15px !important;}
	.disflex,.flexbetween,.flexCenter{flex-wrap: wrap;}
	.dmui-select{width: 200px;margin: 0 auto ;}
	.fz14{font-size: 13px;}
	.fz20{font-size: 16px;}
	.fz22{font-size: 18px;}
	.fz18{font-size: 14px;}
	.fz25{font-size: 20px;}
	.fz32{font-size: 28px;}
	header h1 img{height: 50px;}
	/*.nnaBox .nnav .item a.on,.nnaBox .nnav{display: none;}*/
	.nnaBox .location{width: 100%;line-height: 3;}
	.fz40{font-size: 28px;}
	.nnaBox .nnav h5,.nnaBox .nnav .item{height:50px;}
	.nnaBox .nnav h5{display:flex}
	.nnaBox .w1365{width:100%;}
	.nnaBox .w1365 .location{padding:0 5%}
	.nnaBox .nnav .item a{margin-left:10px}
}