wp/nwyj/WebContent/css/nav-css.css

@charset "UTF-8";
/******基础*****/
/* line 7, /mnt/jq/app/assets/stylesheets/layout.css.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* line 8, /mnt/jq/app/assets/stylesheets/layout.css.scss */
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, form {
  margin: 0px;
  padding: 0px;
}

/* line 9, /mnt/jq/app/assets/stylesheets/layout.css.scss */
body, input, select, textarea {
  font-size: 12px;
  color: #666;
  font-family: "微软雅黑";
}

/* line 10, /mnt/jq/app/assets/stylesheets/layout.css.scss */
body {
  background-color: #fcfcfd;
}

/* line 11, /mnt/jq/app/assets/stylesheets/layout.css.scss */
img {
  border: 0;
}

 body{background-color:#ffffff}
      
/* nav-wrap */
.nav-wrap { position: relative; *z-index:2;
width: 100%; background: #ff6600; }
.nav {z-index: 1; position: fixed; top:0px; left: 0; width: 80px; background-color: #3e434a; border-collapse: separate; bottom: 0 }
.nav h2 a { display: block; height: 61px; padding-left: 20px; line-height: 40px; color: #fff; }
.nav h2 a:hover { text-decoration: none; height: 61px; }
.nav-list { height: 40px; }
.nav-list li { float: left; margin-right: 1px; }
.nav-list a { display: block; height: 40px; float: left; padding: 0 15px; text-align: center; color: #fff; text-decoration: none; font-size: 15px; font-weight: bold; line-height: 40px; }
.nav-list a:hover { background: #d25400; text-decoration: none; }
.nav-list a.on { background: #d25400; }
.all-nav { position: absolute; left: 0; width:100%; height: 100%; overflow: hidden; border-style: none; }
.all-nav .item { width: 100%; height: 89px; border-bottom: 1px solid #E0EAF3; }
.all-nav .btnone { border-top: none; }
.all-nav .item .product { position: absolute; width:80px; height: 89px; text-align: center; }
.all-nav .item .product h3 { width: 80px; height: 89px;color: #000000; font-weight: normal;text-align: center; }
.all-nav .item .product h3 a {font-size: 14px; color: #000000;line-height: 80px;}
.all-nav .item .product h3 a:hover { color: #FFFFFF;}
.all-nav .item .product s { display: block; position: absolute; top: 13px; left: 167px; width: 6px; height: 9px; }
.all-nav .active .product h3 {background-color: #94BFE2;}
.all-nav .active .product h3 a { color: #000; }
.icn-i { padding-left: 5px; }
.all-nav .product-wrap {  position: absolute;z-index: 300; width: 248px; height: 120%; background-color: #FFFFFF;  left: 5000px; top: -84px; }
.all-nav .product-wrap p { color: #000000; }
.home { height: 60px;   background-color: #2B2C2B;overflow: hidden;}
.product-wrap h2 { background-color: #A3A8A3; line-height: 70px; color: #FFFFFF; font-size: 16px; text-indent: 20px; }
.product-wrap ul { padding-left: 20px; padding-top: 20px; padding-right: 20px; }
.product-wrap li { line-height: 40px; font-size: 14px; border-bottom: 1px dotted #CCCCCC; list-style: none}
.product-wrap a { display: block; color: #999999; }
.product-wrap a:hover { background-color: #DFF8FF; text-decoration: none; color: #000; font-weight: bold; }
.all-nav .pos01 { border: 1px solid #F25050; }
.pos01 h2{background-color:#F25050 }
.all-nav .pos02 { border: 1px solid #9d3c25; }
.pos02 h2{background-color:#9d3c25 }
.all-nav .pos03 { border: 1px solid #861da9; }
.pos03 h2{background-color:#861da9 }
.all-nav .pos04 { border: 1px solid #007c59; }
.pos04 h2{background-color:#007c59 }
.all-nav .pos05 { border: 1px solid #911c3c; }
.pos05 h2{background-color:#911c3c }
/* icn */

 
.nav-z { text-align: center; width: 100% }
.nav-z a:hover { background-color: #FFFFFF; width: 89px; height: 89px; color: #ff6600; display: block; }
.icn { background-image: url(images/picn.png); width: 34px; height: 39px; display: block; }
.icn-other { background-position: 34px 0%; }
.icn-nav { background-position: 68px 0%; }
.icn-media { background-position: 102px 0%; }
.icn-input { background-position: 136px 0%; }
.ui-all { background-image: url(images/pui.png); padding-left: 30px; background-repeat: no-repeat; height: 20px; display: inline-block; }
.ui-2 { background-position: 0px -24px; }
.ui-3 { background-position: 0px -48px; }
.ui-4 { background-position: 0px -72px; }
.ui-5 { background-position: 0px -96px; }
.ui-6 { background-position: 0px -120px; }
.ui-7 { background-position: 0px -144px; }
.ui-8 { background-position: 0px -168px; }
.ui-9 { background-position: 0px -192px; }
.ui-10 { background-position: 0px -216px; }
.ui-11 { background-position: 0px -240px; }
.ui-12 { background-position: 0px -264px; }
.ui-13 { background-position: 0px -288px; }
.ui-14 { background-position: 0px -312px; }
.ui-15 { background-position: 0px -336px; }
.ui-16 { background-position: 0px -360px; }
.input-all { background-image: url(images/psr.png); padding-left: 30px; background-repeat: no-repeat; height: 20px; display: inline-block; }
.input-2 { background-position: 0px -24px; }
.input-3 { background-position: 0px -48px; }
.input-4 { background-position: 0px -72px; }
.input-5 { background-position: 0px -96px; }
.input-6 { background-position: 0px -120px; }
.input-7 { background-position: 0px -144px; }
.input-8 { background-position: 0px -168px; }
.input-9 { background-position: 0px -192px; }
.input-10 { background-position: 0px -216px; }
.input-11 { background-position: 0px -240px; }
.input-12 { background-position: 0px -264px; }
.input-13 { background-position: 0px -288px; }
.input-14 { background-position: 0px -312px; }
.input-15 { background-position: 0px -336px; }
.input-16 { background-position: 0px -360px; }
.media-all { background-image: url(images/pmt.png); padding-left: 30px; background-repeat: no-repeat; height: 20px; display: inline-block; }
.media-2 { background-position: 0px -24px; }
.media-3 { background-position: 0px -48px; }
.media-4 { background-position: 0px -72px; }
.media-5 { background-position: 0px -96px; }
.media-6 { background-position: 0px -120px; }
.media-7 { background-position: 0px -144px; }
.media-8 { background-position: 0px -168px; }
.media-9 { background-position: 0px -192px; }
.nav-all{ background-image: url(images/pdh.png); padding-left: 30px; background-repeat: no-repeat; height: 20px; display: inline-block; }
.nav-2 { background-position: 0px -24px; }
.nav-3 { background-position: 0px -48px; }
.nav-4 { background-position: 0px -72px; }
.nav-5 { background-position: 0px -96px; }
.nav-6 { background-position: 0px -120px; }
.nav-7 { background-position: 0px -144px; }
.nav-8 { background-position: 0px -168px; }
.nav-9 { background-position: 0px -192px; }
.other-all { background-image: url(images/pqt.png); padding-left: 30px; background-repeat: no-repeat; height: 20px; display: inline-block; }
.other-3 { background-position: 0px -24px; }
.other-4 { background-position: 0px -48px; }
.other-5 { background-position: 0px -72px; }
.other-6 { background-position: 0px -96px; }
.other-7 { background-position: 0px -120px; }
.other-8 { background-position: 0px -144px; }
.other-9 { background-position: 0px -168px; }
.other-10 { background-position: 0px -192px; }
/* end icn */

/******头部*****/
/* line 89, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header {
  height: 60px;
  background-color: #353636;
  width: 100%;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 1888;
}

/* line 90, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .logo {
  margin-top: 0px;
  margin-left: 110px;
  float: left;
}
/* line 91, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .hnav {
  float: right;
}

/* line 92, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .hnav a {
  float: left;
  height: 60px;
  padding-left: 14px;
  padding-right: 14px;
  border-left: 1px solid #424242;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  color: #FFFFFF;
  display: block;
  position: relative;
}

/* line 93, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .hnav a:hover {
  background-color: #7c54ad;
  border-left: 1px solid #7c54ad;
}

/* line 94, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .mem_detail {
  position: absolute;
  margin-top: 60px;
  width: 73px;
  display: none;
}

/* line 95, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .mem_detail li {
  list-style: none;
}

/* line 96, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .mem_detail a {
  width: 100%;
  text-align: center;
  padding: 0 !important;
  border: 1px solid #5A5A5A;
  border-top: 0;
  height: 40px;
  line-height: 40px;
  background-color: #353636;
}

/* line 97, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .batx {
  width: 45px;
  height: 45px;
  margin-top: 8px;
  border-radius: 100%;
}

/* line 98, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .hnav a.msgtip, .msgtip {
  display: block;
  background-color: Red;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #FFF;
  position: absolute;
  top: 5px;
  right: 430px;
  padding: 0;
  border: 0;
  display: none;
}

/* line 99, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .ticon {
  background-image: url("images/inctopp.png");
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-top: 16px;
}

/* line 100, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .icn1 {
  background-position: 0 -32px;
}

/* line 101, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .icn2 {
  background-position: 0 -64px;
}

/* line 102, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .icn3 {
  background-position: 0 -96px;
}

/* line 103, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .icn4 {
  background-position: 0 -128px;
}

/* line 104, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .icn5 {
  background-position: 0 -160px;
}

/* line 105, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .icn6 {
  background-position: 0 -192px;
}

/* line 106, /mnt/jq/app/assets/stylesheets/layout.css.scss */
.header .icn7 {
  background-position: 0 -224px;
}