*{font-family:'Microsoft YaHei', '微软雅黑',"arial";}



body{
	margin:0px;
	padding:0px;
	font-size:12px;
	overflow-x:hidden;
	scroll-behavior: smooth;
	color: #333
}

html,body{
	height: 100%;
}

img{
	border:0px;
}
a{
	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	color: #333
}
a:hover{
 	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
h1,h2,h3,h4,h5{font-weight: normal;margin: 0;padding: 0;}
ol,ul,li{list-style: none;margin: 0;padding: 0}
a,img,p,div,em,dl,dt,dd{margin: 0;padding: 0}

@font-face {
font-family: "MyFont";
src:url(../font/Alibaba-PuHuiTi-Heavy.ttf)
}

#bottom a{
	font-size:14px;
}
#bottom{
	 color:#333333;
	font-size:14px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0;
}




/*视频弹窗*/
.pop-video {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0,0,0,.82);
}

    .pop-video .cont {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        max-width: 930px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .pop-video .video1 {
        height: 100%;
        width: 100%;
    }

    .pop-video .tit {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        
    }

        .pop-video .tit h4 {
            color: #fff;
            font-weight: normal;
            font-size: 18px;
        }

    .pop-video .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 20px;
        background: url(../images/icon-close.png) no-repeat center center;
        cursor: pointer;
        z-index: 2;
    }



/*滚轮出现上面的小导航*/
  .sliderbox{width: 100%;height: 70px;background: #fff;position: fixed;top: -75px;left: 0px;box-shadow: 5px 5px 5px rgba(0,0,0,.2);transition: 0.6s;/*滑动时间*/ z-index:9999}
     .slidernav{width: 1200px;margin: 0 auto;}
	 .divLogo{
	    text-align:left;
		float:left;
		width:334px;
		height:60px;
		padding-top:10px;
	 }
	 .divRight{
	 	width:866px;
		float:left;
		text-align:left;
		line-height:70px;
	 }
	 .divRight a{
	 	font-size:16px;
		width:102px;
		text-align:center;
		color:#333333;
		display:block;
		float:left;
		text-decoration:none;
	 }
	  .divRight a:hover{
	 	font-size:17px;
		width:102px;
		text-align:center;
		color:#de2323;
		display:block;
		float:left;
		text-decoration:none;
	 }
/*结束*/


/* 头部 */
a{text-decoration: none;}
ul{padding: 0px;margin: 0px;}
.header{width: 80%;position: absolute;top: 0px;left: 0px; z-index:10000;border-bottom: 1px rgba(255,255,255,.09) solid;padding: 0px 10%;}
.header:hover{background: rgba(0,0,0,.15);border-bottom: 1px rgba(255,255,255,.2) solid;}
.header_left{padding-top: 18px;float: left;}
.header a img:last-child{display: none;}
.header_left img{height: 55px;width: auto;padding-top: 5px}

/*首页新头部*/
.header_new{width: 80%;position: fixed;top: 0px;left: 0px; z-index:10000;background: url(../images/nav_01.jpg)left  repeat-y;
	padding: 0px 10%;transition: .5s;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.header_new.header_hide{top: -100px;}
.header_new.white{background: #fff;position: fixed;}
.header_new.white .nav ul li >a{color: #000;}

.header_new.white .phone p{color: #000;}
.header_new.white .phone h2{color: #000;}
.header_new.white .nav{border-right: 1px rgba(0,0,0,.1) solid;}
.header_new a img:last-child{display: none;}
.header_new.white a img:last-child{display: block;}
.header_new.white a img:first-child{display: none;}
.header_new.white .erji{background: #fff;border-top: 1px rgba(0,0,0,.1) solid;}
.header_new.white .nav ul li:hover{background: none;}
.header_new.white .erji a{color: #000; }

.white_nav{/*box-shadow: 0px 0px 10px rgba(0,0,0,.2);*/
	background:url(../images/nav_bg.png) repeat-x bottom center;
}
/*.white_nav .nav ul li >a{color: #333}
.white_nav .nav ul li >a span{color: #333}
.white_nav .nav .banb{color: #333;background: url(../images/jt_icon_blue.png) no-repeat right center}*/
/*.white_nav a img:last-child {
    display: block!important;
}
.white_nav a img{
    display: none;
}*/
/*内页新头部*/
.header_two{width: 80%;position: fixed;top: 0px;left: 0px; z-index:10000;/*border-bottom: 1px rgba(255,255,255,.09) solid;*/
	padding: 0px 10%;transition: .5s;}
/*.header_two:hover{background: rgba(0,0,0,.15);border-bottom: 1px rgba(255,255,255,.2) solid;}
*/.header_two.header_hide{top: -100px;}
.header_two a img:last-child{display: none;}
.header_two.white{width: 80%;position: fixed;left: 0px; z-index:10000;background: #fff;
	padding: 0px 10%;transition: .5s;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.header_two.white .nav ul li >a{color: #000;}
.header_two.white .nav ul li >a span{color: #000;}

.header_two a img:last-child{display: none;}
.header_two.white a img:last-child{display: block;}
.header_two.white a img:first-child{display: none;}
.header_two.white .erji{background: #fff;border-top: 1px rgba(0,0,0,.1) solid;box-shadow: 0px 2px 2px rgba(0,0,0,.1);}
.header_two.white .nav ul li:hover{background: none;}
.header_two.white .erji a{color: #333;}

.header_two:hover{width: 80%;position: fixed;left: 0px; z-index:10000;background: #fff;border-bottom: none;
	padding: 0px 10%;transition: .5s;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.header_two:hover .nav ul li >a{color: #333;}


.header_two:hover a img:last-child{display: block;}
.header_two:hover a img:first-child{display: none;}
.header_two:hover .erji{background: #fff;border-top: 1px rgba(0,0,0,.1) solid;}
.header_two:hover .nav ul li:hover{background: none;}
.header_two:hover .erji a{color: #333;}
.header_two:hover ul li span{color: #666;}

.header_two:hover .banb .cn{background: url(../images/jt_icon_blue.png) no-repeat right center;color: #333}


.nav{height: 95px;float: right} 
.nav_logo{float: left;margin-top: 20px;  }
.nav ul{float: left;}
.nav ul li{float: left;font-size: 16px;list-style: none; text-align:center;padding: 0 30px}
.nav ul li >a span{color:rgba(255,255,255,0.8);font-size: 0.89rem;transition: .3s;font-weight: normal}
.nav ul li >a{color: #ffffff;display: block;line-height:95px;position: relative;font-size: 0.97rem;transition: .5s;font-weight: bold}
.nav ul li >a:after{
	content: "";
	width: 8px;
	height: 8px;
	background: #2b67e9;
	position: absolute;
	left: 0%;
	bottom: 50%;
	margin-bottom: -4.5px;
	transform: translateX(-50%);
	transition:ease .5s;
	border-radius: 9px;
	 opacity: 0;
}
/*.nav ul li:hover a:after{width: 100%;}*/
.nav ul li:hover a:after{display: block;left: -18px;opacity: 1}
.nav ul li.current a:after{display: block;left: -18px;opacity: 1}
/*.nav ul li.current a{color: #2b67e9!important}
.nav ul li.current a > span{color: #2b67e9!important}*/

.header_two.white .banb_ul a{color: #333}
.header_two.white .banb .cn{background: url(../images/jt_icon_blue.png) no-repeat right center;color: #333}

.banbcen{float: right;padding-left: 50px;position: relative;cursor: pointer}
.banb{line-height: 95px;position: relative}
.banb .cn{color: #fff;font-size: 0.97rem;background: url(../images/jt_icon_white.png) no-repeat right center;padding-right: 22px;background-size: 22px;}
.banb_ul{display: none;position: absolute;top: 95px;left: 0;width: 100%;text-align: center;box-shadow: 0px 2px 4px rgba(0,0,0,.2);}
.banb_ul a{color: #333;font-size: 0.97rem;background: #fff;display: block;line-height: 45px}
.nav ul li .erji{width: 100%;height: 70px;background: rgba(0,0,0,.2);position: absolute;top: 95px;left: 0px;text-align: center;display: none;}
.nav ul li .erji a{color: #fff;margin: 0px 15px;line-height: 70px;font-size: 15px;opacity: .9;}
.nav ul li .erji a:hover{opacity: 1;}





.cover_box{width: 100%;height: 100%;}
.index_banner{width: 100%;height: 100%;}
.index_banner .swiper-container{width: 100%;height: 100%;}
.index_banner .swiper-slide{position: relative;}
.index_banner .swiper-slide .text{ width:1200px;position: absolute;top: 28%;left: 7%;/*transform: translate(-50%,-50%);*/cursor: pointer;}




.index_banner .swiper-slide img{
	transform:translateY(100px);
	transition:all .1s;
	opacity:1;
}
.index_banner .swiper-slide h3{
	color: #fff;
	font-size: 50px;
	line-height: 1;
	text-transform:uppercase;
	font-family: 'GOTHICB';
}
.index_banner .swiper-slide h3 span{
	color: #fff;
	font-size: 66px;
	text-transform:uppercase;
	font-family: 'GOTHICB';
	
}


.index_banner .swiper-slide .ban_line{
	text-transform:uppercase;
	font-family: 'GOTHICB';
	transform:translateY(100px);
	opacity:0;
	transition:all .1s;
	transition-delay: .4s;
	
}

.index_banner .swiper-slide h2{
	color: #fff;
	font-size: 3.7rem;
	line-height: 1.3;
	margin: 65px 0px 35px 0px;
	transform:translateY(100px);
	opacity:0;
	transition:all .1s;
	transition-delay: .1s;
	font-family: "Microsoft YaHei","微软雅黑";
	font-weight: bold
}
.index_banner .swiper-slide h2 span{
	color: #fff;
	font-size: 72px;
	font-family: 'DINPro-Bold';
}
.index_banner .swiper-slide p{
	color: #fff;
	font-size: 1.9rem;
	line-height: 1.3;
	margin: 0px;
    transform:translateY(20px);
	opacity:0;
	transition:all .1s;
	transition-delay: .5s;
}


@media screen and (max-width:1580px) {
	.index_banner .swiper-slide img{width: 1000px;}

}
@media screen and (max-width:1450px) {
	.index_banner .swiper-slide img{width: 880px;}
	
}
.index_banner .swiper-slide-active img{
	transform:translateY(0);
	opacity:1;
}
.index_banner .swiper-slide-active h2{
	transform:translateY(0);
	opacity:1;
}
.index_banner .swiper-slide-active p{
	transform:translateY(0);
	opacity:1;
}

.index_banner .swiper-slide-active .ban_line{
	transform:translateY(0);
	opacity:1;
}


.ban_line{height: 1px;background: #fff;margin-bottom: 30px}
.ban_line1{width: 64rem}
.ban_line2{width: 29rem;}
.ban_line3{width: 22rem;}
.ban_line4{width: 22rem;}




#page{
	width: 100%;
    position: absolute;
    left: 0%;
    /*transform: translateX(-50%);*/
    text-align: left;
    bottom: 35px;
    box-sizing: border-box;
    text-align: right;
    z-index: 200;
	padding-right: 5%
}
#page::after{
	content: "";
	position: absolute;
	background: #fff;
	height: 1px ;
	left: 0;top: 9px;
	width: 100%;
	z-index: -1
}
#page span{
    display: inline-block;
   /* width: 22px;*/
	height: 10px;
	/*background: url(../images/icon_07.png) top center no-repeat;*/
	opacity: 1;
	margin: 0px 15px;
    cursor: pointer;
    border-radius: 5px;
    transition: .3s;
	color: #fff;
	font-size: 18px;
	padding-top: 35px;
	background: rgba(255,255,255,0)
}
#page span.swiper-pagination-bullet-active{
    background: url(../images/icon_09.png) top center no-repeat;
} 
#button{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
/*    transform: translateX(-50%);
*/    z-index: 100;
}
#button .swiper-button-prev:after{
    content: "";
    width: 50px;
    height: 50px;
    background: url(../images/icon_03.png) no-repeat;
    opacity: .8;
	background-size: 50px
}
#button .swiper-button-prev{
	outline: none;
	 width: 50px;
    height: 50px;
}
#button .swiper-button-next:after{
    content: "";
    width: 50px;
    height: 50px;
    background: url(../images/icon_05.png) no-repeat;
    opacity: .8;
	background-size: 50px
}
#button .swiper-button-next{
	outline: none;
	 width: 50px;
    height: 50px;
}





/* 导航折叠按钮	*/

.span_navcolor{
	background-color:#222222!important;
}
.overDiv{
	overflow:hidden;
}
.vr_ico{
	display: block;
    width: 24px;
    position: absolute;
    height: 17px;
    z-index: 10001;
    right: 18.5%;
    top: 40px;
}




::-webkit-scrollbar{
            width: 3px;
            height: 3px;
        }
        /*滚动条的轨道*/
        ::-webkit-scrollbar-track{
            background: #eee;
        }
        /*滚动条的滑块按钮*/
        ::-webkit-scrollbar-thumb{
            background: #2b67e9;
        }
        /*滚动条的上下两端的按钮*/
        ::-webkit-scrollbar-button{
            height: 0px;
            background-color: #2b67e9;
        }



	
/*首页视频*/
@media only screen and (max-width:1440px) {
.part_video video {
	width: auto!important;
	
}}
.part_video{width: 100%;height:850px;overflow: hidden;position: relative; background-color:#010510;}
.part_video video{width: 100%;}
.zhezhao{
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(8,8,9,0.8);
    z-index: 999;
}
.video_text{
	width: 1200px;
	text-align: center;
	margin:0 auto;
	margin-top:350px;
	color: #fff;
	display: none;
}
.video_text h2{
	animation: zuo 1.5s;
	font-size:60px;
	text-shadow: 0 2px 2px #333333;
}
.video_text p{
   animation: zuotwo 2s;
   font-size:26px;
   text-shadow: 0 2px 2px #333333;
}
.video_text div{
	animation: zuotwo 3s;
	font-size:18px;
	width:180px;
	height:43px;
	margin:0 auto;
	line-height: 43px;
	
	border:1px solid #ffffff;
	color:#fff;
	margin-top:40px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;

}
.video_text div:hover{
	font-size:18px;
	width:180px;
	height:43px;
	margin:0 auto;
	line-height:43px;
	
	background-color:#f20c2b;
	border:1px solid #f20c2b;
	color:#FFFFFF;
	margin-top:40px;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}




/*首页logo跳动*/
.autoimg{animation: 2s scale linear infinite;}
	@keyframes scale{
		0%{
			transform: scale(0.9);
		}
		50%{
			transform: scale(1);
		}
		100%{
			transform: scale(0.9);
		}
	}



/*图片变小*/

@keyframes slowScale{
    0%{
        transform: scale(1.1);
       }
    100%{
        transform: scale(1.0);
    }
}

 



.xq_container{width: 80%;margin: 0 auto;max-width: 1700px;}
.screen-02 {
    width: 80%;
    /*height: 80vh;*/
    position: relative;
    text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 50px;padding-bottom: 148px
	
}


.video_ul{position: absolute;left: 0;bottom: 0;width: 100%;display: flex;align-items:flex-end;}
.video_ul li{border-top: 1px solid rgba(255,255,255,0.5);
	padding: 15px 3% 30px;
	transition: ease 0.5s;
	cursor: pointer;
	backdrop-filter: saturate(180%) blur(20px);
	background: rgba(51, 51, 51, 0.7);
	width: 27.3333333%;
}
.video_ul li:nth-child(2){border-right: 1px solid rgba(255,255,255,0.5);background: #2b67e9}
.video_ul li:nth-child(1){border-right: 1px solid rgba(255,255,255,0.5);}
.video_ul li:nth-child(3){}
.x_1{text-align: right}
.x_2{text-align: left;font-size: 1.5rem;color: #fff;transition: all 0.3s}
.x_3{text-align: left;font-size: 0.8rem;color: #fff;margin-top: 15px;line-height: 20px;transition: all 0.3s;opacity: 0.7;white-space: nowrap;text-overflow: ellipsis}
.x_4{text-align: left;font-size: 1.1rem;color: #fff;margin-top: 15px;
  opacity: 0;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  height: 0;
  transition: all 0.3s;
 
}
.x_4 img{display: block;width: auto;height: 22px;margin-left: 10px}
.video_ul li:hover .x_4{height:22px;opacity: 1;padding-top: 45px}
.video_ul li:hover .x_1 img{transform: rotate(180deg);}
.video_ul li:nth-child(1):hover{background:url(../images/video_imgbg1.jpg) no-repeat center center;background-size: 100% 100%;border: 0;}
.video_ul li:nth-child(2):hover{background:url(../images/video_imgbg2.jpg) no-repeat center center;background-size: 100% 100%;border: 0;}
.video_ul li:nth-child(3):hover{background:url(../images/video_imgbg3.jpg) no-repeat center center;background-size: 100% 100%;border: 0}



.screen-03{width: 100%;height:auto;background:url(../images/index_bg1.jpg) no-repeat bottom center;object-fit: cover;padding: 150px 0}
.about_1{text-align: center;font-size: 3.8rem;font-weight: bold;letter-spacing: 2.5px}
.about_2{text-align: center;font-size: 1.3rem;color: #333;margin-top: 22px;letter-spacing: 1.5px}
.about_list ul{display: flex;flex-wrap: wrap;align-items: flex-end;padding: 150px 0 200px;}
.about_list ul li{width: 20%;text-align: center}
.about_list ul li h3{font-size: 3.5rem;color: #2b67e9;font-weight: bold;font-family: "arial"}
.about_list ul li h3 em{font-style:normal;color: #2b67e9;font-weight: bold}
.about_list ul li:nth-child(3) h3{font-size: 7rem}
.about_list ul li:nth-child(2) h3{font-size: 5rem}
.about_list ul li:nth-child(4) h3{font-size: 5rem}
.about_list ul li h4{font-size: 1.2rem;color: #333;margin-top: 15px}



.screen-04{width: 100%;height:auto;background:url(../images/index_bg2.jpg) no-repeat bottom center;object-fit: cover;padding: 130px 0;}
.screen-04 h1{font-size: 1.5rem;font-weight: bold;font-family: "arial";color: #666;margin-bottom: 0px}
.screen-04 h2 img{display: block;height: 90px;width: auto;}

.screen-04 h4{font-family: "MyFont";font-size: 4.5rem;font-weight: bold;color: #fff;-webkit-text-stroke: 2px #333;}
.product_cen ul{display: flex;flex-wrap: wrap;margin-top: 110px;}
.product_cen ul li{width: 25%;position: relative;cursor: pointer;overflow: hidden}
.product_cen ul li .pro_liimg{display: block;width: 101%;height: auto;transition: all 0.3s}
.pro_fd{position: absolute;width: calc(100% - 60px);height: 0;background: rgba(43,103,233,0);left: 0;top: 0;transition: ease 0.5s;padding:30px}
.pro_fd dl{display: flex;justify-content: space-between}
.pro_fd dl h1{color: #fff;font-size: 1.9rem;font-family: "arial";margin-bottom: 0;}
.pro_fd dl h2{color: #fff;font-size: 1rem;font-family: "arial";opacity: 0.8;padding-top: 8px}
.pro_fd .pro_fd01{color: #fff;font-size: 1.4rem;padding-top: 100px;font-weight: bold}
.pro_fd .pro_fd02{color: #fff;font-size: 0.9rem;padding-top: 20px;}
/*.product_cen ul li:nth-last-child(1) .pro_fd .pro_fd01{padding-top: 60px}*/
.product_cen ul li:hover .pro_fd{height: calc(100% - 60px);padding: 30px;background: rgba(43,103,233,0.7)}
.product_cen ul li:hover .pro_liimg{transform: scale(1.1)}

.pro_fd dl dd img{height: 65px;width: auto}

.screen-05{width: 100%;height:auto;}
.index_map{background:url(../images/map.png) no-repeat bottom center;height: 728px;display: flex;flex-direction: column;justify-content: center}

.product_cen{width: 80%;margin: 0 auto}
.screen-06{width: 100%;height:auto;background:url(../images/index_bottom_blue_bg.jpg) no-repeat center center;padding: 70px 0;background-size: 100% 100%}
.bottom_zx{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.bottom_zx dt{font-size: 2.6rem;font-weight: bold;color: #fff}
.bottom_zx dd a{display: block;padding: 14px 35px;color: #fff;font-size: 1.1rem;border: 2px solid #fff;border-radius: 10px;letter-spacing: 1.5px}


/*-------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:9999;width:100%;display: none}
.sp_logo{padding:10px;float:left;height:30px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#2b67e9;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999;background:#eee;width:100%;height:calc(100% - 50px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 80px)}
.sjj_nav>ul>li:first-child .language{float:right;width:80px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:12px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:35px;font-size:14.5px;padding: 8px 0}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;display: block}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#2b67e9}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*-----手机站导航结束----------*/



/*底部*/
.foot{width: 100%;overflow: hidden;background: #333;padding: 100px 0 90px;}
.footcen{overflow: hidden}
.footcen dt{color: #fff;font-size: 20px;}
.footcen a{color: #ccc;line-height: 38px;font-size: 15px}
.footcen a:hover{color: #fff;}
.foot0{width: 340px;float: left}
.foot0 dd{display: flex;margin-top: 30px}
.foot0 dd input{background: none;border: 1px solid #434242;border-radius: 2px;display: block;float: left;outline: none;color: #fff;width: 180px}
.foot0 dd a{display: block;background: #2b67e9;padding: 9px 16px;height: 25px}
.foot1{float: left;width: calc((100% - 640px)/3)}
.foot1 img{margin-top: 40px}
.foot2{float: left}
.foot2 span{color: #ccc;display: block;float: left;font-size: 16px}
.foot2 img{color: #c6cfdb;display: block;float: left;margin-right: 10px;height: 25px;width: auto}
.qw{overflow: hidden;margin-bottom:16px;display: flex;align-items: center}
.qw:nth-child(1) a{color: #186ded;font-size: 16px;font-family: arial;font-weight: bold;display: block;float: left;}
.qw:nth-child(2) span{font-size: 16px;font-family: arial;}
.qw:nth-child(3) span{font-size: 16px;font-family: arial;}
.foot3{float: right;margin-top: 10px;}
.foot3 img{display: block;width: 140px;height: 140px}
.foot4{float: right;margin-top: 10px;margin-right: 20px}
.foot4 img{display: block;width: 140px;height: 140px}

.footcopyright{background: #000;padding: 20px 0;}
.as{color: #c6cfdb;text-align: center}
.as a{color: #c6cfdb;}
.foot_line{width: 50%;height: 1px;background: #434242;position: relative;margin: 30px 0}
.foot_line span{display: block;width:80px;position: absolute;height: 2px;background: #186ded;top: -1px;transition: all 0.3s}
.jieww{text-align: center;color: #ddd;margin-top: 12px;display: block}

.foot1:hover .foot_line span{width:100%;}
.foot2:hover .foot_line span{width:100%;}

.foot_bottom{padding: 19px 2%;text-align: center;color: #8097b2;background:#000;font-size: 15px; }
.foot_bottom a{color: #8097b2;font-size: 15px;}
.foot_bottom a:hover{color: #fff}



.float_top {
    position: fixed;
    right: 10px;
    bottom: 60px;
    z-index: 9999999;
    display: none;
}

.float_tel {
    position: fixed;
    right: 10px;
    bottom: 120px;
    z-index: 9999999;
    display: none;
}



.botton_comm{background: #23262c}
.b1{display: flex;justify-content: space-between;padding: 80px 0 40px;flex-wrap: wrap;align-items: center}
.b1 dd{display: flex;}
.b1 dd a{color: #fff;font-size: 1rem;margin-left: 65px}
.b1 dd a span{font-size: 0.9rem;color: #ccc}

.b2{display: flex;justify-content: space-between;padding: 40px 0 40px;}
.b2 dt{color: #999;font-size: 0.9rem;}
.b2 dd{color: #999;font-size: 0.9rem;}
.b2 dd a{color: #999;font-size: 0.9rem;}
.b2 dt a{color: #999;font-size: 0.9rem;}



/*关于公司*/
.ny_banner{
	width: 100%;
	overflow: hidden
}
.a_ban{
	overflow: hidden;
	width: 100%;
	animation: slowScale 4s
	
}
.a_ban img{display: block;width: 100%;height: auto}
.ny_nav{width: 100%;background: rgba(255,255,255,0.2);overflow: hidden;position: relative}
.ny_nav::after{
	position: absolute;
    content: "";
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.ny_nav a{display: block;float: left;padding: 32px 0;font-size: 1.1rem;position: relative;margin-right: 70px;}
.ny_nav span::after{
	position: absolute;
    content: "";
    left: 50%;
    bottom: 0px;
    width: 0%;
    height: 3px;
    background-color: none;
    transition: all .3s;
	z-index: 99
}

.ny_nav span:hover:after{
    width: 100%;
	left: 0%;
    background-color: #2b67e9;
	

}

.ny_nav a:hover{color: #2b67e9}
.ny_nav a.on span{color: #2b67e9}
.ny_nav a.on span::after{
	width: 100%;
	left: 0%;
    background-color: #2b67e9;
}


.cb_1{width: 600px;margin: 0 auto;position: relative;padding-top: 70px;margin-bottom: 70px}
.cb_1::after{
	position: absolute;
    content: "";
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.cb_1 h1{text-align: center;font-size: 2.4rem;font-weight: bold;position: relative;padding-bottom: 40px}
.cb_1 h1::before{
	position: absolute;
    content: "";
    left: 225px;
    bottom: 0px;
    width: 75px;
    height: 5px;
    background-color: #2b67e9;
	z-index: 99;
}

.cb_1 h1::after{
	position: absolute;
    content: "";
    right: 225px;
    bottom: 0px;
    width: 75px;
    height: 5px;
    background-color: #666;
	z-index: 99;
}


.cb_2{text-align: left;font-size: 1.05rem;line-height: 2.51rem;color: #666;width: 65%;margin: 0 auto}

.cb_3{display: flex;padding:100px 0;width:1200px;margin: 0 auto}
.cb_3 li{width: 25%;text-align: center;transition: all 0.3s;padding:20px 0;cursor: pointer}
.cb_3 li dt{padding:50px  0px;border-radius: 20px;border: 2px solid #2b67e9;width: 170px;margin: 0 auto;transition: all 0.3s}
.cb_3 li dt img{display: block;width: auto;height: 70px;margin: 0 auto;transition: all 0.3s}
.cb_3 li dd{text-align: center;font-size:1.1rem;margin-top: 30px;color: #666;transition: all 0.3s}
.cb_3 li:hover{padding:0 0 40px}



.cb_4{background: url(../images/about_bg.jpg) no-repeat center center;object-fit: cover;padding: 150px 0;background-size: cover;background-attachment: fixed}
.cb_4 dt{width: 60%;background: rgba(255,255,255,0.8);border-radius: 8px;padding: 5%;}
.cb_4 dt h1{font-size: 2.4rem;color: #2b67e9;font-weight: bold}
.cb_4 dt h2{font-size: 1.5rem;color: #666;font-weight: bold;font-family: "arial";margin: 15px 0}
.cb_4 dt span{display: block;width: 50px;height:3px;background: #2b67e9}
.application{display: flex;flex-wrap: wrap;justify-content: space-between;width: 1300px;margin: 0 auto;align-items: flex-start;}
.application_text{padding-top: 40px;font-size: 1.05rem;line-height: 2.5rem;color: #333}

.cb_5{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 150px 0;align-items: center}
.cb_5_left{width: 40%;}
.cb_5_left img{display: block;width: 100%;height: auto}
.cb_5_right{width: 45%;}
.cb_5_right h1{font-size: 2.5rem;color: #2b67e9;font-weight: bold;margin-bottom: 30px}
.ceo_sm{font-size: 1.05rem;}

.cb_5_right h1 span{color: #333;font-weight: normal;font-size: 2.3rem;margin-left: 5px}
.ceo_sm{margin-bottom: 40px;line-height: 30px;font-size: 1.05rem;}






.boxCen {
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-top: 1.5rem;
    padding: 2.5rem 0;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.boxCen .item {
    margin-top: 2rem;
    position: relative;
    padding-left: 3rem;
}

.boxCen .item div {
    font-size: 1.3rem;
    color: #fff;
}


.boxCen .item p {
    font-size: 0.8rem;
    color: #999;
    margin-top: 0.625rem;
}

.boxCen .item img {
    position: absolute;
    top: 0.5rem;
    left: 0;
}

.boxCen .item1 {
    padding-left: 5rem;
}
.boxCen .item1 img {
    width: 8.9375rem;
}






.case_0{width: 100%;background: url(../images/case_bg1.jpg) no-repeat center right;padding: 14rem 0;background-attachment: fixed}
.case_1 span img{display: block;width: auto;height: 3.5rem;margin-top: 15px}
.case_1 h1{color: #fff;font-size:2.7rem;font-weight: bold;}
.case_1 h2{color: #fff;font-size:1.2rem;padding-top: 20px}
.case_1 h2 i{border-top: 1px solid #fff;font-style: normal;padding-top: 20px;display: inline-block}
.case_1 h3{color: #fff;font-size:1rem;padding-top: 30px;line-height: 1.8rem}
.case_1 h4{color: #fff;font-size:1rem;padding-top: 4px;line-height: 1.8rem}
.case_1 h5{color: #fff;font-size:1rem;padding-top: 4px;line-height: 1.8rem}

.case_2{width: 100%;background: url(../images/case_bg2.jpg) no-repeat bottom center;padding: 16rem 0;background-size: cover;}
.case_3{width: 100%;background: url(../images/case_bg3.jpg) no-repeat center center;padding: 17rem 0;background-size: cover;}
.case_4{width: 100%;background: url(../images/case_bg4.jpg) no-repeat center center;padding: 19rem 0;background-size: cover;background-attachment: fixed}

.case_5{width: 100%;background: url(../images/case_bg5.jpg) no-repeat center center;padding: 19rem 0;background-size: cover;background-attachment: fixed}

.case_6{width: 100%;background: url(../images/case_bg6.jpg) no-repeat center center;padding: 19rem 0;background-size: cover;background-attachment: fixed}


.case_7{width: 100%;background: url(../images/case_bg7.jpg) no-repeat center center;padding: 19rem 0;background-size: cover;}



.honor_cen{
        position: relative;
        height: 500px;
			 cursor: pointer;margin-top: 40px
      }

.honor_cen ul{}
.honor_cen ul li{display: flex;align-items: flex-start;margin-bottom: 15px}
.honor_cen ul li:nth-last-child(1){border: 0;margin-bottom: 0}
.honor_cen ul li:nth-last-child(1) dd{border: 0;}
.honor_cen ul li dt{display: flex;width: 250px;align-items: center;justify-content: space-between;padding-right: 100px}
.honor_cen ul li dd{width: calc(100% - 400px);border-bottom: 1px dashed #ccc}
.honor_cen ul li dd span{display: block;font-size: 1rem;padding-bottom: 15px;color: #666;overflow: hidden;}
.honor_cen ul li dt .honor_year{font-size: 2.8rem;color: #2b67e9;font-weight: bold;}
.honor_cen ul li dt .honor_d{background: #2b67e9;width: 14px;height: 14px;border-radius: 18px;padding: 2px}
.honor_cen ul li dt .honor_d span{background: #2b67e9;width: 8px;height: 8px;border-radius: 10px;border: 3px solid #fff;display: block;}

.honor_zl{width: 1050px;overflow: hidden;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 25px 0 40px}
.honor_zl li{width: 25%;border: 2px solid #2b67e9;border-radius: 28px;padding: 70px 0;text-align: center;margin-bottom: 50px;transition: all 0.3s;cursor: pointer}
.honor_zl li dt{font-size: 2.5rem;color: #2b67e9;text-align: center;font-weight: bold;transition: all 0.3s}
.honor_zl li dd{font-size: 1.1rem;color: #333;text-align: center;padding-top: 15px;transition: all 0.3s}
.honor_zl li:hover{padding: 50px 0 90px;}
/*.honor_zl li:hover dt{color: #fff}
.honor_zl li:hover dd{color: #fff}*/


.honor_scroll{text-align: center;padding-top: 25px;cursor: pointer;margin-bottom: 25px}

/*业务范围*/

.gjh_1 {padding-top: 80px}
.gjh_1 img{display: block;width: 70%;height: auto;margin: 0 auto}
.gjh_2{padding: 100px 0}
.gjh_2 h1{font-size: 3.2rem;font-weight: bold;}
.gjh_2 h2{font-size: 3.2rem;font-weight: bold;text-indent: 3em}

.gjh_3{overflow: hidden;padding-bottom: 70px}
.gjh_3 h1{font-size: 1.5rem;padding-bottom: 20px;font-weight: bold}
.gjh_3 h2{font-size: 1.25rem;position: relative;padding-left: 25px;margin-bottom: 10px}
.gjh_3 h2::after{position: absolute;left: 0;top: .75rem;content: "";background: #333;width: 0.5rem;height: .5rem;border-radius: 0.2rem}

.gjh_3 h3{font-size: 1.25rem;position: relative;padding-left: 25px;}
.gjh_3 h3::after{position: absolute;left: 0;top: .75rem;content: "";background: #333;width: .5rem;height: .5rem;border-radius: 0.2rem}


.gjh_4{text-align: center;font-size: 3rem;font-weight: bold;padding: 70px 0 80px}

.gjh_5{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 70px}
.gjh_5 li{margin-bottom: 30px;position: relative;width: 49%;overflow: hidden;cursor: pointer}
.gjh_5 li dt img{display: block;width: 100%;height: auto;transition: all 0.3s}
.gjh_5 li dd{position: absolute;bottom: 0;width: 92%;background: rgba(255,255,255,0.7);color: #2b67e9;font-size: 1.5rem;padding: 30px 4%;backdrop-filter: saturate(180%) blur(20px);}
.gjh_5 li:hover img{transform: scale(1.1)}



.zc_cen_line1{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 4%}
.zc_cen_line1_left{width: 29.2%;position: relative;cursor: pointer;transition: all 0.3s;overflow: hidden}
.zc_cen_line1_left img{display: block;width: 100%;height: auto;transition: all 0.3s}
.zc_cen_line1_right{width: 69%;position: relative;cursor: pointer;transition: all 0.3s;overflow: hidden}
.zc_cen_line1_right img{display: block;width: 100%;height: auto;transition: all 0.3s;}

.bf{position: absolute;bottom: 0;height: 48%;background: rgba(238,238,238,0.9);width: 100%;display: flex;flex-direction: column;justify-content: center;transition: all 0.3s}
.bf-1{text-align: center;font-size:1.5rem;font-weight: bold;transition: all 0.3s}
.bf-2{width: 60px;height: 2px;background: #2b67e9;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;transition: all 0.3s}
.bf-3{text-align: center;font-size: 0.95rem;width: 75%;margin: 0 auto;line-height: 24px;transition: all 0.3s}
.bf-4{text-align: center;font-size: 0.95rem;width: 45%;margin: 0 auto;line-height: 24px;transition: all 0.3s}

.zc_cen_line1_left:hover .bf{height: 100%;background: rgba(0,0,0,0.6)}
.zc_cen_line1_left:hover img{transform: scale(1.1)}
.zc_cen_line1_left:hover .bf .bf-1{color: #fff}
.zc_cen_line1_left:hover .bf .bf-3{color: #fff}

.zc_cen_line1_right:hover .bf{height: 100%;background: rgba(0,0,0,0.6)}
.zc_cen_line1_right:hover img{transform: scale(1.1)}
.zc_cen_line1_right:hover .bf .bf-1{color: #fff}
.zc_cen_line1_right:hover .bf .bf-4{color: #fff}


.zc_cen_line2{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 2%}
.zc_cen_line2 li{width: 49%;position: relative;cursor: pointer;transition: all 0.3s;overflow: hidden}
.zc_cen_line2 li img{display: block;width: 100%;height: auto;transition: all 0.3s}
.zc_cen_line2 li:hover .bf{height: 100%;background: rgba(0,0,0,0.6)}
.zc_cen_line2 li:hover img{transform: scale(1.1)}
.zc_cen_line2 li:hover .bf .bf-1{color: #fff}
.zc_cen_line2 li:hover .bf .bf-4{color: #fff}



.zc_cen_line3{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 2%}
.zc_cen_line4{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 2%;padding-bottom: 4%}

.zn_1{text-align: center;font-weight: bold;font-size: 2.5rem;padding: 80px 0}
.zn_2{width: 100%;overflow: hidden;background: url(../images/c_bg.jpg) no-repeat center center;height: 510px;display: flex;flex-wrap: wrap;align-items: center;}
.zn_2_center{width: 46%;padding: 0 5%}
.zn_2_center img{display: block;width: 100%;height: auto}
.fd{width: 22%;text-align: center;position: relative}
.zn_2_right{background: linear-gradient(to left,#a9c1f6,#2b67e9) ;border-radius:55px 0px 0px 55px;padding-top: 50px;height: 170px}
.zn_2_left{background: linear-gradient(to right,#a9c1f6,#2b67e9) ;border-radius:0 55px 55px 0;padding-top: 12px;height: 208px}
.fd span{position: absolute;top: 0;width: 100%;height: 100%;text-align: center;font-size: 2.8rem;font-weight: bold;font-family: "arial";left: 0;line-height: 220px;color: rgba(255,255,255,0.7)}

.zn_3_text h1{font-weight: bold;font-size: 2.5rem;padding: 80px 0}

.zn_3{width: 100%;overflow: hidden;text-align: right;padding: 150px 0 0;position: relative}
.zn_3 img{display:block;width: 60%;height: auto;float: right}


.zn_4{position: absolute;left: 0;top:0;width: 100%;text-align: left}
.zn_3_text ul{padding: 0px 0 40px}
.zn_3_text h2{font-size: 1.8rem;font-weight: bold;margin-bottom: 25px}
.zn_3_text h3{font-size: 1.3rem;}

.zn_3_text li{display: flex;border-bottom: 1px dashed #2b67e9;width: 500px}
.zn_3_text li:nth-last-child(1){border: 0}
.zn_3_text li dt{border-right: 1px dashed #2b67e9;font-size: 1.3rem;width: 200px;text-align: center;padding: 15px 0}
.zn_3_text li dd{font-size: 1.3rem;width: 300px;text-align: center;padding: 15px 0}


.con{padding: 80px 0;}
.con11{display: flex;justify-content: space-between;flex-wrap: wrap;overflow: hidden}
.con_left{width: 47%}
.con_right{width: 45%;padding-right: 4px}
.con_right img{display: block;width: 100%;height: auto}

.con_left h1{font-size: 2.5rem;font-weight: bold}
.con_left h2{font-size: 1.45rem;font-family:"arial";margin-top: 5px}

.ngf{border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc;padding: 30px 0;margin: 40px 0}
.ngf dl{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 20px}
.ngf dl dt{width: 65px;font-size: 1.1rem;}
.ngf dl dd{width: calc(100% - 65px);font-size: 1.1rem}
.e img{display: block;width: 200px;height: auto}


.zn_6{width: 100%;overflow: hidden;padding: 0px 0 40px}
.zn_6 img{display: block;width: 100%;height: auto}

.zn_8{width: 100%;overflow: hidden;padding: 90px 0 30px}
.zn_8 img{display: block;width: 400px;height: auto;margin: 0 auto}


.zn_7{width: 100%;overflow: hidden;padding-bottom: 30px}
.zn_7 img{display: block;width: 100%;height: auto;transition: all 0.3s;}
/*.www123:hover img{transform: scale(1.1)}*/
.www123{width: 100%;overflow: hidden;margin-top: 36px;background: #f8f8f8}

.zn_title{width: 80%;margin: 0 auto;font-weight: bold;font-size: 2.5rem;color: #2b67e9;display: block;margin-top: 36px;font-family: "arial"}






.ueditor_baidumap {
    height: 567px;/*border: 2px solid #2b67e9;border-radius: 10px;*/
}

.header_two{max-width: 1900px}
.a2{display:none}
.tel{display: none}

.c_1{text-align: center;
    font-size: 3rem;
    font-weight: bold;
    padding: 70px 0 80px;}

.c_2 h1{width: 80%;font-weight: bold;font-size: 2.5rem;color: #2b67e9;display: block;padding: 36px 0;font-family: "arial";margin: 0 auto;}
.c_2 h1 img{display: block;width: auto;height: 36px} 

.c_2_img img{display: block;width: 100%;height: auto;} 
.video2{width: 100%;overflow: hidden}
.video2 img{display: block;width: 100%;height: auto;cursor: pointer}




/*广告*/
.ban { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.ban img { display: block; width: 100%;transition: all 4s ease;}
.ban .swiper-pagination { bottom: 25px!important; }
.ban .swiper-pagination-bullet {width: .7rem; opacity: 1; height: .7rem; margin: 0 .4rem !important; border: 1px solid #fff}
.ban .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #2b67e9; border: 1px solid #2b67e9}

.kio_cen{padding: 60px 0}
.kio_cen_a{display: flex;width: 100%;justify-content:space-between;margin-top: 30px}
.kio_cen_1{width: 30%;position: relative}
.kio_cen_1 img{display: block;width: 100%;height: auto}

.kio_cen_1 .kio_text{position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);width: 70%;height: 100%;padding: 0 15%}
.kio_cen_1 .kio_a{margin-top: 40%;text-align: center;color: #fff;font-size: 1.5rem;margin-bottom: 15px;font-family: "arial";font-weight: bold;}
.kio_cen_1 .kio_c{color: #fff;font-size: 1.0rem;margin-top: 35px;line-height: 27px;text-align: center}
.kio_cen_1 .kio_b{width: 50px;height: 2px;background: #2b67e9;margin: 0 auto;}


.kio_cen_2{width: 68%;position: relative}
.vfd .kio_text{position: absolute;bottom: 0;left: 0;background: rgba(255,255,255,0.8);width: 50%;padding: 20px 25%;}
.kio_cen_2 img{display: block;width: 100%;height: 100%}

.vfd .kio_a{text-align: center;font-size: 1.2rem;margin-bottom: 15px;font-family: "arial";font-weight: bold;}
.vfd .kio_c{font-size: 1.0rem;margin-top: 20px;line-height: 27px;text-align: center;opacity: 0.9}
.vfd .kio_b{width: 50px;height: 2px;background: #2b67e9;margin: 0 auto;}



.kio_cen_3{width: 49%;position: relative}
.kio_cen_3 img{display: block;width: 100%;height: auto}

.grj .kio_a{color: #333;margin-top: 0}
.grj .kio_c{color: #333;opacity: 0.9}
.grj .kio_text{height: auto!important;bottom: 0;top: inherit;width: 90%;padding: 20px 5%}




@media screen and (min-width:1940px) {
	.screen-02{ height: 80vh;}
	.screen-04,.screen-03{background-size: 100%}
	.index_banner .swiper-slide{background-size: 100%!important}
	
	
.header_two,.white_nav,.header_two.white,.header_two:hover{padding: 0 calc((100% - 1900px)/2)}
}


@media screen and (max-width:1750px) {
	.index_banner .swiper-slide .text{left: 9%}
	.cb_2{width: 65%}
}

@media screen and (max-width:1550px) {
	.cb_2{width: 75%}
}

@media screen and (max-width:1500px) {
	.bf-1{}
	.bf-2{margin-top: 12px;margin-bottom: 12px;}
	.bf-3{line-height: 23px;width: 90%}
	.bf-4{width: 65%;line-height: 23px}
	.nav ul li{padding: 0 20px}
	.nav ul li.current a:after{left: -13px}
	.nav ul li:hover a:after{left: -13px;}
.nav ul li.current a:after{left: -13px;}
	
	
    .al-banner .box{width: 1200px;}
    #alnav{width: 1200px;}
    .anliquanping{width: 1200px!important;}
	
	.index_banner .swiper-slide .text{left: 11%}
	
	
}

@media screen and (max-width:1450px) {
	.cb_3{width: 1000px;}
	.con_left h1{}
	
	.ny_nav a{font-size: 1.2rem}
}

@media screen and (max-width:1370px) {
	.xq_container{width: 90%}
	.screen-02{width: 90%}
	.product_cen{width: 90%}
	.header_two,.white_nav,.header_two.white,.header_two:hover{width: 90%;padding: 0 5%}
	.honor_scroll{padding-top: 0}
	.application{width: 75%}
	.cb_3{width: 75%;}
	.cb_3 li dt{width: 75%}
	.cb_3 li dt img{height: auto;width: 35%}
	.zn_3_text li dt{width: 120px;}
	.zn_3_text li dd{width: 240px}
	.zn_3 img{width: 65%}
	.zn_3_text h3{}
	.zn_3_text li{width: 360px;}
	.cb_1{width: 760px}
	.cb_1 h1::before{left:305px; }
	.cb_1 h1::after{right: 305px}
	.cb_5_right{width: 50%}

	.pro_fd .pro_fd01{padding-top: 80px}
	/*.product_cen ul li:nth-last-child(1) .pro_fd .pro_fd01{padding-top: 44px}*/
	.pro_fd .pro_fd02{padding-top: 16px}
	.pro_fd dl dd img{height: 65px;width: auto}
	.case_1 span img{height: 50px}
	.zn_title,.c_2 h1{width: 90%}
	
}
@media screen and (max-width:1300px) {
	.pro_fd .pro_fd01 {padding-top: 50px;}	
	.pro_fd .pro_fd02{padding-top: 10px}
	.zn_8 img{width: 340px;}
}


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

	.mySwiper33{width: 85%!important}
	.honor_zl{width: 85%}
	.honor_zl li{padding: 50px 0}
	.bf-3,.bf-4{line-height: 20px}
	
	.xq_container{width: 94%}
	.screen-02{width: 94%}
	.product_cen{width: 94%}
	.header_two,.white_nav,.header_two.white,.header_two:hover{width: 94%;padding: 0 3%}
	.zn_title,.c_2 h1{width: 94%}
	.vfd .kio_text{width: 60%;padding: 20px 20%;}
	.grj .kio_text{width: 90%;padding: 20px 5%}
	.vfd .kio_c{line-height: 20px;margin-top: 20px}
	.kio_cen_1 .kio_c{line-height: 20px}
	.vfd .kio_a{margin-bottom: 10px}
}
@media screen and (max-width:1150px) {

	.banbcen{padding-left: 20px}
	.nav ul li{padding: 0 12px}
	.pro_fd .pro_fd01 {padding-top: 30px;}
	.zn_1,.zn_3_text h1{padding: 50px 0}
	.con{padding: 50px 0;}
	.vfd .kio_text{width: 70%;padding: 20px 15%}
	.grj .kio_text{width: 90%;padding: 20px 5%}
	
}
@media screen and (max-width:1024px) {
	.c_2 h1 img{height: 30px}
	.case_1 span img{height: 40px}
	.cb_3 li dt{padding: 40px 0}
	.product_cen ul li{width: 50%;max-height: 350px}
	.index_map{background: url(../images/map.png) no-repeat bottom center;background-size: 100%}
	.product_cen ul{margin-top: 70px}
	.screen-04{padding: 80px 0}
	.screen-04 h1{margin-bottom: 0;font-size: 1.35rem}
	.boxCen .item1{display: none}
	.screen-04 h4{font-size: 4rem}
	.video_ul li{padding: 15px 2% 30px;width: 29.3333333%}
}
@media screen and (max-width:920px) {
	.x_3{margin-top: 6px;line-height: inherit}
	.video_ul li{padding: 15px 3% 15px;width: 94%}
	.video_ul{flex-wrap: wrap;position: inherit}
	.screen-02{height: auto;padding-bottom: 0}
	
	.screen-02 .video2 {
    position: inherit;
    display: block;
		height: auto
}
	.screen-02 .video2 img{display: block;width: 100%;height: auto}
	.sp_header{display: block}
	.header_two{display: none}
	
}
@media screen and (max-width:890px) {
	.kio_cen_a{flex-wrap: wrap}
	.kio_cen_1{width: 100%}
	.kio_cen_2{width: 100%;}
	.kio_cen_3{width: 100%}
	.vfd .kio_text{width: 94%;padding: 15px 3%;position: inherit;background: rgba(0,0,0,0.08)}
	.kio_cen_2 img{height: auto}
	.kio_cen{padding: 0px 0 30px}
	.gjh_1 img{width: 90%}
	.ny_banner{padding-top: 50px}
	
	.index_map{height: 600px}
	.cb_3{width: 90%;padding: 40px 0}
	.cb_1{width: 80%}
	.cb_1 h1::before{left: calc((100% - 100px)/2);width: 50px}
	.cb_1 h1::after{right: calc((100% - 100px)/2);width: 50px}
	.cb_4{padding: 70px 0}
	.application{width: 94%}
	
	.box1{width: 71%}
	.case_3{padding: 60px 0;background-size: 130%;background-attachment: inherit;}
	.case_0{padding: 60px 0;background: url(../images/case_bg1.jpg) no-repeat bottom right;background-size: 130%;background-attachment: inherit;}
	.bf-4{width: 75%}
	.zn_2_center{width: 40%}
	.fd{width: 25%;display: flex;justify-content: center;flex-direction: column;padding-top: 0}
	.fd img{width: auto;height: 80px;display: block}
	.zn_2_left,.zn_2_right{height: auto;padding: 50px 0}
	.gjh_5 li dd{padding: 15px 4%}
	.gjh_4{padding: 40px 0}
	.gjh_3{padding-bottom: 10px}
	.gjh_2{padding: 50px 0}
	.gjh_5{padding-bottom: 40px}
	.con_left{width: 100%}
	.con_right{width: 100%;padding-top: 30px}
	.ueditor_baidumap{height: 350px}
	.ngf{margin: 20px 0}
	.con{padding: 25px 0 30px}
	.e img{width: 150px;margin: 0 auto}
	.b1 dd{width: 100%;padding-top: 35px;justify-content: space-around}
	.b1 dd a{margin-left: 0}

	.a1{display: none}
	.a2{display:block}
	.tel_sz li{width: 50%!important;margin-bottom: 20px}
	.tel_sz li:nth-child(1){width: 100%!important;}
	.tel_sz li:nth-child(1) h3{font-size: 5rem!important}
	.tel_sz li h3{font-size: 3.5rem!important}
	.screen-03{padding: 90px 0;background-size: cover}
	.about_list ul{padding: 90px 0 120px}
	.about_list ul li h4{margin-top: 0px;font-size: 1.4rem}
	
	#button{display: none}
	.index_banner{height: 100%}
	.cover_box{height: 100%}
	
	
}

@media screen and (max-width:750px) {
	.b1 dt{text-align: center;width: 100%}
	.b1 img{display: block;height: auto;width: 110px;margin: 0 auto}
	.case_4 {
    padding: 60px 0;
    background-size: 140%;
    background-attachment: inherit;
}
	.case_5 {
    padding: 60px 0;
    background-size: 170%;
    background-attachment: inherit;
}
	
	.case_6 {
    padding: 60px 0;
    background-size: 130%;
    background-attachment: inherit;
}
	
	
	
	.index_banner .swiper-slide .text{width: 90%;left: 5%}
	.index_banner .swiper-slide h2{margin: 20px 0px 20px 0px;font-size: 2.8rem}
	.ban_line{margin-bottom: 20px}
	
	.product_cen{width: 94%}
	.gjh_1 {
    padding-top: 50px;
}
	.c_2 h1 img {
    height: 22px;
}
	.c_1{padding: 40px 0 20px;font-size: 2.5rem}
	.gjh_1 img{width: 100%}
	.zn_6{padding:25px 0px 0;}
	.zn_6 img{width: 100%}
	.zn_8{padding: 50px 0 20px}
	.zn_8 img{width: 60%;height: auto}
	.www123{margin-top:15px}
	.zn_7{padding-bottom: 15px}
	.cover_box{height: 60%}
	.tel{display: block}
	.pc{display: none}
	
	.honor_zl li:hover{padding: 30px 0;}
	
	.honor_scroll{margin-bottom: 0}
	.ngf dl dt{width: 50px}
	.ngf dl dd {width: calc(100% - 50px);}
	.ngf dl dd{font-size: 1.25rem}
	.about_1{letter-spacing: inherit}
	.about_2{width: 90%;margin: 0 auto;margin-top: 12px;}
	.b1{padding: 40px 0 }
	.boxCen .item{width: 100%;margin-top: 1.5rem}
	.zc_cen_line1_left{width: 100%}
	.zc_cen_line1_right{width: 100%;margin: 10px 0}
	.zc_cen_line2 li{width: 100%;}
	.zc_cen_line2 li:nth-child(2){margin-top: 10px}
	.bottom_zx dt{width: 100%;margin-bottom: 25px;text-align: center;font-size: 2.4rem}
	.bottom_zx dd{width: 100%;text-align: center}
	.bottom_zx dd a{width: 170px;margin: 0 auto;padding: 14px 0}
	.bf{height: auto;padding: 15px 0}
	.bf-2{margin-top: 8px;margin-bottom: 8px;width: 40px}
	.bf-3, .bf-4{line-height: inherit;width: 90%;opacity: 0.9}
	.zc_cen_line3,.zc_cen_line2{padding-top: 0}
	.ny_nav_ul {display: flex;justify-content: space-around}
	.ny_nav_ul a{margin-right: 0;padding: 25px 0}
	.zn_3{padding: 500px 0 0}
	.zn_3 img{width: 85%}
	.gjh_5 li{width: 100%;margin-bottom: 15px}
	.cb_1{padding-top: 30px;margin-bottom: 30px}
	.cb_1 h1{padding-bottom: 30px}
	.cb_3 li dt img{width: 40%}
	.cb_3 li{width: 50%;padding: 10px 0}
	.cb_3{flex-wrap: wrap}
	.cb_3 li dd{margin-top: 15px}
	.cb_4 dd{display: none}
	.cb_4 dt{width: 100%}
	.cb_4{background-attachment: inherit}
	.application_text{padding-bottom: 20px;padding-top: 30px}
	.cb_5_left{width: 90%;margin: 0 auto}
	.cb_5_right{width: 100%;padding-top: 30px}
	.cb_5_right h1{margin-bottom: 12px}
	.ceo_sm{line-height: 22px;margin-bottom: 20px}
	.cb_5{padding: 50px 0}
	.case_0{background-size: 200%}
	.case_1 h2 i,.case_1 h2{padding-top: 15px;}
	.case_1 h3{padding-top: 17px}
	.case_2{padding: 9rem 0;background-size: 180%}
	.case_3{background-size: 240%}
	.honor_zl li{width: 45%;margin-bottom: 25px;padding: 30px 0}
	.honor_zl li dd{padding-top: 10px}
	.mySwiper33{width: 100%!important}
	.swiper-slide{padding: 0px 3%!important}
	.honor_cen ul li dt{width: 100px;padding-right: 15px}
	.honor_cen ul li dd{width:calc(100% - 115px)}
	.honor_cen ul li dt .honor_year{font-size: 2.1rem}
	.honor_cen ul li dt .honor_d{width: 9px;height: 9px}
	.honor_cen ul li dt .honor_d span{width: 5px;height: 5px;border: 2px solid #fff}
	.ngf{padding: 30px 0 10px}
	.b2 dd{display: none}
	.b2 dt{width: 100%;text-align: center}
	.index_map{height: 300px}
	.product_cen ul li{max-height: inherit;}
	.pro_fd dl dd img {
    height: 55px;
    width: auto;
}
	.pro_fd{}
	.b2{padding: 25px 0}
	.screen-04{padding: 40px 0}
	.product_cen ul{margin-top: 40px}
	.screen-04 h4{-webkit-text-stroke: 1px #333;}
	.b1 dd a{font-size: 1.1rem}
	.boxCen{margin-top: 0}
	.ny_nav a{font-size: 1.42rem}

}

@media screen and (max-width:600px) {
	.index_banner .swiper-slide {
    background-size: auto 100%!important;
}
	
	.index_banner .swiper-slide p{font-size: 15px;}
	.ngf dl{padding-bottom: 15px}
	.fd span{line-height:180px}
	.fd{width: 60%}
	.zn_2_right{margin-left: 40%}
	.zn_2_center{width: 100%}
	.zn_2{height: 570px}
	.bf-1{font-size: 1.7rem}
	.zc_cen_line1_right .bf,.zc_cen_line2 li .bf{position: inherit;}
	.gjh_3 h2{font-size: 1.38rem}
	.gjh_2 h2,.gjh_2 h1,.gjh_4{font-size: 2.8rem}
	.cb_2,.cb_3 li dd,.application_text,.ceo_sm,.honor_cen ul li dd span,.honor_zl li dd,.b2 dt,.bf-3,.bf-4,.pro_fd .pro_fd02,.bottom_zx dd a,.x_3{font-size: 1.25rem}
	.case_2{padding: 8.6rem 0}
	.case_1 h2 i{border-top: 1px solid rgba(255,255,255,0.4);padding-top: 10px}
	.case_1 h4,.case_1 h3{line-height: inherit}
	.case_1 h1{font-size: 2.1rem}
	.case_1 h2{font-size: 1.4rem;line-height:inherit}
	.product_cen ul li{width: 100%;max-height:320px;}
	.pro_fd .pro_fd01{font-size: 1.9rem}
	.case_1 span img{height: 35px}
	.gjh_5 li dd{background: rgba(0,0,0,0.3);color: #fff}
	.ban_line2{width: 22rem;}
.ban_line3{width: 16rem;}
.ban_line4{width: 16.5rem;}
	.ban_line1{width: 75%}
	.index_banner .swiper-slide p{width: 80%}
	#page::after{background: rgba(255,255,255,0.7)}
}