@charset "utf-8";
.sj_lightbox{width:100%;height:100%;position:fixed;left:0;top:0;background-color:#fff;z-index:9700;display:none;}
.sj_head{width:92%;height:70px;padding:0 4%;position:fixed;left:0;top:0;z-index:9900;display:none;background:#fff;}
.sj_head_logo{width:80%;height:70px;float:left;overflow:hidden;}
.sj_head_logo img{width:auto;height:50px;margin-top:10px;float:left;}

.sj_head_bar{width:7%;max-width:30px;height:42px;padding:10px 0;position:absolute;right:4%;top:5px;z-index:9;cursor:pointer;}
.sj_head_bar .bar{width:100%;height:3px;margin:3px auto;display:block;background-color:#000;float:left;
    transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(1){
	margin-top:12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(2){opacity:0;}
.sj_head_bar.sj_head_bar_active .bar:nth-child(3){
	margin-top:-15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sj_nav_all{width:100%;height:100%;padding:75px 0;position:fixed;left:0;top:0;display:none;overflow:auto;box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:9800;}
.sj_nav{width:100%;height:100%;overflow:auto;}
.sj_nav_li{margin:0 4%;position:relative;}
.sj_nav_li .navn{
    font-size: 16px;
    color: #000;
    display: block;
    line-height: 30px;
    height: 30px;
	padding:10px 0;
	border-bottom:1px solid rgba(0, 0, 0, 0.49);
    transition: all 0.36s;
	cursor:pointer;
	position:relative;
}
.sj_nav_li .navn span{
    display: block;
    background: url(../Image/right_arrow.png) no-repeat right center;
	background-size:auto 100%;
    width: 12px;
    height: 12px;
    transition: all 0.36s;
	position:absolute;
	right:6px;
	top:20px;
}
.sj_nav_li.current .navn span{transform: rotate(90deg);}

.sj_nav_li_son{margin:0 4%;font-size:16px;display:block;background:#005bac;display:none;}
.sj_nav_li_son_li{height:30px;line-height:30px;padding:10px 4%;font-size:16px;color:#FFF;display:block;border-bottom:1px solid rgba(255, 255, 255, 0.59);position:relative;cursor:pointer;}
.sj_nav_li_son_li span{
    display: block;
    background: url(../Image/right_arrow.png) no-repeat right center;
	background-size:auto 100%;
    width: 12px;
    height: 12px;
    transition: all 0.36s;
	position:absolute;
	right:calc(4% + 6px);
	top:28px;
}


.close{width:7%;max-width:30px;height:70px;padding:11px 0;position:absolute;right:4%;top:0;z-index:95;cursor:pointer;}
.close .bar{width:100%;height:3px;margin:5px auto 0;display:block;background-color:#FFF;
    transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;
}
.close .bar:nth-child(1){
	margin-top:12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.close .bar:nth-child(2){
	margin-top:-3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slide-product .close{display:block;}


@media screen and (max-width: 1800px){
	
}
@media screen and (max-width: 1680px){
	
}
@media screen and (max-width: 1440px){
	.pub{width:90%;}
	.slide-inner{width:90%;left:5%;}

	


}
@media screen and (max-width: 1300px){
	

	
}

@media screen and (max-width: 1200px){
		#contact_video{width: 100% !important; height:330px !important;}
	
}
@media screen and (max-width: 1130px){
}

/* --转成wap-- */
@media screen and (max-width: 960px){
	body{padding-top:70px;}
	.pub{width:92%;padding-left:4%;padding-right:4%;}
	.header{display:none;}
	.sj_head{display:block;}
	
	.slide-inner{width:92%;left:4%;}
	.slide-inner .banner_img{width:68%;}
	.banner .swiper-button-next, .banner .swiper-button-prev{ display:none;}

	
	
	.index_top .index_top_left p{ font-size:30px;}
	.index_top .index_top_left .en{ font-size:16px;}
	.index_top .index_top_more{font-size:16px;}
	.index1_main ul li{ width:48%;}
	.index1_main ul li:nth-child(2n){ margin-right:0;}
	.index2_more li p{ font-size:18px;}
	.index2_num{ margin-top:30px; box-shadow:0 0 10px rgba(0,0,0,0.3); padding:5% 0;}
	.index2_num li{  width:45%; font-size:16px; margin:10px 0;}
	.index2_num li span{ font-size:30px;}
	
	
	.index3{ margin-top:50px;}
	.index3_main{width:100%;height:auto;}
	.index3_main li{width:auto;height:auto;padding-bottom:30px;margin-bottom:30px;}
	.index3_main .news_list_li{width:auto;height:auto;}
	.index3_main .news_list_title{width:auto;height:36px;font-size:20px;color:#000;line-height:36px;overflow:hidden;}
	.index3_main .news_list_title a{color:#000;}
	.index3_main .news_list_title a:hover{color:rgb(32,69,144);}
	
	.index3_main .news_list_li .info{ display:none;}
	.index3_main .news_list_img{width:30%;height:auto;}
	.index3_main .news_list_img img{width:100%;height:auto;display:block;}
	.index3_main .news_list_con2{width:66%;height:auto;border-bottom:1px solid #898989;}
	.index3_main .news_list_con{ display:none}
	
	.foot_bj{ background:url(../Image/foot_bj.jpg) center no-repeat; overflow:hidden; padding:50px 0; background-size:cover;}
	.foot_ch{ font-size:20px; color:#000;}
	.foot_en{ color:#959695; font-size:16px; margin-bottom:20px; margin-top:10px;}
	.foot_left{ width:100%;overflow: hidden;}
	.foot_nav ul{ margin:0;}
	.foot_nav ul a{ width:33.3%; display:block; float:left;font-size:16px; color:#000; line-height:30px;overflow: hidden;}
	.foot_contact{ margin-top:30px; line-height:28px;}
	.foot_contact li{ color:#000; font-size:16px; line-height:28px; margin-bottom:5px;}
	.foot_contact li img{ margin-right:10px; float:left; display:block;}
	.foot_contact li a{ color:#000;}
	
	.foot_mid{ width:100%;}
	.foot_mid .cop{ margin-top:30px;}
	.foot_mid ul li img{ margin-right:10px; float:left; display:block;}



	
	.inner_banner .catname{font-size:20px;}
	.inner_banner .catname1{font-size:20px;}
	.inner_banner .catname2{font-size:20px;}
	.inner_left_top{font-size:24px;}
	.banner_pro1{ width:100%; float:none; padding:5% 0;}
	.banner_pro2{ display:none;}

	
	.inner_left{ width:100%; float:none; overflow:hidden;}
	.inner_left ul{ margin:0;}
	.inner_left li{ width:48%; float:left; font-size:16px; text-align:center; height:35px;line-height:35px; margin:1%; display:inline-block; padding:10px 0 0 0;}
	.inner_right{ width:94%; float:none; margin-top:50px; overflow:hidden;} 
	.inner_right_top1{ font-size:20px; color:#000;}
	
	.inner_pro_list li{ width:48%; margin:1%;}
	.inner_pro_list li:nth-child(3n){ margin:1%;}

	.proleft { width: 100%; float:none;}
	.proright { width: 100%; padding-bottom:20px; float:none; margin-top:30px; border-bottom:1px solid #dcdcdc; }
	.proright h3{ overflow:hidden;}
	#pro_info_video{width: 100% !important; height:51vw !important; margin-left:0;}
	.pro_info_main{ margin-top:40px;}

	.news-list .news_list_con{ -webkit-line-clamp: 1;}
	.inhonor_list li { float: left; width: 50%; margin-bottom: 30px;}
	.inner_qywh1 .img img{ width:100%; margin-bottom:10px;}
	.inner_qywh1 .con li{ width:50%; float:left;}
	.inner_qywh1 .con li p{ color:#005bac; font-size:16px; font-weight:bold; margin:10px 0;}
	.inner_qywh ul li{ width:48%; float:left; margin-top:30px;}
	.inner_qywh ul li:nth-child(2n){ float:right;}
	.inner_qywh ul li p{ color:#005bac; font-size:16px; font-weight:bold; margin:10px 0;}

.contact_list_left{ display:none;}
.contact_list_right{ width:80%;}

	
	#dituContent{ width:100%; height:220px;}

	.inner_content_sh{ padding:8% 2%;}
	.inner_content_sh_top{ font-size:30px;}
	.inner_content_sh_con{ line-height:30px; font-size:16px; margin-top:20px;}
	.inner_content_sh_con li{ margin-top:10px;}
	
	/* --翻页-- */
	.txt-upDown{margin:6% auto 0;font-size:14px;}
	.txt-upDown-li{width:100%;height:46px;line-height:46px;padding:0 16px;background:none;border-bottom:2px solid #193c6d;}
	.txt-upDown-li .arrow{width:10%;height:46px;float:right !important;text-align:center;}
	.txt-upDown-li .title{width:90%;height:46px;}
	.txt-upDown-li.txt-right{text-align:left;}
	
	.page{margin-top:6%;}

}
@media screen and (max-width: 772px){
	body{padding-top:55px;}

	
.sj_head{height:55px;}
.sj_head_logo{height:55px;}
.sj_head_logo img{width:auto;height:35px;margin-top:10px;float:left;}

.sj_head_bar{width:7%;max-width:30px;height:42px;padding:10px 0;position:absolute;right:4%;top:5px;z-index:9;cursor:pointer;}
.sj_head_bar .bar{width:100%;height:3px;margin:3px auto;display:block;background-color:#000;float:left;
    transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(1){
	margin-top:12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(2){opacity:0;}
.sj_head_bar.sj_head_bar_active .bar:nth-child(3){
	margin-top:-15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sj_nav_all{width:100%;height:100%;padding:75px 0;position:fixed;left:0;top:0;display:none;overflow:auto;box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:9800;}
.sj_nav{width:100%;height:100%;overflow:auto;}
.sj_nav_li{margin:0 4%;position:relative;}
.sj_nav_li .navn{
    font-size: 16px;
    color: #000;
    display: block;
    line-height: 30px;
    height: 30px;
	padding:10px 0;
	border-bottom:1px solid rgba(0, 0, 0, 0.49);
    transition: all 0.36s;
	cursor:pointer;
	position:relative;
}
.sj_nav_li .navn span{
    display: block;
    background: url(../Image/right_arrow.png) no-repeat right center;
	background-size:auto 100%;
    width: 12px;
    height: 12px;
    transition: all 0.36s;
	position:absolute;
	right:6px;
	top:20px;
}
.sj_nav_li.current .navn span{transform: rotate(90deg);}

.sj_nav_li_son{margin:0 4%;font-size:16px;display:block;background:#005bac;display:none;}
.sj_nav_li_son_li{height:30px;line-height:30px;padding:10px 4%;font-size:16px;color:#FFF;display:block;border-bottom:1px solid rgba(255, 255, 255, 0.59);position:relative;cursor:pointer;}
.sj_nav_li_son_li span{
    display: block;
    background: url(../Image/right_arrow.png) no-repeat right center;
	background-size:auto 100%;
    width: 12px;
    height: 12px;
    transition: all 0.36s;
	position:absolute;
	right:calc(4% + 6px);
	top:28px;
}


.close{width:7%;max-width:30px;height:55px;padding:11px 0;position:absolute;right:4%;top:0;z-index:95;cursor:pointer;}

.foot_bottom a{ display:block;}



}
@media screen and (max-width: 640px){
	
	#dituContent{height:300px;}

	
}

@media screen and (max-width: 584px){
	
}