@charset "utf-8";
.sp_header {position:fixed;top:0;z-index:10;/* overflow:hidden; */width:100%;height:50px;background: white;z-index: 1111;}
.sp_logo {padding:10px;height:50px;position: absolute;left: 50%;transform: translate(-50%,0);-ms-transform: translate(-50%,0); /* IE 9 */-webkit-transform: translate(-50%,0); /* Safari and Chrome */}
.sp_logo img {margin:auto;max-height:30px}
.sp_nav {position:relative;float: left;margin-top:15px;width:50px;height:30px;cursor:pointer}
.sp_nav span {position:absolute;left:10px;display:block;width:30px;height:2px;background: black;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% - 78pt);background:#fff;font-size:14px;line-height:40px;transition:top ease .35s;z-index: 9999;}
.sp_search{float: right;font-size: 28px;font-weight: 100;line-height: 50px;right: 20px;margin-right: 20px;}
.nav_show {top:50px}
.sp_header .iTForm{
    position: absolute;
    width: 100%;
    top: 50px;
    z-index: 111;
    height: 40px;
    display: none;
}
.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;}
.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}
.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}
.pc1440,.pc1220,.pc1086,.pc800,.pc650,.pc600,.pc450{display: block;}
.mm1440,.mm1220,.mm1086,.mm800,.mm650,.mm600,.mm450{display: none;}
@media only screen and (max-width: 1440px){
	.mm1440{display: block;}
	.pc1440{display: none;}
	.wh{width: 95%} 
}
@media only screen and (max-width: 1220px){
	.mm1220{display: block;}
	.pc1220{display: none;} 
}
@media only screen and (max-width: 1086px){
	.mm1086{display: block;}
	.pc1086{display: none;}
	body{padding-top:50px} 
	
  }
@media only screen and (max-width: 800px){
	.mm800{display: block;}
	.pc800{display: none;} 
	.list_pro01 li .ro h3,.h3{font-size: 18px;}
	.list_pro01 li .ro p,.p{font-size: 12px;}
	.tList3 li{width:100%;margin-left: 0;}
	.ifooter .if_top{padding:20px}
	.l_news li span{font-size:16px}
	.tou_02{font-size: 20px;padding: 30px 0;}
	.l_news li .h3{font-size:16px}
	.l_01 .l_ro,.l_09 .l,.l_09 .r,.c_form>.l,.c_form>.r{width: 100%;}
	.l_01 .r_ro{width: 100%;}
	.l_05 .l_video{width: 100%;}
	.l_05 .l_video video{width: 100%;margin-left: 0;}
	.l_05 .l_ro{width: 100%;border-left: none;padding: 15px;}
	.l_caseList li .bgImg{width:100%}
	.l_caseList li .ro,.l_09 .r{width:100%;margin-top: 20px;}
	.inp{padding-left:30%}
	.inp span{width:28%}
	.list_pro01 li{width:100%;margin-left: 0;}
	.LunBo .ro{position:relative;color: black;top: inherit;background: none;text-align:center;width: 100%;display: block;max-width: inherit;}
	.LunBo .ro .h3{color: black;}
	.LunBo .ro .p{color: black;}
}
@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;} 
	

}
@media only screen and (max-width: 450px){
	.mm450{display: block;}
	.pc450{display: none;} 
	
}
@media only screen and (max-width: 350px){ }