body{font-family:"Helvetica Neue",PingFangSC-regular,Microsoft YaHei,Helvetica,Arial,sans-serif;}
div,ul,ol,li,form,h3,dt,dl,dd,p{margin:0px;padding:0px;list-style-image:none;list-style-type:none;font-size:16px;}
*{outline:none;margin:0px;padding:0px;}
a{color:#000;transition:all .3s ease;text-decoration:none;}
a:hover{color:#0FA784;}
.wbox{width:1400px;min-width:1400px;margin:0px auto;}
.mbox{max-width:1400px;margin:0px auto;}
.mw{min-width:1400px;}
.flBox{float:left;}
.frBox{float:right;}
.pics{max-width:100%;height:auto;}
.pic{width:100%;height:auto;}
.clearfix {zoom:1;}    
.clearfix:before{content:"";display:block;height:0;visibility:hidden;clear:both;}  
.clearfix:after{content:"";display:block;height:0;visibility:hidden;clear:both;}  

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.Roboto{
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;
}


.headerBox{}
.headerBox .topBg{height:42px;background:#eee;}
.headerBox .topBg .topBox{display:flex;align-items:center;justify-content:space-between;height:100%;}
.headerBox .topBg .topBox .flBox{display:flex;align-items:center;height:100%;color:#666;}
.headerBox .topBg .topBox .flBox span{margin-right:5px;}

.headerBox .topBg .topBox .frBox{display:flex;align-items:center;height:100%;color:#666;}
.headerBox .topBg .topBox .frBox p{padding:0px 5px;display:flex;align-items:center;}
.headerBox .topBg .topBox .frBox p a{display:flex;align-items:center;}
.headerBox .topBg .topBox .frBox p span{margin-right:5px;}
.headerBox .topBg .topBox .frBox .line{font-size:12px;color:#999;padding:0px 8px;}
.headerBox .topBg .topBox p.isLogin a{color:#0FA784;}

.headerBox .headBox{display:flex;align-items:center;justify-content:space-between;padding:20px 0;}
.headerBox .headBox .logo{width:375px;height:85px;margin-left:20px;}
.headerBox .headBox .logo img{width:auto;height:100%;}
.headerBox .headBox .frBox{display:flex;align-items:center;}
.headerBox .headBox .soBox{width:360px;display:flex;align-items:center;margin-right:40px;}
.headerBox .headBox .soBox .soline{border:1px #bfbfbf solid;display:flex;align-items:center;padding:0px 10px;}
.headerBox .headBox .soBox .soline .soInput{width:240px;height:40px;line-height:40px;border:none;margin-left:5px;}
.headerBox .headBox .soBox .soline .soInput::placeholder{color:#999;}
.headerBox .headBox .soBox .btnBox{height:42px;line-height:42px;background:#0a74af;border:none;color:#fff;width:100%;cursor:pointer;}

.headerBox .headBox .telBox{width:200px;margin-left:auto;margin-left:40px;position:relative;}
.headerBox .headBox .telBox::before{content:'';position:absolute;left:-40px;top:9px;height:30px;width:1px;background:#ccc;}
.headerBox .headBox .telBox .telCont{display:flex;align-items:center;}
.headerBox .headBox .telBox .telCont p{width:36px;height:36px;border:#09867b 2px solid;border-radius:100%;display:flex;align-items:center;justify-content:center;color:#09867b;}
.headerBox .headBox .telBox .telCont p span{font-size:24px;}
.headerBox .headBox .telBox .telCont dl{margin-left:10px;}
.headerBox .headBox .telBox .telCont dl dt{color:#666;font-size:14px;}
.headerBox .headBox .telBox .telCont dl dd{font-size:20px;}

.headerBox .menuBox{height:50px;background-image:linear-gradient(to right,#0a74ae ,#098f60);min-width:1400px;box-shadow:0 5px 5px rgba(0,0,0,0.1);position:relative;z-index:99;}
.headerBox .menuBox ul{display:flex;align-items:center;height:100%;}
.headerBox .menuBox ul > li{position:relative;display:flex;align-items:center;height:100%;flex-wrap:wrap;}
.headerBox .menuBox ul > li > a{padding:0 35px;color:#fff;font-size:18px;}
.headerBox .menuBox ul > li.active::after{content:'';position:absolute;width:100%;bottom:0px;left:0%;height:4px;background:#4b9a7b;}
.headerBox .menuBox ul > li.on::after{content:'';position:absolute;width:100%;bottom:0px;left:0%;height:4px;background:#4b9a7b;}
.headerBox .menuBox ul li dl{width:100%;position:absolute;left:0;top:50px;z-index:10;background:#fff;padding:10px 0;box-shadow:0px 5px 5px rgba(0,0,0,0.05);display:none;}
.headerBox .menuBox ul li dl dd{width:90%;overflow:hidden;text-align:center;margin:0px auto;border-bottom:1px #f2f2f2 solid;}
.headerBox .menuBox ul li dl dd:last-child{border-bottom:none;}
.headerBox .menuBox ul li dl a{height:40px;line-height:40px;text-align:center;color:#666;}
.headerBox .menuBox ul li dl a:hover{color:#0FA784;font-weight:bold;}

.footerBox{padding:20px 0 40px 0;border-top:3px #4b9a7b solid;}
.footerBox .navBox {padding:20px 0;}
.footerBox .navBox a{padding:0 25px;}

.footerBox .footBox{display:flex;align-items:flex-start;justify-content:space-between;margin-top:30px;}
.footerBox .footBox .flBox{width:800px;color:#666;}
.footerBox .footBox .flBox p{display:flex;align-items:center;margin-left:25px;line-height:32px;}
.footerBox .footBox .flBox p a{color:#666;}
.footerBox .footBox .flBox p span{margin-right:30px;display:flex;align-items:center;}
.footerBox .footBox .flBox p span img{margin-right:3px;}
.footerBox .footBox .frBox{width:400px;display:flex;align-items:flex-start;justify-content:flex-end;}
.footerBox .footBox .frBox dl{margin-right:20px;border:1px #ccc solid;padding:10px 10px 0 10px;border-radius:2px;}
.footerBox .footBox .frBox dl dt{width:80px;height:80px;}
.footerBox .footBox .frBox dl dt img{width:100%;height:100%;display:block;}
.footerBox .footBox .frBox dl dd{text-align:center;height:40px;line-height:40px;}




/*主要部分*/

.contBg{padding:60px 0;background:#f3f8fc;min-height:400px;}

@media only screen and (max-width: 640px){
   .wbox{width:100%;}
}

@media only screen and (min-width: 641px) and (max-width:1024px) 
{
   .wbox{width:100%;}
}

@media only screen and (min-width: 1025px){
   
}