@charset "utf-8";

/* --手机端导航-- */
.sj_nav_all{display:none;z-index:99999;}
.sj_lightbox{width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:9900;display:none;}

.sj_head{width:100%;height:45px;display:block;background:#ffaad5;}
.sj_head_logo{width:80%;height:62px;float:left;padding-left:15px;overflow:hidden;}
.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 .sj_head_bar{width:14%;height:45px;padding-top:8px;position:relative;cursor:pointer; margin:0 auto;}
.sj_head .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:100%;height:100%;background:#fff;overflow:auto;position:fixed;top:-100%;left: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_top .sj_head_bar{width:14%;height:62px;padding-top:18px;position:relative;cursor:pointer; float:right;}
.sj_nav_top .sj_head_bar .bar{width:50%;max-width:30px;height:3px;margin:5px auto 0;display:block;background-color:#ffaad5;
    transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;
}


.sj_nav_li{margin:0px 15px;border-bottom:1px solid #ddd;}
.sj_nav_li a{font-size:16px;color:#250908;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:#ffaad5;}
.sj_nav_li.current .navl{color: #fff;} 
.sj_nav_li.current .navr img{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}


@media screen and (max-width: 1800px){
	.new_index_banner_icon p { max-width: 1600px; padding: 0px 0px; }
	.new_index_banner ul li div.new_index_banner_text dl { max-width: 1600px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 110px; }
	.ico-bg3{width: 41.927083vw;height: 64.16666666vw;}
	.ico-bg4{width: 36.40625vw;height: 50.8854166vw;}
	
}
@media screen and (max-width: 1680px){
	.new_index_banner ul li h3 { font-size: 48px; }
  	.new_index_banner ul li p { font-size: 20px; }
  	.new_index_bannertext02 .Multiplatformbox h3 { font-size: 42px; }
	
}
@media screen and (max-width: 1440px){
	
	.pub{width:90%;}
	
	
	.new_index_banner_icon p { max-width: 1380px; padding: 0px 0px; }
  	.new_index_banner ul li div.new_index_banner_text dl { max-width: 1380px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 100px; }
	.new_index_banner ul li h3 { font-size: 40px; }
  	.new_index_bannertext02 .Multiplatformbox h3 { font-size: 38px; }
	#accordion .panel-collapse .con{ bottom:-52%;}

	.pro.new_pro li .type-ms{height: 136px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
	
	



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

	.new_index_banner_icon p { max-width: 1200px; padding: 0px 0px; }
  	.new_index_banner ul li div.new_index_banner_text dl { max-width: 1200px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 90px; }
  	.new_index_banner ul li h3 { font-size: 36px; }
  	.new_index_banner ul li p { font-size: 18px; }
	#accordion .panel-collapse .con{ bottom:-62%;}
	
	.foot_contact{ width:50%;}
	.foot_news{ width:100%; margin-top:30px;}
	.foot_news_time{ width:27%; background:#fff; padding:2%; text-align:center; font-size:15px; color:#9d447d;}
	.foot_news li .foot_news_con{ width:65%;}
	.foot_news li .foot_news_tit{ font-size:16px; color:#9d447d}
	.foot_news li .foot_news_con2{ display:none;}
}
/* --转成wap-- */
@media screen and (max-width: 960px){
	
	.pub{width:90%;padding-left:20px;padding-right:20px;}
	.tel{ display:none;}
	.header_bg{display:none;}
	.sj_nav_all{display:block;}
	.mob_tel{ display:block;}
	.head{ margin:5%;}
	.top_bj, .main{ margin-left:0;}
  	.new_index_banner ul li div.new_index_banner_text dl { max-width: 970px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 70px; }
  	.new_index_banner ul li div.new_index_banner_text:after { content: ''; }
  	.new_index_banner ul li div.new_index_banner_text dl dd { padding-top: 50px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 150px; }
  	.new_index_banner_icon p { max-width: 970px; padding: 0px 0px; }
	.new_index_banner ul li h3 { font-size:30px;}
  	.new_index_bannertext02 p { width:50%; font-size: 16px;}
	.new_index_bannertext01 p { width:50%; font-size: 16px; float:right;}
	.new_index_bannertext01 dl{top:60%;}
  	.new_index_bannertext02 .Multiplatformbox h3 { font-size: 18px; }
	.new_index_banner ul li.cur .new_index_bannertext03 .bannerCaseImgbox img{ width:100%;}
	
	.head .logo{width:65%;}
	.head_right{ width:30%;}
	
	.index1_top p{ font-size:24px;}
	
	
	.index1{ margin-top:40px;}
	.index1_main{ background-size:100% auto;}
	.index1_left{ width:100%; float:none;}
	.index1_left img{ width:100%; border-radius:5px;}
	.index1_right{ width:100%; float:none; position: relative; bottom:0; right:0;}
	.index1_right_top{ font-size:20px; color:#9d3c6d; width:90%; margin:0 auto; margin:30px 0;}
	
	.index2_top{ font-size:24px; color:#391427; margin:40px 0;}
	.index2_top p{ width:18px; height:2px; background:#391427; float:left; margin-top:18px; margin-right:10px;}
	.index2_main li{ width:100%; margin:1% 0; position:relative; float:none;}
	#accordion .panel{width:100%; margin:1% 0; position:relative; float:none; margin-bottom:70%;}
	#accordion .panel-collapse .con{ bottom:-68%;}
	
	.index2_main{ display:none;}
	.index2_main_mobile{ display: block;}
	.foot_news{ display:none;}

	
	
	.foot_nav{ width:100%; float:none;}
	.foot_nav li{ float:left; width:36%;}
	.foot_contact{ width:100%; float:none; margin-top:40px;}
	.foot_news{ width:100%; float:none; margin-top:40px;}
	.foot_news_time{ width:27%; background:#fff; padding:2%; text-align:center; font-size:15px; color:#9d447d;}
	.foot_news li .foot_news_con{ width:65%;}
	.foot_news li .foot_news_tit{ font-size:16px; color:#9d447d}
	.foot_news li .foot_news_con2{ display:none;}

	
	.inner{ margin:40px auto;}
	.inner_left{ width:100%; float:none;}
	
	.inner_left_pro{ display:none;}
	.inner_right{ width:100%; float:none; margin-top:40px;}
	
	.inner_about_qywh li .inner_about_qywh_left{ width:100%; text-align:center; padding:30px 0; float:none;}
	.inner_about_qywh li .inner_about_qywh_right{ width:90%; float:none; margin-left:0; padding:5%;}
	.inner_about_qywh li:nth-child(4) .inner_about_qywh_left{ padding:30px 0;}
	.inner_about_qywh_left_app{ display: block;}
	.inner_about_qywh_left_pc{ display:none;}

	
	.honor li{ width:48%; float:left; margin-right:2.6%; margin-top:2%}
	.honor li:nth-child(2n){ margin-right:0;}


	
	.inner_pro_top{ background:#fef5f9;}
	.inner_pro_top_img{ width:100%;}
	.inner_pro_top_img img{ width:100%;}
	.inner_pro_top_con{ width:90%; margin-right:0; color:#4b3643; font-size:16px; font-weight:300; padding:5%;}
	.inner_pro_top_con p{ font-size:18px; margin-top:0; margin-bottom:10px;}
	
	.pro li{ width:48%; float:left; margin:3% 1%;}
	.pro li:nth-child(3n){  margin:3% 1%;}
	.pro li .title{ height:50px; overflow:hidden;}




	
	.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; float:none;}
	.pro_more{ float:none; }

	.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_con .pro_con_more{ width:100%; float:none;}
	.pro_con .pro_con_contact{ width:100%; float:none; margin-top:20px;}

	
	.pro_tel{ float:none;}
	.pro_tel p{ font-size:20px;}
	.pro_contact{ margin-top:20px; float:none;}
	
	.pro_info_main{ margin-top:40px;}
	.product_recommend li{ width:100%; float:none; padding:0 0; margin:5% 0; background:#fff;}
	.product_recommend li .pic{ width:100%; float:none;}
	.product_recommend li .tit{ width:100%; float:none;}
	.product_recommend li p{margin:10px 0;}


	.inner_news_time{ width:18%;}
	.inner_news li .inner_news_con{ width:72%;}
	.inner_news li .inner_news_con2{ display:none;}
	.inner_news li .inner_news_more{ color:#83737d}


	
	.case li{ float:left; width:44%; background:#f7f7f7; padding:2%; margin:1%;}
	
	.inner_contact_img{ width:100%; float:none;}
	.inner_contact_img img{ width:100%;}
	.inner_contact_con{ width:90%; margin-left:0%; float:none; margin-top:0; padding:5%; font-size:16px; color:#4b3643;}
	.inner_contact_con p{ font-size:24px; color:#4b3643; margin-bottom:10px;}

	.inner_contact ul{ width:100%; float:none; margin-top:40px;}

	
	
	.inner_message_bj{ position:relative;}
	.inner_message{ overflow:hidden;}
	.inner_message_top{ margin-bottom:50px;}
	.inner_message_top p{ color:#606060; font-size:16px; line-height:30px; width:100%;}
	.inner_message_top b{ font-size:24px; color:#000;}
	.inner_message_main .input-group{ width:100%;}
	.inner_message_main .input-group1{ width:100%; margin-bottom:10px;}
	.inner_message_main .input-group1 input{width:80%; margin-top:10px;}
	.inner_message_main #content{ float:left; height:100px;}
	.inner_message_main #captcha{ float:left; width:50%;}
	.inner_message_main .verify{ width:90px; height:36px;}
	.inner_message_main .verify img{ width:90px; height:36px; margin-top:5px;}

	

	
}
@media screen and (max-width: 772px){
	
	
	
	.new_index_banner ul li div.new_index_banner_text dl { max-width: 750px; margin: 0px auto; padding: 0px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 60px; }
  	.new_index_banner ul li h3 { font-size: 26px; padding-bottom: 20px; }
  	.new_index_banner ul li p { font-size: 16px; line-height: 28px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 100px; }
  	.new_index_banner_icon p { max-width: 750px; padding: 0px 0px; }
	
	
	.index1{ margin-top:50px;}
	.index1_top_left b{ font-size:20px;}
	.index1_top_left span{ display:none;}
	.index1_top_right{ font-size:16px;}
	.index1_main li{ width:48%; float:left; margin-top:2%; margin-right:0;}
	.index1_main li .pic img{ width:100%;}
	.index1_main li .title{ text-align:center; color:#2f2f2f; font-size:16px; margin-top:10px; }
	.index1_main li .title p{line-height:30px; height:30px; overflow:hidden;}
	.index1_main li:nth-child(2n){ float:right;}


	.index2_jjfa_main .tit .img{ display:none;}
	
	.head .logo{ width:100%; float:none;}
	.head_right{ width:100%; float:none;}
	
		

}
@media screen and (max-width: 584px){
	.new_index_banner ul li div.new_index_banner_text dl { padding: 0px 10px; }
  	.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 24px; }
  	.new_index_banner ul li h3 { font-size: 20px; }
  	.new_index_banner ul li p { line-height: 18px; }
	.index_download .download-box{flex-wrap:wrap;}
	.index_download p{flex: unset;margin-right:0px;}
	.index_download a{margin: 20px auto  0px;}
	.pro.new_pro li .type-ms{height: 215px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 11;overflow: hidden;}
}