@font-face {
    font-family: "h";
    src: url("../fonts/iconfont/hanyi.TTF") format("truetype");
  }
  /*公共样式--开始*/
  html,
  body,
  div,
  ul,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  dl,
  dt,
  dd,
  ol,
  form,
  input,
  textarea,
  th,
  td,
  select {
    margin: 0;
    padding: 0;
  }
  * {
    box-sizing: border-box;
  }
  html,
  body {
    min-height: 100%;
  }
  
  body {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #333;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: normal;
  }
  ul,
  ol {
    list-style: none;
  }
  
  img {
    border: none;
    vertical-align: middle;
  }
  a:focus,
a:hover {
  color: #23527c;
  text-decoration: none;
}
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .clearboth {
    clear: both;
  }
  body {
    font-family: Microsoft YaHei;
  }
  .wd1200 {
    width: 1200px;
    margin: 0 auto;
  }
  #header {
    position: relative;
    height: 100px;
    overflow: hidden;
  }
  
  .logo {
    float: left;
    line-height: 100px;
  }
  
  .logoimg {
    margin-left: 15px;
    padding-left: 20px;
    line-height: 100px;
  }
  .top_phone {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/202110261441098zq8.png)no-repeat left center;
    font-size: 16px;
    color: #333;
    padding-left: 50px;
    line-height: 96px;
  }
  /* .top_phone {
    padding-top: 27px;
  } */
  /* .top_phone p:nth-child(1) {
    font-size: 16px;
    color: #666666;
    line-height: 27px;
  }
  .top_phone p:nth-child(2) {
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    color: #ff8a00;
    font-family: Arial;
    margin-top: 7px;
  } */
  .out-head {
    height: 44px;
    background: #2f2f2f;
  }
  .wh {
    width: 100%;
    position: relative;
  }
  .hh1 {
    font: 400 14px/44px "Microsoft YaHei";
    color: #cacaca;
  }
  .xseo {
    font: 400 14px/44px "Microsoft YaHei";
    color: #cacaca;
  }
  .xseo a {
    color: #cacaca;
  }
  .logoleft {
    margin: 30px 0;
    margin-left: 34px;
    padding-left: 30px;
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026144701qt7r.jpg)
      left center no-repeat;
  }
  .logoleft .p1 {
    font-family: Arial;
    font-size: 26px;
    font-weight: 600;
    color: #ff8a00;
    line-height: 26px;
    margin-bottom: 12px;
  }
  .logoleft .er {
    font-size: 16px;
    line-height: 20px;
    color: #666666;
  }
  .daohang {
    width: 100%;
    border-top: 1px solid #e8e8e8;
  }
  .x-menu > li {
    width: 14.285%;
    text-align: center;
    line-height: 59px;
    font-size: 16px;
    color: #333;
  }
  .x-menu > li > a {
    color: #333;
  }
  .x-menu > li > a:hover {
    background: #ff8a00;
    color: #fff;
  }
  
  .x-menu > li.active > a {
    background: #ff8a00;
    color: #fff;
  }
  
  .con1 {
    padding-top: 78px;
  }
  .c1t {
    text-align: center;
    height: 71px;
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/2021102615135354iy.png)
      no-repeat center;
    font-size: 36px;
    color: #ff8a00;
    font-weight: 600;
    line-height: 40px;
  }
  .c1t1 {
    text-align: center;
    color: #999;
    font-size: 14px;
    padding-top: 10px;
    font-weight: 400;
  }
  .c1a {
    width: 254px;
    margin-top: 42px;
  }
  .c1at {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026151249hkn6.jpg)
      no-repeat;
    height: 132px;
    text-align: center;
    line-height: 132px;
    text-indent: 55px;
  }
  .c1asort1 {
  }
  .c1asort1 li {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    text-align: center;
    line-height: 59px;
  }
  .c1asort1 li a {
    font-size: 16px;
    color: #333;
  }
  .c1asort1 li:hover a {
    color: #ff8a00;
  }
  .c1acm {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    text-align: center;
    line-height: 59px;
  }
  .c1acm a {
    font-size: 16px;
    color: #333;
  }
  .c1ab {
    width: 254px;
    height: 230px;
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/202110261512490wsq.jpg)
      no-repeat;
  }
  .c1at1 {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-top: 40px;
  }
  .c1at2 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    padding-top: 12px;
  }
  .c1at3 {
    width: 136px;
    height: 35px;
    background: #fff;
    margin: 34px auto;
    border-radius: 6px;
    text-align: center;
    line-height: 35px;
  }
  .c1at3 a {
    color: #ff8a00;
  }
  
  .c1b {
    width: 927px;
    margin-top: 42px;
  }
  .product_list1 {
    display: none;
  }
  .product_list1 li {
    float: left;
    text-align: center;
    margin-right: 16px;
    margin-bottom: 10px;
    width: 298px;
  }
  .product_list1 li:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
  .product_list1 li img {
    /* width: 296px;
    height: 267px; */
    max-width: 100%;
  }
  .product_list1 li .pimg {
    position: relative;
    overflow: hidden;
    border: 1px solid #dddddd;
  }
  .product_list1 li .pimg::after {
    position: absolute;
    width: 100%;
    content: "";
    left: 0;
    bottom: 0;
    display: block;
    height: 0;
    transition: all 0.8s;
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026151249jmk0.png)
      rgb(0, 0, 0, 0.5) center no-repeat;
    z-index: 999;
  }
  .product_list1 li:hover .pimg::after {
    height: 100%;
  }
  /* .product_list1 li .pimg {
    overflow: hidden;
    border: 1px solid #dddddd;
  }
  .product_list1 li:hover .pimg img {
    transition: all 0.8s;
    transform: scale(1.05);
  }
  .product_list1 li:hover .pimg {
    border: 1px solid #ff8a00;
  }
  .product_list1 li .pimg img {
    transition: all 0.8s;
    max-width: 100%;
  } */
  .product_list1 li h3 {
    line-height: 40px;
    font-size: 16px;
    color: #333333;
  }
  .product_list1 li h3 a {
    color: #333;
    font-weight: 400;
  }
  .product_list1 li:hover h3 a {
    color: #ff8a00;
  }
  /* .ci1 {
    background: url(../images/con1.jpg) no-repeat top center;
    height: 1438px;
    overflow: hidden;
  } */
  .box3 {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/202110261516445hhv.jpg)
      center;
    height: 151px;
    margin-top: 58px;
  }
  .box3 .p1 {
    font-size: 48px;
    color: #fff;
    line-height: 48px;
    font-family: "h";
    padding-top: 38px;
  }
  .box3 .p2 {
    text-transform: uppercase;
    font-size: 30px;
    color: #fff;
    line-height: 30px;
    margin-top: 13px;
  }
  .box4 {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026154619fpx4.jpg)
      no-repeat;
    height: 851px;
    margin-top: 54px;
  }
  .box4 ul li {
    margin-bottom: 35px;
    height: 241px;
  }
  .box4 ul li .img1 {
    float: left;
    width: 600px;
    height: 241px;
    overflow: hidden;
  }
  .box4 ul li .cont {
    margin-top: 38px;
    float: right;
    width: 560px;
    margin-right: 9px;
  }
  .box4 ul li .cont h3 {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/202110261544536ic1.png)
      no-repeat left bottom;
    height: 42px;
    line-height: 41px;
    color: #333;
    font-size: 26px;
    font-weight: bold;
  }
  .box4 ul li .cont h3 b {
    color: #f1943e;
    font-size: 30px;
    font-style: italic;
    font-weight: normal;
    margin-right: 10px;
    display: inline-block;
    font-family: Arial;
  }
  .box4 ul li .cont p {
    margin-top: 20px;
    color: #5a5a5a;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
  }
  .box4 ul li:nth-child(2) .img1 {
    float: right;
  }
  .box4 ul li:nth-child(2) .cont {
    float: left;
    margin-left: 9px;
  }
  .box5 {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026155830wjkj.jpg)
      no-repeat center;
    height: 622px;
    padding-top: 105px;
  }
  .box5-wenzi {
    height: 139px;
    color: #5a5a5a;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    width: 733px;
    margin: 0 auto;
  }
  .box5 h3 {
    margin-top: 30px;
    line-height: 25px;
    color: #323232;
    font-size: 20px;
    text-align: center;
  }
  
  .message1 {
    margin: 0 auto;
    width: 899px;
    margin-top: 21px;
  }
  .message1 input {
    background: #eee;
    border: none;
    float: left;
    outline: none;
    width: 280px;
    height: 44px;
    line-height: 44px;
    text-indent: 14px;
    color: #787878;
    font-size: 14px;
    margin-right: 13px;
  }
  .message1 input#checkcode {
    width: 150px;
    margin-right: 0;
  }
  .message1 #checkCodeImg {
    float: left;
    height: 44px;
    width: 130px;
  }
  .message1 #content {
    float: left;
    width: 866px;
    height: 107px;
    margin-top: 14px;
  }
  .message1 .send1 {
    width: 199px;
    height: 46px;
    text-indent: 0;
    text-align: center;
    line-height: 46px;
    border-radius: 20px;
    background: #f1943e;
    color: #fff;
    font-size: 16px;
    margin-left: 332px;
    margin-top: 18px;
  }
  .about-index {
    padding: 50px 0;
  }
  
  .about-left {
    width: 561px;
  }
  
  .about-right {
    width: 611px;
  }
  
  .about-title {
    font-size: 30px;
    color: #000;
    margin-top: 35px;
    font-weight: 600;
  }
  
  .about-title p {
    font-size: 14px;
    font-weight: normal;
    opacity: 0.8;
  }
  
  .about-con {
    font-size: 14px;
    color: #000000;
    line-height: 30px;
    text-indent: 2em;
    margin-top: 16px;
    border-bottom: 1px dashed #777777;
    padding-bottom: 35px;

  }
  .about-con p{
    display:-webkit-box;/**对象作为伸缩盒子模型展示**/
    -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
    -webkit-line-clamp:4;/**显示的行数**/
    overflow:hidden;/**隐藏超出的内容**/
  }
  .about-more {
    width: 110px;
    height: 38px;
    background: #6e6e6e;
    border-radius: 5px;
    margin-top: 25px;
    transition: all 0.8s;
  }
  .about-more:hover {
    background: #ff8a00;
  }
  
  .about-more a {
    display: block;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #fff;
  }
  .wbright {
    padding-left: 80px;
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026155646jbhj.png)
      center left no-repeat;
    height: 68px;
    margin-top: 75px;
  }
  .wbright .p1 {
    font-size: 16.5px;
    color: #333;
    line-height: 16.5px;
  }
  .wbright .p2 {
    font-size: 33px;
    color: #333;
    line-height: 33px;
    font-weight: 600;
    margin-top: 14px;
  }
  .weben {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/202110261556381vyr.jpg)
      center no-repeat;
    height: 202px;
  }
  .wbleft {
    padding-top: 60px;
  }
  .wbleft .p1 {
    font-size: 23px;
    color: #333333;
    line-height: 33px;
    font-family: Arial;
  }
  .wbleft .p2 {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/202110261556465ifs.png)
      no-repeat;
    font-size: 23px;
    color: #ff8a00;
    padding-left: 23px;
    line-height: 46px;
    font-family: Arial;
    margin-top: 17px;
  }
  /* 新闻中心 */
  
  .h-news {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026161843bvzn.jpg)
      center no-repeat;
    /* padding: 54px 0 61px; */
    padding-top: 74px;
    height: 849px;
  }
  
  .lnews_n {
    padding-top: 46px;
  }
  
  /* 新闻左侧样式 */
  
  .lnews_l {
    width: 828px;
    height: 492px;
    overflow: hidden;
    background: #fff;
  }
  
  .lnew_t {
    width: 100%;
    border: solid 1px #f0f0f0;
  }
  
  .lnew_t a {
    display: inline-block;
    width: 50%;
    float: left;
    height: 73px;
    font: 500 20px/73px "Microsoft YaHei";
    padding-left: 163px;
    color: #4c4c4c;
  }
  
  .lnew_t a:nth-child(1) {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/202110261618530gff.png)
      center left 119px no-repeat;
  }
  
  .lnew_t a:nth-child(2) {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026161852mh7w.png)
      center left 119px no-repeat;
  }
  
  .lnew_t a:hover {
    color: #fff;
  }
  
  .lnew_t a:hover:nth-child(1) {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026161852k4l4.png)
      center left 119px no-repeat #ff8a00;
  }
  
  .lnew_t a:hover:nth-child(2) {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/2021102616185211wk.png)
      center left 119px no-repeat #ff8a00;
  }
  
  .lnew_t a.cur:nth-child(1) {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026161852k4l4.png)
      center left 119px no-repeat #ff8a00;
    color: #fff;
  }
  
  .lnew_t a.cur:nth-child(2) {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/2021102616185211wk.png)
      center left 119px no-repeat #ff8a00;
    color: #fff;
  }
  
  .news-wrap {
    padding: 32px 20px 22px;
  }
  
  .lnew_img {
    width: 400px;
    margin-right: 34px;
  }
  
  .news-pic {
    display: block;
    width: 400px;
    height: 236px;
    overflow: hidden;
  }
  .lnew_img ul li:hover .news-pic img {
    transition: all 0.8s;
    transform: scale(1.05);
  }
  .lnew_img ul li .news-pic img {
    transition: all 0.8s;
    max-width: 100%;
  }
  .news-pic img {
    max-width: 100%;
  }
  
  .lnew_w {
    margin-top: -6px;
    width: 350px;
  }
  
  .lnews_nr_z a {
    display: block;
    font: 500 14px/50px "Microsoft YaHei";
    color: #666;
    position: relative;
    padding-left: 17px;
    height: 50px;
    border-bottom: 1px solid #f2f2f2;
  }
  
  .lnews_nr_z a::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    top: 24px;
    left: 0;
    background: #cfcfcf;
  }
  
  .lnews_nr_z a:hover {
    color: #ff8a00;
    font: 700 14px/50px "Microsoft YaHei";
  }
  
  .lnews_nr_z a:hover::before {
    background: #ff8a00;
  }
  
  .lnew_ct a {
    display: block;
  }
  
  .lnew_ct .lnew_h {
    font: 500 18px/18px "Microsoft YaHei";
    color: #333;
    padding: 22px 0 18px;
  }
  
  .lnew_center {
    font: 500 14px/28px "Microsoft YaHei";
    color: #666;
  }
  
  .lnew_img li:hover .lnew_h {
    color: #ff8a00;
  }
  
  /* 新闻右侧样式 */
  
  .news3 {
    padding: 0px 20px 0px 20px;
  }
  
  .lnews_r {
    width: 358px;
    height: 492px;
    background: #fff;
  }
  
  .went {
    display: block;
    height: 73px;
    font: 500 20px/73px "Microsoft YaHei";
    color: #333;
    border: solid 1px #f0f0f0;
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026162134a6m0.png)
      center left 22px no-repeat;
    padding-left: 66px;
  }
  
  .went:hover {
    color: #333;
  }
  
  .xwenz {
    font: 500 16px/73px "Microsoft YaHei";
    color: #999;
    padding-left: 115px;
  }
  
  .xwenz:hover {
    color: #ff8a00;
  }
  
  .lnew_a {
    display: block;
    width: 34px;
    height: 40px;
    text-align: center;
    font: 500 14px/40px "Microsoft YaHei";
    color: #fff;
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/202110261622179iid.png)
      center no-repeat;
  }
  
  .lnew_wz {
    padding: 22px 0 25px;
    width: 318px;
    border-bottom: 1px solid #f2f2f2;
  }
  
  .lnew_q {
    display: block;
    width: 34px;
    height: 40px;
    text-align: center;
    font: 500 14px/40px "Microsoft YaHei";
    color: #999;
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026162318c4zh.png)
      center no-repeat;
  }
  
  .newr-con {
    width: 270px;
    padding-left: 13px;
  }
  
  .lnews_r_h {
    font: 500 14px/14px "Microsoft YaHei";
    color: #333;
    padding: 16px 0 10px;
  }
  
  .lnews_r_c {
    font: 500 12px/20px "Microsoft YaHei";
    color: #666;
    width: 246px;
  }
  
  .lnew_wz:hover .lnew_a {
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026162218ozyt.png)
      center no-repeat;
  }
  
  .lnew_wz:hover .lnews_r_h {
    color: #ff8a00;
    font: 700 14px/14px "Microsoft YaHei";
  }
  
  #ydemo {
    overflow: hidden;
    margin: 30px auto 30px;
    position: relative;
    height: 342px;
  }
  .h-title {
    text-align: center;
  }
  
  /* .h-title h3 {
    color: #333;
    font: 700 30px/30px "Microsoft YaHei";
  }
  
  .h-title p {
    text-transform: uppercase;
    padding-top: 17px;
    color: #666;
    font: 500 16px/16px "Microsoft YaHei";
  } */
  .dheng {
    width: 60px;
    height: 6px;
    background: #ff8a00;
    margin: 19px auto;
  }
  .h-title h3 {
    font-size: 36px;
    color: #ff8a00;
    font-weight: 700;
    line-height: 36px;
  }
  .h-title .p1 {
    font-size: 14px;
    line-height: 14px;
    color: #999999;
  }
  .yqlj {
    margin-top: 59px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .spa {
    display: block;
    float: left;
    width: 176px;
    height: 35px;
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026162406bzmo.png)
      no-repeat;
    padding-left: 23px;
    padding-right: 13px;
    margin-right: 16px;
  }
  .spa span {
    line-height: 35px;
    color: #fff;
    font-size: 15px;
  }
  .yqlj a {
    line-height: 35px;
    color: #848484;
    font-size: 14px;
    display: block;
    float: left;
  }
  .yqlj a + a {
    margin-left: 7px;
  }
  .yqlj a:hover {
    color: #ff8a00;
  }
  .ss {
    width: 311px;
    background: #343434;
  }
  .ss .ip1 {
    width: 275px;
    line-height: 35px;
    border: none;
    outline: none;
    background: none;
    padding-left: 10px;
  }
  .ss .bt {
    float: right;
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026163333sjxy.png)
      center no-repeat;
    width: 18px;
    height: 35px;
    margin-right: 12px;
    border: none;
    outline: none;
  }
  .foot {
    background: #232323;
    padding-top: 80px;
  }
  .rs {
    font-size: 14px;
    line-height: 14px;
    color: #848484;
    margin-top: 13px;
  }
  .rs a {
    color: #848484;
  }
  .rs a + a {
    margin-left: 18px;
  }
  .rs a:hover {
    color: #ff8a00;
  }
  .san1 {
    margin-right: 11px;
  }
  .disan {
    padding-left: 30px;
    margin-top: -14px;
    padding-top: 14px;
    background: url(http://218.4.132.130:8147/guangke/data/upload/202110/20211026163409g3m7.jpg)
      top left no-repeat;
  }
  .disan div p {
    text-align: center;
    font-size: 14px;
    color: #848484;
    line-height: 14px;
    margin-top: 14px;
  }
  .foot .f1 {
    padding-bottom: 28px;
    display: flex;
    justify-content: space-between;
  }
  .dier {
    font-size: 14px;
    line-height: 36px;
    color: #848484;
  }
  .bq {
    line-height: 56px;
    font-size: 12px;
    color: #787878;
    background: #1d1d1d;
  }
  .bq a {
    color: #787878;
  }
  .bq a img{
      height: 20px
  }
  .bq a:hover {
    opacity: 0.8;
  }
  .xypg-left-title {
    background-color: #ff8a00;
  }
  .xypg-job-list .job-title {
    background-color: #ff8a00;
  }
  .xypg-news-list li .more span:hover {
    background-color: #ff8a00;
  }
  .xypg-pagination a:hover {
    background-color: #ff8a00;
  }
  .xypg-news-list li:hover .more span {
    background-color: #ff8a00;
  }
  .xypg-pagination #current,
  .xypg-pagination a:hover {
    border: #ff8a00;
    background: #ff8a00;
  }
  #toolbar li a {
    background-color: #ff8a00;
  }
  #toolbar li:hover .icon-font {
    background-color: #ff8a00;
  }
  .x-banner {
    position: relative;
  }
  .abc {
    position: absolute;
    left: 50%;
    margin-left: -38.5px;
    bottom: 15%;
    z-index: 9999;
  }