@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(255, 255, 255, 0.49);
    transition: all 0.36s;
	cursor:pointer;
	position:relative;
}
.sj_nav_li .navn span{
    display: block;
    background: url(../Image/p16.png) no-repeat right center;
	background-size:auto 100%;
    width: 15px;
    height: 7px;
    transition: all 0.36s;
	position:absolute;
	right:6px;
	top:20px;
}
.sj_nav_li.current .navn span{transform: rotate(270deg);}

.sj_nav_li_son{margin:0 4%;font-size:16px;display:block;display:none;}
.sj_nav_li_son_li{height:30px;line-height:30px;padding:10px 4%;font-size:16px;color:#000;display:block;border-bottom:1px solid #666;position:relative;cursor:pointer;}
.sj_nav_li_son_li span{
    display: block;
    background: url(../Image/p16.png) no-repeat right center;
	background-size:auto 100%;
    width: 15px;
    height: 7px;
    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:#000;
    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);
}


@media screen and (max-width: 1800px){
	
}
@media screen and (max-width: 1680px){
	
}
@media screen and (max-width: 1440px){
	.pub{width:90%;}
	.pub1{width:90%;}
	.header{width:98%;}
	
	
	.search{ display:none;}
	.header_right_top a, .header_right_top span{ display:none;}
	
	

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

	.inner_contact_main ul{ width:45%; position:absolute; z-index:9; left:15%; top:50px; background:#f3f8fc; border:5px solid #fff; padding:3%;}
	.index1_adv li{ width:18%; margin:1%;}
	.index2_pro li{ width:21%; margin-right:2.5%;}


	
}
/* --转成wap-- */
@media screen and (max-width: 960px){
	body{padding-top:62px;}
	.pub{width:90%;padding-left:20px;padding-right:20px;}
	.pub1{width:90%;padding-left:20px;padding-right:20px;}
	.header_bg{display:none;}
	.sj_head{display:block;}
	
	.banner_bj{ margin-top:0;}
	

	.index1_bj{ padding:40px 0;}
	.index1_top{ margin-bottom:30px;}
	.index1_top1{ font-size:36px;}
	.index1_top2{ font-size:28px;}
	.index1_top3{ font-size:16px;}
	.index1_adv li{ width:48%; margin:1%;}
	.index1_adv li:nth-child(5){ width:100%;}
	.index1_tel{  width:90%; height:80px; line-height:40px; border-radius:40px; text-align:center; color:#fff; margin:0 auto; font-size:20px; margin-top:55px;}

	
	.index2_type li{ float:left; width:33.3%; font-size:16px; color:#3d3d3d; line-height:23px;height:23px; margin-bottom:20px;}
	.index2_type li img{ margin-right:10px;}
	.index2_type li a{color:#3d3d3d;}
	.index2{ margin-top:40px;}
	.index2_pro li{ width:45%; float:left; margin-right:2.6%; margin-top:2%; border:1px solid #bfbfbf; padding:5px;transition: all 0.8s ease 0s; }
	.index2_pro li:nth-child(2n){ margin-right:0;}
	
	
	.index3_left{ width:100%;}
	.index3_left_top li{ margin-bottom:20px;}
	.index3_left_news li{ margin-top:40px;}
	.index3_left_news .index3_news_img{ width:100%;}
	.index3_left_news .index3_news_img img{ width:100%;}
	.index3_left_news .index3_news_con{ width:100%;}
	.index3_news_time{ font-size:16px; color:#585858; margin-top:20px;}
	.index3_right{ width:96%; padding:2%; background:#fff; margin-top:30px;}
	.index3_right_top{ font-size:20px;}
	
	.index4{ margin-top:40px;}
	.index4_main li{ float:left; width:48%; margin:1%;transition: all 0.8s ease 0s;}
	
	.foot_left{ width:100%; float:none; overflow:hidden;}
	.foot_left_top{ font-size:20px; color:#7d7d7d; margin-bottom:20px; font-weight:bold;}
	.foot_mid{ width:94%; border-left:none;border-right:none; float:none; padding:0; overflow:hidden; margin-top:20px;}
	.foot_right{ width:100%; float:none;}

	.cop{ width:40%; float:left; border:8px solid #dadada; margin-left:0%;}
	.foot_logo{ float:right; width:48%}
	.foot_logo p{ width:100%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:20px; background:#0074c9; margin-top:30px;}
	.foot_logo p img{ margin-right:10px;}
	.foot_contact{ background:#2f2f2f; padding:3%; overflow:hidden; margin:30px 0;}
	.foot_contact li{ float:none; color:#8f8f8f; font-size:18px; padding-left:100px; width:96.3%; min-height:75px; margin-bottom:10px;}
	.foot_contact li p{ color:#b4b4b4;}
	.foot_contact li:nth-child(1){background:url(../Image/p5.png) left center no-repeat;}
	.foot_contact li:nth-child(2){background:url(../Image/p6.png) left center no-repeat;}
	.foot_contact li:nth-child(3){background:url(../Image/p7.png) left center no-repeat;}
	
	.inner_banner{ margin-top:0;}
	.inner_banner img{ width:80%; margin:0 auto;}
	.inner_banner h3{ font-size:28px;}
	.inner_banner span{ font-size:16px;}

	
	.inner{ margin:40px auto; overflow:hidden;}
	
	.inner_about1{ margin:40px auto; background:url(../Image/p9.png) top center no-repeat; }
	.inner_about1_left{ width:100%; float:none; min-height: auto; color:#212121; font-size:26px; background:none;}
	.inner_about1_left p{ font-family:'062-CAI978'; font-size:36px; color:#212121; margin-top:30px;}
	.inner_about1_con{ width:100%; float:none; margin-top:40px;}
	.inner_about1_con p{ font-size:16px; color:#555555; line-height:30px;}

	.inner_about2_left{ float:none; width:90%; margin-left:5%;}
	.inner_about2_left li{ width:39%; float:left; background:#edf6fc; color:#686868; height:200px; padding:5%; margin-bottom:2%; margin-right:1%;}
	.inner_about2_left li p{ font-size:20px; color:#333333; margin:20px 0;}
	.inner_about2_left li:nth-child(2n){ float:right; margin-right:0;}
	.inner_about2_left_top2{ font-family:'062-CAI978'; font-size:36px; color:#212121; margin-top:50px;}
	.inner_about2_left_top1{ color:#212121; font-size:26px; position:relative;}
	.inner_about2_left_top1 p{ float:left;}
	.inner_about2_left_top1 span{ width:33px; height:3px; background:#003493; display:block; float:left; margin-top:20px; margin-left:20px;}
	.inner_about2_right{ display:none;}
	
	.inner_about3{ margin-top:40px;}
	.inner_about3_main{ margin:5% 0;}
	.inner_about3_main .item{ background:#f0f5f7; padding:5%;}
	.inner_about3_main .item img{width:100%;display:block;}
	.inner_about3_main .item p{ text-align:center; line-height:30px; margin-top:10px; font-weight:bold;}

	.inner_pro_type{  width:100%; float:none;}
	.inner_pro_main{ width:100%; float:none;}

	.inner_pro_main .pro li{ float:left; width:46%; margin:2%; background:#fff;-webkit-transition:all 0.4s;transition:all 0.4s;}
	.inner_pro_main .pro li .pro_con .pro_con_tit{ font-size:17px; color:#757575; overflow:hidden; margin-top:20px;}
	.inner_pro_main .pro li .pro_con .pro_con_more{ color:#fff; font-size:15px; overflow:hidden; background:url(../Image/p6.png) right 20px center no-repeat #0d4cb0; width:144px; height:40px; line-height:40px; margin-top:20px; padding-left:20px;}
	.inner_pro_main .pro li .img{-webkit-transition:all 0.4s;transition:all 0.4s; overflow:hidden; border:1px solid #d6d6d6;}
	.inner_pro_main .pro li .img img{ width:100%;-webkit-transition:all 0.4s;transition:all 0.4s;}
	
	.inner_pro_main .pro li:hover .img img{transform:scale(1.08);}


	
	
	.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 p{ font-size:18px;}
	
		.product_recommend{ margin:50px 0;}
	.product_recommend ul{ margin-top:50px;}
	.product_recommend li{ width:46%; float:left; padding:30px 0; margin:2%; background:#fff;}


	.pro_contact{ width:40%; height:40px; line-height:40px; padding:0 4%; color:#fff; float:left;}
	.pro_back{ width:40%; height:40px; line-height:40px; padding:0 4%; color:#fff; float:right; margin-left:0;}
	.pro_info_main{ margin-top:40px;}
	.pro_info_top span{ font-size:18PX;}
	
	.news{margin-top:2%;}
	.news ul li{width:94%;margin-top:4%; margin-left:0; padding:3%;overflow:hidden;float:none;background:#FFF;}
	.news ul li .news1_tit{ font-size:18px; color:#2f2f2f; height: auto; line-height:30px; overflow:hidden; margin-bottom:20px;}
	.news ul li .news1_date{ color:#2f2f2f; font-size:16px;  line-height:30px; }
	.news ul li .news1_more{ margin-top:20px;}
	.news ul li .txt { display:none;}
	.news ul li:hover{color:#FFF;background:#0d4cb0;}
	.news ul li:hover .news1_tit{ color:#fff;}
	.news ul li:hover .txt{ color:#fff;}
	.news ul li:hover .news1_date{ color:#fff;}
	.news ul li:hover .news1_more{ background:url(../Image/p4-1.png) left center no-repeat;}

	.zxrz_l{ margin-top:0;}
	.newshow .newshowtit h1{ font-size:18px;}
	

	.case li{ width:46%; float:left; background:#f4f5f6; padding:1%; margin-bottom:20px; color:#242424; overflow:hidden; margin:1%;}
	.case li .case_img{ width:100%;}
	.case li .case_img img{ width:100%;}
	.case li p{ font-size:16px; margin-top:10px; overflow:hidden; color:#FFF;}
	
	.honor li{ width:48%; float:left; color:#242424; overflow:hidden; margin:1%; position:relative;transition: all 0.8s ease 0s;}
	.honor li .case_img{ width:100%;}
	.honor li .case_img img{ width:100%; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
	.honor li p{ background:rgba(0,0,0,0.5); font-size:18px; margin-top:10px; overflow:hidden; color:#fff; width:100%; height:50px; line-height:50px; text-align:center; position:absolute; bottom:0; left:0;}
	.honor li:hover img{ transform: scale(1.05);}





	
	.inner_contact_main{ position:relative; height: auto;}
	.contact-map{ margin-top:0%;height: 350px;}
	#dituContent{ width:100%; height:350px;}
	.inner_contact_main ul{ width:94%; position: relative; z-index:9; left:0; top:0; background:#f3f8fc; border:5px solid #fff; padding:3%;}
	.inner_contact_main ul li{ color:#4e4e4e; font-size:16px; line-height:30px;}
	.inner_contact_top{ font-size:28px; border-bottom:1px solid #b5b5b5; color:#1c1c1c; text-align:center; padding-bottom:10px; margin-top:20px;}
	.inner_contact_tel{ font-size:16px; color:#8c8c8c; margin-top:20px;}
	.inner_contact_tel p{ font-size:24px; color:#1b1b1b; font-weight: bold;}

	
	.inner_message{ width:100%; float:none;}
	.inner_message .input-group{ margin-bottom:10px; width:97%; margin-right:0; float:none;}
	.inner_message #captcha{ float:left; width:60%;}
	.inner_message #submit{ margin-top:10px;}
	
	
	.inner_message_bj{ margin-top:0px;}

	.inner_message{ width:70%; margin:0 auto; background:rgba(255,255,255,0.78); box-shadow:0 0 10px rgba(0,0,0,0.3); padding:2%;}
	.inner_message_top2{ font-family:'062-CAI978'; font-size:36px; color:#212121; }
	.inner_message_top1{ color:#212121; font-size:26px; position:relative;}
	.inner_message_top1 p{ float:left;}
	.inner_message_top1 span{ width:33px; height:3px; background:#003493; display:block; float:left; margin-top:20px; margin-left:20px;}
	.inner_message_main{ margin-top:30px;}
	.inner_message_main .input-group{ margin-bottom:10px; width:97%; margin-right:3%; float:none;}
	.inner_message_main .input-group1{ width:97%; margin-bottom:10px;}
	.inner_message_main .input-group1 input{line-height:40px; width:95%;}
	.inner_message_main .input-group input{line-height:40px; width:95%;}
	.inner_message_main #content{ width:95%; height:100px;}
	.inner_message_main #captcha{ float:left; width:58%;}
	.inner_message_main .verify{ width:90px; height:36px;}
	.inner_message_main .verify img{ width:90px; height:36px; margin-top:10px;}
	.inner_message_main #submit{ line-height:58px; height:58px; text-align:center; color:#fff; width:47%; margin-right:3%; background:#0063d0; float:right;}




	

	
}
@media screen and (max-width: 772px){
	
	.index2_type li{ width:50%; }
	.index2_pro li .title{ font-size:15PX;}

	

		

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

}