@charset "utf-8";
/* 564379992@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0px; padding: 0px; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman; font-size: 12px; color: #333; min-width: 1405px; margin: 0 auto; position: relative; background: #fff; -webkit-text-size-adjust: none; }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #333; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman; }
i, em { display: inline-block; font-style: normal; }
*:focus { outline: none }
img { border: 0px; max-width: 100%; }
ul, li { list-style-type: none; }
a { color: #424242; text-decoration: none; border: none; outline: none; transition: all 0.5s ease; }
a:hover { color: #0d86db; }
.clear { clear: both; content: ''; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.wrap { width: 1405px; margin: 0 auto; height:100%;}
.flex{ display:flex; align-items: center;}
.between{ display: flex; align-items: center; justify-content: space-between;}
.center{display: flex; align-items: center; justify-content:center;}
@font-face {
    font-family: HELVETICANEUELTPRO-THEX;
    src: url("../font/HELVETICANEUELTPRO-THEX.OTF") format("opentype");
}
/***头部***/
.headtop { height: 31px; overflow: hidden;  background: #1f5baa;  font-size: 14px; color: #bddcfe;}
.headtop .fr img{margin-right:5px;}
.headtop .fr a{ font-size:16px; color:#ffb20d; font-weight:bold; margin-right:10px;}
.nav{ height:100px; background:#fff; }
.nav .fl{ width:396px; margin-right:108px;}
.nav ul{flex:1;}
.nav ul li:nth-child(1){ border-left:1px solid #eee;}
.nav ul li{flex:1; border-right:1px solid #eee;}
.nav ul li a{ height:100px; flex-direction: column; font-size:18px;}
.nav ul li a span{display:block; color:#999; margin-top:10px;  text-transform: uppercase; font-size:12px;}
.nav ul li.on a,.nav ul li:hover a{ background:#e5f3ff; color:#0d86db}
.nav ul li.on a span,.nav ul li:hover a span{color:#0D86DB; }
.fixed{ top:0; width:100%; background:#fff; z-index:222; position: fixed; left:0; min-width:1200px; box-shadow:#bbb 0 0 12px;}

/**焦点图***/
.banner .swiper-slide{ width:100%; overflow:hidden;}
.banner .swiper-slide img{ display:block; width:100%;}
.banner .swiper-pagination-bullet{ width:75px; height:4px; border-radius:0; background:#fff; opacity:0.5; cursor:pointer;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background:#0d86db}

/***搜索***/
.search{ height:40px; margin-top:24px;}
.search .fl{ flex:1; font-size:14px;}
.search .fl a{ margin-right:20px;}
.search .fr form{ height:40px; width:385px; overflow:hidden; border:1px solid #d3d3d3; border-radius:40px;}
.search .fr form .intxt{ flex:1; border:0; padding:0 20px; font-size:14px;}
.search .fr form .sbtn{ width:60px; height:40px; background:url(../img/search.png) no-repeat center; border:0;}

/***业务范围***/
.business{ height:718px; background:url(../img/bg.jpg) no-repeat center; overflow:hidden;}
.title img{display: block; margin:0 auto;}
.business .title{margin-top:152px;}
.business ul{margin-top:150px;}
.business ul li{ margin-bottom:44px;}
.business ul li img{ width:63px; height:63px; }
.business ul li .text{ flex:1;}
.business ul li .text h2{ font-size:24px; line-height:24px;}
.business ul li .text p{ font-size:14px; font-family: Italic; color:#999; padding-top:8px;}
.business ul.fl .text{ text-align: right; margin-right:15px;}
.business ul.fr .text{ margin-left:15px;}

.adv{ background-repeat: no-repeat; background-position:center center;}
.adv.adv1{ height:235px; margin-top:-11px; position: relative;}
.adv a{display: block; height:100%;}

/***优势***/
.youshi{ padding-top:77px;}
.youshi ul{ overflow: hidden; margin-top:55px;}
.youshi ul li{ height:449px; background:#f8f8f8; overflow: hidden;}
.youshi ul li .fr{ width:50%;}
.youshi ul li .fr img{width:100%; height:449px;}
.youshi ul li .fl{ padding:46px 37px 0 32px; background:url(../img/line.png) no-repeat 30px 370px; width:50%; height:449px; position: relative;}
.youshi ul li .fl .tit .ico{ width:64px; height:98px; margin-right:20px;}
.youshi ul li .fl .tit .txt{flex:1;}
.youshi ul li .fl .tit .txt .sub{ padding:5px 10px; background:#f0ac55; font-size:18px; color:#fff; font-weight: bold; line-height:18px;}
.youshi ul li .fl .tit .txt h2{ font-size:33px; line-height:33px; color:#222; margin-top:15px;}
.youshi ul li .fl .tit .txt p{ font-size:16px; color:#bdbdbd; padding-top:10px;}
.youshi ul li .fl .text{ margin-top:20px; margin-left:66px; line-height:25px; font-size:16px; color:#555;}
.youshi ul li .fl .text p{  margin-bottom:40px; background:url(../img/r.png) no-repeat left 6px; padding-left:24px; }
.youshi ul li:nth-child(2n) .fr{ float:left;}
.youshi ul li:nth-child(2n) .fl{ float:right;}

/***顾虑***/
.gulv{ height:393px; margin-top:57px; background:url(../img/bg2.jpg) no-repeat center; overflow:hidden;}
.gulv .timg{display:block; margin-top:80px;}
.gulv ul{ margin-top:22px; max-width:870px;}
.gulv ul li{float:left; height:54px; line-height:54px; padding:0 12px; font-size:24px; color:#fff; background:#0d86db; margin:0 10px 10px 0;}
.gulv ul li.li2{ background:rgba(133,152,158,0.6);}

.adv.adv2{ height:269px; position: relative; margin-top:-107px;}

/***案例***/
.case{ padding-top:80px; padding-bottom:50px; margin-top:-11px; overflow:hidden; background:url(../img/bg3.jpg); }
.title2{ border-bottom:1px solid #dbdbdb; padding-bottom:28px; }
.title2 .fl h2{ font-size:32px; line-height:32px;}
.title2 .fl h2 span{ color:#0d86db;}
.title2 .fl p{ font-size:16px; color:#a8bbbd; padding-top:6px;}

.cate{ overflow:hidden; display:flex;}
.cate li{ margin-left:10px;}
.cate li a{ display:block; min-width:142px; transition:all 0.5s ease; height:50px; background:#dedede; padding:0 12px; font-size:16px; line-height:50px; color:#555; text-align:center;}
.cate li a:hover,.cate li.on a{ background:#0d86db; color:#fff;}

.caselist{ margin-left:-24px; margin-top:46px; clear:both; }
.caselist li{ float:left; width:33.3333333%; padding-left:24px; padding-bottom:27px;}
.caselist li a{ display:block; background:#fff; transition:all 0.5s ease;}
.caselist li a .imgs{ height:auto;}
.caselist li a .imgs img{ display:block; position:static; width:100%;}
.caselist li a .note{ border:1px solid #eee; position:relative; border-top:0px; position:relative; height:170px; padding:0 20px;}
.caselist li a .note.c2{ height:198px;}
.caselist li a .note h2{ font-weight:normal; color:#333; font-size:18px; padding-top:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caselist li a .note p.line{ width:18px; height:2px; background:#959595; overflow:hidden; display:block; margin:15px 0;}
.caselist li a .note .p1{ color:#999; line-height:22px;}
.caselist li a .note .p1.c{ height:34px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caselist li a .note .smr{ left:20px; height:45px; line-height:45px; width:91%;}
.caselist li a:hover{ box-shadow:#eee 0 0 30px;}
.caselist li a:hover .note{ border-color:#fff;}
.caselist li a:hover .note h2{ color:#0d86db}

.imgs{ overflow:hidden; position:relative;}
.imgs .msk{ width:100%; height:100%; position:absolute; transition:all 0.5s ease; opacity:0; right:0px; top:0px; background:rgba(0,0,0,0.5); z-index:11;}
.imgs p{ top:50%; transform:translateY(-50%);color:#fff; position:absolute; width:72px; text-align:center; font-size:18px; display:block; left:0px; right:0px; margin:auto; opacity:0;}
.imgs p i{ width:100%; height:1px; transition:all 0.5s ease; background:#fff; overflow:hidden; position:absolute; left:0px; right:0px; margin:auto; top:-6px; opacity:0;}
.imgs p i.i2{ top:auto; bottom:-6px;}
.imgs img{ display:block; width:100%; transition:all 0.5s ease;}
.imgs:hover .msk{ opacity:1;}
.imgs:hover p{ opacity:1;}
.imgs:hover p i{ width:10%; opacity:1; }
.imgs:hover img{ transform:scale(1.05);}

.amore{ position:absolute; bottom:0px; left:0px; width:90%; color:#999; font-size:14px;  height:56px; left:20px; line-height:56px; overflow:hidden; border-top:1px solid #eee; }
.amore a{ display:block; font-size:14px; color:#999; position:relative; }
.amore i{ height:100%; position:absolute; transition:all 0.5s ease; width:24px; right:0px; content:''; top:0px; background:url(../img/more.png) no-repeat right center;}
.amore:hover i{ background-position:left center;}

/***服务流程***/
.fuwulc{ height:878px; background:url(../img/bg4.jpg) no-repeat center; overflow:hidden; margin-top:-25px; position: relative; }
.fuwulc .title{margin-top:102px; }
.fuwulc ul { margin-top:50px;}
.fuwulc ul li{ float:left; width:194px; overflow:hidden; height:221px; color:#fff; background:url(../img/libg.png) no-repeat;}
.fuwulc ul li h3{ height:43px; font-size:18px;}
.fuwulc ul li .num{ font-weight: bold; margin-top:5px; font-size:18px; font-family: impact;}
.fuwulc ul li .pic{height:138px; width:138px; margin:0 auto; margin-top:11px;}

/***留言***/
.inbook{ background:#fff; box-shadow:#ededed 5px 20px 15px; height:189px; padding:36px 40px; padding-bottom:0; margin-top:-95px; position: relative; z-index:1;}
.inbook h2{ font-size:32px; color:#0d86db; padding-bottom:15px;}
.inbook h2 span{ font-size:18px; color:#222;}
.inbook ul{ flex:1;}
.inbook ul li{ margin-right:11px; flex:1;}
.inbook ul li .intxt{ height:55px; width:100%; padding:0 11px; border:1px solid #eee; font-size:16px;}
.inbook .sbtn{ width:157px; cursor: pointer; height:55px; background:#0d86db; color:#fff; font-size:18px; font-weight:bold; border:0;}


/***关于我们***/
.aboutcon{ padding-top:78px; padding-bottom:68px;}
.about{ height:494px; overflow:hidden; display:flex; justify-content:space-between; background:#f4f4f4; margin-top:40px;}
.about .text{ padding:58px 79px 0px 50px; flex:1; }
.about .text  h1{font-size:30px; color:#0d86db; line-height:30px; }
.about .text .note{ height:174px; overflow: hidden; margin-top:23px; line-height:30px; font-size:16px;}
.about .text .btns{ margin-top:35px;}
.about .text .btns a{width:171px; height:55px; background:#0d86db; margin-right:25px; font-size:18px; color:#fff;}
.about .text .btns a img{margin-left:10px;}
.about .text .btns a.a1{ background:#cfd3d8; color:#0d86db}
.about .text .btns a.a1 i{font-family: 宋体; margin-left:10px;}
.about .img{ width:705px; height:494px; object-fit: cover;}

.pic-scroll{ margin-top:-62px; position: relative;  z-index: 1;}
.pic-scroll .prev,.pic-scroll .next{ font-family: 宋体; font-weight: bold; margin-top:71px; width:51px; height:230px; background:#cfd3d8; color:#32AAFE; font-size:25px;}
.pic-scroll .prev:hover,.pic-scroll .next:hover{ background:#32AAFE; color:#fff;}
.pic-scroll .aboutpicscroll{ margin:0 10px; box-shadow:#eee 0 0 20px; flex:1; padding:0 23px;background:#fff; height:304px; overflow:hidden;}
.pic-scroll .aboutpicscroll .swiper-slide{ margin-top:20px;}
.pic-scroll .aboutpicscroll .swiper-slide a{ text-align:center; display: block;  }
.pic-scroll .aboutpicscroll a:hover .pic{ border-color:#32AAFE; }
.pic-scroll .aboutpicscroll a .pic{ overflow:hidden;border:2px solid #fff; height:219px;}
.pic-scroll .aboutpicscroll a img{ width:100%; height:100%;   transition: all .3s ease;}
.pic-scroll .aboutpicscroll a h3{font-size:16px; font-weight:normal; color:#888; padding-top:16px;}
.pic-scroll .aboutpicscroll a:hover h3{ color:#32AAFE;}
.pic-scroll .aboutpicscroll a:hover img{ transform: scale(1.2); }

/***合作伙伴***/
.painter{ height:742px; background:url(../img/bg5.jpg) no-repeat center; overflow: hidden; position: relative;}
.painter .title3{ margin-top:95px; text-align: center; font-size:50px; font-weight: bold; color:#fff;}
.painter .title3 span{ color:#32AAFE}
.painter .im1{ display: block; margin:0 auto; margin-top:30px;}

/***新闻***/
.news{ height:590px; margin-top:78px; overflow: hidden; background:#f4f4f4;}
.news .newswiper{ width:452px; position: relative; height:590px; background:#0d86db; overflow: hidden;}
.news .newswiper .swiper-slide .pic{ height:304px; display: block; overflow:hidden;}
.news .newswiper .swiper-slide .pic img{ display:block; width:100%; height:100%; object-fit: cover;}
.news .newswiper .nc{ padding:20px;}
.datetit{ margin-top:10px; height:60px; overflow: hidden; }
.datetit .dates{ width:90px; border-right:1px solid #fff; color:#fff;}
.datetit .dates p b{ font-size:44px; font-family: impact; line-height:44px;}
.datetit .dates p{font-size:16px;}
.datetit a{ flex:1; margin-left:25px; overflow: hidden; color:#fff;}
.datetit a h2{ font-size:22px; line-height:35px;}
.datetitms .desc{ font-size:16px; color:#fff; line-height:30px; margin-top:25px;}
.news .newswiper .swiper-slide .amore{ bottom:25px; color:#fff;}
.news .newswiper .swiper-slide .amore i{ background-image:url(../img/more2.png);}
.newswiper .swiper-pagination{ padding-top:8px; position: absolute; bottom:0; left:0; width:100%; background:#3578ab; height:35px;}
.newswiper .swiper-pagination-bullet{ width:74px; height:7px; border-radius:0; background:rgba(255,255,255,0.5); }
.newswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#ff8f00;}
.news .newr{ padding:30px 40px; flex:1; height:590px; overflow: hidden;}
.news .newr .ht ul li a{ font-size:24px;}
.news .newr .ht ul li { margin-right:50px; width:100px;}
.news .newr .ht ul li.on a{ color:#0d86db; font-weight:bold;}
.newstop{ height:190px; margin-top:22px; background:#0d86db; overflow: hidden; }
.newstop .datetitms{ flex:1;  padding:22px;}
.newstop dd{ width:283px; height:190px;}
.newstop dd img{display: block; height:100%; width:100%; object-fit: cover;}
.newul{ margin-left:-28px;}
.newul li{ float:left; padding-left:28px; width:50%; }
.newul li a{ background:url(../img/r2.png) no-repeat left center; padding-left:20px; line-height:60px; display: block; height:60px; border-bottom:1px dotted #ddd; font-size:16px; color:#555555;}
.newul li a span{ float:right;}
.newul li a:hover{ color:#0d86db}

/***友情连接***/
.links{ margin-top:53px; margin-bottom: 50px;}
.links .text{ flex:1;  }
.links .text a{ font-size:14px; color:#888888; margin-left:25px; margin-bottom:14px;}

/***关于我们***/
.topimg{ height:551px; overflow: hidden; background-image:url(../img/banner.jpg); background-position:center center; background-size:cover; background-repeat: no-repeat;}

.btnprev{ position:absolute; right:30px; bottom:30px; z-index:11;}
.btnprev a{ float:left; width:38px; height:38px; background:url(../img/btnrl.png) no-repeat;}
.btnprev a.prev{ background-position:0 bottom; margin-right:6px;}
.btnprev a.next{ background-position:right 0;}
.btnprev a.prev:hover{ background-position:0 0;}
.btnprev a.next:hover{ background-position:right bottom;}

/***关于我们***/
.wrap2{ max-width:1423px; margin:0 auto; padding:0 12px;}
.bg1{ overflow:hidden; background:#fff; padding-bottom:116px;}
.about-top{ overflow:hidden; margin-top:69px; position:relative;}
.about-top .fl{ width:64.5%;}
.about-top .about-text{ float:right; width:34%; position:relative; margin-top:13px;}
.about-top .about-text .img{ display:block;}
.about-top .about-text .atc{ position:absolute; left:0px; top:0px; width:100%; text-align:center;}
.about-top .about-text .atc .im1{ display:block; margin:0 auto; margin-top:10%;}
.about-top .about-text .atc .p1{ font-size:18px; color:#999999; letter-spacing:2px; padding-top:1%;}
.about-top .about-text .atc ul{ padding:7% 0;}
.about-top .about-text .atc ul li{ text-align:center; display:inline-block; width:82px; height:82px; background:#0d86db; color:#fff; line-height:82px; margin:0 4%; border-radius:50%; font-size:24px; font-weight:bold;}
.about-top .about-text .atc .note{ color:#999; font-size:14px; text-align:left; padding-left:15%;}
.about-top .about-text .atc .note p{ margin-bottom:8%;}

.about-image{ margin-top:30px; position:relative; background:url(../img/yuan.jpg) no-repeat 28% top; overflow:hidden;}
.about-image .amtit{ position:absolute; z-index:11; width:173px; top:87px; left:0px; background:url(../img/jing.png) no-repeat left top; height:253px;}
.about-image .amtit .p2{ font-size:18px; color:#999999; line-height:35px; position:absolute; right:0px; top:0px; width:20px; text-align:center; }
.about-image .amtit .p1{ font-size:18px; width:20px; color:#444; position:absolute; left:0px; top:171px; left:58px;}
.about-image .swiper-container{ margin-top:88px; padding-bottom:60px; }
.about-image .swiper-slide{ position:relative;}
.about-image .swiper-slide img{ display:block; float:right; width:70%;}
.about-image .swiper-slide .note{ position:absolute; bottom:-60px; left:20%; background:rgba(13,134,219,0.8); color:#fff; padding:34px 60px 34px 34px; font-size:16px; line-height:30px; width:557px; text-align:left;}
.about-image .swiper-slide .note .line{ height:4px; width:40px; background:#fff; display:block; overflow:hidden; margin-bottom:12px;}
.about-image .btnprev{ left:0px; right:auto; bottom:17%; }

.about-image.aim2{  background-position:72% top; }
.about-image.aim2 .amtit{ left:auto; right:0px; background:url(../img/zhuan.png) no-repeat left top;}
.about-image.aim2 .amtit .p2{ right:auto; left:-40px;}
.about-image.aim2 .amtit .p1{ left:auto; right:70px;}
.about-image.aim2 .swiper-container{ background-position:left bottom;}
.about-image.aim2 .swiper-slide img{ float:left;}
.about-image.aim2 .swiper-slide .note{ left:40%;}
.about-image.aim2 .btnprev{ left:auto; right:0px;}

/***发展历程***/
.about-history{ background:#fff; overflow:hidden;position:relative;}
.about-history .img{ display:block; width:100%;}
.about-history .wrap2{ position:absolute; height:100%; top:0px; left:0; right:0; margin:auto;}
.about-history h1{ text-align:center; color:#fff; font-size:36px; padding-top:6%; padding-bottom:6%;}
.about-history .swiper-slide{ padding:0 3%;}
.about-history .swiper-slide .note{ height:124px; font-size:14px; background:rgba(255,255,255,0.6); text-align:center; color:#444; line-height:35px; padding:0 5%; text-align:center; display:flex; transition:all 0.3s ease; justify-content:center; align-items:center; position:relative; }
.about-history .swiper-slide .note:after{ border-top:13px solid rgba(255,255,255,0.6); border-left:12px solid transparent; border-right:12px solid transparent; content:''; position:absolute; left:0px; transition:all 0.5s ease;right:0px; margin:auto; bottom:-13px; width:0px; height:0px;}
.about-history .swiper-container { padding-bottom:50px;}
.about-history .swiper-container .line{ height:2px; background:rgba(255,255,255,0.6); position:absolute; width:100%; bottom:-34px; overflow:hidden; left:0px; z-index:1;}
.about-history .swiper-slide .dian{ width:24px; height:24px; background:url(../img/yuan.png) no-repeat center; left:0px; right:0px; bottom:-45px; margin:auto; position:absolute; z-index:11;transition:all 0.5s ease;}
.about-history .swiper-slide:hover .note{ background:#0d86db; color:#fff;}
.about-history .swiper-slide:hover .note:after{ border-top:13px solid #0d86db;}
.about-history .swiper-slide:hover .dian{ background:url(../img/yuanon.png) no-repeat center;}
.about-history .btnprev{ width:100%; bottom:0px; left:0px;} 
.about-history .btnprev a.prev{ float:left; margin:0px; }
.about-history .btnprev a.next{ float:right; margin:0px;}
.about-history .ahsbox{ position:relative; padding:0 50px;}

/***荣誉资质***/
.about-honor{ padding:80px 0; overflow:hidden;}
.about-honor h1{ text-align:center; font-size:36px; color:#444444; }
.about-tabul{ text-align:center; padding:3% 0 2% 0;}
.about-tabul li{ text-align:center; display:inline-block; height:40px; line-height:40px; padding:0 4%; font-size:16px; color:#444444; border:1px solid #c3c3c3; border-radius:40px; margin:0 5px; cursor:pointer;}
.about-tabul li:hover{ border-color:#0d86db; color:#0d86db;}
.about-tabul li.on{ background:#0d86db; color:#fff; border-color:#0d86db;}
.tab-con{ overflow:hidden; display:none;}
.about-honor .honor{ background:#fff; padding:5px; overflow:hidden; border:1px solid #dddd;}
.about-honor .honor .honorbox{ border:5px solid #f4f4f4; padding:20px; overflow:hidden;}
.about-honor .honor .honorbox .fl{ float:left; width:30%; padding:3%;}
.about-honor .honor .honorbox .fl h2{ text-align:center; font-size:24px; color:#444444;}
.about-honor .honor .honorbox .fl .note{ font-size:14px; color:#999999; line-height:30px; padding-top:15%;}
.about-honor .honor .honorbox .fl .line{ height:10px; border-top:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden;  margin-top:12px;}
.about-honor .honor .honorbox .fr{ float:right; width:67%; border-left:1px dotted #ddd; padding-left:5%; background:url(../img/honorbg.png) no-repeat 20px bottom;}
.about-honor .honor .honorbox .fr ul li{ float:right; width:33.33333333%; padding-top:3%; padding-left:2%;}
.about-honor .honor .honorbox .fr ul li img{ display:block; margin:0 auto;}
.about-honor .honor .honorbox .caselist{ margin-top:20px;}

/***企业文化***/
.culture{ overflow:hidden; background:#fff; padding:80px 0;}
.culture h1{ text-align:center; font-size:36px; color:#444444; margin-bottom:28px;}
.culture ul{ border:1px solid #eee; border-left:0px; overflow:hidden;}
.culture ul li{ width:40%; float:left; text-align:center; height:439px; overflow:hidden; border-left:1px solid #eee;}
.culture ul li .cul-item{ border-bottom:1px solid #eee; padding:18px 0; font-size:14px; color:#999; }
.culture ul li .cul-item:last-child{ border:0px;}
.culture ul li .cul-item .note p b{ font-size:16px;}
.culture ul li .cul-item h2{ color:#444; font-size:24px; padding:3px 0;}
.culture ul li .cul-item h2:before{ display:block; width:136px; height:1px; background:#eee; overflow:hidden; margin:0 auto; margin-bottom:4px; margin-top:5px; content:'';}
.culture ul li.li2{ width:20%;}
.culture ul li.li2 .cul-item{ margin-top:118px;}

/***面包宵***/
.search .fl{ font-size:14px; color:#666;font-weight: bold;}
.search .fl img{margin-right:10px;}
.search .fl i{ margin:0 10px; font-family: 宋体;}
.search .fl a{ margin-right:0;}
.search .fl label{ color:#0d86db }
.ss{ height:74px; background:url(../img/ss.jpg) no-repeat center; overflow: hidden;}

/***业务领域***/
.businesstop{ padding:73px 0;}
.businesstop ul li{ text-align: center; width:144px;}
.businesstop ul li img{display: block; width:144px; height:144px; margin:0 auto; -webkit-filter: grayscale(1); filter:grayscale(1); transition: all 0.5s ease;}
.businesstop ul li h3{ padding:25px 20px; font-size:24px; color:#333333;}
.businesstop ul li p{ font-size:14px; text-transform: uppercase; color:#999999;}
.businesstop ul li:hover img{ -webkit-filter: grayscale(0); filter:grayscale(0); }
.businesstop ul li:hover h3{ color:#0D86DB;}
.businesstop ul li:hover p{ color:#0D86DB;}

/**用户服务***/
.yxfw{ background:#f4f4f4; margin-top:-95px; padding-top:177px; padding-bottom:50px;}
.yxfw .title4{ text-align: center;}
.yxfw .title4 h1{ font-size:40px; font-weight: bold;}
.yxfw .title4 p{ font-size:18px; color:#555;}
.yxfw ul{ margin-top:50px; overflow: hidden;}
.yxfw ul li{ float:left; width:50%; padding-left:52px; margin-bottom:52px;}
.yxfw ul li .box{ overflow: hidden;}
.yxfw ul li .box .pic{ height:259px; }
.yxfw ul li .box .pic img{ display: block; transition: all 0.5s ease; width:100%; height:100%; object-fit: cover;}
.yxfw ul li h2{ border-radius:30px 0 30px 0; transition: all 0.5s ease; text-align: center; line-height:63px; background:#0090da; width:284px; height:63px; font-size:24px; text-align: center; color:#fff; position: absolute; left:0; right:0; top:-30px; margin:auto;}
.yxfw ul li .box .text{transition: all 0.5s ease; padding:0 60px; line-height:30px; padding-top:15px; position: relative; background:#fff; height:130px; font-size:18px; color:#555;}
.yxfw ul li:hover .box .text{ background:#0D86DB; color:#fff;}
.yxfw ul li:hover .box .pic img{ transform: scale(1.1);}
.yxfw ul li:hover h2{ transform: translateY(-10px);}

/***内页案例***/
.cate.n{ margin-top:20px;}
.cate .li1{ margin-left:0;}
.cate .li1 a{ background:#333333; min-width:75px; width:75px; padding:0; color:#fff;}
.soncate{ overflow:hidden; margin-top:10px; border-bottom:1px solid #ddd;}
.soncate li{ float:left;}
.soncate li a{ font-size:12px; padding:15px 15px; display:block; color:#999; position:relative;}
.soncate li a.on,.soncate li a:hover{ color:#0D86DB;}
.soncate li a.on:after{ width:100%; height:2px; background:#0D86DB; bottom:0px; left:0px; content:''; position:absolute;}

.casedetail{ margin-top:47px; display: flex; border:1px solid #ddd; overflow:hidden; background:#fff;}
.casedetail .fl{ padding:0 55px; flex:1;}
.casedetail .fl h2{ color:#232d37; font-size:24px; font-weight:normal; padding-top:5%;}
.casedetail .fl .line{ height:3px; background:#333; width:23px; display:block; overflow:hidden; margin:5% 0;}
.casedetail .fl .note{ font-size:16px; color:#555; line-height:30px;}
.casedetail .fr{  width:758px; padding:0 70px; background:#f5f5f5; padding-top:30px; position: relative; height:512px;}
.casedetail .fr img{ display:block; width:100%; height:412px; object-fit: cover; }
.casedetail .fr h3{ text-align: center; color:#333; padding-top:10px; font-weight: normal; font-size:18px;}
.casedetail .fr .swiper-container{ width:616px;}
.casedetail .fr .prev,.casedetail .fr .next{ background: #fff; font-size:25px; font-weight: bold; color:#666; font-family: 宋体; width:49px; height:93px; top:50%; border:1px solid #ddd; transform:translateY(-50%); position:absolute; z-index:11;}
.casedetail .fr .prev { left:10px;}
.casedetail .fr .next { right:10px;}
.casedetail .fr .prev:hover,.casedetail .fr .next:hover{ color:#0D86DB; border-color:#0D86DB}

.caseimg{ overflow: hidden;}
.caseimg ul{ margin-left:-27px; display: flex; flex-wrap: wrap;}
.caseimg ul li{ width:50%; padding-left:27px; padding-top:27px;}
.caseimg ul li img{ display: block; width:100%;}

/***工程计算器***/
.bg2{ background:#f9f9f9; padding-top:50px; padding-bottom:80px;}
.gccalc{ background:#0D86DB; overflow: hidden; padding:0 60px;}
.gccalc .tit{ height:50px; line-height:10px; background: url(../img/titbg.png) no-repeat center; font-weight: bold; margin-top:30px; text-align: center; font-size:32px; color:#fff;}
.gccalc .tit span{ color:#fdd127;}
.gccalc .con{ margin-top:12px; background:#fff; overflow:hidden; padding:40px; padding-bottom:55px; }
.gccalc .con .fl{ flex:1; padding:0px 70px 0 35px;}
.gccalc .con .fl h1{ font-size:24px; color:#0D86DB;}
.gccalc .con .fl h1 span{ font-weight: normal; font-size:16px; color:#333;}
.gccalc .con .fl h1 span em{color:#ca1621;}
.gccalc .con .fl ul{ margin-top:26px;}
.gccalc .con .fl ul li{ margin-bottom: 19px; display: flex; align-items: center; }
.gccalc .con .fl ul li span{ width:115px; font-size:18px;}
.gccalc .con .fl ul li span i{ color:#ca1621;}
.gccalc .con .fl ul li .input{ flex:1; position: relative;}
.gccalc .con .fl ul li .input .intxt{width:100%; font-size:14px; border:1px solid #eee; padding:0 12px; height:42px;}
.gccalc .con .fl ul li .input .intxt::-webkit-input-placeholder{ color:#999;}
.gccalc .con .fl ul li .btns{ border:0; width:100%; cursor: pointer; height:55px; background:#0D86DB; color:#fff; font-size:18px; font-weight: bold;}
.gccalc .con .fl ul li em{ position: absolute; right:12px; top:50%; transform: translateY(-50%); color:#999; }
.gccalc .con .fr{ width:604px; overflow: hidden;}
.gccalc .con .fr .pic{width:100%; height:408px; position: relative;}
.gccalc .con .fr .pic img{ display: block; width:100%; height:100%;}
.gccalc .con .fr .pic .ic{ width:100px; height:100px; position: absolute; right:0; top:0;}
.gccalc .con .fr .pic span{ height:51px; width:100%; position: absolute; bottom:0; left:0; background:rgba(0,0,0,0.8); color:#fff; font-size:16px;}
.gccalc .con .fr .txt{ font-size:18px; padding-top:29px;}

/***6大承诺***/
.qmadvs{ margin-top:80px;}
.qmadvs .fl{ margin-right:20px; flex:1;}
.qmadvs .fr{ flex:1; margin-left:20px;}
.qmadvs .ht{ height:130px; background:#0D86DB; flex-direction:column; color:#fff; align-items: flex-start; padding-left:42px;}
.qmadvs .ht h1{ padding-bottom:5px;}
.qmadvs .fl ul{ background:#f4f4f4; padding-right:20px; height:350px; overflow: hidden; }
.qmadvs .fl ul li{ overflow: hidden; float:left; margin-top:20px; margin-left:18px; width: calc(100% / 2 - 18px); display:flex; align-items: center; background:#fff; height:87px;}
.qmadvs .fl ul li span{ width:89px; padding-left:25px; line-height:64px; height:64px; background:url(../img/sj.png) no-repeat; color:#fff; font-family: impact; font-size:40px;}
.qmadvs .fl ul li p{ flex:1; font-size:18px; padding:0 18px;}

.qmadvs .fr{ width:681px; height:479px; background:#f4f4f4 url(../img/city.png) no-repeat right 122px; padding-top:30px; }
.qmadvs .fr ul{ overflow: hidden; display: flex; flex-wrap: wrap;}
.qmadvs .fr ul li{ width:25%; float:left; text-align: center; margin-bottom:54px;}
.qmadvs .fr ul li img{ display: block; margin:0 auto;}
.qmadvs .fr ul li p{ font-size:18px; padding-top:10px;}

/***新闻资讯***/
.newsTop{ background:url(../img/k.png) no-repeat 25px 25px; background-size:auto 90%; position:relative; overflow:hidden; margin-top:32px; padding-bottom:70px;}
.newsTop .swiperbox{ padding-right:504px;}
.newsTop .img{ position:relative; z-index:1; display:block;}
.newsTop .text{ background:#f4f4f4; border:6px solid #0D86DB; top:10%; padding-bottom:33px; position:absolute; left:0px; width:100%;}
.newsTop .text a{ display:block; float:right; position:relative; width:411px; margin-right:38px; margin-top:50px;}
.newsTop .text a h2{ font-size:22px; line-height:32px; color:#333333;}
.newsTop .text a .line{ width:18px; height:3px; background:#959595; display:block; overflow:hidden; margin:5% 0;}
.newsTop .text a .note{ font-size:14px; line-height:30px; color:#999999; height:180px;}
.newsTop .btnprev{ bottom:35px;}

.smr{ border-top:1px solid #eee; position:absolute; left:0px; bottom:0px; width:100%; font-size:14px; color:#999; height:30px; line-height:50px;}
.smr em{ float:right; display: flex; align-items: center;}
.smr em i{ width:24px; height:8px; background:url(../img/more.png) no-repeat right center; margin-left:10px; }
.smr span{ float:left;}

.newfb{ margin-top:35px; padding-bottom:70px;}
.newfb .ht{ font-size:32px; font-weight: bold; border-bottom:1px dotted #ddd; padding-bottom:30px;}
.newfb .swiper-container{ padding-bottom:30px;}

/***分页***/
.page { overflow: hidden; text-align: center; padding: 40px 0; }
.page ul li { display: inline-block; }
.page ul li a, .page ul li span { padding: 10px 15px; background: #fff; display:block; color: #888; margin: 0 2px; border:1px solid #ddd; border-radius:3px;}
.page ul li.active span { background: #0D86DB; color: #fff; border-color: #0D86DB }
.page ul li:hover a { background: #0D86DB; color: #fff; border-color: #0D86DB }

/***新闻详情***/
.newdetail{ display: flex; padding:26px 0 60px 0;}
.newdetail .nfl{ flex:1; margin-right:26px;}
.newdetail .nfl .newtit {  text-align: center; overflow:hidden; border-bottom:1px dotted #ddd; padding-bottom:22px;}
.newdetail .nfl .newtit h1{font-size:24px; }
.newdetail .nfl .newtit p{ padding-top:26px; font-size:16px; color:#999;}
.newdetail .nfl .newtit p span{ margin:0 22px;}
.newdetail .nfl .newtit p img{ margin-top:5px;}

.pdbox{ font-size:16px; color:#666666; line-height:30px; padding:35px 0;}
.newdetail .newrr{ width:472px; margin-left:25px; border-left:1px solid #eee;}
.newdetail .newrr .ht{ height:102px; background:#0D86DB; color:#fff; padding-left:23px; font-size:24px; font-weight: bold;}
.newdetail .newrr ul{ padding-left:20px;}
.newdetail .newrr ul li{ border-bottom:1px dotted #ddd; padding:23px 0; width:452px;}
.newdetail .newrr ul li img{ display: block; width:100%;}
.newdetail .newrr ul li h3{ font-weight: normal; font-size:18px; padding:15px 0 15px 0;}
.newdetail .newrr ul li p{ font-size:16px; color:#999999;}
.newdetail .newrr ul li p i{ height:3px; width:18px; display: block; margin-right:14px; background:#999999}

.prevnext{ overflow:hidden; margin-top:30px; margin-bottom:50px;}
.prevnext .fl{ width:50%; padding-right:20px;}
.prevnext .fr{ width:50%;}
.prevnext a{ height:64px; display:block; line-height:64px; font-size:14px; color:#999999; background:#eaeaea; overflow:hidden; position:relative;}
.prevnext a span{ width:76px; height:100%; top:0px; position:absolute;}
.prevnext .fl a{ padding-left:105px;}
.prevnext .fl a em{ float:right; margin-right:40px;}
.prevnext .fl a span{ left:0px; background:#d1d1d1 url(../img/icl.png) no-repeat center;}
.prevnext .fr a{ padding-right:105px; text-align:right;}
.prevnext .fr a span{ right:0px; background:#d1d1d1 url(../img/icr.png) no-repeat center;}
.prevnext .fr a em{ float:left; margin-left:40px;}
.prevnext a:hover{ color:#0090da;}
.prevnext .fl a:hover span{background:#0090da url(../img/iclon.png) no-repeat center;}
.prevnext .fr a:hover span{background:#0090da url(../img/icron.png) no-repeat center;}

.book .intext{ padding:10px; width:48%; float:left; border:1px solid #eee; margin-bottom:12px;}
.book .intext.i2{ float:right;}
.book .intext.te{ float:none; width:100%; height:80px;}
.book .sbtn{ padding:10px; width:120px; border:0px; cursor:pointer; background:#0090da; color:#fff;}

.recomnew .ht{ height:58px; line-height:58px; padding:0 25px; background:#0090da; color:#fff; font-size:16px; font-weight: bold; margin-top:24px;}

/***联系我们***/
.contact-top{ padding:70px 0;}
.contact-top .fl{ flex:1; border-right:1px solid #eee; padding-right:70px;}
.contact-top .fl img{ display: block; margin:0 auto; margin-bottom: 12px;}
.contact-top .fl .share img{ margin:0 10px;}

.contact-top .fm{ flex:1; padding-left:86px;}
.contact-top .fm ul li{ display: flex; align-items: center; margin:30px 0;}
.contact-top .fm ul li img{ margin-right:20px;}
.contact-top .fm ul li .text{ flex:1;}
.contact-top .fm ul li .text h3{ font-size:15px; color:#0090da;}
.contact-top .fm ul li .text p{ font-size:16px; color:#555; padding-top:10px;}
.contact-top .fr{ width:391px; }
.contact-top .fr .ewmk{ width:167px; height:254px; background:url(../img/k3.png) no-repeat; margin:0 auto; text-align: center; overflow: hidden;}
.contact-top .fr .ewmk img{ display: block; width:136px; height:136px; margin:0 auto; margin-top:12px;}
.contact-top .fr .ewmk .p2{ font-size:14px; color:#878787; padding-top:32px; line-height:26px;}

/***底部***/
.footer{ background:#16181b; overflow: hidden; }
.footer .foottop{ position: relative; background:#25282a; overflow:hidden; height:123px; border-top:8px solid #ff8f00;}
.footer .foottop ul li{ padding:0 36px; min-width:273px; height:123px; border-left:1px solid #36393b;}
.footer .foottop ul li img{ margin-right:14px;}
.footer .foottop ul li:nth-child(2){ width:330px;}
.footer .foottop ul li .txt{ flex:1; font-size:14px; color:#c2c2c2; margin-left:12px; overflow: hidden;}
.footer .foottop ul li .txt h3{ font-size:15px; color:#fffffe; padding-bottom:6px;}
.footer .foottop .fr{ padding-left:62px; position: absolute; width:100%; left:50%; margin-left:390px; top:-6px; height:105%; background:#0d86db url(../img/fg.png) no-repeat left top;}
.footer .footcon{ padding:76px 0 85px 0; display: flex;}
.footer .footcon .share{ margin-top:20px;}
.footer .footcon .fr{ flex:1; display: flex;}
.footer .footcon .fr dl{ margin-left:120px;}
.footer .footcon .fr dl dt a{font-weight: bold; font-size:18px; color:#fff; font-size:}
.footer .footcon .fr dl dt a i{ height:3px; width:27px; display:block; background:#0090da; margin-top:20px;}
.footer .footcon .fr dl dd a{display: block; margin-top:20px; font-size:14px; color:#878787}
.footer .footcon .fr dl dd a:hover{ color:#0090da}
.footer .footcon .fr dl:nth-child(2){ width:350px;}
.footer .footcon .fr dl:nth-child(2) dd{float:left; width:50%; padding-right:40px;}
.footer .footcon .fr dl:nth-child(3){ margin-left:50px;}
.footer .wrap{ position: relative;}
.footer .ewm{ overflow:hidden; position: absolute; bottom:-90px; right:0; width:241px; height:379px; background:url(../img/ewmbg.png) no-repeat;}
.footer .ewm h3{ text-align: center; font-size:18px; color:#fff; padding:48px 0 30px 0;}
.footer .ewm img{width:136px; height:136px; display: block; margin:0 auto;}
.footer .ewm .p2{ text-align: center; color:#878787; font-size:14px; line-height:28px; padding-top:30px;}
.footer .copyright{ border-top:1px solid #292b2e; padding:35px 0; font-size:14px; color:#878787}

/***咨询***/
.zhixun{ position:fixed; background:url(../img/kefu.png) no-repeat top; z-index:222; right:0px; bottom:20%; width:62px; height:379px;}
.zhixun ul li{ position:relative; margin-bottom:1px; width:62px; height:62px;}
.zhixun ul li .zxc{ width:62px; height:62px; position:absolute; right:0px; top:0px; transition:all 0.3s ease;}
.zhixun ul li .zxc.ztel span{ height:62px; width:135px; text-align:center; font-family:'HelveticaNeueLTCom-LtEx'; overflow:hidden; float:right; color:#fff; font-size:14px; line-height:62px; font-weight:bold;}
.zhixun ul li:hover .zxc.ztel span{ width:140px;}
.zhixun ul li .zxc.ztel { width:170px; right:-135px;}
.zhixun ul li .zxc.zwx span{ position:absolute; right:62px; bottom:-62px; width:140px; height:140px; background:#fff; transition:all 0.3s ease; transform:scale(0); transform-origin:right center; padding:5px;  opacity:0;}
.zhixun ul li:hover .zxc.zwx span{ transform:scale(1); opacity:1;}