﻿.banner img{height: auto;}
.twoNav{height: 5vw;line-height: 5vw;background: #eeeeee;text-align:center;}
.twoNav a{display: inline-block;font-size: 16px;color: #000;position:  relative;flex: 1;padding: 0px 145px;}
.twoNav a::after{background: #bfbfbf;width:1px;height: 15px;content: "";display: block;position:  absolute;right:  0px;top: 50%;margin-top: -7px;}
.twoNav a:last-child::after{display:none;}
.twoNav a.active{color:#448aca;}
.about .name{padding: 3.12vw 0px;text-align: center;height: 52px;}
.about .name .en{text-transform: capitalize;display:  block;font-size:24px;line-height: 20px;position:  relative;height: 54px;font-family: 'Arial';text-align: left;}
.about .name .en i{font-weight: 500;font-size:53px;position: absolute;top: 10px;margin: 0px 5px 0px 0px;left: -43px;}
.about .name .en .em2{font-size:16px;color:#333333;font-weight:normal;line-height:  20px;height: 20px;font-family: '思源黑体','微软雅黑';display: block;position: unset;text-align: left;margin: 3px 0px 0px 0px;}
.about .name .s1{position: absolute;width: fit-content;height:  100px;display:  block;margin: 0 auto;left: 50%;/* min-width: 70px; */transform: translateX(-30%);}
.aboutBox{padding:0px 1.5%;margin:0px 0px 10vw 0px;}
.aboutBoxL{width:53%;float: left;}
.aboutBoxL img{width:100%;height: 34vw;}
.aboutBoxR{width: 36%;float: left;margin:0px 0px 0px 4.3%;}
.aboutBox .className{margin:1.4vw 0px 0px 0px;color:#448aca;font-size:22px;}
.aboutBox1 .className{color:#448aca;font-size:22px;}
.aboutBox .className::after{display:block;content:"";width:90px;height:1px;background:#448aca;margin:3px 0px 0px 0px;}
.aboutBoxR1{font-size: 14px;color:#333;line-height: 22px;margin: 1.3vw 0px 0px 0px;height: 20vw;/*overflow:  hidden;*/}
.about .name .i1{text-transform: uppercase;}
.aboutBox1{width:1200px;margin:0 auto;}
.aboutBox1 .aboutContent{font-size: 14px;color:#333;line-height: 22px;margin:30px 0px;}
.about .name .i1:first-letter{font-size:40px;text-transform:uppercase}
.aboutBox1 img{max-width:100%;}
.aboutBoxL .swiper-pagination{bottom:20px;}
.aboutBoxL .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:1;}
.aboutBoxL .swiper-pagination .swiper-pagination-bullet-active{background:#448aca;}
/*资质证书*/
.zizhi{width:1230px;margin: -40px auto 200px;background: url(../images/icon-slide1.png) center bottom no-repeat;padding: 0px 0px 30px 0px;}
.zizhi ul{background: url(../images/icon-slide.png) center center repeat-y;padding:80px 0px 0px 0px;}
.zizhi ul li{margin: 0px 0px 60px 0px;position: relative;}
.LiL{width: 595px;float: left;text-align: right;}
.LiR{width: 580px;float: right;margin:0px 0px 0px 30px;}
.LiR img{max-width:100%;}
.LiL .title{font-size: 14px;color: #1a307b;/* position:  relative; */margin: 10px 0px 0px 0px;}
.LiL .title i.circle{position:absolute;background:url(../images/icon-circle.png) center center no-repeat;width:15px;height:15px;left: 50%;margin-left: -7.5px;top: 12px;}
.LiL .sum{color: #777777;font-size: 14px;line-height: 22px;margin:12px 0px 0px 0px;}
.zizhi ul li:nth-child(2n) .LiL{float: right;text-align: left;}
.zizhi ul li:nth-child(2n) .LiR{float: left;margin:0px;text-align:  right;}
.zizhi ul li:nth-child(2n)  .LiL .title{color: #937441;}
.zizhi ul li:nth-child(3n)  .LiL .title{color: #f0c561;}
.zizhi ul li:nth-child(4n)  .LiL .title{color: #3f3d40;}
.zizhi ul li:last-child{margin:0px;}
.zizhi .loadmore{display: block;text-align:  center;margin: 40px 0px 0px 0px;position:  absolute;left:  50%;margin-left: -9px;}
.fixedMask{display:none;width:200px;height:100px;background: #666;position:fixed;left:50%;margin-left:-100px;top:50%;margin-top:-50px;font-size: 20px;color: #fff;line-height: 100px;text-align: center;border-radius:5px;}
 /*人力资源*/
.resource{width:1200px;margin: 0 auto 30px;}
.resource li{width:335px;margin:0px 0px 70px 50px;float: left;}
.resource li .Img{height: 94px;line-height: 94px;text-align:  center;}
.resource li .Img img{vertical-align: middle;max-width: 100%;max-height: 100%;}
.resource li .tit{font-size: 16px;color: #535353;text-align: center;margin:  40px 0px 0px 0px;}
.resource li .sum{font-size: 14px;color: #535353;line-height: 20px;margin:25px 0px 0px 0px;}

/*联系我们*/
.contact{width:1320px;border:1px solid #bfbfbf;margin:0 auto;padding: 50px 0px;box-shadow: 0px 5px 10px 2px #eee;}
.contact li{padding:0px 110px;float: left;width:210px;position:  relative;}
.contact .t1{font-size: 24px;color: #333333;}
.contact .t1::after{content: "";display: block;width:30px;height: 2px;background: #696e78;margin: 15px 0px 0px 0px;}
.contact .t2{font-size: 14px;color: #666666;margin: 33px 0px 0px 0px;line-height: 22px;}
.contact li::after{display: block;width:1px;height: 100px;background: #eaeaea;content: "";position:  absolute;right:  0px;top: 35px;}
.contact li:last-child::after{display:none;}
#maps{height: 28vw;width:100%;margin:4.5vw 0px 0px 0px;}
#maps .map{height: 28vw;width:100%;}
.BMap_bubble_content{font-size: 16px;}
#maps .map .contact_em{font-size: 12px;}

/*在线留言*/
.online{width:1320px;margin:0 auto;}
.online .p1{font-size: 16px;color: #808080;line-height: 26px;margin: 0px 0px 35px 0px;}
.online form{margin:0px 0px 100px 0px;}
.online input[type='text']{width:100%;height: 44px;line-height: 44px;border: 1px solid #ececec;background: url(../images/icon-tel1.png) 15px center no-repeat;text-indent: 35px;font-size: 16px;color: #808080;margin:0px 0px 22px 0px;}
.online textarea{width:100%;height:280px;line-height: 30px;border: 1px solid #ececec;background: url(../images/icon-online.png) 15px 10px no-repeat;text-indent: 45px;font-size: 16px;color: #808080;margin:0px 0px 22px 0px;padding: 5px 0px;outline: none;}
.online input[type='button']{width: 150px;height: 50px;line-height: 50px;font-size: 22px;color: #fff;background: #165dac;border-radius: 5px;margin: 33px 0px 33px 485px;cursor:  pointer;}
.online input[type='reset']{width: 150px;height: 50px;line-height: 50px;font-size: 22px;color: #165dac;background: #fff;border-radius: 5px;border:1px solid #165dac;margin: 0px 0px 0px 25px;position:  relative;top: 1px;cursor:  pointer;}
.online input[type='text'].vc{width:300px;}
.online #vcImg{width:80px;}
/*详情页*/
.info {margin: 2vw auto 10vw;width: 1200px;font-size: 14px;line-height: 24px;color: #777777;min-height: 500px;}
.info .className{color: #333333;font-size:  24px;font-weight:  bold;margin: 2.1vw 0px 0px 0px;}
.info .className::after{background: #e5e5e5;width: 100%;margin: 1.8vw 0px 0px 0px;}
.info .aboutBoxR1{color: #777777;font-size: 14px;line-height: 20px;height:  auto;}
.info .aboutBoxL{width:63%;}
.info .aboutBoxR{width: 35%;margin:0px;float: right;}
.ArticleTitle{font-size:24px;color:#333333;text-align:center;margin:0px 0px 20px 0px;border-bottom:1px solid #e5e5e5;padding:75px 0px 30px 0px;line-height:30px;}
.info img{max-width:100%;}
/*新闻中心*/
.news{padding:0px 1.5%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.news li{margin:0px 1.5% 1.5% 0px;width: 32.3%;/* float:  left; */margin-bottom: 0;/* height: 370px; */}
.news li .Img{width:100%;height:15.7vw;overflow:hidden;}
.news li .Img img{width: 100%;max-height: 100%;transform:scale(1.0);transition:1s all ease;}
.news li:nth-child(3n){margin:0px 0px 1.5% 0px;margin-bottom: 0;}
.news li .tit{color: #333;font-size: 16px;margin:1.3vw 0px 1.2vw 0px;font-weight: bold;/* height: 20px; */overflow: hidden;text-align: center;line-height: 20px;margin: 1.3vw 0 1.5vw;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news li .sum{color: #777777;font-size: 14px;line-height: 20px;}
.News .loadmore{color: #777777;font-size: 16px;display:  block;width: 110px;margin:0 grid-auto-columns;margin: 50px auto;}
.news li:hover img{transform:scale(1.3);}
.News .loadmore img{margin: -4px 20px 0px 0px;animation: turn 2s linear infinite;display: none;}
@keyframes turn{
      0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}
    }
/*服务项目*/
.Service{padding:0px 1.5%;}
.Service1 li{height: 17.8vw;margin: 0px 1% 2vw 0px;float: left;width: 24.25%;position:relative;}
.Service1 li:nth-child(4){margin-right:0px;}
.Service1 li .Img{width:100%;height:100%;overflow:hidden;}
.Service1 li .Img img{width:100%;height:100%;transform:scale(1.0);transition:1s all ease;}
.Service1 li :hover img{transform:scale(1.3);}
.Service1 li .black{position:absolute;left:4%;top:5%;width:92%;height:90%;background:url(../images/icon-arrow1.png) center center no-repeat;background-size: 97%;opacity:0;}
.Service1 li .mask{position:absolute;left:5%;top:5%;width:90%;height:90%;background:rgba(0,0,0,0.5);transition:1s all ease;}
.Service1 li .mask .words{position:absolute;bottom:15%;width:80%;left:10%;color:#fff;font-size:14px;text-align:center;line-height:20px;}
.Service1 li .mask .tit{font-size:26px;margin:0px 0px 20px 0px;}
.Service1 li:hover .black{opacity: 1;}
.Service2{background:#f9f9f9;margin: 0px 0px 1.8vw 0px;}
.Service2L{width: 30%;float: left;padding: 4.5vw 5% 0vw 5%;line-height: 22px;}
.Service2L .p1{color:#777;font-size:16px;}
.Service2L .p2{color:#333;font-size:24px;font-weight:  bold;margin: 1.5vw 0px 2.5vw 0px;}
.Service2L .in{color:#777;font-size:14px;}
.Service2L .p2::after{content:"";display:block;width:50px;height:1px;background:#777777;margin: 1.7vw 0px 0px 0px;}
.Service2R{width: 60%;float:right;height:  32.25vw;}
.Service2R img{width:100%;height:  100%;}
.Service3{position: relative;width:97%;margin:0 auto;}
.Service3L{width:28%;height: 38.5vw;background: #1b1f2c;position:relative;}
.Service3L1{width: 78%;height: 38.5vw;background: #1b1f2c;position:absolute;z-index: 9;}
.Service3R1{width:95.2%;position:absolute;right: 0px;height: 28vw;top: 5.25vw;}
.Service3R1 .swiper-button-next{background:url(../images/icon-next.png) center center no-repeat;width: 4.2vw;height:4.2vw;right:auto;left:3vw;background-size: cover;top: 9.5vw;}
.Service3R1 .swiper-button-prev{background:url(../images/icon-prev.png) center center no-repeat;width:4.2vw;height:4.2vw;background-size: cover;left: 3vw;top: 4vw;}
.Service3R{width: 82%;position: absolute;right: 0px;height: 100%;padding: 0px 0px 0px 18%;}
.Service3R li .Img{width:100%;height: 12.3vw;overflow: hidden;}
.Service3R li img{width: 100%;height: 100%;}
.Service3R li .words{background:#fff;padding:1vw;min-height: 12.8vw;border-bottom: 0.9vw solid #1b1f2c;}
.Service3R li .words .tit{font-size:22px;color:#1b1f2c;margin: 0.5vw 0px 0px 0px;}
.Service3R li .words .sum{font-size:14px;color:#1b1f2c;margin:10px 0px;line-height: 20px;}
.Service3R1 .swiper-pagination{position:absolute;left:0px;width:11vw;top:auto;bottom:4vw;height:3px;background: #232738;z-index: 99999999999999;}
.Service3R2{width: 82%;position: absolute;right: 0px;height: 100%;overflow:hidden;}
.Service3 .num{position:absolute;bottom:5vw;color:#fff;z-index: 99999;font-family:'Arial';}
.Service3 .num .total{font-size:40px;color:#232738;margin: 0px 0px 0px 10px;}
.Service3 .num .curr{font-size:70px;color:#fff;margin: 0px 0px 0px 5px;}
.Service3R1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#49687c;}
.Service_Bottom{width:100%;background:url(../images/service_bg.jpg) center center no-repeat;background-size:cover;position:relative;margin: 2.1vw auto 10vw;}
.Service_Bottom ul{width:1200px;margin: 0 auto;position:relative;padding: 0px 0px 1.5vw 0px;}
.Service_Bottom ul li{width: 250px;float:left;background: url(../images/icon-service1.png) left bottom no-repeat;min-height: 220px;color:#535352;font-size:14px;line-height: 20px;position: relative;padding: 0px 30px 0px 20px;}
.Service_Bottom ul::before{content:"";display:block;width:100%;height: 2px;background:#474747;position: relative;top: 220px;z-index: 9;}
.Service_Bottom li .tit{font-size:18px;line-height: 24px;margin:0px 0px 1vw 0px;}
.Service_Bottom li .sum{display:none;}
.Service_Bottom ul li:after{content:"";display:block;width:20px;height:20px;background:url(../images/icon-service.png) center center no-repeat;position: absolute;z-index: 9999999999;left: 172px;bottom: -8px;}
.Service_Bottom .name{font-size:32px;height: auto;padding: 4.68vw 0px 1.56vw 0px;}
.Service_Bottom .su{font-size:16px;width: 820px;margin: 0 auto 4.68vw;text-align: center;line-height: 26px;color: #5c5c5c;}
.Service_Bottom ul li:nth-child(5){margin:0px 0px 0px 200px;background:url(../images/icon-service2.png) left top no-repeat;padding: 85px 30px 0px 20px;}
.Service_Bottom ul li:nth-child(6){background:url(../images/icon-service2.png) left top no-repeat;padding: 85px 30px 0px 20px;}
.Service_Bottom ul li:nth-child(7){background:url(../images/icon-service2.png) left top no-repeat;padding: 85px 30px 0px 20px;}
.Service_Bottom ul li:nth-child(5):after{bottom:auto;top: -11px;}
.Service_Bottom ul li:nth-child(6):after{bottom:auto;top: -13px;}
.Service_Bottom ul li:nth-child(7):after{bottom:auto;top: -13px;}

.photo{padding: 3vw 1.5%;}
.photo li{width: 24.25%;float: left;margin: 0px 1% 1vw 0px;}
.photo li img{max-width: 100%;width: 100%;height: 100%;}
.photo li:nth-child(4n){margin-right:0px;}
.photo li a{display:block;height:100%;}
.photo li .photo_im{height: 15.7vw;overflow: hidden;}
.photo li .photo_p{font-size:16px;color: #333;margin:7px 0px 5px 0px;text-align:center;}
.fancybox-overlay {z-index: 99999999!important;}

#pages{text-align:center;margin: 115px auto 50px;height: 30px;}
#pages a{padding: 5px 10px;background: #eee;color: #333;margin: 0px 2px;}
#pages a.currentpage{background: #4e7ba2;color: #fff;}

@media(max-width:1500px){
    .Service2L .in{font-size:12px;line-height:18px;}
    .aboutBoxR1{font-size: 12px;line-height: 20px;}
}


@media(max-width:880px){
    .about .name{font-size: 20px;padding: 30px 0px 4px 0px;}
    .about .name .en{font-size: 14px;height: 50px;}
    .about .name .en i{font-size: 38px;left: -30px;}
    .about .name .en .em2{font-size:14px;margin: 0;}
    .about .name .s1{/* left: 15px; *//* min-width: 75px; */}
    .aboutBoxL img{height: 64vw;}
    /*联系我们 */
    .contact{width: 95%;padding: 20px 0px;}
    .contact li{padding:0px 10px;float: none;width: 210px;text-align: center;margin: 0px auto 30px;}
    .contact .t1::after{margin: 10px auto 0px;width: 20px;height: 1px;background: #1e2635;}
    .contact .t2{margin:15px 0px 0px 0px;line-height: 20px;}
    .contact .t1{font-size:16px;}
    .contact li::after{display:none;}

    #maps{height: 90vw;margin:30px 0px 0px 0px;}
    #maps .map{height: 90vw;}

    /*关于我们 */
    .twoNav{height:40px;line-height:40px;font-size:14px;display: flex;}
    .twoNav a{font-size: 14px;padding: 0px;}
    .aboutBox{padding: 0px 2.5%;}
    .aboutBoxL{width: 100%;float: none;}
    .aboutBoxR{width: 100%;float: none;height:auto;margin: 15px 0px;}
    .aboutBoxR1{height:auto;width:100%;line-height: 20px;font-size: 14px;margin: 15px auto 0px;}
    .aboutBoxR .className{font-size:16px;margin: 15px 0px 0px 0px;}
    .aboutBox1{width: auto;}
    .aboutBox1 .aboutContent{width:100%;margin: 20px 0px;}
    .aboutBox1 .className{margin:10px 0px 0px 0px;font-size: 20px;}
    .aboutBoxL .swiper-pagination{bottom:15px;}
    .aboutBoxL .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;}
    /*资质证书*/
    .zizhi ul{padding:50px 0px 0px 0px;}
    .zizhi{width:95%;margin: 20px auto 100px;}
    .LiL{width: 47%;}
    .LiR{width: 40%;margin: 0px 0px 0px 4%;}
    .LiL .title i.circle{background-size: 7px;top: 2px;}
    .LiL .title{margin: 0px 0px 0px 0px;}
    .LiR img{margin:0px 0px 10px 0px;}
    .zizhi ul li{margin:0px 0px 10vw 0px;}

    /*在线留言*/
    .online{width:95%;}
    .online .p1{font-size:14px;}
    .online input[type='text']{height:40px;line-height:40px;}
    .online textarea{height:200px;margin: 0px;}
    .online input[type='button']{margin-left: calc((100% - 250px)/2);width: 115px;height: 40px;line-height: 40px;font-size: 18px;}
    .online input[type='reset']{margin:0px 0px 0px 20px;width: 115px;height: 40px;line-height: 40px;font-size: 18px;}
    .online form{margin: 0px 0px 30px 0px;}
    .online input[type='text'].vc{width:calc(100% - 90px);}


    /*人力资源*/
    .resource{width:95%;display: flex;flex-direction: row;flex-wrap: wrap;margin: 20px auto;}
    .resource li{width: 48%;margin: 0px 0px 25px 0px;padding: 0px 1%;}
    .resource li .Img{height: 45px;line-height: 45px;}
    .resource li .Img img{max-width:100%;max-height:100%}
    .resource li .tit{margin:15px 0px 0px 0px;font-size:15px;}
    .resource li .sum{margin:10px 0px 0px 0px;font-size: 12px;}

    /*新闻中心*/
    .news{padding:0px 2.5%;}
    .news li{width:100%;margin: 0px 0px 20px 0px;height: auto;}
    .news li:nth-child(3n){margin-bottom:20px}
    .news li .Img{height:57vw;}
    .news li .tit{/* font-weight:normal; */margin: 10px 0px 4px 0px;line-height: 26px;}

    .info .aboutBoxL{width:100%;float:none;}
    .info .aboutBoxR{width:100%;}
    .info .className::after{margin:10px 0px 0px 0px;}
    .info{width:95%;}
    .ArticleTitle{font-size:16px;margin:0px 0px 10px 0px;padding:25px 0px 10px 0px;line-height:30px;}
    
    /*服务项目 */
    .Service{padding:0px;}
    .Service1{padding:0px 2.5%}
    .Service1 li{height:36vw;margin: 0px 2% 2vw 0px;width:49%;}
    .Service1 li:nth-child(2n){margin-right:0px;}
    .Service1 li .mask .words{bottom: 4%;font-size: 10px;}
    .Service1 li .mask .tit{font-size: 16px;margin: 0px 0px 5px 0px;}
    .Service1 li .mask .words .sum{line-height: 18px;}
    .Service2{margin:0px 0px 5vw 0px;}
    .Service2L{width: auto;float: none;padding: 4.5vw 2.5% 0 2.5%;line-height: 22px;}
    .Service2L .p1{font-size: 14px;}
    .Service2L .p2{font-size: 18px;margin: 1.5vw 0px 4vw 0px;}
    .Service2L .in{color:#777;font-size:14px;}
    .Service2L .p2::after{width: 30px;}
    .Service3{width:95%;}
    .Service2R{width: 95%;float: none;height: auto;margin: 10px auto 0px;}
    .Service3L{width:41%;height:55vw;}
    .Service3L1{width: 78%;height:100%;}
    .Service3R1{width:93%;height: 40vw;top: 7.5vw;}
    .Service3R{width:73%;}
    .Service3R li .Img{height:18vw;}
    .Service3R li .words .tit{font-size:16px;margin: 0;line-height: 20px;}
    .Service3R li .words .sum{font-size:10px;line-height: 16px;height: 50px;margin: 0px;overflow: hidden;}
    .Service3R li .words{min-height: 1vw;padding: 5px;}
    .Service3 .num .curr{font-size:24px;}
    .Service3 .num .total{font-size:18px;margin: 0px 0px 0px 5px;}
    .Service3R1 .swiper-pagination{width:20vw;}
    .Service3R1 .swiper-button-next{width: 30px;height: 30px;top: 17vw;}
    .Service3R1 .swiper-button-prev{width: 30px;height: 30px;top: 7vw;}
    .Service_Bottom .su{font-size: 12px;width: 95%;margin: 7px auto 25px;line-height: 20px;}
    .Service_Bottom ul{width: 900px;}
    .ServiceUl{overflow-x:scroll;}
    .Service_Bottom ul li{width: 170px;min-height: 190px;font-size:12px;padding: 0px 15px 0px 12px;margin: 0px 0px 0px 15px;}
    .Service_Bottom ul::before{top: 192px;}
    .Service_Bottom li .tit{font-size: 15px;}
    .Service_Bottom li .sum{line-height:18px;}
    .Service_Bottom ul li:after{width: 15px;height:15px;background-size: contain;left: 174px;}
    .Service_Bottom ul li:nth-child(5){margin:0px 0px 0px 150px;padding: 75px 30px 0px 12px;}
    .Service_Bottom ul li:nth-child(5):after{bottom:auto;top: -7px;}
    .Service_Bottom ul li:nth-child(6):after{bottom:auto;top: -7px;}
    .Service_Bottom ul li:nth-child(7):after{bottom:auto;top: -7px;}
    .Service_Bottom ul li:nth-child(6){padding: 75px 30px 0px 12px;}
    .Service_Bottom ul li:nth-child(7){padding: 75px 30px 0px 12px;}
    .Service_Bottom{margin: 6vw 0px 18vw 0px;}

    /*员工关怀 */
    .photo li{width: 49%;margin: 0px 0px 10px 0px;}
    .photo li:nth-child(2n){float:right;}
    .photo li .photo_im{height: 31vw;}
    .photo li .photo_p{font-size:14px;}
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image: url(../img/ico1.png)!important;background-size:contain!important;}
    .fancybox-prev{background-size: 30px!important;}
    .fancybox-next{background:transparent url(../img/ico3.png) right center no-repeat!important;background-size: 30px!important;}







}








