@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  width: auto;
}



html, body {
  font-size: 14px;
  font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
  color: #333;
}
a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
}
a:hover {
  color: #ff9638;
}
table {
  border-collapse: collapse;
}
td {
  border: 0px;
  padding-bottom: 10px;
  color: #B8B8B8;
}
ul, li {
  list-style: none;
  margin-left: 0px;
}
.trailer-inline {
    position: fixed;
    z-index: 1000;
    top: 8%;
    right: 5px;
}
.trailer-none {
    display: none;
    position: fixed;
    transform: translateX(-50%);
    left: 50%;
    z-index: 1000;
}
.trailer-start {
    background-color: #0080FF;
}
.trailer-end {
}
.trailer-video {
    margin-top: auto;
    margin-bottom: auto;
    z-index: 1000;
}
.trailer-close {
    position: fixed;
    z-index: 1000;
    top: 8%;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0px;
}


.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.center {
  text-align: center !important;
}
.white {
  color: #fff;
}
.white_box .text_box h3 {
  font-size: 18px;
  line-height: 22px;
  font-family: "Microsoft YaHei UI";
  height: 30px;
}
.bg_gray {
  background: #f4f4f4;
}
.bule_btn {
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  padding-top: 0px;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 0px;
  display: inline-block;
  border-radius: 4px;
  background: url(../images/arr.png) no-repeat 105px center #0080ff;
  margin-left: 20px;
  margin-bottom: 10px;
}
.bule_btn:hover {
  background: url(../images/arr.png) no-repeat 105px center #ff9638;
  color: #fff;
}
h1 {
    font-size: 28px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 30px;
    text-align: center;
    font-weight: 300;
    color: #333;
    padding-top: 50px;
}
.footer_box .footer_company #id1 {
  padding-top: 10px;
  width: 200px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  /* [disabled]background-color: rgba(19,19,19,1.00);
*/
  margin-top: 10px;
}
.down {
  clear: right;
  position: static;
}
.list-one {
  position: static;
  float: right;
  clear: both;
  background-color: #282828;
  width: 60%;
}
@media all and (max-width: 1024px) {
  h1 {
    font-size: 28px;
    padding: 30px 15px;
    text-align: center;
    font-weight: 300;
  }
}
@media all and (max-width: 475px) {
  .floatleft {
    float: none;
  }
  .floatright {
    float: none;
  }
}
/* images */
img {
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* clear */
.clear {
  clear: both;
}
/* container */
.container {
  position: relative;
}
/* banner */
.banner {
  overflow: hidden;
  position: relative;
  background: #0080ff;
}
.banner .owl-wrapper-outer {
  margin: 0 auto;
}
.banner .item {
  width: auto;
  margin: 0 auto;
  overflow: hidden;
}
.banner .owl-theme .owl-controls .owl-nav div {
  top: 50% !important;
  margin-top: -20px;
  position: absolute
}
.banner .owl-theme .owl-controls .owl-dot span {
  background: #fff !important;
}
.banner .owl-theme .owl-controls .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 100;
}
.banner .owl-carousel .owl-stage-outer {
  padding: 0px;
}
.banner .owl-theme .owl-controls {
  margin-top: 0px;
  margin-bottom: 0px;
}
.banner .owl-theme .owl-controls .owl-dot.active span, .banner .owl-theme .owl-controls.clickable .owl-dot:hover span {
  background: #ff9638 !important;
}
.banner .owl-theme .owl-controls .owl-dot span {
  margin-top: 0px;
  text-align: center;
}
.banner .owl-theme .owl-controls .owl-nav .owl-prev {
  left: -25px;
  width: 19px;
  height: 35px;
  background: url(../images/warr_left.png) no-repeat !important;
}
.banner .owl-theme .owl-controls .owl-nav .owl-next {
  right: -25px;
  width: 19px;
  height: 35px;
  background: url(../images/warr_right.png) no-repeat !important;
}
.banner .owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}
.banner_img {
  height: 640px;
  display: block;
}
.banner .one {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/banner/banner1.png);
  background-size: auto 100%;
}
.banner .two {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/banner/core.png);
    background-size: auto 100%;
}
.banner .three {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/banner/banner3.png);
  background-size: auto 100%;
}
.banner .four {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/banner/sub_safety_factory.png);
    background-size: auto 100%;
}
.banner_text {
  position: absolute;
  top: 230px;
  width: 1170px;
  left: 50%;
  margin-left: -585px;
  z-index: 10;
  text-transform: none;
  color: #FFFFFF;
}
.banner_text .title {
  font-size: 60px;
  font-weight: bold;
}
.banner_text .line {
  background-repeat: no-repeat;
  background-image: url(../images/icon/line.png);
  width: 30px;
  height: 4px;
  margin: 30px 0;
}
.banner_text .sub_title {
  width: 300px;
  font-size: 14px;
}
.banner_text .but {
  background: url(../images/arr.png) no-repeat right center;
  color: #FFFFFF;
  text-decoration: none;
  margin-top: 30px;
  display: inline-block;
  padding-right: 20px;
  font-weight: bold;
}
.banner_text .but:hover {
  color: #ff9638;
}
@media all and (max-width: 1024px) {
  .banner .item {
    width: auto;
    margin: 0 auto;
    overflow: hidden;
  }
  .banner .owl-carousel .owl-item img {
    width: auto;
    height: 400px;
  }
  .banner .owl-theme .owl-controls .owl-dots {
    position: relative;
    bottom: 10px;
    left: 0;
    clear: both;
  }
  .banner_img {
    height: 500px;
    display: block;
  }
  .banner_text {
    top: 30%;
    width: 55%;
    left: 0;
    margin-left: 40px;
  }
  .banner_text .title {
    font-size: 50px;
  }
  .banner_text .sub_title {
    width: 400px;
  }
}
@media all and (max-width: 768px) {
  .banner_img {
    height: 400px;
    display: block;
  }
  .banner_text {
    top: 28%;
  }
  .banner_text .title {
    font-size: 40px;
  }
  .banner_text .sub_title {
    width: 250px;
  }
}
@media all and (max-width: 435px) {
  .banner .owl-theme .owl-controls {
    margin-top: -20px;
    margin-bottom: 0px;
  }
  .banner_img {
    height: 450px;
    display: block;
  }
  .banner .one {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/banner/banner1_M.png);
    background-size: auto 100%;
  }
  .banner .two {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/banner/banner2_M.png);
    background-size: auto 100%;
  }
  .banner .three {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/banner/banner3_M.png);
    background-size: auto 100%;
  }
  .banner .four {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/banner/banner4_M.png);
    background-size: auto 100%;
  }
  .banner .owl-carousel .owl-item img {
    width: auto;
    height: 300px;
    margin-right: -120px;
    margin-top: 0px;
    margin-left: 0px;
  }
  .banner_text {
    width: auto;
    height: auto;
    position: absolute;
    top: auto;
    bottom: 50px;
    padding: 0px 20px;
    margin-left: 0px;
    text-align: center;
  }
  .banner_text .title {
    font-size: 30px;
  }
  .banner_text .sub_title {
    width: 100%;
    margin-top: 10px;
  }
  .banner_text .line {
    display: none;
  }
  .banner_text .but {
    margin-top: 20px;
  }
}
@media all and (max-width: 375px) {
  .banner .owl-carousel .owl-item img {
    margin-right: -140px;
  }
}
@media all and (max-width: 320px) {
  .banner .owl-carousel .owl-item img {
    margin-right: -160px;
  }
}
/* home_project */
.home_project {
  width: 1170px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}
.home_project ul li {
  width: 100%;
  margin-bottom: 30px;
}
.home_project a {
  color: #999999;
}
.home_project a .box {
  margin-top: 0;
  margin-bottom: 0;
  border: 1px solid #eaeaea;
}
.home_project a .text {
  font-size: 1em;
}
.home_project a .aibg .aititle {
  width: 30%;
  text-align: left;
  float: left;
  clear: both;
  background-repeat: no-repeat;
  margin-left: 10%;
  margin-top: 5%;
}
.home_project a .aiobg .aiotitle {
  width: 40%;
  float: left;
  clear: both;
}
.home_project a .title {
    color: #FFFFFF;
    margin-bottom: 10px;
    font-size: 1.8em;
}
.home_project a .note {
    color: #FFFFFF;
}
.home_project a:hover, .home_project a:hover .title {
  color: #ff9638;
  transition: all 0.3s;
  text-align: justify;
  background-size: 0 auto;
  padding-left: 0px;
}
.home_project a:hover, .home_project a:hover .note {
  color: #ff9638;
  transition: all 0.3s;
}
.home_project a:hover .box {
  border: 1px solid #ff9638;
  transition: all 0.3s;
  background-repeat: no-repeat;
}
.home_project a .aiobg {
  /* background-image: url(../images/icon/aiobg.png); */
  background-size: 100% 100%;
  height: auto;
}
.home_project a .aibg {
  background-color: #FFFFFF;
  /* background-image: url(../images/banner/hardware2.png); */
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.home_project a .aibg img {
  width: 100%;
  object-fit: contain;
  height: 100%;
}
.home_project a .aibg .content {
    width: 100%;
    position: absolute;
    z-index: 2;
}
.home_project a:hover .icon {
  background-position: left bottom;
}
.home_project a .icon {
  width: 50px;
  height: 50px;
  float: left;
  display: inline-block;
  transition: all 0.3s;
}
@media all and (max-width: 1024px) {
  .home_project {
    width: 100%;
    margin: 0 auto;
  }
  .home_project ul {
    padding: 0 15px;
  }
  .home_project ul li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
  }
  .home_project a .box {
    margin: 0 15px;
    border: 1px solid #eaeaea;
  }
}
@media all and (max-width: 765px) {
  .home_project a .note {
    display: none;
  }
  .home_project a .title {
    font-size: 12px;
  }
}
@media all and (max-width: 475px) {
  .home_project {
    width: 100%;
    margin: 0 auto;
  }
  .home_project ul {
    padding: 0px;
  }
  .home_project ul li {
    float: none;
    width: 100%;
  }
  .home_project a .box {
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #eaeaea;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
  }
  .home_project a .aibg .content {
    display: none;
  }
}
/* home_solution */
.home_solution {
  width: 1170px;
  margin: 0 auto;
}
.home_solution ul li {
  float: left;
  width: 20%;
  margin-bottom: 30px;
}
.home_solution a {
  color: #999999;
}
.home_solution a .box {
  margin: 0 15px;
  border: 1px solid #eaeaea;
  padding: 20px;
  height: 120px;
}
.home_solution a .text {
  font-size: 12px;
}
.home_solution a .title {
  font-size: 18px;
  color: #333333;
  margin-bottom: 10px;
}
.home_solution a:hover, .home_solution a:hover .title {
  color: #ff9638;
  transition: all 0.3s;
}
.home_solution a:hover .box {
  border: 1px solid #ff9638;
  transition: all 0.3s;
}
.home_solution a:hover .icon {
  background-position: left bottom;
}
.home_solution a .icon {
  width: 50px;
  height: 50px;
  float: left;
  display: inline-block;
  transition: all 0.3s;
}
.icon1 {
  background-repeat: no-repeat;
  background-image: url(../images/icon/icon3.png);
}
.icon2 {
  background-repeat: no-repeat;
  background-image: url(../images/icon/icon2.png);
}
.icon3 {
  background-repeat: no-repeat;
  background-image: url(../images/icon/icon1.png);
}
.icon4 {
  background-repeat: no-repeat;
  background-image: url(../images/icon/icon5.png);
}
.icon5 {
  background-repeat: no-repeat;
  background-image: url(../images/icon/icon4.png);
}
.icon6 {
  background-repeat: no-repeat;
  background-image: url(../images/icon/icon6.png);
}
.icon7 {
  background-repeat: no-repeat;
  background-image: url(../images/icon/icon5.png);
}
.icon8 {
  background-repeat: no-repeat;
  background-image: url(../images/icon/icon8.png);
}
@media all and (max-width: 1024px) {
  .home_solution {
    width: 100%;
    margin: 0 auto;
  }
  .home_solution ul {
    padding: 0 15px;
  }
  .home_solution ul li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
  }
  .home_solution a .box {
    margin: 0 15px;
    border: 1px solid #eaeaea;
    padding: 20px;
    height: 80px;
  }
}
@media all and (max-width: 475px) {
  .home_solution {
    width: 100%;
    margin: 0 auto;
  }
  .home_solution ul {
    padding: 0px;
  }
  .home_solution ul li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
  }
  .home_solution a .box {
    margin: 0 15px;
    border: 1px solid #eaeaea;
    padding: 20px;
    height: 80px;
  }
}
/* home_js */
.home_js {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
/* home_js */
.home_js2 {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom center #f4f4f4;
  background-color: #F4F4F4;
}
.home_js .text_box {
  width: 1170px;
  margin: 0 auto;
}
.home_js2 h5 {
  text-align: center;
  font-size: 28px;
  font-weight: bolder;
  font-family: "Microsoft YaHei UI", "Segoe UI";
  clear: both;
}
.home_js2 h5 .title {
  text-align: center;
  font-size: 20px;
  font-weight: bolder;
  height: 20px;
}
.text_box {
  width: 1170px;
  margin: 0 auto;
}
.text_table_30 {
  width: 30%;
  margin-right: 10px;
  float: left;
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.home_js .text_box ul li {
  float: left;
  width: 35%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: auto;
  padding-right: auto;
  width: 40%;
  margin-left: 5%;
  margin-right: 5%;
}
.home_js .text {
  line-height: 24px;
  color: #777;
  padding-right: auto;
  text-align: center;
}
.home_js .text .title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #333;
  padding-bottom: 10px;
  padding-top: 10px;
}
@media all and (max-width: 1024px) {
  .home_js {}
  .home_js .text_box {
    width: 100%;
  }
  .home_js .text_box ul li {
    width: 50%;
  }
  .home_js .text {
    padding: 0px 40px;
    line-height: 24px;
  }
  .home_js .text .title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 30px;
    color: #333;
    padding-top: 0px;
  }
}
@media all and (max-width: 475px) {
  .home_js {}
  .home_js .text_box {
    width: 100%;
  }
  .home_js .text_box ul li {
    float: none;
    width: 100%;
  }
  .home_js .text {
    padding: 0px 40px;
    margin-bottom: 10px;
    line-height: 24px;
  }
  .home_js .text .title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
    color: #333;
    padding-top: 0px;
  }
}
/*.home_ry*/
.home_ry {
  background-image: url(../images/pic_dz.png);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-size: 100% 200%;
  background-clip: border-box;
  display: inline-block;
}
.home_ry h1 {
  color: #FFFFFF;
  padding-top: 50px;
}
.home_ry .pic.box {
  width: 1170px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.home_ry .pic.box ul {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: auto;
  padding-right: auto;
}
.home_ry .pic.box ul li {
  width: 35%;
  text-align: left;
  color: #FFFFFF;
  font-family: "微软雅黑";
  font-weight: normal;
  font-size: 20px;
  list-style-position: inside;
  list-style-image: url(../images/icon/Trophy.png);
  padding-bottom: 30px;
  line-height: 26px;
  float: left;
  padding-left: 15%;
}
@media all and (max-width: 475px) {
  .home_ry {
    background-image: url(../images/pic_dz.png);
    width: 100%;
  }
  .home_ry h1 {
    color: #FFFFFF;
    padding-top: 20px;
  }
  .home_ry .pic.box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .home_ry .pic.box ul {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .home_ry .pic.box ul li {
    width: 100%;
    text-align: left;
    color: #FFFFFF;
    font-family: "微软雅黑";
    font-weight: normal;
    font-size: 12px;
    list-style-position: outside;
    list-style-image: url(../images/icon/Trophy.png);
    padding-bottom: 30px;
    line-height: 16px;
  }
}
/* news */
.news_box {
  background: #0080ff;
}
.news {
  position: relative;
  width: 1170px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.news .owl-wrapper-outer {
  margin: 0 auto;
}
.news .item {
  width: 320px;
  margin: 0 auto;
  overflow: hidden;
}
.news .owl-theme .owl-controls .owl-nav div {
  top: 50% !important;
  margin-top: -20px;
  position: absolute
}
.news .owl-theme .owl-controls .owl-dot span {
  background: #fff !important;
}
.news .owl-theme .owl-controls .owl-dots {
  margin-top: 25px;
  z-index: 100;
  clear: both;
}
.news .owl-carousel .owl-stage-outer {
  padding: 0px;
}
.news .owl-theme .owl-controls {
  margin-top: 0px;
  margin-bottom: 0px;
}
.news .owl-theme .owl-controls .owl-dot.active span, .news .owl-theme .owl-controls.clickable .owl-dot:hover span {
  background: #ff9638 !important;
}
.news .owl-theme .owl-controls .owl-dot span {
  margin-top: 0px;
  text-align: center;
}
.news .pic a:hover img {
  transition: all 0.3s;
  transform: scale(1.1);
}
.news_text {
  width: 280px;
  height: 190px;
  background: #282828;
  padding: 30px 20px;
  line-height: 160%;
}
.news_text a {
  color: #fff;
}
.news_text a:hover {
  color: #ff9638;
}
.news_text .title {
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 15px;
  line-height: 160%;
  color: #FFFFFF;
}
.news_text .date {
  font-size: 12px;
  padding-bottom: 15px;
}
@media all and (max-width: 1024px) {
  .news {
    width: 100%;
  }
}
/* kehu */
.kehu {
  margin-bottom: 100px;
}
.kehu .kh_logo {
  width: 1170px;
  margin: 0 auto;
}
.kehu .kh_logo ul li {
  float: left;
  width: 25%;
  text-align: center;
  padding-bottom: 30px;
}
.kehu .home_contact {
  margin-top: 60px;
  text-align: center;
}
.kehu .home_contact .text {
  font-size: 24px;
  padding-bottom: 30px;
  font-weight: 300;
}
@media all and (max-width: 1024px) {
  .kehu {
    margin-bottom: 70px;
  }
  .kehu .kh_logo {
    width: 100%;
  }
  .kehu .home_contact {
    margin-top: 20px;
  }
  .kehu .home_contact .text {
    font-size: 20px;
  }
}
@media all and (max-width: 475px) {
  .kehu .kh_logo ul li {
    width: 50%;
  }
  .kehu .kh_logo ul li img {
    width: 100%;
  }
  .kehu .kh_logo ul li .pic {
    padding: 0px 30px;
  }
  .kehu .home_contact {
    padding: 0px 15px;
  }
}
/* sub_banner */
.sub_banner {
  position: relative;
  background: #0080ff;
  text-align: center;
}
.sub_banner .pic {
  width: 1170px;
  margin-right: auto;
  margin-left: auto;
}
.sub_banner_text {
  position: absolute;
  top: 160px;
  width: 1170px;
  left: 50%;
  margin-left: -585px;
  z-index: 10;
  text-transform: none;
  color: #fff;
  text-align: left;
}
.sub_banner_text .title {
  font-size: 60px;
  font-weight: bold;
}
.sub_banner_text .line {
  background-repeat: no-repeat;
  background-image: url(../images/icon/line.png);
  width: 30px;
  height: 4px;
  margin: 20px 0;
}
.sub_banner_text .sub_title {
  width: 500px;
}
@media all and (max-width: 1024px) {
  .sub_banner .pic {
    width: 100%;
  }
  .sub_banner .pic img {
    width: 100%;
  }
  .sub_banner_text {
    top: 35%;
    width: 70%;
    left: 0;
    margin-left: 40px;
  }
  .sub_banner_text .title {
    font-size: 50px;
  }
}
@media all and (max-width: 768px) {
  .sub_banner_text .title {
    font-size: 40px;
  }
}
@media all and (max-width: 475px) {
  .sub_banner .pic {
    height: 220px;
  }
  .sub_banner .pic img {
    height: 100%;
    width: auto;
    float: right;
  }
  .sub_banner_text {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
    text-align: center;
    margin-left: auto;
  }
  .sub_banner_text .line {
    display: none;
  }
  .sub_banner_text .title {
    font-size: 30px;
  }
  .sub_banner_text .sub_title {
    width: auto;
    padding: 0px 20px 40px 20px;
    margin-top: 10px;
  }
}
@media all and (max-width: 320px) {
  .sub_banner .pic {
    height: 180px;
  }
}
/* solution_menu */
.solution_menu {
  width: 1171px;
  margin: 0 auto;
  height: 130px;
  margin-top: 60px;
  border-right: 1px solid #EAEAEA;
}
.solution_menu ul li {
  float: left;
  width: 19.8%;
  height: 130px;
  text-align: center;
  display: inline-block;
  border-left: 1px solid #eaeaea;
}
.solution_menu ul .current {
  border-bottom: 4px solid #ff9638;
}
.solution_menu ul li .icon {
  width: 50px;
  height: 50px;
  margin: 20px auto 15px auto;
  transition: all 0.3s;
}
.solution_menu ul li a:hover .icon {
  background-position: left bottom;
}
.solution_menu ul li a .title {
  color: #333;
  transition: all 0.3s;
}
.solution_menu ul li a:hover .title {
  color: #ff9638;
}
@media all and (max-width: 1024px) {
  .solution_menu {
    width: 96%;
    height: 100px;
    margin-top: 40px;
  }
  .solution_menu ul li {
    width: 19.8%;
    height: 100px;
  }
  .solution_menu ul .current {
    border-bottom: 4px solid #ff9638;
  }
  .solution_menu ul li .icon {
    width: 40px;
    height: 40px;
    margin: 15px auto 10px auto;
    background-size: 100%
  }
}
@media all and (max-width: 475px) {
  .solution_menu {
    display: none;
  }
}
/* sub_solution */
.sub_solution .screen {
  height: 500px;
  padding-top: 100px;
}
.sub_solution_box {
  width: 1170px;
  margin: 0 auto;
}
.sub_solution_box .pic {
  width: 585px;
  height: 400px;
}
.sub_solution_box .text {
  width: 485px;
}
.sub_solution_box .title {
  font-size: 36px;
  font-weight: 300;
}
.sub_solution_box .line {
  background-repeat: no-repeat;
  background-image: url(../images/icon/line.png);
  width: 30px;
  height: 4px;
  margin: 20px 0;
}
.sub_solution_box .table_box {
  margin-bottom: 30px;
}
.sub_solution_box .text table {
  width: 100%;
  color: #888;
}
.sub_solution_box .text table th {
  text-align: left;
  font-size: 18px;
  color: #ff9638;
  font-weight: 400;
  padding-bottom: 15px;
}
.sub_solution_box .text table td {
  vertical-align: top;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
}
.sub_solution_box .text table span {
  background: url(../images/icon_disc.png) no-repeat left 10px;
  padding: 2px 0px 2px 15px;
  display: block;
}
/* project_menu */
.project_menu {
  width: 1171px;
  margin: 0 auto;
  height: 130px;
  margin-top: 60px;
  border-right: 1px solid #EAEAEA;
}
.project_menu ul li {
  float: left;
  width: 16.5%;
  height: 130px;
  text-align: center;
  border-left: 1px solid #eaeaea;
}
.project_menu ul .current {
  border-bottom: 4px solid #ff9638;
}
.project_menu ul li .icon {
  width: 50px;
  height: 50px;
  margin: 20px auto 15px auto;
  transition: all 0.3s;
}
.project_menu ul li a:hover .icon {
  background-position: left bottom;
}
.project_menu ul li a .title {
  color: #333;
  transition: all 0.3s;
}
.project_menu ul li a:hover .title {
  color: #ff9638;
}
@media all and (max-width: 1024px) {
  .project_menu {
    width: 96%;
    height: 100px;
    margin-top: 40px;
  }
  .project_menu ul li {
    width: 16.3%;
    height: 100px;
  }
  .project_menu ul .current {
    border-bottom: 4px solid #ff9638;
  }
  .project_menu ul li .icon {
    width: 40px;
    height: 40px;
    margin: 15px auto 10px auto;
    background-size: 100%
  }
}
@media all and (max-width: 475px) {
  .project_menu {
    display: none;
  }
}
/* solution_details */
.box .pic p {
  width: 33%;
  text-align: center;
  height: 50px;
  float: left;
  font-size: 18px;
}
.box .pic div {
  text-align: center;
  text-shadow: 0px 0px;
  color: #838383;
}
.solution_details {
  padding-bottom: 100px;
}
.solution_details .body {
  width: 800px;
  margin: 0 auto;
  color: #888;
  padding-bottom: 30px;
  padding-top: 20px;
}
.solution_details .body p {
    line-height: 160%;
    text-indent: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-top: 0px;
    width: 90%;
    font-size: 16px;
}
.solution_details .body ul {
  margin-top: 10px;
  margin-bottom: 30px;
}
.solution_details .body ul li {
  float: left;
  text-align: center;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.solution_details .body > ul > li > p {
  text-align: center;
}
.solution_details .body ul li span {
  width: 100%;
  display: inline-block;
  color: #ff9638;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
  margin-top: 20px;
}
.solution_details .picture {
  width: 800px;
  margin: 0 auto;
  color: #888;
  padding-bottom: 30px;
  padding-top: 20px;
}
.solution_details .picture p {
  line-height: 160%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  text-align: center;
  padding-top: 5px;
}
.solution_details .picture ul {
  margin-top: 10px;
  margin-bottom: 30px;
}
.solution_details .picture ul li {
    float: left;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
.solution_details .picture > ul > li > p {
  line-height: 160%;
  padding-bottom: 10px;
  text-align: center;
  padding-top: 5px;
  font-size: 12px;
}
.solution_details .box {
  width: 800px;
  margin: 0 auto;
}
.solution_details .box .text {
  padding-bottom: 60px;
  margin: 0px 2.5%;
  font-size: 16px;
  color: #888;
}
.solution_details .box ul {
  padding-top: 20px;
  padding-bottom: 20px;
}
.solution_details .box ul li {
    float: left;
    width: 100%;
    color: #888;
    line-height: 160%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.solution_details .box ul li span {
  width: 100%;
  display: inline-block;
  color: #ff9638;
  font-size: 18px;
  font-weight: 300;
  padding-bottom: 20px;
  line-height: 26px;
}
.solution_details .function {
  width: 1170px;
  margin: 0 auto;
}
.solution_details .function_box {
  background: #f4f4f4;
}
.solution_details .function .pic {
  float: left;
  width: 40%;
  text-align: center;
}
.solution_details .function ul {
  float: right;
  width: 51%;
  padding: 60px 60px 60px 0px;
  font-size: 16px;
}
.solution_details .function ul li {
  background: url(../images/icon_disc.png) no-repeat left 10px;
  padding-left: 20px;
  padding-bottom: 20px;
  color: #888;
  line-height: 160%;
}
.solution_details img {
    float: left;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    padding-bottom: 1%;
}
@media all and (max-width: 1024px) {
  .solution_details .body {
    width: 600px;
  }
  .solution_details .picture {
    width: 600px;
  }
  .solution_details .box {
    width: 100%;
  }
  .solution_details .box ul {
    padding: 40px 20px;
  }
  .solution_details .box ul li {
    float: left;
    width: 95%;
    height: auto;
    margin: 0 2.5%;
    margin-bottom: 20px;
  }
  .solution_details .box .pic img {
    width: 100%;
  }
  .solution_details .function {
    width: 100%;
  }
  .solution_details .function .pic img {
    width: 100%;
    margin-top: 5%;
  }
}
@media all and (max-width: 475px) {
  .solution_details {
    padding-bottom: 0px;
  }
  .solution_details .body {
    width: 90%;
  }
  .solution_details .body ul li {
    width: 30%;
    padding: 0px 1.5%;
  }
  .solution_details .picture {
    width: 90%;
  }
  .solution_details .pcture ul li {
    width: 30%;
    padding: 0px 1.5%;
  }
  .solution_details .box {
    width: 100%;
    margin: 0 auto;
  }
  .solution_details .box ul li {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .solution_details .function {
    width: 100%;
  }
  .solution_details .function .pic {
    float: none;
    width: 100%;
  }
  .solution_details .function ul {
    float: none;
    width: 90%;
    padding: 5%;
  }
}
/* sub_news */
.sub_news {
  width: 1170px;
  margin: 0 auto;
  padding: 60px 0px;
}
.sub_news ul li {
  float: left;
  margin: 0px 15px;
  margin-bottom: 30px;
}
.sub_news .pic {
  width: 360px;
  overflow: hidden;
}
.sub_news .pic img {
  width: 100%;
  height: 220px;
}
.sub_news .pic a:hover img {
  transition: all 0.3s;
  transform: scale(1.1);
}
.sub_news .text {
  width: 320px;
  height: 120px;
  padding: 30px 20px;
  line-height: 160%;
  color: #333333;
}
.sub_news .text a {
  color: #666;
}
.sub_news .text a:hover, .sub_news .text a:hover .title {
  color: #ff9638;
}
.sub_news a {
  color: #666;
}
.sub_news a:hover .date, .sub_news a:hover .title, .sub_news a:hover .sub_title {
  color: #ff9638;
  height: auto;
}
.sub_news .text .title {
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 15px;
  transition: all 0.3s;
  line-height: 160%;
}
.sub_news .text .date {
  font-size: 12px;
  padding-bottom: 15px;
}
@media all and (max-width: 1024px) {
  .sub_news {
    width: 97%;
  }
  .sub_news ul li {
    float: left;
    margin: 0px 15px;
    margin-bottom: 30px;
  }
  .sub_news .pic {
    width: 300px;
  }
  .sub_news .text {
    width: 260px;
    height: 160px;
    padding: 30px 20px;
  }
}
.sub_news .text .date {
  font-size: 12px;
  padding-bottom: 20px;
}
@media all and (max-width: 768px) {
  .sub_news {
    width: 95%;
  }
  .sub_news ul li {
    float: left;
    margin: 0px 15px;
    margin-bottom: 30px;
  }
  .sub_news .pic {
    width: 334px;
  }
  .sub_news .text {
    width: 294px;
    height: 160px;
    padding: 30px 20px;
  }
}
@media all and (max-width: 475px) {
  .sub_news {
    width: 95%;
  }
  .sub_news ul li {
    float: none;
    margin: 0px 15px;
    margin-bottom: 30px;
  }
  .sub_news .pic {
    width: 100%;
  }
  .sub_news .text {
    width: 90%;
    height: auto;
    padding: 30px 5%;
  }
}
/* news_details */
.news_details {
  background: #f4f4f4;
}
.news_details .white_box {
  width: 1170px;
  margin: 0 auto;
  background: #fff;
  padding-bottom: 100px;
}
.news_details .text_box {
  width: 800px;
  margin: 0 auto;
  text-align: center;
}
.news_details .text_box img {
  max-width: 100%;
}
.news_details .text_box p {
  line-height: 200%;
  margin: 30px 0px;
  text-align: left;
  color: #888888;
  font-size: 16px;
}
@media all and (max-width: 1024px) {
  .news_details .white_box {
    width: 100%;
    padding-bottom: 60px;
  }
  .news_details .text_box {
    width: 90%;
  }
}
/* about */
.about {
  width: 800px;
  margin: 0 auto;
  line-height: 200%;
  padding-bottom: 40px;
}
.about p {
  color: #888888;
  margin-bottom: 30px;
  margin-top: 10px;
}
.about_vision {
  background: url(../images/pic_jj.png) no-repeat;
  color: #fff;
  line-height: 200%;
  padding-bottom: 60px;
}
.about_vision h1 {
  color: #fff;
}
.about_vision .text_box {
  width: 800px;
  margin: 0 auto;
}
.about .investor_development ui {
  text-align: center;
}
.about .investor_development li {
  float: left;
  width: 20%;
}
.about .investor_development li > img {
  width: 50%;
}
.about .investor_development li > p {
  font-size: larger;
  font-weight: bolder;
  color: #0B123D;
  margin-top: 10%;
  margin-bottom: 10%;
}
.about .investor_img img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.cooperation {
  background-image: url(../images/investor_cooperation.jpg);
  background-size: 100% 100%;
}
.cooperation h1 {
  text-align: left;
  padding-left: 10%;
}
.cooperation p {
  padding-left: 10%;
  color: #061833;
}
.system {
  padding-top: 30px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border: 2px solid #061833;
}
.standard {}
.standard li {
  float: left;
  width: 33%;
  text-align: center;
}
.standard li > img {
  width: 25%;
  padding-bottom: 10px;
}
.standard li > h2 {
  font-weight: normal;
  color: #0B123D;
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.standard li > p {
  font-size: 14px;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 0px;
  text-align: left;
}
@media all and (max-width: 1024px) {
  .about {
    width: 90%;
  }
  .about_vision {
    background: url(../images/pic_jj.png) no-repeat center;
    background-size: auto 100%;
  }
  .about_vision .text_box {
    width: 90%;
  }
}
/* recruit */
.recruit {
  width: 800px;
  margin: 0 auto;
}
.recruit_box {
  margin-bottom: 100px;
}
.recruit .name {
  font-size: 20px;
}
.recruit .date {
  font-size: 12px;
  color: #666;
  margin-bottom: 40px;
  margin-top: 10px;
}
.recruit .title {
  font-size: 16px;
  color: #0080ff;
  margin-bottom: 10px;
}
.recruit ul {
  margin-bottom: 40px;
}
.recruit ul li {
  background: url(../images/icon_disc.png) no-repeat left 14px;
  padding: 5px 15px;
  color: #888888;
}
@media all and (max-width: 1024px) {
  .recruit {
    width: 90%;
  }
}
/* footer */
.footer {
  background: #282828;
  color: #ffffff;
  padding-bottom: 100px;
}
.footer_box {
  margin: 0 auto;
  width: 1170px;
}
.footer_logo {
    padding-top: 40px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 20px;
    text-align: left;
}
.footer_company {
  float: left;
  margin-right: 10%;
}
.footer_company .name {
  font-size: 24px;
  margin-bottom: 15px;
}
.footer_company .title {
  font-size: 16px;
  margin-bottom: 20px;
  color: #c0c0c0;
}
.footer_company .icon {
  padding: 20px 0px;
  position: relative;
}
.footer_company .icon a {
  margin-right: 20px;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.footer_company a:hover {
  background-position: left bottom;
}
.footer_company .gzh {
  background-repeat: no-repeat;
  background-image: url(../images/icon/gzh.png);
  background-size: 100%;
}
.footer_company .weibo {
  background-repeat: no-repeat;
  background-image: url(../images/icon/weibo.png);
  background-size: 100%;
}
.footer_company .qq {
  background-repeat: no-repeat;
  background-image: url(../images/icon/qq.png);
  background-size: 100%;
}
.footer_company .add {
  color: #666;
  padding-bottom: 5px;
  padding-top: 180px;
}
.footer_company .copy {
  color: #666;
}
.footer_solution {
  float: left;
  width: 240px;
  margin-left: 2%;
}
.footer_solution .title {
  font-size: 14px;
  font-weight: bold;
}
.footer_solution .title a {
  color: #FFFFFF;
}
.footer_solution ul li {
  float: left;
  width: 100%;
}
.footer_solution ul li a {
  text-decoration: none;
  height: 50px;
  line-height: 36px;
  background: url(../images/icon_disc.png) no-repeat left center;
}
.footer_solution ul li a:hover {
  color: #ff9638;
  background: url(../images/icon_disc_h.png) no-repeat left center;
  margin-left: 0px;
  width: auto;
}
.footer_solution .tbody a {
  color: #C0C0C0;
}
.footer_contact {
  float: right;
  width: 180px;
}
.footer_contact .title {
  font-size: 16px;
  padding-bottom: 30px;
}
.footer_contact .section {
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
}
.footer_contact .sub_title {
  padding-bottom: 4px;
}
.footer_contact .section a {
  color: #fff;
  text-decoration: none;
}
.footer_contact .section a:hover {
  color: #ff9638;
  text-decoration: none;
}
@media all and (max-width: 1024px) {
  .footer {
    padding-bottom: 40px;
  }
  .footer_box {
    width: auto;
    padding: 0px 15px;
  }
  .footer_solution {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .footer {
    padding-bottom: 40px;
  }
  .footer_box {
    width: auto;
    padding: 0px 15px;
  }
  .footer_company {
    float: none;
  }
  .footer_company .name {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .footer_company .title {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .footer_company .add {
    padding-bottom: 0px;
  }
  .footer_solution {
    display: none;
  }
  .footer_contact {
    float: none;
    width: 100%;
    margin-top: 40px;
  }
  .footer_contact .title {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .footer_contact .section {
    margin: 0px 0px 20px 0px;
  }
}
/* construction */
.construction {
  height: 350px;
  padding: 150px 0px;
  text-align: center;
  color: #888;
  font-size: 16px;
}
.construction .text1 {
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: 24px;
}
.construction .text2 {
  margin-bottom: 40px;
}
@media all and (max-width: 475px) {
  .construction {
    height: 400px;
    padding: 150px 0px;
    text-align: center;
    color: #888;
    font-size: 16px;
  }
  .construction img {
    width: 50%;
  }
}
/* contact */
.contact {
  width: 720px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 100px;
  margin-bottom: 100px;
  margin-top: 80px;
}
.contact li {
  float: left;
  margin: 0 30px;
  width: 300px;
}
.contact li a {
  padding: 30px;
  display: block;
  border: 1px solid #eaeaea;
  color: #333;
  font-size: 18px;
  background: #f4f4f4;
}
.contact li a:hover {
  border: 1px solid #ff9638;
  background: #fff;
}
.contact li p {
  padding: 3px 0px;
  display: block;
}
.contact li .title {
  font-size: 14px;
  color: #999;
}
.addpage {
  background-repeat: no-repeat;
  /* [disabled]background-image: url(../images/pic_dz.png);
*/
  color: #fff;
  line-height: 200%;
  padding-bottom: 100px;
  background-color: #090B10;
}
.addpage h1 {
  color: #fff;
}
.addpage .title {
  font-size: 24px;
  padding-bottom: 10px;
}
.addpage ul {
  width: 1000px;
  margin: 0 auto;
}
.addpage li {
  margin-top: 0;
  margin-right: 20px;
  margin-left: 30px;
  margin-bottom: 0;
  float: left;
  width: 200px;
}
@media all and (max-width: 768px) {
  .contact {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 100px;
  }
  .contact li {
    float: left;
    margin: 0 5%;
    width: 40%;
  }
  .addpage ul {
    width: 90%;
  }
  .addpage li {
    margin: 0 2%;
    width: 28%;
  }
}
@media all and (max-width: 475px) {
  .contact {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 60px;
  }
  .contact li {
    float: none;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .addpage {
    margin-bottom: 60px;
  }
  .addpage ul {
    width: 90%;
  }
  .addpage li {
    float: none;
    margin: 0 auto;
    margin-bottom: 40px;
    width: 100%;
  }
}
.form-cell {
  margin-bottom: 10px;
}
.label {
  display: inline-block;
  width: 100px;
  vertical-align: top;
  text-align: right;
  height: 28px;
  line-height: 28px;
  padding: 5px 10px 5px 0;
  font-size: 14px;
}
.form-cell input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-top: 10px;
}
.form-cell label {
  font-size: 14px;
  vertical-align: top;
  line-height: 18px;
  margin-right: 10px;
  margin-top: 10px;
  display: inline-block;
  cursor: pointer;
}
.form-cell input[type="text"] {
  border: 1px solid #d0d0d0;
  padding: 5px 10px;
  width: 300px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
.form-cell textarea {
  border: 1px solid #d0d0d0;
  padding: 10px;
  width: 300px;
  min-height: 100px;
}
#submit {
  background: #2196F3;
  border: 0;
  padding: 10px 40px;
  margin-left: 113px;
  color: #fff;
  font-size: 14px;
}
.hint, .extra-tip1, .extra-tip2 {
  font-size: 13px;
  color: #F44336;
  margin-left: 111px;
  margin-top: 9px;
  display: none;
}
.dealer-form {
  width: 520px;
  margin: 0 auto;
}
#area-select {
  display: inline-block;
}
#area-select select {
  border: 1px solid #d0d0d0;
  padding: 0 10px;
  width: 101px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  margin-right: 5px;
}
.hint_wrong {
  display: block;
}
.successmessage {
  display: none;
  position: fixed;
  top: 30%;
  width: 200px;
  background: #4caf50e6;
  left: 50%;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  font-size: 20px;
  border-radius: 5px;
}
@media all and (max-width: 520px) {
  .label {
    display: block;
    text-align: left;
  }
  .hint, .extra-tip1, .extra-tip2 {
    margin-left: 0;
  }
  #submit {
    margin-left: 0;
  }
}
/* catalog_position */
.catalog_position {
  width: 860px;
  margin: 0 auto;
}
.catalog_position ul li {
  float: left;
  width: 25%;
  margin-bottom: 20px;
}
.catalog_position a {
  color: #999999;
}
.catalog_position a .box {
  margin-top: 0;
  margin-right: 5px;
  margin-left: 10px;
  margin-bottom: 0;
  border: 1px solid #eaeaea;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  height: 75px;
}
.catalog_position a .text {
  font-size: 12px;
}
.catalog_position a .title {
  font-size: 18px;
  color: #333333;
  margin-bottom: 10px;
}
@media all and (max-width: 1024px) {
  .catalog_position {
    width: 100%;
    margin: 0 auto;
  }
  .catalog_position ul {
    padding: 0 15px;
  }
  .catalog_position ul li {
    float: left;
    width: 50%;
    margin-bottom: 30px;
  }
  .catalog_position a .box {
    margin: 0 15px;
    border: 1px solid #eaeaea;
    padding: 20px;
    height: 55px;
  }
}
@media all and (max-width: 475px) {
  .catalog_position {
    width: 100%;
    margin: 0 auto;
  }
  .catalog_position ul {
    padding: 0px;
  }
  .catalog_position ul li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
  }
  .catalog_position a .box {
    margin: 0 15px;
    border: 1px solid #eaeaea;
    padding: 20px;
    height: 55px;
  }
}