/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.wt{width:1920px;position:relative;left:50%;margin-left:-960px;}
.wt_k{width:1200px;margin:0 auto;}



.wh{width: 1200px;margin: 0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}


/*头部样式*/
.top1{height: 30px;background: #e7e7e7;color: #333333;line-height: 30px;overflow: hidden;}
.top2{height: 104px;overflow: hidden;}
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 104px;}
.top2 .k2{margin-top: 25px;color: #333333;font-size: 16px;padding-left: 65px;background: url(../images/tel.jpg) no-repeat left center;}
.topLink{float:right;text-align:right;position: relative;z-index: 9999;color: #333333}
.topLink a{color: #333333}

/*导航*/
#menu{background: #024683;}
.nav{height:40px;}
.nav li{line-height:40px;height:40px;text-align:center;width:133px;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:40px;color:#fff;height:40px;font-size: 16px;}
.nav li a:hover{color:#b12923;text-decoration:none;}

.nav .sec{height:0;background:#024683;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:40px;left:0px;}
.nav .sec a{background:#024683;color:#fff;height:38px;line-height:38px;width:133px;}
.nav .sec a:hover{background:#024683;text-decoration:none;}





/*热门搜索*/
.box1{background: url(../images/bj1.jpg) no-repeat top center;height: 1129px;padding-top: 53px;}
.sou{height: 89px;background: url(../images/sbj.png) no-repeat top center;line-height: 56px;font-size: 15px;color: #fff;}
#formsearch{float:right;width: 278px;height: 32px;background: url(../images/ss.jpg) no-repeat top center;line-height: 27px;margin-top: 13px;margin-right: 50px;}
.hotSearch{float:left;height:56px;line-height:56px;font-weight:normal;letter-spacing: 2px;text-indent: 60px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:9px;color: #fff;padding-right: 8px;background: url(../images/line1.jpg) no-repeat right center;}
.hotSearch a:last-child{background: none;}
#formsearch input{height:32px;background:transparent;border:none;line-height:32px;}
#formsearch input#keyword{height:32px;line-height:32px;padding-left:13px;color:#a1a0a0;font-size: 15px;width: 223px;}
#formsearch input#s_btn{margin-left: -4px; width:40px;height:32px;line-height:32px;text-align:center;background-color:transparent;color:#fff;border:none;cursor:pointer;}





/*热门搜索*/
.pleft{width: 285px;height: 933px;background: url(../images/pbj.jpg) no-repeat top center;}
.pright{width: 873px;}
.pbox{margin-top: 30px;}
.pleft h3{font-size: 38px;color: #fff;text-align: center;padding-top: 45px;}
.psort{width: 242px;margin: 0 auto;margin-top: 85px;}
.psort .li1{margin-bottom: 30px;}
.psort .a1{width: 242px;height: 49px;line-height: 49px;display: block;color: #fff;font-size: 16px;background: #024683;text-align: center;border-radius: 5px;}
.psort .a1:hover{background: #b12923;}
.psort .a2{color: #333333;font-size: 16px;line-height: 46px;border-bottom: 1px dashed #d6d6d6;display: block;text-indent: 10px;}
.psort .a3{color: #024683;font-size: 16px;margin-top: 12px;display: block;}
.psort .a2:hover{color: #b12923;}
.pbt {background: url(../images/line2.png) no-repeat bottom center;line-height: 30px;padding-bottom: 10px;}
.pbt h2{color: #024683;font-size: 20px;}
.pbt .pmore{display: block;color: #8d8e8e;font-size: 14px;text-transform: uppercase;}
.product_list1{width: 869px;height: 321px;border:2px solid #eeeeee;margin-top: 16px;background: #fff;}
.product_list1 a.img{display: block;position: relative;}
.product_list1 a.img .dan{position: absolute;top:-6px;right: -7px;}
.product_list1 a.img .dan img{width: 121px;height: 120px;}
.product_list1 a.img img{width: 394px;height: 320px;}
.pcon{margin:23px 0 0 54px;width: 385px;}
.pcon h3 a{display: block;color: #024683;font-size: 22px;}
.pcon1 dd{color: #333333;font-size: 18px;margin: 13px 0 10px 0;}
.pcon1{display: block;color: #333333;font-size:15px;line-height: 35px;}
.mbox{margin-top: 30px;}
.mbox a{margin-right: 30px;border-radius: 5px; float: left;display: block;background: #024683;width: 110px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;}
.mbox a:hover{background: #b12923;}
.product_list2{margin-top: 28px;}
.product_list2 li{float:left;margin-right:16px;_display:inline;}
.product_list2 li:nth-child(3n){margin-right: 0;}
.product_list2 li a.img{border:2px solid #eeeeee;width:276px;height:217px;overflow: hidden;}
.product_list2 li a.img img{width:276px;height:217px;}
.product_list2 li h3{text-align:center;}
.product_list2 li h3 a{font-weight:normal;display: block;color: #333333;font-size: 15px;height: 45px;line-height: 45px;padding-bottom: 10px;}
.product_list2 li a.img{display:block;}
.product_list2 li a.img:hover{border-color:#b12923;}
.product_list2 li a img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.product_list2 li a img:hover{background:#fff;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}




/*大优势*/


.ys_index {
    height: 1417px;
    position: relative;
    background: url(../images/bj2.png) no-repeat center center;
    overflow: hidden;
}

.ys_tit {
    text-align: center;
    padding-top: 60px;
    height: 87px;
    color: #fff;
    font-family: "Microsoft Yahei";
}

.ys_tit h3 {
    font-size: 38px;
    line-height: 1;
}

.ys_tit span {
    padding-top: 8px;
    font-size:16px;
    font-weight: normal;
    display: block;
        line-height: 30px;
}

.ys_nr {
    margin-top: 120px;
    position: relative;
}

.ys_nr .ys_aa {
    height: 380px;
    position: relative;
}


.ys_aa .num{
    position: absolute;
    content: "";
    width: 92px;
    height: 130px;
    left:32px;
    top: -30px;
    z-index: 999;
}
.ys_aa .ys_img{position: relative;}
.ys_aa .ys_img .num img{
 width: 92px;
    height: 130px;
}

.ys_bb .num{
    position: absolute;
    content: "";
    width: 92px;
    height: 130px;
    left:32px;
    top: -30px;
}
.ys_bb  .ys_iimg{position: relative;}
.ys_bb  .ys_iimg .num img{
 width: 92px;
    height: 130px;
}




.ys_aa .ys_img {
    float: left;
    width: 600px;
}

.ys_aa .ys_img img {
    width: 600px;
    height: 380px;
}

.ys_aa .ys_con {
    float: left;
    width: 600px;
    height: 380px;
    background: #fff;
    padding: 40px;
}

.ys_con h3 {
    margin-top: 10px;
    color: #024683;
    font-size: 22px;
    font-family: "Microsoft Yahei";
}

.ys_con span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #cecece;
    border-bottom: 2px solid #eeeeee;
    padding-bottom: 15px;
}

.ys_con .ys_txt {
    margin-top: 20px;
}

.ys_con .ys_txt p {
    color: #333333;
    font-size: 16px;
    background: url(../images/line4.jpg) no-repeat left 6px;
    padding-left: 15px;
    margin-bottom: 24px;
}

.ys_nr .ys_bb {
    height: 380px;
    position: relative;
}

.ys_nr .ys_cc {
    height: 380px;
    position: relative;
}

.ys_bb .ys_ccon {
    float: left;
    width: 600px;
    height: 380px;
    background: #fff;
    padding: 40px 30px;
}

.ys_bb .ys_iimg {
    float: left;
    width: 600px;
}

.ys_bb .ys_iimg img {
    width: 600px;
    height: 380px;
}

.ys_bb .ys_ccon h3 {
    margin-top: 10px;
    color: #024683;
    font-size: 22px;
    font-family: "Microsoft Yahei";
}

.ys_ccon span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #cecece;
    border-bottom: 2px solid #eeeeee;
    padding-bottom: 15px;
}

.ys_ccon .ys_txt {
    margin-top: 20px;
}

.ys_ccon .ys_txt p {
    color: #333333;
    font-size: 16px;
    background: url(../images/line4.jpg) no-repeat left 6px;
    padding-left: 15px;
    margin-bottom: 24px;
}







/*工程案例*/


.anli .ys_tit{
    background: url(../images/line5.png) no-repeat center 74px;
    color: #084781;
    padding-bottom: 102px;
}
.anli .ys_tit span{color: #333333;}
#focus_Box{position:relative;width:1200px;height: 471px;}
#focus_Box ul{position:relative;width:1200px;height: 471px;}
#focus_Box li{z-index:0;position:absolute; width:0px;=height:0px;top:146px;cursor:pointer;left:377px;}
#focus_Box li img{width:100%;background:url(img/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li h3 a{display: none;color: #fff; position:absolute;left:0;bottom:0px;width:100%;height:42px;line-height:42px;font-size: 18px;font-weight: normal; background:rgba(51,51,51,.3);color:#fff;text-align: center;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:34px;height:72px;top:180px;}
#focus_Box .prev{background:url(../images/lt.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/rt.png) right bottom no-repeat;right:0px}
#focus_Box li:nth-child(2) h3 a{display: block;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(img/share-btn.png) no-repeat;text-indent:-999px;}






/*hengtu*/
.hengtu {
    height: 228px;
    position: relative;
    background: url(../images/hengtu.jpg) no-repeat center center;
}

.hengtu .hen_left {
    width: 700px;
    float: left;
}

.hen_left .hh_top {
    padding-top: 48px;
}

.hen_left .hh_top span {
    display: block;
    font-size: 15px;
    color: #fff;
    margin-top: 30px;
    line-height: 30px;
}

.hen_right {
    float: right;
    text-align: left;
}

.hen_right .hh_vv {
    margin-top:70px;
    padding-left: 85px;background: url(../images/tel1.png) no-repeat left center;
}

.hen_right .hh_vv h3 {
    font-weight: normal;
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}

.hen_right .hh_vv p{color:#fff;font-size:35px}






/*about_index*/

#demo{overflow:hidden;width:92%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}


.ab_index {
    height:726px;
    background: url(../images/ab_index_bg.jpg) no-repeat center center;
    position: relative;
}

.ss_top {
    padding-top: 48px;
    height: 116px;
    background: url(../images/ss_bg.png) no-repeat center bottom;
}

.ab_center {
    padding-top: 60px;
    height: 363px;
    position: relative;
    overflow: hidden;
}

.ab_left {
    float: left;
    width: 508px;
    height: 363px;
}

.ab_left img {
    width: 508px;
    height: 363px;
}

.ab_right {
    float: right;
    width: 692px;
    height: 363px;
    padding: 35px 9px 0 35px;
    background: #f7f7f7;
    position: relative;
}

.ab_right::before {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/ab_jiao.png) no-repeat center center;
    display: block;
    content: "";
    width: 26px;
    height: 26px;
}

.ab_right h3 {
    color: #024683;
    font-size: 24px;
    font-weight: bold;
    font-family: "Microsoft Yahei";
}

.ab_right h3 span {
    margin-left: 20px;
    color: #cfcfcf;
    text-transform: uppercase;
}

.ab_right .ab_txt {
    margin-top: 25px;
    font-size: 15px;
    color: #333333;
    line-height: 26px;
    font-family: "Microsoft Yahei";
    height: 135px;
    overflow: hidden;
}

.ab_txt>p>a {
    color: #024683;
}

.ab_right .ab_sort1 {
    margin-top: 15px;
}

.ab_sort1 a {
    display: inline-block;
    width: 144px;
    height: 43px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    background: #024683;
    border-radius: 5px;
    font-size: 18px;
    margin-right: 30px;
}

.ab_sort1 a:hover {
    background: #b12923;
}

.ab_gun {
    position: relative;
    margin-top: 40px;
}

.ab_gun_list {
    position: relative;
}

.ab_gun_list li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.ab_gun_list li a {
    display: block;
}

.ab_gun_list li a img {
    width: 262px;
    height: 180px;
}

.l_btn,
.r_btn {
    position: absolute;
    top: 30%;
    cursor: pointer;
}

.l_btn {
    left: 0;
}

.r_btn {
    right: 0;
}



















/*news_index*/
.news_index {
    position: relative;
    margin-top: 65px;
}

.news_index .rongyu {
    float: left;
    width: 292px;
}

.rongyu .ry_tit {
    position: relative;
    background: url(../images/pro_rr_tit_bg.png) no-repeat left bottom;
    padding-bottom: 15px;
    margin-bottom: 28px;
}

.rongyu .ry_tit h3 {
    color: #024683;
    font-size: 18px;
    font-family: "Microsoft Yahei";
    font-weight: normal;
    background: url(../images/ryzz.png) no-repeat left center;
    padding-left: 25px;
}

.rongyu .ry_tit a {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 15px;
    color: #929292;
}

.rongyu .rongyu_nr {
    background: #f4f4f4;
    height: 418px;
}

.rongyu_nr li {
    padding: 24px 25px 0; box-sizing:content-box;box-sizing:content-box; 
}

.rongyu_nr li a {
    display: block;
}

.rongyu_nr li a.img img{
    width: 237px;
    height: 337px;
}

.rongyu_nr li a.img{display: block;width: 237px;
height: 337px;}
.rongyu_nr li a h3 {
    text-align: center;
    padding-top: 15px;
    font-weight: normal;
    font-size: 15px;
    color: #333333;
    font-family: "Microsoft Yahei";
}

.news_index .news_qie {
    margin-left: 50px;
    position: relative;
    float: left;
    width: 445px;
}

.news_qie .news_qie_tit {
    position: relative;
    background: url(../images/pro_rr_tit_bg.png) no-repeat left bottom;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.news_qie_tit::before {
    position: absolute;
    left: 125px;
    top: 6px;
    background: url(../images/nn_jian.png) no-repeat center center;
    content: "";
    display: block;
    width: 2px;
    height: 14px;
}

.news_qie_tit li {
    float: left;
    font-size: 18px;
    color: #333333;
    margin-right: 60px;
    padding-left: 25px;
    cursor: pointer;
}

.news_qie_tit li:hover,
.news_qie_tit li.on {
    color: #024683;
}

.news_qie_tit li:nth-child(1) {
    background: url(../images/nn1.png) no-repeat left center;
}

.news_qie_tit li:nth-child(2) {
    background: url(../images/nn2.png) no-repeat left center;
}

.news_qie_tit a {
    position: absolute;
    right: 0px;
    top: 5px;
    font-size: 15px;
    color: #929292;
}





/*news_gun*/

.news_gun {
    float: right;
    width: 360px;
}

.news_gun_tit {
    height: 72px;
    background: #024683;
    position: relative;
}

.news_gun_tit h3 {
    color: #fff;
    line-height: 72px;
    font-size: 18px;
    font-weight: normal;
    padding-left: 60px;
    background: url(../images/mao.png) no-repeat 14px center;
}

.news_gun_tit a {
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 15px;
    color: #f3f3f3;
    display: block;
    line-height: 72px;
}

.news_gun_nr {
    background: #f4f4f4;
    height: 400px;
    padding: 10px 15px 0;
}

.news_gun_nr .gun_list {
    position: relative;
}

.gun_list li {
    position: relative;
    padding: 12px 0;
    border-bottom: 1px dashed #e3e3e3;
}

.gun_list li a {
    line-height: 30px;
    padding-left: 30px;
    background: url(../images/wen.png) left center no-repeat;
    display: block;
    font-size: 15px;
    color: #333333;
}

.gun_list li a:hover {
    text-decoration: none;
    color: #0f51bb;
}

.gun_list span {
    background: url(../images/da.png) left 3px no-repeat;
    padding-left: 30px;
    font: 400 14px/22px "Microsoft Yahei";
    margin-top: 5px;
    color: #333333;
    display: block
}
#kehu{overflow:hidden;height:390px;margin:0 auto;position:relative;}
#jian {height:100%;}
#zheng {}
#xtop{}






  /*banner css style*/

      .out_b {
          overflow: hidden;
          margin: 0 auto;
          width: 320px;
          padding-top: 10px;
          padding-bottom: 10px;
      }

      .slide {
          position: relative;
          height: 150px;
          overflow: hidden;
          width: 320px;
          overflow: hidden;
          margin: 0 auto;
      }

      .slide .content {
          height: 320px;
          -webkit-transform-style: preserve-3d;
          -webkit-backface-visibility: hidden;
      }

      .slide a {
          display: inline-block;
          float: left;
          width: 320px;
          height: 150px;
      }

      .slide a img {
          width: 320px;
      }

      .slide .mark {
          width: 100%;
          position: absolute;
          height: 3px;
          bottom: 0;
          background-color: rgba(51, 51, 51, 0.5);
          -webkit-transform: translate3d(0, 0, 0);
          display: -webkit-box;
      }

      .slide .mark li {
          display: block;
          -webkit-box-flex: 1;
          height: 100%;
          overflow: hidden;
      }

      .slide .mark li.active {
          background-color: #25a4bb;
      }

      .scroll {
          width: 320px;
          height: auto;
          margin: 0 auto 0 auto;
          position: relative;
          overflow: hidden;
      }

      .mod_01 {
          float: left;
          width: 320px;
      }

      .mod_01 img {
          display: block;
          width: 100%;
          height: auto;
      }

      .dotModule_new {
          padding: 0 5px;
          height: 11px;
          line-height: 6px;
          -webkit-border-radius: 11px;
          position: absolute;
          bottom: 5px;
          right: 50%;
          z-index: 11;
          width: 80px;
          margin-right: -40px;
      }

      #slide_01_dot {
          text-align: center;
          margin: 1px 0 0 0;
      }

      #slide_01_dot span {
          display: inline-block;
          margin: 0 2px;
          width: 10px;
          height: 10px;
          vertical-align: middle;
          background:url(../../images/ba2.png) no-repeat;
          -webkit-border-radius: 5px;
      }

      #slide_01_dot .selected {
          background:url(../../images/ba1.png) no-repeat;
      }

  .class-btn {
      font-size: 12px;
      line-height: 44px;
      cursor: pointer;
      background: url(../../images/btn.png) no-repeat 4%;
      background-size: 16px 16px;
      padding-left: 41px;
      color: #434343;
      width: 100%;
  }
  .bg-shaow{
      background: rgba(0,0,0,0.5);
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: 9;
      display: none;
  }







  /*æ–°é—»å†…å®¹*/

.news_nn {
    position: relative;
}

.news_kk {
    position: relative;
}

.news_kk li {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
}

.news_kk li a.img {
    display: block;
}

.news_kk li a.img img {
    width: 444px;
    height: 158px;
}

.news_kk li h3 {
    font-size: 15px;
    color: #333333;
    padding: 10px 0;
}

.news_kk li h3 a {
    font-size: 15px;
    color: #333333;
    font-family: "Microsoft Yahei";
}
.news_kk li:hover h3 a,.news_hh li:hover a{color: #024683;}
.news_kk li span {
    display: block;
    font-size: 15px;
    color: #666666;
    line-height: 25px;
}

.news_hh {
    position: relative;
}

.news_hh li {
    line-height: 49px;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}

.news_hh li a {
    display: block;
    font-size: 15px;
    color: #333333;
    background: url(../images/news_jiao.png) no-repeat left center;
    padding-left: 20px;
}

.news_hh li span {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #7a7979;
    font-size: 15px;
}






















.foot_wap {
    margin-top: 55px;

    background: #171717;
}

.foot_wap .f_aa {
    padding-top: 45px;
    width: 330px;
    float: left;
}

.f_aa h3 {
    font-weight: normal;
    font-size: 18px;
    font-family: "Microsoft Yahei";
    color: #fff;
    padding-bottom: 10px;
    background: url(../images/foot_aa_h3.png) no-repeat left bottom;
}

.f_aa .contact_txt {
    margin-top: 15px;
}

.contact_txt p {
    line-height: 30px;
    font-size: 14px;
    color: #bbbbbb;
}

.f_bb {
    margin-left: 150px;
}

.f_bb .f_nav {
    margin-top: 15px;
    font-size: 14px;
    color: #bbbbbb;
}

.f_bb .f_nav a {
    display: inline-block;
    line-height: 30px;
    width: 80px;
    font-size: 14px;
    color: #bbbbbb;
}

.f_cc {
    padding-top: 45px;
    float: right;
    width: 260px;
}

.f_cc h3 {
    font-weight: normal;
    font-size: 18px;
    font-family: "Microsoft Yahei";
    color: #fff;
    padding-bottom: 10px;
}

.f_cc .f_ewm {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    color: #bbbbbb;
    line-height: 30px;
}
.flink_wap {
    background-color: #171717;
    color: #bbbbbb;
    font-size: 14px;display: block;
}

.f_link {
    width: 1200px;
    margin: 0 auto;
    line-height: 45px;
}

.f_link a {
    padding: 0 10px;
    color: #bbbbbb;
    font-size: 14px;
}

.foot_btm {
    height: 39px;
    line-height: 39px;
    border-top: 1px solid #222222;
    background: #171717;
    text-align: center;
}

.copyright{text-align: center;color:#bbbbbb;font-size:14px}
.copyright a{text-align: center;color:#bbbbbb;font-size:14px}
