/*----- 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: 55px;background: url(../image/tel.jpg) no-repeat left center;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}



.k1{color:#666}

.k1 a{color:#666}





/*导航*/

#menu{background: #024683;}

.nav{height:40px;}

.nav li{line-height:40px;height:40px;text-align:center;width:145px;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:#ff7e00;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(../image/bj1.jpg) no-repeat top center;height: 1129px;padding-top: 53px;}

.sou{height: 89px;background: url(../image/sbj.png) no-repeat top center;line-height: 56px;font-size: 15px;color: #fff;}

#formsearch{float:right;width: 278px;height: 32px;background: url(../image/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(http://www.hrbyuntong.net/template/default/assets/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(../image/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: #ff7e00;}

.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: #ff7e00;}

.pbt {background: url(../image/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;font-weight: bold;}

.pcon1 dd{color: #333333;font-size: 18px;margin: 13px 0 10px 0;}

.pcon1{display: block;color: #333333!important;font-size:15px!important;line-height: 35px;font-weight: normal;}

.pcon1 dt{font-size:15px!important;line-height: 35px;font-weight: normal;height:116px;overflow: hidden;}

.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: #ff7e00;}

.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:276px;overflow: hidden;}

.product_list2 li a.img img{width:276px;height:276px;}

.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:#ff7e00;}

.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(../image/bj2.jpg) 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;font-weight: bold;

}



.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:480px;

    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(../image/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(../image/line4.jpg) no-repeat left 6px;

    padding-left: 15px;

    margin-bottom: 24px;

}















/*工程案例*/





.anli .ys_tit{

    background: url(../image/line5.png) no-repeat center 74px;

    color: #024683;

    padding-bottom: 102px;

}

.anli .ys_tit span{color: #333333;}

#focus_Box{position:relative;width:1200px;height: 750px;}

#focus_Box ul{position:relative;width:1200px;height: 750px;}

#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(http://www.hrbyuntong.net/template/default/assets/css/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:253px;}

#focus_Box .prev{background:url(../image/lt.png) left bottom no-repeat;left:0px}

#focus_Box .next{background:url(../image/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(http://www.hrbyuntong.net/template/default/assets/css/img/share-btn.png) no-repeat;text-indent:-999px;}













/*hengtu*/

.hengtu {

    height: 228px;

    position: relative;

    background: url(../image/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(../image/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(../image/ab_index_bg.jpg) no-repeat center center;

    position: relative;

}



.ss_top {

    padding-top: 48px;

    height: 116px;

    background: url(http://www.hrbyuntong.net/template/default/assets/images/ss_bg.png) no-repeat center bottom;

}



.ab_center {

    padding-top: 60px;



    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 0 0 35px;

    background: #f7f7f7;

    position: relative;

}







.ab_right::before {

    position: absolute;

    right: 0px;

    top: 0px;

    background: url(../image/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: 160px;

    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: #ff7e00;

}



.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: 262px;

}



.l_btn,

.r_btn {

    position: absolute;

    top: 33%;

    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(../image/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(../image/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(../image/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(http://www.hrbyuntong.net/template/default/assets/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(../image/nn1.png) no-repeat left center;

}



.news_qie_tit li:nth-child(2) {

    background: url(../image/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(../image/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(../image/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(../image/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(http://www.hrbyuntong.net/template/default/images/ba2.png) no-repeat;

          -webkit-border-radius: 5px;

      }



      #slide_01_dot .selected {

          background:url(http://www.hrbyuntong.net/template/default/images/ba1.png) no-repeat;

      }



  .class-btn {

      font-size: 12px;

      line-height: 44px;

      cursor: pointer;

      background: url(http://www.hrbyuntong.net/template/default/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";

    font-weight: bold;

}

.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(../image/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(../image/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 {
	padding: 15px 0;

    line-height: 23px;

    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}





/* 内页基本样式 */

.xypg-wrap {

    padding-top: 20px;

    padding-bottom: 40px;

  }

  

  .xypg-left-box {

    margin-bottom: 20px;

  }

  

  

  

  .xypg-left-con {

    border:none;

    padding:none;

  }

  

  .latest-news{padding: 0;}

  .latest-news li{

    line-height: 27px;

      position: relative;

      font-size: 12px;

      padding:0 0 0 10px;

      border-bottom: 1px solid #dddddd;

  }

  .latest-news li a {

       line-height: 27px;

      color: #666;

      font-size: 12px;

  }

  .latest-news li a:before{

    background: none!important;margin: 0!important;width: 0!important;

  }

  .latest-news li a:before {

    content: '';

    display: inline-block;

    width: 14px;

    height: 14px;

    background: #d1d1d1 url(../image/xypg-left-jt.png) -1px -16px no-repeat;

    border-radius: 50%;

    vertical-align: middle;

    margin-right: 10px;

  }

  

  .latest-news li a:hover {

    color: #03479c;

    text-decoration: none;

  }

  

  .latest-news li a:hover:before {

    background-color: #03479c;

  }

  .hot-keys{padding: 0;margin:0;}

  .hot-keys li {

   width: 46%;

      float: left;

      border: 1px dashed #d0d0d0;

      background: #fcfcfc;

      padding-left: 0px;

      margin:0 0 10px 0 ;

      text-align: center;

  }

  

  .hot-keys li a {

       line-height: 27px;

      color: #666;

      font-size: 12px;background: none;

  }

  

  .hot-keys li a:hover {

    color: #03479c;

    text-decoration: none;

  }

  

  .hot-keys li:nth-child(even) {

    float: right;

  }

  

  .contact-box .hot-line {

    background: url(../image/xypg-right-phone.png) left 5px no-repeat;

    padding-left: 70px;

    margin-bottom: 15px;

  }

  

  .contact-box .hot-line h4 {

    font-weight: normal;

    margin: 0;

    font-size: 14px;

    color: #666666;

  }

  

  .contact-box .hot-line p {

    font-size: 22px;

    font-family: Arial;

    font-weight: bold;

    color: #03479c;

    margin-bottom: 0;

  }

  

  .contact-box .gs-name {

    font-size: 15px;

    font-weight: bold;

    color: #333333;

    margin-bottom: 10px;

  }

  

  .contact-box .contact-info p {

    margin-bottom: 0;

    border-bottom: 1px dotted #b8b8b8;

    font-size: 14px;

    color: #333333;

    padding: 8px 0;

  }

  

  .contact-box .contact-info p:last-child {

    border-bottom: 0;

  }

  

  .xypg-right-mbx {

    border-bottom: 1px solid #ebebeb;

    font-size: 14px;

    color: #666666;

    line-height: 25px;

    padding: 17px 0 7px 0;

  }

  

  .xypg-right-mbx .cur-pos {

    display: inline-block;

    color: #333;

  }

  

  .xypg-right-mbx .cur-pos .iconfont {

    font-size: 25px;

    display: inline-block;

    height: 25px;

    color: #000;

    margin-right: 5px;

  }

  

  .xypg-right-mbx a {

    color: #666;

  }

  

  .xypg-right-mbx a:hover {

    color: #ab001a;

    text-decoration: underline;

  }

  

  

  

  .xypg-right-content {

    font-size: 14px;

    color: #333;

    line-height: 1.7;

    padding: 15px 0;

  }

  

  .xypg-right-content p img {

    max-width: 100%;

  }

  

  .navigation a {

    display: inline-block;

    font-size: 14px;

    color: #333333;

    font-family: "Microsoft YaHei",Arial;

    line-height: 26px;

    border: 1px solid #cbcbcb;

    margin: 0 5px;

    padding: 0 8px;

  }

  

  .navigation a.previous_page {

    float: left;

  }

  

  .navigation a.next_page {

    float: right;

  }

  

  .navigation a:hover {

    color: #fff;

    border-color: #ab001a;

    background: #ab001a;

  }

  

  .xypg-wrap .xymob-page-icon {

    position: fixed;

    right: 15px;

    bottom: 100px;

    z-index: 9999;

  }

  

  .xypg-wrap .xymob-page-icon li {

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    margin-bottom: 1px;

    background: rgba(171, 0, 26, 0.7);

    cursor: pointer;

  }

  

  .xypg-wrap .xymob-page-icon li i {

    font-size: 20px;

    color: #fff;

  }

  

  

  

  .product-detail-tab {

      margin-top: 50px

  }

  

  .product-detail-tab .product-detail-tabli {

      border-top: 1px solid #ededed;

      border-bottom: 1px solid #ededed;

      height: 40px

  }

  

  .product-detail-tab .product-detail-tabli li {

      float: left;

      width: 20%;

      line-height: 40px;

      margin-top: -1px;

      text-align: center;

      font-size: 14px;

      color: #333;

      cursor: pointer

  }

  

  .product-detail-tab .product-detail-tabli li.on,.product-detail-tab .product-detail-tabli li:active,.product-detail-tab .product-detail-tabli li:visited {

      background: #03479c;

      color: #fff

  }

  

  .product-detail-tab .product-detail-tabcon {

      padding: 15px 0

  }

  

  .product-detail-tab .product-detail-tabcon img,.product-detail-tab .product-detail-tabcon p img {

      max-width: 100%;

      height: auto!important;

      width: auto!important

  }

  

  

  /*内页切换*/

  .page-product-detail-effect .big-img {

      float: left;

      width: 76.86567164%;

      height: 510px;

      border: 1px solid #efefef

  }

  

  .page-product-detail-effect .big-img a {

      display: block;

      text-align: center;

      width: 100%;

      height: 100%;

      font-size: 0

  }

  

  .page-product-detail-effect .big-img a img {

      max-width: 100%;

      max-height: 100%;

      display: inline-block;

      vertical-align: middle

  }

  

  .page-product-detail-effect .big-img a:after {

      content: "";

      height: 100%;

      display: inline-block;

      vertical-align: middle;

      overflow:hidden;

  }

  

  .page-product-detail-effect .product-detail-slick {

      float: right;

      width: 20.89552239%

  }

  

  .page-product-detail-effect .product-detail-slick a {

      display: block;

      text-align: center;

      width: 100%;

      height: 100%;

      font-size: 0;

      border: 1px solid #efefef

  }

  

  .page-product-detail-effect .product-detail-slick a img {

      max-width: 100%;

      max-height: 100%;

      display: inline-block;

      vertical-align: middle

  }

  

  .page-product-detail-effect .product-detail-slick a:after {

      content: "";

      height: 100%;

      display: inline-block;

      vertical-align: middle

  }

  

  .page-product-detail-effect .product-detail-slick .slick-slide {

      outline: none;

      height: 140px;

      margin: 5px 0

  }

  

  .page-product-detail-effect .product-detail-slick .slick-slide.active a {

      border-color: #ab001a

  }

  

  .page-product-detail-effect .product-detail-slick .slick-arrow {

      height: 30px;

      text-align: center;

      line-height: 30px;

      background: #838383;

      -webkit-transition: all .5s ease;

      transition: all .5s ease;

      cursor: pointer

  }

  

  .page-product-detail-effect .product-detail-slick .slick-arrow:hover {

      background: #292e39

  }

  

  .page-product-detail-effect .product-detail-slick .slick-arrow .iconfont {

      color: #fff;

      font-size: 20px

  }

  

  .easyzoom{

      position: relative;

      display: inline-block;

  }

  

  

  /*底部*/

  .demo-layout {

      background: url(../image/layout_bg.jpg) top no-repeat;

      background-size: cover;

      padding: 2% 0;

      box-sizing:border-box;

      margin-top: 3%;

  }

  

  .container-fluid{

    width: 1200px;

    margin:0 auto;

  }

  .di_left{

    float: left;

    width:370px;

  }

  .di_middle{

    float: left;

    width:480px;

    margin-left: 40px;

  }

  .demo-footer{

      background: #03479c;

      padding: 10px 0;

      font-size: 12px;

      line-height: 1.8;

  }

  .demo-copyright{

    text-align: center;

  }

  .demo-layout-desc {

      font-size: 12px;

      color: hsla(0,0%,100%,.5);

      line-height: 22px;

  }

  .demo-layout-logo {

      margin-bottom: 20px

  }

  

  .demo-layout-contact p {

      margin-bottom: 0;

      font-size: 14px;

      color: hsla(0,0%,100%,.7);

      line-height: 1.7

  }

  

  .demo-layout-contact strong {

      display: block;

      font-size: 24px;

      color: hsla(0,0%,100%,.8)

  }

  

  .demo-layout-contact a {

      color: #fff

  }

  

  .demo-layout-menu dl {

      float: left;

      width: 20%;

      text-align: center

  }

  

  .demo-layout-menu dl dt {

      font-size: 14px;

      color: #fff;

      margin-bottom: 1.43em

  }

  

  .demo-layout-menu dl dd a {

      display: block;

      font-size: 14px;

      color: hsla(0,0%,100%,.4);

      line-height: 2

  }

  

  .demo-layout-ewm {

      text-align: center

  }

  

  .demo-layout-ewm p {

      background: hsla(0,0%,100%,.1);

      font-size: 13px;

      font-weight: 100;

      padding: .8em 0;

      line-height: 1.7;

      color: hsla(0,0%,100%,.7);

      margin: 15px 0 0

  }

  

  

  

  .demo-footer,.demo-footer a {

      color: hsla(0,0%,100%,.5)

  }

  

  .demo-footer a:hover {

      color: hsla(0,0%,100%,.8)

  }



  

  /*------------内页-------------------*/

  .container1{width:1200px;margin: 0 auto;}

  .left .box{margin-bottom:10px;}

  .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";

  background:#024683;font-size:18px;color:#fff;margin-bottom: 10px;}

  .left .box .content{padding:5px 0px;}



.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}





.n_banner{width:1920px;position:relative;left:50%;margin-left:-960px;}

.n_banner img{width:1920px;margin:0 auto}





.left{width:225px;float:left;}

.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.sort_product{margin-top:10px;}

.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}



.n_contact{margin-top:10px;}

.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact .content{padding:5px;line-height:24px;}



.right{width:914px;float:right;padding-bottom:10px;}

.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:#024683;color:#fff;}

.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}

.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}

.sitemp .site a{color:#fff;}

.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}

.sort_album{margin-top: 15px;}



.xypg-left-nav{margin: 0;}



.xypg-detail-con a{font-weight: 600; color: #024683;}





.sort li{position:relative;z-index: 999;}

.sort li .about_b{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;

	border-bottom:2px solid #024683;z-index:9999;}

.sort li .layer2{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;

	border-bottom:2px solid #024683;z-index:9999;}

.sort li .layer2 li{overflow:hidden;}

.sort li .layer2 li a{font-weight:bold;background:url(../image/ico1.gif) no-repeat 0% 50%;}

.sort li .layer2 li a:hover{text-decoration:none;color:#024683;}

.sort li .layer2 li .layer3 li{margin:6px 0px;line-height: 24px;padding-left: 10px;}

.sort li .layer2 li .layer3 li a{font:normal 12px/24px "微软雅黑";background:none;}

.sort li .layer2 li .layer3 li .layer4 li{margin:6px 0px;line-height: 24px;padding-left: 15px;}

.sort li .layer2 li .layer3 li .layer4 li a{font:normal 12px/24px "微软雅黑";background:none;}



.sort li a{background:url(../image/dot4.png) no-repeat 5px -41px;color:#666;display:block;line-height:30px;font-family: "微软雅黑";border-bottom:1px solid #dddddd;padding-left:25px;}

.sort li a:hover{color:#024683;text-decoration: none;background:url(../image/dot4.png) no-repeat 5px -41px #f5f6f6;}

.sort li.change a{background:url(../image/dot4.png) no-repeat 5px -41px #f5f6f6;}