@charset "utf-8";

.hoverable { position: relative; overflow:hidden; z-index: 0; transition: all 0.3s ease; }
.hoverable:hover { transform:translateY(-5px);  }
.anim { transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: -1; }
.anim:before {  position: relative; content: ""; display: block; margin-top: 100%; }
.anim:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.hoverable .anim { animation: anim-out .75s; }
.hoverable .anim:after { animation: anim-out-pseudo .75s; }
.hoverable .anim, .hoverable .anim:after { animation-iteration-count: infinite; animation-duration: 1.3s; }
@keyframes anim-in { 0%{width:0}100%{width:100%}}
@keyframes anim-in-pseudo { 0%{background:rgba(0,0,0,0.25)}100%{background:transparent} }
@keyframes anim-out { 0%{width:0}100%{width:100%} }
@keyframes anim-out-pseudo { 0%{background:rgba(0,0,0,0.25)}100%{background:transparent} }
.cmore { display: inline-block; box-sizing: border-box; display: inline-block; width:200px; height: 50px; line-height: 50px; padding:0 20px 0 30px; text-align: center; background: #0b8bff; color:#fff;  border-radius: 8px; }
.iboxbg { background-position: top; background-size: cover; background-repeat: no-repeat;}

/*--------------------------------------------------------------------------导航--------------------------------------------------------------------------*/

.header { width:100%; background:none;  position: absolute;  z-index: 99; box-sizing: content-box; position: fixed; z-index:999; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.05); }
.header .hinfo .logo { max-height:60px;  position: relative;  }
.header .hinfo .logo img { max-height: 60px; margin:20px 0 0; transition:none; transform:none; }
.header .hinfo .nav ul li { float:left; margin-left:50px;  position: relative; }
.header .hinfo .nav ul li:last-child { margin-left:120px; }
.header .hinfo .nav ul li>a { line-height: 100px; font-size: 18px;  color:#333;  }
.header .hinfo .nav ul li a span { position: relative; display: inline-block; }
.header .hinfo .nav ul li a span::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:0;  height: 2px; background: #0b8bff;  z-index: 2; transition: all 0.3s ease;}
.header .hinfo .nav ul li a:hover span::after { width:100%; }
.header .hinfo .htel  { width:240px; }
.header .hinfo .htel i { float:left; display: inline-block; font-size: 40px; color:#0b8bff; height: 100px; line-height: 100px; }
.header .hinfo .htel p { float:right; padding:20px 0 0; }
.header .hinfo .htel p span { display: block; line-height: 180%; }
.header .hinfo .htel p em { font-size: 18px; font-weight: 500; color:#333; }
.header .hinfo .nav ul li .subnav { width:160px; background:#fff; box-shadow: 0 0 20px rgba(0,0,0,.1); position: absolute; top: 120px;  left: -45px;  z-index: 99;  opacity: 0; visibility: hidden; transition: all .3s ease; }
.header .hinfo .nav ul li .subnav  a  { display: block;  width:100%; line-height: 46px;  text-align: center; color:#333; font-size: 16px;  }
.header .hinfo .nav ul li .subnav  a:hover { background:#0b8bff; color:#fff;}
.header .hinfo .nav ul li:hover .subnav {opacity: 1; visibility: visible; top: 100px; }
.hdiv { width:100%; height: 100px; }

/*--------------------------------------------------------------------------首页--------------------------------------------------------------------------*/

.ibg { width:100%; }
.iban-swp { height:100%; }
.iban-swp .picbox {  width: 100%;  overflow: hidden; }
.iban-swp .bg { width: 100%; height:640px; position: relative; display: table;  background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s; }
.iban-swp .bg:before { width:100%; height: 100%; content: ""; left: 0; top: 0; opacity: 0.3; position: absolute; background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: -1;}
.iban-swp .bg .mid { display: table-cell; vertical-align: middle; }
.iban-swp .bg .txt { width: 36%; color:#fff;  }
.iban-swp .bg .txt h1 { font-size: 48px; margin-bottom: 20px; }
.iban-swp .bg .txt p { font-size:24px; font-weight: bold; }
.iban-swp .bg .txt .cmore { margin:50px 0 0; }
.iban-swp .sp-pn { position: absolute; top: 50%; z-index: 9; margin-top:-30px; cursor: pointer; width:60px; height: 60px; background:rgba(0,0,0,0.5); text-align: center;  color:#fff; 
transition: all 0.3s ease-in-out; display: none; }
.iban-swp .sp-pn:hover { background: #0b8bff; }
.iban-swp .iban-prev  {left: 40px; }
.iban-swp .iban-next { right: 40px; }
.iban-swp .sp-pn i {display:inline-block; line-height:60px; font-size: 20px; }
.iban-swp .swiper-pagination { width:100%; bottom:30px!important; }
.iban-swp .swiper-pagination-bullet { width:10px; height: 10px; background:rgba(255,255,255,0.5); opacity: 1!important; margin:0 10px!important; border-radius:10px!important;   }
.iban-swp .swiper-pagination-bullet-active { width:40px; background:rgba(255,255,255,1); }

.itit { width:100%; position: relative; margin-bottom: 50px; }
.itit p span {  font-size: 30px; font-weight: bold; color:#333; margin-right: 20px; }
.itit a.more { position: absolute; right:0; bottom:0; color: #333; }
.itit a.more i {color:#0b8bff; margin-left:10px; }

.tabbox .hd { margin-bottom: 20px; }
.tabbox .hd ul li{ float:left; padding:0 30px; line-height: 46px; background: #f9f9f9; color:#333; border-radius: 46px; margin-right:20px; cursor:pointer;  }
.tabbox .hd ul li.on { background: #0b8bff; color:#fff; }
.tabbox .bd ul {  zoom:1; background: #fff; }
.tabbox .bd li { float: left; box-sizing: border-box; padding:30px; background: #f9f9f9; border-radius: 10px; width:calc(50% - 20px); margin-right: 40px; margin-top:40px; }
.tabbox .bd li:nth-child(2n) { margin-right: 0;}
.tabbox .bd li .img { width:130px; height: 130px; float:left; overflow: hidden;  }
.tabbox .bd li .img img {width: 100%;  height: 100%;  object-fit: cover; }
.tabbox .bd li:hover img { transform:scale(1.08);  transition: all 0.5s ease-in-out; }
.tabbox .bd li .txt { width:calc(100% - 160px); height: 130px; overflow: hidden; position: relative; }
.tabbox .bd li .txt h2 a { color:#333; font-size: 18px;  }
.tabbox .bd li .txt p { font-size: 15px; line-height: 180%; margin:10px 0 0; }
.tabbox .bd li .txt .mark { position: absolute; left:0; bottom:0; }
.tabbox .bd li .txt .mark span { display: inline-block; font-size: 15px; background: #fff; padding:0 10px; border-radius: 5px;  margin-right: 20px; height: 30px; line-height: 30px;}

.iabo .iabobox { background: #fff; border-radius: 10px; overflow: hidden; position: relative;  }
.iabo .iabobox .img { max-width: 480px; }
.iabo .iabobox .info { box-sizing: border-box; width: calc(100% - 560px); padding:60px 80px 0 0; }
.iabo .iabobox .info .itit { margin-bottom:40px; }
.iabo .iabobox .info h2 { font-size: 26px; color:#333; margin-bottom: 40px; }
.iabo .iabobox .cmore { position: absolute; right:40px; bottom:40px; }

.iservice { background:url(../images/iserbg.jpg) center top no-repeat #fff;  }
.iservice .itit span, .iservice .itit em { color:#fff; }
.iservice .swiper .swiper-slide .item { background: #f9f9f9; border-radius: 10px; overflow: hidden; box-sizing: border-box;  }
.iservice .swiper .swiper-slide h5 { font-size: 20px; color:#333; margin:20px 0 15px; padding:0 30px; }
.iservice .swiper .swiper-slide .info { min-height:64px; padding:0 30px 30px; }
.iservice .isc-ser { padding-bottom: 60px; }
.iservice .swiper-pagination { width:100%; bottom:0px!important; }
.iservice .swiper-pagination-bullet { width:10px; height: 10px; background:#eee; opacity: 1!important; margin:0 10px!important; border-radius:10px!important;   }
.iservice .swiper-pagination-bullet-active { width:40px; background:#0b8bff; }

.iteam { padding:0 0 100px;}
.iteam .iteambox .list {  position: relative; }
.iteam .swiper .swiper-slide .item { position: relative; border-radius: 10px; overflow: hidden; }
.iteam .swiper .swiper-slide .item::before { width:100%; height: 50%; content: ""; left: 0; bottom: 0; opacity: 0.3; position: absolute; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 9;}
.iteam .swiper .swiper-slide .item .img { position: relative; z-index:1; }
.iteam .swiper .swiper-slide .info { width:100%; box-sizing: border-box; padding:30px; color:#fff;  position: absolute; bottom:0; z-index: 10; }
.iteam .swiper .swiper-slide .info h5 { font-size: 24px; margin-bottom: 10px; }
.iteam .sp-pn { position: absolute; top: 50%; margin-top:-30px; z-index: 9;  cursor: pointer; width:60px; height: 60px; background:#0b8bff; text-align: center;  color:#fff;  border-radius: 8px; transition: all .3s ease; }
.iteam .team-prev  {left: -100px; }
.iteam .team-next { right: -100px; }
.iteam .sp-pn i {display:inline-block; line-height:60px; font-size: 20px;  }
.iteam .sp-pn:hover { background: #0b8bff; }

.iprocess .iptit { font-size: 30px; color:#333; text-align: center; margin-bottom: 60px; }
.iprocess .iptit em { color:#0b8bff; margin:0 10px; }
.ipbox .list { position: relative;}
.ipbox .list::after { width:100%; height: 1px; content: ""; left: 0; top: 60px; background: #eee; position: absolute; z-index: 1; }
.ipbox .list ul  { position: relative; z-index: 10;}
.ipbox .list ul li { float: left; width: 25%; text-align: center; }
.ipbox .list ul li span { display: inline-block; width:120px; height: 120px; line-height: 120px;  border-radius: 120px; color:#0b8bff;  background: #fff; }
.ipbox .list ul li span i { display: inline-block; font-size: 60px; }
.ipbox .list ul li span i.icon-duihua { font-size: 50px;}
.ipbox .list ul li  h5 { font-size: 24px; color:#333;  margin:30px 0 20px; }
.ipbox .list ul li:hover span i { transform: rotate(360deg); transition: all 1s ease-in-out; }

.footer { width:100%;  background:url(../images/ftbg.jpg) center top no-repeat; font-size: 15px; color:#b5bcc3; }
.footer p, .footer a { font-size: 15px; color:#b5bcc3; }
.footer .cft { padding:80px 0 60px; }
.footer .fleft  { width:50%; }
.footer .fleft ul li { float:left; width:32%; margin-right: 8%; }
.footer .fleft ul li:last-child { width:16%; margin-right: 0; }
.footer .fleft ul li h3 {  font-size: 18px; margin-bottom: 20px; font-weight: normal; color:#fff; }
.footer .fleft ul li h3 span { display: inline-block; padding-bottom:30px; position: relative; }
.footer .fleft ul li h3 span::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:30px;  height: 2px; background: #0b8bff;  z-index: 2; transition: all 0.3s ease;}
.footer .fleft ul li .subnav a { display: inline-block; width:50%; line-height: 260%; float: left; }
.footer .fleft ul li:last-child .subnav a { width:100%; }
.footer .fleft ul li .subnav a:hover { color:#fff; }
.footer .fmid { width:24%; }
.footer .fmid ul {  display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; }
.footer .fmid ul li { flex: 1;}
.footer .fmid ul li img { max-width: 120px;  border-radius: 10px; margin-bottom: 10px; }
.footer .fmid .info { width: 100%; box-sizing: border-box; padding:15px 30px; background: #30353b;  border-radius: 10px; margin:30px 0 0; }
.footer .fright h2 { font-size: 30px; margin-bottom: 30px; color:#fff; font-weight: normal; }
.footer .fright h2 i { font-size: 26px; color:#0b8bff; margin-right: 10px; font-weight: normal; }
.footer .fright h2 em { font-size: 16px;}
.footer .fright p { line-height: 260%; font-size: 15px; }
.footer .fright p i { font-size: 18px; color:#666; margin-right:15px; vertical-align: middle;  }
.footer .cpr { padding:25px 0; border-top:1px solid rgba(255,255,255,0.1); }
.footer .cpr a:hover { color:#fff; }

/*--------------------------------------------------------------------------内页--------------------------------------------------------------------------*/

.cbanner { width:100%; height: 360px; display: table;  background-repeat: no-repeat; background-position: center; background-size:cover;  }
.cbanner .txt {  display: table-cell; vertical-align: middle;  color: #fff; text-align: center;  text-transform: uppercase; }
.cbanner .txt h1 { font-size: 36px;  margin:0 0 20px; }
.cbanner .txt p { font-size: 18px;}

.cc { margin: 60px 0; position: relative; z-index: 9; }
.ccleft { width:260px; border-radius: 10px; overflow: hidden; }
.ccleft .ctit { color:#fff; padding:20px;  background: url(../images/ctitbg.png) bottom right no-repeat #0b8bff;  }
.ccleft .ctit h3 { font-size: 24px; }
.ccleft .ctit span { text-transform: uppercase; color:rgba(255,255,255,0.3); line-height: 200%; font-size: 20px; }
.ccleft .cmenu ul li { border-bottom: 1px solid #eee;}
.ccleft .cmenu ul li a { box-sizing: border-box; display: inline-block; width:100%; padding:20px; color:#333;  }
.ccleft .cmenu ul li a i { color:#ccc; font-size: 14px; }
.ccleft .cmenu ul li a:hover, .ccleft .cmenu ul li a.on { background: #eee; font-weight: bold; }
.ccleft .cmenu ul li a:hover i , .ccleft .cmenu ul li a.on i { font-weight: normal; color:#0b8bff; }

.ccleft .ccont  { box-sizing: border-box; padding:20px;  }
.ccleft .ctel { margin:20px 0 10px;}
.ccleft .ctel i { float:left; display: inline-block; font-size: 28px; width: 50px; height: 50px; line-height: 50px; text-align: center; background:#0b8bff; color:#fff; border-radius: 50px; }
.ccleft .ctel p { float:right; width: calc(100% - 70px);  }
.ccleft .ctel p span { display: inline-block; width:100%; font-size: 24px; color:#333; line-height: 100%; }
.ccleft .ctel p em { display: inline-block; line-height: 150%; vertical-align: top; }

.ccright { box-sizing: border-box; width:calc(100% - 300px);  border-radius: 10px; padding-bottom: 60px; }
.ccright .bread { height: 80px; line-height: 80px; padding:0 40px; text-align: right; font-size: 15px; border-bottom:1px solid #eee; }
.ccright .bread .ct h1 { font-size:26px; color:#333; }
.ccright .bread .ct h1 span { display: inline-block; line-height: 80px; position:relative; z-index: 1;  }
.ccright .bread .ct h1 span::after { content: " ";  position: absolute;  left: 0; bottom:0;  width:100%;  height: 3px; background: #0b8bff;  }
.ccright .bread .br i { color:#ccc; margin-right:10px; }
.ccright .bread .br span { margin:0 5px; font-size: 15px; }
.ccright .bread .br a:hover span { text-decoration: underline; }

.cbabo { background-image:url(../images/caboban.jpg);}

.cabo { padding:50px 40px  0; }
.cabo h1 { font-size: 24px; color:#333; }
.cabo p { margin:10px 0; }
.cabo strong { color:#333; }

.cphoto ul li { float:left; width:calc(50% - 20px); margin-right:40px; margin-bottom:40px; }
.cphoto ul li:nth-child(2n) { margin-right:0; }
.cphoto ul li .img { border-radius:10px;}
.cphoto ul li h5 { font-size:16px; color:#333; text-align:center; padding:20px 0 0; font-weight:normal;  }
.cphoto  .paginator { margin:0; }

.cbart { background-image:url(../images/cartban.jpg);}

.artmenu { margin:40px 40px 0; padding:18px 30px; background:#f9f9f9; border-radius: 10px;}
.artmenu a { display: inline-block; line-height: 240%; margin-right: 40px; }
.artmenu a:hover { color:#0b8bff; }
.artmenu a.on { font-weight: bold; color:#0b8bff; font-size: 18px; }

.cartlist { padding:0 40px; margin:40px 0 0; }
.cartlist ul li { box-sizing: border-box; width: 100%;  margin-bottom:40px; }
.cartlist ul li:last-child { margin:0;}
.cartlist ul li .img { width:130px; height: 130px; float:left; overflow: hidden;  }
.cartlist ul li .img img {width: 100%;  height: 100%;  object-fit: cover; }
.cartlist ul li:hover img { transform:scale(1.08);  transition: all 0.5s ease-in-out; }
.cartlist ul li .txt { width:calc(100% - 160px); height: 130px; overflow: hidden; position: relative; }
.cartlist ul li .txt h2 a { color:#333; font-size: 18px;  }
.cartlist ul li .txt p { font-size: 15px; line-height: 180%; margin:10px 0 0; }
.cartlist ul li .txt .mark { position: absolute; left:0; bottom:0; }
.cartlist ul li .txt .mark span { display: inline-block; font-size: 15px; background: #f9f9f9; padding:0 10px; border-radius: 5px;  margin-left: 20px; height: 30px; line-height: 30px;}
.cartlist ul li .txt .mark em { color:#999; }
.cartlist ul li .txt .view { position: absolute; top:0; right:0; color:#999; }

/*==分页==*/
.paginator{  text-align: center; margin:40px 0 0; }
.paginator a { transition: all 0.36s ease;  width:36px; color: #666;  text-align:center; height:36px; line-height:36px; display:inline-block; text-decoration:none;  background:#f2f2f2;  margin:0 5px; color:#666; transition: all 0.36s ease;}
.paginator a i {display:inline-block; font-size: 16px; line-height:34px; }
.paginator a:hover { background:#0b8bff; color:#fff; }
.paginator span.cpb { transition: all 0.36s ease; text-align:center;  width:36px; height:36px;  line-height:36px; display:inline-block; color:#fff; background:#0b8bff; margin-left: 5px; }
.paginatordis{ display:none;}

.adleft { box-sizing: border-box; width:calc(100% - 400px);  border-radius: 10px; padding:40px; }
.adleft .tit .date i { display: inline-block; color:#ccc; margin-right: 10px;  }
.adleft .tit h1 { font-size: 24px; color:#333; line-height: 160%; margin:20px 0; }
.adleft .tit .mark { }
.adleft .tit .mark span { display: inline-block; font-size: 15px; background: #f9f9f9; padding:0 10px; border-radius: 5px;  margin-right: 20px; height: 30px; line-height: 30px;}
.adleft .tit .mark em { color:#999; }
.adleft .tit .col { font-size: 15px; padding:30px 0; border-bottom: 1px solid #eee; }
.adleft .tit .col i { display: inline-block;  color:#ccc;  }
.adleft .tit .col i.icon-liulan { font-size: 14px; }
.adleft .tit .col span { margin:0 20px 0 10px;  }
.adleft .detail { padding:20px 0 0; }
.adleft .detail p { margin:10px 0; }
.adleft .detail strong { color:#333; }

.adright { width:360px; border-radius: 10px; overflow: hidden; }
.adright .box  { margin-bottom: 40px; border-radius: 10px; overflow: hidden; }
.adright .box .ctit h3 { font-size: 24px; color:#333; border-bottom: 1px solid #eee; padding:20px 30px; }
.adright .box .ctit h3 span { position: relative; padding-bottom: 20px; }
.adright .box .ctit h3 span::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:100%;  height: 3px; background: #0b8bff;  z-index: 2; }
.adright .box .adlist { padding:20px 30px; }
.adright .box .adlist ul li { margin-bottom: 10px; line-height: 180%; }
.adright .box .adlist ul li:last-child { margin:0; }
.adright .box .adlist ul li em { display: inline-block; width:6px; height: 6px; border-radius: 6px; background: #ccc; float: left; margin:10px 0 0; }
.adright .box .adlist ul li span { display: inline-block; width: calc(100% - 15px);  float: right; }
.adright .box .adlist ul li a:hover { color:#0b8bff; }

.adright .box .ccont  { box-sizing: border-box; padding:30px;  }
.adright .box .ctel { margin:10px 0;}
.adright .box .ctel i { float:left; display: inline-block; font-size: 28px; width: 50px; height: 50px; line-height: 50px; text-align: center; background:#0b8bff; color:#fff; border-radius: 50px; }
.adright .box .ctel p { float:right; width: calc(100% - 70px);  }
.adright .box .ctel p span { display: inline-block; width:100%; font-size: 24px; color:#333; line-height: 100%; }
.adright .box .ctel p em { display: inline-block; line-height: 150%; vertical-align: top; }

.cbteam { background-image:url(../images/cteamban.jpg);}

.ctlist ul li { position: relative; float:left;  width:calc(25% - 30px); margin-right: 40px; margin-bottom: 40px;  border-radius: 10px; overflow: hidden;}
.ctlist ul li:nth-child(4n) { margin-right:0; }
.ctlist ul li .item { position: relative;  }
.ctlist ul li::before { width:100%; height: 50%; content: ""; left: 0; bottom: 0; opacity: 0.3; position: absolute; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 9;}
.ctlist ul li .img { position: relative; z-index:1; }
.ctlist ul li .info { width:100%; box-sizing: border-box; padding:30px; color:#fff;  position: absolute; bottom:0; z-index: 10; }
.ctlist ul li .info h5 { font-size: 24px; margin-bottom: 10px; }

.teamde .img { max-width: 320px; border-radius: 10px; overflow: hidden; }
.teamde .txt { width:calc(100% - 360px); }
.teamde .txt h5 { font-size: 24px; color:#333; margin-bottom:10px; }
.teamde .txt .info { margin:20px 0 0; padding:20px 0 0; border-top:1px solid #eee;  }
.teamde .detail .ctit h3 { font-size: 24px; color:#333; border-bottom: 1px solid #eee; padding:20px 0; }
.teamde .detail .ctit h3 span { position: relative; padding-bottom: 20px; }
.teamde .detail .ctit h3 span::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:100%;  height: 3px; background: #0b8bff;  z-index: 2; }
.teamde .detail .cdt { padding:20px 0 0; }