@charset "utf-8";
.pc1440,.pc1220,.pc1086,.pc800,.pc650,.pc600,.pc450,.pc450{display: block;}
.mm1440,.mm1220,.mm1086,.mm800,.mm650,.mm600,.mm450,.mm350{display: none;}
/* nav */
.sp_header {position:fixed;top:0;z-index:10;overflow:hidden;width:100%;height:50px;background: white;/* background: #d40505; */z-index: 1111;}
.sp_logo {float:left;/* padding:10px; */height:50px;margin-left: 10px;}
.sp_logo img {margin:auto;height: 36px;margin-top: 8px;}
.sp_nav {position:relative;float:right;margin-top:15px;width:50px;height:30px;cursor:pointer}
.sp_nav span {position:absolute;left:10px;display:block;width:30px;height:2px;background: #d40505;transition:all ease .35s;}
.sp_nav span:nth-of-type(1) {top:0}
.sp_nav span:nth-of-type(2) {top:10px}
.sp_nav span:nth-of-type(3) {top:20px}
.sp_nav_se span:nth-of-type(1) {top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2) {width:0}
.sp_nav_se span:nth-of-type(3) {top:10px;transform:rotate(-45deg)}
.sjj_nav {position:fixed;top:-100%;left:0;z-index:9;overflow:auto;overflow-x:hidden;width:100%;height: calc(100% - 50px);background:#fff;font-size:14px;line-height:40px;transition:top ease .35s;z-index: 9999;}
.nav_show {top:50px}
.sjj_nav>ul>li:first-child {overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a {float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language {float:right;overflow:hidden;margin-top:5px;width:70px;line-height:30px}
.sjj_nav>ul>li:first-child .language a {float:left;width:35px;border-left:1px solid #ddd;color:#999;text-align:center}
.sjj_nav ul li i {position:absolute;top:5px;right:0;padding:0 7px;height:30px;border-left:1px solid #ddd}
.sjj_nav ul li i svg {transition:all ease .35s;transform:rotate(-90deg)}
.sjj_nav ul li .sjj_nav_i_se svg {transform:rotate(0)}
.sjj_nav ul li {position:relative;margin-left:20px;border-top:1px solid #ddd;font-size:14px;line-height:40px}
.sjj_nav>ul>li:last-child {border-bottom:1px solid #ddd}
.sjj_nav ul li ul {display:none;clear: both;}
.sjj_nav ul li a {width:80%;color:#666;display: block;}
.sjj_nav ul li ul li a {display:block;color:#999;text-align:left}
.sjj_nav ul li i svg {width:20px;height:20px;fill:#555}
.sjj_nav ul li .sjj_nav_i_se svg {fill:#c9141e}
.sjj_nav ul li ul li>ul {margin-left:10px}
.sjj_nav .search_form{width: 90%;margin: 50px auto;}
@media only screen and (max-width: 1440px){
	.mm1440{display: block;}
	.pc1440{display: none;} 
	.wh{width: 92%;min-width: auto;}  
	.iFoot{width:100%;padding: 80px 0;background: white;}
}
@media only screen and (max-width: 1220px){
	.mm1220{display: block;}
	.pc1220{display: none;} 
	.iFoot .foot_l .tit{font-size:50px}
	.iFoot .foot_l{width:350px}
}
@media only screen and (max-width: 1086px){
	.mm1086{display: block;}
	.pc1086{display: none;}   
	body{padding-top: 50px;} 
	.iProB .iProB_l{display:none}
	.iProB .iProB_r{width:100%}
	.iFoot .foot_l{width:100%;float: none;} 
	.iFoot .foot_r{width:100%;float: none;margin-top: 20px;text-align: left;} 
    .list_pro .pro_left{display:none}
	.list_pro .pro_right{margin-left:0}
}
@media only screen and (max-width: 800px){
	.mm800{display: block;}
	.pc800{display: none;} 
	.iProB_r li{width:50%}
	.IAbout .pics{width:100%;height: 300px;}
	.IAbout .ro{width:100%;position: relative;}
	.IAbout .new_con{height:auto}
	.IAbout .roA{width:80%}
	.iSupper_Swipper .swiper-slide .ro{position:relative;width: 100%;}
	.partner_list li{width:33.33%;padding-bottom: 13%;}
	.iJion .bgCover .ro .btuA{position:relative}
	.iJion .s2,.iJion .s1{display:none}
	.iJion .bgCover .ro p{margin-right:0;font-size: 16px;}
	.iFoot .foot_r .foot_item{width:100%;margin-left: 0;margin-top: 30px;}
	.iFoot .foot_l .tit{font-size:35px}
	.title_04{padding-top: 12px;}
	.title_04 .h1{font-size: 60px;left: 0;line-height: 100px;}
	.title_04 .h3{font-size:28px}
	.iJion .bgCover .ro h3{font-size:22px}
	.iProB_r li{border: none;}
	.iBanner .iB_News{position:relative;width: 90%;height: auto;margin: 0 auto;margin-top: 50px;padding-bottom: 50px;float: none;padding-top: 15px;}
	.iBanner .swiper-container{position:relative;width: 100%;}
    .iBanner{height:auto}
	.iB_News_list li{width:100%}
	.iBanner .wh{width:100%}
	.iB_News .btuA{position:relative;margin-top: 20px;float: none;}
    .css_scroll_box{white-space: nowrap;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;display: -webkit-box;}
	.css_scroll_box::-webkit-scrollbar {display: none;} 
	.iBanner .swiper-slide .title{font-size: 22px;}
	.iFoot{background: white;}
	.new_list_item .pics{float:none;width: 100%;height: 0;padding-bottom: 60%;margin-bottom: 20px;}
	.new_article .tt .h3{font-size:22px;margin-bottom: 10px;} 
	.new_article .tt time{position:relative}
	.new_article .tt{padding-right：0;}
	
	.new_page .li p{display:block;margin-top: 10px;}
	.new_page .li{margin:50px 0}
	.company_new_con .company_pro li{width:50%}
	.company_tt a{font-size:14px;line-height: 35px;padding: 0 10px;}
    .company_inner_intro .company_th{margin-top:0}
	.company_item{font-size:14px}
	.company_inner .company_imgtop{padding-left:0;height: auto;}
	.company_inner_intro>h1{font-size:18px}
	.lbanner{padding:150px 0 100px}
	.list_supper_ul li{width:100%;margin-left: 0;}
	.pro_btu{line-height: 35px;font-size: 14px;}
}
@media only screen and (max-width: 650px){
	.mm650{display: block;}
	.pc650{display: none;}
	 
}
@media only screen and (max-width: 600px){
	.mm600{display: block;}
	.pc600{display: none;}
	.tList3 li{width:100%;margin-left: 0;}
	.tList3 li{float:none;clear: both;} 
	.company_inner .product-view{width:100%;position: relative;float: none;margin-bottom: 50px;}
	.product-view .product-image{display:none}
	.product-view{width:100%;float:none;margin-bottom: 50px;}
	.pro_inner_intro .h3{font-size:18px}
	.pro_inner_intro .new_con{margin-top:0;padding:0}
}
@media only screen and (max-width: 450px){
	.mm450{display: block;}
	.pc450{display: none;}  
}
@media only screen and (max-width: 350px){
	.mm350{display: block;}
	.pc350{display: none;}  
}