body {
 font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
 color: #000;
}
body, button, input, textarea {
 font-size: 12px;
 line-height: 1.531;
 outline: none;
 margin: 0;
 padding: 0;
 border: 0;
}
p, ul, ol, dl, dt, dd, form, blockquote {
 margin: 0;
 padding: 0;
}
ul, ol {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 font-size: 12px;
 margin: 0;
 padding: 0;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 border: 0;
}
a {
 text-decoration: none;
 color: #333333;
}
a:hover {
 text-decoration: underline;
 color: #C70D0E;
}
input, img, select {
 vertical-align: middle;
}
table{
	border-width:1px;
	width:100%;
	border-collapse: collapse;
	border-spacing: 2px;
	border-color: gray;
}
table td{ padding-left:10px;}
.clear {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.clearfix {
 overflow: hidden;
 zoom: 1;
}
.none {
 display: none;
}
#captcha {
 cursor: pointer;
}
.more {
 float: right;
 padding-right: 8px;
 font-size: 12px;
 font-weight: normal;
 text-transform: uppercase;
}
.more a {
 color: #999;
}
.more a:hover {
 text-decoration: underline;
}
/* 主体框架
----------------------------------------------- */
#wrapper {
}
#wrapper .wrap {
 max-width: 950px;
 width:100%;
 margin: 0 auto;
}
#wrapper .mb {
 margin-bottom: 20px;
}
/* -- index -- */
#indexLeft {
 float: left;
 width: 380px;
 margin-left:20px;
}
#indexRight {
 float: left;
 width: 550px;
 text-align: left;
}
/* -- page -- */
#pageLeft {
 float: left;
 width: 180px;
 margin-left: 20px;
}
#pageIn {
 float: left;
 max-width: 750px;
 width:100%;
 overflow: hidden;
}
/* 头部导航
----------------------------------------------- */
/* -- top -- */
#top {
 background-color: #EEEEEE;
 height: 30px;
 border-bottom: 1px solid #D8D8D8;
 text-align: right;
 color: #000;
}
/* topNav */
#top .topNav {
 position: relative;
 z-index: 1000;
 height: 30px;
 float: right;
}
#top .topNav li {
 border: 1px solid #EEEEEE;
 border-bottom: 0;
 float: left;
 zoom: 1;
 text-align: center;
}
#top .topNav li s {
 top: 9px;
 left: 0;
 width: 0;
 height: 12px;
 border-left: 1px solid #DDD;
 overflow: hidden;
}
#top .topNav li a {
 padding: 0 12px;
 height: 28px;
 line-height: 28px;
 color: #555;
}
#top .topNav li.hover {
 position: relative;
 background: #FFFFFF;
 border: 1px solid #DDDDDD;
 border-bottom: 0;
}
#top .topNav li.hover s {
 border-left: 1px solid #FFF;
}
#top .topNav ul {
 background: #FFFFFF;
 border: 1px solid #DDDDDD;
 border-top: 0;
 width: 100%;
 display: none;
 position: absolute;
 top: 100%;
 left: -1px;
 padding-bottom: 4px;
}
#top .topNav ul li {
 float: none;
}
#top .topNav li.hover ul li {
 border: none;
}
#top .topNav li.hover ul li a {
 height: 25px;
 line-height: 25px;
}
/* -- header -- */
#header {
 min-height: 80px;
}
#header .logo {
 padding: 14px 0;
 float: left;
}
#header .searchBox {
 float: right;
}
#header .searchBox {
 margin: 30px 10px 0 0;
 border-radius:15px;
}
#header .searchBox .keyword {
 width: 210px;
}
/* -- mainNav -- */
#mainNav {
 height: 60px;
 font-size: 14px;
 width: 100%;
 overflow: hidden;
 background: url(../default/images/shared/wide_bg_navigation.gif) 0 0 repeat-x;
}

.testclass{
	/*display:none;*/
	background:linear-gradient(to right ,var(--color),var(--color2),var(--color3));/**/
	height:auto;/**/
}
.st2{
	/*background-color:rgb(233, 233, 233) !important;
	border-radius: 15px;
	padding: 10px;
	overflow: hidden !important;
	box-shadow:15px 15px 20px #00000064, inset 3px 3px 1px white,-20px -18px 20px #ffffff42;*/
}

.dropdown-arrow{
  position: relative;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid ;
  float:right;
  top:50%;
}


.pdfli {
    display: inline;
    margin-right: 2em;
    padding-left: 7px;
    background: url(./images/shared/liststyle_utilitynav.gif) no-repeat 0 50%;
    white-space: nowrap;
}

/*test*/
div#sub_navigation_area {
  height: 370px;
  width: 100%;
  top: 0;
  margin: 0 auto;
  overflow: hidden;
  display: none;
  background: #333; }
  /* line 247, importTop.scss */
  div#sub_navigation_area div#sub_navigation {
    width: 980px;
    height: 290px;
    position: relative;
    top: 0;
    margin: 0 auto;
    overflow: hidden; }
    /* line 254, importTop.scss */
    div#sub_navigation_area div#sub_navigation div {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0; }
      /* line 259, importTop.scss */
      div#sub_navigation_area div#sub_navigation div div {
        position: static;
        margin: 70px 21px 0;
        float: left;
        height: auto; }
        /* line 264, importTop.scss */
        div#sub_navigation_area div#sub_navigation div div ul {
          margin-left: 0;
          overflow: hidden; }
          /* line 267, importTop.scss */
          div#sub_navigation_area div#sub_navigation div div ul li {
            list-style-type: none;
            width: 190px;
            height: 143px;
            text-align: center;
            float: left;
            overflow: hidden; }
            /* line 274, importTop.scss */
            div#sub_navigation_area div#sub_navigation div div ul li a {
              display: block; }
              /* line 276, importTop.scss */
              div#sub_navigation_area div#sub_navigation div div ul li a:hover img {
                margin-top: -143px; }
            /* line 280, importTop.scss */
            div#sub_navigation_area div#sub_navigation div div ul li#navigation_dec a:hover img {
              margin-top: 0; }
    /* line 287, importTop.scss */
    div#sub_navigation_area div#sub_navigation p.close {
      position: absolute;
      bottom: 10px;
      left: 50%;
      margin-left: -15px;
      cursor: pointer; }
    /* line 294, importTop.scss */
    div#sub_navigation_area div#sub_navigation .sp_nav {
      display: none; }
/*testee*/

/*test2*/
div.foot_navigation_area {
  height: 370px;
  width: 100%;
  top: 0;
  margin: 0 auto;
  overflow: hidden;
  /*background: #333; */
}
  /* line 247, importTop.scss */
  div.foot_navigation_area div#foot_navigation {
    width: 980px;
    height: 290px;
    position: relative;
    top: 0;
    margin: 0 auto;
    overflow: hidden; }
    /* line 254, importTop.scss */
    div.foot_navigation_area div#foot_navigation div {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0; }
      /* line 259, importTop.scss */
      div.foot_navigation_area div#foot_navigation div div {
        position: static;
        margin: 70px 0px 0;
        float: left;
        height: auto; }
        /* line 264, importTop.scss */
        div.foot_navigation_area div#foot_navigation div div ul {
          margin-left: 0;
          overflow: hidden; }
          /* line 267, importTop.scss */
          div.foot_navigation_area div#foot_navigation div div ul li {
            list-style-type: none;
            width: 190px;
            height: 143px;
            text-align: center;
            float: left;
            overflow: hidden; }
            /* line 274, importTop.scss */
            div.foot_navigation_area div#foot_navigation div div ul li a {
              display: block; }
              /* line 276, importTop.scss */
              div.foot_navigation_area div#foot_navigation div div ul li a:hover img {
                margin-top: -143px; }
            /* line 280, importTop.scss */
            div.foot_navigation_area div#foot_navigation div div ul li#navigation_dec a:hover img {
              margin-top: 0; }

div.foot_navigation_area_m {
  display: none;
}
/*test2ee*/


/* LEVEL ONE */
#mainNav ul.wrap {
 position: relative;
 z-index: 99;
}
#mainNav ul li {
 float: left;
 zoom: 1;
}
#mainNav ul li:last-of-type a{
width: 75px;
}
#mainNav ul li a {
 display: block;
 width: 200px;
 padding: 0 12px;
 text-align: center;
 border-right: 1px solid #4F4F4F;
 height: 26px;
 line-height: 26px;
 color: #fff;
 text-decoration: none;
}
#mainNav ul li.hover, #mainNav ul li.cur {
 position: relative;
}
#mainNav ul li.hover a, #mainNav ul li.cur a {
 color: #FFF;
 font-weight:800;
 text-shadow: 2px 2px 2px #ccc;
}
#mainNav ul li .first {
 width: 74px;
}
#mainNav ul li.hover .first, #mainNav ul li.cur .first {
 color:#fff;
}
#mainNav ul li .last {
 background: #E0E0E0 url(images/main_nav_right.gif) no-repeat right top;
 margin-right: -1px;
}
#mainNav ul li.hover .last, #mainNav ul li.cur .last {
 background: #19B4EA url(images/main_nav_right.gif) no-repeat right bottom;
}
/* LEVEL TWO */
#mainNav ul ul {
 min-width: 125px;
 _width: 125px;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 border-top: 1px solid white;
 background: #E0E0E0;
}
#mainNav ul ul li {
 font-weight: normal;
 background: #E0E0E0;
 float: none;
}
#mainNav ul li.hover ul li a {
 color: #24313C;
 border-right: none;
 display: inline-block;
}
#mainNav ul li.hover ul li.hover a {
 color: #FFF;
}
#mainNav ul li.hover ul a.parent {
 background: url(images/icon_red.gif) no-repeat 100px 50%;
}
/* LEVEL THREE */
#mainNav ul ul ul {
 left: 100%;
 top: 0;
 border-top: 0;
 _border-top: 1px;
}
#mainNav ul li.hover ul li.hover ul li a {
 color: #24313C;
}
#mainNav ul li.hover ul li.hover ul li.hover a {
 color: #FFF;
}
/* 首页样式
----------------------------------------------- */
/* -- 幻灯 -- */
.slideShow {
 position: relative;
 margin: 0 auto 10px;
 padding: 0;
 *zoom: 1;
}
.slideShow .slides a {
 display: block;
 height: 350px;
 background-repeat: no-repeat;
 background-position: center center;
}
.slideShow .slideBox {
 background: #fff;
 /*fix other elements on the page moving (on Chrome)*/
 -webkit-transform: translatez(0);
 -moz-transform: translatez(0);
 -ms-transform: translatez(0);
 -o-transform: translatez(0);
 transform: translatez(0);
}
/* -- slideLoading -- */
.slideShow .slideLoading {
 min-height: 50px;
 background: url(images/slide_loader.gif) center center no-repeat #fff;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2000;
}
/* -- previous 和 next 按钮 -- */
.slideShow .arrowBox a {
 z-index: 50;
 font-family: \5b8b\4f53, sans-serif;
 position: absolute;
 display: block;
 margin-bottom: -20px;
 width: 40px;
 height: 40px;
 bottom: 50%;
 line-height: 40px;
 text-decoration: none;
 text-align: center;
 color: #fff;
 font-size: 2em;
 background-color: #333;
 background-color: rgba(50,50,50,.3);
}
.slideShow .arrowBox a.disabled {
 display: none;
}
.slideShow .arrowBox .arrowPrev {
 left: 20px;
}
.slideShow .arrowBox .arrowNext {
 right: 20px;
}
.slideShow .arrowBox a:hover {
 background-color: rgba(50,50,50,.6);
}
/* -- controlBox -- */
.slideShow .controlBox {
 z-index: 30;
 position: absolute;
 bottom: 10px;
 width: 100%;
 text-align: center;
 font-size: .85em;
 font-family: Arial;
 font-weight: bold;
 color: #666;
}
.slideShow .controlBox .control {
 display: inline-block;
 *zoom: 1;
 *display: inline;
}
.slideShow .controlBox.controlDefault a {
 background: url(images/inactive.png) no-repeat 50% 50%;
 text-indent: -9999px;
 overflow:hidden;
 width: 20px;
 height: 30px;
 clear: none;
 display: block;
}
.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active {
 background: url(images/active.png) no-repeat 50% 50%;
}
/* -- slideTitle -- */
.slideShow .slideTitle {
 z-index: 20;
 position: absolute;
 bottom: 0;
 left: 0;
 background: #666\9;
 background: rgba(80, 80, 80, 0.75);
 width: 100%;
}
.slideShow .slideTitle span {
 color: #fff;
 display: block;
 font-size: .85em;
 padding: 15px 10px;
}
/* -- sileThumb -- */
.slideShow .sileThumb {
 z-index: 30;
 text-align: center;
 position: absolute;
 bottom: 8px;
 right: 8px;
}
.slideShow .sileThumb a {
 margin: 0 3px;
}
.slideShow .sileThumb a img {
 border: solid #B0B0B0 1px;
}
.slideShow .sileThumb a.active img {
 border: solid #19B4EA 1px;
}
/* 通用结构	
----------------------------------------------- */
/* -- form -- */
.btn {
 display: inline-block;
 background-color: #C44A4E;
 color: #EEE;
 padding: 6px 25px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
}
.btn:hover {
 text-decoration: none;
 color: #FFFFFF;
 background-color: #C44A4E;
}
.btnGray {
 display: inline-block;
 background-color: #CCC;
 border: 0;
 color: #333;
 padding: 6px 15px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
}
/* -- input -- */
.textInput {
 padding: 0 4px;
 height: 28px;
 border: 1px solid #DDDDDD;
}
.textArea {
 padding: 4px;
 border: 1px solid #DDDDDD;
}
/* -- style -- */
.price {
 color: #CC0000;
}
/* -- incBox -- */
.incBox {
 margin-bottom: 15px;
}
.incBox h3 {
 height: 35px;
 line-height: 35px;
 font-weight: bold;
 font-size: 14px;
}
.incBox h3 a {
}
/* -- tree -- */
.treeBox {
 margin: 23px 0 15px 0;
 border: solid #CBD1D3;
 border-width:1px 1px 0 1px;
}
.treeBox h3 {
 height: 35px;
 line-height: 35px;
 font-weight: bold;
 font-size: 14px;
 text-align:center;
 background-color: #c4494e;
 color:#fff;
 border-bottom: 1px solid #CBD1D3;
}
.treeBox li {
 line-height: 42px;
 padding-left:20px;
 background: url(../default/images/shared/liststyle_arrow01.gif) 6px 17px no-repeat;
 border-bottom: 1px solid #c1c1c1;
}
.treeBox li.cur {
	border-bottom: 1px solid #c1c1c1;
	font-weight: bold;
	font-size: 120%;
	background-color:#f6e4e5;
}
.treeBox li a {
}
.treeBox .searchBox {
 margin:0px 0;
}
.treeBox .searchBox .keyword {
 width: 130px;
}
/* -- searchBox -- */
.searchBox {
 border:solid #DDDDDD;
 border-width:0 0 1px 0;
 background-color: #FFF;
 height: 28px;
 padding-left: 10px;
}
.searchBox {
 position: relative;
 white-space: normal
}
.searchBox label {
 height: 0;
 line-height: 0;
 overflow: hidden;
 width: 0;
 position: absolute;
 font-size: 0;
 z-index: -1;
 outline: 0
}
.searchBox .keyword {
 color: #CCCCCC;
}
.searchBox .keyword:focus {
 color: #555
}
.searchBox .keyword::-webkit-input-placeholder {
 color:#CCCCCC;
}
.searchBox .keyword:focus:-moz-placeholder, .searchBox .keyword:focus::-moz-placeholder {
color:transparent!important
}
.searchBox .keyword:focus::-webkit-input-placeholder {
color:transparent!important
}
.searchBox .btnSearch {
 background:url(images/btn_search.gif) no-repeat;
 width: 25px;
 height: 25px;
 text-indent: -999px;
 overflow:hidden;
 cursor: pointer;
 border-radius:15px;
}
/* -- 上一页下一页 -- */
.lift {
 margin-top:40px;
 color:#999;
}
.lift a {
 color:#999;
}
.lift span {
 margin-right:15px;
}
/* 库项目样式
----------------------------------------------- */
/* -- urHere -- */
.urHere {
 height: 35px;
 line-height: 35px;
 border-bottom: 0px solid #CBD1D3;
 margin: 1.1em auto 0.9em;
}
.urHere a {
 color: #c44a4e;
}
.urHere b {
 margin: 0 8px;
}
/* -- recommendProduct -- */
.recommendProduct {
 padding-top: 10px;
}
.recommendProduct li {
 float: left;
 width: 137px;
 height: 200px;
 margin-right: 17px;
 text-align: center;
}
.recommendProduct li.clearBorder {
 margin-right: 0;
}
.recommendProduct .img {
 border: 1px solid #E4E4E4;
 margin-bottom: 8px;
}
/* -- about -- */
.about {
 padding-top: 13px;
 overflow:hidden;
}
.about p {
 float: left;
 width: 200px;
 height: 119px;
}
.about dl {
 float: right;
 width: 160px;
 height: 125px;
 margin-left:10px;
}
.about dl dt {
 display: block;
 font-size: 16px;
 font-weight: bold;
 color: #313131;
 padding: 5px 0;
}
.about dl dd {
 word-wrap: break-word;
 word-break: normal;
}
.about .aboutBtn {
 display: block;
 text-decoration: none;
 font-weight: bold;
 margin-top: 0px;
 text-align:right;
}
/* -- recommendArticle -- */
.recommendArticle li {
 background: url(images/icon_red.gif) no-repeat left 50%;
 border-bottom: 1px dotted #D1D1D1;
 line-height: 38px;
 padding-left: 15px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 width: 95%;
}
.recommendArticle li b {
 float: right;
 color: #999999;
}
.recommendArticle li.last {
 border-bottom: 0;
}
/* -- contact -- */
.contact {
 border: 0px solid #CBD1D3;
 border-radius:15px;
}
.contact h3 {
 border-bottom: 1px solid #CBD1D3;
 padding-bottom: 10px;
 font-size: 14px;
}
.contact .box {
 padding:15px 0 0 3px;
}
.contact dl {
 margin-bottom: 8px;
 zoom:1;
 overflow:hidden;
}
.contact dt {
 float:left;
 background: url(images/icon_contact.gif) no-repeat 0 0;
 width:30px;
 height: 30px;
 margin-right:17px;
}
.contact dt.tel {
 background-position: 0 -30px;
}
.contact dt.fax {
 background-position: 0 -60px;
}
.contact dt.url {
 background-position: 0 -90px;
}
.contact dt.email {
 background-position: 0 -120px;
}
.contact dd {
 float:left;
 width:330px;
 line-height:30px;
}
/* page
----------------------------------------------- */
#page {
 padding: 0 0 20px 0;
}
.pagehone{
	color: #c4494e;
	font-size: 20px;
	border-left: 2px solid;
	font-weight: bold;
	height: 75px;
	/* line-height: 75px; */
	margin: 10px 0 0 0;
	padding-left: 30px;
	font-weight: bold;
	display: flex;
	align-items: center;
	background: url(../default/images/shared/explainblock.jpg) 0 0 repeat-x;
}
#page h1 {
}
.content h5{  margin-bottom: 1.2em;padding: 0.4em 9px 0.3em 8px; margin-top:10px;border-bottom: 1px solid #c4c4c4;
background: url(../default/images/shared/mark_head.gif) no-repeat 0.5em 1em #f5f5f5;padding-left: 20px;}
.content h6{  margin-bottom: 1.2em;padding: 0.4em 9px 0.3em 8px;border-bottom: 1px dotted #c4c4c4;
background: url(../default/images/shared/mark_head.gif) no-repeat 0.5em 1em;padding-left: 20px;}
#page .info {
 padding: 2px 0 20px 0;
 font-size: 13px;
}
#page .content {
 line-height: 200%;
 padding-top: 0px;
}
/* product_category
----------------------------------------------- */
.productList {
 padding-top: 20px;
 color: #999999;
}
.productList dl {
 float: left;
 width: 370px;
 height: 160px;
 margin: 0 20px 30px 0;
}
.productList dl.last {
 margin-right: 0;
}
.productList dt {
 float: left;
 width: 160px;
}
.productList dd {
 float: left;
 width: 195px;
 padding: 15px 0 0 15px;
}
.productList dt img {
 border: 1px solid #EEEEEE;
}
.productList .name {
 height: 18px;
 overflow: hidden;
}
.productList .name a {
 color: #333333;
 font-weight: bold;
}
.productList .brief {
 color: #999999;
 padding-top: 8px;
 height: 60px;
}
.productList .price {
 padding-bottom: 10px;
}
/* product
----------------------------------------------- */
#product {
 padding: 15px 0;
}
#product .productImg {
 float: left;
 width: 300px;
}
#product .productInfo {
 float: left;
 width: 465px;
 padding: 10px 0 0 15px;
 line-height: 200%;
}
#product .productInfo h1 {
 font-size: 18px;
}
#product .productInfo ul {
 padding-top: 10px;
}
#product .productInfo .productPrice {
 margin-bottom: 5px;
}
#product .productInfo .productPrice .price {
 font-family: Arial;
 font-size: 20px;
 font-weight: bold;
}
#product .productInfo .btnAsk {
 margin-top: 50px;
 zoom: 1;
 overflow: hidden;
}
#product .productInfo .btnAsk dt {
 float: left;
 width: 88px;
 height: 39px;
 line-height: 39px;
 text-align: right;
 padding-right: 3px;
 margin-right: 6px;
 background-color: #E0E0E0;
 color: #333;
 font-weight: bold;
}
#product .productInfo .btnAsk dd {
 float: left;
 width: 300px;
}
#product .productContent {
 padding: 15px 0;
}
#product .productContent h3 {
 height: 35px;
 line-height: 35px;
 color: #7A7F81;
 font-weight: bold;
 font-size: 14px;
 border-bottom: 1px solid #CBD1D3;
}
#product .productContent ul {
 padding: 15px 0;
 color: #666;
 line-height: 200%;
}
/* article_category
----------------------------------------------- */
#articleList dl {
 border-bottom: 1px dotted #D1D1D1;
 padding: 20px 0;
}
#articleList dl.last {
 border-bottom: 0;
}
#articleList dt {
 width: 620px;
 background: url(images/icon_red.gif) no-repeat left 50%;
 padding-left: 15px;
 margin-bottom: 10px;
}
#articleList dd {
 color: #999999;
 padding-left: 2px;
 line-height: 180%;
 zoom: 1;
 overflow: hidden;
}
#articleList dd p {
 float: left;
}
#articleList dd p.img {
 margin-right: 10px;
}
#articleList dd p.desc {
 width: 590px;
}
#articleList .numDate {
 float: right;
 text-align: right;
 padding-top: 12px;
 height: 70px;
}
#articleList .numDate em {
 background-color: #c4494e;
 color: #FFF;
 padding: 3px 4px;
 font-size: 12px;
 font-weight: bold;
}
#articleList .numDate p {
 font-size: 12px;
 color: #999999;
 margin-top: 5px;
}
/* article
----------------------------------------------- */
#article {
 padding: 20px 0;
}
#article h1 {
 color: #333333;
 font-size: 18px;
 font-weight: bold;
 text-align:center;
}
#article .info {
 padding: 2px 0 20px 0;
 color: #999999;
 font-size: 13px;
 text-align:center;
}
#article .content {
 line-height: 180%;
}
/* 留言板
----------------------------------------------- */
#guestBook {
 padding: 20px 0;
}
#guestBook h2 {
 color: #555;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 20px;
}
/* bookList */
#guestBook .bookList {
 margin-bottom: 30px;
 line-height: 180%;
 font-size: 13px;
}
#guestBook .bookList dl {
 margin-bottom: 15px;
}
#guestBook .bookList dt {
 color: #999;
 margin-bottom: 3px;
}
#guestBook .bookList dt b {
 color: #999;
 margin-left: 20px;
}
#guestBook .bookList dd {
 color: #666;
 overflow: hidden;
 zoom: 1;
}
#guestBook .bookList dd em {
 float: left;
 width: 70px;
}
#guestBook .bookList dd span {
 float: right;
 width: 910px;
 text-align: left;
}
#guestBook .bookList p {
 color: #0072C6;
 margin-top: 5px;
 overflow: hidden;
 zoom: 1;
}
#guestBook .bookList p em {
 float: left;
 width: 70px;
}
#guestBook .bookList p span {
 float: left;
 width: 800px;
}
#guestBook .bookList p b {
 color: #999;
 float: right;
}
#guestBook .bookList .pager {
 text-align: left;
}
/* bookList */
#guestBook .bookAdd {
 line-height: 180%;
 font-size: 13px;
}
#guestBook .bookAdd dl {
 overflow: hidden;
 zoom: 1;
 margin-bottom: 15px;
}
#guestBook .bookAdd dl dt, #guestBook .bookAdd dl dd {
 float: left;
}
#guestBook .bookAdd dl dt {
 width: 200px;
 text-align: right;
 line-height: 30px;
}
#guestBook .bookAdd .vcode {
 text-transform: uppercase;
}
#guestBook .bookAdd .select {
 height: 28px;
}
#guestBook .bookAdd dl.cue {
 margin: -8px 0 10px 60px;
 color: #999;
}
#guestBook .bookAdd dl.submit {
 margin: 20px 0 0 60px;
}
#guestBook .bookAdd dd b {
 display: block;
 padding: 2px 0 2px 3px;
 border: 1px solid #fec600;
 color: #666;
 background-color: #fbf8e9;
 line-height: 16px;
}
/* 提示信息
----------------------------------------------- */
#douMsg {
 padding: 10px 0 100px 0;
}
#douMsg dl {
 padding: 160px 0 200px 0;
 text-align: center;
 background-color: #EBEBEB;
 border-top: 1px solid #FFFFFF;
}
#douMsg dt {
 color: #0072C6;
 font-size: 16px;
 margin-bottom: 30px;
 font-weight: bold;
}
#douMsg dd {
 color: #666;
}
#douMsg dd a {
 margin-left: 5px;
 color: #000;
}
/* 分页
----------------------------------------------- */
.pager {
 text-align: right;
 padding-top: 20px;
 color: #666;
}
.pager a {
 color: #666;
 text-decoration: underline;
}
/* link
----------------------------------------------- */
.link {
 margin-bottom: 10px;
}
.link strong {
 color: #7A7F81;
 font-weight: bold;
}
.link a {
 color: #555;
}
/* 在线客服
----------------------------------------------- */
#onlineService {
 position: fixed;
 _position: absolute;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
 top: 208px;
 right: 0;
 z-index: 999999;
 display: block;
}
#onlineService .onlineIcon {
 position: relative;
 cursor: pointer;
 background: url(images/online_service.png) no-repeat;
 width: 34px;
 height: 110px;
 text-indent: -9999px;
 overflow:hidden;
}
#onlineService #pop {
 border: 3px solid #19B4EA;
 background-color: #F2F2F2;
 padding: 8px;
 width: 95px;
 min-height: 84px;
 position: absolute;
 right: 34px;
 top: 0;
 display: none;
 z-index: 999999;
}
#onlineService .onlineQQ a {
 display: block;
 background: url(images/online_service.png) no-repeat left -160px;
 color: #19B4EA;
 width: 82px;
 height: 24px;
 line-height: 23px;
 padding-left: 27px;
 margin-bottom: 8px;
}
#onlineService .onlineQQ a:hover {
 text-decoration: none;
 color: #19B4EA;
}
#onlineService .service {
 border-top: 1px solid #DDDDDD;
 padding-top: 8px;
 color: #666;
}
#onlineService .service a {
 color: #666;
}
#onlineService .service li {
 background: url(images/online_service.png) no-repeat left -202px;
 padding-left: 8px;
}
#onlineService .goTop {
 display: none;
}
#onlineService .goTop .goBtn {
 background: #F2F2F2 url(images/online_service.png) no-repeat left -120px;
 width: 34px;
 height: 34px;
 display: block;
}
/* footer
----------------------------------------------- */
#footer {
 border-top: 1px solid #D8D8D8;
 background-color: #EBEBEB;
 padding: 35px 0;
 line-height: 25px;
 color: #999999;
}
#footer a {
 color: #999999;
}
#footer .footNav i {
 margin: 0 12px;
 color: #CCC;
}
#footer .footNav a.first {
 margin-left: 0;
}
#footer .copyRight {
 font-family: Arial, Lucida, Verdana, Helvetica, sans-serif;
}
/*Bruce.Peng add*/
.index_bar{
	height:20px;
	width:950px;
	margin:0 auto;
}
.index_bar ul{
	height: 70px;
	overflow: hidden;
	margin-bottom: 10px;
}
.index_bar ul li{
	float: left;
	}
/* 五张图样式 */
/* #menu1{height:70px;width:189px;background:url(./images/new_img/CC.png) no-repeat;} */
/* #menu2{height:70px;width:190px;background:url(./images/new_img/DM.png) no-repeat;} */
/* #menu3{height:70px;width:190px;background:url(./images/new_img/EC.png) no-repeat;} */
/* #menu4{height:70px;width:190px;background:url(./images/new_img/Global.png) no-repeat;} */
/* #menu5{height:70px;width:190px;background:url(./images/new_img/ITO.png) no-repeat;} */
/* #menu1:hover,#menu1:active {background:url(./images/new_img/CC.png) no-repeat 0px -70px;} */
/* #menu2:hover,#menu2:active {background:url(./images/new_img/DM.png) no-repeat 0px -70px;} */
/* #menu3:hover,#menu3:active {background:url(./images/new_img/EC.png) no-repeat 0px -70px;} */
/* #menu4:hover,#menu4:active {background:url(./images/new_img/Global.png) no-repeat 0px -70px;} */
/* #menu5:hover,#menu5:active {background:url(./images/new_img/ITO.png) no-repeat 0px -70px;} */

/* 六张图样式 */
.menu1{height:70px;width:158px;/*background:url(./images/new_img/CC.png) no-repeat;*/}
/* #menu1{height:70px;width:158px;background:url(./images/new_img/CC.png) no-repeat;} */
/* #menu1{height:70px;width:158px;background:url(./images/new_img/CC.png) no-repeat;} */
/* #menu2{height:70px;width:158px;background:url(./images/new_img/DM.png) no-repeat;} */
/* #menu3{height:70px;width:158px;background:url(./images/new_img/EC.png) no-repeat;} */
/* #menu4{height:70px;width:159px;background:url(./images/new_img/Global.png) no-repeat;} */
/* #menu5{height:70px;width:158px;background:url(./images/new_img/ITO.png) no-repeat;} */
/* #menu6{height:70px;width:158px;background:url(./images/new_img/DEC.png) no-repeat;} */
/* #menu1:hover,#menu1:active {background:url(./images/new_img/CC.png) no-repeat 0px -70px;} */
/* #menu2:hover,#menu2:active {background:url(./images/new_img/DM.png) no-repeat 0px -70px;} */
/* #menu3:hover,#menu3:active {background:url(./images/new_img/EC.png) no-repeat 0px -70px;} */
/* #menu4:hover,#menu4:active {background:url(./images/new_img/Global.png) no-repeat 0px -70px;} */
/* #menu5:hover,#menu5:active {background:url(./images/new_img/ITO.png) no-repeat 0px -70px;} */
/* #menu6:hover,#menu5:active {background:url(./images/new_img/DEC.png) no-repeat 0px -70px;} */
.menu1:last-child{width:159px;}
.index_bar ul li h1{height:70px;width:190px}
.slider{position: relative;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.callbacks_tabs a:after {content: "\f111";font-size: 0;font-family: FontAwesome;visibility: visible;height: 15px;width: 15px;display: inline-block;background:#fff;text-indent: -9999px;transform: rotate(40deg);margin:0 6px;}
.callbacks_here a:after{background:#e92d2d;}
.callbacks_tabs a{visibility:hidden;}
.callbacks_tabs li{display:inline-block;}
ul.callbacks_tabs.callbacks1_tabs {position: absolute;bottom: 14px;z-index: 999;text-align: center;width: 100%;}
.banner {position: relative;}
*,*:after,*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ArticleList-Title{font-size:16px;font-weight:800;}
.index_input{ border:1px solid #ccc;}
.SreachRight{float: right;width: 180px;}
.footer_navi {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 999;
}
.footer_navi .txt_info {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    background: #C44A4E;
    text-align: center;
    border-top-left-radius: 3px;
}
.footer_navi .footer_navi_inner {
    width: 100px;
}
.footer_navi .txt_info span {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
}
.footer_navi_links {
    border: 1px solid #eee;
    border-bottom-left-radius: 3px;
    border-right: 0;
    background: #fff;
}
.footer_navi_links li a {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
    align-items: center;
    height: 60px;
    background: #fff;
    color: #444;
    font-size: 10px;
    font-weight: bold;
}
.tel_info_01 {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.footer_navi_links li .ico {
    margin: 0 0 3px;
}
.js-popup.open .popup_close:before, .js-popup.open .popup_close:after {
    content: "";
    background-color: #FFF;
    z-index: 12;
    position: absolute;
    left: 30px;
    width: 40px;
    height: 2px;
    top: 30px;
}
.js-popup.open .tel_info_01 {
    display: none;
}
.js-popup.open .popup_close:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.js-popup.open .popup_close:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.js-popup.open .popup_close {
    position: relative;
    display: block;
    height: 60px;
    width: 100%;
    background: #C44A4E;
}
.popup_close {
    display: none;
}
.js-popup.open + .tel_info_02 {
    visibility: visible;
    opacity: 1;
    cursor: default;
}
.tel_info_02 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 92px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    transition: visibility 0.3s linear,opacity 0.3s linear;
}
/*Moblie*/
#wrappers {width: 100%; max-width:950px; margin:0 auto; overflow: hidden; background:#FFF;}
.swipe ul, .swipe li { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.swipe img { width:100%; height:auto; display: block;}
.swipe { overflow: hidden; position: relative; }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe #pagenavi { position: absolute; left: 0; bottom: 7px; text-align: center; width: 100%; }
.swipe #pagenavi a { width:6px; height:6px;  line-height: 99em; background:#999;  border-radius: 50%; margin:0 3px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline;*zoom:1;}
.swipe #pagenavi a.active { background: #FFF; }
#m-head,#m-muse,#m-bar,#m_banner,#m-news,#m-cell,#m-language,.urHere,.desc,.numDate,.itreeBox{display:none;}
#articleList .numDate,.desc {display:inline;}
/* CELL */
.article-cell-bg{width:100%;overflow: hidden; text-align:center;padding:40px 0 10px 0;}

#topic_banner ul {
    overflow: hidden;
    font-size: 0;
    margin: 0;
    padding: 0;
}
#topic_banner ul li {
    width: 220px;
    display: inline-block;
    vertical-align: top;
    margin: 0 23px 20px 0;
    font-size: 12px;
    padding: 0;
    border: none;
}
#topic_banner ul li a {
    display: block;
    width: 220px;
    height: 80px;
    margin-bottom: 10px;
}
#topic_banner ul li img {
    display: block;
	border: none;
    vertical-align: top;
}

#topic_banner ul li:nth-child(4n) {
    margin-right: 0;
}
.pc_only_w {
	width: 950px;
}
.onlymobile{
	display:none;
}
@media only screen and (max-width: 640px) {
.m-pdf{height:45px; text-align:center; line-height:45px; background-color:#f9f9f9; margin:-1px 0;}
.m-pdf a{ text-decoration:none; color:#000;}
.m-language-cn2{float:left;width:33%;}
.m-language-en2{float:left;width:34%;}


.onlymobile{
	display:block;
}
.pc_only_w {
	width: auto;
}
.pc_prev {
	display:none;
}
.pc-next{
	display:none;
}
.pcOnly{
	display:none;
}
#articleList .numDate,.desc{display:none;}
#top,#header,#mainNav,.index_bar,#index,#pageLeft,.foot_navigation_area{display:none;}
#m-head,#m-muse,.slideBox,.slideBox,.controlBase.hasControl,#m-bar,#m_banner,#m-news,#m-cell,#m-language,.itreeBox{display:inherit;}
#m-head{width:100%; overflow:hidden;background: linear-gradient(#e1e1e1, #fff) repeat scroll 0 0 #d4d7d9!important;background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fff))!important;text-shadow: 1px 1px 1px #fff;position: relative;padding: 10px 0;border: 1px solid #CCCCCC;border-width: 0 0 1px 0;  background: linear-gradient(#e1e1e1, #fff) repeat scroll 0 0 #d4d7d9!important;background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fff))!important;}
.m-logo{width: 28%;float: left;}
.m-logo img{height: auto;width: 158px;max-width: 100%;}
.slogo{text-align:right;width: 68%;float: left;}
.slogo h1{color: #C44A4E;text-decoration: none!important;font-size: 1.1em;font-weight: bold;}
.slogo h2{line-height: 1.2;font-weight: bold;font-size:0.8em;}
#m-muse{border-bottom: 4px solid #C0494D;overflow:hidden;}
#m-muse li{ width:33%; float:left; text-align:center;line-height: 200%;font-size: 0.8rem;text-shadow: 1px 1px 2px #000;  font-weight: bold;background: -moz-linear-gradient( top, #a3a3a3 0%, #3b3b3b 50%, #242424 50%, #000000);background: -webkit-gradient( linear, left top, left bottom, from(#a3a3a3), color-stop(0.50, #3b3b3b), color-stop(0.50, #242424), to(#000000));height: 30px;border: solid #c6c6c6;border-width: 0 1px 1px 0;}
#m-muse li a{ color:#FFF; text-decoration:none;}
.bxslider img{width:100%; height:!important;}
.controlBase.hasControl{text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;position: absolute;width: 100%;z-index:999;}
.controlBox.controlDefault{z-index:9999;}
.control{display: inline-block; margin-top:-15px;z-index:9999;}
.controlLink{  background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.controlLink.active{background:#eeeeee;}
#m-bar{width: 96%;margin: 8px auto 10px;overflow:hidden;}
#m-bar a{float:left;width:50%; overflow:hidden;height:50px;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(245, 245, 245))) 0px 0px repeat scroll rgb(255, 255, 255);}
.m-bar-a{border:1px solid #ccc;}
.m-bar-b{border:solid #ccc; border-width:1px 1px 1px 1px;margin:0 0 0 -4px;}
.m-bar-c{border:solid #ccc; border-width:0 1px 1px 1px;}
.m-bar-d{border:solid #ccc; border-width:0 1px 1px 1px;margin:0 0 0 -4px;}
.m-bar-e{border:solid #ccc;border-width:0 1px 1px 1px;}
.m-bar-f{border:solid #ccc; border-width:0 1px 1px 1px;margin:0 0 0 -4px;}
.m-bar-a h1{height:50px;width:140px;/*background:url(./images/new_img/CC.png) no-repeat -4px -11px;*/}
.m-bar-b h1{height:50px;width:140px;/*background:url(./images/new_img/EC.png) no-repeat -4px -13px;*/}
.m-bar-c h1{height:50px;width:140px;/*background:url(./images/new_img/DM.png) no-repeat -10px -11px;*/}
.m-bar-d h1{height:50px;width:140px;/*background:url(./images/new_img/ITO.png) no-repeat -6px -10px;*/}
.m-bar-e h1{height:50px;width:140px;/*background:url(./images/new_img/DEC.png) no-repeat -16px -8px;*/}	
.m-bar-f h1{height:50px;width:140px;/*background:url(./images/new_img/Global.png) no-repeat -9px -10px;*/}	
#m-news,#m-cell{ margin:10px 2%;}
#m-news h3,#m-cell h3{font-weight: bold;font-size: 16px;color: #0072C6; line-height:30px;}
#m-news ul{}
#m-news ul li{border-top: solid #EEEEEE 1px;padding: 13px;}
#m-news ul li a{ text-decoration:none; color:#000;}
#m-cell p a{ text-decoration:underline; color:#0000EE;}
#m-language{height:45px; text-align:center; line-height:45px; background-color:#f9f9f9; margin:1px 0;}
#m-language a{ text-decoration:none; color:#000;}
.m-language-cn{float:left;width:33%;}
.m-language-en{float:left;width:34%;}
.m-language{float:left;width:25%;}
#footer {background-color:#000;}
#footer a,#footer .copyRight{color:#fff;}
#wrapper .mb{margin:0;}
#page .content{margin:0 auto;width:98%;}
#page .content img {max-width: 100%;  vertical-align: middle;border: 0;height:auto !important;}
#article .content img {height:auto !important;}

#articleList dt{width: 98%;margin:0 auto;}
#article{width: 98%;margin:0 auto;}
#article img{max-width: 100%;  vertical-align: middle;border: 0;}
.itreeBox {overflow: hidden;margin:5px;}
.itreeBox a {display: block;float: left;margin: 5px;border: solid #EEEEEE 1px;padding: 3px 6px;}

#m_banner ul{width: 96%;overflow: hidden;font-size: 0;margin:0 auto;}
#m_banner ul li{width: 49%;margin: 0 1% 20px 0;display: inline-block;vertical-align: top;font-size: 12px;}
#m_banner ul li:nth-child(2n){margin-left:1%;margin-right:0;}
#m_banner ul li a{margin-bottom: 0;margin: 0 auto 10px;display: block;}
#m_banner ul li img{display:block;border: none;vertical-align: top;width:100%}
#m_banner ul li span{width: 100%;display: block;margin: 0 auto;}
.testclass{
	height:auto;
}
/*test2*/
div.foot_navigation_area_m {
  height: 370px;
  width: 100%;
  top: 0;
  margin: 0 auto;
  overflow: hidden;
  display:block;
  /*background: #333; */
}
  /* line 247, importTop.scss */
  .m_nav{
    /*display: flex;*/
    flex-wrap: wrap;
    justify-content: center;
  }
  div.foot_navigation_area_m div#foot_navigation_m {
    width: 330px;
    height: 510px;
    position: relative;
    top: 0;
    margin: 0 auto;
    overflow: hidden; }
    /* line 254, importTop.scss */
    div.foot_navigation_area div#foot_navigation_m div {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0; }
      /* line 259, importTop.scss */
      div.foot_navigation_area_m div#foot_navigation_m div div {
        position: static;
        margin: 70px 21px 0;
        float: left;
        height: auto; }
        /* line 264, importTop.scss */
        div.foot_navigation_area_m div#foot_navigation_m div div ul {
          margin-left: 0;
          overflow: hidden; }
          /* line 267, importTop.scss */
          div.foot_navigation_area_m div#foot_navigation_m div div ul li {
            list-style-type: none;
            width: 140px;
            height: 143px;
            text-align: center;
            float: left;
            overflow: hidden; }
            /* line 274, importTop.scss */
            div.foot_navigation_area_m div#foot_navigation_m div div ul li a {
              display: block; }
              /* line 276, importTop.scss */
              div.foot_navigation_area_m div#foot_navigation_m div div ul li a:hover img {
                margin-top: -143px; }
            /* line 280, importTop.scss */
            div.foot_navigation_area_m div#foot_navigation_m div div ul li#navigation_dec a:hover img {
              margin-top: 0; }
/*test2ee*/
/**mttt2*/
div#sub_navigation_area_hm {
  height: 370px;
  width: 100%;
  top: 0;
  margin: 0 auto;
  overflow: hidden;
  display:block;
  background: #333; 
}
  /* line 247, importTop.scss */

  div#sub_navigation_area_hm div#sub_navigation_hm {
    width: 300px;
    height: 500px;
    position: relative;
    top: 0;
    margin: 0 auto;
    overflow: hidden; }
    /* line 254, importTop.scss */
    div#sub_navigation_area_hm div#sub_navigation_hm div {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0; }
      /* line 259, importTop.scss */
      div#sub_navigation_area_hm div#sub_navigation_hm div div {
        position: static;
        margin: 30px 5px 0;
        float: left;
        height: auto; }
        /* line 264, importTop.scss */
        div#sub_navigation_area_hm div#sub_navigation_hm div div ul {
          margin-left: 0;
          overflow: hidden; }
          /* line 267, importTop.scss */
          div#sub_navigation_area_hm div#sub_navigation_hm div div ul li {
            list-style-type: none;
            width: 140px;
            height: 143px;
            text-align: center;
            float: left;
            overflow: hidden; }
            /* line 274, importTop.scss */
            div#sub_navigation_area_hm div#sub_navigation_hm div div ul li a {
              display: block; }
              /* line 276, importTop.scss */
              div#sub_navigation_area_hm div#sub_navigation_hm div div ul li a:hover img {
                margin-top: -143px; }
            /* line 280, importTop.scss */
            div#sub_navigation_area_hm div#sub_navigation_hm div div ul li#navigation_dec a:hover img {
              margin-top: 0; }
/**endd22**/
}