@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  
	margin: 0;
	padding: 0;
	border: 0;
	/* font-size: 100%; */
	font: inherit;
}

ol, ul {
	list-style: none;
}


/* add */
body { 
  /* font-family:  Source Han Sans CN,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; */
  font-family: Source Han Sans CN, "宋体", Tahoma, Helvetica, Arial,"\5b8b\4f53", sans-serif;

}
img{border:0}
/* 清除浮动 */
.clear { display:block !important; clear:both !important; float:none !important; margin:0 !important; padding:0 !important; height:0; line-height:0; font-size:0; overflow:hidden;}
.clearfix { zoom:1; }
.clearfix:after { content:""; display:block; clear:both; height:0; }
.spacer{clear:both; font-size:0; height:0; line-height:0;}
a{color:#333;text-decoration:none;}
a:hover{
    text-decoration:none;
}
/* 以上是默认样式 */


/* 导航样式 */

.bg-light {
    color: black;
  }
  .bg-light {
    background-color: #fff !important;
  }
  .navbar-nav > li {
    padding: 10px 20px;
  }
  
  .navbar-nav > li > a {
    font-size: 18px;
    color: black !important;
  }
  .navbar-nav > li > a:hover {
    color: red !important;
    text-decoration: dashed;
  }
  #carouselExampleIndicators{
    margin-top: 30px;
  }

/* index产品介绍 */
.product_container{
    padding:34px 0 44px 0
}
.product{
    width: 100%;
}
.pub_title{
    width:100%;
    text-align: center;
    position: relative;
    z-index: 5;
    padding:50px;
}
.pub_title h1{
    font-size: 35px;
    font-weight: 500;

}
.pub_line
{
    
    display: block;
    width: 28px;
    height: 3px;
    background: #ff0000;
    margin: 10px auto 0;
}
.product_box{
    width:100%;
    margin-top: 20px;
    text-align: center;
}
/* .card{
    height: 300px;
} */
.product_container svg{
    margin-top: 93px;
}
.product_container a:hover{
    color: #ff0000;}

/* 公司简介上 */
.company_container{
    padding:34px 0 44px 0  
}
  .section-news {
      /* background: #f3f6ff; */
      padding-bottom: 90px
    }

    .wrapper {
      position: relative;
      max-width: 1200px;
      padding-left: 10px;
      padding-right: 10px;
      margin: 0 auto;
    }

    /*标题及左右背景图片*/
    /*  */
    /*左侧图片*/
    .news-pic-box {
      position: absolute;
      top: 12px;
      left: 0;
      width: 420px;
      height: 280px;
      background: url(../img/banner_about.jpg);
      background-position: center;
      background-size: cover
    }

    /*右侧轮播*/
    .news-text {
      box-shadow: 0 15px 30px 10px rgba(196, 203, 222, 0.43);
      border-radius: 2px;
      padding-left: 40px;
      margin-left: 380px;
      background-color: white;
      height: 304px
    }

    .news-body:after {
      content: "";
      display: table;
      clear: both
    }

    .news-text-content {
      position: relative;
      overflow: hidden;
      height: 100%
    }

    .news-text-content ul {
      position: relative;
      width: 100%;
      height: 100%;
      box-sizing: content-box
    }

    .news-text-content li {
      padding: 30px 60px;
      height: 100%;
      position: relative
    }

    .news-text-content h1 {
      max-height: 56px;
      font-size: 22px;
      line-height: 24px;
      color: #383e63;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      transition: .2s;
      margin-bottom: 10px
    }

    .news-text-content h1 a {
      display: block
    }

    .news-text-content p {
      margin-bottom: 20px;
      font-size: 14px;
      line-height: 22px;
      color: #737895;
      position: relative
    }


    /*按钮*/
    .cui-btn {
      display: inline-block;
      height: 40px;
      padding: 0 30px;
      border: solid 1px transparent;
      border-radius: 2px;
      background: transparent;
      font-weight: 400;
      font-size: 14px;
      line-height: 38px;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      user-select: none;
      transition: 0.2s;
      border-color: #f66f6a;
      background-color: #f66f6a;
      color: #fff
    }

    .cui-btn:hover {
      box-shadow: 0 8px 16px rgba(246, 111, 106, 0.5)
    }

    .cui-btn a:hover {
      text-decoration: none;
    }

    .js-title a:hover {
      text-decoration: none !important;
    }

    /* 公司简介下 */

/* 其他页面的banner */
.layout_banner{width: 100%;height:auto;overflow: hidden;position: relative;}
.layout_banner img{min-height: 400px;object-fit: cover;width: 100%;}

@keyframes bannertextleft {0% {transform: translateX(-60px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bannertextright {0% {transform: translateX(60px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}





.banner_list_bg{position: absolute;left: 0;width: 100%;bottom: 0;background: rgba(0, 0, 0, .4);z-index: 9;height:70px;}
.banner_list{width: 1360px;margin:0 auto;}
.banner_list ul{float: left;}
.banner_list ul li{float: left;}
.banner_list ul li a{line-height: 70px;font-size: 14px;color: #fff;padding: 0 20px;display: inline-block;text-align: center;}
.banner_list ul li a:hover{background-color: #e3143b;}
.banner_list ul li a.hover{background-color: #e3143b;}

.banner_list_right{float: right;font-size: 14px;color: #fff;line-height: 70px;background: url('../images/about/list_bg.png') no-repeat right center;padding-right: 25px;}
.banner_list_right a{font-size: 14px;color: #fff;}
.banner_list_right a:hover{color: #e3143b;}
.banner_list_right span{font-family: "宋体";font-size: 12px;color: #959595;padding: 0 8px;}



/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {

}

@media all and (max-width:1460px) {
   
}

@media all and (max-width:1380px) {
 .banner_list{width: 94%}
}

@media all and (max-width:1280px) {
   


}

@media all and (max-width:1200px) {




}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
 /*banner*/
 .layout_banner img{min-height: 250px;}


.banner_list_bg{height:auto;}
 .banner_list{width: 100%;}
 .banner_list ul{width: 100%}
.banner_list ul li{float: left;width: 33.3333%;}
/* .banner_list ul li a{line-height: 40px;font-size: 14px;color: #fff;display: inline-block;text-align: center;padding: 0;width: 100%;} */

.banner_list_right{display: none;}

.telent-la{width: 100%;height: auto;}
}

.item4 p{padding:0 12px;margin:0;text-indent:2em;font-size:12px;line-height:20px;color:#fff;font-weight:normal;}

    /* 页脚 */
    .footer{
      background-color: #323A45;
      color: #fff;
      padding-top: 70px;
    }
    footer .product_bottom{
     padding-bottom:50px;
    }
    footer h5 {
      height: 45px;
      line-height: 20px;
      font-size: 20px;
      color: #ffffff;
    }

    footer ul>li>a {
      line-height: 33px;
      color: #ABACAF;
      font-size: 15px;
    }
    footer ul>li>a:hover {
      /* line-height: 33px; */
      color: #dc3545;
      /* font-size: 15px; */
    }
    footer .companyname {
      height: 40px;
      line-height: 18px;
      font-size: 18px;
      color: #ffffff;
      margin-top: 25px;
    }

    footer .phone .address {
      height: 34px;
      line-height: 15px;
      font-size: 15px;
      color: #ABACAF;
    }

    footer .footer-bottom {
      height: 100px;
      text-align: center;
      padding-top: 27px;
      border-top: 1px solid #42444B;
    }

    .footer-bottom p {
      line-height: 26px;
      font-size: 14px;
      color: #6C6E73;
    }
    footer .companyname{
      height: 40px;
    line-height: 18px;
    font-size: 18px;
    color: #ffffff;
    margin-top: 25px;
    }
footer .phone{
  height: 34px;
    line-height: 15px;
    font-size: 15px;
    color: #ABACAF;
}
footer .address
{
  height: 34px;
    line-height: 15px;
    font-size: 15px;
    color: #ABACAF;
}


/* service */
/* 我们的服务 */
/*背景*/
.specialty{background:url(../img/service/support-service-specialty-pc.jpg) no-repeat;background-size:cover;padding-bottom:50px}
/*大标题*/
.support-title{padding-top:50px;padding-bottom:30px;text-align:center}
.support-title h1{font-size:36px;color:#252B3A;line-height:48px}
/*列表*/
.specialty-slide:before,.specialty-slide:after{content:" ";display:table}
.specialty-slide:after{clear:both}
.specialty-slide .item{width:25;text-align:center;padding:45px 0;position:relative;z-index:2;cursor:pointer}
.specialty-slide .itemli a.list{display: inline-block;width: 100%;}
.specialty-slide .item i{width:47px;height:47px;display:inline-block;background-size:cover;background-position:center;margin-bottom:25px}
.specialty-slide .item h1{font-size:16px;color:#252B3A;text-align:center;line-height:22px}
/*反面*/
.specialty-slide .specialty-content{float:left;position:absolute;top:100%;left:-1px;background:#FFFFFF url(../img/service/support-service-resources-hover.png) no-repeat;background-position:right bottom;border-radius:2px;padding:0 30px;overflow:hidden;line-height:190px;transition:all 0.5s,border 0s;box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);height:0}
.specialty-slide .specialty-content{position:absolute;top:100%;left:-1px;background:#FFFFFF url(../img/service/support-service-resources-hover.png) no-repeat;background-position:right bottom;border-radius:2px;padding:0 30px;overflow:hidden;line-height:190px;transition:all 0.5s,border 0s;box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);height:0}
.specialty-slide .specialty-content a{display:inline-block;line-height:190px;vertical-align:middle}
.specialty-slide .specialty-content h1{font-size:16px;color:#252B3A;text-align:center;line-height:22px;margin-bottom:10px;transition:all 0.3s}
.specialty-slide .specialty-content h1:hover{color:#f66f6a}
.specialty-slide .specialty-content p{font-size:12px;color:#666A75;text-align:center;line-height:20px}
.item:hover:after{opacity:0}
.item:hover .specialty-content{height:190px;width:auto;top:0;border-top:4px solid #F7A655}
/* 我们的优势 */
.box img {
  border: 0;
}

.box a {
  text-decoration: none;
  color: #333;
}

.box a:hover {
  color: #1974A1;
}

.box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;	text-align: center;
}

.box .item {
  width: 300px;
  /* width: 33.33333%; */
}
.box .item h3 {

  margin-top: 30px;
  font-size: 24px;
  font-weight: normal;
  color: #353535;
  height: 32px;
  line-height: 32px;
}
.box .item p {
  margin-top: 15px;
  font-size: 14px;
  color: #888;
}

/*  */
/* 地图 */
    /*html,
        body,
        #map_container {
            height: 100%;
            width: 100%;
        } */

        .content-window-card {
          position: relative;
          box-shadow: none;
          bottom: 0;
          left: 0;
          width: auto;
          padding: 0;
        }
    
        .content-window-card p {
          height: 2rem;
        }
    
        .custom-info {
          border: solid 1px silver;
        }
    
        div.info-top {
          position: relative;
          background: none repeat scroll 0 0 #F9F9F9;
          border-bottom: 1px solid #CCC;
          border-radius: 5px 5px 0 0;
        }
    
        div.info-top div {
          display: inline-block;
          color: #333333;
          font-size: 14px;
          font-weight: bold;
          line-height: 31px;
          padding: 0 10px;
        }
    
        div.info-top img {
          position: absolute;
          top: 10px;
          right: 10px;
          transition-duration: 0.25s;
        }
    
        div.info-top img:hover {
          box-shadow: 0px 0px 5px #000;
        }
    
        div.info-middle {
          font-size: 12px;
          padding: 10px 6px;
          line-height: 20px;
        }
    
        div.info-bottom {
          height: 0px;
          width: 100%;
          clear: both;
          text-align: center;
        }
    
        div.info-bottom img {
          position: relative;
          z-index: 104;
        }
    
        span {
          margin-left: 5px;
          font-size: 11px;
        }
    
        .info-middle img {
          float: left;
          margin-right: 6px;
        }

        /* contact */
        .contact{
          font-family:  microsoft yahei;
        }
        .content_box{
          height:360px;margin:40px ;
        }
        .conEmail,.conTel,.conFax,.conCode{
          margin-bottom: 1rem;
        }
      /* recruit */

      /*招聘*/


.join_zp{
	width: 100%;
	/* max-width: 1200px; */
	/* margin: 0 10px; */
	text-align: center;
	/* margin: 10px 50px auto; */
	font-size: 16px;
}
.join_zp .join_zp_t{
	background-color: #ebedef;
	height: 50px;
	line-height: 50px;
}
.join_zp .join_zp_c{
	color: #fd8448;
	cursor: pointer;
	height: 50px;
}
.join_zp .join_zp_c:hover{
	color: #bd0000;
}
.join_zp .join_zp_n{
	text-align: left;
	background-color: #ebedef;
	font-size: 14px;
	display: none;
}
.join_zp .join_zp_n td{
	padding-bottom: 50px;
}
.join_zp_n .join_ms{
	width: 1175px;
	height: 60px;
	margin: 0 auto;
	line-height: 60px;
}
.join_zp_n .join_ms i{
	display: inline-block;
	width: 1px;
	height: 14px;
	background-color: #fc9151;
	margin-right: 10px;
}
.join_zp_n .join_cn{
	width: 1130px;
	margin: 0 auto;
	background-color: #fff;
	padding-left: 35px;
	padding: 10px 35px;
}
.join_zp .join_active{
	display: table-row;
}