@charset "utf-8";
/* 564379992@qq.com */
:root {
    --main-color: #296CA4;
}
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; -webkit-box-sizing: border-box; }
body { padding: 0; font-family:"Manrope","Manrope","Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman; font-size: 12px; color: #424242; 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: #666; 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 { max-width: 100%; }
ul, li { list-style-type: none; }
a { color: #424242; text-decoration: none; outline: none; transition: all 0.3s ease; }
a:hover { color: var(--main-color); }
.clear { clear: both; content: ''; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.wrap{ max-width:1324px; padding:0 12px; margin:0 auto; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888;}

.flex{ display: flex; align-items: center;}
.center{ display: flex; justify-content: center; align-items: center; }
.between{ display: flex; justify-content: space-between; align-items: center; }
.flex-1{ flex:1; }
.line{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.line2{ word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
/***下划线链接动画***/
.link-ani { text-decoration: none; cursor: pointer; background: linear-gradient(to left, currentColor, currentColor) 0 var(--reversed-link-gap) / 0 1px no-repeat;
    background-position-x: left; transition:background-size var(--animation-primary),color var(--animation-primary); }
.link-ani:hover{ background-size:100% 1px; }
/***输入框动画***/
.input-field{ position: relative;}
.input-field .place{ position: absolute; pointer-events: none; top:50%; transform: translateY(-50%); font-size:14px; color:#86909C; left:20px; transition:var(--animation-primary); }
.input-field .intxt:focus + .place{ transform: translateY(-130%); font-size:11px;}
.font-16{ font-size:16px;}
.font-14{ font-size:14px;}
.font-18{ font-size:18px;}
.text-main{ color:var(--main-color);}
.text-black{ color:#1D2129;}
.text-gray{ color:#4E5969; }
.text-center{ text-align: center; }
.font-bold{ font-weight: bold; }

/***顶部***/
.header{ position: fixed; width:100%; border-bottom:1px solid var(--main-color); background:rgba(255,255,255,0.8); height:90px; top:0; left:0; z-index:22; box-shadow: rgba(0,0,0,0.03) 0 0 10px 0;}
.header .wrap{ height: 100%; }
.header .logo{ width:88px;}
.header .logo img{ width:100%; }
.header .nav > li{ margin-left:25px; height:90px; display: flex; align-items: center; justify-content: center; position: relative;}
.header .nav > li > a{ display: block; font-weight: 600; font-size:16px; }
.header .dropdown { position: absolute; top: 100%; right:0; min-width:120px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-radius: 4px; opacity: 0; visibility: hidden; transition: opacity 0.3s, transform 0.3s, visibility 0s 0.3s; transform: translateY(15px); z-index:15; }
.header .nav li:hover .dropdown { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: 0s; }
.header .dropdown li { position: relative; }
.header .dropdown li a{ display: block;  padding:12px 20px; text-align: center; font-size:14px;  }
.header .dropdown li:hover { background: #f8f8f8; }
.menu-icon{ display: none; }
.mobile-nav{ display:none;}
.mobile-msk{ display: none; width:100%; height:100%; position: fixed; top:0; left:0; z-index:21; background:rgba(0,0,0,0.6); }

/***banner图***/
.banner{ position: relative; }
.banner .wrap{ position: absolute; left:50%; margin-left:-650px; top:0; height:100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.banner .img{ display: block; height:100%; -webkit-filter:brightness(0.8); width:100%; max-height:682px; object-fit: cover;}
.banner .text{ }
.banner .text h1{ font-size:33px; max-width:450px; font-weight: 600; color:#fff; }
.banner .text h2{ font-weight: 600; color:var(--main-color); font-size:30px; margin-top:15px; }
.banner p img{max-width:613px; display:block; margin-top:20px;}
.banner .text h3{ color:#F2BA41; font-size: 33px; font-weight: 400; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }
.banner .text .hm { margin-top:12px; }
.banner .text .hm a{ width:186px; height:55px; border-radius:0 10px 0 10px; color:#fff; background:var(--main-color); font-weight: 500; font-size:17px;}
.banner .text .hm a.a2{ margin-left:20px; background:#fff; border:1px solid var(--main-color); color:#333;}

/***优势***/
.inadv{ padding:118px 0; background: url(../images/bg.png) no-repeat right center; }
.inadv .wrap { max-width:893px;}
.title{ text-align: center; margin-bottom:20px;}
.title h2{ font-weight: 600; font-size:29px; }
.title h2:after{ display: block; width:44px; margin:0 auto; height:2px; background: var(--main-color); margin-top:5px; content:''; }
.title .txt{ font-size:17px; line-height:25px; margin:0 auto; max-width:997px; margin-top:15px;}
.adv-list{ display: flex; flex-wrap: wrap; margin-top:20px; }
.adv-list li{ width:50%; padding:30px; display: flex; overflow: hidden; }
.adv-list li img{ width:30px; height:30px; margin-right:10px;}
.adv-list li .text{ flex:1; }
.adv-list li .text h3{ font-size:20px; font-weight: 600; margin-bottom:5px; }
.adv-list li .text p{ font-size:16px; line-height:25px; }

.in-scroll { padding-bottom:70px;}
.in-scroll .swiper{ padding-bottom:30px;}
.in-scroll .swiper .swiper-pagination-bullet-active{ background:#333; }
.in-scroll .swiper .swiper-button-next,.in-scroll .swiper .swiper-button-prev{  color:#fff; transform: scale(0.6); }

.copyright{ background:#fff; padding:25px 0; text-align: center; font-size:14px;}

/***关于我们***/
.bgimg{ background-image:url('../images/bg2.jpg'); background-repeat: no-repeat; background-position: right top; background-attachment: fixed; }
.about{ padding:80px 0; overflow: hidden; }
.topimg{ height:295px; overflow: hidden; margin-top:90px; position: relative;}
.topimg img{ width:100%; height:100%; object-fit: cover;  }
.topimg:after{ width:100%; height:100%; background:rgba(41,108,164,0.6); top:0; left:0; content:''; position: absolute;}
.topimg .text{ position: absolute; left:0; z-index:2; width:100%; text-align: center; top:50%; transform: translateY(-50%); color:#fff;}
.topimg .text h1{ font-size: 22px; font-weight: 600;  }
.topimg .text p a{ color:#fff; }
.topimg .text p { font-size: 17px; }
.topimg .text p i{ margin:0 5px; }

.about .adv-list,.about .about-zl{ max-width:740px; margin:0 auto; margin-top:60px; }
.about .about-zl ul li{ padding:12px 0; border-bottom: 1px solid #eee; font-size:17px; }

/***服务***/
.service{ padding:80px 0; display: flex;}
.service .wrap{ max-width:1200px; display: flex;}
.service .fl{ flex:1; }
.service .fl .img1{ width:70%; }
.service .fl .img2{ text-align: right; position: relative; margin-top:-60px;}
.service .fl .img2 img{ width:70%; }
.service .fr{ flex:1; }
.service .fr .title{ text-align: left; }
.service .fr .title h2{ text-align: left;}
.service .fr .title h2:after{margin:0; margin-top:5px; }
.service .fr ul{ margin-top:70px; margin-left:60px;}
.service .fr ul li{ margin-top:30px;}
.service .fr ul li img{ display: block; height:33px; height:33px; }
.service .fr ul li h3{ font-size:23px; font-weight: 600; margin-top:10px; }
.service .fr ul li .txt{ font-size:17px; line-height:25px; margin-top:10px; }

/***案例***/
.case{ padding:80px 0;}
.case .wrap{ max-width:1186px; }
.case ul{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 100px; }
.case ul li{ width: 328px; height:328px; }
.case ul li a{ display: block; position: relative; overflow: hidden;  border-radius:50%; }
.case ul li a img{ width:100%; height:100%; object-fit: cover; transition: all 0.5s ease;  }
.case ul li a .text{ position: absolute; opacity:0; transition: all 1s ease; left:0; top:0; width:100%; height:100%; background: rgba(41,108,164,0.6); color:#fff; font-size:23px;}
.case ul li a:hover .text{ opacity:1; }
.case ul li a:hover img{ transform: scale(1.2);}

.case-box{ display: flex; padding:20px 0; }
.case-box .cmenu{ width:257px;}
.case-box .cmenu li{ margin-bottom:2px;}
.case-box .cmenu li a{ display: block; background:#eee; text-align: center; font-size:16px; padding:10px 12px; }
.case-box .cmenu li a:hover,.case-box .cmenu li a.active{ color:#fff; background: var(--main-color); }
.case-box .cright{ flex:1; margin-left:20px; }
.case-box .cright .cclist{ display: grid; grid-template-columns: repeat(3, 1fr); gap:20px; }
.case-box .cright .cclist li a{ display: block; overflow: hidden; position: relative;  height:300px; }
.case-box .cright .cclist li a img{ width:100%; height:100%; object-fit: cover; transition: all 0.5s ease; -webkit-filter: brightness(0.8); }
.case-box .cright .cclist li a .text{ position: absolute; left:0; top:0; padding:12px; width:100%; height:100%; font-size:16px; color:#fff; }
.case-box .cright .cclist li a:hover img{ -webkit-filter: brightness(1.1); }

.case-detail{ padding-bottom:80px;}
.case-detail .case-item{ display: flex; margin-left:-20px; }
.case-detail .case-item li{ width: calc(100% / 3 - 20px); margin-left:20px; padding-left:15%; display: flex; }
.case-detail .case-item li img{ width:21px; height:21px; margin-right:10px; }
.case-detail .case-item li .text h2{ font-size:19px; font-weight: 600; margin-bottom:5px; }
.case-detail .case-item li .text p{ font-size:16px; line-height:25px; }

.case-list{ margin-top:50px; }
.case-list li a{ display:block; }
.case-list li a img{ width:100%; object-fit: cover; transition: all 1s ease; }
.case-list li a:hover img{ -webkit-filter: brightness(0.5); }

/***联系我们***/
.contact{ padding:80px 0;}
.contact .wrap{ display:grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.contact .wrap .fl li{ display: flex; border-bottom:1px solid #555; padding:30px 0; }
.contact .wrap .fl li img{ width:29px; height: 29px; margin-right:10px;}
.contact .wrap .fl li .text{ flex:1; }
.contact .wrap .fl li .text h3{ font-size:16px; font-weight: 600; margin-bottom:5px; }
.contact .wrap .fl li .text p{ font-size:17px; line-height:22px; }
.contact .wrap .book ul{ display:flex; gap: 20px; }
.contact .wrap .book ul li{ margin-top:12px; flex:1; }
.contact .wrap .book ul li .intxt{ border:0; display: block; width:100%; border-bottom:1px solid #eee; font-size:16px; padding:15px 12px;}
.contact .wrap .book ul li .intxt.te{ height:100px;}
.contact .wrap .book ul li .intxt:focus{ border-color: var(--main-color); }
.contact .wrap .book .btn{ margin-top:20px; border-radius:45px; height:45px; width:120px; background: var(--main-color); color:#fff; border:0; cursor: pointer; font-size:15px; }
.contact .wrap .book .btn:active{ opacity: 0.8; }

.pages .pagination{ margin:30px 20px; overflow: hidden; flex-wrap: wrap; font-size: 12px;  display: flex; align-items: center; justify-content: center;}
.pages ul li { border: 1px solid #ccc; background: #fff; color: var(--main-color); font-size:15px; margin:5px 2px; }
.pages ul li:hover {background: var(--main-color);color: #fff;border: 1px solid var(--main-color)}
.pages ul li:hover a {color: #fff;}
.pages ul li.active { background: var(--main-color);color: #fff;border: 1px solid var(--main-color) }
.pages ul li.active span {color: #fff;}
.pages ul li a, .pages ul li span {display: block;color:var(--main-color); padding:4px 12px; line-height:28px;}
.pages ul li a:hover {color: #fff;}

.case-de-cate{ display: flex; align-items: center; margin-bottom:50px; justify-content: center; padding:12px 0; border-bottom:1px solid #eee;}
.case-de-cate li{ padding:0 2%;}
.case-de-cate li a{ font-size:16px; }
.case-de-cate li a.active{ color: var(--main-color); }