body{font-family:"PingFangSC-regular","Helvetica Neue","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:18px;}
*{outline:none;margin:0px;padding:0px;}
a{color:#333;transition:all .3s ease;text-decoration:none;}
a:hover{color:#066eb5;}
.wbox{width:1400px;min-width:1400px;margin:0px auto;}
.mbox{max-width:1400px;margin:0px auto;}
.mw{min-width:1400px;}
.pics{max-width:100%;height:auto;}

@font-face {
    font-family: 'PingFangSC-regular';
    src: url('../fonts/PingFangSC-regular.eot');
    src: url('../fonts/PingFangSC-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PingFangSC-regular.woff2') format('woff2'),
        url('../fonts/PingFangSC-regular.woff') format('woff'),
        url('../fonts/PingFangSC-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.PingFang{
    font-family: 'PingFangSC-regular';
    font-weight: normal;
    font-style: normal;
}
.fixBox{position:fixed;left:0px;top:0px;width:100%;z-index:9999;transition:all 0.6s ease-out 0s;}
.fixBox .topBox{height:80px;position:relative;z-index:999;}
.fixBox .topc{display:flex;justify-content:flex-start;align-content:center;height:80px;position:relative;}
.fixBox .topc .logo{height:50px;background:url(../images/logo_white.png) no-repeat left center;background-size:auto 100%;transition: all 0.6s ease-out 0s;margin-top:15px;padding-left:60px;}
.fixBox .topc .logo p{height:50px;line-height:50px;color:#fff;font-size:20px;font-weight:800;}

.fixBox .topc .menuBox{width:auto;height:80px;display:flex;align-items:center;justify-content:center;margin-left:60px;}
.fixBox .topc .menuBox ul{display:flex;align-items:center;justify-content:center;}
.fixBox .topc .menuBox li{margin:0px 15px;}
.fixBox .topc .menuBox li a{font-size:16px;padding:0px 15px;display:block;line-height:60px;color:#fff;}

.fixBox .topc .telBox{margin-left:auto;display: flex;align-items:center;justify-content:center;color:#fff;font-size:18px;}
.fixBox .topc .telBox i{font-size:28px;margin-right:4px;}

.fixBox.on{background:#fff;box-shadow:0px 5px 5px rgba(0,0,0,0.05);}
.fixBox.on .topc .menuBox li a{color:#333;}
.fixBox.on .topc .logo{background:url(../images/logo.png) no-repeat left center;background-size:auto 100%;}
.fixBox.on .topc .logo p{color:#066eb5;}
.fixBox.on .topc .telBox{color:#066eb5;} 

.banner .swiper-slide{}
.banner .swiper-slide img{width:100%;}
.banner .banner_button{position:absolute;left:0;bottom:30px;width:100%;height:60px;z-index:888;}
.banner .banner_button .banner_c{position:relative;height:60px;}

.banner .swiper-button-prev{top:12px;right:50px;left:auto;width:40px;height:40px;background:rgba(255,255,255,0.5);border-radius:100%;overflow:hidden;}
.banner .swiper-button-next{top:12px;right:0px;width:40px;height:40px;background:rgba(255,255,255,0.5);border-radius:100%;overflow:hidden;}

.banner .banner-pagination{bottom:20px;text-align:left;}
.banner .swiper-pagination-bullet{width:12px;height:12px;border:2px #fff solid;background:none;}

.banner .swiper-slide .wbox{height:100%;position:relative;}

.banner.swiper{
    --swiper-theme-color: #fff;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size:12px;/* 设置按钮大小 */
}

.titBox{display:flex;justify-content:center;}
.titBox p{text-align:center;font-size:36px;position:relative;}
.titBox p::after{content:'';width:38px;height:3px;position:absolute;left:50%;bottom:-10px;margin-left:-19px;background:#066eb5;}
.titBox p.even{color:#fff;}
.titBox p.even::after{background:#fff;}

.oneBox{background:url(../images/aboutBg.jpg) no-repeat center top;padding:150px 0;}
.oneBox .aboutBox{width:70%;margin:0px auto;margin-top:60px;line-height:32px;text-align:center;color:#666;}

.twoBox{background:url(../images/businessBg.jpg) no-repeat center top;padding:150px 0;}
.twoBox .BusinessBox{display:flex;align-items:stretch;justify-content:space-between;margin-top:60px;}
.twoBox .BusinessBox .item{width:23%;background:#fff;border-radius:8px;overflow:hidden;}
.twoBox .BusinessBox .item p{width:100%;}
.twoBox .BusinessBox .item p img{display:block;}
.twoBox .BusinessBox .item dl{width:82%;margin:0px auto;padding:20px 0 40px 0;}
.twoBox .BusinessBox .item dl dt{text-align:center;font-weight:bold;position:relative;}
.twoBox .BusinessBox .item dl dt::after{content:'';width:38px;height:3px;position:absolute;left:50%;bottom:-16px;margin-left:-19px;background:#066eb5;}
.twoBox .BusinessBox .item dl dd{margin-top:30px;font-size:16px;line-height:24px;color:#666;}


.threeBox{background:url(../images/productsBg.jpg) no-repeat center center;padding:150px 0;}
.threeBox .productBox{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-top:60px;}
.threeBox .productBox .item{width:23%;background:#fff;border-radius:8px;overflow:hidden;margin-bottom:40px;box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);}
.threeBox .productBox .item dt img{display:block;}
.threeBox .productBox .item dd{padding:10px 0px 40px 0;}
.threeBox .productBox .item dd p{width:82%;margin:0px auto;position:relative;font-size:20px;}
.threeBox .productBox .item dd p::after{content:'';width:38px;height:3px;position:absolute;left:0%;bottom:-16px;background:#066eb5;}

.fourBox{padding:150px 0;}
.fourBox .formBox{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:60px;}
.fourBox .formBox .item{width:48%;display:flex;align-items:center;margin-bottom:20px;}
.fourBox .formBox .item.on{width:100%;}
.fourBox .formBox .item p{border:1px #ddd solid;width:100%;padding:5px 10px;}
.fourBox .formBox .item p .put{width:100%;height:22px;border:none;background:#fff;}
.fourBox .formBox .item p .put::placeholder{color:#ccc;}
.fourBox .formBox .item img{display:block;}
.fourBox .formBox .item .textbox{border:1px #ddd solid;width:100%;padding:5px 10px;height:80px;}
.fourBox .formBox .item .textbox::placeholder{color:#ccc;}

.fourBox .formBox .item .btns{width:120px;height:48px;border:1px #ccc solid;background:#fff;border-radius:30px;margin:20px auto;color:#999;font-size:16px;cursor:pointer;}
.fourBox .formBox .item .btns:hover{background:#066eb5;color:#fff;border:#066eb5 1px solid;}
.fourBox .formBox .item:last-child{margin-bottom:0;}

.footBox{background:#1a1a1a;padding:50px 0;}
.footBox .wbox{display:flex;align-items:center;justify-content:space-between;}
.footBox .wbox .flBox{font-size:14px;color:#eee;}
.footBox .wbox .frBox{display:flex;align-items:center;justify-content:flex-end;}
.footBox .wbox .frBox p{color:#eee;font-size:14px;margin-left:20px;display:flex;align-items:center;}
.footBox .wbox .frBox p i{margin-right:4px;}
.footBox .wbox .frBox p a{color:#fff;}


@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){

}