@charset "utf-8";

/* --手机端导航-- */
.sj_nav_all{display:none;box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:99999;}
.sj_lightbox{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.6);z-index:9900;display:none;}

.sj_head{width:100%;height:62px;display:block;position:fixed;left:0;top:0;z-index:9999;background:#0063d0;box-shadow:0px 0px 8px rgba(0,0,0,0.2);}
.sj_head_logo{width:45%;height:62px;float:left;padding-left:15px;overflow:hidden; background:#0063d0;}
.sj_head_logo img{width:auto;height:26px;float:left;margin-top:18px;}
.sj_head_logo b{width:auto;height:62px;float:left;font-size:18px;color:#FFF;line-height:72px;font-family:Tahoma, Geneva, sans-serif;}
.sj_head_bar{width:14%;height:62px;padding-top:18px;float:right;position:relative;cursor:pointer;}
.sj_head_bar .bar{width:50%;max-width:30px;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;
}
.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:-11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sj_nav{width:86%;height:100%;background:#0063d0;overflow:auto;position:fixed;left:-86%;top:0;z-index:9999;}
.sj_nav_top{width:100%;height:62px;overflow:hidden;border-bottom:1px solid #eef1f4;}
.sj_nav_top_logo{width:auto;height:32px;margin-left:15px;margin-top:15px;float:left;}
.sj_nav_top_logo img{max-width:100%;height:32px;}

.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/search2.png) no-repeat center;}

.sj_nav_li{margin:0px 15px;border-bottom:1px solid #ddd;}
.sj_nav_li a{font-size:16px;color:#fff;display: block;}
.sj_nav_li .navn{height:50px;line-height:50px;padding:0px 5px;}
.sj_nav_li .navn .yw500{width:100%;}
.sj_nav_li .navm{width:100%;}
.sj_nav_li ul{display:none;padding:5px 0;}
.sj_nav_li ul li a{width:100%;height:40px;line-height:40px;padding:0px 5px;font-size:15px;color:#333;}
.sj_nav_li.current .navn{background-color:#0063d0;}


@media screen and (max-width: 1800px){
	
}
@media screen and (max-width: 1680px){
	
}
@media screen and (max-width: 1440px){
	.pub{width:90%;}
	.top{width:90%;}
	.header{width:100%;}
	
	
	.nava{width:52%;margin-right:2%;}
	.tel p{ color:#0063d0; font-size:22px; margin:0;}

	
	

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



}
/* --转成wap-- */
@media screen and (max-width: 960px){
	body{padding-top:62px;}
	.banner_bj{margin-top:0;}
	.pub{width:90%;padding-left:20px;padding-right:20px;}
	.header_bg{display:none;}
	.top_bj{display:none;}
	.sj_nav_all{display:block;}
	.search { margin:20px 0;}
	.search_left{ float:none; line-height:30px; font-size:16px;}
	.search_right{ width:100%; float:none; height:34px; position:relative; margin-top:17px}

	.index1_type li{ float:none; width:98%; margin:1% 0; background:#fff; padding:2% 1%;}
	.index1_top{width:90%; margin:0 auto; margin-bottom:30px;}
	.index1_top p{ background:none; background-size:100% 100%; font-size:28px; color:#282828; line-height:71px; margin:0;}
	.index1_pro_img{ width:100%; float:none;}
	.index1_pro_img img{ width:100%;}
	.index1_pro_con{ width:95%; padding:2.5%; float:none;}
	.index1_pro_con .index1_pro_tit{ font-size:24px; color:#000;}
	.index1_pro_con .index1_pro_more li{ width:45%; height:44px; background:#0063d0; line-height:44px; text-align:center; color:#fff; font-size:16px; margin-right:5%; float:left; margin-top:50px;}
	.index1_pro2 .strengthMain li{float:left;width:47%;height:100%;overflow:hidden;background:#000;position:relative; margin:1.5%;}
	
	.adv_top{width:90%; margin:0 auto; margin-bottom:30px;}
	.adv_top p{ background:none; background-size:100% 100%; font-size:28px; color:#fff; line-height:40px; margin:0; margin-bottom:10px;}
	
	.adv li {width: 100%;height: 300px;padding-top: 20px;padding-bottom: 20px;overflow: hidden;}
	.adv li .text_box { width: 100%; height:50%; position: absolute; left: 15%; bottom:0;transition: all 0.6s; color: #fff; font-size:0;}
	.adv li .text_box img{ display:none;}
	.adv li .text_box h3 { color: #fff; font-size:18px; margin-top:0;}
	.adv .li_on{width: 100%;}
	.adv li:hover .adv_con{ display:block;}
	
	.index2_top p{ background:none; background-size:100% 100%; font-size:28px; color:#282828; line-height:71px; margin:0;}
	.index2_left{ width:100%; float:none; margin-bottom:50px; text-align:center;}
	.index2_left img{ width:50%;}
	.index2_right{ width:100%; float:none;}
	.index2_right_num li{ float:left; width:50%; text-align:center; font-size:16px;background:url(../Image/p8.jpg) right center no-repeat; margin:2% 0;}
	.index2_right_num li p{ font-size:30px; color:#616060; font-family:Bahnschrift; margin:0;}
	.index2_right_num li b{ color:#000000;}
	
	.index3 li{ float:none; width:90%; color:#ffffff; font-size:24px; overflow:hidden; padding:3% 5%;}
	.index3 li .index3_num{ margin-bottom:5%;}

	.index4_top{width:90%; margin:0 auto; margin-bottom:30px;}
	.index4_top p{ background:none; background-size:100% 100%; font-size:28px; color:#282828; line-height:71px; margin:0;}
	#index4_case{ display:none;}
	#index4_case .swiper-slide .index4_case_con p{ font-size:18px; font-family:"微软雅黑"; font-weight:bold; margin:0 0 10px 0;}
	#index4_case_app{ display: block;}


	.index5_top p{ background:none; background-size:100% 100%; font-size:28px; color:#282828; line-height:71px; margin:0;}
	.index5_main li{ float:none; width:96%; margin:3% 0; padding:2% 2% 0 2%; background:#fff; transition:all 1s;}
	.index5_main li .index5_main_time p{ font-size:28px;}
	

	.index6_top p{ background:none; background-size:100% 100%; font-size:28px; color:#282828; line-height:71px; margin:0;}
	.index6_main li{ float:left; width:50%; text-align:center; color:#515151; font-size:16px;}
	.index6_main li p{ font-size:24px;}

	.foot_bj{ padding-top:40px;}
	.foot_logo{ float:none; text-align:center;}
	.foot_logo img{ width:80%;}
	.foot_tel{ display:none;}
	.foot_nav{ width:100%; float:none;}
	.foot_contact{ width:100%; float:none; margin-left:0%; color:#747880; line-height:25px; margin-top:20px;}
	.foot_copy{ width:100%; float:none; margin-left:0%; color:#747880; line-height:25px;}
	.cop{ width:100%; float:none;margin-top:20px;}


	.inner_banner{ margin-top:0;}
	.inner_top{ background:#fff; line-height:25px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.2);  position:relative; z-index:9; top:0; padding:20px 0;}
	.inner_top_left{ float:none; width:100%; overflow:hidden;}
	.inner_top_left li{ padding:0 10px;}
	.crumbs{ display:none; float:none; margin-left:20px; margin-top:10px;}
	
	.inner_about1_top{background:none; background-size:100% 100%; font-size:28px; color:#282828; line-height:71px;}

	.inner_about1_num li{ float:left; width:50%; text-align:center; font-size:16px;background:url(../Image/p8.jpg) right center no-repeat; margin:2% 0;}
	.inner_about1_num li p{ font-size:30px; color:#616060; font-family:Bahnschrift; margin:0;}
	.inner_about1_num li b{ color:#000000;}
	
	.inner_about2_top{ background:none; background-size:100% 100%; font-size:28px; color:#282828; line-height:71px;}
	.inner_about2 li{ width:50%;}
	.inner_about2 li p{ font-size:20px;}
	
	.inner_about3_top{ background:none; background-size:100% 100%; font-size:28px; color:#282828; line-height:71px;}
	.inner_about3_main li{  width:48%;}
	
	.inner_about4_top{ background:none; background-size:100% 100%; font-size:28px; color:#282828; line-height:71px;}


	.pro .strengthMain li{float:left;width:47%;height:100%;overflow:hidden;background:#000;position:relative; margin:1.5%;}

	
	.proleft { width: 100%; float:none;}
	.proright { width: 100%; padding-bottom:20px; float:none; margin-top:30px; border-bottom:1px solid #dcdcdc; }
	.proright h3{ border-bottom:1px solid #dcdcdc; color:#000000; font-size:20px; padding-bottom:20px; margin-bottom:20px; margin-top:0; font-family:"微软雅黑"; font-weight: bold;}
	.pro_des{ color:#666666; margin-bottom:30px;}
	.pro_des_tit{ position:relative; margin-bottom:10px;}
	.pro_des_tit p{font-family:"微软雅黑"; font-size:20px; color:#000; font-weight:bold; margin:0; position: relative; z-index:9;}
	.pro_des_tit .pro_line{ height:11px; background:#c9c9c9; position:absolute; width:106px; bottom:-1px;}
	
	.pro_tel{ float:none;}
	.pro_tel p{ font-size:20px;}
	.pro_contact{ margin-top:20px; float:none;}
	
	
	.pro_info_top{ border-bottom:1px solid #dcdcdc; overflow:hidden; margin-top:5%; padding-bottom:30px;}
	.pro_info_top_tit{ float:none; color:#000000; font-size:20px; font-family:"微软雅黑"; font-weight: bold;}
	.pro_info_top_right{ float:none; margin-top:20px;}
	.pro_info_top_right li{ float:left; position:relative; margin:0 15px;}
	.pro_info_top_right li p{ font-size:20px;}
	
	.pro_yyly_top span{ font-size:24px;}
	
	.pro_yyly li{ float:left; width:46%; margin:2%;}
	.pro_yyly li:nth-child(4){ margin-right:2%;}
	.pro_yyly li img{ width:100%;}
	.pro_yyly li p{ color:#000; font-size:20px;}
	.pro_yyly li b{ display:block; color:#c9c9c9; font-size:30px; font-family: Impact;}

	
	.news li{ float:none; width:96%; margin:3% 0; padding:2% 2% 0 2%; background:#fff; transition:all 1s;}
	
	.inner_case li{width:48%;float:left;}
	
	.inner_contact ul li{ width:90%; float:none; margin:1.5% auto; padding:50px 5% 0 5%;}
	.inner_message_main .input-group{ margin-bottom:10px; width:97%; margin-right:0; float:none;}
	.inner_message_main #captcha{ float:left; width:60%;}
	.inner_message_main #submit{ line-height:58px; height:58px; text-align:center; color:#fff; width:100%; margin-right:0%; float:none;}



	
	#dituContent{ width:100%; height:396px;}

	

	

	
}
@media screen and (max-width: 772px){
	.strengthMain li{float:left;width:100%;height:100%;overflow:hidden;background:#000;position:relative; margin:20px 0%;}
	
	
	

		

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

}