@charset "utf-8";
/* CSS Document */

/*-----whole-----*/
/*-----whole-----*/
html{font-size:100px;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;overflow-x:hidden !important;}
body.resizing *{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;}

.contain{width:1300px;margin:0 auto;}

/*color:#0065b3;*/

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

/*通用img*/
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}

input.text,
textarea.text{display:block;padding: 8px 10px;width:100%;border:0px;background:none;margin:0px;}



/*-- 首页 --*/
.I-title{text-align:center;}
.I-title .title{line-height:53px;height:53px;font-size:26px;position:relative;font-weight: 700;}
.I-title .title:after,
.I-title .title:before{content:"";display:inline-block;width:141px;height:53px;vertical-align:middle;margin:0 28px 0 0;}
.I-title .title:after{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);margin:0 0 0 28px;}
.I-title .con{line-height:25px;font-size:16px;color:#777777;margin:15px 0 0;}



/*经典案例*/
.index-case{padding:30px 0 50px;}


.Icase-swiper{position:relative;margin:26px 0 0;}
.Icase-box{display:block;color:#fff;position:relative;}
.Icase-box .Icase-img{width:100%;height:450px;object-fit:cover;}

.Icase-block{width:100%;padding:40px 10% 34px 19.3333%;background:rgba(0,0,0,.3);position:absolute;left:0px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition-duration:.6s;-webkit-transition-duration:.6s;}
.Icase-block .num{line-height:134px;height:134px;font-size:123.18px;font-weight:600;opacity:.2;position:absolute;left:0px;top:50%;margin-top:-67px;}
.Icase-block .title{display:block;line-height:30px;font-size:24px;position:relative;z-index:2;}
.Icase-block .title:after{content:"";display:inline-block;width:14px;height:5px;background:url(../images/icon/icon-go.png) no-repeat center center;vertical-align:middle;margin:-2px 0 0 10px;}
.Icase-block .con{line-height:30px;}
.Icase-block .btn{display:block;width:148px;height:40px;line-height:38px;border:1px solid rgba(255,255,255,.6);border-radius:40px;margin:38px auto 0;}
.Icase-block .btn:hover{color:#0065b3;background:#fff;border-color:#fff;}
.Icase-block .con,
.Icase-block .btn{opacity:0;visibility:hidden;position:absolute;}

.Icase-line{height:1px;background:rgba(255,255,255,.1);margin:19px 0 0;}

.Icase-box:hover .Icase-block{padding:60px 15% 0;height:100%;text-align:center;top:0px;transform:translateY(0);-webkit-transform:translateY(0);}
.Icase-box:hover .Icase-block .num{height:127px;line-height:127px;font-size:116.44px;opacity:.12;position:relative;top:0px;margin-top:0px;}
.Icase-box:hover .Icase-block .title{line-height:28px;font-weight:600;display:none;}
.Icase-box:hover .Icase-block .title:after{display:block;width:19px;height:2px;background:#fff;margin:13px auto 22px;}
.Icase-box:hover .Icase-block .con,
.Icase-box:hover .Icase-block .btn{opacity:1;visibility:visible;position:relative;}
.Icase-box:hover + .Icase-line{background:#fff;}

.IcaseSwiper-prev,
.IcaseSwiper-next{display:block;width:62px;height:62px;line-height:62px;font-size:0px;text-align:center;border-radius:100%;background:#000;opacity:.91;position:absolute;top:50%;margin-top:-31px;z-index:2;}
.IcaseSwiper-prev:after,
.IcaseSwiper-next:after{content:"";display:inline-block;width:10px;height:19px;vertical-align:middle;}
.IcaseSwiper-prev{left:-20px;}
.IcaseSwiper-next{right:-20px;}
.IcaseSwiper-prev:after{background:url(../images/icon/swiper1-l.png) no-repeat center center;}
.IcaseSwiper-next:after{background:url(../images/icon/swiper1-r.png) no-repeat center center;}
.IcaseSwiper-prev:hover,
.IcaseSwiper-next:hover{background:#fff;opacity:1;}
.IcaseSwiper-prev:hover{left:0px;}
.IcaseSwiper-next:hover{right:0px;}

.IcaseSwiper-prev.swiper-button-disabled, 
.IcaseSwiper-next.swiper-button-disabled{display:none;}



.pPerfMap-box{width:343px;padding:30px 0 44px;background:#f4f4f4;position:absolute;top:180px;right:-355px;display:none;}
.pPerfMap-box .province{display:inline-block;padding:0 10px;min-width:178px;line-height:60px;text-align:center;font-size:24px;color:#fff;background:#4284ce;position:relative;left:-12px;}
.pPerfMap-box ul{min-height:119px;padding:23px 30px 0 40px;background:url(../images/content/pPerfMap-1.png) no-repeat 92% 92%;}
.pPerfMap-box ul li{padding:14px 0 14px 35px;line-height:20px;background:url(../images/icon/icon-l1.png) no-repeat left 14px;}
/*-- 关于我们 --*/
.A-title{width:288px;padding:0 0 20px;text-align:center;border-bottom:1px solid #e1e1e1;position:relative;margin:0 auto;}
.A-title span{display:block;line-height:54px;font-size:36px;color:#000;}
.A-title span:after{content:"";display:block;width:67px;height:2px;background:#0065b3;position:absolute;bottom:-1px;left:50%;margin:0 0 0 -33px;}
.A-title.At2 span{color:#fff;}


.IadvMedia-btn,
.IadvSlogan-orn,
.IadvSlogan-box,
.Iadv-block:after,
.Iadv-con,
.cHonor-box:after,
.cHonor-con,
.cValue-block .cValue-con,
.srvModal-contain,
.srvlist-type:after,
.pPerfCase-block:after
{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
/*资质荣誉*/
.com-honor{padding:52px 0 68px;background:#f4f4f4;}
.cHonor-swiper{width:90.41666666666667%;position:relative;margin:49px auto 0;}
.cHonor-box{display:block;padding:20px;background:#fff;position:relative;overflow:hidden;}
.cHonor-box .cHonor-img{height:336px;line-height:336px;font-size:0px;text-align:center;overflow:hidden;}
.cHonor-img img{max-width:99%;max-height:100%;object-fit:cover;}

.cHonor-box:after{content:"";display:block;width:90.52132701421801%;height:89.36170212765957%;border:0px solid #e4e4e4;z-index:5;}

.cHonor-block{width:100%;height:100%;background:rgba(0,101,179,.85);position:absolute;top:0px;left:0px;opacity:0;}
.cHonor-con{width:57.58293838862559%;text-align:center;}
.cHonor-con .con{padding:26px 0;line-height:32px;font-size:18px;color:#fff;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);}
.cHonor-con .btn{width:33px;height:31px;background:url(../images/icon/icon-see.png) no-repeat center center;margin:39px 0 0;}

.cHonor-box:hover{box-shadow:0 4px 18px rgba(7,139,239,.35);}
.cHonor-box:hover:after{border-color:rgba(255,255,255,.4);}
.cHonor-box:hover .cHonor-block{opacity:1;}

.cHonor-swiper .swiper-pagination{font-size:0px;position:relative;bottom:0px !important;margin:50px 0 0;}
.cHonor-swiper .swiper-pagination .swiper-pagination-bullet{width:11px;height:11px;background:#a6a6a6;border-radius:100%;opacity:1;margin:0 9px;}
.cHonor-swiper .swiper-pagination .swiper-pagination-bullet-active{background:#0065b3;}

.cHonorSwiper-prev,
.cHonorSwiper-next{display:block;width:70px;height:15px;position:absolute;bottom:0px;z-index:2;}
.cHonorSwiper-prev{left:2.68rem;background:url(../images/icon/swiper3-l.png) no-repeat center center;}
.cHonorSwiper-next{right:2.68rem;background:url(../images/icon/swiper3-r.png) no-repeat center center;}

.cHonorSwiper-prev.swiper-button-disabled,
.cHonorSwiper-next.swiper-button-disabled{display:none;}
/*导航*/
.page-nav{font-size:0px;text-align:left;width: 1300px;margin: 0 auto;}
.page-nav a{display:inline-block;padding:0 0px;min-width:130px;height:60px;line-height:60px;font-size:38px;color:#000;font-weight: 700;}
/*典型案例*/
.projPerf-case{padding:45px 0 87px;}

.pPerfCase-list{width:104.125%;margin:0 0 0 -4.125%;}
.pPerfCase-list li{width:33.333%;padding:16px 0 17px 3.961584633853541%;float:left;}
.pPerfCase-list .pPerfCase-box{display:block;color:#fff;position:relative;}
.pPerfCase-box:after{content:"";display:block;width:100%;height:100%;background:url(../images/bg/FGP-bg1.png) repeat;position:absolute;bottom:-15px;right:-15px;z-index:-2;}
.pPerfCase-box .pPerfCase-img{width:100%;height:268px;object-fit:cover;}
.pPerfCase-box .pPerfCase-name{text-transform: uppercase;font-weight: 700;width:100%;padding:10px 0px 10px 10px;line-height:28px;text-align:left;font-size:21px;background:rgba(0,0,0,.45);position:absolute;left:0px;bottom:0px;
transition-delay:.3s;-webkit-transition-delay:.3s;letter-spacing: -0.055em;}
.pPerfCase-box .pPerfCase-block{padding:50px 14.98637602179837% 0;width:100%;height:100%;text-align:center;background:rgba(66,132,206,.85);position:absolute;top:0px;left:0px;z-index:2;opacity:0;}
.pPerfCase-block:after{content:"";width:89.91825613079019%;height:86.19402985074627%;border:1px solid rgba(255,255,255,.35);z-index:-2;}
.pPerfCase-block .name{line-height:31px;font-size:18px;}
.pPerfCase-block .split{display:block;width:1px;height:13px;background:#fff;margin:10px auto 9px;}
.pPerfCase-block .con{line-height:28px;max-height:56px;}
.pPerfCase-block .btn{width:137px;height:39px;line-height:37px;border:1px solid rgba(255,255,255,.65);border-radius:39px;margin:65px 0 0;}
.pPerfCase-block .btn:hover{color:#4284ce;border-color:#fff;background:#fff;}


.projPerf-case .pagination{margin:73px 0 0;}