@charset "utf-8";
.banner {width: 100%; overflow: hidden; height: 715px; position: relative;}
.banner img { width: 1920px; position: absolute; left: 50%; transform: translateX(-50%);height: 100%;}
.ckgl-tit h3{font-size: 40px;color: #222;line-height:42px;text-align: center;font-weight: bold;}
.ckgl-tit h3:after{content: "";display: block;width: 100px;height: 6px;margin: 30px auto 0;
  background-image: -moz-linear-gradient( 0deg, rgb(25,52,123) 0%, rgb(234,85,4) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(25,52,123) 0%, rgb(234,85,4) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(25,52,123) 0%, rgb(234,85,4) 100%);}
.ckgl-tit-l h3{text-align: left}
.ckgl-tit-l h3:after{margin: 30px 0 0;}
.ckgl-tit p{font-size: 18px;line-height:30px;color: #555; margin-top: 30px;text-align: center;}
.ckgl-tw{margin:140px auto;}
.ckgl-tw-con{margin-top:50px;display: flex;justify-content: space-between;align-items: center;}
.ckgl-tw-txt{width: 665px;}
.ckgl-tw-txt p{font-size: 18px;color: #555;line-height: 30px;margin-bottom:8px;}
.ckgl-tw-txt p b{font-size: 20px;color: #ea5504;}
.ckgl-tw-img img{border-radius: 16px;width: 482px;height: 344px;}
.zt-contact{display: flex;justify-content: center; gap: 0 23px;margin-top: 40px;}
.zt-contact li {background-color:#ea5504;border-radius: 4px; font-size: 18px;line-height: 50px; height: 50px;width: 200px; text-align: center;color: #fff;justify-content: center;align-items: center;gap: 0 10px;display: flex;}
.zt-contact li a{color:#fff;}
.zt-contact .wx{position: relative;background: #fff;border: 1px #a0a0a0 solid;color: #666;}
.zt-contact .wx span{position: absolute;bottom: 50%;left: 50%;opacity: 0;z-index: -1; box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.2);transition: 0.5s;}
.zt-contact .wx:hover span {opacity: 1;z-index: 99;}
.zt-contact .wx>img{width: 28px;}
.zt-contact .dh{background: url(https://lib.zozen.com/5ab9f1bda624634ee3649458/images/swzltl-tell.png) no-repeat left center/28px;padding-left: 40px;font-size: 18px;line-height: 25px;}
.zt-contact .dh b{display: block;font-weight: bold;color: #ff6908;font-size: 22px;}
.ckgl-cp{overflow:hidden;margin-bottom:40px;}
.cpfl{margin:50px 0 40px;height:100px;display:flex;}
.cpfl:before{content: "";display: block;width: 6px;
  background-image: -moz-linear-gradient( -90deg, rgb(25,52,123) 0%, rgb(234,85,4) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(25,52,123) 0%, rgb(234,85,4) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(25,52,123) 0%, rgb(234,85,4) 100%);}
.cpfl-con{display: flex;flex-direction: column;justify-content: space-between; margin-left: 20px;}
.cpfl-con h4{font-size:30px;font-weight: bold;line-height:32px;color:#222;}
.cpfl-con p{font-size:18px;line-height:30px;color:#555;}
.ckgl-cp ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.ckgl-cp ul li{width:280px;border:1px #dcdcdc solid;border-radius:10px;overflow:hidden;}
.ckgl-cp ul li:hover{box-shadow: 0px 4px 6px 0px rgba(29, 33, 33, 0.16);}
.ckgl-cp .zt-cpbg{width:280px;height:210px;background: #f6f6f6;text-align: center;}
.ckgl-cp .zt-cpbg img{max-width: 100%;max-height: 210px;}
.ckgl-cp .zt-cptit a{font-size:18px;line-height:30px;color: #222;}
.ckgl-cp .zt-cptit b{color: #eb530a;font-size: 20px;display: block;}
.ckgl-cp .zt-cpcs{color:#555;margin-top:10px;font-size: 16px;line-height: 26px;}
.ckgl-cp .zt-cpcon{padding:30px 22px;}
.ckgl-cp .zt-cpbtn {display: flex;justify-content: center;margin:40px 0 100px;}
.ckgl-cp .zt-cpbtn a,.ckgl-cp .zt-cpbtn a.more:hover {background:#eb530a;border: 1px transparent solid;width: 270px; height: 50px;border-radius: 5px; display: inline-block; text-align: center;line-height: 48px;font-size: 18px; color: #fff;transition: all 0.4s; margin-right: 20px;}
.ckgl-cp .zt-cpbtn a:hover{background: #1c3479}
.ckgl-cp .zt-cpbtn a:last-child { margin-right: 0!important;}
.ckgl-cp .zt-cpbtn a.more { background: #fff; border: 1px #eb530a solid; color: #eb530a;}
.ckgl-wsm{margin-bottom: 140px;}
.ckgl-wsm ul{margin-top: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;gap:30px 26px;}
.ckgl-wsm ul li{width: 587px;color: #666;font-size: 18px;line-height: 28px;padding: 40px 24px;border: 1px #eee solid;border-radius: 10px;}
.ckgl-wsm ul li .title{color: #222;font-size: 20px;line-height: 30px;margin-bottom: 30px;}
.ckgl-wsm ul li .title img{float: left;margin-right: 20px;}
.ckgl-wsm ul li .title h4{color: #2d3748;font-size: 24px;font-weight: bold;} 
.ckgl-ad{background: url(https://lib.zozen.com/5ab9f1bda624634ee3649458/images/drycj-ad.jpg!/lossless/true) no-repeat center center;padding: 110px 0;}
.ckgl-ad h4{font-size: 36px;line-height: 56px;color: #fff;text-align: center;}
.ckgl-ad h4 b{font-size: 46px;font-weight: bold;display: block;}
.ckgl-ad p{margin-top: 45px;font-size: 20px;line-height: 20px; color: #fff;text-align: center;}
.ckgl-ad ul{display:flex;justify-content:center;gap:0 30px;margin-top:80px;}
.ckgl-ad ul li{width:240px;border:1px #fff solid;border-radius:4px;font-size:20px;line-height:48px;height:50px;color:#fff;display: flex;align-items: center;
    justify-content: center;}
.ckgl-ad ul .zx{border:none;background: #ea5504;}
.ckgl-ad ul .wx{position:relative;}
.ckgl-ad ul .wx span{position:absolute;top:25px;opacity:0;z-index:-1;transition:0.5s;}
.ckgl-ad ul .wx:hover span{opacity:1;z-index:99;}
.ckgl-ad ul .dh img{height: 24px;}
.ckgl-ad ul .dh{width: 420px;font-size: 18px;}
.ckgl-ad ul .dh b{font-weight:bold;font-size: 22px;}
.ckgl-case{margin-top: 140px;}
.ckgl-case .tab-nav{display: flex;gap:20px;justify-content: center;margin: 50px 0 40px;}
.ckgl-case .tab-nav .tab-btn{width: 260px;height: 50px;line-height: 50px; border: 1px #b5b5b5 solid;background: #fff;border-radius: 5px;text-align: center;font-size: 18px;color: #555;}
.ckgl-case .tab-nav .active{background: #eb530a;border: 1px #eb530a solid;color: #fff;}
.ckgl-case ul{display:flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 140px;}
.ckgl-case ul li{width: 290px;border:1px #eee solid; }
.ckgl-case ul li img{width: 100%;}
.ckgl-case ul li .casecon{margin: 30px 20px 40px 20px;}
.ckgl-case ul li .casecon span{display:inline-block;background: #fbddce;padding: 0 32px;height: 32px;border-radius: 16px;text-align: center;color: #eb530a;font-size: 18px;line-height: 32px;}
.ckgl-case ul li h4{font-size: 20px;line-height: 28px;margin-top: 20px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ckgl-case ul li h4 a{color: #222;display: block;}
.ckgl-case ul li h4 a:hover{color: #eb530a;}
.ckgl-case ul li p{color: #666;font-size: 18px;line-height: 28px;margin-top: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ckgl-case ul li a.more{color: #012150;font-size: 18px;line-height: 28px;margin-top: 10px;padding-right: 30px;background: url(//lib.zozen.com/5ab9f1bda624634ee3649458/images/ckgl-case-m.jpg!/lossless/true) no-repeat right center;display: inline-block;}