body{width:100%;min-width:1200px}.main-box,.header .box,.website,.about .cont,.news .list,.pro .list,.serve,.link .list,.links,.pageBanner .subtitle,.keyword,.pageAbout .cont,.pagePro,.pageNews,.serveBox,.feedbackBox{width:100%;max-width:1200px;margin:auto}.title{font-size:32px;font-weight:bold;color:#444;text-align:center}.more{display:block;text-align:center;width:240px;height:40px;line-height:40px;border-radius:40px;border:1px solid rgba(112,112,112,0.5);color:#444;background-color:#fff;font-size:16px;margin:40px auto 0}.block{height:20px;background-color:#f8f8f8}.mobile{display:none !important}.pc{display:block}.sideBtn{position:fixed;top:30%;right:10px;}.sideBtn img{width:88px;height:88px}.header{background-color:#fff}.header .box{display:flex;flex-flow:row;justify-content:space-between;align-items:center;height:120px;position:relative}.header .box .logoBox{height:160px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.header .box .logoBox .logo{display:block;height:100px}.header .box .logoBox .txt{display:block}.header .box .logoBox .txt .subtitle{font-size:26px;font-weight:bold;line-height:36px}.header .box .logoBox .txt .mintitle{font-size:18px;color:#666}.header .box .logoBox .menu{width:88px;height:88px}.header .box .info{display:flex;flex-flow:row;justify-content:center;align-items:center}.header .box .info .item{margin:0 20px;text-align:center}.header .box .info .item .icon{display:block;width:36px;height:36px;margin:auto}.header .box .info .item .txt{color:#777;font-size:14px}.header .menuList{background-color:#333333;font-size:18px}.header .menuList .list{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:auto}.header .menuList .list .item{flex:1;display:flex;justify-content:center;align-items:center;height:70px;color:#fff;position:relative}.header .menuList .list .item>a{color:#fff}.header .menuList .list .item:hover{background-color:rgba(255,255,255,0.1)}.header .menuList .list .item:hover .proMenu{display:block}.header .menuList .list .item .proMenu{position:absolute;top:70px;left:0;z-index:999;width:260px;background-color:#f8f8f8;display:none;border-radius:0 0 5px 5px}.header .menuList .list .item .proMenu .first{display:flex;align-items:center;height:45px;padding:0 20px;position:relative;justify-content:space-between}.header .menuList .list .item .proMenu .first.isIcon::after{display:block;content:"";width:0;height:0;border-top:5px solid transparent;border-left:8px solid rgba(51,51,51,0.1);border-bottom:5px solid transparent;margin-left:10px}.header .menuList .list .item .proMenu .first:not(:last-child){border-bottom:1px solid #ededed}.header .menuList .list .item .proMenu .first:hover{background-color:rgba(0,0,0,0.1)}.header .menuList .list .item .proMenu .first:hover .secondMenu{display:block}.header .menuList .list .item .proMenu .first a{display:block;height:100%;width:100%;line-height:45px;color:#333333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px}.header .menuList .list .item .proMenu .secondMenu{position:absolute;top:0;left:260px;z-index:999;width:250px;background-color:#fff;display:none;border-radius:0 5px 5px 5px}.header .menuList .list .item .proMenu .secondMenu a{display:block;padding:0 20px}.header .menuList .list .item .proMenu .secondMenu a:hover{background-color:rgba(0,0,0,0.1)}.swiper-container{--swiper-theme-color:#fff;--swiper-pagination-color:#fff;--swiper-navigation-size:20px}.swiper-container .banner{width:100%}.swiper-container .video-item{border-radius:20px;overflow:hidden;box-shadow:0px 5px 10px rgba(0,0,0,0.1)}.swiper-container .video-item .video{width:100%;vertical-align:top}.swiper-container .video-item .info{padding:55px 20px 60px 180px;position:relative}.swiper-container .video-item .info .qrcode{display:block;width:140px;height:140px;position:absolute;left:22px;top:50%;transform:translateY(-50%)}.swiper-container .video-item .info .name{font-weight:bold;font-size:20px;line-height:32px}.swiper-container .video-item .info .name span{font-size:16px;color:#444;font-weight:400}.swiper-container .video-item .info .tips{color:rgba(68,68,68,0.8);font-size:16px}.swiper-button-next,.swiper-button-prev{height:48px !important;width:48px !important;border-radius:48px;background-color:#000}.website{padding:50px 0;display:flex;justify-content:center}.website .item{width:calc(100% / 5);padding-left:80px;position:relative;min-height:70px;margin-right:20px}.website .item:last-child{margin-right:0}.website .item img{display:block;width:70px;height:70px;position:absolute;top:0;left:0}.website .item .subtitle{font-size:16px;color:#444;font-weight:bold}.website .item .cont{margin-top:12px;color:#777;font-weight:400;font-size:13px;line-height:20px}.about{background:#f4f4f4;padding:57px 0 92px}.about .cont{margin-top:52px}.about .cont.flex{display:flex;justify-content:space-between}.about .cont .pic{width:560px;height:320px}.about .cont img,.about .cont video{max-width:100%;vertical-align:top}.about .cont .txt{width:584px;font-weight:400;line-height:36px;font-size:16px;color:#444}.about .cont .txt .btn{display:flex;justify-content:center;align-items:center;width:120px;height:40px;color:#fff;background:#565656;float:right;margin-top:50px}.news{padding:57px 0 55px}.news .list{display:flex;flex-flow:row wrap;justify-content:space-between;margin-top:50px}.news .list .item{display:block;color:#444;width:calc(100% / 2 - 45px);border-bottom:1px solid rgba(112,112,112,0.2);line-height:50px;font-size:16px;position:relative;padding-right:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:padding-left 0.3s}.news .list .item:hover{padding-left:10px}.news .list .item span{display:block;font-size:14px;color:#999;position:absolute;top:50%;right:0;transform:translateY(-50%)}.pro{background:#f4f4f4;padding:57px 0 56px}.pro .list{margin-top:46px;display:flex;justify-content:center}.pro .list .item{display:flex;flex-basis:285px;flex-grow:1;flex-direction:column;align-items:center}.pro .list .item img{display:block;width:285px;height:285px}.pro .list .item span{display:block;font-weight:400;color:#232323;font-size:16px;line-height:56px;width:285px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.serve{padding:70px 0}.link{padding:41px 0 60px;background-color:#f4f4f4}.link .list{margin-top:49px;display:flex;flex-wrap:wrap;justify-content:space-between}.link .list .item{width:580px;margin-bottom:20px}.link .list .item img{display:block;width:580px;height:390px}.link .list .item span{display:block;font-weight:400;color:#222;font-size:16px;line-height:56px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.links{font-size:14px;margin:30px auto}.links .item{display:inline;margin-left:5px;color:#222222}.footer{background-color:#444;padding-bottom:47px}.footer .map{font-size:16px;display:flex;justify-content:center;align-items:center;height:60px;border-bottom:1px solid #707070}.footer .map .item{color:#fff;margin:0 20px}.footer .internet{color:#fff;font-size:14px;text-align:center}.footer .btnGroup{margin-top:23px;display:flex;justify-content:center;align-items:center}.footer .btnGroup .btn{color:#fff;font-size:14px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,0.4);border-radius:6px;width:130px;height:40px;margin:0 10px}.footer .btnGroup .btn img{display:inline-block;width:24px;height:24px;margin-right:7px}.footer .info{font-size:14px;color:#fff;text-align:center;padding:0 30px;line-height:25px;margin-top:36px}.pageBanner{background:linear-gradient(360deg, #7baaba 0%, #2a4f5f 100%);background-size:cover;background-position:center bottom;padding:86px 0 95px}.pageBanner .subtitle{color:#fff;font-size:40px;font-weight:bold;padding:0 27px}.pageBanner .subtitle span{display:block;font-size:30px;font-weight:400}.keyword{margin-top:48px;font-size:14px;line-height:36px;color:#222222;font-weight:bold}.keyword span{color:#999;display:inline-block;margin-right:20px;font-weight:normal}.pageAbout{padding:60px 0 123px}.pageAbout .subtitle{font-size:32px;font-weight:bold;color:#444;text-align:center}.pageAbout .cont{margin-top:70px;font-size:18px;line-height:36px}.pageAbout .cont img,.pageAbout .cont video{max-width:100%;vertical-align:top}.pagePro{margin-top:40px;margin-bottom:73px}.pagePro .list{margin-bottom:131px;display:flex;justify-content:space-between}.pagePro .list .menu{width:280px}.pagePro .list .menu .box{box-shadow:0px 0px 10px rgba(0,0,0,0.1);padding-bottom:34px;margin-bottom:20px}.pagePro .list .menu .box .subtitle{display:flex;align-items:center;font-size:20px;font-weight:bold;line-height:36px;color:#222;padding:0 34px;height:64px;position:relative}.pagePro .list .menu .box .subtitle::before{display:block;content:"";width:10px;height:19px;background-color:#000;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pagePro .list .menu .box .subtitle.active,.pagePro .list .menu .box .subtitle:hover{color:#ec5858}.pagePro .list .menu .box .subCont{padding:0 34px}.pagePro .list .menu .box .subCont .item{display:block;color:#222;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:50px;border-bottom:1px solid rgba(112,112,112,0.2)}.pagePro .list .menu .box .subCont .item.active,.pagePro .list .menu .box .subCont .item:hover{color:#ec5858}.pagePro .list .cont{width:850px}.pagePro .list .cont .head{display:flex;align-items:center;height:40px;color:#999;font-size:14px;border-bottom:1px solid #eeeeee}.pagePro .list .cont .head .icon{display:inline-block;width:18px;height:18px;margin-right:10px}.pagePro .list .cont .proBox{overflow:hidden;margin:0 -10px}.pagePro .list .cont .proBox .item{width:270px;margin:30px 10px 0;float:left}.pagePro .list .cont .proBox .item img{width:270px;height:270px}.pagePro .list .cont .proBox .item span{display:block;line-height:40px;color:#232323;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pagePro .list .cont .page{display:flex;justify-content:center;align-items:center;margin-top:60px}.pagePro .list .cont .page .item{display:inline-flex;justify-content:center;align-items:center;border:1px solid rgba(112,112,112,0.2);height:40px;padding:0 20px;color:#666;font-size:16px}.pagePro .list .cont .page .item.active{border-color:transparent;font-weight:bold;cursor:not-allowed}.pagePro .list .cont .page .item a{color:#444}.pagePro .list .cont .proDesc{margin-top:30px;display:flex;justify-content:space-between}.pagePro .list .cont .proDesc img{display:block;width:437px;height:437px}.pagePro .list .cont .proDesc .proCont{width:375px}.pagePro .list .cont .proDesc .proCont .proTitle{font-size:20px;font-weight:bold;padding:20px 0}.pagePro .list .cont .proDesc .proCont .proTxt{font-size:14px;color:#222;line-height:32px;margin-top:10px}.pagePro .list .cont .proDesc .proCont .proBtn{display:block;width:220px;height:50px;line-height:50px;border-radius:6px;background-color:#4380ea;color:#fff;font-size:18px;text-align:center;margin-top:40px}.pagePro .list .cont .newsBox{margin-top:30px}.pagePro .list .cont .newsBox .item{display:block;color:#444;border-bottom:1px solid rgba(112,112,112,0.2);line-height:60px;font-size:14px;position:relative;padding-right:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:padding-left 0.3s}.pagePro .list .cont .newsBox .item:hover{padding-left:10px}.pagePro .list .cont .newsBox .item span{display:block;font-size:14px;color:#999;position:absolute;top:50%;right:0;transform:translateY(-50%)}.pagePro .list .cont .newsDesc{margin-top:30px;padding-bottom:60px}.pagePro .list .cont .newsDesc .subtitle{font-size:20px;color:#222;font-weight:bold;text-align:center}.pagePro .list .cont .newsDesc .subCont{margin-top:47px;font-size:14px;color:#222;line-height:36px}.pagePro .list .cont .newsDesc .subCont video,.pagePro .list .cont .newsDesc .subCont img{max-width:100%;vertical-align:top}.pagePro .list .cont .newsPage{display:flex;justify-content:space-between;margin-top:30px}.pagePro .list .cont .newsPage .item{display:inline-flex;justify-content:center;align-items:center;border:1px solid rgba(112,112,112,0.2);height:40px;border-radius:40px;padding:0 20px;color:#222;font-size:14px;margin:0 5px}.pagePro .list .cont .newsPage .item.active{border-color:transparent;font-weight:bold}.pagePro .list .cont .newsPage .item[href="javascript:void(0)"]{opacity:0.4;cursor:not-allowed}.pagePro .list .cont .recommend{margin-top:111px}.pagePro .list .cont .recommend .subtitle{font-size:20px;color:#222;line-height:36px}.pagePro .list .cont .recommend .subtitle span{font-weight:bold}.pagePro .list .cont .recommend .recommendList{margin-top:28px;display:flex;justify-content:space-evenly}.pagePro .list .cont .recommend .recommendList .item{display:block;width:200px}.pagePro .list .cont .recommend .recommendList .item img{width:200px;height:200px}.pagePro .list .cont .recommend .recommendList .item span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;color:#232323;margin-top:5px}.pageNews{margin-top:40px;margin-bottom:73px}.pageNews .list{margin-bottom:131px;display:flex;justify-content:space-between}.pageNews .list .menu{width:280px}.pageNews .list .menu .box{box-shadow:0px 0px 10px rgba(0,0,0,0.1);padding-bottom:34px;margin-bottom:20px}.pageNews .list .menu .box .subtitle{display:flex;align-items:center;font-size:20px;font-weight:bold;line-height:36px;color:#222;padding:0 34px;height:64px;position:relative}.pageNews .list .menu .box .subtitle::before{display:block;content:"";width:10px;height:19px;background-color:#000;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pageNews .list .menu .box .subCont{padding:0 34px}.pageNews .list .menu .box .subCont .item{display:block;color:#222;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:50px;border-bottom:1px solid rgba(112,112,112,0.2)}.pageNews .list .menu .box .subCont .item.active{color:#ec5858}.pageNews .list .cont{width:850px}.pageNews .list .cont .head{display:flex;align-items:center;height:40px;color:#999;font-size:14px;border-bottom:1px solid #eeeeee}.pageNews .list .cont .head .icon{display:inline-block;width:18px;height:18px;margin-right:10px}.pageNews .list .cont .page{display:flex;justify-content:center;align-items:center;margin-top:60px}.pageNews .list .cont .page .item{display:inline-flex;justify-content:center;align-items:center;border:1px solid rgba(112,112,112,0.2);height:40px;padding:0 20px;color:#666;font-size:16px}.pageNews .list .cont .page .item.active{border-color:transparent;font-weight:bold;cursor:not-allowed}.pageNews .list .cont .page .item a{color:#444}.pageNews .list .cont .newsBox{margin-top:30px}.pageNews .list .cont .newsBox .item{display:block;color:#444;border-bottom:1px solid rgba(112,112,112,0.2);line-height:60px;font-size:14px;position:relative;padding-right:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:padding-left 0.3s}.pageNews .list .cont .newsBox .item:hover{padding-left:10px}.pageNews .list .cont .newsBox .item span{display:block;font-size:14px;color:#999;position:absolute;top:50%;right:0;transform:translateY(-50%)}.pageNews .list .cont .newsDesc{margin-top:30px;padding-bottom:60px}.pageNews .list .cont .newsDesc .subtitle{font-size:20px;color:#222;font-weight:bold;text-align:center}.pageNews .list .cont .newsDesc .subCont{margin-top:47px;font-size:14px;color:#222;line-height:36px}.pageNews .list .cont .newsDesc .subCont video,.pageNews .list .cont .newsDesc .subCont img{max-width:100%;vertical-align:top}.pageNews .list .cont .newsPage{display:flex;justify-content:space-between;margin-top:30px}.pageNews .list .cont .newsPage .item{display:inline-flex;justify-content:center;align-items:center;border:1px solid rgba(112,112,112,0.2);height:40px;border-radius:40px;padding:0 20px;color:#222;font-size:14px;margin:0 5px}.pageNews .list .cont .newsPage .item.active{border-color:transparent;font-weight:bold}.pageNews .list .cont .newsPage .item[href="javascript:void(0)"]{opacity:0.4;cursor:not-allowed}.pageNews .list .cont .recommend{margin-top:111px}.pageNews .list .cont .recommend .subtitle{font-size:20px;color:#222;line-height:36px}.pageNews .list .cont .recommend .subtitle span{font-weight:bold}.pageNews .list .cont .recommend .recommendList{margin-top:28px;display:flex;justify-content:space-between}.pageNews .list .cont .recommend .recommendList .item{display:block;width:200px}.pageNews .list .cont .recommend .recommendList .item img{width:200px;height:200px}.pageNews .list .cont .recommend .recommendList .item span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;color:#232323;margin-top:5px}.serveBox{padding:50px 0 0}.serveBox .subtitle{font-size:48px;font-weight:bold;color:#222;text-align:center}.serveBox .mintitle{margin-top:10px;font-size:24px;color:#222;text-align:center}.serveBox .list{overflow:hidden;margin-top:100px;display:flex;flex-wrap:wrap}.serveBox .list .item{width:360px;border-radius:20px;overflow:hidden;box-shadow:0px 0px 10px rgba(0,0,0,0.16);margin:20px}.serveBox .list .item .video{width:100%;vertical-align:top}.serveBox .list .item .info{padding:55px 20px 60px 180px;position:relative}.serveBox .list .item .info .qrcode{display:block;width:140px;height:140px;position:absolute;left:22px;top:50%;transform:translateY(-50%)}.serveBox .list .item .info .name{font-weight:bold;font-size:20px;line-height:32px}.serveBox .list .item .info .name span{font-size:16px;color:#444;font-weight:400}.serveBox .list .item .info .tips{color:rgba(68,68,68,0.8);font-size:16px}.serveBox .page{display:flex;justify-content:center;align-items:center;margin-top:60px}.serveBox .page .item{display:inline-flex;justify-content:center;align-items:center;border:1px solid rgba(112,112,112,0.2);height:40px;padding:0 20px;color:#666;font-size:16px}.serveBox .page .item.active{border-color:transparent;font-weight:bold;cursor:not-allowed}.serveBox .page .item a{color:#444}.serveBox .abouts{margin-top:50px;border-top:1px solid #ddd;padding:39px 0;font-size:16px;color:#707070}.serveBox .abouts .tel{margin:30px 0}.serveBox .abouts .tel span{font-weight:bold;display:block;margin-bottom:30px;color:#222222}.serveBox .abouts .maps{display:block;max-width:100%;margin:auto}.feedbackBox{padding:80px 40px 170px}.feedbackBox .form{display:block}.feedbackBox .form .item{display:flex;justify-content:space-between;margin:20px 0}.feedbackBox .form .item label{display:block;font-size:28px;line-height:80px}.feedbackBox .form .item label::after{content:"*";color:#f30}.feedbackBox .form .item .txt{width:80%;padding:20px;border-radius:10px;border:1px solid #ddd;line-height:40px;font-size:28px;background-color:#fff}.feedbackBox .form .item button{width:100%;height:80px;border-radius:10px;margin-top:40px;border:none;background-color:#319731;color:#fff;font-size:32px;cursor:pointer}