@charset "utf-8";


/* main_image轮播图CSS　2022.3.6 */
.lunpic { height:600px; width:100%;}
.lunpic .swiper-container{ width:100%; height:100%;}
.lunpic .swiper-container .swiper-wrapper{ width:100%; height:100%;}
.lunpic .swiper-container .swiper-wrapper .swiper-slide{ width:100%; height:100%;}
.lunpic .swiper-container .swiper-wrapper .ssbg1{background:url('/images/banner01.jpg') center center no-repeat;}
.lunpic .swiper-container .swiper-wrapper .ssbg2{background:url('/images/banner00.jpg') center center no-repeat;}
.lunpic .swiper-container .swiper-wrapper .ssbg3{background:url('/images/banner03.jpg') center center no-repeat;}
.lunpic .swiper-container .swiper-wrapper .ssbg4{background:url('/images/2026banner.jpg') center center no-repeat;}

.lunpic .swiper-container .swiper-wrapper .swiper-slide a{ width:100%; height:100%;display:block}
.lunpic .swiper-container .swiper-pagination {
   bottom: 25px;
}

.lunpic .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    width: 50px;
    height: 3px;
    border-radius: 0;
    margin: 0 4px;
    background-color: rgba(0,0,0,0.5);
    transition: background-color .3s ease;
}

.lunpic .swiper-container .swiper-pagination-bullet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: 0 0;
}

.lunpic .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    animation: sliderPagination 3s linear forwards
}

.lunpic .swiper-container .swiper-pagination-bullet:hover {
    background-color: #fff;
}

@keyframes sliderPagination {
 	100% {
		transform: scaleX(1);
        opacity: 1;
    }
}
@media only screen and (max-width: 768px) {
	/*轮播图*/
.lunpic{ display:block;height:260px;}
.lunpic .swiper-container .swiper-wrapper .ssbg1{background-size:cover;}
.lunpic .swiper-container .swiper-wrapper .ssbg2{background-size:cover;}
.lunpic .swiper-container .swiper-wrapper .ssbg3{background-size:cover;}
.lunpic .swiper-container .swiper-wrapper .ssbg4{background-size:cover;}
.lunpic .swiper-container .swiper-wrapper .swiper-slide{ }
}
/* main_image手机 轮播图CSS　end */

div.flicking_con{position:absolute;top:90%;left:50%;z-index:950;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('/images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:950;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(/images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(/images/hover_right.png) no-repeat right top;right:100px;}

/*首页公共类*/
.index_tit{font:26px/40px "微软雅黑", "宋体", "黑体"; text-align:center; height:120px; line-height:60px; padding-top:40px; }
.index_titen{font:18px/40px "微软雅黑", "宋体", "黑体"; text-align:center;}
.index_line{ padding-top:30px; border-bottom:1px #681b23 solid; margin-bottom:20px;}

/*首页三图项目*/
.index_service{padding-bottom:50px;width:100%;}
.index_serli{ padding-top:20px;}
.index_serli li{ float:left; position:relative; width:33.33%;}
.index_serli .li2{ text-align:center;}
.index_serli .li3{ float:right; text-align:right;}
.index_serli li img{ width:95%; border:2px #ccc solid;}
.index_serli li span{ float:left; text-align:center; width:100%;line-height:75px; font-size:21px; height:70px; color:#09F; font-weight:bold;}

/*首页服务优势*/
.index_adv{ background:#f0f0f0;padding-bottom:60px;}
.index_advimg{ float:left; width:42%;}
.index_advimg img{width:96%;}
.index_adli {width:55%;float:left;}
.index_adli li{width:100%; float:left; height:110px;}
.index_adli li img{ width:81px; float:left;}
.index_adli li dt{ font-size:24px;line-height:36px; padding-left:100px; }
.index_adli li dd{  font-size:13px;line-height:22px;padding-left:100px; color:#999;}
.index_adli .advmore{height:60px; text-align:right;}
/*服务场景*/
.index_cj{ background:#f0f0f0;background:url('/images/banner08.jpg') center center no-repeat;background-size:cover; height:100%;}
.index_cj a{ height:100%; width:100%;}
.index_cj li{ height:100%; width:100%;}


/*手机*/
@media only screen and (max-width: 768px) {
.index_js{padding:40px 0px; height: auto;overflow:auto;}
.index_js .js_t{height:auto; padding:20px 3px;}
.index_js .js_logo{ width:80px; height:auto; float: left; overflow: hidden;margin: 0 auto;display: none;}
.index_js .js_logo img{ width:100%; }
.index_js .js_txt{ width:100%; height:auto; float:left;}
.index_js .js_txt li{ height:36px; font-size:26px; line-height:36px;}
.index_js .js_txt dd{ padding: 10px 2px; height:auto; font-size:15px; line-height:22px;}
}

.floor_1_main{height:auto; background:#f3f7ff;} 
.floor_1{padding:0;position: relative; height:auto;}
.floor_1 .ftit{color: #444;margin: 0px auto; width:100%; text-align:center; height:140px;}
.floor_1 .ftit h4{font-size:40px;text-transform:uppercase;font-family:"ITC Avant Garde Gothic Demi",arial;font-weight: normal;padding-top: 50px;line-height: 50px;letter-spacing:5px;}
.floor_1 .ftit h3 b{color: #fff;}
.floor_1 .ftit em{height:24px;font-size:14px;font-family:"ITC Avant Garde Gothic Demi",arial;}
.floor_1 .flist{ width:100%;}
.floor_1 .flist li{ width:20%; float:left; padding-bottom: 40px; overflow: hidden;}

.floor_1 .flist li dt{width:100%;text-align:center; font-size:22px; color:#444; padding:25px 0px 30px;;transition: all 0.4s ease 0s;}
.floor_1 .flist li dd{width:100%; padding-top:15px; text-align:center; height:auto;transition: all 0.4s ease 0s;}
.floor_1 .flist li img{width:50%;filter:drop-shadow(0px 1px 8px #98a3b9);transition: all 0.4s ease 0s;}
.floor_1 .flist li:hover img{filter:drop-shadow(0px 1px 8px #5993fe);transition: 0.7s;	-webkit-transition: 0.7s;	-moz-transition: 0.7s;transition-delay:0.1s !important}

.floor_2_main{height:auto;} 
.floor_2{padding:0;position: relative;}
.floor_2 .ftit{color: #444;margin: 0px auto; width:100%; text-align:center; height:140px;}
.floor_2 .ftit h4{font-size:40px;text-transform:uppercase;font-family:"ITC Avant Garde Gothic Demi",arial;font-weight: normal;padding-top: 50px;line-height: 50px;letter-spacing:5px;}
.floor_2 .ftit h3 b{color: #fff;}
.floor_2 .ftit em{height:24px;font-size:14px;font-family:"ITC Avant Garde Gothic Demi",arial;}
.floor_2 .flist{ width:100%;}
.floor_2 .flist li{ width:25%; float:left; border-bottom:1px #eee solid; padding-bottom: 40px; overflow: hidden;}
.floor_2 .flist li img{width:100%;transition: all 0.4s ease 0s;}
.floor_2 .flist li dt{width:100%; font-size:22px; color:#444; padding:10px 20px ;transition: all 0.4s ease 0s;}
.floor_2 .flist li dd{width:100%; font-size:14px; color:#999; padding:5px 20px; line-height:18px; height: 46px;overflow: hidden;transition: all 0.4s ease 0s;}
.floor_2 .flist li:hover img{opacity: 0.6;transition: 0.7s;	-webkit-transition: 0.7s;	-moz-transition: 0.7s;transition-delay:0.1s !important}
.floor_2 .flist li:hover dt{color:#f00; transition: 0.7s;	-webkit-transition: 0.7s;	-moz-transition: 0.7s;transition-delay:0.1s !important }
.floor_2 .flist li:hover dd{color:#666;transition: 0.7s;	-webkit-transition: 0.7s;	-moz-transition: 0.7s;transition-delay:0.1s !important}


.floor_3_main{background:url(/images/ysbg.png);height:auto;} 
.floor_3{padding:0;position: relative; height:auto;}
.floor_3 .ftit{color: #444;margin: 0px auto; width:100%; text-align:center; height:140px;}
.floor_3 .ftit h4{font-size:40px;text-transform:uppercase;font-family:"ITC Avant Garde Gothic Demi",arial;font-weight: normal;padding-top: 50px;line-height: 50px;letter-spacing:5px;}
.floor_3 .ftit h3 b{color: #fff;}
.floor_3 .ftit em{height:24px;font-size:14px;font-family:"ITC Avant Garde Gothic Demi",arial;}
.floor_3 .flist{ width:auto;margin: 0px auto; height:auto;position: relative;}
.floor_3 .flist li{ width:225px; float:left; padding-bottom: 65px; margin-right:88px;}
.floor_3 .flist .flist0{ margin-right:0px;}
.floor_3 .flist li img{width:100%;}
.floor_3 .flist li dt{width:100%;  font-size:16px; color:#fff; text-align:center; line-height:30px; padding:25px 0;background: rgb(4, 46, 151);}
.floor_3 .flist .fabg{ background:#1447ae;}
.floor_3 .flist .fabg2{ background:#113ea6;}
.floor_3 .flist li .kg{height:60px;transition: all 0.4s ease 0s;}
.floor_3 .flist li .kg1{height:0px;transition: all 0.4s ease 0s;}
.floor_3 .flist li:hover .kg{ height:30px;transition: 0.5s;	-webkit-transition: 0.5s;	-moz-transition: 0.5s;transition-delay:0.1s !important} 
.floor_3 .flist li:hover .kg1{height:30px;transition: 0.5s;	-webkit-transition: 0.5s;	-moz-transition: 0.5s;transition-delay:0.1s !important}

.floor_4_main{height:auto;} 
.floor_4{padding:0;position: relative;}
.floor_4 .ftit{color: #666;margin: 0px auto; width:100%; text-align:center; height:140px;}
.floor_4 .ftit h4{font-size:40px;text-transform:uppercase;font-family:"ITC Avant Garde Gothic Demi",arial;font-weight: normal;padding-top: 50px;line-height: 50px;letter-spacing:5px;}
.floor_4 .ftit h3 b{color: #fff;}
.floor_4 .ftit em{height:24px;font-size:14px;font-family:"ITC Avant Garde Gothic Demi",arial;}
.floor_4 .flist{ width:100%;}
.floor_4 .flist li{ width:25%; float:left; border-bottom:1px #eee solid; padding-bottom: 40px;}
.floor_4 .flist li .fll4{ width:95%; margin: 0px auto;}
.floor_4 .flist li img{width:100%;transition: all 0.4s ease 0s;}
.floor_4 .flist li dt{width:100%; font-size:20px; color:#444; padding:10px 20px ;transition: all 0.4s ease 0s;}
.floor_4 .flist li dd{width:100%; font-size:14px; color:#999; padding:5px 20px; line-height:19px; height: 46px;overflow: hidden;transition: all 0.4s ease 0s;}
.floor_4 .flist li:hover img{opacity: 0.6;transition: 0.7s;	-webkit-transition: 0.7s;	-moz-transition: 0.7s;transition-delay:0.1s !important}
.floor_4 .flist li:hover dt{color:#f00; transition: 0.7s;	-webkit-transition: 0.7s;	-moz-transition: 0.7s;transition-delay:0.1s !important }
.floor_4 .flist li:hover dd{color:#666;transition: 0.7s;	-webkit-transition: 0.7s;	-moz-transition: 0.7s;transition-delay:0.1s !important}

.floor_5_main{background:url(/images/ysbg.png);height:auto; padding-bottom:40px;} 
.floor_5{padding:0;position: relative;}
.floor_5 .ftit{color: #666;margin: 0px auto; width:100%; text-align:center; height:140px;}
.floor_5 .ftit h4{font-size:40px;text-transform:uppercase;font-family:"ITC Avant Garde Gothic Demi",arial;font-weight: normal;padding-top: 50px;line-height: 50px;letter-spacing:5px;}
.floor_5 .ftit h3 b{color: #fff;}
.floor_5 .ftit em{height:24px;font-size:14px;font-family:"ITC Avant Garde Gothic Demi",arial;}
.floor_5 .flist{ width:100%;}
.floor_5 .flist li{ width:33%; float:left; border-bottom:1px #eee solid; padding-bottom: 40px; height:440px;}
.floor_5 .flist li .fll4{ width:95%; margin: 0px auto;}
.floor_5 .flist li .fimg{ width:100%; height:280px; overflow:hidden;}
.floor_5 .flist li img{ width:100%;}
.floor_5 .flist li dt{width:100%; font-size:18px; color:#444; padding:10px 20px ; line-height:28px;transition: all 0.4s ease 0s;}
.floor_5 .flist li dd{width:100%; font-size:13px; color:#999; padding:0 20px; line-height:19px; height: 58px;overflow: hidden;transition: all 0.4s ease 0s; }
.floor_5 .flist li:hover dt{color:#f00; transition: 0.7s;	-webkit-transition: 0.7s;	-moz-transition: 0.7s;transition-delay:0.1s !important }
.floor_5 .flist li:hover dd{color:#666;transition: 0.7s;	-webkit-transition: 0.7s;	-moz-transition: 0.7s;transition-delay:0.1s !important}

.floor_6_main{background:url(/images/ysbg.png);height:auto; padding-bottom:40px;} 
.floor_6{padding:0;position: relative;}
.floor_6 .ftit{color: #666;margin: 0px auto; width:100%; text-align:center; height:140px;}
.floor_6 .ftit h4{font-size:40px;text-transform:uppercase;font-family:"ITC Avant Garde Gothic Demi",arial;font-weight: normal;padding-top: 50px;line-height: 50px;letter-spacing:5px;}
.floor_6 .ftit h3 b{color: #fff;}
.floor_6 .ftit em{height:24px;font-size:14px;font-family:"ITC Avant Garde Gothic Demi",arial;}
.floor_6 .flist{ width:100%;}
.floor_6 .flist li{ width:100%; float:left; border-bottom:1px #eee solid; padding-bottom: 20px; height:auto;}
.floor_6 .flist li .f5bg{position:absolute;background: #ddd; height: 80px; width: 10px;transition: all 0.4s ease 0s; }
.floor_6 .flist li .fll4{ position:relative;width:1120px; float: left;}
.floor_6 .flist li .fxh{position:relative;width:80px; height:80px; overflow:hidden; font-size:38px; background:#ccc; color:#333;font-style:oblique; line-height:80px; text-align:center; float:left;}
.floor_6 .flist li dt{width:auto; font-size:18px; color:#444; float: left;padding:0 20px ; font-weight:600;line-height:30px;transition: all 0.4s ease 0s;}
.floor_6 .flist li dd{width:auto; font-size:14px; color:#777; float: left;padding:0 20px; line-height:25px; height: 50px; overflow: hidden;transition: all 0.4s ease 0s; }
.floor_6 .flist li:hover .f5bg{width:100%;transition: 0.7s;	-webkit-transition: 0.7s;	-moz-transition: 0.7s;transition-delay:0.1s !important}


/*联系*/
.index_lx{ background:#3a7ed3;padding-bottom:60px; color:#fff;}
.index_lx1{ width:10%; float:left; padding-top:80px; font-size:26px;}
.index_lx1 .index_titen{font-size:14px;}
.index_lx2{ width:40%; float:left; padding-top:80px;}
.index_lx2 dt{font-size:20px; line-height:26px; padding-bottom:30px;}
.index_lx2 dd{font-size:14px; line-height:26px;}
.index_lx3{ width:24%; float:left; padding-top:80px;}
.index_lx3 dt{font-size:18px; line-height:26px; padding-bottom:30px;}
.index_lx3 dd{font-size:16px; line-height:26px;text-indent:25px;}
.index_lx3 a{color:#fff;}
.index_lx3 a:hover{color:#fdfa19; cursor: pointer;}
.index_lx4{ width:24%; float:left; padding-top:80px;}
.index_lx4 dt{font-size:18px; line-height:26px; padding-bottom:30px;}
.index_lx4 dd{font-size:16px; line-height:26px;text-indent:25px; background:url(/images/wx.png) no-repeat center left;}
.index_lx4 a{color:#fff;}
.index_lx4 a:hover{color:#fdfa19; cursor: pointer;}

@media only screen and (max-width: 768px) {
	/*轮播图*/
	 .main_visual{height:260px;}
	 .main_image{height:260px;}
.main_image ul{height:240px;}
.main_image li{height:260px;}
.main_image li span{height:260px;}
.main_image li .img_1{background-size:cover;}
.main_image li .img_2{background-size:cover;}
.main_image li .img_3{background-size:cover;}
.main_image li .img_4{background-size:cover;}
.main_image li a{height:260px;}

.index_service{padding-bottom:0px;}
.index_serli li span{ font-size:13px; line-height:30px;}
.index_cj{ height:260px;}

.floor_1 .ftit{height:76px; }
	.floor_1 .ftit h4{font-size:30px;letter-spacing:8px;line-height: 36px;padding-top: 20px;}
	.floor_1 .ftit em{height:20px;font-size:12px;}
	.floor_1 .flist li{ width:33%;padding-bottom: 20px;}
	.floor_1 .flist li dt{font-size:15px;}

	.floor_2 .ftit{height:76px; }
	.floor_2 .ftit h4{font-size:30px;letter-spacing:8px;line-height: 36px;padding-top: 20px;}
	.floor_2 .ftit em{height:20px;font-size:12px;}
	.floor_2 .flist li{ width:50%;padding-bottom: 20px;}
	.floor_2 .flist li dt{font-size:15px;padding:8px 10px ;}
	.floor_2 .flist li dd{font-size:11px; color:#777; padding:0px 10px; line-height:15px; height: 45px;}
	
	.floor_3 .ftit{height:76px;}
	.floor_3 .ftit h4{font-size:30px;padding-top: 20px;line-height: 36px;letter-spacing:8px;}
	.floor_3 .ftit em{height:20px;font-size:12px;}
	.floor_3 .flist li{ width:25%;margin-right:0px;}
	.floor_3 .flist li dt{width:100%;  font-size:12px;line-height:26px; padding:16px 0;}
	.floor_3 .flist li dd{height:40px;}
	.floor_3 .flist .flist0 dt{ font-size:11px;}
	
	.floor_4 .ftit{height:76px;}
	.floor_4 .ftit h4{font-size:30px;padding-top: 20px;line-height: 36px;letter-spacing:8px;}
	.floor_4 .ftit em{height:20px;font-size:12px;}
	.floor_4 .flist li{ width:50%; padding-bottom: 20px;}
	.floor_4 .flist li dt{font-size:15px;padding:8px 10px ;}
	.floor_4 .flist li dd{font-size:11px; color:#777; padding:0px 10px; line-height:15px; height: 45px;}
	
	.floor_5 .ftit{height:76px;}
	.floor_5 .ftit h4{font-size:30px;padding-top: 20px;line-height: 36px;letter-spacing:8px;}
	.floor_5 .ftit em{height:20px;font-size:12px;}
	.floor_5 .flist li{ width:100%; padding-bottom: 20px; height: auto;}
	.floor_5 .flist li .fll4{ width:94%;}
	.floor_5 .flist li .fimg{ width:100%; height:auto; overflow:auto;}
	.floor_5 .flist li dt{ font-size:15px;padding:8px 10px ; line-height:normal;}
.floor_5 .flist li dd{ font-size:11px; color:#777; padding:0 10px; line-height:15px; height: 45px;}

	.floor_6 .ftit h4{letter-spacing:1px;}
	.floor_6 .flist li .fxh{display:none;}
	.floor_6 .flist li .fll4{ width:100%; border-bottom: 1px solid #fff;}
	.floor_6 .flist li .f5bg{display:none;}

	.index_advimg{ width:100%; text-align:center;}
	.index_advimg img{width:35%;}
	.index_adli {width:100%;}
	.index_adli li{height:90px;}
	.index_adli li dd{ display:none;}
	.index_newsimg{width:100%; text-align:center; margin-top:10px;}
	.index_newsimg img{ width:50%;}
	.index_newsli{ width:100%;}
	.index_newsli li{height:40px;}
	.index_newsli li dd{ display:none;}	
	.index_lx1{ width:100%;padding-top:40px; padding-left:10px;}
	.index_lx2{ width:100%;padding-top:20px; padding-left:10px;}
	.index_lx2 dt{padding-bottom:10px;}
	.index_lx3{ width:100%;padding-top:20px; padding-left:10px;}
	.index_lx3 dt{padding-bottom:10px;}
	.index_lx3 dd{ height:40px; font-size:30px; padding-top:25px;}
	.index_lx4{ width:100%;padding-top:20px; padding-left:10px;}
	.index_lx4 dt{padding-bottom:10px;}
	.index_lx4 dd{ height:40px; font-size:30px; padding-top:25px;}
	.szgs{ display:none;}



}

<!--耗时1793490575.3927秒-->