/*banner*/
.xn_banner{width:100%;height:100vh;overflow:hidden;position:relative;}
.xn_banner .xb_img{width:100%;height:100%;position:absolute;left:0;top:0;}
.xn_banner .swiper-button-prev,.xn_banner .swiper-button-next{width:66px;height:66px;outline:none;margin-top:-33px;opacity: 0;}
.xn_banner .swiper-button-prev:after,.xn_banner .swiper-button-next:after{font-size:36px;color:#FFF;}
.xn_banner .swiper-button-prev{left:1%;}
.xn_banner .swiper-button-next{right:1%;}
.xn_banner:hover .swiper-button-prev,.xn_banner:hover .swiper-button-next{opacity: 1;}
.xn_banner .xb_scroll{text-align:center;z-index:2;position:absolute;right:30px;bottom:0;}
.xn_banner .xb_scroll span{font-size:14px;color:#F7F7F7;margin-bottom:14px;line-height:1.29;text-transform:uppercase;}
.xn_banner .xb_scroll .xb_xian{height:46px;overflow:hidden;width:3px;}
.xn_banner .xb_scroll .xb_xian em{width:1px;height:46px;background:#F7F7F7;position:relative;}
.xn_banner .xb_scroll .xb_xian em:before,.xn_banner .xb_scroll .xb_xian em:after{content:'';width:3px;height:12px;background:#FFF;position:absolute;left:-1px;top:0;-webkit-animation:scroll_r 2.4s linear infinite;animation:scroll_r 2.4s linear infinite;}
.xn_banner .xb_scroll .xb_xian em:after{top:-100%;}

.index_gongyi{width:100%;position:relative;padding:100px 0 100px 0}
.index_gongyi .icon_tit_r{display:inline-block;width:160px;height:24px;margin-left:18px;background:url(../Image/icon_btr.png) no-repeat}
.index_gongyi .icon_tit_l{display:inline-block;width:160px;height:24px;margin-right:18px;background:url(../Image/icon_btl.png) no-repeat}
.index_gongyi .index_tit{width:100%;text-align:center}
.index_gongyi .index_tit .tit{display:inline-block}
.index_gongyi .index_tit .tit p:nth-child(1){font-size:46px;font-weight:bold;color:#333333}
.index_gongyi .index_tit .tit h2{font-size:46px;font-weight:bold;color:#333333}
.index_tit .tit p:nth-child(2){font-size:17px;color:#343434;display:inline-block;margin-top:10px}
.gongyi_box{overflow:hidden;margin-top:2.5vw}
.gongyi_box ul{overflow:hidden}
.gongyi_box li{float:left;width:18%;transition:all .5s;margin-right:1%;background-repeat:no-repeat;background-position:left;height:35vw;position:relative;display:block;background-size: auto 100% !important;}
.gongyi_box li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}
.gongyi_box li:nth-child(1){background:url(../Image/bg_gy1.webp)}
.gongyi_box li:nth-child(2){background:url(../Image/bg_gy2.webp)}
.gongyi_box li:nth-child(3){background:url(../Image/bg_gy3.webp)}
.gongyi_box li:nth-child(4){background:url(../Image/bg_gy4.webp);margin-right:0}
.gongyi_box li .text{width: 100%;color:#ffffff;text-align:center;position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#ffffff;text-align:center;z-index:9}
.gongyi_box li .text .icon_gy{display:inline-block;width:66px;height:66px;margin-bottom:50px}
.gongyi_box li:nth-child(1) .text .icon_gy{background:url(../Image/icon_gy1.svg) no-repeat}
.gongyi_box li:nth-child(2) .text .icon_gy{background:url(../Image/icon_gy2.svg) no-repeat}
.gongyi_box li:nth-child(3) .text .icon_gy{background:url(../Image/icon_gy3.svg) no-repeat}
.gongyi_box li:nth-child(4) .text .icon_gy{background:url(../Image/icon_gy4.svg) no-repeat}
.gongyi_box li .text .tit{font-size:35px;color:#ffffff;margin-bottom:15px}
.gongyi_box li .text p{font-size:16px;color:#ffffff;line-height:30px;display:none}
.gongyi_box li .text a{font-size:15px;color:#333333;padding: 8px 28px;border-radius: 5px;background: #ffffff;margin-top:24px;display:none;}
.gongyi_box li .text a:hover{background: #0D534B;color:#ffffff;}
.gongyi_box li .text span.icon_jia i{display:inline-block;width:47px;height:47px;margin-top:70px;background:url(../Image/icon_jia.png) no-repeat;cursor:pointer}
.gongyi_box li.on{width:43%}
.gongyi_box li.on:before{background:rgba(0,0,0,0.2)}
.gongyi_box li.on .text{text-align:left;top:50%;left:5%;width:60%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.gongyi_box li.on .text p{display:block}
.gongyi_box li.on .text span{display:none}
.gongyi_box li.on .text a{display:inline-block}

#infobg{background:url(../Image/infobg_z.webp) no-repeat center center;background-size:cover;padding:80px 0 100px;}
.info{margin-top:20px;}
.info .info_left{width:378px;float:left;background:url(../Image/info_img_z.webp) no-repeat center center;background-size:100%;padding:90px 0 150px 60px;background-size: 100% 100% !important;position:relative;}
.info .info_left:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.3);
    border-top-right-radius: 36px;
}
.info .info_left p{color:#FFF;position:relative;z-index:1;}
.info .info_left p:first-child{font-size:30px;line-height:40px;font-weight:bold;position:relative;z-index:1;}
.info .info_left p:nth-child(2){font-size:72px;line-height:72px;font-weight:bold;font-family:Arial;margin-top:16px;position:relative;z-index:1;}
.info .info_left p:nth-child(3){font-size:34px;line-height:34px;margin-top:10px;position:relative;z-index:1;}
.info .info_left a{display:block;width:43px;height:43px;background:url(../Image/info_icon.png) no-repeat center center;background-size:cover;margin-top:159px;position:relative;z-index:1;}
.info .info_right{width:calc(100% - 378px);padding-left:50px;float:right;padding-right:200px;position:relative;}
.info .info_right p{font-size:16px;line-height:28px;color:#696969;}
.info .info_right p:first-child{font-size:55px;line-height:55px;font-weight:bold;margin-top:97px;color:#F89B06;}
.info .info_right p:nth-child(2){font-size:42px;line-height:52px;font-weight:bold;color:#001219;margin-top:31px;}
.info .info_right p:nth-child(3){font-size:30px;line-height:40px;font-weight:bold;color:#001219;margin-top:15px;}
.info .info_right p:nth-child(4){font-size:18px;line-height:28px;color:#001219;margin-top:12px;}
.info .info_right p:nth-child(5){font-size:26px;line-height:36px;margin:25px 0 7px;font-weight:bold;color:#222;}
.info .info_right a{display:block;width:138px;line-height:40px;border:1px solid #0d534b;border-radius:21px;color:#0d534b;padding-left:23px;background:url(../Image/btn_icon.png) no-repeat right 26px center;position:absolute;right:0;bottom:69px;}

.com_zz{background:url(../Image/company_zzbg.webp) no-repeat center center;background-size:cover;padding:80px 0 145px;}
.com_zz .cz_ul{margin-top:70px;}
.com_zz .cz_ul .cz_li{width: 1110px;overflow: hidden;float: right;}
.com_zz .cz_ul .cz_li .swiper-slide{padding-bottom:11px;background:url(../Image/company_zzimgbg.webp) no-repeat center bottom;}
.com_zz .cz_ul .cz_img{width:100%;padding-bottom:74.0223%;position:relative;}
.com_zz .cz_ul .cz_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:contain;}

/*app*/
.xn_app{padding:60px 0 100px;position:relative;overflow:hidden;}
.xn_app .yljg_ul{margin-top:50px;}
.xn_app .yljg_ul .yljg_li{height:524px;margin-left:10px;overflow:hidden;position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;}
.xn_app .yljg_ul .yljg_li:first-child{margin-left:0;}
.xn_app .yljg_ul .yljg_li .yljg_img{width:100%;height:100%;position:relative;}
.xn_app .yljg_ul .yljg_li .yljg_img:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.35);z-index:1;}
.xn_app .yljg_ul .yljg_li .yljg_txt{position:absolute;left:0;bottom:0;padding:0 0 20px 15px;z-index:2;}
.xn_app .yljg_ul .yljg_li .yljg_txt i{width:108px;height:108px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}
.xn_app .yljg_ul .yljg_li .yljg_txt i.icon1{background-image:url(../Image/app_icon1.svg);}
.xn_app .yljg_ul .yljg_li .yljg_txt i.icon2{background-image:url(../Image/app_icon2.svg);}
.xn_app .yljg_ul .yljg_li .yljg_txt i.icon3{background-image:url(../Image/app_icon3.svg);}
.xn_app .yljg_ul .yljg_li .yljg_txt p{font-size:18px;color:#FFF;font-weight:bold;line-height:32px;}
.xn_app .yljg_ul .yljg_li.on{-webkit-box-flex:5;-webkit-flex:5;-moz-box-flex:5;-ms-flex:5;flex:5;}

/*hezuo*/
.xn_hezuo{padding:100px 0;position:relative;overflow:hidden;background:url(../Image/hzhbbg.webp) no-repeat center center;background-size:cover;}
.xn_hezuo .xnh_ul{margin-top:30px;overflow:hidden;}
.xn_hezuo .xnh_ul .xnh_img{width:100%;height:125px;position:relative;background:#FFF;border-radius:10px;-webkit-box-shadow:5px 6px 8px rgba(17,93,241,.08);box-shadow:5px 6px 8px rgba(17,93,241,.08);}
.xn_hezuo .xnh_ul .xnh_img img{max-width:80%;max-height:80%;}

/*news*/
.xn_news{padding:100px 0;position:relative;overflow:hidden;}
.xn_news .xnn_span{margin-top:26px;}
.xn_news .xnn_span .xnn_a{display:inline-block;width:160px;height:40px;line-height:38px;border:1px solid #ebebeb;color:#333;font-size:15px;text-align:center;margin-left:20px;cursor:pointer;position:relative;z-index:1;}
.xn_news .xnn_span .xnn_a:first-child{margin-left:0;}
.xn_news .xnn_span .xnn_a.on,.xn_news .xnn_span .xnn_a:hover{border:1px solid #0D534B;color:#FFF;background:#0D534B;}
.xn_news .xnn_ul{padding-top:20px;}
.xn_news .xnn_ul .xnn_left{width:calc(100% - 720px);margin-top:20px;background:#FFF;border:1px solid #EBEBEB;}
.xn_news .xnn_ul .xnn_left .xnnl_img{width:100%;height:100%;position:relative;overflow:hidden;background:#FFF;height:390px;}
.xn_news .xnn_ul .xnn_left .xnnl_txt{padding:15px 20px;position:relative;background:#FFF;width:100%;}
.xn_news .xnn_ul .xnn_left .xnnl_date{padding-right: 20px;}
.xn_news .xnn_ul .xnn_left .xnnl_date span{font-size:14px;height:16px;line-height:16px;color:#666;}
.xn_news .xnn_ul .xnn_left .xnnl_date span:first-child{height:50px;line-height:50px;font-size:50px;font-weight:bold;margin-bottom:5px;text-align: center;}
.xn_news .xnn_ul .xnn_left .xnnl_line{width:1px;background:#ebebeb;}
.xn_news .xnn_ul .xnn_left .xnnl_p{max-width:80%;padding-left: 20px;}
.xn_news .xnn_ul .xnn_left .xnnl_p p:first-child{color:#333;font-size:16px;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;}
.xn_news .xnn_ul .xnn_left .xnnl_p p:last-child{color:#666;line-height:23px;font-size:14px;height:46px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.xn_news .xnn_ul .xnn_left:hover .xnnl_txt{background:#0D534B;}
.xn_news .xnn_ul .xnn_left:hover .xnnl_date span{color:#FFF;}
.xn_news .xnn_ul .xnn_left:hover .xnnl_line{background:#FFF;}
.xn_news .xnn_ul .xnn_left:hover .xnnl_p p{color:#FFF;}
.xn_news .xnn_ul .xnn_right{width:690px;}
.xn_news .xnn_ul .xnn_right .xnn_li{margin-top:20px;background:#FFF;border:1px solid #EBEBEB;}
.xn_news .xnn_ul .xnn_right .xnn_li .xnn_date{width:113px;border-right:1px solid #ebebeb;}
.xn_news .xnn_ul .xnn_right .xnn_li .xnn_date span{font-size:14px;height:16px;line-height:16px;color:#666;}
.xn_news .xnn_ul .xnn_right .xnn_li .xnn_date span:first-child{height:50px;line-height:50px;font-size:50px;font-weight:bold;margin-bottom:5px;}
.xn_news .xnn_ul .xnn_right .xnn_li .xnn_txt{width:calc(100% - 113px);padding:15px 35px 15px 25px;}
.xn_news .xnn_ul .xnn_right .xnn_li .xnn_txt p:first-child{color:#333;font-size:16px;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;}
.xn_news .xnn_ul .xnn_right .xnn_li .xnn_txt p:last-child{color:#666;line-height:23px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:46px;margin-top:6px;}
.xn_news .xnn_ul .xnn_right .xnn_li:hover{background:#0D534B;}
.xn_news .xnn_ul .xnn_right .xnn_li:hover .xnn_date span{color:#FFF;}
.xn_news .xnn_ul .xnn_right .xnn_li:hover .xnn_txt p{color:#FFF;}



@media only screen and (max-width:1699px) {

    .com_zz{padding: 60px 0 130px;}
	.com_zz .cz_ul .cz_li{width: 1000px;}

}
@media only screen and (max-width: 1499px) {

	.index_gongyi{padding: 60px 0 72px 0;}
	.gongyi_box li .text .icon_gy{margin-bottom: 36px;}
	.gongyi_box li .text .tit{font-size: 28px;}
	.gongyi_box li .text p{line-height: 28px;}
	.gongyi_box li .text a{font-size:14px;margin-top:16px;}

	#infobg{padding: 60px 0 72px;}
	.info .info_right{width: calc(100% - 340px);padding-right: 190px;}
	.info .info_right p{font-size: 14px;line-height: 26px;}
	.info .info_right p:first-child{font-size: 45px;line-height: 45px;margin-top: 60px;}
	.info .info_right p:nth-child(2){font-size: 32px;line-height: 42px;margin-top: 24px;}
	.info .info_right p:nth-child(3){font-size: 26px;line-height: 32px;margin-top: 12px;}
	.info .info_right p:nth-child(4){font-size: 16px;line-height: 24px;margin-top: 10px;}
	.info .info_right p:nth-child(5){font-size: 22px;line-height: 32px;margin: 24px 0 6px;}
	.info .info_right a{font-size: 14px;width: 124px;line-height: 38px;padding-left: 20px;bottom: 30px;}
	.info .info_left{width: 340px;padding: 70px 0 100px 50px;}
	.info .info_left p:first-child{font-size: 26px;line-height: 34px;}
	.info .info_left p:nth-child(2){font-size: 58px;line-height: 58px;}
	.info .info_left p:nth-child(3){font-size: 28px;line-height: 28px;}
    
    .com_zz{padding: 60px 0 120px;}
	.com_zz .cz_ul .cz_li{width: 900px;}

	.xn_app{padding: 60px 0 72px;}
	.xn_app .yljg_ul {margin-top: 36px;}
	.xn_app .yljg_ul .yljg_li.on {-webkit-box-flex: 3;-webkit-flex: 3;-moz-box-flex: 3;-ms-flex: 3;flex: 3;}

	.xn_hezuo{padding: 60px 0;}

	.xn_news{padding: 60px 0;}
	.xn_news .xnn_ul {padding-top: 10px;}
	.xn_news .xnn_ul .xnn_left .xnnl_date span:first-child{font-size: 42px;}
	.xn_news .xnn_ul .xnn_right .xnn_li .xnn_date span:first-child{font-size: 42px;}

}
@media only screen and (max-width: 1299px) {
    
    .info .info_right p:first-child{margin-top: 42px;}
    .info .info_right{padding-right: 0;padding-left: 32px;}
    .info .info_right a{bottom: -40px;}

	.com_zz{padding: 60px 0 90px;}
	.com_zz .cz_ul {margin-top: 30px;}
	.com_zz .cz_ul .cz_li{width: 740px;}

	.xn_news .xnn_ul .xnn_left{width: calc(100% - 530px);}
	.xn_news .xnn_ul .xnn_right {width: 500px;}

}
@media only screen and (max-width: 1023px) {
	.xn_banner{height: 360px;margin-top: 60px;}

	.index_gongyi {padding: 30px 0 30px 0;}
	.gongyi_box li .text .icon_gy {width: 42px;height: 42px;margin-bottom: 16px;background-size: auto 42px!important;}
	.gongyi_box li .text .tit {font-size: 20px;}
	.gongyi_box li .text a{font-size:13px;margin-top:15px;}
	.gongyi_box li .text span.icon_jia i{width: 34px;height: 34px;margin-top: 52px;background-size: 100% 100%!important;}
	.gongyi_box li .text p{font-size: 14px;line-height: 22px;}
	.gongyi_box li.on .text{width: 80%;}

	#infobg {padding: 30px 0 30px;}
	.info .info_left{display: none;}
	.info .info_right{width: 100%;padding-left: 0;}
	.info .info_right p:first-child {margin-top: 0;}
	.info .info_right p:first-child{font-size: 24px;line-height: normal;}
	.info .info_right p:nth-child(2) {font-size: 22px;line-height: normal;margin-top: 10px;}
	.info .info_right p:nth-child(3) {font-size: 18px;line-height: normal;margin-top: 8px;}
	.info .info_right p:nth-child(4) {font-size: 14px;line-height: 22px;margin-top: 5px;}
	.info .info_right p:nth-child(5) {font-size: 16px;line-height: normal;margin: 15px 0 5px;}
	.info .info_right p{line-height: 24px;}
	.info .info_right a {bottom: 0;position: relative;margin-top: 12px;line-height: 34px;}

	.com_zz {padding: 30px 0 30px;background: #f7f7f7;}
	.com_zz .cz_ul {margin-top: 20px;}
	.com_zz .cz_ul .cz_li {width: 100%;}

	.xn_app {padding: 30px 0 30px;}
	.xn_app .yljg_ul {margin-top: 20px;}
	.xn_app .yljg_ul .yljg_li{height: 360px;}
	.xn_app .yljg_ul .yljg_li .yljg_txt i{width: 82px;height: 82px;}
	.xn_app .yljg_ul .yljg_li .yljg_txt p{font-size: 14px;line-height: 28px;}

	.xn_hezuo {padding: 30px 0;}
	.xn_hezuo .xnh_ul .xnh_img{height: 100px;}
	.xn_hezuo .xnh_ul{margin-top: 20px;}

	.xn_news {padding: 30px 0;}
	.xn_news .xnn_span {margin-top: 15px;}
	.xn_news .xnn_span .xnn_a{width: 126px;height: 36px;line-height: 34px;font-size: 14px;margin-left: 10px;}
	.xn_news .xnn_ul {padding-top: 0;}
	.xn_news .xnn_ul .xnn_left {width: calc(100% - 360px);margin-top: 15px;}
	.xn_news .xnn_ul .xnn_right {width: 345px;}
	.xn_news .xnn_ul .xnn_right .xnn_li{margin-top: 6px;}
	.xn_news .xnn_ul .xnn_right .xnn_li .xnn_date{width: 86px;}
	.xn_news .xnn_ul .xnn_right .xnn_li .xnn_date span:first-child {font-size: 24px;height: 40px;line-height: 40px;}
	.xn_news .xnn_ul .xnn_right .xnn_li .xnn_txt{width: calc(100% - 86px);padding: 8px 12px 8px 12px;}
	.xn_news .xnn_ul .xnn_right .xnn_li .xnn_txt p:first-child{font-size: 15px;height: 22px;line-height: 22px;}
	.xn_news .xnn_ul .xnn_right .xnn_li .xnn_txt p:last-child{line-height: 20px;font-size: 13px;height: 40px;margin-top: 5px;}
	.xn_news .xnn_ul .xnn_left .xnnl_txt{padding: 10px 12px;}
	.xn_news .xnn_ul .xnn_left .xnnl_date{margin-right:12px;}
	.xn_news .xnn_ul .xnn_left .xnnl_date span:first-child {font-size: 24px;height: 40px;line-height: 40px;}
	.xn_news .xnn_ul .xnn_left .xnnl_p{padding-left:12px;}
	.xn_news .xnn_ul .xnn_left .xnnl_p p:first-child{font-size: 15px;height: 22px;line-height: 22px;}
	.xn_news .xnn_ul .xnn_left .xnnl_p p:last-child{line-height: 20px;font-size: 13px;height: 40px;margin-top: 5px;}
	.xn_news .xnn_ul .xnn_left .xnnl_img{height: 260px;}


}
@media only screen and (max-width: 767px) {

	.xn_banner{height: 240px;}

	.index_gongyi {padding: 20px 0 20px 0;}
	.gongyi_box li{float: none;width: 100%;height: auto;padding: 20px 0;margin-right: 0;}
	.gongyi_box li.on{width: 100%;}
	.gongyi_box li .text{-webkit-transform: unset !important;-ms-transform: unset !important;-o-transform: unset !important;transform: unset !important;position: relative;left: 0;top: 0;}
    .gongyi_box li.on .text {width: 100%;top: 0;left: 0;text-align: center;padding: 0 15px;}
    .gongyi_box li .text .icon_gy{margin-bottom: 12px;}
    .gongyi_box li .text .tit{font-size: 18px;margin-bottom: 8px;}
    /*.gongyi_box li .text span{display: none;}*/
    .gongyi_box li .text a{margin-top:12px;padding:3px 16px;}
    .gongyi_box li .text span.icon_jia{display: none;}
    .gongyi_box li .text p{display: block;line-height: 20px;}

    #infobg {padding: 20px 0 20px;}
    .info {margin-top: 12px;}
    .info .info_right p:first-child{font-size: 22px;}
    .info .info_right p:nth-child(2){font-size: 20px;}

    .com_zz{padding: 20px 0 20px;}

	.xn_app {padding: 20px 0 20px;}
	.xn_app .yljg_ul {margin-top: 12px;}
	.xn_app .yljg_ul .yljg_li {height: 240px;}
	.xn_app .yljg_ul .yljg_li .yljg_txt i {width: 54px;height: 54px;}
	.xn_app .yljg_ul .yljg_li .yljg_txt{padding: 0 0 20px 10px;}

	.xn_hezuo {padding: 20px 0;}
	.xn_hezuo .xnh_ul {margin-top: 12px;}
	.xn_hezuo .xnh_ul .xnh_img {height: 84px;}

	.xn_news {padding: 20px 0;}
	.xn_news .xnn_span {margin-top: 12px;}
	.xn_news .xnn_span .xnn_a{width: 100px;}
	.xn_news .xnn_ul .xnn_left{width: 100%;}
	.xn_news .xnn_ul .xnn_left .xnnl_img {min-height: 240px;}
	.xn_news .xnn_ul .xnn_right{width: 100%;}


}