﻿
.index_top{
    width:100%;
    height:32px;
    position: fixed;
    position: relative;
    /*background: #E52121;*/
}
.top_leftimg{
    position: absolute;
    top:10px;
    left:20px;
}
.top_right{
    position: absolute;
    right:10px;
    top:15px;
}
.sp_header{height:52px;top:0;/*overflow:hidden;*/ background: #E52121;position:fixed;z-index:999999;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #f7f7f7;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.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:999999;background:#eee;width:100%;height:calc(100% - 47px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.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;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
*{margin:0;padding:0;list-style: none;text-decoration: none;}
/* 导航 */
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 8px 0 240px;}
.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:40px;font-size:14px;margin-right:10px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left; width:100%;}
.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}
/* 底部 */
.footer_index{
    width:100%;
    padding-top:20px;
    text-align: center;
    background: #444444;
    line-height: 22px;
    color: #FFFFFF;
	font-size: 14px;
}
.footer_index span{
    display: block;
}
.index_top{
    width:100%;
    position: fixed;
    position: relative;
    background: #E52121;
}
.top_leftimg{
    position: absolute;
    top:10px;
    left:20px;
}
.top_right{
    position: absolute;
    right:10px;
    top:15px;
}
/* 导航 */
.nav_index{
    width: 100%;
    /* height: 276px; */
    background: #FFFFFF;
    padding-bottom: 20px;
    padding-top:20px;
}
.nav_index ul{
    display: flex;
    margin-bottom: 30px;
}
.nav_index ul:last-child{
    margin-bottom: 0;
}
.nav_index ul li{
    width:30%;
    text-align: center;
}
.nav_index ul a{
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: #343434;
    line-height: 30px;
}
.main_top_tit_warp {
  height: 30px;
  display: flex;
}
.main_top_tit_warp p {
  font-family: Source Han Serif CN;
  margin-left: 10px;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-align: left;
  margin-top: -2px;
}

/* 各个页面导航开始 */
.topNavAllUrl {
  position: relative;
  float: right;
  margin-top: 15px;
}
.topNavAllUrl .topNavAllUrlT {
  display: flex;
  align-items: center;
  width: 51px;
  height:21px;
  background: #ffffff21;
  border-radius: 3px;
}
.topNavAllUrl .topNavAllUrlT span {
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 21px;
  padding: 0 5px;
}
.topNavAllUrl .topNavAllUrlT > img:nth-child(2) {
  width:9px;
  height: 9px;
  transition: 0.3s;
}
.topNavAllUrl .topNavAllUrlD {
  position: absolute;
  top: 19px;
  width: 70px;
  height: 125px;
  left: -8px;
  background-image: url(/Public/Phone/images/index_image/0.0.png);
  background-size: 100% 100%;
  flex-direction: column;
  box-sizing: border-box;
  padding: 11px 7px 6px 5px;
}
.topNavAllUrl .topNavAllUrlD a {
  display: block;
  width: 58px;
  height: 27px;
  text-align: center;
  line-height: 27px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  transition: 0.3s;
}
.topNavAllUrl .topNavAllUrlD a:hover {
  background: #FFECEC;
}
.rotateImg{
  transition: .3s;
  transform: rotate(0deg);
}
.topNavAllUrlRotateHalf{
  transform: rotate(180deg);
}
.selectNavBack {
  background: #FFECEC !important;
}

/* 各个页面导航结束 */
