@charset "UTF-8";
/* css utf-8 编码声明  下面注释若有必要可自行删除
Write by 奇点网络 WWW.QIDIANRT.COM  QQ/WeChat：1195650011  Tel：15508600880
 */
/* 此CSS样式为奇点网络-李露露编写 类名通用加前缀 q_ */
@media(max-width: 1720px){

}

@media(max-width: 1600px){

}

@media(max-width: 1440px){

}

@media(max-width: 1280px){

}

@media(min-width: 1200px){
	.sp_header,.sjj_nav{display: none;}
}

@media(max-width: 1200px){


/* sp_header  start! */
.sp_header{height:60px;overflow:hidden;background:rgba(255,255,255,1);position:fixed;z-index:10;width:100%;display: block;top:0;}
.sp_header.sp_header_fixed{box-shadow: 0 0 2px #888;}
.sp_logo{padding:0;float:left;height:60px}
.sp_logo a{outline: none;display: block;padding:10px 15px;}
.sp_logo img{margin:auto;max-height:40px;}
.sp_nav{width:60px;float:right;position:relative;cursor:pointer;height:26px;margin-top:20px}
.sp_nav span{display:block;background:#0d8bd6;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s;border-radius: 3px;}
.sp_nav span:nth-of-type(1){top:0px}
.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;z-index:9;background:#fff;width:100%;height:calc(100% - 120px);font-size:14px;line-height:40px;top:-100%;left:0;display: block;
  overflow:auto;overflow-x:hidden;transition:top ease 0.35s;border-top:1px solid #ddd;
}
.nav_show{top:60px}
.sjj_nav ul{transition: all 0s;}
.sjj_nav ul li{transition: all 0s;}
.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;width:70px;overflow:hidden;line-height:30px;margin-top:10px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;outline: none;}
.sjj_nav ul li i{position:absolute;top:7px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:15px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{outline: none;color:#666;width:80%;display: block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:30px;fill:#555;line-height: 40px;display: block;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0d8bd6}
.sjj_nav ul li ul li>ul{margin-left:10px}
/* sp_header  end! */

}

@media(max-width: 640px){

}


@media(max-width: 500px){

}

@media(max-width: 370px){
/* sp_header  start! */
.sp_header{height:54px;}
.sp_logo{height:54px}
.sp_logo img{max-height:34px;}
.sp_nav{margin-top:14px}

.sjj_nav{height:calc(100% - 114px);}
.nav_show{top:54px}
/* sp_header  end! */
.q_banner{margin:54px auto 0;}

}