@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;font-family: Microsoft YaHei;font-size: 14px;color: #333;}
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: #333;}
i,em{font-style: normal;}
img{display: block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: Microsoft YaHei;font-size: 14px;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: Microsoft YaHei;font-size: 14px;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: Microsoft YaHei;font-size: 14px;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*常用盒模型*/
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
/*常用宽度*/
.w1400{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1400px;}
.w1300{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1300px;}
.w1280{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1280px;}
.w1200{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w1100{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1100px;}
.w1000{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1000px;}
/*常用过渡*/
.tran200{-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;transition: 0.2s;}
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*按钮通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{display: inline-block;padding: 0 3em;background-color: #fff;border: 1px solid #ccc;border-radius: 0;font-size: 16px;line-height: 40px;color: #000;cursor: pointer;opacity: .9;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn:hover{opacity: 1;}
/*背景色展开动效btn*/
.hover-btn{z-index: 1;position: relative;display: inline-block;padding: 0 3em;background-color: transparent;border: 1px solid #ccc;border-radius: 0;font-size: 16px;line-height: 42px;color: #000;cursor: pointer;text-transform: uppercase;}
.hover-btn:after{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #3da7ea;transform: scaleX(0);transition: 0.3s;}
.hover-btn:hover{color: #fff;}
.hover-btn:hover:after{transform: scaleX(1);}
/*背景色变化动效btn*/
.bgc-btn{position: relative;display: inline-block;width: 400px;background-color: #e62129;border-radius: 30px;font-size: 14px;line-height: 60px;color: #fff;cursor: pointer;text-transform: uppercase;transition: 0.3s ease-out;}
.bgc-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 24px;height: 24px;margin: -12px 0 0 2em;background: url(../images/icon_arrow_more.png) center no-repeat;opacity: 0;transition: 0.3s ease-out;}
.bgc-btn:hover{background-color: #e96811;text-indent: -3em;}
.bgc-btn:hover:after{opacity: 1;transform: translateX(1em);}
/*滚动条*/
body *::-webkit-scrollbar{width: 3px;height: 3px;background: #eee;}
body *::-webkit-scrollbar-thumb{background: #ccc;}


/*banner*/
.banner{position: relative;width: 100%;overflow: hidden;}
.banner .swiper-slide{display: block;padding-top: 30%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.banner .swiper-pagination{bottom: 50px;font-size: 0;}
.banner .swiper-pagination-bullet{position: relative;width: 10px;height: 10px;margin: 0 90px!important;background-color: #fff;border-radius: 5px;opacity: 1;transition: 0.3s;}
.banner .swiper-pagination-bullet:before{content: "";position: absolute;left: -170px;top: 50%;width: 160px;height: 1px;background-color: rgba(255,255,255,.3);}
.banner .swiper-pagination-bullet:first-child:before{display: none;}
.banner .swiper-pagination-bullet-active:after{content: "";position: absolute;left: -4px;top: -4px;width: 16px;height: 16px;border: 1px solid #fff;border-radius: 50%;}
.banner .btn{z-index: 11;position: absolute;bottom: 50px;width: 64px;height: 18px;background-position: center;background-size: 100% 100%;background-repeat: no-repeat;cursor: pointer;opacity: .5;transition: .3s;}
.banner .prev-btn{left: 50%;margin-left: -700px;background-image: url(../images/icon_banner_btnL.png);}
.banner .next-btn{right: 50%;margin-right: -700px;background-image: url(../images/icon_banner_btnR.png);}
.banner .btn:hover{opacity: 1;}
/*banner end*/

/*首页标题*/
.index-title{margin-bottom: 50px;text-align: center;overflow: hidden;}
.index-title .name{position: relative;display: inline-block;font-size: 28px;line-height: 32px;}
.index-title .name:before{content: "";position: absolute;left: -150px;top: 50%;width: 90px;height: 1px;background-color: #545454;}
.index-title .name:after{content: "";position: absolute;right: -150px;top: 50%;width: 90px;height: 1px;background-color: #545454;}

/*首页布局*/
.index-content{padding-bottom: 135px;}
.index-content .part{padding: 50px 0;overflow: hidden;}
/*part1*/
.index-content .part1{position: relative;padding-bottom: 90px;}
.index-content .part1:after{content: "";z-index: -1;position: absolute;right: -180px;bottom: 0;width: 550px;height: 400px;background: url(../images/index_part1_bg.png) center no-repeat;background-size: 100% 100%;}
/*part2*/
.index-content .part2{padding: 120px 0;background: url(../images/index_part2_bg.jpg) center no-repeat;background-size: cover;}
.index-content .part2 .index-title .name{color: #fff;}
.index-content .part2 .index-title .name:before{background-color: #fff;}
.index-content .part2 .index-title .name:after{background-color: #fff;}
.index-content .part2 .info{padding: 0 10%;margin-bottom: 96px;font-size: 16px;line-height: 32px;text-align: center;color: #fff;}
/*part3*/
.index-content .part3{padding: 0px 0 0;}
/*part4*/
.index-content .part4{padding: 60px 0;}
/*part5*/
.index-content .part5{background-color: #f7f7f7;}
/*part6*/
.index-content .part6{padding: 50px 0 0;background: url(../images/index_part6_bg.jpg) center no-repeat;background-size: cover;background-attachment: fixed;overflow: visible;}
.index-content .part6 .index-title .name{color: #fff;}
.index-content .part6 .index-title .name:before{background-color: #fff;}
.index-content .part6 .index-title .name:after{background-color: #fff;}
.index-content .part6 .info{padding: 0 10%;font-size: 16px;line-height: 32px;text-align: center;color: #fff;}
.index-content .part6 .video-box{position: relative;top: 70px;text-align: center;}
.index-content .part6 .video-box video{display: inline-block;width: 80%;height: 600px;background-color: #000;}

/*业务领域*/
.business-box{border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;font-size: 0;}
.business-box .item{display: inline-block;vertical-align: top;width: 11.11%;padding: 60px 0;border-left: 1px solid #ececec;border-top: 1px solid #ececec;font-size: 14px;text-align: center;transition: 0.3s;}
.business-box .item .icon{display: inline-block;width: 60px;height: 60px;background-image: url(../images/icons_business.png);background-repeat: no-repeat;}
.business-box .item .name{height: 40px;margin: 20px 2em 0;line-height: 20px;overflow: hidden;}
.business-box .item .icon1{background-position: 0 0;}
.business-box .item .icon2{background-position: -60px 0;}
.business-box .item .icon3{background-position: -120px 0;}
.business-box .item .icon4{background-position: -180px 0;}
.business-box .item .icon5{background-position: -240px 0;}
.business-box .item .icon6{background-position: -300px 0;}
.business-box .item .icon7{background-position: -360px 0;}
.business-box .item .icon8{background-position: -420px 0;}
.business-box .item .icon9{background-position: -480px 0;}
.business-box .item .icon10{background-position: 0 -60px;}
.business-box .item .icon11{background-position: -60px -60px;}
.business-box .item .icon12{background-position: -120px -60px;}
.business-box .item .icon13{background-position: -180px -60px;}
.business-box .item .icon14{background-position: -240px -60px;}
.business-box .item .icon15{background-position: -300px -60px;}
.business-box .item .icon16{background-position: -360px -60px;}
.business-box .item .icon17{background-position: -420px -60px;}
.business-box .item .icon18{background-position: -480px -60px;}
.business-box .item:hover{background-color: #bf0e15;color: #fff;box-shadow: 0 0 20px #aaa;transform: translateY(-10px);}
.business-box .item:hover .icon{filter: brightness(100);}

/*分类搜索表单*/
.classify-search{font-size: 0;text-align: center;}
.classify-search .item{display: inline-block;vertical-align: top;width: 17%;height: 46px;margin: 0 1.5%;background-color: #fff;border-radius: 4px;overflow: hidden;}
.classify-search .item input{width: 100%;height: 100%;padding: 0 25px;}
.classify-search .item select{width: 100%;height: 100%;padding: 0 25px;border: 0;font-size: 14px;color: #666;appearance: none;-webkit-appearance: none;background: url(../images/icon_select_arrow.png) right center no-repeat;}
.classify-search .sub-btn{width: 128px;height: 46px;padding: 0 28px;background: #bf0e15 url(../images/icon_search.png) 28px center no-repeat;border-radius: 4px;font-size: 18px;text-align: right;color: #fff;}

/*办公环境图片轮播*/
.work-pics-slider{overflow: hidden;}
.work-pics-slider .swiper-slide{width: 16.6%;padding: 0 5px;overflow: hidden;}
.work-pics-slider .swiper-slide .pic{display: block;padding-top: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.work-pics-slider .swiper-slide .pic:hover{transform: scale(1.05);}

/*数据展示区*/
.data-box{font-size: 0;}
.data-box .item{position: relative;display: inline-block;vertical-align: top;width: 25%;font-size: 14px;text-align: center;}
.data-box .item:before{content: "";position: absolute;left: 0;bottom: 10px;width: 1px;height: 80px;background-color: #d8d8d8;}
.data-box .item:first-child:before{display: none;}
.data-box .item .icon{display: inline-block;width: 50px;height: 50px;background-image: url(../images/icons_data.png);background-repeat: no-repeat;}
.data-box .item .num{margin: 30px 0 10px;font-size: 60px;}
.data-box .item .num em{font-size: 30px;}
.data-box .item .txt{font-size: 16px;color: #bbb;}
.data-box .item .icon1{background-position: 0 0;}
.data-box .item .icon2{background-position: -50px 0;}
.data-box .item .icon3{background-position: -100px 0;}
.data-box .item .icon4{background-position: -150px 0;}

/*新闻区*/
.news-box{overflow: hidden;}
.news-box .title{height: 40px;margin-bottom: 20px;line-height: 40px;}
.news-box .title .icon{display: inline-block;vertical-align: middle;margin: -5px 10px 0 0;}
.news-box .title .name{display: inline-block;font-size: 18px;}
.news-box .title .more{float: right;color: #aaa;}
.news-box .title .more:hover{color: #bf0e15;}
.news-box .item1{float: left;width: 69%;}
.news-box .item1 .content{overflow: hidden;background-color: #fff;}
.news-box .item1 .content .con-l{float: left;width: 45%;}
.news-box .item1 .content .con-r{padding: 10px 20px;margin-left: 45%;}
.news-box .item2{float: right;width: 29%;}
.news-box .item2 .content{padding: 10px 20px;background-color: #fff;}
/*新闻图片轮播*/
.news-pics{position: relative;overflow: hidden;}
.news-pics .swiper-slide{position: relative;display: block;}
.news-pics .swiper-slide .pic{padding-top: 76%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.news-pics .swiper-slide .info{position: relative;padding: 8px 10px;}
.news-pics .swiper-slide .info .tit{width: calc(100% - 80px);margin-bottom: 10px;font-size: 15px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-pics .swiper-slide .info .txt{height: 44px;font-size: 13px;line-height: 22px;text-align: justify;color: #999;overflow: hidden;}
.news-pics .swiper-slide .info .date{position: absolute;right: 15px;top: 15px;line-height: 20px;color: #999;}
.news-pics .swiper-pagination{left: auto;right: 20px;bottom: 60px;width: auto;font-size: 0;}
.news-pics .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 3px!important;background-color: #fff;border-radius: 50%;opacity: 1;transition: 0.3s;}
.news-pics .swiper-pagination-bullet-active{background-color: #bf0e15;}
/*新闻列表*/
.news-list{}
.news-list li{height: 45px;border-top: 1px solid #ddd;line-height: 44px;}
.news-list li:first-child{border-top: 0;}
.news-list li a{display: inline-block;max-width: calc(100% - 100px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.2s;}
.news-list li em{float: right;color: #666;}
.news-list li:hover a{text-indent: 0.2em;color: #bf0e15;}
.news-list li:hover em{color: #bf0e15;}

/*底部信息*/
.footer-info{padding: 55px 0 36px;background-color: #202020;font-size: 0;}
.footer-info .item{display: table-cell;width: 25%;padding: 0 40px;border-left: 1px solid #434343;vertical-align: middle;font-size: 14px;text-align: center;color: #fff;}
.footer-info .item:first-child{border-left: 0;}
/*20211105.footer-info .item .logo-wrap .logo{filter: brightness(0) invert(1);}*/
.footer-info .item .logo-wrap .name{margin-top: 20px;font-size: 26px;text-align: left;}
.footer-info .item .links a{display: block;margin: 15px 0;line-height: 20px;color: #a0a0a0;transition: 0.3s;}
.footer-info .item .links a:hover{color: #fff;}
.footer-info .item .code-wrap img{display: inline-block;width: 100px;height: 100px;}
.footer-info .item .code-wrap span{display: block;margin-top: 10px;color: #a0a0a0;}
.footer-info .item .addr{line-height: 36px;color: #a0a0a0;}
.footer-info .item .addr .tel{font-size: 24px;font-weight: bold;color: #fff;}

/*大屏PC:>1200px*/
@media screen and (min-width: 1200px){
    /*常用宽度*/
    .w1200{width: 1200px;}
}

/*小屏PC:>=1025px && <=1200px*/
@media screen and (max-width: 1200px){
    .business-box .item .name{font-size: 13px;}
}

/*pad:>=768px && <=1024px*/
@media screen and (max-width: 1024px){
    .business-box .item .name{font-size: 12px;}
}

/*phone:<=767px*/
@media screen and (max-width: 767px){
    /*banner*/
    .banner .swiper-slide{padding-top: 60%;}
    .banner .swiper-pagination{bottom: 10px;}
    .banner .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 10px!important;}
    .banner .swiper-pagination-bullet:before{display: none;}
    .banner .swiper-pagination-bullet-active:after{left: -3px;top: -3px;;width: 10px;height: 10px;}
    .banner .btn{display: none;}

    /*首页标题*/
    .index-title{margin-bottom: 20px;}
    .index-title .name{font-size: 18px;}
    .index-title .name:before{left: -120px;}
    .index-title .name:after{right: -120px;}

    /*首页布局*/
    .index-content{padding-bottom: 0;}
    .index-content .part{padding: 30px 0;}
    /*part1*/
    .index-content .part1{padding: 30px 0 50px;}
    .index-content .part1:after{right: 0;width: 200px;height: 144px;opacity: .5;}
    /*part2*/
    .index-content .part2 .info{padding: 0;margin-bottom: 30px;font-size: 14px;}
    /*part6*/
    .index-content .part6 .info{padding: 0;margin-bottom: 30px;font-size: 14px;}
    .index-content .part6 .video-box{top: 0;}
    .index-content .part6 .video-box video{width: 100%;height: 240px;}

    /*业务领域*/
    .business-box .item{width: 25%;padding: 5px 0 15px;border: 1px solid #ececec;}
    .business-box .item .icon{transform: scale(.6);}
    .business-box .item .name{padding: 0 0.5em;margin: -1em 0 0;font-size: 12px;transform: scale(.9);}

    /*分类搜索表单*/
    .classify-search .item{width: 47%;height: 36px;margin-bottom: 20px;}
    .classify-search .item input{padding: 0 10px;}
    .classify-search .item select{padding: 0 10px;}
    .classify-search .sub-btn{width: 150px;height: 36px;padding: 0 40px;}

    /*办公环境图片轮播*/
    .work-pics-slider .swiper-slide{width: 80%;}

    /*数据展示区*/
    .data-box .item{width: 50%;}
    .data-box .item:before{display: none;}
    .data-box .item .icon{transform: scale(.8);}
    .data-box .item .num{margin: 0;font-size: 30px;}
    .data-box .item .txt{height: 40px;font-size: 12px;line-height: 20px;}

    /*新闻区*/
    .news-box .title{margin-bottom: 10px;}
    .news-box .item1{float: none;width: 100%;margin-bottom: 20px;}
    .news-box .item1 .content .con-l{float: none;width: 100%;}
    .news-box .item1 .content .con-r{padding: 10px;margin-left: 0;}
    .news-box .item2{float: none;width: 100%;}
    .news-box .item2 .content{padding: 10px;}

    /*底部信息*/
    .footer-info{display: none;padding: 30px 0 60px;}
    .footer-info .item{display: inline-block;width: 100%;padding: 0 10px;border-left: 0;}
    .footer-info .item .logo-wrap{text-align: center;}
    .footer-info .item .logo-wrap .logo{display: inline-block;}
    .footer-info .item .logo-wrap .name{text-align: center;}
}