@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; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.sj_head_logo{width:80%;height:70px;float:left;overflow:hidden;}
.sj_head_logo img{width:auto;height:35px;margin-top:15px;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; background:#fff;}
.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/p20.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;display:none;background-image: linear-gradient(to right, #2f3b8f, #4c3489);
    background-position: top center;
    background-size: 100% 100%;
    background-repeat: no-repeat;}
.sj_nav_li_son_li{height:30px;line-height:30px;padding:10px 4%;font-size:16px;color:#FFF;display:block;border-bottom:1px solid #fff;position:relative;cursor:pointer;}
.sj_nav_li_son_li span{
    display: block;
    background: url(../Image/p20.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);
}
.sj_nav_ser{width:100%;position:relative;}
.sj_nav_ser form{width:100%;position:relative;}
.sj_nav_ser .s{width:100%;height:56px;line-height:24px;font-size:15px;color:#333;padding:15px 55px 15px 15px;background:#FFF;border:none;border-bottom:#eef1f4 solid 1px;outline:none;float:left;}
.sj_nav_ser .b{width:50px;height:56px;cursor:pointer;border:none;outline:none;position:absolute;right:0px;top:0px;background:url(../Image/srarch2.png) no-repeat center;}


@media screen and (max-width: 1800px){
	
}
@media screen and (max-width: 1680px){
	.header .nava li, .inner_header .nava li{margin-left:5%;}
	.foot_nav{ width:90%;}
	.foot_nav ul{margin-right:4%;}

}
@media screen and (max-width: 1440px){
	.pub{width:90%;}
	.header .nava li, .inner_header .nava li{margin-left:5%;}
	.foot_nav ul{margin-right:4%;}
	.banner_bottom{ width:90%;}
	

}
@media screen and (max-width: 1340px){
	.header .nava li, .inner_header .nava li{margin-left:4.5%;}
	.header .box{ width:75%;}
	.foot_nav ul{margin-right:4%;}

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

	.header .nava li, .inner_header .nava li{margin-left:4%;}
	.header .box{ width:80%;}
	.foot_nav ul{margin-right:3%;}
	
}
@media screen and (max-width: 1130px){
	.header .nava li, .inner_header .nava li{margin-left:3%;}
	.header .box{ width:80%;}
	.foot_nav ul{margin-right:2%;}
}
@media screen and (max-width: 1030px){
	.header .nava li, .inner_header .nava li{margin-left:2.5%;}
	.header .box{ width:80%;}
	.foot_nav ul{margin-right:1%;}
}

/* --转成wap-- */
@media screen and (max-width: 960px){
	body{padding-top:70px;}
	.pub{width:92%;padding-left:4%;padding-right:4%;}
	.banner_bottom{ width:92%;}
	.header{display:none;}
	.sj_head{display:block;}
	

	.banner{ width:100%; height:auto; position:relative;}
	.banner .banner1 img{ width:100%;}
	.banner .banner1-1{width:92%;padding-left:4%;padding-right:4%; position:absolute; top:10%; left:0%;}
	.banner .banner1-1 img{ width:60%;
		transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);}

	
	.banner_bottom{ position: relative; bottom:0%; width:92%;padding-left:4%;padding-right:4%;}
	.banner_bottom li{ float:none; width:95%; background:#fff; padding:2.5%; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.2); margin-top:30px;}
	.banner_bottom li:nth-child(2){ float:none;}
	.banner_bottom li .banner_con{ float:left; width:70%;}
	.banner_bottom li .banner_con .banner_tit{ font-size:20px; color:#2b3c90;}
	.banner_bottom li .banner_con .banner_tit .banner_img img{ width:50%;}

	
	.index1_img{ width:100%; float:none; overflow:hidden; }
	.index1_img img{ width:100%;}
	.index1_right{ width:100%; float:none; color:#fff; font-size:16px; margin-top:30px;}
	.index1_right .index1_tit{ font-size:24px; color:#ffffff; margin-bottom:30px;}
	.index1_right .index1_con{ line-height:27px;}
	.index1_right .index1_more{ color:#fff; font-size:16px; width:194px; height:49px; line-height:49px; text-align:center; border:1px solid #fff; border-radius:49px; margin-top:30px;}
	
	.index2_top{ font-size:24px; margin-bottom:20px;}
	.index2_main li{ float:none; width:92%; padding:4%; background:#f4f4f4; margin-bottom:20px;}
	.index2_main li .index2_main_tit{ font-size:18px; color:#2b3c90; margin:10px 0;}
	.index2_main li .index2_main_con{ color:#454545; font-size:16px;}
	
	.index3{ margin-top:40px;}
	
	.index3_left{ float:none; width:100%;}
	.index3_right{ float:none; width:100%; margin-top:30px;}
	.index3_top{ font-size:24px;}


	
	.index4_left{ width:100%; float:none; margin-top:20px;}
	.index4_left_top{ font-size:36px; color:#ffffff;}
	.index4_left_top img{ margin-right:10px; float:left; display:block;}
	.index4_left_top span{ margin-top:20px; display:block; float:left;}
	.index4_left_con{ font-size:16px; color:#ffffff; margin-top:40px; line-height:25px;}
	.index4_mes{ width:96%; float:none; background:#fff; border-radius:5px; padding:2% 1%; margin-left:0%; margin-top:30px;}
	
	.index4_right{ width:100%; float:none; margin-top:60px;}


	
	.foot_nav{ display:none;}
	
	.foot_right{ width:100%; float:none; text-align:center;}
	.foot_right .cop img{ max-width:50%;}
	.foot_right .cop p{ font-size:16px; color:#454545; text-align:center; margin-top:10px;}
	
	.foot_bottom{ margin-top:50px;}
	.foot_bottom_left{ width:100%;font-size:16px; color:#454545; line-height:30px; padding:20px 0; float:none;}
	.foot_bottom_left span{ margin:0 5px;}
	.foot_bottom_left a{ color:#454545;}
	.foot_bottom_right{ float:none;}
	
	.app_tel{ display:block; font-size:16px; font-weight:bold; font-style:italic;}
	
	.inner{ margin-top:30px;}

	.inner_banner{ font-size:34px; margin:0;}
	.inner_about_top{ width:100%; padding-top:30px; margin-bottom:50px;}
	.inner_about_top1 .inner_about_top1_p{ color:#2b3c90; font-size:24px; margin-bottom:30px;}
	.inner_about_top1{ color:#2b3c90; font-size:18px; line-height:30px;}
	.inner_about_top2 .inner_about_top2_p{ color:#2b3c90; font-size:24px; margin-bottom:20px;}
	.inner_about_top2{ color:#494949; font-size:16px; line-height:30px; margin-top:55px;}

	.inner_top{ width:100%; margin:0 auto; padding-top:30px; margin-bottom:50px;}
	.inner_top_tit{ color:#2b3c90; font-size:16px; margin-bottom:20px;}
	.inner_top_con{ color:#2b3c90; font-size:16px; line-height:30px;}
	.inner_about_bottom{ width:100%; margin-top:60px;}
	
	.inner_zyly1_main li .inner_zyly1_main_con{ line-height:25px;height: auto;}
	
	.inner_zyly1_main li{ float:none; width:96%; padding:2%; background:#f4f4f4; border-radius:5px; margin-bottom:2.5%; overflow:hidden;}
	.inner_zyly1_top{ text-align:center; font-size:24px; color:#2b3c90; margin:30px 0 30px 0;}
	.inner_zyly3{ margin-top:50px;}
	.inner_zyly3 li{ float:none; width:100%; margin:30px 0;}
	.inner_zyly3 li .inner_zyly3_con{ line-height:30px; height: auto;}
	.inner_zyly3 li:nth-child(2){ border-left:none; border-right:none; padding:0%;}
	
	.inner_zylyinfo3{ margin-top:50px;}
	.inner_zylyinfo3 li{ float:none; width:96%; margin:30px 0;}
	.inner_zylyinfo3 li .inner_zylyinfo3_con{ line-height:30px; height: auto;}
	
	.inner_zylyinfo4_top{ text-align:center; font-size:24px; color:#2b3c90; margin:30px 0 30px 0;}
	.inner_zylyinfo4_main li{ float:none;width:100%; margin:30px 0; font-size:18px; color:#2b3c90;}

	
	.inner_zylyinfo_top .inner_zylyinfo_top_p{ position:absolute; z-index:99; font-size:36px; color:#ffffff; width:70%; right:10%; top:30%; text-align:right;}
	.inner_zylyinfo{ width:100%; margin:0 auto;}
	.zxrz_l{ width:100%; margin:0 auto;}
	.inner_jshxinfo{ width:100%; margin:0 auto;}
	
	
	.ylzc_top{ color:#3c3c3c; font-size:16px; text-align:center; padding-top:50px;}
	.ylzc_top p{ color:#2b3c90; font-size:16px; margin-bottom:10px;}
	.ylzc_con_top{ font-size:24px; color:#2b3c90; margin-bottom:20px; text-align:center;}
	.ylzc_main { margin-top:30px;}
	.ylzc_main .ylzc_img{ width:100%; margin:20px 0;}
	.ylzc_con{ width:100%;}
	
	.inner_pro_top{ width:100%; margin:0 auto; padding-top:30px; margin-bottom:50px;}
	.inner_pro_top_tit{ color:#2b3c90; font-size:24px; margin-bottom:20px; text-align:center;}
	.inner_pro_top_tit img{ margin-right:10px;}
	.inner_pro_top_con{ color:#3c3c3c; font-size:17px; line-height:30px;}
	
	.inner_pro_select li{ float:none; width:100%; margin:3% 0;}
	.pro li{ float:left; width:42%; margin:1.0%; background:#f4f4f4; transition:all 1s; border-radius:10px; padding:3%; border-radius:10px;}
	.pro li .khzc_con_tit{ font-size:16px; height:54px; line-height:27px;}
	.pro_info_main{ width:100%; margin:0 auto; padding-top:30px;}
	.pro_info_main_content .pro_info_top, .product_recommend_top{ font-size:24px;}

	.proleft{ width:100%; float:none;}
	.proleft .pro_info_tags{ color:#2b3c90; font-size:30px;}
	.proleft .pro_info_tit{ color:#2b3c90; font-size:24px; margin-top:10px;}
	.proleft .pro_info_con{ color:#3c3c3c; font-size:16px; margin-top:20px;}
	.proleft .pro_info_more{ color:#3c3c3c; font-size:18px; font-weight:bold;margin-top:30px;}
	.proleft .pro_info_more img{ margin-right:10px;}
	.proright{ width:100%; float:none; margin-top:50px;}
	.proright img{ width:100%; border:1px solid #e2e2e2; border-radius:5px;}
	
	.product_recommend{ margin-top:40px;}
	
	.inner_news_top{ width:100%; margin:0 auto; padding-top:30px; margin-bottom:30px; text-align:center;}
	.inner_news_top_tit{ color:#2b3c90; font-size:24px; margin-bottom:20px;}
	.inner_news_top_con{ color:#3c3c3c; font-size:18px; line-height:30px;}

	.news_list li{ float:left; width:48%; margin:1.0%; background:#fff; transition:all 1s; border-radius:10px;}
	.news_list li .news_con{ padding:10px 20px;}
	.news_list li .news_con_tit{ margin-bottom:10px;}
	.news_list li .news_con_time{ margin-top:0;}
	.news_list li .news_con_more .more{ margin-top:10px;}
	.news_list li .news_con_main{ line-height:25px;}

	
	.khzc li{ float:left; width:42%; margin:1.0%; background:#f4f4f4; transition:all 1s; border-radius:10px; padding:3%; border-radius:10px;}
	.inner_khzc_sear{ width:100%; margin:0 auto; height:48px; position:relative; margin-bottom:20px}

	.inner_yygzz_top{ width:100%; margin:0 auto; padding-top:30px; margin-bottom:50px;}
	.inner_yygzz_top_tit{ color:#2b3c90; font-size:24px; margin-bottom:20px;}
	.inner_yygzz_top_con{ color:#3c3c3c; font-size:16px; line-height:30px;}
	
	.yygzz li{ width:100%; float:; margin:20px 0;}
	.yygzz li .pic{ width:50%; float:left;}
	.yygzz li .pic .pic_tit{ display:none;}
	.yygzz li .pic .pic_tit p{ font-size:18px; font-weight:bold;}
	.yygzz li .yygzz_con{ width:44%; float:left; position: relative; height:22vw; background:rgba(244,244,244,1);overflow-y:auto; padding:3%;}

	.yygzz li .yygzz_con::-webkit-scrollbar{ width:4px; /*滚动条宽度*/ background:#e0e0e0;}
	.yygzz li .yygzz_con::-webkit-scrollbar-thumb{width:4px; background-color:#315090; /*滑动条表面*/}
	
	.yygzz_info .inner_news_img{ width:100%; float:none; margin-bottom:0;}
	.yygzz_info .inner_content{ width:94%; float:none; position: relative;  padding:3%; color:#fff;}


	
	

	.khzc li .khzc_con_tit{ color:#2b3c90; font-size:18px; margin-top:10px; margin-bottom:10px; font-weight:bold; height:60px; line-height:30px;}


	.inner_contact{ width:100%; margin:0 auto; padding-top:30px; overflow:hidden;}
	.inner_contact_left{ width:100%; float:none; overflow:hidden;}
	.inner_contact_left_con{ width:52%; float:left; font-size:16px; color:#494949; line-height:30px;}
	.inner_contact_left_con p{ font-size:24px; line-height:normal}
	.inner_contact_left_img{ width:42%; float:right;}
	.inner_contact_left_img img{ width:100%;}
	
	.inner_contact_right{ width:100%; float:none; margin-top:30px;}
	
	
	.inner_map{ width:100%; margin:0 auto; overflow:hidden; margin-top:30px;}
	.inner_map_top{ font-size:24px; color:#2b3c90; margin-bottom:30px;}
	
	.inner_message{ width:96%; margin:0 auto; box-shadow:0 0 10px rgba(0,0,0,0.2); background:#fff; padding:2%; margin-top:50px;}



	
	#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%;}
	.de-page-mian{ margin:30px 0;}
	
#dialog .con{ font-size:16px; padding:3% 0 6% 0; color:#ffffff;}
#dialog .con p{ font-size:24px; padding-bottom:20px;}
#dialog .con .con1{ width:100%; float:none;color:#ffffff; font-size:16px; margin-bottom:20px;}
#dialog .con a{ float:none;}


}
@media screen and (max-width: 772px){
	body{padding-top:55px;}





}
@media screen and (max-width: 640px){
	
	#dituContent{height:300px;}
	
	.yygzz li{ width:100%; float:none; margin:20px 0;}
	.yygzz li .pic{ width:100%; float:none;}
	.yygzz li .pic .pic_tit{ display:none;}
	.yygzz li .pic .pic_tit p{ font-size:18px; font-weight:bold;}
	.yygzz li .yygzz_con{ position: relative; width:94%; height:45%; background:rgba(244,244,244,1);}

	

	
}

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

	#dituContent{height:200px;}
	
}