@charset "UTF-8";
.path_nav .container {
  margin: 50px auto;
  margin-top: 20px;
  border-bottom: 1px dotted #ccc;
  padding: 20px; }
  .path_nav .container a {
    font-size: 16px;
    margin-right: 5px; }

.news_wiggets {
  background-color: #fff;
  border-left: 1px dotted #ccc;
  padding-left: 20px;
  float: right;
  width: 20%; }
  .news_wiggets .wigget {
    margin: 20px 0; }
    .news_wiggets .wigget h3 {
      text-align: center;
      color: white;
      line-height: 2em;
      border-radius: 3px;
      background-color: #01a9e9; }
    .news_wiggets .wigget ul {
      padding: 10px 0; }
      .news_wiggets .wigget ul li {
        padding: 10px 0;
        padding-left: 10px;
        color: #666666;
        font-size: 14px;
        border-bottom: 1px solid #f6f6f6; }

.shownews .container .newscontent {
  background-color: #fff;
  min-height: 500px;
  color: #666666;
  float: left;
  width: 75%; }
  .shownews .container .newscontent .title {
    text-align: center;
    margin-top: 20px; }
  .shownews .container .newscontent .info {
    text-align: center;
    margin: 25px 0;
    border-bottom: 1px dashed #dbd4cd;
    border-top: 1px dashed #dbd4cd;
    font-size: 13px;
    line-height: 35px; }
  .shownews .container .newscontent .content_text {
    padding-bottom: 100px; }
    .shownews .container .newscontent .content_text p {
      text-indent: 2em;
      font-size: 14px;
      line-height: 28px;
      text-align: justify;
      margin-top: 10px; }
      .shownews .container .newscontent .content_text p img {
        width:auto!imporant; }

.news_list .container .title_list li {
  border-bottom: 1px dotted #ccc; }
  .news_list .container .title_list li h3 {
    margin: 10px auto; }
    .news_list .container .title_list li h3 a {
      color: #00aae8; }
  .news_list .container .title_list li p {
    margin: 10px auto;
    font-size: 13px;
    text-indent: 2em;
    color: #666; }

.news_index .container {
  margin: 50px auto;
  border-top: 1px dotted #ccc;
  padding: 20px 0; }
  .news_index .container .news_list {
    height: 300px; }
    .news_index .container .news_list .title {
      overflow: hidden;
      text-overflow: ellipsis;
      width: 450px;
      float: left;
      white-space: nowrap; }
      .news_index .container .news_list .title a {
        font-size: 13px;
        line-height: 28px;
        color: #666; }
    .news_index .container .news_list .date {
      float: right;
      color: #666; }
  .news_index .container .more {
    float: right; }
    .news_index .container .more a {
      color: #00aae8; }

.news_slideBox {
  width: 500px;
  height: 320px;
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
  margin: 0 auto;
  margin-right: 0; }
  .news_slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1; }
    .news_slideBox .hd ul {
      overflow: hidden;
      zoom: 1;
      float: left; }
      .news_slideBox .hd ul li {
        float: left;
        margin-right: 2px;
        width: 15px;
        height: 15px;
        line-height: 14px;
        text-align: center;
        background: #fff;
        cursor: pointer; }
        .news_slideBox .hd ul li.on {
          background-color: red;
          color: #fff; }
  .news_slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0; }
    .news_slideBox .bd li {
      zoom: 1;
      vertical-align: middle; }
    .news_slideBox .bd img {
      width: 500px;
      height: 320px;
      display: block; }

.focusBox {
  margin: 0 auto;
  margin-right: 0;
  position: relative;
  width: 500px;
  height: 320px;
  overflow: hidden;
  text-align: left;
  background: white; }

.focusBox .pic img {
  width: 500px;
  height: 320px;
  display: block; }

.focusBox .txt-bg {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 36px;
  width: 100%;
  background: #333;
  filter: alpha(opacity=40);
  opacity: 0.4;
  overflow: hidden; }

.focusBox .txt {
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 36px;
  width: 100%;
  overflow: hidden; }

.focusBox .txt li {
  height: 36px;
  line-height: 36px;
  position: absolute;
  bottom: -36px; }

.focusBox .txt li a {
  display: block;
  color: white;
  padding: 0 0 0 10px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none; }

.focusBox .num {
  position: absolute;
  z-index: 3;
  bottom: 8px;
  right: 8px; }

.focusBox .num li {
  float: left;
  position: relative;
  width: 18px;
  height: 15px;
  line-height: 15px;
  overflow: hidden;
  text-align: center;
  margin-right: 1px;
  cursor: pointer; }

.focusBox .num li a, .focusBox .num li span {
  position: absolute;
  z-index: 2;
  display: block;
  color: white;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none; }

.focusBox .num li span {
  z-index: 1;
  background: black;
  filter: alpha(opacity=50);
  opacity: 0.5; }

.focusBox .num li.on a, .focusBox .num a:hover {
  background: #f60; }

.showproduct {
  list-style-type: decimal; }
  .showproduct .foucebox {
    position: relative;
    width: 510px;
    height: 300px;
    overflow: hidden; }
    .showproduct .foucebox .bd {
      position: relative;
      float: left;
      width: 400px;
      height: 300px;
      overflow: hidden; }
      .showproduct .foucebox .bd img {
        width: 400px;
        height: 300px; }
    .showproduct .foucebox .hd {
      position: relative;
      width: 110px;
      float: left;
      z-index: 1; }
      .showproduct .foucebox .hd .hoverBg {
        position: absolute;
        top: 0;
        left: -10px;
        width: 100px;
        height: 64px;
        z-index: 100;
        background: url("../images/hover.png") no-repeat;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hover.png');
        _background: none; }
      .showproduct .foucebox .hd ul {
        position: relative;
        width: 110px;
        overflow: hidden; }
        .showproduct .foucebox .hd ul li {
			position:relative;
          height: 60px;
          padding: 5px;
          overflow: hidden; }
          .showproduct .foucebox .hd ul li img {
            width: 80px;
            height: 60px;
            display: block; }
			.showproduct .foucebox .hd ul li:after{
				content:'';
    position: absolute;
    top: 0;
    left: -10px;
    width: 100px;
    height: 64px;
    z-index: 100;
    background: url("../images/hover.png") no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hover.png');
    _background: none;
	display:none
}
.showproduct .foucebox .hd ul li.on:after{display:block}
  .showproduct .product_intro {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px dotted #ccc; }
    .showproduct .product_intro .product_summary {
      padding-bottom: 20px;
      padding-left: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid #f0f2f5; }
      .showproduct .product_intro .product_summary h2 {
        text-align: center;
        color: #666; }
      .showproduct .product_intro .product_summary p {
        line-height: 24px;
        font-size: 14px;
        text-indent: 2em;
        color: #666; }
    .showproduct .product_intro .product_tag {
      text-align: center; }
      .showproduct .product_intro .product_tag a {
        margin-right: 20px; }
  .showproduct .product_detail {
    float: left;
    width: 75%; }
    .showproduct .product_detail .detail_title li {
      color: #4183c4;
      border-bottom: 2px solid #4183c4;
      padding: 10px;
      display: inline-block;
      font-size: 14px; }
    .showproduct .product_detail .detail_text {
      padding-bottom: 100px; }
      .showproduct .product_detail .detail_text li {
        margin-left: 3em;
        list-style-type: disc;
        color: #666; }
      .showproduct .product_detail .detail_text p {
        text-indent: 2em;
        font-size: 14px;
        line-height: 28px;
        text-align: justify;
        margin-top: 10px;
        color: #666; }
        .showproduct .product_detail .detail_text p img {
          width: 760px; }

.contact .info_row {
  margin: 0 auto; }
  .contact .info_row .info_item {
    border-radius: 2px;
    padding: 20px;
    background-color: #66b3ff;
    width: 20%;
    height: 180px;
    float: left;
    margin: 27.5px;
    color: white;
    text-align: center;
    font-size: 16px; }
    .contact .info_row .info_item h2 {
      font-size: 60px; }
    .contact .info_row .info_item:hover {
      background-color: #2b81d6; }

.company_map .map_area {
  width: 800px;
  margin: 20px auto;
  margin-bottom: 200px; }

.introduction .container {
  margin-bottom: 200px; }
  .introduction .container img {
    width: 530px; }
  .introduction .container .content p {
    color: #666;
    text-indent: 2em;
    font-size: 16px;
    line-height: 1.75em; }

.honour {
  margin-bottom: 200px; }
  .honour .vertical_layout {
    width: 900px;
    margin: 0 auto; }
    .honour .vertical_layout img {
      width: 33%;
      padding: 5px; }
  .honour .horizontal_layout {
    width: 1100px;
    margin: 0 auto; }
    .honour .horizontal_layout img {
      width: 24.5%;
      padding: 5px; }

.product_list {
  margin-bottom: 100px; }
  .product_list .allTitle {
    margin: 15px; }
    .product_list .allTitle a {
      color: #666; }
  .product_list .leftblock_75 .img_row {
    width: 100%; }
    .product_list .leftblock_75 .img_row li {
      float: left;
      margin: 8px;
      margin-bottom: 50px;
      width: 188px; }
      .product_list .leftblock_75 .img_row li img {
        width: 188px;
        height: 141px;
        box-shadow: 2px 2px 10px #888888; }
      .product_list .leftblock_75 .img_row li .product_title {
        margin: 5px 0;
        padding: 5px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #666; }
        .product_list .leftblock_75 .img_row li .product_title span {
          color: #9a9a9a; }

.serach_tag_area {
  margin: 8px; }
  .serach_tag_area .all_tags {
    border: 1px solid #ddd; }
    .serach_tag_area .all_tags .search-by {
      padding: 0 20px; }
      .serach_tag_area .all_tags .search-by dl {
        padding: 5px 0;
        line-height: 30px;
        border-bottom: 1px dotted #CCC;
        overflow: hidden; }
        .serach_tag_area .all_tags .search-by dl dt {
          width: 100px;
          text-align: center;
          margin: 0;
          font-size: 14px;
          float: left; }
        .serach_tag_area .all_tags .search-by dl dd {
          font-size: 14px;
          overflow: hidden; }
          .serach_tag_area .all_tags .search-by dl dd a {
            color: #666;
            font-size: 14px;
            line-height: 30px;
            margin-left: 20px;
            display: inline-block; }

.sideMenu {
  width: 20%;
  border: 1px solid #ddd;
  float: left;
  margin-right: 30px; }
.sideMenu .product_class a.on h3{color:#4190d1}
.sideMenu h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  border-top: 1px solid #e3e3e3;
  background: #f4f4f4;
  cursor: pointer;
  margin: 0px;
  font-size: 14px;
  font-weight: normal;
  color: #666; }

.sideMenu h3 em {
  float: right;
  display: block;
  width: 40px;
  height: 32px;
  background: url(../images/icoadd.png) 16px 12px no-repeat;
  cursor: pointer; }

.sideMenu h3.on em {
  background-position: 16px -57px; }

.sideMenu ul {
  padding: 8px 25px;
  color: #999;
  display: none;
  /* 默认都隐藏 */ }

.sideMenu li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px; }

.job_content .container {
  color: #666666;
  margin: 50px auto;
  margin-bottom: 200px;
  padding-left: 50px; }
  .job_content .container .content ul {
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    margin-top: 10px; }
    .job_content .container .content ul ol li {
      margin-left: 3em;
      list-style-type: decimal; }

* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box; }

h1,
h2,
h3,
h3,
h4,
h5,
h6 {
  /*font-family: 微软雅黑, arial, helvetica, sans-serif; */
font:"方正黑体";}

/*body {
  font: normal 12px/22px "Microsoft YaHei";
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: 微软雅黑, arial, helvetica, sans-serif; }*/
  body {
  font: normal 12px/22px "方正黑体";
  -webkit-font-smoothing: subpixel-antialiased;}

  @font-face
{
font-family: 方正黑体;
src:url('http://cdn.cgnjy.com/font/FZHT.eot'),
        url('http://cdn.cgnjy.com/font/FZHT.eot'); /* IE9+ */
}

a {
  text-decoration: none; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.container {
  margin: 0 auto;
  width: 1100px;
  clear: both; }

header {
  background-color: #fff;
  margin-top: 20px; }
  header .header_top {
    padding: 0 20px;
    color: #f66642; }
    header .header_top .logo {
      float: left; }
    header .header_top .phone {
      float: right; }
      header .header_top .phone .fa-phone-square {
        float: left; }
      header .header_top .phone .phone_number {
        float: left;
        font-size: 28px;
        padding-left: 15px;
        line-height: 38px; }
  header .header_menu {
    margin-top: 10px; }
    header .header_menu .nav {
      padding: 0 20px;
      line-height: 40px;
      position: relative;
      z-index: 1; }
      header .header_menu .nav .nLi {
        float: left;
        position: relative; }
        header .header_menu .nav .nLi h3 {
          line-height: 2.3em;
          margin: 0; }
          header .header_menu .nav .nLi h3 a {
            font-size: 20px;
            display: block;
            padding: 0 20px;
            font-size: 16px;
            font-weight: bold; }
            header .header_menu .nav .nLi h3 a:hover {
              color: #fff; }
        header .header_menu .nav .nLi ul.long_row {
          width: 250px; }
      header .header_menu .nav .sub {
        display: none;
        width: 104px;
        left: 0;
        top: 40px;
        position: absolute;
        background: #4E4E4E;
        line-height: 26px;
        padding: 5px 0; }
        header .header_menu .nav .sub a {
          display: block;
          padding: 0 10px;
          color: #fff; }
          header .header_menu .nav .sub a:hover {
            background: #6d6d6d; }
      header .header_menu .nav .on h3 a {
        background: #4E4E4E;
        color: #fff; }

#banner {
  position: relative;
  clear: both;
  width: 100%;
  height: 438px;
  min-width: 1100px; }
  #banner .hd {
    position: absolute;
    right: 105px;
    bottom: 5px;
    z-index: 10; }
    #banner .hd ul li {
      float: left;
      margin-right: 2px;
      width: 15px;
      height: 15px;
      line-height: 14px;
      text-align: center;
      background: #fff;
      cursor: pointer; }
      #banner .hd ul li.on {
        background-color: red;
        color: #fff; }
  #banner .slideBox {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    width: 100%; }
    #banner .slideBox .bd img {
      width: 1920px;
      height: 438px; }

footer {
  background-color: #373d41; }
  footer .container {
    padding: 30px 20px;
    clear: both; }
    footer .container .footer_left {
      float: left;
      display: block; }
      footer .container .footer_left dl {
        float: left;
        width: 150px;
        margin-right: 20px; }
        footer .container .footer_left dl dt {
          width: 120px;
          line-height: 40px;
          margin-bottom: 15px; }
          footer .container .footer_left dl dt a {
            color: #fff;
            font-size: 16px; }
        footer .container .footer_left dl dd a {
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 14px;
          color: #9b9ea0;
          white-space: nowrap;
          display: block; }
    footer .container .footer_right {
      float: right;
      border-left: 1px solid #4b5054;
      padding-left: 16px; }
      footer .container .footer_right .footer_right_label {
        color: #9b9ea0;
        font-size: 14px;
        line-height: 30px; }
      footer .container .footer_right .footer_right_info {
        line-height: 30px;
        color: #fff;
        font-size: 16px;
        padding-left: 10px; }
  footer .footer_bottom_info {
    font-size: 13px;
    margin: 0 auto;
    width: 350px;
    color: #9b9ea0; }
  footer .footer_bottom {
    font-size: 13px;
    margin: 0 auto;
    width: 450px;
    color: #9b9ea0; }

#loading {
  width: 30px;
  height: 30px;
  margin: 200px auto; }

.leftblock_75 {
  float: left;
  width: 75%; }

.leftblock_50 {
  float: left;
  width: 50%; }

.page_nav {
  margin: 50px auto;
  float: right; }

/*-------------------------------↓分页样式开始↓------------------------------------*/
.page_num{padding-top:35px; padding-bottom:35px; overflow:hidden;}
#page_div{line-height:20px; text-align:center;}
#pagination_input{ width:20px; height:16px; line-height:16px; margin:0 5px; padding:0; overflow:hidden; border:1px solid #ccc;text-align:center;}
#page_div .pagination_index, #page_div .pagination_index_num{ 
  background:#fff; border:1px solid #ccc; padding:0 5px;
  margin-right:2px;
  float: left; height:20px;text-align:center;}
#page_div .pagination_index a, #page_div .pagination_index_num a{padding:0px; margin:0px;}
/* ========="首页"样式=========*/
#page_div .pagination_index_num{margin-right:2px; padding:0px; width:20px;}
#page_div .currentIndex{background:#0477D0; border:1px solid #0477D0; width:20px; height:20px;  padding:0px;
line-height:20px; color:#FFF;text-align:center; font-weight:bold;} /*=========当前页码样式=========*/
#page_div .pagination_index_last{width:300px; float:right; text-align:right;}
/*-------------------------------↑分页样式结束↑---------------------------------------*/


.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }