@media only screen and (max-width: 768px) {
    
    .c_portalResnav_main-01001001 .p_problemCategory {
        display: block;
    }

    .c_portalResnav_main-01001001 .p_navPc {
        display: none;
    }

    .c_portalResnav_main-01001001 .p_linkBox {
        display: none;
    }

    .c_portalResnav_main-01001001 .p_parent {
        display: block;
    }

    .c_portalResnav_main-01001001 .p_categoryBtn:before {
        
    }

    .c_portalResnav_main-01001001 .icon-arrow_up:before {
        content: "\e69a";
    }

    .c_portalResnav_main-01001001 .icon-arrow_down:before {
        content: "\e69c";
    }

    .c_portalResnav_main-01001001 .p_btn-show {
        color: #fff;
        background:#7F7F7F;
    }

    .c_portalResnav_main-01001001 .p_btn-hide {
        width: 10%;
        height: 100%;
        float: left;
        background-color: #7F7F7F;
    }


    .c_portalResnav_main-01001001 .p_category {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
    }

    .c_portalResnav_main-01001001 .p_parent {
        width: auto;
        height: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 0 0 5px;
    }

    .c_portalResnav_main-01001001 .p_categoryBox {
        overflow-y: auto;
        width: 90%;
        height: 100%;
        float: left;
        background-color: rgb(239,239,245);
    }
    .c_portalResnav_main-01001001 .p_categoryBox > .p_parentBox{
        background-color: #FFFFFE!important;
        padding-left: 0px;
    }
    .c_portalResnav_main-01001001 .p_parentBox{
        width: auto;
        height: auto;
        color: #fff;
    }

    .c_portalResnav_main-01001001 .p_parentBox {
        width: auto;
        height: auto;
        color: #fff;
        background-color: rgb(239,239,245);;
        padding-left: 20px;
    }

    .c_portalResnav_main-01001001 .p_childBox .p_parent{
        border-bottom: 1px solid #c0c0c0;

    }

    .c_portalResnav_main-01001001 .p_c-fff {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #fff;
    }

    .c_portalResnav_main-01001001 .p_categoryBtn {
        display: block;
        margin: 12px 5px 10px 0;
        color: #000000;
        font-size: 12px;
    }

    .c_portalResnav_main-01001001 .p_link {
        height: auto;
        vertical-align: middle;
        width: initial;
        margin: 10px 0;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        color: #000;
    }
    .c_portalResnav_main-01001001 {
        width: 100%;
    }
}
@media only screen and (min-width: 769px){
    .c_portalResnav_main-01001001  .p_problemCategory{
        display: none;
    }
    .c_portalResnav_main-01001001 .p_parent{
        display: none;
    }
    .c_portalResnav_main-01001001 .p_navPc{
        display: block;
    }
    .c_portalResnav_main-01001001 .p_linkBox{
        display: block;
    }


    .c_portalResnav_main-01001001 {
        width: auto;
        height: auto;
        overflow: visible;
		float:left
    }
    
    .c_portalResnav_main-01001001 .p_category {
        height: 100%;
        width: 100%;
        position: relative;
        background-color: #FFFFFE;
    }

    .clearfix:before,
    .clearfix:after {
        content: "";
        display: block;
        clear: both;
        width: 0;
        height: 0;
        visibility: hidden;
        font-size: 0;
    }

    .c_portalResnav_main-01001001 .p_categoryBox{
        line-height:24px;
        width: auto;
        float: left;
    }

    .c_portalResnav_main-01001001 .p_categoryBox .p_linkBox {
        width:100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items:center;
        
    }
    .c_portalResnav_main-01001001 .p_categoryBox > .p_parentBox:hover {
        border-top: 3px solid rgb(64,143,244);
    }
    .c_portalResnav_main-01001001 .p_categoryBox .p_title{
        height: auto;
        width: auto;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

    }
    .c_portalResnav_main-01001001 .p_categoryBox .p_title:hover{
        color:rgb(64,143,244);
    }
    .c_portalResnav_main-01001001 .p_categoryBtn{
        display:inline-block;
        vertical-align:middle;
        background-color:rgba(255,255,255,0);
        border-color:rgba(255,255,255,0);
        border-style: solid;
        border-width: 0;
        color:rgb(64,143,244);
        height:auto;
        width:14px;
        margin: 0 4px 0 0;
        padding:0;
        position:static;
        text-align: center;
        color:rgba(217,217,217,1);
    }
    .c_portalResnav_main-01001001 .p_categoryBtn:hover{
        border-width: 0;
        border-style: solid;
        color:rgb(64,143,244);
        border-color:rgba(255,255,255,0);
        background-color:rgba(255,255,255,0);
        box-shadow:none;
    }
    .c_portalResnav_main-01001001 .p_categoryBtn:active{
        border-width: 0;
        border-style: solid;
        color:rgb(64,143,244);
        border-color:rgba(255,255,255,0);
        background-color:rgba(255,255,255,0);
        box-shadow:none;
    }
    .c_portalResnav_main-01001001 .p_linkBox .iconfont:before{
        content:'';
    }
    .c_portalResnav_main-01001001 .p_childBox .p_linkBox .icon-duduyinleappicon1401:before{
        content:'\e65f';
        color:rgb(64,143,244);
        font-size:10px
    }

    .c_portalResnav_main-01001001 .p_categoryBox .p_childBox {
        border:1px solid rgba(240,240,240,1);
        box-shadow: 2px 1px 2px #c0c0c0;
        
        z-index: 9;
    }
    .c_portalResnav_main-01001001 .p_categoryBox .p_parentBox{
        position:relative;
        width: 200px;
      
        height: 40px;
        float: left;
        text-align: center;
    }
    .c_portalResnav_main-01001001 .p_parentBox:last-child .p_linkBox {
        border-bottom:0 none;
    }

    .c_portalResnav_main-01001001  .p_categoryBox>.p_parentBox>.p_childBox{
        margin-top: 40px;
        left: 0px;
    }

    .c_portalResnav_main-01001001 .p_categoryBox .slideOut{
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: auto;
    }

}
@media only screen and (max-width: 1024px) and (min-width: 769px){
   

}


.c_portalResnav_main-01001001 .p_MatteIcon .iconfont:before{
content:'\e602';
}
.c_portalResnav_main-01001001 >div{
animation-fill-mode:both;
}
@media only screen and (min-width: 769px){

.c_portalResnav_main-01001001 .tNavBox{
  width:100%;
  height:auto;
  overflow:visible;
}
.c_portalResnav_main-01001001 .navBtn{
  display:none;
}
.c_portalResnav_main-01001001 .navSliBtn{
  display:none;
}
.c_portalResnav_main-01001001 .iconJt{
  display:none;
}
.c_portalResnav_main-01001001 .tNav{
/*  width:100%;*/
  height:90px;
  margin:0 auto;
  overflow:hidden;
  line-height:90px;
}
.c_portalResnav_main-01001001 .tNav h3{
	margin-top:0;
	margin-bottom:0
}
.c_portalResnav_main-01001001 .navUl{
  width:100%;
  font-size:0px;
  text-align: left;
  position:relative;
}
.c_portalResnav_main-01001001 .navLi{
  display:inline-block;
  font-size:1rem;
}
.c_portalResnav_main-01001001 .navLi:hover .tNavH::before{
  width:100%;
  opacity:1;
}
.c_portalResnav_main-01001001 .tNavH{
  position:relative;
}
.c_portalResnav_main-01001001 .tNavH::before{
  content:'';
  position:absolute;
  top:0px;
  left:50%;
  transform:translateX(-50%);
  display:block;
  width:0px;
  height:5px;
  background-color:#0056B5;
  opacity:0;
  transition:all .5s ease;
}
.c_portalResnav_main-01001001 .navName{
 position: relative;
 display: block;
 padding: 0px 26px;
 font-size:16px;
 color: #000;
 transition: all .5s ease;
 letter-spacing:0px;
}
.c_portalResnav_main-01001001 .navName::after{
  content:attr(data-title);
  position:absolute;
  top:0px;
  left:0px;
  transform:translateY(100%);
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0056B5;
}
.c_portalResnav_main-01001001 .navLi:hover .navName{
  transform:translateY(-100%);
}
.c_portalResnav_main-01001001 .slidBox{
  position:fixed;
  left:0px;
  right:0px;
  width:100%;
  min-width:100%;
  height:0px;
  overflow:hidden;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex-wrap:nowrap;
  z-index:110;
  margin:0 auto;
  padding:0 2%;
  transition:all .5s ease;
  opacity:0;
  background: #fff;
}
.c_portalResnav_main-01001001 .navLi:hover .slidBox{
  height:350px;

  opacity:1;
   
}
.c_portalResnav_main-01001001 .leftBox{
  position:relative;
  margin-right:2%;
  padding-right:2%;
  width:28%;
  height:auto;
  margin:60px 0;
  overflow:hidden;
  border-right:1px solid #eaeaea;
  float:left
}
.c_portalResnav_main-01001001 .navSbox{
  position:relative;
  width:60%;
  height:auto;
  overflow:hidden;
  font-size:0px;
  margin:100px 0 0 !important;
  white-space:nowrap;
  text-align: left;
  float:left
}
.c_portalResnav_main-01001001 .oneName{
  font-size:2.25rem;
  padding-bottom:15px;
  color:#000;
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.c_portalResnav_main-01001001 .tNavSummry{
 line-height:22px;
    width: 100%;
    height:66px;
    overflow: hidden;
    color: #666666;
    font-size: 0.9rem;
    max-width: 420px;
}
.c_portalResnav_main-01001001 .tNavMore{
  display:block;
  position:relative;
  height:auto;
  padding-top:25px;
  border-top:1px dashed #cccccc;
  margin-top:20px;
  cursor:pointer;
}
.c_portalResnav_main-01001001 .txt{
  color:#000;
  transition:all .5s ease;
}
.c_portalResnav_main-01001001 .leanMore{
  margin-left:2rem;
  transition:all .5s ease;
  color:#000;
}
.c_portalResnav_main-01001001 .tNavMore:hover  .txt{
  color:#0056B5;
  margin-left:10px;
}
.c_portalResnav_main-01001001 .tNavMore:hover  .leanMore{
  color:#0056B5;
}
.c_portalResnav_main-01001001 .navSli{
    display: inline-block;
    width: calc(100% /4);
    height: 100%;
    overflow: hidden;
    padding-left: 2%;
}
.c_portalResnav_main-01001001 .navSimg{
  position:relative;
  width:100%;
  height:120px;
  overflow:hidden;
}
.c_portalResnav_main-01001001 .navImg{
  position:absolute;
  left:50%;
  transform:translateX(-50%) scale(1);
  width:auto;
  height:100%;
  transition:all .5s ease;
}
.c_portalResnav_main-01001001 .navSlink{
 position: relative;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
    color: #666;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
    transition: all .5s ease;
    
    white-space: nowrap;
    text-overflow: ellipsis;
}
.c_portalResnav_main-01001001 .navSlink::after{
  content:'';
  position:absolute;
  bottom:0px;
  left:50%;
  transform:translateX(-50%);
  width:0px;
  height:3px;
  opacity:0;
  background-color:#0056B5;
  transition:all .5s ease;
}
.c_portalResnav_main-01001001 .navSli:hover .navImg{
  transform:translateX(-50%) scale(1.1);
}
.c_portalResnav_main-01001001 .navSli:hover .navSlink{
  color:#0056B5;
}
.c_portalResnav_main-01001001 .navSli:hover .navSlink::after{
  width:100%;
  opacity:1;
}
}
@media only screen and (max-width: 769px){

.c_portalResnav_main-01001001 .leftBox{
 	display:none;
  }
.c_portalResnav_main-01001001 .navSimg{
  	display:none;
  }
.c_portalResnav_main-01001001 .tNavBox {
  	position:relative;
    height:30px;
  
  }
.c_portalResnav_main-01001001 .navBtn{
    position: absolute;
    top:20px;
    right: 20px;
    width:30px;
    height:30px;
    line-height: 30px;
	background: #0056B5;
 border-radius: 5px;
 padding:5px
  }
.c_portalResnav_main-01001001 .navLine{
  	display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
     height:100%;
    overflow:hidden;


    
  }
.c_portalResnav_main-01001001 .navBtnImg{
        display: block;
    width:100%;
    height: 70%;
  	
  }
.c_portalResnav_main-01001001 .tNav {
   position:fixed;
      top:80px;
   left:0;
   right:0px;
     height: 0;
    overflow: hidden;
   z-index:999;
  background: rgba(0,0,0,.5);
  transition:all .5s ease;
  }
.c_portalResnav_main-01001001 .tNavHeight {
  	 height: 100vh;
  }
.c_portalResnav_main-01001001 .slidBox {
  	display:none;
  }
.c_portalResnav_main-01001001 .navUl {
    background: rgba(0,0,0,0.8);
  	overflow:hidden;
	margin-top:0px;
	margin-left:0px !important;
	padding-left:0px

  }
.c_portalResnav_main-01001001 .navLi {
  	    border-bottom: 1px solid #696969;
    position: relative;
  }
.c_portalResnav_main-01001001 .tNavH {
     
     position: relative;
    height: 70px;
    line-height: 70px;
    padding: 0 2%;
    font-size: 1rem;
    transition: all .5s ease;
    
  }
.c_portalResnav_main-01001001 .tNavHBac {
  	    background-color: #0056B5;
  }
.c_portalResnav_main-01001001 .navName{
  	 display: block;
    width: 100%;
    height: 100%;
        color:#fff;

  }
.c_portalResnav_main-01001001 .iconJt {
  	position:absolute;
    top: 0;
   right:2%;
    display:flex;
    width:40px;
    height:70px;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:0.875rem;
    transition:all .5s ease;
  }
.c_portalResnav_main-01001001 .iconJtRotate {
  	    transform: rotate(-180deg);
  }
.c_portalResnav_main-01001001 .navSliBtn {
  	height:40px;
   width:100%;
   text-align:center;
  }
.c_portalResnav_main-01001001 .hs {
  	    height: 100%;
  }
.c_portalResnav_main-01001001 .navSbox {
  	padding-bottom:30px;
  }
.c_portalResnav_main-01001001 .navSli {
  	    padding-left: 3%;
    font-size: 0.875rem;
    height: 38px;
    line-height: 38px;
  }
.c_portalResnav_main-01001001 .navSlink {
  	display:block;
    width:100%;
    height:100%;
    color: #fff;
  }
}
/* i i s 7.co m */