/*@charset "utf-8";
/*样式重置*/
body {
  width: 100%;
  min-width: 1100px;
  max-width: 1920px;
  margin: 0 auto;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption,
tbody, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:14px;
  font-family: "微软雅黑";
}
ol, ul {list-style:none} :focus {outline:none; } 
a{font:14px "微软雅黑";text-decoration:none;color:#fff;cursor:pointer;} 
a:hover{color: #2a6acc}
.clear{clear: both;}
.img-responsive{
  max-width: 100%;
  height: auto;
  width: auto;
}
.center-block{
  display: block;
  margin: 0 auto;
}
.w1100{width: 1100px; margin:auto;}
.w1240{width: 1240px; margin:auto;}
.top{height:45px;line-height:45px;background:#fff;border-bottom: solid 1px #d7dce4}
.top strong{color: #555555;font-size: 13px;font-weight:normal;text-transform:uppercase; }
.top p{float: right;}
.top p a{padding-left:20px;color: #666666;margin-left: 20px;display: block;height: 45px;line-height: 45px;float: left;}
.top p a:nth-child(3){padding-right: 0px;}
.top p a:nth-child(1){}
.top p a:nth-child(2){}
.top p a:nth-child(3){width: 70px;padding-left: 0px;text-align: center;}
.top p a:nth-child(4){width: 70px;padding-left: 0px;text-align: center;}
.top p a:hover{color: #2a6acc}
.hearder{background: #fff;height: 145px;}
.hearder h1{float: left;margin-top:25px;width: 200px;}
.hearder .w1100{position: relative;}
.hearder .ding{float: left;}
.hearder .ding h2 span{color: #1d7de4;font-size:29px;}
.hearder .ding h2{color: #454545;font-size: 18px;margin-top: 28px;margin-left:38px;}
.hearder .ding h3{color: #585959;font-size:14px;font-weight:normal;margin-left: 38px;margin-top: 5px;letter-spacing: 9px; }
.hearder .call{position:absolute;right: 0px;top:0px;padding-left:55px;background:url(../images/call.jpg) no-repeat left 22px;padding-top:18px;  }
.hearder .call p{color: #1d7de4;font-size:21px;line-height: 30px;font-weight:bold;font-family: "Impact";font-weight:normal;}
.hearder .call span{color: #999999;font-size:14px;font-weight:normal;}
.nav{height: 55px;background:#fff;width: 878px;float: right;    margin-top: -50px;}
.nav .w1100{position:relative;height: 55px;}
.nav li{float: left;padding-right: 18px;}
.nav li:last-child{padding-right:0px;}
.nav li a{display: block;color: #585959;height: 48px;line-height: 55px;text-align: center;}
.nav li a:hover{color:#2a6acc;}
.nav li a.first{color:#2a6acc;}
/*轮播图点样式*/
.active{ background: #fff;}
.flickerplate .dot-navigation .dot.active { background: #2eb453; height:2px;width: 60px;}
.flickerplate .dot-navigation .dot.active:hover{ background:#2eb453;}
.flickerplate .dot-navigation .dot {background: #fff;}
.flickerplate .dot-navigation .dot:hover{background: #2eb453;}
/*search*/
.search{position:relative;background: url(../images/ssuo.jpg) no-repeat center;margin-top:-1px;}
.search_div{height:90px;line-height: 90px;background:#ffffff;}
.search{ float: right;width:476px}
.sea_key{float: left;}
.sea_cal{float: right;}
.search_tow{ border: none; background: none; width:270px; color: #a4a4a4;font-size: 14px;padding-left: 10px;  height: 30px;}
.search_button{ cursor: pointer;width: 70px;height: 70px; position: absolute; right: 2px; border: none; background: none;color: #fff;font-size: 16px;}
.sea_key a{font-size: 13px;color:#999999; margin:0 10px;}
.sea_key a:hover{text-decoration:underline;}
.sea_key span{font-size: 14px; color:#005fed; font-weight:normal;}
.sea_cal span{ font-size: 14px; color:#999999; margin-right: 10px;}
.sea_cal p a{ font-size: 33px; color:#999999; float: right;margin-top: 23px;}
#SearchType {
  padding: 5px;
  margin-left: 3px;
  height: 29px;
  line-height: 29px;
  background: #ececec;
  border-radius: 50px;
  display: block;
  border: solid 1px #ececec!important;
  float: left;
  margin-top: 31px;
  color: #333;
}
.product{background: url(../images/cpbj.jpg) no-repeat center center; height: 830px;}
.product .w1100{position:relative;}
.portit{float: left;margin-bottom:40px;}
.portit h3{color: #dfdfdf;font-size: 38px;padding-top: 45px;}
.portit h4{color: #333333;font-size: 24px;}
.portit h4 span{color: #2eb453;font-size: 24px;}
.portop{width: 645px;float:right;padding-top:55px;text-align:right;}
.portop a{color: #555555;line-height: 35px;display: block;float: left;background: url(../images/cpx1.jpg) no-repeat center left;padding-left: 25px;}
.portop a:nth-child(1){background: none;}
.portop a:nth-child(4){background: none;}
.portop a:hover{color: #1d7de4}
.porright li{float: left;margin-right:20px;margin-bottom: 20px;position: relative;width:351px;height: 299px;overflow: hidden;}
.porright li:nth-child(3n){margin-right: 0px;}
.porright li img{width:351px;height: 219px;display: block;}
.porright li p{border-top:solid 1px #efefef;height: 60px;background: #fff;text-align: center;color: #333333;padding-top: 20px;}
.porright li p span{display: block;}
.porright li em{width:351px;height: 219px;display: block;position: absolute;top:-219px;}
.porright li:hover em{top:0px;transition: all 0.8s;}
.porright li:hover p{color: #1d7de4}
.lc{padding-bottom:50px;}
.lc h3{color: #e5e5e5;font-size: 26px;font-family: "Arial";text-transform:uppercase; text-align: center;margin-top: 55px;}
.lc h4{color: #333333;font-weight:bold;text-align: center;font-size: 22px;background: url(../images/lcbj.jpg) no-repeat center center;}
.lc h4 span{color: #2eb453;font-size: 22px;}
.lc h5{color: #999999;font-size: 15px;font-weight:normal;text-align:center;margin-bottom: 40px;margin-top: 10px;}
.lc ul{}
.lc ul li{float: left;padding-right:47px;width:125px;padding-left:48px;text-align: center;}
.lc ul li p{color: #333333;font-size: 15px;margin-top: 15px;}
.lc ul li p span{color: #d4d4d4;font-size: 10px;display:block;text-transform:uppercase; }
.lc ul li img{-webkit-transition: all .8s ease-in-out;
  -moz-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;}
  .lc ul li:hover img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
  .yous{background:url(../images/ysbj.jpg) no-repeat center center;height:652px;}
  .yous .w1100{position: relative;}
  .yous h3{color: #fff;font-size: 28px;padding-top:40px;}
  .yous h4{color: #fff;font-size: 14px;letter-spacing:9px;font-weight: normal;margin-top: 10px;margin-bottom: 10px;}
  .yous h5{color: #549ae5;font-size:12px;text-transform:uppercase; font-weight: normal;margin-bottom: 30px;}
  .yous ul{width: 720px;}
  .yous ul li{width: 360px;float: left;margin-top:100px;box-sizing: border-box;padding: 10px;min-height: 155px;}
  .yous ul li h6{color: #ffffff;font-size:18px;text-align: center;}
  .yous ul li p{text-align: center;color: #9bc8f9;font-size:14px;line-height: 22px;}
  .yous ul li:nth-child(3){margin-top:90px;}
  .yous ul li:nth-child(4){margin-top:90px;}
  .case .w1100{position: relative;}
  .case h3{color: #e5e5e5;font-size: 26px;text-align:center;text-transform:uppercase;font-family:"Arial";margin-top: 55px;}
  .case h4{color: #333333;font-size: 22px;text-align: center;background: url(../images/ca1.jpg) no-repeat center center;}
  .case h4 span{color: #2eb453;font-size: 22px;}
  .case h5{text-align: center;color: #999999;font-size: 15px;letter-spacing: 9px;font-weight: normal;margin-top: 10px;}
  .case ul li{float: left;margin-right: 20px;margin-top:40px;}
  .case ul li img{width:260px;height: 162px;display: block;}
  .case ul li p{height: 40px;line-height: 40px;text-align: center;color: #333333}
  .caseScroll .next{position: absolute;top:190px;right:-70px;}
  .caseScroll .prev{position: absolute;top:190px;left:-70px;}
  .case ul li:hover p{color: #1d7de4}
  .case .more{width: 300px;text-align: center;margin:auto;margin-top:30px;}
  .case .more a{width: 130px;height: 40px;text-align: center;line-height:40px;background: #1d7de4;display: block;float: left;margin-right: 10px;margin-left: 10px;}
  .case .more a:hover{background: #2eb453;color: #fff}
  .guangao{height: 180px;background: url(../images/gg1.jpg) no-repeat center center;margin-top: 70px;}
  .guangao .w1100{position: relative;}
  .guangao p{position: absolute;top:90px;right: 0px;color: #ffffff;font-size: 31px;font-family:"Impact";font-size: 31px;font-weight: normal;}
  .about{height: 507px;background: url(../images/abimg.jpg) no-repeat center center;}
  .about .w1100{position: relative;}
  .ableft h3{color: #1d7de4;font-size: 25px;position: absolute;left: 335px;top:105px;}
  .ableft span{color: #333333;font-size: 25px;margin-left: 20px;}
  .ableft span strong{color: #2eb453;font-size: 25px;}
  .ableft h4{color: #ebebeb;font-size: 55px;position: absolute;right:0px;top:80px;text-transform:uppercase; }
  .ableft p{width: 770px;color: #999999;line-height: 25px;}
.ableft .ab{
  position: absolute;right: 0px;top:160px;
}
  .ableft h5{color: #ffffff;font-size: 14px;position: absolute;top:455px;left: 30px;}
  .ableft h6{color: #333333;font-size: 14px;font-weight: normal;position: absolute;top:445px;left: 240px;}
  .abright{position: absolute;top:340px;right: 0px;}
  .abright ul li{float: left;margin-left:27px;}
  .abright ul li img{display: block;width:215px;height:132px;border:solid 4px #f2f2f2;}
  .abright ul li img:hover{display: block;width:215px;height:132px;border:solid 4px #1d7de4;}
  .nrtop h4 img{border:solid 1px #f5f5f5;}
  .news{background: #ffffff;padding-bottom: 20px;margin-top:65px;}
  .news h3{color: #333333;font-size: 20px;padding-bottom: 10px;margin-bottom: 20px;
    padding-bottom:10px;border-bottom:solid 1px #dfdfdf;}
    .news h3 a{float: right;color: #2eb453;text-transform:uppercase; }
    .news h3 a:hover{color: #1d7de4}
    .newsright{width: 600px;float: left;}
    .newsright.new-list{
      float: right;width:470px;
    }
    .newsright .nrtop{background: #fff;}
    .newsright .nrtop h4{float: left;}
    .newsright .nrtop h4 span{font-size: 18px;font-weight: bold;display: block;margin-bottom: 10px; }
    .newsright .nrtop h5{float: right;width:320px;}
    .newsright .nrtop h5 a{color: #454545;font-size: 16px;font-weight: bold;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
      display: block;margin-top:17px;margin-bottom:10px;}
      .newsright .nrtop h5 p{color: #7c7b7b;line-height: 30px;font-weight: normal;padding-right: 20px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: normal !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        cursor:pointer;
        height: 60px;
      }
      .newcon p{color: #4e4e4e;font-size: 14px;height: 50px;line-height: 50px;border-bottom:dashed 1px #dfdfdf}
      .newcon p a{width: 400px;height: 50px;display: block;float: left;color: #333;line-height: 50px;
        overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
        .newcon p span{color: #9a9a9a;font-size: 14px;margin-right: 20px;}
        .newcon p a:hover{color: #2a6acc}
        .newsright .nrtop h5 a:hover{color: #2a6acc}
        .newsright .nrtop h5 .more a{width: 120px;height: 30px;background:#1d7de4;color: #fff;text-align: center;line-height: 30px;border-radius: 30px;font-size: 14px;font-weight: normal;}
        .newsright .nrtop h5 .more a:hover{color: #fff;background: #2eb453}
        .ncj p{height:64px;background:url(../images/nx2.png) no-repeat center center;line-height: 64px;margin-bottom: 14px;padding-left: 40px;}
        .ncj p:hover{height:64px;background:url(../images/nx1.png) no-repeat center center;}
        .ncj p a{color: #3e3a39;font-size:13px;     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;width:360px;line-height: 64px;}
        .ncj p a:hover{color: #fff}
        .link{line-height: 20px;margin-bottom: 20px;}
        .link img{display: block;float: left;    margin-top: 10px;}
        .link p{float: left;width:1015px;background: #fff}
        .link p a{margin-left: 40px;color: #999999;padding-bottom: 10px;display: block;float:left;font-size:13px;margin-top:10px;}
        .link p a:hover{color: #2a6acc}
        /*foot*/
        .foot{height: 275px;background:#222222;padding-top: 70px;}
        .foot .w1100{position: relative;}
        .fend{height: 60px;background: #222222;line-height: 60px;border-top:solid 1px #444;color: #b7b7b7;text-align:center;}
        .fend a{color: #b7b7b7;}
        .fend a:hover{color: #1d7de4}
        .fnav{float: left; width: 30%;}
        .fnav h3{color: #ffffff;font-size: 16px;}
        .fnav h3 span{color: #323131;font-size: 16px;font-weight: bold;text-transform:uppercase;margin-left: 10px;}
        .fnav p{line-height: 40px;color: #b7b7b7;font-size: 14px}
        .fnav p a{color: #b7b7b7}
        .fnav p a:hover{color: #1d7de4}
        .fnav1{width: 320px;margin-left: 80px;}
        .fnav1 li{width: 160px;float: left;}
        .fnav1 li a{line-height: 40px;color: #b7b7b7;font-size: 14px}
        .fnav1 li a:hover{color: #1d7de4}
        .fwx{float: right;}
        .fwx img{display: block;margin-top:15px;}
        .fwx span{text-align: center;display: inline-block;color: #b7b7b7;}
        .fwx h5 span img{margin-bottom:15px;}
        .fwx h5 span:nth-child(2) img{margin-left:20px;}
        .xz a{color:#666;   padding-left: 20px;}
        .xz a:hover{color: #1d7de4; text-decoration:underline;}
        /*返回顶部*/
        /*返回顶部*/
        /*返回顶部*/
        .cd-top { z-index:999;
          display: inline-block;
          height: 50px;
          width: 50px;
          position: fixed;
          bottom: 40px;
          right: 10px;
          cursor:pointer;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          /* image replacement properties */
          overflow: hidden;
          text-indent: 100%;
          white-space: nowrap;
          background:#000 url(../images/cd-top-arrow.png) no-repeat center 50%;
          visibility: hidden;
          opacity: 0;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          transition: all 0.3s;
          border-radius:8px;
        }
        .cd-top.cd-is-visible {
          /* the button becomes visible */
          visibility: visible;
          opacity: 1; cursor:pointer;
        }
        .cd-top.cd-fade-out {
          /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
          opacity: .9;
        }
        .no-touch .cd-top:hover {
          background-color: #9dc92b;
          opacity: 1;}
          .por_conend .por_con_div h4 a:hover{color: #316DC3}
          .menu-button{
            display: none;
          }


          @media(min-width: 768px) and (max-width: 1200px){
            body {
              width: 100%;
              min-width:auto;
              max-width: 1920px;
              margin: 0 auto;
            }
            .w1100 {
              width: 96%;
              margin: auto;
            }
            .hearder .ding{
              display: none;
            }
            .hearder {
              background: #fff;
              height: auto;
              padding-bottom: 15px;
            }
            .hearder h1 {
              float: left;
              margin-top: 15px;
              width: 20%;
              display: block;
            }
            .hearder h1 a{
              display: block;
            }
            .hearder h1 a img{
              display: block;
            }
            .hearder .call{
              display: none;
            }
            .nav {
              height:auto;
              background: #fff;
              width: 100%;
              float:none;
              margin-top:10px;
              display: none;
            }
            .nav li {
              float: left;
              padding-right: 18px;
              width: 100%;
            }
            .nav li a{
              text-align: left;
              padding-left: 20px;
              height: 48px;
              line-height: 35px;
            }
            .menu-button{
              display: block;
              width: 25px;
              height: 30px;
              margin-top: 4px;
              margin-left: 10px;
              margin-right: 5px;
              float:right;
              margin-top: 32px;
              margin-right: 20px;
            }
            .menu-button .mobile-menu-line {
              width: 100%;
              background: #000;
              height: 2px;
              margin-top: 4px;
            }
            .menu-button .mobile-menu-line#mobile-menu-line1 {
              transition: all 0.5s;
              -webkit-transition: all 0.5s;
              -o-transition: all 0.5s;
              -ms-transition: all 0.5s;
              -moz-transition: all 0.5s;
            }
            .menu-button .mobile-menu-line#mobile-menu-line2 {
              transition: all 0.5s;
              -webkit-transition: all 0.5s;
              -o-transition: all 0.5s;
              -ms-transition: all 0.5s;
              -moz-transition: all 0.5s;
            }
            .menu-button .mobile-menu-line#mobile-menu-line3 {
              transition: all 0.5s;
              -webkit-transition: all 0.5s;
              -o-transition: all 0.5s;
              -ms-transition: all 0.5s;
              -moz-transition: all 0.5s;
            }
            .menu-button.active .mobile-menu-line#mobile-menu-line1{
              transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -o-transform: rotate(45deg);
            }
            .menu-button.active .mobile-menu-line#mobile-menu-line2{
              display: none;
            }
            .menu-button.active .mobile-menu-line#mobile-menu-line3{
              transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              -webkit-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -o-transform: rotate(-45deg);
              margin-top: -2px;
            }
            
            .search {
              float: left;
              width: 476px;
            }
            .sea_key {
              float: left;
              line-height: 25px;
            }
            .search_div {
              height: auto;
              margin-bottom: 20px;
            }

            .portit h3 {
              color: #dfdfdf;
              font-size: 32px;
              padding-top: 34px;
            }
            .portit h4 span {
              color: #2eb453;
              font-size: 22px;
            }
            .portit h4 {
              color: #333333;
              font-size: 22px;
            }
            .portop {
              width: 80%;
              float: none;
              padding-top: 15px;
              text-align: left;
              margin-bottom: 20px;
            }
            .portit {
              float: none;
              margin-bottom: 10px;
            }
            .porright li {
              float: left;
              margin-right: 1.5%;
              margin-left: 1.5%;
              margin-bottom: 20px;
              position: relative;
              width: 47%;
              height: auto;
              overflow: hidden;
              background-color: #FFF;
            }
            .porright li:nth-child(3n) {
             margin-right: 1.5%;
           }
           .lc ul li {
            float: left;
            padding-right: 1%;
            width:31.33%;
            padding-left:1%;
            text-align: center;
            margin-top: 20px;
          }
          .yous {
            background: url(../images/ysbj.jpg) no-repeat -330px;
            background-size: cover;
            height: auto;
            padding-bottom: 30px;
          }
          .yous ul li {
            width: 48%;
            float: left;
            margin-top: 71px;
          }
          .tempWrap{
            width: 100%!important;
            margin: 0 auto;
          }
          .bd{
            width: 80%;
            margin: 0 auto;
          }
          .caseScroll .next {
            position: absolute;
            top: 190px;
            right: 7px;
          }
          .caseScroll .prev {
            position: absolute;
            top: 190px;
            left: 6px;
          }
          .guangao {
            height: 200px;
            background: url(../images/gg.jpg) no-repeat -400px;
            margin-top: 50px;
          }
          .guangao p {
            position: absolute;
            top: 112px;
            right: 0px;
            color: #ffffff;
            font-size: 31px;
            font-family: "Impact";
            font-size: 28px;
            font-weight: normal;
          }
          .porright li img {
            width: auto;
            height: auto;
            display: block;
          }
          .about {
            height: auto;
            background: url(../images/abimg.jpg) no-repeat center center;
            background-size: cover;
          }
          .ableft h3 {
            color: #1d7de4;
            font-size: 25px;
            position: static;
            left: 335px;
            top: 105px;
          }
          .ableft h4 {
            color: #ebebeb;
            font-size: 55px;
            position: static;
            right: 0px;
            top: 80px;
            text-transform: uppercase;
            text-align: right;
          }
          .ableft p {
            width: 770px;
            color: #999999;
            line-height: 25px;
            position: static;
            right: 0px;
            top: 160px;
          }
          .ableft h5 {
            color: #ffffff;
            font-size: 14px;
            position: static;
            top: 455px;
            left: 30px;
          }
          .ableft h5 a{
            color: #1d7de4;
          }
          .ableft h6 {
            color: #333333;
            font-size: 14px;
            font-weight: normal;
            position:static;
            top: 445px;
            left: 240px;
          }
          .abright {
            position: static;
            top: 340px;
            right: 0px;
            margin-top: 20px;
          }
          .newsright {
            width: 100%;
            float:none;
          }
          .newsright .nrtop h4 {
            float: left;
            width: 36%;
          }
          .newsright .nrtop h5 {
            float: right;
            width: 62%;
          }
          .newsright.new-list{
            float: none;
            width:67%;
            margin-top: 25px;
          }
          .link p {
            float: left;
            width:100%;
            background: #fff;
          }

          /**脚注**/
          .foot {
            height: auto;
            background: #222222;
            padding-top: 70px;
            padding-bottom: 20px;
          }
          .fnav {
            float: left;
            width: 50%;
          }
          .fnav1 {
            width: 48%;
            margin-left: 2%;
          }
        }


        @media(max-width: 767px){
         body {
          width: 100%;
          min-width:auto;
          max-width: 1920px;
          margin: 0 auto;
        }
        .top {
          height: auto;
          line-height: 25px;
          background: #fff;
          padding-top: 10px;
          border-bottom: solid 1px #d7dce4;
        }
        .top p a {
          padding-left: 5px;
          color: #666666;
          margin-left: 20px;
          display: block;
          height: 45px;
          line-height: 45px;
          float: left;
        }
        .w1100 {
          width: 96%;
          margin: auto;
        }
        .hearder .ding{
          display: none;
        }
        .hearder {
          background: #fff;
          height: auto;
          padding-bottom: 6px;
        }
        .hearder h1 {
          float: left;
          margin-top: 6px;
          width: 37%;
          display: block;
        }
        .hearder h1 a{
          display: block;
        }
        .hearder h1 a img{
          display: block;
        }
        .hearder .call{
          display: none;
        }
        .search_div {
           height: auto;
          line-height: 90px;
          background: #ffffff;
        }
        .nav {
          height:auto;
          background: #fff;
          width: 100%;
          float:none;
          margin-top:10px;
          display: none;
        }
        .nav li {
          float: left;
          padding-right: 18px;
          width: 100%;
        }
        .nav li a{
          text-align: left;
          padding-left: 20px;
          height: 48px;
          line-height: 35px;
        }
        .menu-button{
          display: block;
          width: 25px;
          height: 30px;
          margin-top: 4px;
          margin-left: 10px;
          margin-right: 5px;
          float:right;
          margin-top: 22px;
          margin-right: 20px;
        }
        .menu-button .mobile-menu-line {
          width: 100%;
          background: #000;
          height: 2px;
          margin-top: 4px;
        }
        .menu-button .mobile-menu-line#mobile-menu-line1 {
          transition: all 0.5s;
          -webkit-transition: all 0.5s;
          -o-transition: all 0.5s;
          -ms-transition: all 0.5s;
          -moz-transition: all 0.5s;
        }
        .menu-button .mobile-menu-line#mobile-menu-line2 {
          transition: all 0.5s;
          -webkit-transition: all 0.5s;
          -o-transition: all 0.5s;
          -ms-transition: all 0.5s;
          -moz-transition: all 0.5s;
        }
        .menu-button .mobile-menu-line#mobile-menu-line3 {
          transition: all 0.5s;
          -webkit-transition: all 0.5s;
          -o-transition: all 0.5s;
          -ms-transition: all 0.5s;
          -moz-transition: all 0.5s;
        }
        .menu-button.active .mobile-menu-line#mobile-menu-line1{
          transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
        }
        .menu-button.active .mobile-menu-line#mobile-menu-line2{
          display: none;
        }
        .menu-button.active .mobile-menu-line#mobile-menu-line3{
          transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          margin-top: -2px;
        }


        .search {
          float: right;
          width: 100%;
          background: url(../images/ssuo.jpg) no-repeat center;
          background-size: 100%;
        }
        .sea_key {
          float: left;
          line-height: 26px;
        }
        .porright li img {
          width: auto;
          height: auto;
          display: block;
        }
        .portit h3 {
          color: #dfdfdf;
          font-size: 28px;
          padding-top: 28px;
        }
        .portit h4 span {
          color: #2eb453;
          font-size: 20px;
        }
        .portit h4 {
          color: #333333;
          font-size: 20px;
        }
        .portop {
          width: 80%;
          float: none;
          padding-top: 15px;
          text-align: left;
          margin-bottom: 20px;
        }
        .portit {
          float: none;
          margin-bottom: 10px;
        }
        .porright{
          margin-top: 20px;
        }
        .product {
          background: url(../images/cpbj.jpg) no-repeat center center;
          height: auto;
          background-size: cover;
        }
        .porright li {
          float: left;
          margin-right: 0%;
          margin-left: 0%;
          margin-bottom: 20px;
          position: relative;
          width: 100%;
          background-color: #FFF;
          height: auto;
          overflow: hidden;
        }
        .porright li:nth-child(3n) {
         margin-right: 1.5%;
       }
       .lc ul li {
        float: left;
        padding-right: 3%;
        width:27.33%;
        padding-left:3%;
        text-align: center;
        margin-top: 20px;
      }
      .yous {
        background: url(../images/ysbj.jpg) no-repeat left;
        background-size: cover;
        height: auto;
        padding-bottom: 30px;
      }
      .yous h3 {
        color: #fff;
        font-size: 24px;
        padding-top: 25px;
      }
      .yous ul {
        width: 100%;
      }
      .yous ul li {
        width: 100%;
        float: left;
        margin-top:30px;
      }
      .yous ul li:nth-child(3) {
        margin-top: 30px;
      }
      .yous ul li:nth-child(4) {
        margin-top: 30px;
      }
      .tempWrap{
        width: 100%!important;
        margin: 0 auto;
      }
      .bd{
        width: 70%;
        margin: 0 auto;
      }
      .caseScroll .next {
        position: absolute;
        top: 190px;
        right: 7px;
      }
      .caseScroll .prev {
        position: absolute;
        top: 190px;
        left: 6px;
      }
      .guangao {
        height: 200px;
        background: url(../images/gg.jpg) no-repeat -400px;
        margin-top: 30px;
      }
      .guangao p {
        position: absolute;
        top: 150px;
        right: 0px;
        color: #ffffff;
        font-size: 31px;
        font-family: "Impact";
        font-size: 28px;
        font-weight: normal;
      }
      .about {
        height: auto;
        background: url(../images/abimg.jpg) no-repeat center center;
        background-size: cover;
        margin-top: 20px;
      }
      .ableft h3 {
        color: #1d7de4;
        font-size: 22px;
        position: static;
        left: 335px;
        top: 105px;
      }
      .ableft span {
        color: #333333;
        font-size: 16px;
        margin-left: 20px;
      }
      .ableft h4 {
        color: #ebebeb;
        font-size: 42px;
        position: static;
        right: 0px;
        top: 80px;
        text-transform: uppercase;
        text-align: right;
        padding-top: 10px;
      }
      .news h3 {
        color: #333333;
        font-size: 18px;
      }
      .newsright .nrtop h5 a {
        color: #454545;
        font-size: 16px;
        font-weight: bold;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        margin-top: 0px;
        margin-bottom: 5px;
      }
      .ableft p {
        width: 100%;
        color: #999999;
        line-height: 25px;
        position: static;
        right: 0px;
        top: 160px;
      }
      .ncj p a {
        color: #3e3a39;
        font-size: 13px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        width: 100%;
        line-height: 64px;
      }
      .newsright .nrtop h5 p {
        color: #7c7b7b;
        line-height: 22px;
        height: auto;
      }
      .newsright .nrtop h5 .more{
        margin-top: 5px;
      }
      .newsright .nrtop h5 .more a {
        width: 105px;
        height: 26px;
        background: #1d7de4;
        color: #fff;
        text-align: center;
        line-height: 26px;
        border-radius: 30px;
        font-size: 12px;
        font-weight: normal;
      }
      .newcon p a {
        width:100%;
        height: 50px;
        display: block;
        float: left;
        color: #333;
        line-height: 50px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
      }
      .ableft h5 {
        color: #ffffff;
        font-size: 14px;
        position: static;
        top: 455px;
        left: 30px;
      }
      .ableft h5 a{
        color: #1d7de4;
      }
      .ableft h6 {
        color: #333333;
        font-size: 14px;
        font-weight: normal;
        position:static;
        top: 445px;
        left: 240px;
      }
      .abright {
        position: static;
        top: 340px;
        right: 0px;
        margin-top: 20px;
      }
      .newsright {
        width: 100%;
        float:none;
      }
      .newsright .nrtop h4 {
        float: left;
        width: 36%;
      }
      .newsright .nrtop h5 {
        float: right;
        width: 62%;
      }
      .newsright.new-list{
        float: none;
        width:100%;
        margin-top: 25px;
      }
      .link p a {
        margin-left: 15px;
        color: #999999;
        padding-bottom: 10px;
        display: block;
        float: left;
        font-size: 13px;
        margin-top: 10px;
      }
      .link p {
        float: left;
        width:100%;
        background: #fff;
      }

      /**脚注**/
      .foot {
        height: auto;
        background: #222222;
        padding-top: 30px;
        padding-bottom: 20px;
      }
      .fnav {
        float: left;
        width: 100%;
        margin-top: 20px;
      }
      .fnav1 {
        width: 100%;
        margin-left: 0%;
      }
    }