.abthdr{ height: 83px;  background: url(../../img/about/abthdr_bg_01.gif) repeat-x top;  width: 100%; max-width: 100%; position: fixed; top: 0; left: 0; z-index: 1000;} 
.abthdr .cmn_wd{ position: relative; z-index: 1;}
.abthdr  #logo{ position: absolute; left: 0; top: 0; height: 83px; background: url(../../img/about/logo.gif) no-repeat; width: 339px;}
.abthdr  #logo{ max-width: 100%;}
.abthdr  .hdr_r{ margin-left: 339px; height: 83px; background: url(../../img/about/abthdr_bg_02.gif) repeat-x top;}
.abthdr .bgr{ height: 83px; background: url(../../img/about/abthdr_bg_02.gif) repeat-x top; position: absolute; right: 0; top: 0; left: 50%; }
.abthdr  .hdr_r .lnk{ text-align: right; color: #FFF; height: 33px; line-height: 33px; font-size: 14px;}
.abthdr  .hdr_r .lnk a,.abthdr  .hdr_r .lnk a:visited{ color: #FFF;}
.abthdr  .hdr_r .lnk .iconfont{ font-size: 12px; color: #ce0a0b; margin-right:6px;}
.abthdr  .hdr_r .lnk a{ padding-left: 45px;}
.abthdr  .hdr_r .lnk a:hover{ color: #ce0a0b;}
.abthdr  .hdr_r .lnk .lnk2{ display: inline-block; padding-left: 45px; cursor: pointer;}
.abthdr  .hdr_r .lnk .lnk2:hover{color: #ce0a0b;}
.abthdr  .hdr_r .lnk .lnk2{position: relative; text-align: left;}
.abthdr  .hdr_r .lnk .lnk2 .glb{ position: absolute; left: 0; top:32px; text-align: left; background: #000; width:180px; display: none; z-index: 1000;}
.abthdr  .hdr_r .lnk .lnk2 .glb li a{ padding-left:20px; display: block;}
.abthdr  .hdr_r .lnk .lnk2 .glb li a,.abthdr  .hdr_r .lnk .lnk2 .glb li a:visited{ color: #939393;}
.abthdr  .hdr_r .lnk .lnk2 .glb li a:hover{ background: #333;}
.abthdr  .mbnav,.clsicn{ display: none;}
#nav{  position: relative; text-align: center;}
#nav .fnt{ display: inline-block; position: relative; height: 45px; line-height: 45px;}
#nav .fnt>a{  font-size: 18px; padding: 0 40px; display: block;}
#nav .fnt:hover span.ln, #nav .crt span.ln{ position: absolute; bottom: 0; left: 25%; right: 25%; height: 4px; background: url(../../img/about/nav_ln_l.gif) no-repeat left, url(../../img/about/nav_ln_r.gif) no-repeat right, #cc3333; }
.drpm{ display: none; position: fixed; left: 0;  right: 0; z-index: 400; background: #f2f2f2; }
#nav .drpm{text-align: left; line-height: 100%;}
#nav .drpm .cmn_wd{ padding: 1% 0;}
#nav .drpm h2{ font-size: 24px;}
#nav .drpm h2 .icon-arrowcruderight{ color: #e21e31; font-size: 14px; vertical-align: middle; margin-left: 20px;}
#nav .drpm ul{ padding: 2% 0 0 0;}
#nav .drpm ul li{ width: 48%; display: inline-block; margin-right: 1%; vertical-align: top;}
#nav .drpm ul li a{ display: block; padding: 2% 0; font-size: 18px; border-top: 1px solid #CCC; }
#nav .drpm ul li a .iconfont{ font-size: 12px; color: #e21e31;  vertical-align: middle; margin-right: 10px;}
#nav .drpm ul li .subm a{display: inline-block; border-top: 0; font-size: 16px; margin-right: 2%;}
#shplnk{ background: #000; position: relative; margin-top: 20px;}
#shplnk .fnt>a{ color: #FFF; font-size: 18px; padding: 0 29px; display: block;}
@media screen and (max-width: 1680px) {
	#nav .drpm h2{ font-size: 20px;}
}
@media screen and (max-width: 1440px) {
#nav .fnt>a{ font-size: 16px; }
#nav .fnt>a{  padding: 0 30px;}
#nav .drpm h2{ font-size: 18px;}
#nav .drpm ul li a{ font-size: 16px;}
#nav .drpm ul{ padding: 1.5% 0;}
}
@media screen and (max-width: 1280px) {
	#nav .fnt>a{  padding: 0 28px;}
}
@media screen and (max-width: 1200px) {
#nav .fnt>a{ font-size: 14px; }
#nav .drpm h2{ font-size: 16px;}
#nav .drpm ul li a{ font-size: 14px;}
#nav .drpm ul{ padding: 1.5% 0;}
#nav .fnt>a{ padding: 0 20px;  }
#shplnk .fnt>a{ font-size: 14px; }
}
@media screen and (max-width: 1024px) {
   .navdsn{ display: none;}
   .navdsk{ display: block;}
    #nav { background: #000; margin-top: 20px; text-align: left;}
   #nav .fnt>a {  padding: 0 0 0 3%;  }
   #nav .fnt { display: block;  position: relative;   height: auto;  line-height: 40px; border-bottom: 1px solid #4d4d4d; }
   #nav .fnt:hover span.ln, #nav .on span.ln{display: none;}
   #nav  #home{ /*display:none;*/}
   #nav .cmn_wd {  text-align: left;  width: 94%; margin: 0 auto; }
   #nav .fnt:hover span.ln, #nav .crt span.ln{ display: none;}
    #nav  ul li a,#nav  ul li a:visited{ color: #FFF;}
   .abthdr{ height: 60px; background: url(../../img/about/abthdr_bg_01.gif) repeat-x bottom; }
   .abthdr #logo{ background: none; height: 40px; position: static; margin-left: 2%;}
    .abthdr #logo img{ height: 60px;}
	 .abthdr .hdr_r { background: none; margin-left: 0; height: auto;}
   .abthdr .hdr_r .lnk, .abthdr .bgr{ display: none;}
       .abthdr   .mbnav{ display: flex; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start;  position:absolute ;  right: 0; top: 0; bottom: 0;  text-align: right; padding-right: 5%; white-space: nowrap;  }
        .abthdr   .mbnav .shicn{ display: block; padding-top: 12%;}
       .abthdr   .mbnav .micn{ display: block; padding-top: 16%;}
        .abthdr   .mbnav .micn{ padding-left: 10%;}
    .abthdr   .mbnav .shicn{ padding-right: 10%; }
       .abthdr   .micn .iconfont{ font-size: 30px; display: block;  color: #FFF;}
       .abthdr   .shicn .iconfont{ font-size:35px; display: block;  color: #FFF;}
   .abthdr .cmn_wd{ width: 100%;}
   #nav .drpm ul{ padding: 0 0 1% 0;}
   #nav .drpm ul li a{ border-top: 0; padding: 1% 0;}
   .drpm{ display: none; position: static; left: 0;  right: 0; z-index: 0; background: #000; }
   #nav .drpm{text-align: left; line-height: 100%;}
   #nav .drpm h2{ display: none;}
   #nav .drpm ul li{ width: 100%; display: block; margin-right: 0%;}
   #nav .drpm .cmn_wd{ padding: 0;}
   #shplnk .fnt>a {  padding: 0; }
      #shplnk .fnt { display: block;  position: relative;   height: auto;  line-height: 40px; border-bottom: 1px solid #4d4d4d; }
   #shplnk .fnt:hover span.ln, #nav .on span.ln{display: none;}
   #shplnk .cmn_wd {  text-align: left;  width: 94%; margin: 0 auto; }
   #nav .drpm ul li .subm a{display: block; font-size: 14px; margin-right: 0%; padding-left: 18px;}
   }