@charset "utf-8";
/*************************************
* 文件名称：common.css
* 作   者：界面设计制作部
* 创建日期：2017-12-25
* 最后修改：name/ 第X行 / yyyy-mm-dd
* 文件版本：UI CSS Frameworks Beta
* 内容概要: 公用样式文件
*************************************/
@font-face {
    font-family:'iconfont';
    src: url('/upload/font/PFDinTextCompPro-Regular.ttf') format('truetype');
}
@font-face {
    font-family:'iconfont1';
    src: url('/upload/font/ImpactMTStd.otf') format('opentype');
}

#w_common_text-1590135195628 span {
font-family:'iconfont';
}

#w_common_text-1590224861412 span {
font-family:'iconfont';
}


body {
font-family:PingFang SC,Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;
/*
font-family: Arial,"Helvetica Neue",Helvetica,Arial,sans-serif; 
font-family: 'Noto Serif', serif;
font-family: raleway,Arial,sans-serif;
  
*/
}
a {
    color: #222;
    text-decoration: none;
}
a:hover, a:active, a:focus{
    color: #f4ba19;
    text-decoration: none;
}

.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}


div,
p,
span {
 /*
  word-break: keep-all!important;
  */
}
a {
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}
@keyframes gWelCnta{
  0% {
    transform: rotate(0);
  }
  70% {
    transform: rotate(360deg);
  }
  80% {
    transform: rotate(350deg);
  }
  95% {
    transform: rotate(370deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
a {
  outline:none;
}
/* scrollbar css */
/* width */
::-webkit-scrollbar {
width:3px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 6px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #f4ba19;
}



@media only screen and (max-width: 768px){  
  #w_grid-1611796910288 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  #w_grid-1611796910294 {
    width: 94%;
    max-width: 1600px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  
  #w_grid-1613985198149 {
    width: 100%;
    max-width: 1080px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: -80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  
  
  
  
  #w_grid-1607065773232 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
display: flex;
flex-direction:column-reverse;
}
  
  #w_grid-1611796910358 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  
  #w_common_text-1610092790670 {
    width: auto;
    max-width: 100%;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: auto;
    margin-bottom: 30px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}


  
  #w_grid-1608549144224 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: -100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  
  #w_grid-1608549144272 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  
  #w_common_text-1591314894817 span {font-size: 22px!important;}
  #w_common_text-1591315031552 span {font-size: 14px!important;}
  
  #w_grid-1569392445068> div > .p_gridbox {
    display: flex;
    align-items: center;
}
 #c_portalResnav_main-15841920699823375 {
   display: none;} 
  
  #w_grid-1569387413808 {
      text-align: center!important;
  }
  
  #w_grid-1580997733056,
  #w_grid-1580997733056 p,
  #w_grid-1580997733056 span{
      text-align: center!important;
    font-size: 13px!important;
  }
  
  #w_fimg-1580997554175 {
    width: 100%;
    max-width: 124px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  
  
  #scrolltop {
    position: absolute;
    right: 0px;
    top: -20px;
    cursor: pointer;
    height: 48px;
    width: 100%;
    text-align: center;
    display: block!important;
      background-color: #f4ba1c;
}
  #w_fimg-1569392445072 {
    width: 160px;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 12px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 12px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

  
 #w_grid-1591265079913 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: 60px;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
} 
  
 #w_grid-1569392445063 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 60px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;

} 
}



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

#w_grid-1569392445063 {
    position: relative;
    z-index: 9;
background-color: rgba(255, 255, 255, 1);
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}
    #w_grid-1569392445063.yya{
    position:fixed;
    left:0;
    top:0px;
    z-index:99;
    box-shadow:0px 5px 5px 0px rgba(100, 100, 100, 0.2);
  }
  
  

  
}


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