@charset "UTF-8";

img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;

  border: 0;
  display: inline-block;

}

/* .layui-layer-move {
  display: none;
  position: fixed;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: move;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #fff;
  z-index: 2147483647;
} */

a {
  color: #333;
  -webkit-transition: all .2s;
  transition: all .2s;
}

body {

  font-size: 14px;

  background-size: cover;

  -ms-behavior: url(../images/backgroundsize.min.htc);

  behavior: url(css/backgroundsize.min.htc);

}

* {

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.wrap {
  width: 1435px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1500px) {

  .wrap {
    width: 1200px;
    padding-right: 20px;
    padding-left: 20px;
  }

}

@media only screen and (max-width: 1225px) {

  .wrap {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

}

@media only screen and (max-width: 1100px) {

  .wrap {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

}

@media only screen and (max-width: 767px) {

  .wrap {
    flex-wrap: wrap; padding: 10px 3%!important; overflow: hidden
   
  }

}





/*输入框样式*/

input[type="text"] {

  width: 100%;

  height: 34px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555;

  background-color: #fff;

  background-image: none;

  border: 1px solid #ccc;

  border-radius: 0px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  text-indent: 10px;

  box-sizing: border-box;

}

textarea {

  width: 260px;

  height: 34px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555;

  background-color: #fff;

  background-image: none;

  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  text-indent: 10px;

  box-sizing: border-box;

}



/*下拉表单*/

.form-control {

  display: block;

  width: 100%;

  height: 34px;

  padding: 0px 10px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555;

  background-color: #fff;

  background-image: none;

  border: 1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  box-sizing: border-box;

}



.links_a {
  position: fixed;
  right: 2px;
  top: 40%;
  z-index: 99;
}

.links_a p {
  margin-bottom: 3px;
  width: 50px;
}

.links_a p img {
  width: 100%;
}



.link_top {
  display: none;
  width: 50px;
}

.link_top img {
  width: 100%;
}

@media only screen and (max-width: 1500px) {
  .links_a p {
    width: 45px;
  }
}

@media only screen and (max-width: 1400px) {
  .links_a p {
    width: 40px;
  }
}

@media only screen and (max-width: 600px) {

  .links_a {
    display: none;
  }

  .link_top {
    display: none;
  }

}



.header {
  /* padding: 15px 0 0px; */
 /* position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;*/position: fixed;
  z-index: 999; width: 100%;background: #fff
}

.header .left {
  float: left;
  margin-top: 0px;
}

.wrap {
  padding:20px 0;
}
.wrap_bottom{
  padding: 0 10px 4px;
}

.wrap1 {
  padding: 20px 0;
}

.header .right {
  float: right;
  margin-top: 0px;
}

.header .bottom {
  margin-top: 0px;
}

.header .bottom .nav_con {
  float: left;
}

.header .bottom .search {
  float: right;
  margin-left: 60px;
	margin-top: 16px; display: flex;align-items: flex-end
}

.header .bottom .search>img {
  vertical-align: text-bottom;
}

.header .bottom .search span {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: #0068B7;line-height: 30px;
}

.header .bottom .search span:nth-child(3) {
  margin: 0 20px; width: 1px; height: 28px; background: #0068B7; 
}

.header .bottom .search p {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #0068B7;
  position: relative;
  vertical-align: text-bottom;
}

.header .bottom .search p img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.header .bottom .search a {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  background: url(../images/h_search.png) no-repeat;
  text-indent: -9999px;
  transition: none;
}

.header .bottom .search1 {
  display: none;
}

.header .nav li {
  float: left;
  text-align: center;
  height: 58px;
  margin-left: 35px;
  position: relative;
}

.header .nav li:hover>a {
  color: #fff;
  border-bottom: 2px solid #0068B7;
}

.header .nav li.on {
  border-bottom: 3px solid #0068B7;
}

.header .nav li.on>a {
  color: #fff;
}

.header .nav li a {line-height: 58px;
  font-size: 16px;
  display: block;
  height: 100%;
/*  color: #fff;*/
}

.header .nav li>a {
  height: 70%;
}

.header .nav li .nav_list {
  position: absolute;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  right: 0px;
  background: #fff;
  z-index: 9;
  width: 120px;
}

.header .nav li .nav_list dl {
  width: 100%;
  padding-top: 10px;
}

.header .nav li .nav_list dl dd a {
  text-align: center;
  font-size: 15px;
  color: #666666;
  font-weight: normal;

  display: block;
  line-height: 1.5;
  position: relative;
  padding: 10px 0;
  transition: all 0.5s;

}

.header .nav li .nav_list dl dd a:hover {
  color: #fff;
  box-sizing: border-box;
  background: #0068B7;
}

.header .nav li .nav_list .img_con {
  display: none;
}

.header .show_submenu {
  display: none;
}



.header:hover {
  background: #fff;
}

.header:hover .nav li a {
  color: #333;
}

.header:hover .bottom .search a {
  background-position: left bottom;
}



.n_body .header {
  background: #fff;
  position: fixed;box-shadow: 0.18rem 0.21rem 0.57rem 0px rgb(214 214 214 / 46%);
}


.n_body .header .top .tel a {
  color: #333;
}

.n_body .header .top .language {
  color: #333;
}

.n_body .header .top .language a {
  color: #333;
}

.n_body .header .top .language a:hover {
  color: #333;
}

.n_body .header .top .language a.on {
  color: #333;
}

.n_body .header .nav li a {
  color: #333;
}

.n_body .header .top .tel .dh_icon {
  background-position: left bottom;
}

.n_body .header .bottom .search a {
  background-position: left bottom;
}





.scrollHeader.header {
  background: #fff;
}

.scrollHeader.header .top .tel a {
  color: #333;
}

.scrollHeader.header .top .language {
  color: #333;
}

.scrollHeader.header .top .language a {
  color: #333;
}

.scrollHeader.header .top .language a:hover {
  color: #333;
}

.scrollHeader.header .top .language a.on {
  color: #333;
}

.scrollHeader.header .nav li a {
  color: #333;
}

.scrollHeader.header .top .tel .dh_icon {
  background-position: left bottom;
}

.scrollHeader.header .bottom .search a {
  background-position: left bottom;
}



.hideHeader.header {
  transform: translateY(-45px);
}



@media only screen and (max-width: 1500px) {

  .header .left {
    max-width: 22%;
  }

  .header .left .logo img {
    max-width: 100%;
  }

  .header .bottom .search1 {
    display: none;
  }

  .header .bottom {
    margin-top: 10px;
  }

}

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

  .header .left {
    margin-top: 25px;
  }

  .header .nav li {
    margin-left: 20px;
  }

}

@media only screen and (max-width: 1024px) {

  .hideHeader.header {
    transform: translateY(-40px);
  }
@media only screen and (max-width: 600px) {
  .header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 99;
    background: #fff;box-shadow: 0.18rem 0.21rem 0.57rem 0px rgb(214 214 214 / 46%);
}
  }

  .header .nav {
    display: none;
  }

  .header .bottom .search {
    display: none;
  }

  .header .bottom .search1 {
    display: block;
  }


  /*导航按钮*/

  .header .nav_btn {
    display: block;
    float: right;
    cursor: pointer;
    height: 28px;
    width: 28px;
    position: relative;
    margin-left: 20px;
    z-index: 999;
  }

  .header .nav_btn span {
    display: inline-block;
    width: 33px;
    height: 4px;
    background-color: #1f5294;

    position: absolute;
    top: 14px;
    right: 0px;

    transition: background-color 0.3s ease-out 0.1s;

  }

  .header .nav_btn span:after {
    content: '';
    display: inline-block;
    width: 33px;
    height: 4px;

    background-color: #1f5294;
    position: absolute;
    top: 10px;
    left: 0px;

    transition: transform 0.3s ease-out, top 0.5s ease 0.4s;

    transform: rotate(0deg);

  }

  .header .nav_btn span:before {
    content: '';
    display: inline-block;
    width: 33px;
    height: 4px;

    background-color: #1f5294;
    position: absolute;
    top: -10px;
    left: 0px;

    transition: transform 0.3s ease-out, top 0.5s ease 0.4s;

    transform: rotate(0deg);

  }



  .header.btn_click .nav_btn span {
    background-color: transparent;
    z-index: 9;
  }

  .header.btn_click .nav_btn span:after {

    transition: top 0.5s ease, transform 0.3s ease-out 0.4s;

    transform: rotate(-45deg);
    top: 0px;

    background-color: #1f5294;

  }

  .header.btn_click .nav_btn span:before {

    transition: top 0.5s ease, transform 0.3s ease-out 0.4s;

    transform: rotate(45deg);
    top: 0px;

    background-color: #1f5294;

  }

  /*导航按钮结束*/

  /*点击展开移动端导航*/

  .header .top .tel a {
    color: #333;
  }

  .header .top .language {
    color: #333;
  }

  .header .top .language a {
    color: #333;
  }

  .header .top .language a:hover {
    color: #333;
  }

  .header .top .language a.on {
    color: #333;
  }

  .header .nav li a {
    color: #333;
  }

  .header .top .tel .dh_icon {
    background-position: left bottom;
  }

  .header .bottom .search a {
    background-position: left bottom;
  }



  .header .bottom .search {
    margin-top: 3px;
  }



  .header .bottom {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .header .bottom .nav_con {
    float: right;
  }



  .header .nav {

    display: none;

    position: fixed;

    top: 94px;

    left: 0px;

    bottom: 0;

    right: 0px;

    background: #fff;

    overflow-y: auto;

    overflow-x: hidden;

    padding-top: 10px;

    transition: left 0.5s ease;

    z-index: 2;

    height: 100vh;

  }

  .header .nav li {
    float: none;
    width: 100%;
    height: auto !important;
    text-align: left;
    margin-left: 0;
    border-bottom: 1px solid #eee;

    padding-left: 20px;
    box-sizing: border-box;
    display: flex;
    padding-right: 0;

    position: static;

  }

  .header .nav li:first-child {
    border-top: 1px solid #eee;
  }

  .header .nav li a {
    display: block;
    width: 100%;
    padding-bottom: 0;
    color: #333;
  }

  .header .nav li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #000;
  }

  .header .right li>a em {
    right: 0;
    background-position: left bottom;
    display: none;
  }

  .header .nav li:hover {
    border-bottom: 1px solid #eee;
  }

  .header .nav li:hover>a {
    color: #000;
    border: 0;
  }



  .header .show_submenu {
    display: block;
    width: 60px;
    position: relative;
    flex: 0 0 60px;
  }

  .header .show_submenu svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
  }

  .header .nav li .nav_list {
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    z-index: 9;
    left: 100vw;
    width: 100%;
    background: #fff;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }

  .header .nav li .nav_list dl {
    padding-left: 20px;
  }

  .header .nav li .nav_list dl dd {
    border-top: 1px solid #eee;
  }

  .header .nav li .nav_list dl dd a {
    text-align: left;
    padding: 10px 0;
    font-size: 14px;
  }

  .header .nav li .nav_list dl dd a:hover {
    background: none;
    color: #333;
  }

  .header .nav li .nav_list .img_con {
    display: block;
    padding-left: 20px;
  }

  .header .nav li .nav_list .img_con em {
    display: block;
    margin-bottom: 20px;
    width: 15px;
    transform: rotate(180deg);
  }

  .footer .top ul {
    display: none;
  }

  .footer .top dl p:nth-child(1) {
    display: none;
  }

  .footer .top dl {
    width: 100%;
    text-align: center;
  }



  .footer .top ol {
    float: none;
    width: 100%;
  }

  .footer .top ol {
    display: flex;
    justify-content: center;
  }

  .footer .top ol li p {
    display: none;
  }



}

@media only screen and (max-width: 950px) {

  .header .top .tel {
    height: 24px;
  }

}

@media only screen and (max-width: 600px) {

  .header .left {
    margin-top: 5px;
    max-width: 45%;
  }

  .header .left .logo img {
    width: 100%;
  }

  .header .right {
    margin-top: 7px;
  }

  .header .right .top {
    display: none;
  }

  .header .social-share {
    display: none;
  }

  .header .wrap>.top {
    display: block;
  }

  .header .top {
    padding-bottom: 0px;
  }

  .header .bottom .search {
    float: left;
    margin-left: 0;
  }

  .header .nav {
    top: 68px;
  }

}





.search_show {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  text-align: center;
}

.search_show p {
  color: #fff;
  font-size: 30px;
  line-height: 1;
  width: 50px;
  padding: 8px 0 13px;
  background: #999;
  cursor: pointer;
  margin-left: auto;
  margin-top: 20px;
  margin-right: 20px;
}

.search_show .con {
  width: 770px;
  margin: 100px auto;
  position: relative;
}

.search_show input {
  width: 640px;
  height: 60px;
  line-height: 60px;
  background: #fff;
  border-radius: 8px;
  float: left;
}

.search_show .a_btn {
  width: 120px;
  height: 60px;
  line-height: 60px;
  text-indent: -9999px;

  text-align: center;
  color: #fff;
  border: 0;
  float: right;
  border-radius: 8px;

  background: #129fde url(../images/ss_btn.png) no-repeat center;

}
.search_show a.a_btn {
  width: 120px;
  height: 60px;
  line-height: 60px;
  text-indent: -9999px;

  text-align: center;
  color: #fff;
  border: 0;
  float: right;
  border-radius: 8px;

  background: #129fde url(../images/ss_btn.png) no-repeat center;

}

.hideHeader.header .search_show {
  transform: translateY(45px);
  height: 100vh;
}

@media only screen and (max-width: 900px) {

  .search_show .con {
    width: 95%;
  }

  .search_show input {
    width: 75%;
  }

  .search_show a.a_btn {
    width: 22%;
  }
  .search_show .a_btn {
    width: 22%;
  }

}

@media only screen and (max-width: 1024px) {

  .hideHeader.header .search_show {
    transform: translateY(40px);
  }

}

@media only screen and (max-width: 767px) {

  .search_show p {
    width: 32px;
    padding: 5px 0 8px;
    font-size: 20px;
  }

}



/*banner*/
.banner{margin-top:98px}
.banner .swiper-slide {
  overflow: hidden;
}

.banner .swiper-slide>img {
  width: 100%;
}

.banner .text {
  position: absolute;
  z-index: 2;
  color: #fff;
}

.banner .text p {
  color: #fff;
  margin-top: 30px;
  color: #999;
}

.banner .text .banner_btn {
  font-size: 16px;
  text-align: center;
  margin-top: 40px;
  background: #0068B7;
  border-radius: 5px;
  display: inline-block;
  width: 190px;
  height: 50px;
  line-height: 50px;
  color: #fff;
}

.banner .text .banner_btn:hover {
  background: #fff;
  color: #0068B7;
}



.banner .top_right {
  right: 17%;
  top: 10%;
}

.banner .bottom_right {
  right: 17%;
  bottom: 20%;
}

.banner .bottom_left {
  left: 13%;
  bottom: 20%;
}

.banner .top_left {
  left: 13%;
  top: 10%;
}

.banner .center_right {
  right: 20%;
  top: 50%;
  transform: translateY(-50%);
}

.banner .center_left {
  right: 55%;
  top: 50%;
  transform: translateY(-50%);
}

.banner .center_center {
  top: 40%;
  left: 0px;
  right: 0px;
  text-align: center;
}

.banner .center_center p {
  color: #fff;
}



.banner .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  background: #fff;
  opacity: 0.4;
}

.banner .swiper-pagination-bullet-active {
  opacity: 1;
  background: transparent;
  border: 2px solid #fff;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 20px;
}





/*动画*/

@media only screen and (min-width: 1200px) {

  .banner .text {
    opacity: 0;
    transition: all 0.4s ease-in-out 0.4s;
  }

  .banner .swiper-slide-active .text {
    opacity: 1;
  }

  .banner .swiper-slide>img {
    transform: scale(1.05);
    transition: all 5s ease-in-out;
  }

  .banner .swiper-slide.swiper-slide-active>img {
    transform: scale(1);
  }

  .banner .text p {
    opacity: 0;
    transition: all 0.6s ease-in-out 0.8s;
  }

  .banner .text .banner_btn {
    opacity: 0;
    transition: all 0.6s ease-in-out 1s;
  }

  .banner .swiper-slide-active p {
    opacity: 1;
  }

  .banner .swiper-slide-active .banner_btn {
    opacity: 1;
  }

}



@media only screen and (max-width: 1400px) {



  .banner .text .banner_btn {
    width: 150px;
    height: 40px;
    line-height: 40px;
  }



  .banner .text img {
    max-width: 80%;
  }

  .banner .center_center img {
    max-width: 50%;
  }



  .banner .top_right {
    right: 5%;
  }

  .banner .bottom_right {
    right: 5%;
  }

  .banner .center_right {
    right: 5%;
  }

  .banner .bottom_left {
    left: 5%;
  }

  .banner .top_left {
    left: 5%;
  }

  .banner .center_center {
    top: 30%;
  }

}

@media only screen and (max-width: 1024px) {

  .banner {
    margin-top: 70px;
  }

  .banner .text {
    right: auto;
    left: 50%;
    padding-right: 20px;
  }

  .banner .text img {
    max-width: 50%;
  }

  .banner .text p {
    margin-top: 15px;
  }

  .banner .text .banner_btn {
    margin-top: 20px;
  }

  .banner .center_center {
    width: 100%;
    left: 0;
  }

  .banner .center_left {
    left: 20%;
  }



}

@media only screen and (max-width: 600px) {

  .banner .swiper-slide {
    overflow: hidden;
  }

  .banner .swiper-slide>img {width: 100%;
    height: 230px;
   
   
  }



  .banner .center_left {
    left: 20%;
    right: 30%;
  }

  .banner .text img {
    max-width: 100%;
  }

  .banner .center_center img {
    max-width: 80%;
  }

  .banner .text .banner_btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }

}





.s_con01 {
  position: relative;
  height: 205px;
  overflow: hidden;
  background: #FFFFFF
}

.s_con01 .wrap {
  padding: 0 5%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.s_con01 dl {
  float: left;
  width: 25%;
  color: #006DB8;
  text-align: center;
  font-size: 16px;
}

.s_con01 dl dd {
  font-size: 16px;
  color: #777777;
}

.s_con01 dt {
  margin-bottom: -10px;
}

.s_con01 dl img {
  width: 25px;
  height: 25px;
  margin-left: 10px;
  margin-top: 20px;
}

.s_con01 dt span {
  font-weight: 700;
  padding-right: 5px;
}

.s_con01 video {
  height: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}



/*动画*/

.s_con01 dl {
  opacity: 0;
  top: 50px;
  position: relative;
}

.s_con01.animateDOM dl {
  opacity: 1;
  top: 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.s_con01.animateDOM dl:nth-of-type(1) {
  transition: all 0.5s ease-in-out 0.2s;
}

.s_con01.animateDOM dl:nth-of-type(2) {
  transition: all 0.5s ease-in-out 0.4s;
}

.s_con01.animateDOM dl:nth-of-type(3) {
  transition: all 0.5s ease-in-out 0.6s;
}

.s_con01.animateDOM dl:nth-of-type(4) {
  transition: all 0.5s ease-in-out 0.8s;
}

.s_con01.animateDOM dl:nth-of-type(5) {
  transition: all 0.5s ease-in-out 1s;
}



@media only screen and (max-width: 1400px) {

  .s_con01 .wrap {
    padding: 0;
  }

  .s_con01 dt {
    margin-bottom: -10px;
  }
	.s_con01 dl dd{font-size:14px; line-height: 20px;display: block; margin-top: 10px}
}

@media only screen and (max-width: 1100px) {

  .s_con01 dl {
    font-size: 14px;
  }

  .s_con01 video {
    display: none;
  }

  .s_con01.animateDOM dl {
    align-items: center;
  }
}

@media only screen and (max-width: 600px) {

  /* .s_con01{padding:40px 0 20px;} */

  .s_con01 dl {
    /* width: 33.33%; */
    width: 49%;
    justify-content: center;
    margin-bottom: 30px;
  }

}



.con_title {
  text-align: left;
}

.con_title h3 {
  font-weight: 700;
  font-size: 40px;
  margin-top: 40px;
}

.con_title .other {
  margin-top: -41px;
}

.con_title span {
  font-size: 54px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #0068B7;
  opacity: 0.1;
  margin-top: 25px;
  display: inline-block;
}

.s_con02 .con_left h3 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: -42px;
}

.s_con02 .con_left {
  width: 45%;
  float: left;
}

.s_con02 .con_right {
  width: 50%;
  float: right;
  overflow: hidden;
}

.s_con03 {
  padding-top: 0;
  margin-bottom: 100px;
  background-color: #0068B7;
}

.s_con03 .con_left {
  width: 20%;
  float: left;
  position: relative;margin-top: 50px;
}

.s_con03 .con_left p {float: right;
  font-size: 57px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  opacity: 0.22;
  display: inline-block;
 /* transform: rotate(90deg);*/
writing-mode: vertical-lr
}

.s_con03 .con_left h3 {
  float: right;
  color: #fff;
  font-size: 48px;
 
  
  margin-right: 40px;font-weight: bold;writing-mode: vertical-lr
}

.s_con03 .con_right {
  width: 80%;
  float: right;
  background-color: #F4F4F4;
  padding-left: 35px;
  padding-bottom: 80px;
}
.lmjj{margin-top: 0px;
  margin-bottom: 25px; font-size: 16px;}
.s_con03 .con_right ul {
  margin-top: 80px;
  margin-bottom: 35px;
}

.s_con03 .con_right ul li {
  display: inline-block;
  cursor: pointer;
  width: 10.6%;
  text-align: center;
  margin-right: 10px;
  padding: 10px;
  background-color: #FFFFFF;
  color: #666666;
  font-size: 18px;
  border-radius: 8px;
}

.s_con03 .con_right .img .left {
  width: 30%;
  float: left;
  margin-right: 20px;
}

.s_con03 .con_right .img .left:nth-child(5) {
  display: none;
}


.s_con03 .con_right .img .left .top { background: #fff}
.s_con03 .con_right .img .left .top img {
  width: 100%; height: 16vw; border-radius: 3vw
}

.s_con03 .con_right .img .left .bottom {
  background-color: #FFFFFF;
  padding:28px 20px;
}

.s_con03 .con_right .img .left .bottom>p:nth-child(1) {
  font-size: 24px;
  color: #333;
  font-weight: bold;
}

.s_con03 .con_right .img .left .bottom>p:nth-child(2) {
  font-size: 16px;
  color: #666666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
  margin-top: 5px;
}

.s_con03 .con_right .img .left .bottom a p {
  text-align: end;
  margin-top: 20px;
  font-size: 12px;
  color: #999999;
}

/* 3大实力 */
.three .three_img {
  width: 100%;
  background: url(/static/images/youshidi.jpg);
}

.s_con02 .con_right img {
  width: 100%;
}

.s_con02 .con_right img:hover {
  transform: scale(1.1);
}

.s_con02 .con_left span {
  width: 339px;
  height: 51px;
  font-size: 54px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #0068B7;
  opacity: 0.1;
}

.s_con02 .con_left>p {
  font-size: 16px;
  color: #888888;
  line-height: 31px;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.s_con02 .con_left a p {
  background: #006DB8;
  width: 20%;
  text-align: center;
  padding: 5px;
  color: #FFFFFF;
  border-radius: 6px;
  margin-top: 55px;
}

@media only screen and (max-width: 1500px) {
  .con_title h3 {
    font-size: 30px;
  }

  .s_con02 .con_left h3 {
    font-size: 30px;
    margin-top: -38px;
  }

  .con_title h3 {
    margin-top: -33px;
  }

  .s_con02 .con_left span,
  .con_title span {
    font-size: 42px;
  }

  .con_title .other {
    margin-top: -35px;
  }
}

@media only screen and (max-width: 1400px) {
  .con_title h3 {
    font-size: 26px;
  }

  .s_con02 .con_left h3 {
    font-size: 26px;
    margin-top: -30px;
  }

  .con_title h3 {
    margin-top: -28px;
  }

  .s_con02 .con_left span,
  .con_title span {
    font-size: 36px;
  }

  .con_title .other {
    margin-top: -28px;
  }
}

@media only screen and (max-width: 1100px) {
  .con_title h3 {
    font-size: 20px;
  }

  .s_con02 .con_left span,
  .con_title span {
    font-size: 28px;
  }

  .con_title .other {
    margin-top: -24px;
  }

  .s_con02 .con_left h3 {
    font-size: 20px;
    margin-top: -24px;
  }

  .s_con02 .con_left span {
    font-size: 28px;
  }

  .s_con02 .con_left a p {
    width: 35%;
  }
}

/*动画*/

.s_con02 .con_left {
  opacity: 0;
  top: 50px;
  position: relative;
}

.s_con02.animateDOM .con_left {
  opacity: 1;
  top: 0;
}

.s_con02 .con_right {
  opacity: 0;
  top: 50px;
  position: relative;
}

.s_con02.animateDOM .con_right {
  opacity: 1;
  top: 0;
}

.s_con02.animateDOM .con_left span {
  transition: all 0.5s ease-in-out 0.2s;
}

.s_con02.animateDOM .con_left h3 {
  transition: all 0.5s ease-in-out 0.4s;
}

.s_con02.animateDOM .con_left p:nth-of-type(1) {
  transition: all 0.5s ease-in-out 0.6s;
}

.s_con02.animateDOM .con_left p:nth-of-type(2) {
  transition: all 0.5s ease-in-out 0.8s;
}

.s_con02.animateDOM .con_left a {
  transition: all 0.5s ease-in-out 1s;
}




@media only screen and (max-width: 1400px) {

  .s_con02 .con_con dt img {
    max-width: auto;
    width: 75%;
  }


}

@media only screen and (max-width: 1100px) {

  .s_con02 .con_con {
    display: flex;
    flex-wrap: wrap;
    width: 95%;
  }

  .s_con02 .con_con dl {
    width: 33.33%;
    margin-bottom: 20px;
  }

  .s_con02 .con_con dt {
    margin-bottom: 10px;
  }

  .s_con02 .con_con dd em {
    font-size: 14px;
    top: -2px;
  }

}

@media only screen and (max-width: 600px) {

  .s_con02 .con_con dd em {
    padding-left: 8px;
  }

}

/*动画*/

.s_con03 .con_con dl {
  opacity: 0;
}

.s_con03.animateDOM .con_con dl {
  opacity: 1;
}

.s_con03.animateDOM .con_con dl:nth-of-type(1) {
  transition: opacity 0.5s ease-in-out 0.2s, top 0.5s ease-in-out 0.2s;
}

.s_con03.animateDOM .con_con dl:nth-of-type(2) {
  transition: opacity 0.5s ease-in-out 0.4s, top 0.5s ease-in-out 0.4s;
}

.s_con03.animateDOM .con_con dl:nth-of-type(3) {
  transition: opacity 0.5s ease-in-out 0.6s, top 0.5s ease-in-out 0.6s;
}



@media only screen and (min-width: 1200px) {

  .s_con03 .con_con dl:hover dt img {
    transform: scale(1.05);
  }

}

@media only screen and (max-width: 1500px) {

  .s_con03 .con_left p {
    font-size: 42px;
    top: 88%;
    left: -15%;
  }

  .s_con03 .con_left h3 {
    font-size: 30px;
  }

}

@media only screen and (max-width: 1400px) {

  .s_con03 .con_left p {
    font-size: 36px;
  }

  .s_con03 .con_left h3 {
    font-size: 26px;
  }

  .s_con03 .con_right ul li {
    width: 15%;
  }

}

@media only screen and (max-width: 1100px) {

  .s_con03 .con_left p {
    font-size: 26px;
  }

  .s_con03 .con_left h3 {
    font-size: 20px;
  }

  .s_con03 .con_right ul li {
    width: 20%;
    margin-bottom: 5px;
  }

}

@media only screen and (max-width: 820px) {
  .s_con03 .con_left h3 {
    font-size: 20px;
  }

  .s_con03 .con_left p {
    top: 90%;
    left: -35%;
    font-size: 28px;
  }

  .s_con03 .con_right ul li {
    font-size: 16px;
    margin-right: 5px;
    padding: 7px;
    margin-bottom: 5px;
    width: 20%;
  }

  .s_con03 .con_right .img .left .bottom>p:nth-child(1) {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
	.s_con03{margin-bottom:60px}
  .s_con03 .con_left {
    width: 100%;
    padding: 15px 10px; display: none
  }

  .s_con03 .con_left p {
    position: static;
    transform: none;
    font-size: 34px;
  }

  .s_con03 .con_left h3 {
    float: none;
    width: 100%;
    margin-top: -25px;
    margin-right: 0;
    font-size: 24px;
  }

  .s_con03 .con_right {
    width: 100%;
    padding: 0 10px;
  }

  .s_con03 .con_right ul {
    margin-top: 40px;
    margin-bottom: 15px;
  }

  .s_con03 .con_right ul li {
    width: 31%;
    margin-right: 5px;
    padding: 5px;
    font-size: 14px;
    margin-bottom: 10px;
  }

  .s_con03 .con_right .img .left {
    width: 48%;
    margin-right: 0;
    margin-bottom: 10px;
	}.s_con03 .con_right .img .left .top img{height:30vw}
	.lmjj{margin-bottom:20px;font-size: 14px;}
	.s_con03 .con_right .img .left .bottom{padding: 8px 10px}
  .s_con03 .con_right .img .left:nth-child(2n) {
    float: right;
  }

  .s_con03 .con_right .img .left .bottom>p:nth-child(2) {
    display: none;
  }

  .s_con03 .con_right .img .left .bottom a p {
    display: none;
  }

  .s_con03 .con_right .img .left .bottom>p:nth-child(1) {
    font-size: 14px;
    color: #333333;
  }

  .s_con03 .con_right .img .left:nth-last-child(1) {
    display: block;
  }

}

.three {
  position: relative;
  width: 100%;
}

.three .three_img {
  width: 100%;
  padding: 90px 0 204px;
  background: url(../images/youshidi.jpg);
}

.three .three_img .three_con {
  width: 50%;
  padding: 70px;
  background: rgba(000,000,000,.6);
  /* opacity: 0.25; */
  text-align: center;
  margin: auto;
}

.three .three_img .three_con .ys1{
  font-size: 48px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}

.three .three_img .three_con .ys2{
  width: 10%;
  margin: 5px auto;
  border: 1px solid #006DB8;
}

.three .three_img .three_con .ys3{
  font-size: 24px;
  margin-bottom: 40px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}

.three .three_img .three_con .ys4{
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999;
  line-height: 30px;
}

.three .three_bottom {
  margin: auto;
  display: flex;
  width: 70%;
  justify-content: center;
}

.three .three_bottom .three_left {
  background-color: #F4F4F4;
  margin-bottom: 80px;
  margin-top: -5%;
  padding: 35px 25px 13px;
  margin-right: 10px;
  background-image: url(../images/adv-logo1.png);
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: right bottom; width: 30%
}

.three .three_bottom .three_cen {
  background-color: #006DB8;
}

.three .three_bottom .three_left:nth-child(2) {
  position: relative;
}

.three .three_bottom .three_left:nth-child(2) img:nth-of-type(1) {
  width: 55px;
  position: absolute;
  left: -10%;
  top: 34%;
}

.three .three_bottom .three_left:nth-child(2) img:nth-of-type(2) {
  width: 55px;
  position: absolute;
  right: -10%;
  top: 34%;
}

.three .three_bottom .three_left p:nth-of-type(1) {
  font-size: 28px;
  color: #333333;
  font-weight: bold;
}

.three .three_bottom .three_left p:nth-of-type(2) {
  color: #666666;
  font-size: 17px;
  font-weight: 400;
}

.three .three_bottom .three_left p:nth-of-type(3) {
  color: #333333;
  font-size: 22px;
  font-weight: bold;
  float: right;
  margin-top: 10px;
}

.three_cen p {
  color: #FFFFFF !important;
}

@media only screen and (max-width: 1500px) {
  .three .three_img .three_con p:nth-child(3) {
    margin-bottom: 38px;
    font-size: 18px;
  }

  .three .three_bottom .three_left {
    margin-top: -7%;
  }

 
  }
}

@media only screen and (max-width: 1400px) {
  

  .three .three_img .three_con p:nth-child(3) {
    font-size: 16px;
    margin-bottom: 30px;
  }

  .three .three_img .three_con p:nth-child(4) {
    font-size: 12px;
  }

  .three .three_bottom .three_left {
    margin-top: -10%;
  }

  .three .three_bottom .three_left p:nth-of-type(1) {
    font-size: 16px;
  }

  .three .three_bottom .three_left p:nth-of-type(2) {
    font-size: 12px;
  }

  .three .three_bottom .three_left:nth-child(2) img:nth-of-type(2),
  .three .three_bottom .three_left:nth-child(2) img:nth-of-type(1) {
    width: 40px;
  }

  .three .three_bottom .three_left {
    padding: 35px 12px 13px;
  }
}

@media only screen and (max-width: 1100px) {
  
}

@media only screen and (max-width:767px) {


  .three .three_img .three_con {
    width: 80%;
  }



/*  .three .three_bottom .three_left {
    display: none;
  }*/

  .three .three_bottom .three_left:nth-child(2) {
    display: block;
  }

  /*.three .three_bottom .three_left:nth-child(2) {
    width: 77%;
  }
	*/.three{padding-bottom: 30px}
  .three .three_bottom {
    width: 100%; 
  }

  .three .three_bottom .three_left:nth-child(2) img:nth-of-type(2) {
    right: -6%;
  }

  .three .three_bottom .three_left:nth-child(2) img:nth-of-type(1) {
    left: -6%;
  }
	.three .three_bottom .three_left p:nth-of-type(3){font-size:14px; display: none}
  .three .three_bottom .three_left {
    padding: 13px;
  }

  .three .three_img .three_con {
    padding: 20px 17px;
  }
	.three .three_img .three_con .ys1{font-size:24px;}
	.three .three_img .three_con .ys3{font-size:16px;margin-bottom: 20px;}
	.three .three_img .three_con .ys4{font-size:14px; line-height: 26px}
  .three .three_img {
    padding: 50px 0 70px;
	}.three .three_bottom .three_left p:nth-of-type(1){font-size:14px}
	.three .three_bottom .three_left p:nth-of-type(2){display:none}
  .three .three_bottom .three_left {
    margin-top: -17%;
  }

  .three .three_bottom .three_left {
    margin-bottom: 50px;
    margin-right: 0;
  }
}

.s_con04 .con_title {
  position: relative;
}

.s_con04 .con_title .title_right {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.s_con04 .con_title .title_right i {
  color: #666666;
  background-color: #F4F4F4;
  padding: 10px 25px;
  margin-left: 5px;
  border-radius: 8px;
  cursor: pointer;font-size: 18px
}

.s_con04 .con_title .title_right i:hover {
  background-color: #0068B7;
  color: #fff;
}

.active {
  background-color: #0068B7 !important;
  color: #fff !important;
}

.s_con04 .con_left {
  width: 58%;
  float: left;
  display: flex;
  justify-content: space-between;
}

.s_con04 .con_left .content_1 {
  width: 48%;
}

.s_con04 .con_left .content_1 img {
  width: 100%;
}

.s_con04 .con_left .content_1 .img {
  overflow: hidden;
}

.s_con04 .con_left .content_1 img:hover {
  transform: scale(1.1);
}

.s_con04 .con_left .content_1 .intro {
  background-color: #F4F4F4;
  padding:30px 20px;
}

.s_con04 .con_left .content_1 .intro p:nth-child(1) {
  font-size: 20px;
  color: #333;
  font-weight: 400;
}

.s_con04 .con_left .content_1 .intro p:nth-child(2) {
  font-size: 15px;
  color: #666666;
  margin: 12px 0 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
	line-height: 22px
}

.s_con04 .con_left .content_1 .intro div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.s_con04 .con_left .content_1 .intro div span {
  color: #555555;
  font-size: 14px;
}

.s_con04 .con_left .content_1 .intro div a {
  background-color: #C7C7C7;
  color: #FFFFFF;
  font-size: 14px;
  border-radius: 4px;
  padding: 4px 10px;
}

.s_con04 .con_right {
  width: 38%;
  float: right;
}

.s_con04 .con_right .news {
  background-color: #F4F4F4;
  padding: 21px 10px;
  margin-bottom: 10px;
}

.s_con04 .con_right .news:hover {
  background-color: #0068B7;
}



.s_con04 .con_right .news:nth-last-child(1) {
  margin-bottom: 0;
}

.s_con04 .con_right .news a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.s_con04 .con_right .news a .news_left {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s_con04 .con_right .news a .news_left {
  width: 20%;
  text-align: center;
}

.s_con04 .con_right .news a p:nth-child(2) {
  width: 65%;
}

.s_con04 .con_right .news a p:nth-child(3) {
  width: 10%;
  text-align: center;
}

.s_con04 .con_right .news a .news_left p:nth-child(1) {
  color: #999999;
  font-size: 42px;
  font-weight: bold;
}

.s_con04 .con_right .news a .news_left p:nth-child(2) {
  font-size: 14px;
  color: #999999;font-weight: bold;
}

.s_con04 .con_right .news a p:nth-child(2) {
  color: #333333;
  font-size: 16px; line-height: 28px
}

.s_con04 .con_right .news .iconfont {
  color: #999999;
  font-size: 40px;
}

.s_con04 .con_right .news:hover a .news_left p:nth-child(1),
.s_con04 .con_right .news:hover a .news_left p:nth-child(2),
.s_con04 .con_right .news:hover a p:nth-child(2),
.s_con04 .con_right .news:hover .iconfont {
  color: #fff;
}


/*动画*/

.s_con04 .con_left {
  opacity: 0;
}

.s_con04 .con_right dl {
  opacity: 0;
  top: 50px;
  position: relative;
}

.s_con04.animateDOM .con_left {
  opacity: 1;
  transition: opacity 0.5s ease-in-out 0.2s;
}

.s_con04.animateDOM .con_right dl {
  opacity: 1;
  top: 0px;
  position: relative;
}

.s_con04.animateDOM .con_right dl:nth-of-type(1) {
  transition: opacity 0.5s ease-in-out 0.2s, top 0.5s ease-in-out 0.3s;
}

.s_con04.animateDOM .con_right dl:nth-of-type(2) {
  transition: opacity 0.5s ease-in-out 0.4s, top 0.5s ease-in-out 0.5s;
}

.s_con04.animateDOM .con_right dl:nth-of-type(3) {
  transition: opacity 0.5s ease-in-out 0.6s, top 0.5s ease-in-out 0.7s;
}



@media only screen and (max-width: 1500px) {

  .s_con04 .con_left {
    width: 51%;
  }

  .s_con04 .con_left .content_1 .intro p:nth-child(1) {
    font-size: 16px;
  }

  .s_con04 .con_right {
    width: 46%;
  }

  .s_con04 .con_right .news {
    padding: 12px 10px;
  }


}

@media only screen and (max-width: 980px) {
  .s_con04 .con_right .news {
    padding: 10px 10px;
  }

  .s_con04 .con_right .news a .news_left {
    width: 23%;
  }

  .s_con04 .con_right .news a p:nth-child(2) {
    width: 65%;
  }

  .s_con04 .con_right .news a p:nth-child(3) {
    width: 10%;
  }
}

@media only screen and (max-width: 820px) {
  .s_con04 .con_right .news {
    padding: 10px 10px;
  }

  .s_con04 .con_right .news a .news_left {
    width: 23%;
  }

  .s_con04 .con_right .news a p:nth-child(2) {
    width: 65%;
  }

  .s_con04 .con_right .news a p:nth-child(3) {
    width: 10%;
  }

}

@media only screen and (max-width: 767px) {
  .s_con04 .title_left {
    width: 100%;
  }

  .s_con04 .con_title .title_right {
    width: 100%;
    margin: 30px 0;
    position: static; margin-bottom: 0
  }

  .s_con04 .con_title a {
    border-radius: 8px;
  }

  .s_con04 .con_title a:nth-child(1) {
    margin-left: 0;
  }

  .s_con04 .con_left {
    width: 100%;
  }

  .s_con04 .con_left .content_1 {
    width: 100%;
    margin-bottom: 10px;
  }

  .s_con04 .con_left .content_1:nth-child(2) {
    display: none;
  }

  .s_con04 .con_right {
    width: 100%;
  }

  .s_con04 .con_right .news:nth-child(3),
  .s_con04 .con_right .news:nth-child(4) {
    display: none;
  }

  /* .s_con04 .con_left {
    width: 100%;
    float: none;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 20px;
  }

  .s_con04 .con_right {
    width: 100%;
    float: none;
  }

  .s_con04 .con_right dd a {
    padding-left: 10px;
  }

  .s_con04 .con_title a img {
    top: 2px;
  } */

}



.video_show {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  text-align: center;
}

.video_show video {
  width: 70%;
  margin-top: 20px;
}

.video_show p {
  color: #fff;
  font-size: 30px;
  line-height: 1;
  width: 50px;
  padding: 8px 0 13px;
  background: #999;
  cursor: pointer;
  margin-left: auto;
  margin-top: 20px;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {

  .video_show video {
    width: 90%;
  }

  .video_show p {
    width: 32px;
    padding: 5px 0 8px;
    font-size: 20px;
  }

  .s_con02 .con_left {
    float: none;
    width: 100%;
  }

  .s_con02 .con_right {
    float: none;
    width: 100%;
  }

  .s_con02 .con_left a p {
    width: 35%;
    margin: 25px 0;
    margin-right: 10px;
    float: right;
    font-size: 12px;
  }

  .s_con02 .con_left span,
  .con_title span {
    font-size: 34px;
  }

  .s_con02 .con_left h3,
  .con_title h3 {
    font-size: 24px;
    margin-top: -25px;
  }

  .s_con02 .con_left>p {
    font-size: 14px;
    padding: 0 5px;
  }

}

.industry {
  background: #F4F4F4;
}

.s_con05 {
  background: #F4F4F4;
  /* padding: 130px 0 60px; */
}

.s_con05 .application {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 45px;
}

.introduce {
  padding-top: 30px
}

.s_con05 .introduce .intro-img {
  overflow: hidden; background: #000
}

.s_con05 .introduce:hover p {
  color: #006DB8;
}

.s_con05 .introduce:hover img {
  opacity: 1;
  transform: scale(1.1);
}

.s_con05 .introduce img {
  width: 100%;
  opacity: .6;
}

.s_con05 .introduce .mask {
  width: 100%;
  height: 100%;
  background-color: orange;
}

.s_con05 .introduce p {
  font-size: 20px;
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #222222;
  margin-top: 16px;
}

.s_con05 dt {
  float: left;
  width: 50%;
}

.s_con05 dt h3 {
  font-weight: 700;
}

.s_con05 dt p {
  color: #999;
}

.s_con05 dt a {
  color: #0068B7;
  display: block;
  width: 190px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #0068B7;
  border-radius: 40px;
}

.s_con05 dt a:hover {
  background: #0068B7;
  color: #fff;
}

.s_con05 dd {
  float: right;
  width: 50%;
}

.s_con05 dd p {
  float: left;
  width: 33.33%;
  margin-bottom: 60px;
  text-align: center;
}

.s_con05 dd p img {
  max-width: 100%;
}



/*动画*/

.s_con05 dt {
  opacity: 0;
  transform: translateY(50px);
}

.s_con05 dd p {
  opacity: 0;
  transform: translateY(10px);
}



.s_con05.animateDOM dt {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s ease-in-out;
}

.s_con05.animateDOM dd p {
  opacity: 1;
  transform: translateY(0px);
}

.s_con05.animateDOM dd p:nth-of-type(1) {
  transition: all 0.5s ease-in-out 0.2s;
}

.s_con05.animateDOM dd p:nth-of-type(2) {
  transition: all 0.5s ease-in-out 0.3s;
}

.s_con05.animateDOM dd p:nth-of-type(3) {
  transition: all 0.5s ease-in-out 0.4s;
}

.s_con05.animateDOM dd p:nth-of-type(4) {
  transition: all 0.5s ease-in-out 0.5s;
}

.s_con05.animateDOM dd p:nth-of-type(5) {
  transition: all 0.5s ease-in-out 0.6s;
}

.s_con05.animateDOM dd p:nth-of-type(6) {
  transition: all 0.5s ease-in-out 0.7s;
}

.s_con05.animateDOM dd p:nth-of-type(7) {
  transition: all 0.5s ease-in-out 0.8s;
}

.s_con05.animateDOM dd p:nth-of-type(8) {
  transition: all 0.5s ease-in-out 0.9s;
}

.s_con05.animateDOM dd p:nth-of-type(9) {
  transition: all 0.5s ease-in-out 1s;
}



@media only screen and (max-width: 1400px) {

  .s_con05 dd p {
    margin-bottom: 30px;
  }

}

@media only screen and (max-width: 767px) {
  .s_con05 .application .introduce {
    width: 49%;
  }

  .s_con05 .application .introduce:nth-child(3),
  .s_con05 .application .introduce:nth-child(4),
  .s_con05 .application .introduce:nth-child(5) {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
	.s_con05 .application{ margin-top:20px}
  .s_con05 .application .introduce {
    width: 49%;
  }
	.s_con05 .application .introduce p{font-size: 16px;}

  .s_con05 .application .introduce:nth-child(3),
  .s_con05 .application .introduce:nth-child(4),
  .s_con05 .application .introduce:nth-child(5) {
    display: none;
  }
	.s_con04 .con_title .title_right i{font-size:15px; display: inline-block; margin-bottom: 10px}
  .s_con05 dt {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }

  .s_con05 dt a {
    width: 120px;
    height: 35px;
    line-height: 35px;
  }

  .s_con05 dd {
    float: none;
    width: 100%;
  }

  .s_con05 dd p {
    margin-bottom: 20px;
  }

}

.s_con06 {
  background: url(../images/s_img24.jpg) no-repeat;
  padding: 70px 0;
  border-top: 1px solid #d8d8d9;
}

.s_con06 .con_con {
  position: relative;
  left: 50%;
  display: inline-block;
}

.s_con06 h3 {
  font-weight: 700;
  margin-bottom: 10px;
}

.s_con06 p {
  color: #999;
}

.s_con06 a {
  color: #0068B7;
  margin-top: 25px;
  display: block;
  width: 190px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #0068B7;
  border-radius: 40px;
}

.s_con06 a:hover {
  background: #0068B7;
  color: #fff;
}

@media only screen and (max-width: 1400px) {

  .s_con06 .con_con {
    left: 65%;
  }

}

@media only screen and (max-width: 600px) {

  .s_con06 .con_con {
    left: 2%;
  }

  .s_con06 a {
    width: 120px;
    height: 35px;
    line-height: 35px;
  }

}





.footer {
  background: #393939;
}



.footer .top ul {
  float: left;
}

.footer .top ul li {
  float: left;
  margin-right: 75px;
}

.footer .top ul li a {
  color: #B0B0B0;
  display: block;
  margin-bottom: 5px;
}

.footer .top ul li a:hover {
  color: #86aee6;
  text-decoration: underline;
}

.footer .top ul li h3 {
  margin-bottom: 15px;
}

.footer .top ul li h3 a {
  color: #fff;
}



.footer .top dl {
  float: left;
  color: #a0a0a0;
  margin-left: 5%;
}

.footer .top dl a {
  color: #a0a0a0;
}

.footer .top dl dt {
  height: 55px;
  margin-bottom: 20px;
}

.footer .top dl dt a {
  color: #86aee6;
  font-weight: 700;
}

.footer .top dl dd p {
  font-size: 14px;
}

.footer .top dl dd p:nth-child(1) {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.footer .top dl dd p:nth-child(2) {
  font-size: 38px;
  font-family: Helvetica;
  font-weight: bold;
  color: #FFFFFF;
  margin: 4px 0;
}

.footer .top dl dd p:nth-child(4) {
  margin: 5px 0;
}

.footer .top dl dd p a {
  color: #B0B0B0;
}

.footer .top dl dd p.first_p {

  color: #fff;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
  background: url(../images/s_img26.jpg) no-repeat;

  height: 40px;
  line-height: 40px;

}



.footer .top ol {
  float: right;
}

.footer .top ol li {
  float: left;
  /* margin-left: 30px; */
}

.footer .top ol li img {
  width: 139px;
  height: 139px;
  margin-left: 10px;
}

.footer .top ol li img:nth-child(2) {
  margin-left: 0;
}

.footer .top ol li p {
  font-weight: 700;
  margin-bottom: 30px;
  color: #fff;
}



.footer .bottom {
  background: #393939;
  padding: 12px 0 10px;
  text-align: center;
  color: #686767;
  border-top: 1px solid #454545;
}

.footer .bottom a {
  color: #686767;
  font-size: 12px;
}





@media only screen and (max-width: 1500px) {

  .footer .top ul li {
    margin-right: 40px;
  }

  .footer .top dl {
    margin-left: 4%;
  }

}

@media only screen and (max-width: 1400px) {

  .footer .social-share .icon-wechat .wechat-qrcode:after {
    display: none;
  }

  .footer .social-share .icon-wechat .wechat-qrcode {
    right: 0;
    left: auto;
  }

}

@media only screen and (max-width: 1240px) {

  .footer .top ul {
    width: 35%;
    float: left;
    margin-bottom: 20px;
  }

  .footer .top ul li {
    width: 24%;
    margin-right: 1%;
  }

  .footer .top ul li a {
    font-size: 12px;
  }

  .footer .top ul li h3 a {
    font-size: 16px;
  }

  .footer .top dl {
    margin-left: 0;
    /* width: 100%;
    text-align: center; */
    /* float: none;
    width: 68%; */
    margin-bottom: 60px;
  }

  .footer .top dl dt {
    margin-bottom: 5px;
    padding-left: 30px;
  }

  .footer .top dl dt img {
    width: 200px;
  }

  .footer .top dl dd p {
    padding-left: 30px;
  }

  .footer .top dl dd p.first_p {
    background-size: 25px;
    height: 25px;
    line-height: 25px;
  }

  .footer .top ol {
    /* width: 29%; */
  }

}



@media only screen and (max-width: 767px) {

  .footer .top ul {
    display: none;
  }

  .footer .top ul li {
    width: 31%;
  }

  .footer .top ul li a {
    font-size: 12px;
  }

  .footer .top ul li h3 a {
    font-size: 14px;
  }

  .footer .top dl {
    float: none;
    margin-bottom: 27px;
    width: 100%;
    text-align: center;
  }

  .footer .top ol {
    float: none;
    width: 100%;
  }

  .footer .top ol {
    display: flex;
    justify-content: center;
  }

  .footer .top ol li {
    margin-left: 0;
  }

  .footer .top ol li p {
    display: none;
  }



}



/*内页banner*/

.n_banner {
  width: 100%;
  height: 400px;
  background: url(../images/js_img01.jpg) no-repeat center top;
  background-size: cover;
  position: relative;margin-top:72px; position: relative
}

.n_banner .con_mian {
  color: #fff;
  position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(000,000,000,.4)
}

.n_banner .con_mian img {
  margin-right: 20px;
}

.n_banner .con_mian i {
  padding: 0 5px;
}

.n_banner .con_mian a {
  color: #fff;
}

.n_banner .title {
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.n_banner .title p {
  margin-top: 30px;
}



/*解决方案*/

.n_banner.jjfa .title {
  left: 20%;
  width: auto;
  right: auto;
}

/*镜头*/

.n_banner.jingtou .title {
  left: 12%;
  width: auto;
  right: auto;
  text-align: left;
}

@media only screen and (max-width: 1400px) {

  .n_banner {
    height: 150px;
  }

  .n_banner .title h3 img {
    width: 200px;
  }

  .n_banner .title p {
    margin-top: 15px;
  }



  .n_banner.jingtou .title {
    left: 10%;
  }

  .n_banner.jingtou .title h3 img {
    width: 400px;
  }

}

@media only screen and (max-width: 1000px) {

  .n_banner.jingtou .title {
    left: 0%;
  }

}

@media only screen and (max-width: 600px) {

  .n_banner.jjfa {
    background-position: 60% 47%;
  }

  .n_banner.jingtou {
    background-position: 75% 47%;
  }

  .n_banner.jingtou .title h3 img {
    width: 300px;
  }

  .n_banner.jingtou .title {
    top: 80%;
  }

}

/*导航*/

.n_nav {
  background: #e7f0fd;
}

.n_nav ul {
  text-align: center;
}

.n_nav li {
  display: inline-block;
  margin: 0 30px;
  line-height: 60px;
}

.n_nav li a {
  color: #262626;
  font-size: 18px;
  display: block;
  height: 100%;
  position: relative;
  padding: 0 5px;
}

.n_nav li a:after {
  display: none;
  content: "";
  width: 100%;
  height: 2px;
  background: #0068B7;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.n_nav li a:hover {
  color: #0068B7;
}

.n_nav li a:hover:after {
  display: block;
}

.n_nav li a.on {
  color: #0068B7;
}

.n_nav li a.on:after {
  display: block;
}



.n_nav.fex {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 98;
}



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

  .n_nav li {
    margin: 0 15px;
  }

}

@media only screen and (max-width: 1000px) {

  .n_nav ul {
    text-align: left;
  }

  .n_nav li {
    line-height: 45px;
  }
  .n_nav li>a{
    padding:0
  }
}



/*关于我们*/

.qiyejieshao .con_top {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.8;
}

.qiyejieshao .title {
  font-weight: 700;
  text-align: center;
}

.qiyejieshao .edit_con_original p {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  font-size: 18px;
  line-height: 1.8;
}

.qiyejieshao .edit_con_original h4 {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 65px;
  font-size: 20px;
}



.jiagou {
  background: url(../images/js_img03.jpg) no-repeat center top;
  background-size: cover;
  padding: 80px 0;
  width: 100%;
}

.jiagou .wrap {
  position: relative;
}

.jiagou dt {
  color: #fff;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.jiagou dt h3 {
  font-weight: 700;
  margin-bottom: 20px;
}

.jiagou dd {
  float: right;
}

.jiagou dd img {
  width: 1050px;
}

@media only screen and (max-width: 1440px) {

  .qiyejieshao .con_top {
    font-size: 16px;
  }

  .qiyejieshao .edit_con_original p {
    font-size: 16px;
  }

  .qiyejieshao .edit_con_original h4 {
    margin-top: 40px;
  }

  .qiyejieshao .edit_con_original p {
    margin-top: 15px;
  }

  .jiagou dd img {
    width: 950px;
  }

}

@media only screen and (max-width: 1200px) {
  .jiagou dd img {
    width: 800px;
  }
}

@media only screen and (max-width: 1000px) {

  .jiagou dt {
    position: static;
    margin-bottom: 20px;
    text-align: center;
    transform: translateY(0%);
  }

  .jiagou dd img {
    max-width: 100%;
    width: auto;
  }

}

@media only screen and (max-width:767px) {

  .qiyejieshao .edit_con_original h4 {
    font-size: 16px;
    margin-top: 20px;
  }

  .qiyejieshao .edit_con_original p {
    font-size: 14px;
    margin-top: 10px;
  }

  .jiagou {
    padding: 30px 0;
  }

}

/*理念*/
.linian {
  margin-top: 60px;
  margin-bottom: 0;
}

.linian .linian_list {
  margin-bottom: 60px;
}

.linian .linian_list dl {
  position: relative;
}

.linian .linian_list dt {
  width: 100%;
  overflow: hidden;
}

.linian .linian_list dt img {
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.linian .linian_list dd {
  width: 45%;
  position: absolute;
  left: 40px;
  top: 47%;
  z-index: 2;
  color: #fff;
  transform: translateY(-50%);
}

.linian .linian_list dd span {
  background: #0073bf;
  padding: 8px 15px;
}

.linian .linian_list dd h3 {
  font-weight: 700;
  margin-top: 20px;
}

.linian .linian_list dd p {
  color: #fff;
  line-height: 1.5;
  font-size: 14px;
}


@media only screen and (max-width: 1400px) {
  .linian {
    margin-top: 50px;
  }

  .linian .linian_list {
    margin-bottom: 35px;
  }

}

@media only screen and (max-width: 1000px) {
  .linian {
    margin-top: 30px;
  }

  .linian .linian_list dd h3 br {
    display: none;
  }

  .linian .linian_list dd {
    width: 60%;
  }


}

@media only screen and (max-width: 767px) {

  .linian .linian_list dt {
    width: 100%;
    margin-bottom: 20px;
  }


  .linian .linian_list dd {
    width: 100%;
    position: static;
    transform: translateY(0%);
    color: #666;
  }

  .linian .linian_list dd span {
    color: #fff;
  }

  .linian .linian_list dd p {
    color: #666;
  }

}

.linian2 {}

.linian2 h3 {
  text-align: center;
  font-weight: 700;
  margin-bottom: 50px;
}

.linian2 ul {
  display: flex;
  flex-wrap: wrap;
}

.linian2 li {
  width: 46%;
  float: left;
  margin-bottom: 50px;
  margin-right: 8%;
}

.linian2 li:nth-of-type(2n) {
  margin-right: 0;
}

.linian2 li h4 {
  text-align: center;
}

.linian2 li h4 img {
  width: 80px;
}

.linian2 li h4 p {
  font-weight: 700;
  margin-top: 10px;
}

.linian2 li .p {
  color: #808080;
  margin-top: 20px;
  line-height: 1.8;
}

@media only screen and (max-width: 1400px) {
  .linian2 h3 {
    margin-bottom: 30px;
  }

  .linian2 li {
    margin-bottom: 30px;
    margin-right: 6%;
    width: 47%;
  }

  .linian2 li h4 img {
    width: 60px;
  }
}

@media only screen and (max-width: 1000px) {
  .linian2 li h4 img {
    width: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .linian2 li {
    width: 100%;
    margin-right: 0;
  }
}


.wenhuahuodong {
  background: #f4f5f5;
}

.wenhuahuodong .con_title span {
  color: #999;
  font-size: 16px;
  margin-top: 20px;
  display: block;
}

.wenhuahuodong dl {
  float: left;
  width: 30.6%;
  margin-right: 4%;
}

.wenhuahuodong dl:nth-of-type(3n) {
  margin-right: 0;
}

.wenhuahuodong dt {
  height: 0px;
  padding-bottom: 68%;
  overflow: hidden;
}

.wenhuahuodong dt img {
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.wenhuahuodong h3 {
  font-weight: 700;
  margin: 20px 0 15px;
}

.wenhuahuodong p {
  color: #999;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  height: 3em;

  line-height: 1.5;

}

.wenhuahuodong .more a {
  color: #999;
  margin-top: 25px;
  display: block;
  width: 190px;
  margin-left: auto;
  margin-right: auto;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #999;
  border-radius: 40px;
}

.wenhuahuodong .more a:hover {
  background: #0068B7;
  color: #fff;
  border-color: #0068B7;
}

.wenhuahuodong dl:hover a {
  color: #0068B7;
}

.wenhuahuodong dl:hover dt img {
  transform: scale(1.05);
}

@media only screen and (max-width: 1100px) {

  .wenhuahuodong {
    padding-bottom: 50px;
  }

}

@media only screen and (max-width: 600px) {

  .wenhuahuodong .more a {
    width: 120px;
    height: 35px;
    line-height: 35px;
  }

  .wenhuahuodong dl {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .wenhuahuodong h3 {
    margin: 10px 0 5px;
  }

  .wenhuahuodong .con_title span {
    margin-top: 0px;
  }

}



/*荣誉资质*/

.rongyuzizhi .con_title span {
  color: #999;
  font-size: 16px;
  margin-top: 20px;
  display: block;
}

.rongyuzizhi dl {
  float: left;
  width: 21.6%;
  margin-right: 4%;
  margin-bottom: 90px;
}

.rongyuzizhi dl:nth-of-type(4n) {
  margin-right: 0;
}

.rongyuzizhi dt {
  height:400px;
  padding-bottom: 68%;
  overflow: hidden;
}

.rongyuzizhi dt img {
  width: 100%;
  height: 400px
}

.rongyuzizhi h3 {
  font-weight: 700;
  margin: 20px 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rongyuzizhi p {
  color: #999;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  height: 3em;

  line-height: 1.5;

}

.rongyuzizhi dl:hover a {
  color: #0068B7;
}

.rongyuzizhi dl:hover dt img {
  transform: scale(1.05);
}

@media only screen and (max-width: 1100px) {

  .rongyuzizhi {
    padding-bottom: 50px;
  }

}

@media only screen and (max-width: 600px) {

  .rongyuzizhi dl {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .rongyuzizhi h3 {
    margin: 10px 0 5px;
  }

  .rongyuzizhi .con_title span {
    margin-top: 0px;
  }

}

.page {
  text-align: center;padding-bottom: 80px
}

.page a {
  text-indent: -9999px !important;
  margin: 0 5px !important;
  display: inline-block !important;
  width: 10px !important;
  height: 10px !important;
  line-height: 10px !important;
  background: #9ba2b3 !important;
  border-radius: 100% !important;
  position: relative !important;
  top: 10px !important;
  border: 0 !important;
  padding: 0 !important;
}

.page span {
  text-indent: -9999px !important;
  margin: 0 5px !important;
  display: inline-block !important;
  width: 10px !important;
  height: 10px !important;
  line-height: 10px !important;
  background: #9ba2b3 !important;
  border-radius: 100% !important;
  position: relative !important;
  top: 10px !important;
  border: 0 !important;
  padding: 0 !important;
}

.page a:hover {
  background: #0068B7 !important;
}

.page span.laypage_curr {
  background: #0068B7 !important;
}

.page .laypage_prev {
  width: 30px !important;
  height: 30px !important;
  background: url(../images/btn_left.png) no-repeat !important;
  top: 0px !important;
}

.page .laypage_next {
  width: 30px !important;
  height: 30px !important;
  background: url(../images/btn_right.png) no-repeat !important;
  top: 0px !important;
}

.page a.laypage_prev:hover {
  background: url(../images/btn_lefth.png) no-repeat !important;
}

.page a.laypage_next:hover {
  background: url(../images/btn_righth.png) no-repeat !important;
}



.hezuo {
  width: 1240px;
  margin-right: auto;
  margin-left: auto;
}

.hezuo .con_title {
  text-align: left;
}

.hezuo .con_con p {
  float: left;
  width: 16.9%;
  margin-right: 3.7%;
  margin-bottom: 5%;
}

.hezuo .con_con p:nth-of-type(5n) {
  margin-right: 0px;
}

.hezuo .con_con p img {
  width: 100%;
}

.hezuo .page {
  margin-top: 20px;
}

@media only screen and (max-width: 1400px) {

  .hezuo .con_con p {
    margin-bottom: 40px;
  }

}

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

  .hezuo {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .hezuo .page {
    margin-top: 10px;
  }

}

@media only screen and (max-width: 1000px) {

  .hezuo {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .hezuo .con_con p {
    margin-bottom: 20px;
  }

}

@media only screen and (max-width: 767px) {

  .hezuo {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .hezuo .con_con p {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 10px;
  }

  .hezuo .con_con p:nth-of-type(5n) {
    margin-right: 2%;
  }

  .hezuo .con_con p:nth-of-type(3n) {
    margin-right: 0px;
  }

}

.lingdao dt {
  float: left;
  max-width: 440px;
}

.lingdao dt img {
  width: 100%;
}

.lingdao dd {
  float: right;
  max-width: 720px;
  font-size: 18px;
}

.lingdao dd p {
  text-indent: 2em;
}

.lingdao .edit_con_original {
  line-height: 1.8;
}



.lingdao .ld_info {
  margin-top: 30px;
  text-align: right;
}

.lingdao .ld_info span {
  display: inline-block;
  margin-right: 10px;
  line-height: 87px;
}

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

  .lingdao dt {
    max-width: unset;
    width: 30%;
  }

  .lingdao dd {
    max-width: unset;
    width: 65%;
    font-size: 14px;
  }

}

@media only screen and (max-width: 600px) {

  .lingdao dt {
    width: 70%;
    float: none;
    margin-bottom: 20px;
  }

  .lingdao dd {
    width: 100%;
    float: none;
  }

}



/*发展历程*/

.lishiyange .bt {
  text-align: center;
  font-weight: 700;
  margin-bottom: 50px;
}

.lishiyange .p {
  text-align: center;
  font-weight: 700;
  margin-top: 50px;
  font-size: 18px;
}

.lishiyange .dsj_con {
  position: relative;
  margin-bottom: 50px;
  width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.lishiyange .dsj_con .daj_line {
  width: 10px;
  background-color: #e6e6e6;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;
  min-height: 200px;
  z-index: -1;
  transform: translateX(-50%);
}

.lishiyange .dsj_con .title {
  cursor: pointer;
  margin-bottom: 50px;
  left: 0px;
  background: #129cd8;
  color: #129cd8;
  position: relative;
  width: 90px;
  text-align: center;
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
}

.lishiyange .dsj_con .title h3 {
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  font-family: "Arial";
  height: 90px;
  line-height: 90px;
}

.lishiyange .dsj_con .title p {
  position: absolute;
  right: 90px;
  width: 200px;
  top: 20px;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}

.lishiyange .dsj_con .con_con .dsj_div:nth-of-type(2n) .title p {
  right: auto;
  left: 110px;
}

.dsj_div:hover .hist_show_hide {
  display: block;
}

.lishiyange .dsj_con dl {
  width: 50%;
  margin-top: 0px;
  position: relative;
  margin-top: 0px;
  text-align: right;
}

.lishiyange .dsj_con dl:nth-of-type(2n+1) {
  text-align: left;
  position: relative;
  left: 50%;
}

.lishiyange .dsj_con dl dt {
  display: inline-block;
  width: 30px;
  height: 30px;

  background: #129cd8;

  border: 4px solid #fff;

  border-radius: 100%;

  position: absolute;
  left: -15px;
  top: 0px;

}

.lishiyange .dsj_con dl dd {
  border: 1px solid #e6e6e6;
  padding: 20px 40px;
  margin-left: 55px;
  position: relative;
  top: -30px;
  border-radius: 5px;
}

.lishiyange .dsj_con dl dd:after {
  content: "";
  display: block;

  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #e6e6e6;
  transform: rotate(45deg);

  position: absolute;
  left: -12px;
  top: 35px;
  border-top: 0;
  border-right: 0px;

}

.lishiyange .dsj_con dl dd i {
  display: inline-block;
  font-size: 30px;
  font-family: "Arial";
  font-weight: 700;
}

.lishiyange .dsj_con dl:nth-of-type(2n) dt {
  left: auto;
  right: -15px;
}

.lishiyange .dsj_con dl:nth-of-type(2n) dd {
  margin-left: 0px;
  margin-right: 45px;
}

.lishiyange .dsj_con dl:nth-of-type(2n) dd:after {
  right: -12px;
  left: auto;
  transform: rotate(225deg);
}

@media only screen and (max-width: 1400px) {

  .lishiyange .dsj_con {
    width: 1100px;
  }

  .lishiyange .dsj_con dl dd br {
    display: none;
  }

}

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

  .lishiyange .dsj_con {
    width: 95%;
  }

  .lishiyange .dsj_con dl dd {
    padding: 20px 20px;
  }

  .lishiyange .dsj_con dl dd i {
    font-size: 20px;
  }

  .lishiyange .p br {
    display: none;
  }

}



@media only screen and (max-width: 767px) {

  .lishiyange .bt {
    margin-bottom: 20px;
  }

  .lishiyange .p {
    margin-top: 20px;
    font-size: 16px;
  }

  .lishiyange .dsj_con {
    margin-bottom: 20px;
  }

  .lishiyange .dsj_con .daj_line {
    left: 25px;
    width: 5px;
  }

  .lishiyange .dsj_con .title {
    margin-bottom: 20px;
    width: 50px;
    margin-left: 0;
  }

  .lishiyange .dsj_con .title h3 {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
  }

  .lishiyange .dsj_con .title p {
    right: auto;
    left: 60px;
    font-size: 14px;
    top: 0px;
  }

  .lishiyange .dsj_con .con_con .dsj_div:nth-of-type(2n) .title p {
    right: auto;
    left: 60px;
  }



  .lishiyange .dsj_con dl {
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
  }

  .lishiyange .dsj_con dl:nth-of-type(2n+1) {
    left: 0;
  }

  .lishiyange .dsj_con dl dt {
    width: 20px;
    height: 20px;
    left: 15px;
    top: 15px;
  }

  .lishiyange .dsj_con dl dd {
    top: 0;
    padding: 10px;
    margin-left: 50px;
  }

  .lishiyange .dsj_con dl dd i {
    font-size: 16px;
  }

  .lishiyange .dsj_con dl dd:after {
    top: 20px;
    width: 10px;
    height: 10px;
    left: -6px;
  }

  .lishiyange .dsj_con dl:nth-of-type(2n) dt {
    left: 15px;
    right: auto;
  }

  .lishiyange .dsj_con dl:nth-of-type(2n) dd {
    margin-left: 50px;
    margin-right: 0px;
  }

  .lishiyange .dsj_con dl:nth-of-type(2n) dd:after {
    right: auto;
    left: -6px;
    transform: rotate(45deg);
  }

}



/*七天交付*/

.qitian_con01 {
  border-bottom: 2px solid #f4f5f5;
  padding-bottom: 50px;
  margin-bottom: 70px;
}

.qitian_con01 h2 {
  text-align: center;
  font-weight: 700;
}

.qitian_con01 .p {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
}

.qitian_con01 span {
  display: block;
  text-align: center;
}

.qitian_con01 span img {
  max-width: 100%;
}



.qitian_con02>h2 {
  text-align: center;
  font-weight: 700;
}

.qitian_con02 .qitian_list {
  margin-bottom: 75px;
}


.qitian_con02 .qitian_list dt {
  overflow: hidden;
}

.qitian_con02 .qitian_list dt img {
  width: 100%;
}

.qitian_con02 .qitian_list:nth-of-type(1) dt p {
  float: left;
  width: 32%;
  margin-right: 1.5%;
  margin-bottom: 1.5%;
}

.qitian_con02 .qitian_list:nth-of-type(1) dt p:nth-of-type(3n) {
  margin-right: 0;
}

.qitian_con02 .qitian_list:nth-of-type(2) dt p {
  margin-right: 1%;
  margin-bottom: 3.2%;
}

.qitian_con02 .qitian_list:nth-of-type(2) dt .left {
  float: left;
  width: 50%;
}

.qitian_con02 .qitian_list:nth-of-type(2) dt .left p {
  width: 49%;
  float: left;
}

.qitian_con02 .qitian_list:nth-of-type(2) dt .left p:last-child {
  width: 99%;
  float: left;
}

.qitian_con02 .qitian_list:nth-of-type(2) dt .right {
  float: right;
  width: 50%;
}

.qitian_con02 .qitian_list:nth-of-type(2) dt .right p {
  margin-right: 0;
}

.qitian_con02 .qitian_list:nth-of-type(3) dt p {
  float: left;
  width: 32.5%;
  margin-right: 1%;
  margin-bottom: 1%;
}

.qitian_con02 .qitian_list:nth-of-type(3) dt p:nth-of-type(3n) {
  margin-right: 0;
}


.qitian_con02 .qitian_list dd {
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
}

.qitian_con02 .qitian_list dd span {
  color: #0073bf;
}

.qitian_con02 .qitian_list dd h3 {
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px;
}

.qitian_con02 .qitian_list dd p {
  line-height: 1.8;
  padding: 0 100px;
}




.qitian_con03 {
  max-width: 1010px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  color: #0073bf;
  text-align: center;
}

@media only screen and (max-width: 1400px) {

  .qitian_con01 {
    padding-bottom: 40px;
    margin-bottom: 50px;
  }

  .qitian_con01 .p {
    margin-bottom: 50px;
  }

  .qitian_con02 .qitian_list {
    margin-bottom: 35px;
  }

  .qitian_con02 .qitian_list dd p {
    padding: 0 70px;
  }

}



@media only screen and (max-width: 1000px) {

  .qitian_con01 {
    padding-bottom: 20px;
    margin-bottom: 30px;
  }

  .qitian_con01 .p {
    width: 90%;
    margin-bottom: 20px;
  }

  .qitian_con02 .qitian_list dd h3 br {
    display: none;
  }

  .qitian_con02 .qitian_list dd {
    padding-right: 20px;
  }

  .qitian_con02 .qitian_list dd p {
    padding: 0 50px;
  }

}

@media only screen and (max-width: 767px) {

  .qitian_con02 .qitian_list dt {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .qitian_con02 .qitian_list dd {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .qitian_con02 .qitian_list dd p {
    padding: 0 30px;
    font-size: 14px;
    line-height: 1.5;
  }

}



/*定制*/

.dingzhi_con01 {
  border-bottom: 2px solid #f4f5f5;
  padding-bottom: 50px;
  margin-bottom: 70px;
}

.dingzhi_con01 h2 {
  text-align: center;
  font-weight: 700;
}

.dingzhi_con01 .p {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
}

.dingzhi_con01 span {
  display: block;
  text-align: center;
}

.dingzhi_con01 span img {
  max-width: 100%;
}

@media only screen and (max-width: 1400px) {

  .dingzhi_con01 {
    padding-bottom: 40px;
    margin-bottom: 50px;
  }

  .dingzhi_con01 .p {
    margin-bottom: 50px;
  }

}

@media only screen and (max-width: 1000px) {

  .dingzhi_con01 {
    padding-bottom: 20px;
    margin-bottom: 30px;
  }

  .dingzhi_con01 .p {
    width: 90%;
    margin-bottom: 20px;
  }

}

.dingzhi_con02 p {
  margin-bottom: 10px;
}

.dingzhi_con02 dl {
  margin-bottom: 25px;
}

.dingzhi_con02 dd {
  width: 31.3%;
  float: left;
  margin-right: 3%;
  margin-bottom: 25px;
}

.dingzhi_con02 dd:nth-of-type(3n) {
  margin-right: 0;
}

.dingzhi_con02 dd input {
  border: 1px solid #d0d0d0;
  height: 55px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 10px;
}

.dingzhi_con02 dt {
  width: 100%;
  float: left;
}

.dingzhi_con02 dt textarea {
  width: 100%;
  height: 140px;
  padding: 15px;
}

.dingzhi_con02 select {
  height: 55px;
}



.unpload_img .show_hide label {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 20px;
  position: relative;
}

.unpload_img .show_hide label:after {
  position: absolute;
  left: 0px;
  top: 4px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #cacaca;
  border-radius: 100%;
  background: #fff;
  z-index: 2;
}

.unpload_img .show_hide label:before {
  position: absolute;
  left: 6px;
  top: 10px;
  content: "";
  display: none;
  width: 10px;
  height: 10px;
  background: #1b9dd8;
  z-index: 3;
  border-radius: 100%;
}

.unpload_img .show_hide label.active:before {
  display: block;
}

.unpload_img .show_hide span {
  padding-left: 15px;
}

.unpload_img .show_hide label input {
  visibility: hidden;
}

.unpload_img .file_upload {
  position: relative;
  position: relative;
}

.unpload_img q {
  display: block;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

.unpload_img i {
  color: #1b9dd8;
  position: absolute;
  left: 140px;
  top: 40%;
  transform: translateY(-50%);
}





.dingzhi_con03 {
  border-top: 1px solid #c9c9c9;
}

.dingzhi_con03 h3 {
  color: #0068B7;
  font-weight: 700;
}

.dingzhi_con03 dd {
  width: 33.33%;
  float: left;
  margin-bottom: 10px;
}

.dingzhi_con03 dd p {
  width: 45%;
  background: #e5e5e5;
  float: left;
  line-height: 55px;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  padding-left: 15px;
}

.dingzhi_con03 dd input {
  height: 57px;
  width: 55%;
  box-sizing: border-box;
  padding-left: 10px;
  border: 0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
}

.dingzhi_con03 dt {
  width: 100%;
  background: #e5e5e5;
  float: left;
  margin-bottom: 10px;
  position: relative;
}

.dingzhi_con03 dt p {
  width: 15%;
  float: left;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 15px;
}

.dingzhi_con03 dt textarea {
  width: 85%;
  padding: 15px;
  height: 115px;
  float: right;
}



.dingzhi_btn {
  text-align: center;
}

.dingzhi_btn input {
  border: 0;
  text-align: center;
  height: 40px;
  width: 190px;
  border-radius: 40px;
  margin: 0 15px;
  background: none;
}

.dingzhi_btn .reset {
  border: 1px solid #c9c9c9;
}

.dingzhi_btn .button {
  background: #0068B7;
  color: #fff;
  margin-bottom: 10px;
}

.dingzhi_btn input:hover {
  text-decoration: underline;
}



@media only screen and (max-width: 1500px) {

  .dingzhi_con02 p {
    font-size: 16px;
  }

  .dingzhi_con03 dd p {
    font-size: 16px;
    padding-left: 5px;
  }

}

@media only screen and (max-width: 1400px) {

  .dingzhi_con02 dd {
    margin-bottom: 15px;
  }

  .dingzhi_con02 dd input {
    height: 40px;
  }

  .dingzhi_con02 select {
    height: 40px;
  }

  .dingzhi_con03 dd p {
    line-height: 40px;
  }

  .dingzhi_con03 dd input {
    height: 42px;
  }

}

@media only screen and (max-width: 1230px) {

  .dingzhi_con02 p {
    font-size: 14px;
  }

  .dingzhi_con03 dd p {
    width: 50%;
  }

  .dingzhi_con03 dd input {
    width: 50%;
  }

  .dingzhi_con03 dd p {
    font-size: 14px;
  }

}

@media only screen and (max-width: 1000px) {

  .unpload_img .show_hide label:after {
    top: 0px;
  }

  .unpload_img .show_hide label:before {
    top: 6px;
  }

  .dingzhi_con02 dt textarea {
    padding: 5px;
  }

  .dingzhi_con03 dt textarea {
    padding: 5px;
  }

  .dingzhi_con03 dd {
    width: 50%;
  }

  .dingzhi_con03 dd p {
    width: 55%;
  }

  .dingzhi_con03 dd input {
    width: 45%;
  }

}

@media only screen and (max-width: 600px) {

  .dingzhi_con02 dd {
    width: 49%;
    margin-right: 2%;
  }

  .dingzhi_con02 dd:nth-of-type(3n) {
    margin-right: 2%;
  }

  .dingzhi_con02 dd:nth-of-type(2n) {
    margin-right: 0%;
  }

  .dingzhi_con02 p {
    margin-bottom: 5px;
  }

  .dingzhi_con03 dd {
    width: 49%;
    margin-right: 2%;
  }

  .dingzhi_con03 dd:nth-of-type(3n) {
    margin-right: 2%;
  }

  .dingzhi_con03 dd:nth-of-type(2n) {
    margin-right: 0%;
  }

  .dingzhi_con03 dd p {
    width: 100%;
    line-height: normal;
    margin-bottom: 5px;
    background: none;
    border: 0;
    padding-left: 0;
  }

  .dingzhi_con03 dd input {
    width: 100%;
    border-left: 1px solid #d0d0d0;
    height: 40px;
  }

  .dingzhi_con03 dt {
    background: none;
  }

  .dingzhi_con03 dt p {
    position: static;
    transform: translateY(0%);
    width: 100%;
    padding-left: 0;
  }

  .dingzhi_con03 dt textarea {
    width: 100%;
  }

  .dingzhi_btn input {
    width: 120px;
  }

}



/*镜头*/

.jingt {
  margin-bottom: 0px;
}

.jingt_con02 .jingt_list dt img {
  width: 100%;
}

.jingt_con02 .jingt_list dt p {
  width: 31%;
  float: left;
  font-size: 16px;
  margin-right: 2%;
}

.jingt_con02 .jingt_list dt p:nth-of-type(3n) {
  margin-right: 0;
}

.jingt_con02 .jingt_list dt p span {
  display: block;
  text-align: center;
  margin-top: 10px;
}

.jingt_con02 .jingt_list dd {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 70px;
  font-size: 16px;
}

.jingt_con02 .jingt_list dd span {
  color: #0073bf;
  display: block;
  text-align: center;
  font-size: 18px;
}

.jingt_con02 .jingt_list dd h3 {
  font-weight: 700;
  margin-top: 10px;
  text-align: center;
  font-size: 48px;
}

.jingt_con02 .jingt_list dd p {
  line-height: 1.8;
}


.jingt_con02 .jingt_list:nth-of-type(1) dt {
  float: left;
  width: 43%;
}

.jingt_con02 .jingt_list:nth-of-type(1) dd {
  float: right;
  width: 51%;
  padding-right: 90px;
}

.jingt_con02 .jingt_list:nth-of-type(1) dd span {
  text-align: left;
}

.jingt_con02 .jingt_list:nth-of-type(1) dd h3 {
  text-align: left;
}


@media only screen and (max-width: 1500px) {
  .jingt_con02 .jingt_list dd h3 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 1400px) {
  .jingt_con02 .jingt_list dd h3 {
    font-size: 38px;
  }

  .jingt_con02 .jingt_list dd {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 1200px) {
  .jingt_con02 .jingt_list dd h3 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1000px) {

  .jingt_con02 .jingt_list dd h3 br {
    display: none;
  }

  .jingt_con02 .jingt_list dd {
    padding-right: 20px;
  }

}

@media only screen and (max-width: 767px) {
  .jingt_con02 .jingt_list:nth-of-type(2) {
    margin-bottom: 30px;
  }

  .jingt_con02 .jingt_list dt {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .jingt_con02 .jingt_list dt p span {
    font-size: 12px;
  }

  .jingt_con02 .jingt_list dd {
    float: none;
    width: 100%;
    font-size: 14px;
    margin-bottom: 30px;
  }

  .jingt_con02 .jingt_list:nth-of-type(1) dt {
    float: none;
    width: 100%;
  }

  .jingt_con02 .jingt_list:nth-of-type(1) dd {
    float: none;
    width: 100%;
    padding-right: 0;
  }

  .jingt_con02 .jingt_list dd h3 {
    font-size: 24px;
  }


}





.jingt_con03 dl {
  float: left;
  width: 30.6%;
  margin-right: 4%;
}

.jingt_con03 dl:nth-of-type(3n) {
  margin-right: 0;
}

.jingt_con03 dt {
  height: 0px;
  padding-bottom: 68%;
  overflow: hidden;
}

.jingt_con03 dt img {
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.jingt_con03 h3 {
  font-weight: 700;
  margin: 20px 0 15px;
}

.jingt_con03 p {
  color: #999;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  height: 4.5em;

  line-height: 1.5;

}

.jingt_con03 dl:hover a {
  color: #0068B7;
}

.jingt_con03 dl:hover dt img {
  transform: scale(1.05);
}

@media only screen and (max-width: 1100px) {

  .jingt_con03 {
    padding-bottom: 50px;
  }

}

@media only screen and (max-width: 600px) {

  .jingt_con03 {
    padding-bottom: 0px;
  }

  .jingt_con03 dl {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .jingt_con03 h3 {
    margin: 10px 0 5px;
  }

}



.changgui {
  background: #f6faff;
}

.changgui .con_con {
  margin-right: auto;
  margin-left: auto;
}

.changgui .con_con dl {
  float: left;
  width: 11.66%;
  text-align: center;
  margin-right: 2.5%;
  margin-left: 2.5%;
}

.changgui .con_con dt {
  margin-bottom: 35px;
}

.changgui .con_con dt img {
  max-width: 100%;
  transition: all 0.5s ease-in-out;
}

.changgui .con_con dd em {
  position: relative;
  top: -5px;
  padding-left: 15px;
  font-size: 16px;
}

.changgui .con_con dl:hover a {
  color: #0068B7;
}

.changgui .con_con dl:hover dt img {
  transform: translateY(-10px);
}

@media only screen and (max-width: 1400px) {

  .changgui .con_con dt img {
    max-width: auto;
    width: 75%;
  }

  .changgui .con_con dl {
    width: 13%;
    margin-left: 1.7%;
    margin-right: 1.7%;
  }

}

@media only screen and (max-width: 1100px) {

  .changgui .con_con {
    display: flex;
    flex-wrap: wrap;
    width: 95%;
  }

  .changgui .con_con dl {
    width: 33.33%;
    margin: 0;
    margin-bottom: 20px;
  }

  .changgui .con_con dt {
    margin-bottom: 10px;
  }

  .changgui .con_con dd em {
    font-size: 14px;
    top: -2px;
  }

}

@media only screen and (max-width: 600px) {

  .changgui .con_con dd em {
    padding-left: 8px;
  }

}



.f_nav dl {
  float: left;
  width: 47%;
  position: relative;
  color: #fff;
  margin-right: 5%;
  overflow: hidden;
}

.f_nav dl:nth-of-type(2n) {
  margin-right: 0;
}

.f_nav dl dt img {
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.f_nav dl dd {
  position: absolute;
  left: 8%;
  top: 50%;
  right: 5%;
  z-index: 2;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
  transform: translateY(-50%);
}

.f_nav dl dd h3 {
  font-weight: 700;
  margin-bottom: 10px;
}

.f_nav dl dd p {
  color: #999;
}

.f_nav dl dd a {
  color: #0068B7;
  font-size: 16px;
  margin-top: 30px;
  display: block;
}

.f_nav dl dd a:hover {
  text-decoration: underline;
}

.f_nav dl dd a em {
  position: relative;
  top: -4px;
  left: 10px;
}

.f_nav dl:hover dt img {
  transform: scale(1.05);
}

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

  .f_nav dl dd {
    font-size: 14px;
  }

  .f_nav dl dd h3 {
    margin-bottom: 5px;
  }

  .f_nav dl dd a {
    margin-top: 10px;
    font-size: 14px;
  }

  .f_nav dl dd a em {
    top: -2px;
  }

  .f_nav dl dd p {
    padding-right: 20px;
  }

}

@media only screen and (max-width: 767px) {

  .f_nav dl {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    padding-bottom: 50px;
    background: #000;
  }

  .f_nav dl dd {
    top: 70%;
  }

}



.n_banner.fal {
  height: 80px;
  background: #215092;
}

.falv {
  text-indent: 2em;
}

.falv .title {
  text-align: center;
  text-indent: 0;
  border-bottom: 1px solid #d8d8d9;
  position: relative;
}

.falv .title h3 {
  font-weight: 700;
}

.falv .title a {
  position: absolute;
  right: 0px;
  bottom: 20px;
  color: #bdbdbd;
  font-size: 16px;
}

.falv .title a:hover {
  color: #0068B7;
}

.falv .title a:after {
  display: block;
  content: "";
  width: 13px;
  height: 1px;
  background: #bdbdbd;

  position: absolute;
  left: -18px;
  top: 13px;

}

.falv .title a:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-left: 1px solid #bdbdbd;

  border-top: 1px solid #bdbdbd;
  transform: rotate(-45deg);

  position: absolute;
  left: -18px;
  top: 10px;

}

@media only screen and (max-width: 1000px) {

  .falv .title a {
    bottom: 5px;
    font-size: 14px;
  }

  .falv .title a:after {
    top: 10px;
  }

  .falv .title a:before {
    top: 7px;
  }

}

.n_banner.search_b {
  height: 280px
}

.n_banner.search_b .title {
  width: 780px;
  margin-right: auto;
  margin-left: auto;
}

.n_banner.search_b .text {
  width: 640px;
  height: 60px;
  line-height: 60px;
  background: #fff;
  border-radius: 8px;
  float: left;
}

.n_banner.search_b .button {
  width: 120px;
  height: 60px;
  line-height: 60px;

  text-align: center;
  color: #fff;
  border: 0;
  float: right;
  border-radius: 8px;

  background: #129fde url(../images/ss_btn.png) no-repeat center;

}

@media only screen and (max-width: 900px) {

  .n_banner.search_b .title {
    width: 95%;
  }

  .n_banner.search_b .text {
    width: 75%;
  }

  .n_banner.search_b .button {
    width: 22%;
  }

}

.search h3 {
  font-weight: 700;
  border-bottom: 1px solid #d8d8d9;
}

.search h3 span {
  color: #0073bf;
  padding-right: 10px;
}

.search dl {
  border-bottom: 1px solid #d8d8d9;
}

.search .page {
  margin: 30px 0;
}

.search dl dt {
  font-weight: 700;
}

.search dl dd {
  padding-left: 25px;
  margin-top: 10px;
  color: #999999;
}

.search dl a:hover {
  color: #0068B7;
}

@media only screen and (max-width: 900px) {

  .search dl dd {
    margin-top: 5px;
  }

}



.join .title {
  text-align: center;
}

.hqgf_con dl {
  margin-bottom: 10px;
}

.hqgf_con dt {
  background: #e5e5e5;
  padding: 10px 35px;
  position: relative;
  cursor: pointer;
}

.hqgf_con dt a {
  max-width: 70%;
  display: inline-block;
}

.hqgf_con dt span {
  float: right;
  font-weight: 700;
  display: inline-block;
  margin-top: -2px;
}

.hqgf_con dl.on dt {
  background: #129cd8;
  color: #fff;
}

.hqgf_con dl.on dt a {
  color: #fff;
}

.hqgf_con dd {
  padding: 15px 40px 25px;
  display: none;
  font-size: 16px;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
}

.hqgf_con dd>div {
  margin-top: 10px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1400px) {

  .hqgf_con dt {
    padding: 10px 40px;
  }

}

@media only screen and (max-width: 1000px) {

  .hqgf_con dt {
    padding: 10px 20px;
  }

  .hqgf_con dt:before {
    left: 10px;
  }

  .hqgf_con dd {
    padding: 10px 15px 15px;
    font-size: 14px;
  }

}


/*重定义*/

.xinwen .con_title span {
  color: #999;
  font-size: 16px;
  margin-top: 20px;
  display: block;
}

.xinwen .con_con {
  display: flex;
  flex-wrap: wrap;
}

.xinwen .con_con dl {
  /*float: left;*/
  width: 31%;
 
  margin-bottom: 40px;box-shadow: 0.18rem 0.21rem 0.57rem 0px rgb(214 214 214 / 46%);

}

/*.xinwen dl:nth-of-type(3n) {
  margin-right: 4%;
}
*/
.xinwen dt {
  height: 0px;
  padding-bottom: 57%;
  overflow: hidden;
}

.xinwen dt img {
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.xinwen h3 {
  font-weight: 700;
  margin: 20px 0 15px;
}

.xinwen p {
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xinwen dl:hover a {
  color: #0068B7;
}

.xinwen dl:hover dt img {
  transform: scale(1.05);
}

@media only screen and (max-width: 1100px) {

  .xinwen {
    padding-bottom: 50px;
  }

}

@media only screen and (max-width: 600px) {

  .xinwen dl {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .xinwen h3 {
    margin: 10px 0 5px;
  }

  .xinwen .con_title span {
    margin-top: 0px;
  }

}



/*新闻中心*/
.xinwen{background:#f6f6f6}

.xinwen_other.xinwen .con_title span {
  color: #999;
  font-size: 16px;
  margin-top: 20px;
  display: block;
}

.xinwen_other.xinwen .con_con {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.xinwen_other.xinwen dl {
  margin-bottom: 60px;
  padding: 20px;
  /*border: 1px solid #ccc;*/
 /* width: 46%;*/
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center; background: #fff;box-shadow: 0.18rem 0.21rem 0.57rem 0px rgb(214 214 214 / 46%);

}


.xinwen_other.xinwen dt {
  height: 260px;
  overflow: hidden;
  
  padding-bottom: 0;
  width:100%;
  /* margin-right: -440px; */
  position: relative;
  z-index: 2;
}

.xinwen_other.xinwen dt img {
  width: 100%;
  transition: all 0.5s ease-in-out; height: 100%
}

.xinwen_other.xinwen dd {
  width: 100%;
 
  margin-top: 0px;color:#333; padding-bottom: 30px
}

.xinwen_other.xinwen dd>* {
  /*padding-left: 470px;*/
}


.xinwen_other.xinwen h3 {
  font-weight: 700;
  margin: 20px 0 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.xinwen_other.xinwen .news {
  font-weight: 700;
  margin: 20px 0 15px;
  padding: 0 275px;
}

.xinwen_other.xinwen p {
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xinwen_other.xinwen dd .p {
  color: #666;
  margin-top: 15px;
  line-height: 1.6;
  height: 4.5em;
  overflow: hidden;
}

.xinwen_other.xinwen dl:hover a {
  color: #0068B7;
}

.xinwen_other.xinwen dl:hover dt img {
  transform: scale(1.05);
}

@media only screen and (max-width: 1100px) {

  .xinwen_other.xinwen {
    padding-bottom: 50px;
  }

  .xinwen_other.xinwen dt {
    height: 200px;
    width: 340px;
    margin-right: -340px;
  }

  .xinwen_other.xinwen dd>* {
    padding-left: 370px;
  }
}

@media only screen and (max-width: 700px) {
  .xinwen_other.xinwen dt {
    height: auto;
    width: 100%;
    margin-right: 0px;
    float: none;
  }

  .xinwen_other.xinwen dd {
    float: none;
  }

  .xinwen_other.xinwen dd>* {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 600px) {

  .xinwen_other.xinwen dl {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-right: 0;
  }

  .xinwen_other.xinwen h3 {
    margin: 10px 0 5px;
  }

  .xinwen_other.xinwen .con_title span {
    margin-top: 0px;
  }

}




.news_con .title {
  text-align: center;
  text-indent: 0;
  border-bottom: 1px solid #d8d8d9;
  position: relative;
}

.news_con .title h3 {
  font-weight: 700;
}

.news_con .title p {
  color: #999;
}

.news_con .title a {
  position: absolute;
  right: 0px;
  bottom: 20px;
  color: #bdbdbd;
  font-size: 16px;
}

.news_con .title a:hover {
  color: #0068B7;
}

.news_con .title a:after {
  display: block;
  content: "";
  width: 13px;
  height: 1px;
  background: #bdbdbd;

  position: absolute;
  left: -18px;
  top: 13px;

}

.news_con .title a:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-left: 1px solid #bdbdbd;

  border-top: 1px solid #bdbdbd;
  transform: rotate(-45deg);

  position: absolute;
  left: -18px;
  top: 10px;

}

@media only screen and (max-width: 1000px) {

  .news_con .title a {
    bottom: 5px;
    font-size: 14px;
  }

  .news_con .title a:after {
    top: 10px;
  }

  .news_con .title a:before {
    top: 7px;
  }

}


.news_con .con_con {
  border-bottom: 1px solid #d8d8d9;
  padding-left: 30px;
  padding-right: 30px;
}

.news_con .con_con .edit_con_original img {
  max-width: 100%;
}

.news_con .next_prev>div {
  width: 49%;
  float: left;
  margin-left: 1%;
}

.news_con .next_prev p {
  color: #999;
  font-size: 16px;
  margin-bottom: 5px;
}

.news_con .next_prev a {
  font-weight: 700;
}

.news_con .next_prev a:hover {
  color: #0068B7;
}

@media only screen and (max-width: 1000px) {

  .news_con .con_con {
    padding-left: 0px;
    padding-right: 0px;
  }

  .news_con .next_prev p {
    font-size: 14px;
    margin-bottom: 0;
  }

  .news_con .next_prev>div {
    width: 100%;
    margin-bottom: 10px;
  }

}



/*技术百科*/

.baike .con_title span {
  color: #999;
  font-size: 16px;
  margin-top: 20px;
  display: block;
}

.baike .con_con {
  display: flex;
  flex-wrap: wrap;
}

.baike dl {
  float: left;
  width: 30.6%;
  margin-right: 4%;
  margin-bottom: 40px;
  border: 1px solid #dcdcdc;
  position: relative;
}

.baike dl:nth-of-type(3n) {
  margin-right: 0;
}

.baike dt {
  height: 0px;
  padding-bottom: 34%;
  overflow: hidden;
}

.baike dt img {
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.baike dd {
  padding: 0px 22px 45px 22px;
  padding-top: 0;
}

.baike h3 {
  font-weight: 700;
  margin: 20px 0 15px;
}

.baike p {
  color: #999;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

  height: 6em;

  line-height: 1.5;

  margin-bottom: 20px;

}

.baike dd a.more {
  color: #0068B7;
  position: absolute;
  bottom: 25px;
  left: 22px;
}

.baike dl:hover a {
  color: #0068B7;
}

.baike dl:hover dt img {
  transform: scale(1.05);
}

@media only screen and (max-width: 1100px) {

  .baike {
    padding-bottom: 50px;
  }

}

@media only screen and (max-width: 600px) {

  .baike dl {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .baike h3 {
    margin: 10px 0 5px;
  }

  .baike .con_title span {
    margin-top: 0px;
  }

  .baike p {
    display: block;
    height: auto;
  }

  .baike dd {
    padding-bottom: 20px;
  }

  .baike dd a.more {
    position: static;
  }

}

.js_con .title {
  text-align: center;
  text-indent: 0;
  border-bottom: 1px solid #d8d8d9;
  position: relative;
}

.js_con .title h3 {
  font-weight: 700;
}

.js_con .title p {
  color: #999;
}

.js_con .title a {
  position: absolute;
  right: 0px;
  bottom: 20px;
  color: #bdbdbd;
  font-size: 16px;
}

.js_con .title a:hover {
  color: #0068B7;
}

.js_con .title a:after {
  display: block;
  content: "";
  width: 13px;
  height: 1px;
  background: #bdbdbd;

  position: absolute;
  left: -18px;
  top: 13px;

}

.js_con .title a:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-left: 1px solid #bdbdbd;

  border-top: 1px solid #bdbdbd;
  transform: rotate(-45deg);

  position: absolute;
  left: -18px;
  top: 10px;

}

@media only screen and (max-width: 1000px) {

  .js_con .title a {
    bottom: 5px;
    font-size: 14px;
  }

  .js_con .title a:after {
    top: 10px;
  }

  .js_con .title a:before {
    top: 7px;
  }

}

.js_con .con_con {
  border-bottom: 1px solid #d8d8d9;
  padding-left: 30px;
  padding-right: 30px;
}

.js_con .con_con .edit_con_original img {
  max-width: 100%;
}

.edit_other h3 {
  text-align: center;
  font-size: 28px;
}

.edit_other table {
  width: 100%;
}

.edit_other td {
  padding: 20px;
  width: 50%;
  border: 1px solid #c9c9c9;
}

.edit_other thead {
  background: #215092;
  color: #fff;
  text-align: center;
}

.edit_other thead td {
  border: 0;
}



.js_con .next_prev>div {
  width: 49%;
  float: left;
  margin-left: 1%;
}

.js_con .next_prev p {
  color: #999;
  font-size: 16px;
  margin-bottom: 5px;
}

.js_con .next_prev a {
  font-weight: 700;
}

.js_con .next_prev a:hover {
  color: #0068B7;
}

@media only screen and (max-width: 1000px) {

  .js_con .con_con {
    padding-left: 0px;
    padding-right: 0px;
  }

  .js_con .next_prev p {
    font-size: 14px;
    margin-bottom: 0;
  }

  .js_con .next_prev>div {
    width: 100%;
    margin-bottom: 10px;
  }

  .edit_other td {
    padding: 10px;
  }

}

.chanpin dl {
  background: url(../images/cp_img08.png) no-repeat;
  width: 33.33%;
  float: left;
  position: relative;
}

.chanpin dt img {
  width: 100%;
}

.chanpin dd {
  text-align: center;
  position: absolute;
  bottom: 50px;
  width: 100%;
}

.chanpin dd h3 {
  font-weight: 700;
}

.chanpin dd p {
  color: #999;
  margin-top: 12px;
}

.chanpin dd a {
  display: none;
  margin-top: 12px;
}

.chanpin dl:hover {
  background-image: url(../images/cp_img07.png);
}

.chanpin dl:hover dd a {
  display: block;
}

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

  .chanpin dd {
    bottom: 20px;
  }

  .chanpin dd p {
    margin-top: 7px;
  }

  .chanpin dd a {
    margin-top: 7px;
  }

  .chanpin dd a img {
    width: 20px;
  }

}

@media only screen and (max-width: 1100px) {

  .chanpin dd a {
    display: block;
  }

}

@media only screen and (max-width: 600px) {

  .chanpin dl {
    width: 50%;
  }

  .chanpin dd h3 {
    font-size: 14px;
  }

  .chanpin dd p {
    margin-top: 0px;
    font-size: 12px;
  }

  .chanpin dd a {
    margin-top: 0px;
  }

  .chanpin dd a img {
    width: 15px;
  }

}
.gbook{padding-bottom: 150px; padding-top: 85px;}
.contact .con_title {
  text-align: center;
}

.contact_con01 {
  border-bottom: 1px solid #d8d8d9;
}

.contact_con01 .left {
  float: left;
  width: 60%;
 /* height: 500px;*/
}

.contact_con01 .right {
  float: right;
  width: 36%;
}

.contact_con01 .right h3 {
  font-weight: 700;
}

.contact_con01 .right dd {
  margin-bottom: 15px;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 0 3px;
  line-height: 28px;
}

.contact_con01 .right dd p {
  margin-bottom: 15px;
}

.contact_con01 .right dd a {
  color: #215092;
}

.contact_con01 .right dd.dd01 {
  background-image: url(../images/lx_img04.png);
}

.contact_con01 .right dd.dd02 {
  background-image: url(../images/lx_img05.png);
}

.contact_con01 .right dd.dd03 {
  background-image: url(../images/lx_img06.png);
  margin-top: 30px;
}
.contact_con01 .right dd.dd04 {
  background-image: url(../images/lx_img044.jpg);
}

.contact_con01 .right dd.dd05 {
  background-image: url(../images/lx_img055.jpg);
  margin-top: 30px;
}
.contact_con01 .right dt {
  width: 140px;
  margin-left: 40px;
}

.contact_con01 .right dt>span {
  display: block;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}

.contact_con01 .right dt>span img {
  width: 100%;
}



.contact_con01 .bottom {
  width: 100%;
  float: left;
  background: url(../images/lx_img09.png) no-repeat;
  padding-left: 80px;
}

@media only screen and (max-width: 767px) {

  .contact_con01 .left {
    width: 100%;
    float: none;
    height: 300px;
    margin-bottom: 30px;
  }

  .contact_con01 .right {
    float: none;
    width: 100%;
  }

  .contact_con01 .right dd p {
    margin-bottom: 5px;
  }

  .contact_con01 .right dd.dd03 {
    margin-top: 15px;
  }

}

.contact_con02 {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.contact_con02 .con_title h3 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.contact_con02 p {
  margin-bottom: 10px;
}

.contact_con02 dl {
  margin-bottom: 25px;
}

.contact_con02 dd {
  width: 48.5%;
  float: left;
  margin-right: 3%;
  margin-bottom: 25px;
}

.contact_con02 dd:nth-of-type(2n) {
  margin-right: 0;
}

.contact_con02 dd input {
  border: 1px solid #d0d0d0;
  height: 55px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 10px;
}

.contact_con02 dt {
  width: 100%;
  float: left;
}

.contact_con02 dt textarea {
  width: 100%;
  height: 140px;
  padding: 15px;
}

@media only screen and (max-width: 1500px) {

  .contact_con02 p {
    font-size: 16px;
  }

}

@media only screen and (max-width: 1400px) {

  .contact_con02 dd {
    margin-bottom: 15px;
  }

  .contact_con02 dd input {
    height: 40px;
  }

}

@media only screen and (max-width: 1230px) {

  .contact_con02 p {
    font-size: 14px;
  }

}

@media only screen and (max-width: 1000px) {

  .contact_con02 dt textarea {
    padding: 5px;
  }

  .contact_con02 {
    width: 90%;
  }

}

@media only screen and (max-width: 600px) {

  .contact_con02 dd {
    width: 49%;
    margin-right: 2%;
  }

  .contact_con02 dd:nth-of-type(3n) {
    margin-right: 2%;
  }

  .contact_con02 dd:nth-of-type(2n) {
    margin-right: 0%;
  }

  .contact_con02 p {
    margin-bottom: 5px;
  }

}



.cp_list_nav {
  background: #f6faff;
  padding-top: 30px;
}

.cp_list_nav .con_con {
  margin-right: auto;
  margin-left: auto;
  width: 1050px;
}

.cp_list_nav .con_con dl {
  float: left;
  width: 12%;
  text-align: center;
  margin-right: 2.3%;
  margin-left: 2.3%;
}

.cp_list_nav .con_con dt {}

.cp_list_nav .con_con dt img {
  max-width: 90%;
}

.cp_list_nav .con_con dd em {
  position: relative;
  font-size: 16px;
}

.cp_list_nav .con_con dd a {
  padding: 10px 0 25px;
  display: block;
  position: relative;
}

.cp_list_nav .con_con dd a:after {
  content: "";
  display: none;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 2px;
  background: #0068B7;
}

.cp_list_nav .con_con dl:hover dd a:after {
  display: block;
}

.cp_list_nav .con_con dl.on dd a:after {
  display: block;
}

@media only screen and (max-width: 1400px) {

  .cp_list_nav .con_con dt img {
    max-width: auto;
    width: 75%;
  }

  .cp_list_nav .con_con dl {
    width: 13%;
    margin-left: 1.7%;
    margin-right: 1.7%;
  }

}

@media only screen and (max-width: 1100px) {

  .cp_list_nav {
    padding-top: 0;
  }

  .cp_list_nav .con_con {
    display: flex;
    flex-wrap: wrap;
    width: 95%;
  }

  .cp_list_nav .con_con dl {
    width: 33.33%;
    margin: 0;
    margin-top: 20px;
  }

  .cp_list_nav .con_con dd em {
    font-size: 14px;
  }

}
.cp_list{ background:#f7f7f7;padding-top: 50px;}
.cp_list .title h3 {
  font-weight: 700;
  margin-bottom: 10px; 
}

.cp_list .title p {
  color: #999;
}



.cp_list_con {
  display: flex;
  flex-wrap: wrap;
	justify-content: space-between
}

.cp_list_con dl {
  float: left;
  width: 31%;

  margin-bottom: 40px; background: #fff; padding: 20px
}

.cp_list_con dl:nth-of-type(3n) {
  margin-right: 0;
}

.cp_list_con dt {
  height: 0px;
  padding-bottom: 68%;
  overflow: hidden;
}

.cp_list_con dt img {
  width: 100%;
  transition: all 0.5s ease-in-out; border-radius:40px;  height: 260px
}

.cp_list_con h3 {
  font-weight: 700;
  margin: 20px 0 15px;
}

.cp_list_con p {
  color: #999;
}

.cp_list_con dl:hover a {
  color: #0068B7; 
}

.cp_list_con dl:hover dt img {
  transform: scale(1.05);
}

@media only screen and (max-width: 1100px) {

  .cp_list_con {
    padding-bottom: 50px;
  }

}

@media only screen and (max-width: 600px) {

  .cp_list_con dl {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
  }
	.cp_list_con dt img{height:220px; }
  .cp_list_con h3 {
    margin: 10px 0 5px;
  }

}

.cp_con01 {
  border-bottom: 10px solid #e5e5e5;
}

.cp_con01 .left {
  float: left;
  width: 40%;
}

.cp_con01 .left img {
  width: 100%;border-radius:40px; 
}

.cp_con01 .right {
  float: left;
  width: 52%;
  margin-left: 4%;
}

.cp_con01 .right h3 {
  font-weight: 700;font-size: 36px
}

.cp_con01 .right>div{
  color: #999;font-size: 16px; line-height: 30px;
}

.cp_con01 .right li {
  color: #215092;
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
}

.cp_con01 .right li:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 8px;
  width: 10px;
  height: 10px;
  background: #215092;
}



.cp_con02 {
  border-bottom: 10px solid #e5e5e5;
}

.cp_con02 .left {
  float: left;
  width: 60%;
}

.cp_con02 .left dt {
  float: left;
  width: 27%;
  font-weight: 700;
}

.cp_con02 .left dd {
  float: left;
  width: 73%;
}

.cp_con02 .left ul {
  display: flex;
  flex-wrap: wrap;
}

.cp_con02 .left li {
  float: left;
  width: 49%;
  margin-right: 2%;
}

.cp_con02 .left li:nth-of-type(2n) {
  margin-right: 0;
}

.cp_con02 .left li p {
  font-weight: 700;
  margin-bottom: 10px;
}

.cp_con02 .left li span {
  color: #999;
}

.cp_con02 .right {
  float: right;
  width: 36%;
  margin-left: 4%;
}

.cp_con02 .right img {
  max-width: 100%;
}



.cp_con03 h3 {
  font-weight: 700;font-size: 24px;
}

.cp_con03 li {
  float: left;
  width: 23.5%;
  margin-right: 2%;
}

.cp_con03 li:nth-of-type(4n) {
  margin-right: 0%;
}

.cp_con03 li>a {
  display: block;
   height: 10vw;
  padding-bottom: 68%;
  overflow: hidden;
}

.cp_con03 li img {
  width: 100%;border-radius:40px;  height:12vw
}

.cp_con03 li p {
  font-size: 18px;
  margin-top: 10px;
	text-align: center
}

.cp_con03 li:hover a {
  color: #0068B7;
}

@media only screen and (max-width: 1500px) {
  .cp_con01 .left {
    width: 36%;
  }

  .cp_con01 .right {
    width: 59%;
  }
}

@media only screen and (max-width: 600px) {

  .cp_con01 .left {
    float: none;
    width: 100%;
  }

  .cp_con01 .right {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }

  .cp_con02 .left {
    float: none;
    width: 100%;
  }

  .cp_con02 .right {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .cp_con02 .left dt {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    font-size: 20px;
  }

  .cp_con02 .left dd {
    float: none;
    width: 100%;
  }

  .cp_con03 h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .cp_con03 li {
    width: 48.5%;
    margin-bottom: 20px;
	}.cp_con03 li img{height:30vw;border-radius: 20px}

  .cp_con03 li:nth-of-type(4n) {
    margin-right: 2%;
  }

  .cp_con03 li:nth-of-type(2n) {
    margin-right: 0%;
  }

}

/*20210102*/
.xinwen .col-nav {
  width: 1435px;
  margin-left: auto;
  margin-right: auto;
}

.xinwen .col-nav ul {
  overflow: hidden;
  text-align: center;
}

.xinwen .col-nav li {
  display: inline-block;
  margin: 0 10px;
}

.xinwen .col-nav .nav>li>a {
  display: inline-block;
  padding: 15px 0;
  width: 120px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #e7f0fd;
}

.xinwen .col-nav .nav>li>a:hover {
  background: #e7f0fd;
}

.xinwen .col-nav .nav>li>a.on {
  color: #0068B7;
  background: #e7f0fd;
}

.rongyuzizhi .tool01 {
  width: 80%;
  margin: 0 auto;
  background: #f0f0f0;
  overflow: hidden;
}

.rongyuzizhi .col-nav {
  float: left;
  width: 250px;
  text-align: center;
  border: 1px solid #ccc;
  border-bottom: 0;
}

.rongyuzizhi .col-nav .nav>li>a {
  padding-top: 22px;
  padding-bottom: 22px;
  color: #205294;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

.rongyuzizhi .col-nav .nav>li>a.on {
  color: #fff;
  background-color: #205294;
}

.rongyuzizhi .col-formula {
  float: left;
  width: calc(100% - 250px);
  padding: 20px 30px;
}

.rongyuzizhi .col-formula h3 {
  color: #205294;
  font-weight: normal;
  text-align: center;
  font-size: 20px;
}

.rongyuzizhi .col-formula button.btn {
  color: #fff;
  background-color: #205294;
  text-align: center;
  line-height: 40px;
  width: 154px;
  display: inline-block;
  border-radius: 0;
  padding: 0;
  margin-bottom: 2px;
}

.rongyuzizhi .col-formula table td {
  vertical-align: middle;
  border: 0 !important;
}

.rongyuzizhi .col-formula table th {
  text-align: right;
  vertical-align: middle;
  border: 0 !important;
}

.rongyuzizhi .col-formula table label {
  font-weight: normal;
}

.rongyuzizhi .col-formula table .bort th,
.rongyuzizhi .col-formula table .bort td {
  border-bottom: 1px solid #1468d7 !important;
  padding-bottom: 15px !important;
}

.rongyuzizhi .col-formula .formula-1 .table-form label {

  font-size: 14px;
  color: #205294;
  font-weight: 400;
  margin: 0;

}

@media only screen and (max-width: 1500px) {

  .xinwen .col-nav {
    width: 1200px;
  }

}

@media only screen and (max-width: 1225px) {

  .xinwen .col-nav {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .xinwen .col-nav .nav>li>a {
    width: 100px;
    padding: 10px 0;
  }

  .rongyuzizhi .tool01 {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {

  .xinwen .col-nav {
    padding-right: 10px;
    padding-left: 10px;
  }

  .rongyuzizhi .col-nav {
    float: none;
    width: 100%;
  }

  .rongyuzizhi .col-nav li {
    float: left;
    width: 50%;
  }

  .rongyuzizhi .col-formula {
    width: 100%;
    float: none;
    padding: 0;
  }

  .rongyuzizhi .col-formula button.btn {
    width: 100%;
    line-height: 1.5;
    padding: 2px 3px;
  }

  .rongyuzizhi .col-nav .nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .rongyuzizhi .col-nav .nav>li:last-child>a {
    border-bottom: 0;
  }

  .rongyuzizhi .col-nav .nav {
    border-bottom: 1px solid #ccc;
  }

  .xinwen_other.xinwen dd {
    margin-top: 0;
  }
}