@charset "utf-8";
*{margin: 0;padding: 0;font-family: "微软雅黑";font-size: 14px;}
ul{list-style: none;}
a{text-decoration: none;    color: #686868;}
img{border: none;}
html,body{width: 100%; overflow-x: hidden;}
.l{float:left}
.gy2{max-width:1240px;margin:0 auto;padding:0 20px;}
.holer{height:124px; overflow:hidden; background:none;}
#headdiv{height: 131px; position: fixed; top: 0px; width: 100%; z-index: 100; background: none;}
/*顶部bar*/
.top01{width:100%;height:38px;line-height:38px;background:#1358ad;color:#fff;overflow:hidden;font-size:12px}
.top01 .l{font-size:14px}
.top01_center{text-align:left;float:right;font-size:14px}
.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}
/*logo和导航*/
.top02{width:100%;background-color: rgb(255, 255, 255); height: 86px; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.top02 .top02_center{max-width:1240px;margin:0 auto; display: flex; justify-content: space-between;padding:0 20px;}
.logo{width:344px;float:left;padding-top:18px;}
.logo img{float:left}
.logo .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#1358ad;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.nav{flex: 1;}
.nav ul{float:right;}
.nav li{position:relative;flex: 1;}
.nav li.m{padding:0 22px;margin:0;float:left;text-align:center;background:url(../images/top_bg1.png) right 40px no-repeat}
.nav .m.on a.mmm{color:#1358ad}
.nav a.mmm{height:46px;padding-top:35px;display:block;font-size:16px;color:#333}
/*二级导航*/
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:118px;overflow:hidden;text-align:center;z-index:110;left:0;background-color:#f5f5f5}
.nav .sub .nav_xiao{width:1280px;overflow:hidden;margin:0 auto}
.nav .sub .nav_xiao.max1100{max-width:1100px}
/*二级导航-网站建设*/
.nav .sub .nav_xiao .xiao_one{overflow:hidden;padding-top:40px;padding-bottom:40px}
.nav .sub .nav_xiao .xiao_one ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_one ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_one ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_one ul li a:hover{color:#1358ad}
.nav .sub .nav_xiao .xiao_one ul li a i{display:block;width:101px;height:84px;margin:0 auto;margin-bottom:23px;overflow:hidden;background-image:url(../images/top_pic1.png);background-repeat:no-repeat;transition:all .3s;margin-top:20px}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs1{background-position:-720px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs2{background-position:left top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs3{background-position:-360px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs4{background-position:-1088px top}
.nav .sub .nav_xiao .xiao_one ul li a:hover i{background-image:url(../images/top_pic1.png)}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs1{background-position:-720px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs2{background-position:left bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs3{background-position:-360px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs4{background-position:-1088px bottom}
/*二级导航-关于我们*/
.nav .sub .nav_xiao .xiao_two{margin-top:40px;margin-bottom:40px;overflow:hidden}
.nav .sub .nav_xiao .xiao_two ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_two ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_two ul li a:hover{color:#1358ad}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666;line-height:22px}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:400;letter-spacing:1px;line-height:36px}
.nav .sub .nav_xiao .xiao_two ul li a i{display:block;width:104px;height:104px;margin:0 auto;margin-bottom:13px;overflow:hidden;background-image:url(../images/top_pic2.png);background-repeat:no-repeat;margin-top:10px;background-color:#999;border-radius:50%;position:relative;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs1{background-position:30px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs2{background-position:-330px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs3{background-position:-691px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs4{background-position:-1050px center}
.nav .sub .nav_xiao .xiao_two ul li a:hover i{background-color:#1358ad;margin-top:5px}
/*二级导航-新闻动态*/
.nav .sub .nav_xiao .xiao_three{overflow:hidden;margin-top:60px;margin-bottom:60px}
.nav .sub .nav_xiao .xiao_three ul{ display: flex; justify-content:center}
.nav .sub .nav_xiao .xiao_three ul li{width: 280px;height:218px;overflow:hidden;margin-right:2.5%;text-align:center;position:inherit;line-height:40px;background-color:#fff;}
.nav .sub .nav_xiao .xiao_three ul li:last-child{margin-right:0}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;display:block;transition:all .3s}
.nav .sub .nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:18px;height:100%;display:block}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#1358ad}
/*二级导航-解决方案*/
.nav .sub .nav_xiao .xiao_four{width:50%;overflow:hidden;margin-top:40px;margin-bottom:40px}
.nav .sub .nav_xiao .xiao_four.l{border-right:1px solid #e3e3e3}
.nav .sub .nav_xiao .xiao_four.r{width:49%}
.nav .sub .nav_xiao .xiao_four h2{font-size:16px;font-weight:700;color:#000;height:18px;line-height:18px}
/*解决方案左边*/
.nav .sub .nav_xiao .xiao_four .ul{margin-top:23px}
.nav .sub .nav_xiao .xiao_four .ul li{padding-top:11px;padding-bottom:11px;height:44px;line-height:22px;padding-left:15px;margin-right:40px;width:265px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul li:hover{background-color:#fff}
.nav .sub .nav_xiao .xiao_four .ul li a{display:block;text-align:left;color:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul li a i{margin-right:10px;margin-top:4px;float:left;width:36px;height:36px;background-repeat:no-repeat;background-position:center center}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs1{background-image:url(../images/top_pic4.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs2{background-image:url(../images/top_pic5.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs3{background-image:url(../images/top_pic6.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs4{background-image:url(../images/top_pic7.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs5{background-image:url(../images/top_pic8.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs6{background-image:url(../images/top_pic9.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs7{background-image:url(../images/top_pic10.png)}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs8{background-image:url(../images/top_pic11.png)}
.nav .sub .nav_xiao .xiao_four .ul li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}
/*解决方案右边*/
.nav .sub .nav_xiao .xiao_four .ul2{width:540px;margin:0 auto;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 h2{margin-bottom:23px}
.nav .sub .nav_xiao .xiao_four .ul2 li{padding-top:11px;padding-bottom:11px;height:44px;line-height:22px;margin-right:40px;width:250px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul2 li a{display:block;text-align:left;color:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul2 li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 li a b i{display:inline-block;width:35px;height:15px;overflow:hidden;background:url(../images/top_pic12.png) no-repeat;margin-left:3px}
.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b{color:#1358ad}
/*二级导航-成功案例左*/
.nav .sub .nav_xiao .xiao_five{width:549px;overflow:hidden;float:left;margin-top:40px;margin-bottom:40px;border-right:1px solid #e6e6e6}
.nav .sub .nav_xiao .xiao_five img{width:391px;height:259px}
.nav .sub .nav_xiao .xiao_five a{width:391px;height:259px;padding:0;margin-right:45px;float:left}
/*二级导航-成功案例右*/
.nav .sub .nav_xiao .xiao_five2{float:left;text-align:left;margin-top:71px;margin-left: 50px;width:500px;}
.nav .sub .nav_xiao .xiao_five2 a{text-align:left;float:left;margin-right:100px;height:38px;line-height:38px;color:#000;font-size:18px;margin-bottom:42px;transition:all .3s}
.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0){margin-right:3px}
.nav .sub .nav_xiao .xiao_five2 a i{width:38px;height:38px;border-radius:50%;background-color:#F3782A; float:left;margin-right:20px;transition:all .3s;margin-left:0;color: #fff; font-size: 22px;text-align: center; transform: rotate(180deg);}
.nav .sub .nav_xiao .xiao_five2 a:hover{color:#1358ad}
.nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#1358ad}
.nav .sub .nav_xiao .xiao_five2 a i.bgs1{background-position:9px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs2{background-position:-233px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs3{background-position:9px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs4{background-position:-233px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs5{background-position:9px -152px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs6{background-position:-233px -152px}
/*二级导航-产品服务*/
.nav .sub .nav_xiao .xiao_six{overflow:hidden;height:338px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.nav .sub .nav_xiao .xiao_six ul li{float:left;display:inline;height:338px;width:33.2%;overflow:hidden;border-right:1px solid #e6e6e6;text-align:center}
.nav .sub .nav_xiao .xiao_six ul li.bgs1{background:url(../images/yuming_bg1.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs2{background:url(../images/yuming_bg2.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li.bgs3{background:url(../images/yuming_bg3.png) right 168px no-repeat}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{margin:0 auto;width:80%;max-width:360px;height:338px;overflow:hidden;text-align:left}
.nav .sub .nav_xiao .xiao_six ul li:last-child{border-right:0}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l{font-size:18px;font-weight:700;height:62px;line-height:62px;border-bottom:1px solid #e6e6e6;margin-bottom:23px}
.nav .sub .nav_xiao .xiao_six ul li a{float:left;width:136px;overflow:hidden;height:30px;line-height:30px;font-size:16px;color:#666}
.nav .sub .nav_xiao .xiao_six ul li a:hover{color:#1358ad}
.nav .sub .nav_xiao .xiao_six ul li .a{display:block;width:182px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:16px;margin-top:31px;transition:all .3s;clear:both}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs1{background-color:#1358ad}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs2{background-color:#248cf6;margin-top:61px}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs3{background-color:#1ecc85;margin-top:91px}
.nav .sub .nav_xiao .xiao_six ul li .a:hover{opacity:.8;filter:Alpha(opacity=80);color:#fff}
/*轮播图*/
.fuSlide{width:100%;height:820px;position:relative;z-index:1}
.fuSlide .imgs{width:100%}
.ck-slide,.ck-slide ul.ck-slide-wrapper li,.ck-slide ul.ck-slide-wrapper li a img{transition:all 1s ease}
.ck-slide{position:relative;overflow:hidden;width:100%}
.ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}
.ck-slide ul.ck-slide-wrapper li{position:absolute;width:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%}
.ck-slide ul.ck-slide-wrapper li:first-child{z-index:1111}
.ck-slide ul.ck-slide-wrapper li.current{z-index:1112}
.ck-slide ul.ck-slide-wrapper li a{display:block}
.ck-slide ul.ck-slide-wrapper li a .img{width:100%;height:auto;opacity:0;filter:alpha(opacity='0')}
.ck-slide ul.ck-slide-wrapper li .leftto{filter:alpha(opacity=0);opacity:0}
/*轮播图选中动画*/
.ck-slide ul.ck-slide-wrapper li.current .leftto{animation:mymove8 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li .rightto{filter:alpha(opacity=0);opacity:0}
.ck-slide ul.ck-slide-wrapper li.current .rightto{animation:mymove7 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.5s;}
.ck-slide ul.ck-slide-wrapper li.current .danim-3{animation:mymove10 .8s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-1{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.1s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-2{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-3{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.6s;}
/*轮播图内容区域*/
.banner_con{ top:0; left:0; width:100%; height:100%; position:absolute; }
.banner1_one{ text-align:center; color:#fff;margin-top:10%; text-shadow: 0 2px 5px rgba(63,113,171,.8);}
.banner1_one h2{ font-weight:normal; margin-bottom:0.4%;}
.banner1_two{ text-align:center; color:#fff; margin-top:3%;opacity:0;filter:Alpha(opacity=0);}
.banner1_two span{ display:inline-block; padding-left:60px; padding-right:60px; height:112px; text-shadow: 0 5px 10px rgba(0,0,0,.3);}
.banner1_two span:first-child{ border-right:1px solid #677794;}
.banner1_two span b{ font-weight:normal; color:#ffc600; display:block; text-shadow: 0 5px 10px rgba(0,0,0,.3);}
.banner_con .f90{ font-size:90px;}
.banner_con .f72{ font-size:72px;}
.banner_con .f48{ font-size:48px;}
.banner_con .f36{ font-size:36px;}
.banner_con .f30{ font-size:30px;}
.banner2_one{ float:right; width:50%; color:#fff;}
.banner3_one{float: left;}
.banner2_one h2{ font-weight:normal; margin-bottom:1%; margin-top:35%;opacity:0;filter:Alpha(opacity=0); text-shadow: 0 5px 10px rgba(0,0,0,.5);}
.banner2_one p{ color:#fff;opacity:0;filter:Alpha(opacity=0); margin-top: 20px; line-height: 1.7;text-shadow: 0 5px 10px rgba(0,0,0,.5);}
.banner2_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #fff; border-radius:30px; font-size:16px; text-indent:50px; background:url(../images/i_bg9.png)  138px center no-repeat; font-style:normal; margin-top:10%;transition:all 0.3s; cursor:pointer;}
.banner2_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner2_one .leftto{animation-delay:1s;}
.banner4_one{ float:left; width:60%; color:#000;}
.banner4_one h2{ font-weight:normal; margin-bottom:1%; margin-top:15%;opacity:0;filter:Alpha(opacity=0);}
.banner4_one p{ color:#000;opacity:0;filter:Alpha(opacity=0);}
.banner4_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #000; border-radius:30px; font-size:16px; text-indent:50px; background:url(../images/i_bg10.png)  138px center no-repeat; font-style:normal; margin-top:6%;transition:all 0.3s; cursor:pointer;}
.banner4_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner4_one .leftto{animation-delay:1s;}
/*轮播图按钮滑轮*/
.index-waper-box{position:absolute;bottom:44%;width:100%;height:100px;overflow:hidden;z-index:9;perspective:800px;transform-style:preserve-3d;}
.index-back-box{height:100px;background:0 0;width:1240px;margin:0 auto;overflow:hidden;transform-origin:bottom;transform:rotateX(0) translate3d(0,0,0);transition:all .65s cubic-bezier(.55,.65,.55,1) 0s;}
/*.index-back-box.active{background:url(../images/i_banner_bg.png) left bottom repeat-x}*/
/*左右按钮及hover效果*/
.index-back-box .sub-arrows{position:absolute;left:0;top:0;width:100%;height:100%;line-height:100px;padding-left:10px;font-size:0}
.index-back-box .sub-arrows i.icom{display:inline-block;vertical-align:top;width:60px;height:40%;cursor:pointer;position:relative}
.index-back-box .sub-arrows i.next:before,.index-back-box .sub-arrows i.prev:before{content:'';display:inline-block;position:absolute;top:42%;width:13px;height:22px;background-image:url(../images/sub-arrows.png);background-position:0 0;background-repeat:no-repeat}
.index-back-box .sub-arrows i.prev:before{background-position:0 0;left:-7px}
.index-back-box .sub-arrows i.next:before{background-position:-14px 0;left:24px}
.index-back-box .sub-arrows i.icom:after{position:absolute;content:'';left:0;top:28px;width:30px;height:2px;background-color:#fff;transform:scale(0,1);transition:all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom font{color:#000;transition:all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom.prev font{position:absolute;left:9px}
.index-back-box .sub-arrows i.icom.next font{position:absolute;left:6px}
.index-back-box .sub-arrows i:hover:after{transform:scale(1,1);}
.index-back-box .sub-arrows i.icom.prev:hover font{left:-7px}
.index-back-box .sub-arrows i.icom.next:hover font{left:20px}
.index-back-box .sub-arrows i.icom.next{right:0;position: absolute;width:50px;}

/*中间鼠标图标*/
.index-back-box .sub-mouse{width:70%;height:43px;position:absolute;top:20px;left:15%;cursor:pointer;z-index:1;zoom:.7;}
.index-back-box .sub-mouse:after{display:none;z-index:-1;position:absolute;content:'';top:-30px;left:50%;height:53px;border-right:1px solid #333;margin-left:-1px}
.index-back-box .sub-mouse span{text-align:center;display:block;position:relative;width:50%;height:100%;animation:ani-svg .85s linear 0s alternate infinite;margin:0 auto}
.index-back-box .sub-mouse{display: none}
@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}
/*优势*/
.i_bg{background-color:#fff;overflow:hidden}
.i_one{background-color:#fff;overflow:hidden;height:316px;margin:0 auto;margin-bottom:32px; box-shadow:0 5px 13px rgba(177,190,212,.6);}
.i_service_t{text-align:center;padding-top:15px;color:#666;font-size:18px;line-height:32px;padding-bottom:50px}
.i_service_t h2{height:66px;line-height:66px;font-size:48px;color:#000;font-weight:400;letter-spacing:1px;}
.i_service_t p{font-size:18px}
.advantage{text-align:center;overflow:hidden}
.num_box{width:33.3333%;float:left;height:124px;background:url(../images/i_one_bg1.png) right center no-repeat}
.num_box div{ font-size:20px;}
.num_box:last-child{background:0 0}
.num_box .num{font-weight:700;color:#1358ad;font-weight:400;font-size:60px;width:100%;height:70px;line-height:70px;text-align:center;position:relative;z-index:2;letter-spacing:1px;margin-top:10px}
.num_box h3{font-size:16px;color:#333;font-weight:400;line-height:30px}
/* 新闻动态 */
.newsBox{margin: 40px auto 60px auto;}

.newsList{padding:10px;}
.newsList li{transition: all .36s;}
.newsSwiper .layui-carousel{ height: 455px!important;}
.newsImg{ height: 405px; overflow: hidden;}
.newsImg img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.newsTit{ font-size: 18px; height: 45px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; border-top: 5px solid #1358ad;}
.newsSwiper .layui-carousel-arrow{ background: transparent; font-size: 28px; top: 45%;}

.newsTab .layui-tab{ margin: 0; padding-left: 50px;}
.newsTab .layui-tab-title li{font-size: 18px; margin-right: 15px; line-height: 30px;}
.newsTab .layui-tab-title{ border-bottom: 0;}
.newsTab .layui-tab-brief>.layui-tab-title .layui-this{ color:#1358ad;}
.newsTab .layui-tab-brief>.layui-tab-title .layui-this:after{ border-bottom:5px solid #1358AD;}
.activeNow{transition: all .36s; display: none;margin: 8px 0; background: #fff; box-shadow: 0 0 10px rgba(177,190,212,.6); padding: 15px; overflow:hidden;}
/* .newsList dl{display: flex;} */
.newsList dt{width: 190px; height: 130px;float: left; margin-right: 10px;}
.newsList dt img{ display: block; width: 100%; height: 100%; object-fit: cover;border-radius: 2px;}
.newsList dd {width: calc(100% - 200px);float: right;}
.newsList dd h2{ font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;margin-bottom: 8px;}
.newsList dd p{height: 98px; overflow: hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;color: #888; line-height: 1.4;}
.newsList .newsNormal{ display: flex; height: 43px; line-height: 43px;}
.newsList .newsNormal a{ flex:1;font-size: 16px; padding-left: 15px; margin-right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;}
.newsList .newsNormal a::before{content: ""; width: 6px; height: 6px; background: #ccc; position: absolute; left: 0; top: 17px;}
.newsList .newsNormal span{ width: 80px;}
.active .activeNow{display: block;}
.active .newsNormal{display: none;}
.projectTit{font-size: 48px;}
.subTit{ font-size: 16px; color: #666; margin: 40px 0 50px 0;}
.swiper_btn{ width: 20px; height: 20px;}
.projectIn{ height: 100%;}
.projectIn .swiper-container{ width: 100%;}
.projectIn .control-box{height: 430px}
.projectIn .control-box .bigbox{height: 400px}
.footer{ background: #262f36;}
.footTop{ border-bottom: 1px solid #484f54; padding: 20px 0;}
.footTopList{ display: flex;justify-content: space-between;}
.footTopList li{ flex: 1; color: #cccccc; font-size: 18px; text-align: center;}
.footTopList li img{ vertical-align: middle; margin-right: 5px; width: 40px;}
.footContent{padding:30px 0; color: #fff; font-size: 16px;}
.footContent .footTit{ font-weight: bold; font-size: 24px; margin-bottom: 35px;}
.footContent img{height:20px;margin-right: 10px;}
.footContent .contactUs-wp{
	padding-top:6px;
}
.footList li{margin-bottom: 15px; }
.footList li img{ margin-right: 10px; display: inline-block; width: 20px;}
.footList li a{ color: #fff; }
.footList li a:hover{ text-decoration: underline;}
.aboutUs{ text-align: center;}
.aboutUs li{ width: 50%; display: inline-block; margin-bottom: 16px;}
.aboutUs .footList{ width: 300px; margin: 0 auto;}
.list_lh{height:200px;overflow:hidden;}
.list_lh li{padding:10px;}
.list_lh li.lieven{background:#F0F2F3;}
.list_lh li p{height:24px;line-height:24px;}
.list_lh li p a{float:left;}
.list_lh li p em{width:80px;font:normal 12px/24px Arial;color:#FF3300;float:right;display:inline-block;}
.list_lh li p span{color:#999;float:right;}
.list_lh li p a.btn_lh{background:#28BD19;height:17px;line-height:17px;color:#fff;padding:0 5px;margin-top:4px;display:inline-block;float:right;}
.btn_lh:hover{color:#fff;text-decoration:none;}
.friendLink{padding:15px 0; border-top: 1px solid #ccc;}
.friendLink b{ font-size: 16px;}
.friendLink a{position: relative;padding:0 12px; line-height: 2;}
.friendLink a::after{content: ""; width: 1px; height: 15px; background: #666; position: absolute; right: 0; top: 3px;}
.friendLink a:last-child::after{width: 0;}
.friendLink select option{ text-align: center;}
.object{ display: flex; width: 362px; margin: 0 auto;}
.footLogo img{width:352px; height: 45px; display: block; margin: 25px auto 30px auto;}
.guanzhu{ flex: 1; text-align: center;}
.guanzhu p{ margin-bottom: 10px; font-size: 16px;}
.copyright{ height: 40px; line-height: 40px; text-align: center; background:#1c252c; color: #cccccc;font-size: 12px;}
.control-box {
	width: 100%;
	height: 530px;
	margin-left: auto;
	margin-right: auto;
	padding-top:50px;
}
.control-box ul {
	list-style: none;
	position: relative;
}
.control-box ul li {
	position: absolute;
	top: 150px;
	cursor: pointer;
	z-index: 9;
}
.control-box .prev {

	left:-50px;
}
.control-box .next {
	right: -50px;
}
.bigbox {
	overflow: hidden;
	width: 100%;
	height: 500px;
	margin: auto;
}
#switcher {

	left: 0px;
}
.content_1.content_2 {
	width: 100%;
	float: left;
}
.box {
	transition:all .7s ease 0s;
	float: left;
	border-right: 17px solid #fff;
	border-left: 18px solid #fff;
}
.pic {position: relative;width: 100%; height: 170px;}
.pic img{ display: block; width: 100%; height: 100%;}
.pic .bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform: scale(0); transition: all .5s ease; background: rgba(37,98,179, .75);}
.box:hover .pic .bg {transform: scale(1);}
.pic .bg a {position: absolute; width: 40px;height: 40px;line-height: 40px; margin-right: 8px;text-align: center; background: #fff; color: #186AAB;border: 1px solid #fff;font-size: 20px;border-radius: 50%;left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: .5; z-index: 22;}
.pic .bg a i {display: inline-block; font-size: 30px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;}
.pic .bg a:hover {background: #186AAB;border-color: #fff;color: #fff;}
.projectName{ display: block; font-size: 19px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 15px 0;}
.projectTim{ color: #1358ad; font-size: 14px;padding-bottom: 8px;border-bottom: 1px solid #ccc;}
.projectPro{
	margin-top: 7px;
	margin-bottom: 7px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	line-height: 1.5;
	height: 65px;
}
.projectMore{width: 97px; height: 33px; line-height: 33px; text-align: center; border: 1px solid #ccc; border-radius: 40px; display: block;}
.projectContent{ margin: 0 50px;}
a:hover.projectMore{ background:#1358AD; color: #fff; border-color: #1358ad;}
.subBanner{height: 387px; width: 100%; margin-bottom: 70px;overflow: hidden;}
.about{ background: url(../images/about.jpg) no-repeat center top;}
.subCont{ width: 800px; padding:20px 0; margin: 122px auto 0 auto; background: rgba(255,255,255,.4); text-align: center; color: #1358ad;}
.mainTit{ font-size: 48px; font-weight: bold;}
.subTit2{text-transform: uppercase; font-size: 36px;}
.subNav{text-align: center; clear: both; overflow: hidden; margin: 0 auto 70px auto;}
.subNav li{ float: left;padding:0 30px; height: 50px; line-height: 50px; text-align:center;background: #f1f1f1; color: #333; font-size: 18px;margin-right: 20px;}
.subNav li:hover,.subNav.layui-tab-title .layui-this{ background: #ff4a00; color: #fff;}
.subNav.layui-tab-title li{ min-width: 125px;}
.addtit{ border-bottom: 1px solid #ccc; position: relative; margin-bottom: 30px;}
.smallTit{ margin-bottom: 20px; text-align: center; letter-spacing: 3px; text-transform: uppercase;}
.addtit span{ color: #0282db; width:320px; text-align: center; letter-spacing: 3px; font-size: 28px; display: block; position: absolute; top: -20px; left: 50%; margin-left: -167px; background: #fff; padding: 0 5px; height: 30px;}
.aboutCont p{ text-indent: 2em; line-height: 1.7; margin-bottom: 10px;}
.sideImg{ width: 100%;height:400px;}
.sideImg img{ display: block; width: 100%; height: 400px; object-fit: cover;}
.aboutBox{ padding: 20px;}
.content{ margin-bottom: 60px;}
.aboutnav{ display: flex; justify-content: center;}
.layui-tab-title.subNav{ border:0;height: 50px;line-height: 50px;}
.layui-tab-title.subNav li{line-height: 50px; font-size: 18px;}
.lxzzjg img{ display: block; width: 80%; margin: 0 auto;}
.subNav.layui-tab-title .layui-this:after{ border: 0;}
/* 新闻中心 */
.ourNews{ line-height: 1.8;overflow: hidden;}
.ourNews li{  position: relative;}
.ourNews li::after{width:calc(100% - 15px); height: 100%; position: absolute; bottom: 0; left: 0;}
.ourNews li>div{padding:20px 30px;border-bottom: 1px solid #efefef; }
.newsTime2{ width: 100px; float: left; margin-right: 50px;}
.ourNews.layui-col-space30>*{ padding-bottom: 0;}
.newsYear2{ font-size: 18px; color: #999; margin: 30px 0 0 0;}
.newsDay2{ font-size: 34px;}
.newsInfo2{height: 80px;color: #999; font-size: 14px; overflow: hidden; word-break: break-all; line-height: 1.8; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.newsTit2 a{ font-size: 21px; margin-bottom: 20px; height: 65px; margin-bottom: 10px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height: 1.5;}
.ourNewsContent .pages,.ceseCont .pages{ text-align: center; margin-top: 50px;}
.meitiNews li{ padding:30px 0 30px 10px; border-bottom: 1px solid #efefef; overflow: hidden;}
.meitiNews .newsPic{ width: 300px; height: 200px; float: left; display: block; margin-right: 30px;}
.newsPic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.mitiCont{ width: calc(100% - 530px); float: left;}
.meitiNews .newsTime2{ float: right;}
.meitiObj{ color: #999; margin-top: 20px;}
.newsBanner{background: url(../images/news.jpg) no-repeat center top;}
.caseBanner{ background: url(../images/case.jpg) no-repeat center top;}
.partyBanner{ background: url(../images/party.jpg) no-repeat center top;}
.jobBanner{ background: url(../images/job.jpg) no-repeat center top;}
.contactBanner{ background: url(../images/contact.jpg) no-repeat center top;}
.caseListNav{ text-align: center; margin-bottom: 50px;}
.caseListNav li{ display: inline; font-size: 20px;padding:0 20px; color: #666;}
.caseListNav li.current a{ color: #ff4a00; font-weight: bold;}
.caseListNav li a{ font-size: 20px}
.casePic{ width: 100%; height: 100%; display: block;}
.casePic img{ position: absolute; z-index: 99; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.caseOne{ margin-top: 15px; text-align: center;transition:all .7s ease 0s;}
.caseTitle a{font-size: 20px; font-weight: bold; margin:10px 0; display: block;height: 30px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow:ellipsis;}
.casePro{ font-size: 16px; color: #666;overflow: hidden;
	height: 63px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.casess{position: relative;width: 100%;padding-bottom: 60%; }
.casess .bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; transform: scale(0); transition: all .5s ease; background: rgba(37,98,179, .75);}
.caseOne:hover .casess .bg {transform: scale(1);}
.casess .bg a {position: absolute; width: 40px;height: 40px;line-height: 40px; margin-right: 8px;text-align: center; background: #fff; color: #186AAB;border: 1px solid #fff;font-size: 20px;border-radius: 50%;left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: .5; z-index: 22;}
.casess .bg a i {display: inline-block; font-size: 30px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;}
.casess .bg a:hover {background: #186AAB;border-color: #fff;color: #fff;}
.ceseCont{ max-width: 1920px;margin: 0 auto;padding: 0 60px;}
.ceseCont .caselist{margin-bottom: 10px;text-align: center}
.ceseCont .caselist .caseOne{display: inline-block;	width: 23%;margin-right: 10px;}

.meitiNews .jobIcon{ width: 115px; height: 101px;}
.job .newsInfo2{ height: 32px;}
.job .meitiNews li{ padding: 30px 10px; border-bottom: 1px dashed #ccc;}
.job .meitiNews li:hover,.ourNewsContent li:hover{ background: #f5f5f5;}
.ourNewsContent .ourNews li:hover{ background: none;}
.ourNewsContent .ourNews li:hover>div{ background: #f5f5f5;}
.contactItem{overflow: hidden; clear: both; margin-bottom: 20px; min-height: 100px;}
.contactItem dt{ width: 60px; height: 60px; text-align: center;line-height: 60px; float: left; margin:20px 30px 0 0; border-radius: 50%; background: #ff4a00; color: #fff; }
.contactItem dt i{font-size: 32px;}
.contactItem dd{ float: left; width: 200px;}
.contactItem dd .contactName{ font-weight: bold; font-size: 24px; color: #333;}
.contactItem dd p{ font-size: 18px; margin-bottom: 5px; color: #666; line-height: 1.6;}
.contactBox{ overflow:hidden; margin-top: 80px; padding:15px 15px 15px 30px!important;}
.title1{ font-size: 20px; text-align: center; padding: 40px 70px 30px 70px; border-bottom: 1px solid #eee;}
.newsDetai{ padding: 20px 0; text-align: center;}
.newsDetai span{ padding-right: 20px; color: #999;}
.newsParty {padding:30px 60px;}
.newsParty p{ color: #666; font-size: 16px; text-indent: 0em; margin-bottom: 15px; line-height: 1.7;}
.newsParty img{ display: block; width: 70%; margin: 10px auto;}
.map img{ width: 100%;}
#fdck { margin: 0 auto; width:300px; height: 200px; background-size: 100% 100%; color: #666; z-index: 999; }

.img404_title{
	position: absolute;
	top: 42%;
	width:100%;
	text-align: center;
	color: #fff;
	font-size: 20px;
	z-index: 2;
}

@media screen and (max-width:980px) {
	.contactUs{ text-align: center;}
	.banner2_one{ float: none; margin: 0 auto; width: 80%; text-align: center; }
	.banner2_one em{ margin: 30px auto; text-indent: 1px;}
	.newsTab .layui-tab{padding-left: 0;}
	.logo{ width: 220px; padding-top: 28px;}
	.logo a{width: 100%;}
	.logo a img{ width: 100%;}
}