/** Generated by FG **/

@font-face {

  font-family: 'Conv_HELVETICANEUELTPRO-LT_2';

  src: url('../fonts/helveticaneueltpro-lt_2.eot');

  src: local('☺'), url('../fonts/helveticaneueltpro-lt_2.woff') format('woff'), url('../fonts/helveticaneueltpro-lt_2.ttf') format('truetype'), url('../fonts/helveticaneueltpro-lt_2.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}

/** Generated by FG **/

@font-face {

  font-family: 'Conv_HelveticaNeueLTPro-HvCn_2';

  src: url('../fonts/helveticaneueltpro-hvcn_2.eot');

  src: local('☺'), url('../fonts/helveticaneueltpro-hvcn_2.woff') format('woff'), url('../fonts/helveticaneueltpro-hvcn_2.ttf') format('truetype'), url('../fonts/helveticaneueltpro-hvcn_2.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}



/** Generated by FG **/

@font-face {

  font-family: 'Conv_Helvetica Condensed';

  src: url('../fonts/helvetica condensed.eot');

  src: local('☺'), url('../fonts/helvetica condensed.woff') format('woff'), url('../fonts/helvetica condensed.ttf') format('truetype'), url('../fonts/helvetica condensed.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}



/** Generated by FG **/

@font-face {

  font-family: 'Conv_HELVETICANEUELTPRO-ULTLT_2';

  src: url('../fonts/helveticaneueltpro-ultlt_2.eot');

  src: local('☺'), url('../fonts/helveticaneueltpro-ultlt_2.woff') format('woff'), url('../fonts/helveticaneueltpro-ultlt_2.ttf') format('truetype'), url('../fonts/helveticaneueltpro-ultlt_2.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}

/** Generated by FG **/

@font-face {

  font-family: 'Conv_HELVETICA_1';

  src: url('../fonts/helvetica_1.eot');

  src: local('☺'), url('../fonts/helvetica_1.woff') format('woff'), url('../fonts/helvetica_1.ttf') format('truetype'), url('../fonts/helvetica_1.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}





*{

  font-family: "微软雅黑",arial;

}

body{

  overflow: hidden;

}

.header{

  /*position: fixed;*/

  /*top: 16px;*/

  /*left: 50%;*/

  z-index: 10;

  /*width: calc(100% - 36px);*/

  height: 80px;

  background-color: #fff;

  /*transform: translateX(-50%);*/

  /*-o-transform: translateX(-50%);*/

  /*-ms-transform: translateX(-50%);*/

  /*-moz-transform: translateX(-50%);*/

  /*-webkit-transform: translateX(-50%);*/

  transition: .3s;

  -o-transition: .3s;

  -ms-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

    /*box-shadow: 0 0 5px 0 #ebebeb;*/

    /*-o-box-shadow: 0 0 5px 0 #ebebeb;*/

    /*-ms-box-shadow: 0 0 5px 0 #ebebeb;*/

    /*-moz-box-shadow: 0 0 5px 0 #ebebeb;*/

    /*-webkit-box-shadow: 0 0 5px 0 #ebebeb;*/

    position: relative;



}

.header .logo{

  padding: 5px 75px 5px 80px;

  border-right: 1px solid #dcdcdc;

  margin-right: 214px;

}

.header .logo img{

  width: 100px;

}

.nav_i>li{

  float: left;

  position: relative;

}

.nav_i>li>a {

  position: relative;

  padding-bottom: 30px;

  margin: 40px 31px;

  font-size: 16px;

  line-height: 80px;

  color: #333333;

}



.nav_i>li>a:after {

  content: '';

  position: absolute;

  right: 0;

  left: 0;

  bottom: 0px;

  width: 100%;

  height: 2px;

  background-color: #0377c2;

  transition: .3s;

  -o-transition: .3s;

  -ms-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

  transform: scale(0);

  -o-transform: scale(0);

  -ms-transform: scale(0);

  -moz-transform: scale(0);

  -webkit-transform: scale(0);

}

@media (min-width: 1200px){

  .nav_i>li>a:hover:after {

    transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

  }

  .nav_i>li>a:hover {

    color: #0377c2;

  } 

}

.nav_i .li1s>a{

  color: #0377c2;

  position: relative;

  padding-bottom: 30px;

  margin: 40px 30px;

  font-size: 16px;

  line-height: 80px;

}

.nav_i .li1s>a:after {

  content: '';

  position: absolute;

  right: 0;

  left: 0;

  bottom: 0px;

  width: 100%;

  height: 2px;

  background-color: #0377c2;

  transition: .3s;

  -o-transition: .3s;

  -ms-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

  transform: scale(1);

  -o-transform: scale(1);

  -ms-transform: scale(1);

  -moz-transform: scale(1);

  -webkit-transform: scale(1);

}

.j_sub{

  display: none;

  position: absolute;

  top: 80px;

  width: 100vw;

  left: 0;  

  transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-36%);

    background: rgba(255,255,255,0.82);

  z-index:5;

}

.j_sub.j_suba{

  width: 100%;

  position: absolute;

  top: 80px;

  left: 50%;  

  text-align: center;

  transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    background: rgba(255,255,255,0.92);

  z-index:5;

}

.j_suba ul li a{

  font-size: 14px;

    color: #666666;

    line-height: 40px;

}

.j_suba ul li a:hover{

  color: #0377C2;

}

.j_subl{

  position: relative;

  width: 50%;

  min-height: 350px;

}

.j_subls{

  position: absolute;

  top: 80px;

  left: 70%;  

  transform: translate(-50%,0%);

    -o-transform: translate(-50%,0%);

    -ms-transform: translate(-50%,0%);

    -moz-transform: translate(-50%,0%);

    -webkit-transform: translate(-50%,0%);

    width: 518px;

}

.j_subls h3{

  font-size: 24px;

  color: #000000;

  line-height: 36px;

}

.cpzx{

  width: 518px;

  margin-top: 20px;

}

.cpzx>li {

    display: inline-block;

    width: 50%;

}

.cpzx>li:nth-child(5),.cpzx>li:nth-child(7){

  padding-right: 128px;

}

.cpzx>li:nth-child(6),.cpzx>li:nth-child(8){

  padding-right: 50px;

}

.cpzx>li>a{

  font-size: 14px;

  color: #666666;

  line-height: 36px;

  margin: 40px 20px 40px 0;

}

@media (min-width: 1200px){

  .cpzx>li>a:hover{

    color: #0377c2;

  } 

}

.cpzx>li>a>span{

  margin-left: 6px;

}

.pdfr_cons{

  position: relative;

  width: 50%;

    min-height: 350px;

}

.pdfr_con{

  position: absolute;

  top: 50%;

  left: 30%;  

  transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

}

.pdfr_book img{

  width: 155px;

  height: 109px;

}

.pdfr_book{

  background: #FFFFFF;

  padding: 40px 120px;

  text-align: center;

}

.pdfr_book p{

  color: #333333;

  font-size: 16px;

  line-height: 36px;

}

.pdfr_con .pdfr_book{

  display: none;

}

.prodects{

    position: absolute;

    left: 50%;

    /* width: 100%; */

    transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}

.header_rsa img,.header_rsb img{

  width: 26px;

}

.header_rsa{

  padding:0 34px;

/*  border-left: 1px solid #dcdcdc;*/

  position: relative;

}

.header_rsa:after{

  content: '';

  position: absolute;

  height: 100%;

  width: 1px;

  top: 0;

  right: 96px;

  background: #dcdcdc;

  transition: .6s;

  -o-transition: .6s;

  -ms-transition: .6s;

  -moz-transition: .6s;

  -webkit-transition: .6s;

}

.header_rsa input{

  position: absolute;

  top: 50%;

  right: 70px;

  width: 0px;

  height: 94px;

  transition: .6s;

  -o-transition: .6s;

  -ms-transition: .6s;

  -moz-transition: .6s;

  -webkit-transition: .6s;

  transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

}

.header_rsa:hover input{

  width: 150px;

  padding-left: 5px;

}



@media (min-width: 1200px){

  .header_rsa:hover:after{

    content: '';

    position: absolute;

    height: 100%;

    width: 1px;

    top: 0;

    right: 230px;

    background: #dcdcdc;

    transition: .3s;

    -o-transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

  } 

}

.header_rsb{

  background: #475973;

  padding:0 34px;

}

.header_rsa,.header_rsb{

  display: inline-block;

  line-height: 80px;

}

.header_rsa{

  position: relative;

}

/*.header.act{*/

  /*top: 0px;*/

  /*width: 100%;*/

/*}*/

/*.header.act .header_rsa input{*/

  /*!*width: 225px;*!*/

  /*width: 150px;*/

/*}*/

.header.act .header_rsa:after{

  content: '';

  position: absolute;

  height: 100%;

  width: 1px;

  top: 0;

  right: 240px;

  background: #dcdcdc;

  transition: .3s;

  -o-transition: .3s;

  -ms-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

}

.header2 {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 99;

  width: 100%;

  height: 56px;

  padding-left: 15px;

  padding-right: 15px;

  background-color: #ffffff;

}



.header2 .logo {

  width: 68px;

  height: 56px;

}

.header2 .logo a{

  display: block;

  position: relative;

  width: 100%;

  height: 100%;

}

.header2 .logo img{

  width: 100%;

  position: relative;

  top: 50%;

  transform: translateY(-50%);

}

.header2 .phsearch {

  position: absolute;

  top: 50%;

  right: 70px;

  width: 26px;

  cursor: pointer;

  transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

}



.header2 .phsearch img {

  width: 100%;

}



.header2 .menuph {

  position: absolute;

  top: 50%;

  right: 10px;

  width: 50px;

  height: 50px;

  cursor: pointer;

  text-align: center;

  transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

}



.header2 .menuph .point {

  position: relative;

  display: inline-block;

  width: 28px;

  height: 22px;

  margin-top: 14px;

}



.header2 .menuph .point:hover .navbtn,

.header2 .menuph .point:hover .navbtn::after,

.header2 .menuph .point:hover .navbtn::before {

  width: 28px;

}



.header2 .menuph .navbtn {

  position: absolute;

  top: 10px;

  right: 0;

  display: inline-block;

  width: 28px;

  height: 1px;

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s;

  background: #000;

}



.header2 .menuph .navbtn::after,

.header2 .menuph .navbtn::before {

  position: absolute;

  right: 0;

  display: inline-block;

  width: 28px;

  height: 1px;

  content: '';

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s;

  background: #000;

}



.header2 .menuph .navbtn::after {

  top: -10px;

}



.header2 .menuph .navbtn::before {

  top: 10px;

}



.header2 .menuph .point.active .navbtn {

  background: transparent;

}



.header2 .menuph .point.active .navbtn::after {

  top: 0;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



.header2 .menuph .point.active .navbtn::before {

  top: 0;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



.searchbox {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 30;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, .85);

}



.searchbox .sou {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 847px;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}



.searchbox .sou input {

  float: left;

  width: 731px;

  height: 87px;

  padding-left: 30px;

  color: #333;

  background: #fff;

  font-size: 18px;

}



.searchbox .sou button {

  float: right;

  width: 102px;

  height: 87px;

  margin-left: 3px;

  text-align: center;

  background: #0377c2;

  line-height: 86px;

}



.searchbox .sou button img {

  width: 44px;

}



.searchbox .tansouc {

  position: absolute;

  top: 60px;

  right: 15px;

  cursor: pointer;

}



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

  .searchbox .sou {

    width: 750px;

  }

  .searchbox .sou input {

    width: 638px;

  }

}



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

  .searchbox .sou {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

  }

  .searchbox .sou input {

    font-size: 12px;

    width: calc(100% - 70px);

    width: -webkit-calc(100% - 70px);

    height: 50px;

    padding-left: 15px;

  }

  .searchbox .sou button {

    line-height: 50px;

    width: 60px;

    height: 50px;

  }

  .searchbox .sou button img {

    width: 26px;

  }

}





/*手机下拉*/



.phxia {

  position: relative;

  z-index: 29;

  margin-top: 56px;

  width: 100%;

}



.xialaph {

  display: none;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  padding-bottom: 18px;

  background-color: #FFFFFF;

  font-family: '微软雅黑';

}



.xialaph .ul2 {

  background: #f1f1f1;

}



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

  .xialaph .container {

    width: 100%;

    padding: 0 40px;

  }

}



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

  .xialaph .container {

    width: 100%;

    padding: 0 15px;

  }

}



.xialaph h4 {

  position: relative;

}



.xialaph h4::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  opacity: .1;

  background-color: #000;

}



.xialaph h4 a {

  font-size: 16px;

  font-weight: bold;

  line-height: 42px;

  text-transform: uppercase;

  color: #999;

}



.xialaph h4 img {

  position: absolute;

  top: 50%;

  right: 5px;

  width: 20px;

  cursor: pointer;

  transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

}



.xialaph .ul2 {

  display: none;

  padding-top: 7px;

  padding-bottom: 8px;

}



.xialaph .ul2 .container {

  max-width: 100%;

}



.xialaph h5 {

  position: relative;

}



.xialaph h5::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  opacity: .05;

  background-color: #000;

}



.xialaph h5 a {

  font-family: '微软雅黑';

  font-size: 14px;

  line-height: 40px;

  text-transform: uppercase;

  color: #999;

}



.xialaph h5 img {

  position: absolute;

  top: 50%;

  right: 5px;

  width: 13px;

  cursor: pointer;

  transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

}



.xialaph h4.active img.img_s,

.xialaph h5.active img.img_s {

  display: none;

}



.xialaph h4.active img.img_d,

.xialaph h5.active img.img_d {

  display: block;

}



.xialaph .ul3 {

  display: none;

  padding-left: 15px;

}



.xialaph h6 a {

  font-family: '微软雅黑';

  font-size: 12px;

  line-height: 40px;

  text-transform: uppercase;

  color: #999;

}



.phonemeng {

  display: none;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 9;

  width: 100%;

  height: 100%;

  opacity: .6;

  background-color: #000;

}



.phonemeng.active {

  display: block;

}





/*搜索  demo-1*/





/*搜素*/



.sousuo {

  display: inline-block;

}



.sousuo img {

  width: 22px;

  cursor: pointer;

}



.tansou {

  position: fixed;

  position: absolute;

  z-index: 30;

  top: 0;

  left: 0;

  display: none;

  width: 100%;

  height: 100%;

  background: rgba(255, 255, 255, .85);

}



.tansou .sou {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 1200px;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  border-bottom: 1px solid #959595;

}



.tansou .sou input {

  font-size: 18px;

  float: left;

  width: 1120px;

  height: 87px;

  padding-left: 35px;

  color: #333;

  background: url(../bgimg/search.png) no-repeat left;

}



.sou input::-webkit-input-placeholder {

  color: #888888;

  font-size: 16px;

  line-height: 60px;

  text-align: center;

}



.sou input:-moz-placeholder {

  color: #888888;

  font-size: 16px;

  line-height: 60px;

  text-align: center;

}



.sou input::-moz-placeholder {

  color: #888888;

  font-size: 16px;

  line-height: 60px;

  text-align: center;

}



.sou input:-ms-input-placeholder {

  color: #888888;

  font-size: 16px;

  line-height: 60px;

  text-align: center;

}



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

  .tansou .sou {

    width: 750px;

  }

  .tansou .sou input {

    width: 638px;

  }

}



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

  .tansou .sou {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

  }

  .tansou .sou input {

    font-size: 12px;

    width: calc(100% - 70px);

    width: -webkit-calc(100% - 70px);

    height: 50px;

    padding-left: 15px;

  }

}



.tansou .sou button {

  font-size: 18px;

  line-height: 60px;

  float: right;

  width: 80px;

  height: 60px;

  text-align: center;

  margin-top: 14px;

  font-family:"微软雅黑";

}



.tansou .sou button img {

  width: 44px;

}



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

  .tansou .sou button {

    line-height: 50px;

    width: 60px;

    height: 50px;

  }

  .tansou .sou button img {

    width: 26px;

  }

}



.tansou .tansouc {

  position: absolute;

  top: 60px;

  right: 60px;

  cursor: pointer;

  width: 22px;

}



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

  .tansou .tansouc {

    width: 20px;

    position: absolute;

    top: 20px;

    right: 15px;

    cursor: pointer;

  }

}

/*首页*/

.banner {

  position: relative;

  width: 100%;

  height: auto;

  overflow: hidden;

}



.in-banner .banners {

  position: relative;

}



.banners img {

  width: 100%;

  transform: translateX(-50%);

  position: relative;

  left: 50%;

  top: 0%;

}

.banners img:nth-child(2){

  display: none;

}

.banner .push .act-show {

  display: none;

}



.banner .push img {

  width: 30px;

  height: 30px;

}



.banner .push {

  width: 20px;

  height: 20px;

  position: absolute;

  bottom: 34px;

  left: calc(50% - 90px);

  cursor: pointer;

  z-index: 20;

}

.w_box{

  width: 95%;

  position: absolute;

  top: 50%;

  right: 50%;

  transform: translate(50%,-50%);

  display:none;

}

.w_boxfr{

  width: 33px;

    height: 50px;

    background-color: rgba(76,67,67,0.5);

    padding: 7px;

}

.w_boxfr img{

  width: 100%;

}

.w_boxfl {

    width: 33px;

    height: 50px;

    background-color: rgba(76,67,67,0.5);

    padding: 7px;

}

.w_boxfl img{

  width: 100%;

}

.banner .push .act-show {

  display: none;

}



.banner .push.act .act-yin {

  display: none;

}



.banner .push.act .act-show {

  display: inline;

}



.banner .slick-dots {

  position: absolute;

  bottom: 30px;

  left: 20px;

}



.in-banner .slick-dots li button::before,

.in-banner .slick-dots li button::after {

  display: none;

}



.in-banner .slick-dots li {

  width: 5px;

  height: 5px;

  border-radius: 0;

  background: url(../bgimg/xdian.png);

  opacity: 1;

  margin: 0 12px;

}

.in-banner .slick-dots li.slick-active {

  background: url(../bgimg/dadain.png);

  width: 21px;

  height: 21px;

}

.index>h1{

  font-size: 36px;

  line-height: 36px;

  color: #333333;

  margin-top: 45px;

  text-align: center;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

}

.hyareas{

  width: 25%;

}

.index>p{

  font-size: 16px;

  line-height: 36px;

  color: #666666;

  margin-top: 5px;

  margin-bottom: 40px;

  text-align: center;

  animation-delay: 0.3s; 

  visibility: visible; 

  animation-name: fadeInUp;

}

/*.hyarea{*/

  /*padding-top: 15px;*/

/*}*/

.ddj{

  background: #fbf6f6;  

  display: inline-block;

  width: 31%;

  margin-right: 30px;

  border: 1px solid #E5E5E5;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  -webkit-transition: all .3s ease-out 0s;

   -moz-transition: all .3s ease-out 0s;

   -ms-transition: all .3s ease-out 0s;

   -o-transition: all .3s ease-out 0s;

   transition: all .3s ease-out 0s;

}



.index :nth-child(5){

  margin-right: 0;

}

.daod{

  text-align: center;

}

.daod h4{

  font-size: 18px;

  line-height: 36px;

  font-weight: bold;

  color: #333333;

  margin-top: 25px;

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s;

}



@media (min-width: 1200px){

  .ddj:hover .daod h4{

    color: #ffffff;

  }

  .ddj:hover {

    background-color: #0377c2;

  }

  .ddj:hover .daod p{

    color: #ffffff;

  }

  .ddj:hover{

    border: 1px solid #0377c2;

  }

  .ddj:hover .slick-dots li.slick-active{

    background-color: #ffffff;

  }

}

.daod p{

  font-size: 14px;

  line-height: 36px;

  color: #666666;

  margin-bottom: 25px;

}

.daod .tu2{

  padding-bottom: 66px;

  position: relative;

  text-align: center;

}

.daod .tu2 img{



}

.daod .tu2 .j_imgsa{

  display: inline-block;

  width: 160px;

  position: relative;

}

.daod .tu2 .j_imgsa img{

  width:100%;

}

.daod .tu2 .j_imgsa .j_masb{

  width: 100%;

}

.daod .tu2 .j_imgsa .j_imas{

  position: absolute;

  left:50%;

  transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  max-width:100%;

  max-height: 100%;

}



.ddj .slick-dots{

  bottom: 30px;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.ddj .slick-dots li {

    border: 2px solid #d2d2d2;

    background: transparent;

  width:7px;

  height: 7px;

}

.ddj .slick-dots li.slick-active {

    background: #0377c2;

    border: 0;          

}

.hyareas{

  margin-bottom: 70px;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1.5s;

}

.hyareas .ar1, .hyareas .ar2 {

    position: relative;

    border: 1px solid #EEEEEE;

    width: calc(100% - 16px);

    overflow: hidden;

}

.hyareas .ar1>p,.hyareas .ar2>p{

  color: #333333;

  font-size: 16px;

  font-family: arial;

  line-height: 36px;

  padding: 10px 0 10px 30px;

}

.hyareas .ar2{

  margin-top: 40px;

  overflow: hidden;

}

.hyareas .ic img{

  /*width: 286px;*/

  width:100%;

}

.hyareas .ar1 .ics,.hyareas .ar2 .ics{

  position: absolute;

  background: #475973;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  right: 7px;

  bottom: 35px;

}

.hyareas .ar1 .ics img,.hyareas .ar2 .ics img{

  position: absolute;

  width: 24px;

  top: 50%;

  left: 50%;  

  transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

}

.hyarea .slick-dots{

  bottom: 30px;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.hyarea .slick-dots li {

    border: 2px solid #d2d2d2;

    background: transparent;

}

.hyarea .slick-dots li.slick-active {

    background: #0377c2;

    border: 0;          

}

.hyarea .slick-prev ,.hyarea .slick-next {

    width: 56px;

  height: 56px;

  border: 1px solid #e5e5e5;

  border-radius:50%; 

}

.hyarea .slick-prev {

  background: url(../bgimg/jtl.png) no-repeat center;

  background-size: 29px 17px;

    left: -90px;

    top: 44%;

}

.hyarea .slick-next {

    background: url(../bgimg/jtra.png) no-repeat center;

  background-size: 29px 17px;

    right: -85px;

    top: 44%;

}

.ar1 .ar1s,.ar2 .ar1s{

  position: absolute;

    width: 100%;

    height: calc(100% - 80px);

    background: rgba(255, 255, 255, 1);

    opacity: 1;

    bottom: -105%;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    color: #FFFFFF;

    padding: 15px 30px 25px;

    /*box-shadow: 0 0 5px 0 #ebebeb;

    -o-box-shadow: 0 0 5px 0 #ebebeb;

    -ms-box-shadow: 0 0 5px 0 #ebebeb;

    -moz-box-shadow: 0 0 5px 0 #ebebeb;

    -webkit-box-shadow: 0 0 5px 0 #ebebeb;*/

}



.ar1s h5{

  font-size: 16px;

  font-family: arial,"微软雅黑";

  font-weight: bold;

  color: #0377c2;

  line-height: 36px;

}

.ar1s p{

  font-size: 14px;

  color: #666666;

  line-height: 24px;

  overflow:hidden;

  text-overflow:ellipsis;

  display:-webkit-box;

  -webkit-box-orient:vertical;

  -webkit-line-clamp:2;

}

.xjta img{

  width: 23px;

  margin-top: 20px;

}

.ar1 .icsa,.ar2 .icsa{

  position: absolute;

  background: #FFFFFF;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  right: 7px;

  top: -20px;

}

.ar1 .icsa img,.ar2 .icsa img{

  position: absolute;

  width: 24px;

  top: 50%;

  left: 50%;  

  transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

}

@media (min-width: 1200px){

  .hyarea .slick-prev:hover{

    background: url(../bgimg/jtla.png) no-repeat center;

    border: 1px solid #0377c2;

    background-size: 29px 17px;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

  }

  .hyarea .slick-next:hover{

    background: url(../bgimg/jtr.png) no-repeat center;

    border: 1px solid #0377c2;

    background-size: 29px 17px;

    -webkit-transition: .3s ;

    -moz-transition:  .3s ;

    -ms-transition:  .3s;

    -o-transition: .3s ;

    transition: .3s;

  }

  .ar1:hover .ar1s,.ar2:hover .ar1s{

    bottom: 0;

  } 

}

.bono{

  background: url(../bgimg/tu10.jpg);

  background-size: cover;

  /*height: 680px;*/

  padding-top:110px ;

  padding-bottom: 110px;

}

.bonos h1{

  font-size: 46px;

  line-height: 48px;

  color: #FFFFFF;

  font-family: 'Conv_HELVETICANEUELTPRO-LT_2',"微软雅黑";

  /*margin-top: 105px;*/

}

.bonos h2{

  font-size: 36px;

  line-height: 24px;

  color: #FFFFFF;

  margin-top: 25px;

}

.bonos p{

  font-size: 16px;

  line-height: 32px;

  color: #FFFFFF;

  margin-top: 40px;

  width: calc(100% - 630px);

  overflow:hidden;

  text-overflow:ellipsis;

  display:-webkit-box;

  -webkit-box-orient:vertical;

  -webkit-line-clamp:3;

}

.counters{

  margin-top: 110px;

}

.counters .count,.counters .span1{

  font-size: 72px;

  color: #FFFFFF;

  line-height: 32px;

  font-family:'Conv_HelveticaNeueLTPro-HvCn_2',"微软雅黑";

}

.counters>li{

  float: left;

  margin-right: 120px;

}

.counters>li:nth-child(3){

  margin-right: 0;

}

.counters h5{

  text-align: center;

  font-size: 16px;

  color: #FFFFFF;

  line-height: 32px;

  margin-top: 20px;

}

.rzs{

  width: calc(50% - 38px);

  border: 1px solid #e5e5e5;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1.5s;

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s;

}

.rzs .rz{

  overflow: hidden;

  position: relative;

}

.rzs .rz img{

  width: 100%;

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s;

}

.rzs .rz .j_rza{

  position: absolute;

  top:0;

  left: 0;

  max-width: 100%;

  max-height: 100%;

}

.rza{

  position: relative;

  padding: 30px 35px 50px 30px;

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s;

}

.rza h4{

  color: #333333;

  font-size: 18px;

  line-height: 32px;

  height: 36px;

  overflow: hidden;

  font-weight: bold;

}

.g_hmobox{

  padding-bottom: 10px;

}

.rzas .rzats h4{

  overflow:hidden;

  height: 56px;

  line-height: 28px;

}

.rza p{

  color: #666666;

  font-size: 14px;

  line-height: 30px;

  margin-top: 10px;

  margin-bottom: 45px;

  overflow:hidden;

  height: 60px;

}

.rza span{

  color: #0377c2;

  font-size: 14px;

  line-height: 26px;

  margin-left: 70px;

  position: relative;

  font-style: italic;

}

.rza span:after{

  content: '';

  position: absolute;

  top: 50%;

  left: -70px;

  width: 55px;

  height: 1px;

  background: #0377c2;

}

.greys {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 47px;

  height: 47px;

  border-top: 1px solid #e5e5e5;

  border-left: 1px solid #e5e5e5;

}

.greys img{

  position: absolute;

  width: 23px;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.greys img:nth-child(2){

  display: none;

}

.rzas{

  width: calc(100% - 562px);

  padding-left: 30px;

  animation-delay: 0.3s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1.5s;

}

.rzas .rza{

  border: 1px solid #e5e5e5;

}

.rzas .rzats{

  width:calc(50% - 15px);

  margin-top: 30px;

}

.rzas .rzats:nth-child(1){

  margin-right: 30px;

}

.rzas .rza{

  padding: 26px 35px 42px 30px;

}

@media (min-width: 1200px){

  .rzs:hover{

    background: #0377c2;

  }

  .rzs:hover h4{

    color: #FFFFFF;

  }

  .rzs:hover p{

    color: rgba(255,255,255,1);

  }

  .rzs:hover span{

    color: #FFFFFF;

  }

  .rzs:hover span:after{

    background: #FFFFFF;

    content: '';

    position: absolute;

    top: 50%;

    left: -70px;

    width: 55px;

    height: 1px;

  }

  .rzs:hover .greys img:nth-child(1){

    display: none;

  }

  .rzs:hover .greys img:nth-child(2){

    display: block;

  }

  .rzs:hover .rz img{

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

  }

  .rza:hover{

    background: #0377c2;

  }

  .rza:hover h4{

    color: #FFFFFF;

  }

  .rza:hover p{

    color: rgba(255,255,255,1);

  }

  .rza:hover span{

    color: #FFFFFF;

  }

  .rza:hover span:after{

    background: #FFFFFF;

    content: '';

    position: absolute;

    top: 50%;

    left: -70px;

    width: 55px;

    height: 1px;

  }

  .rza:hover .greys img:nth-child(1){

    display: none;

  }

  .rza:hover .greys img:nth-child(2){

    display: block;

  }

  .ints:hover span{

    color: #0377c2;

  }

  .ints:hover span{

    border-color: #0377c2;

  }

  .ints:hover h4{

    color: #0377c2;

  }

  .ints:hover{

    border: 1px solid #0377c2;

  }

  /*.ints:hover a .inta img{

    -webkit-transform: rotateY(360deg);

    -moz-transform: rotateY(360deg);

    -ms-transform: rotateY(360deg);

    -o-transform: rotateY(360deg);

    transform: rotateY(360deg);

  }*/

}

.index>h2{

  font-size: 32px;

  line-height: 36px;

  color: #333333;

  text-align: center;

  animation-delay: 0.3s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

  margin-top: 45px;

  margin-bottom: 40px;

}

.ints{

  width: calc(50% - 9px);

  border: 1px solid #e5e5e5;

  padding: 30px;

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s;

}

.ints:nth-child(even){

  animation-delay: 0.3s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

  margin-top: 45px;

  /*margin-bottom: 40px;*/

}

.ints:nth-child(odd){

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  margin-top: 45px;

  /*margin-bottom: 40px;*/

  animation-duration: 1s;

}

.int,.inta{

  float: left;

  width: 50%;

}

.int h4{

  font-size: 18px;

  line-height: 36px;

  color: #000000;

  font-weight: bold;

}

.int p{

  font-size: 16px;

  line-height: 24px;

  color: #555555;

  margin-top: 15px;

  margin-bottom: 30px;

  overflow:hidden;

  text-overflow:ellipsis;

  display:-webkit-box;

  -webkit-box-orient:vertical;

  -webkit-line-clamp:2;

}

.int span{

  font-size: 16px;

  line-height: 24px;

  color: #555555;

  padding-bottom: 4px;

  border-bottom: 1px solid #555555;

}

.ints:nth-child(1){

  margin-right: 18px;

}

.inta {

    margin-left: 85px;

    width: 179px;

    overflow: hidden;

}

.inta img{

  /*width: 172px;*/

  width: 100%;

  display: block;

  transition: all 0.56s;

  transform: scale(0.9);

  /*-webkit-transition: all .9s ease-out 0s;

  -moz-transition: all .9s ease-out 0s;

  -ms-transition: all .9s ease-out 0s;

  -o-transition: all .9s ease-out 0s;

  transition: all .9s ease-out 0s;*/

}



/*.w_box {

    position: absolute;

    left: 65px;

    bottom: 75px;

    z-index: 100;

    cursor: pointer;

}

.w_boxfl img {

    width: 100%;

}

.w_boxfr img {

    width: 100%;

}

.w_boxfl {

    width: 31px;

    height: 31px;

    border: 1px solid #dbdbdb;

    float: left;

    text-align: center;

    line-height: 31px;

    position: relative;

}

.w_boxfr {

    width: 31px;

    height: 31px;

    border: 1px solid #dbdbdb;

    float: right;

    text-align: center;

    line-height: 31px;

    position: relative;

}

.l_a {

    position: absolute;

    top: 0;

    left: 0;

    display: none;

}*/

.intas{

  margin-bottom: 75px;

}

/*底部*/

.footers{

  background: #eff1f2;

  border-top: 2px solid #0377c2;

  padding-top: 35px;

  border-bottom: 1px solid #e3e3e3;

  padding-bottom: 20px;

}

.foot>ul{

  float: left;

  width: 105px;

  /*margin-right: 70px;*/

  margin-right: 30px;

    margin-left: 30px;

}

.foot>ul>li:nth-child(1)>a{

  font-size: 16px;

  line-height: 30px;

  color: #333333;

}

.foot>ul>li>a{

  font-size: 14px;

  line-height: 30px;

  color: #666666;

}

.foot>ul>li>a:hover{

  color: #0377c2;

}

.incos{

  /*padding-left: 55px;*/

}

.incos p{

  font-size: 14px;

  line-height: 26px;

  color: #666666;

}

.incos h3{

  font-size: 28px;

  line-height: 32px;

  color: #0377c2;

  margin-top: 10px;

  padding-bottom: 15px;

  border-bottom: 1px solid #dcdedf;

}

.incos p:nth-child(3){

  padding-top: 5px;

  padding-bottom: 5px;

}

.inmor a:nth-child(1) img{

  width: 39px;

  margin-right: 40px;

}

/*.inmor a:nth-child(2) img{*/

  /*width: 120px;*/

  /*margin-left: 15px;*/

/*}*/

.copyright{

  background: #eff1f2;

  padding: 30px 0 30px;

}

.copyright_l p {

  line-height: 32px;

  font-family: "微软雅黑","arial";

  color: #666666;

  font-size: 16px;

}



.copyright_l p a {

  line-height: 32px;

  color: #666666;

}



.copyright_l p a:hover {

  color: red;

}



.copyright_r p {

  display: inline-block;

  color: #666666;

  line-height: 32px;

}



.copyright_r p a {

  color: #666666;

}



.copyright_r span {

  display: inline-block;

  color: #666666;

  line-height: 32px;

  margin: 0 5px 0 8px;

}

/*产品中心列表*/

.product{

  padding-top: 55px;

}

.productsl {

  width: 288px;

  /*border-bottom:1px  solid #EEEEEE;*/

}



.productsl .la>li {

  border: 1px solid #EEEEEE;

  margin-top: 15px;

}



.productsl .la li a,

.productsl .la li .cccc{

  padding-left: 25px;

  padding-right: 25px;

  color: #333333;

  font-size: 16px;

  display: block;

  height: 52px;

  line-height: 52px;

  position: relative;

  -webkit-transition: all .0s ease-out 0s;

  -moz-transition: all .0s ease-out 0s;

  -ms-transition: all .0s ease-out 0s;

  -o-transition: all .0s ease-out 0s;

  transition: all .0s ease-out 0s;

}



.productsl .la li a :visited {

  background: #0377c2;

}



.productsl .la li a:active {

  background: #0377c2;

  color: #FFFFFF;

}



.productsl .lala li a :visited {

  background: none;

  font-weight: bold;

  color: #0377c2;

}



.productsl .lala li a:active {

  background: none;

  font-weight: bold;

  color: #0377c2;

}



.productsl .lala li a:link,

.productsl .lala li .cccc{

  background: none;

}

.productsl .lala li .cccc:hover,

.productsl .lala li .cccc.active{

  background: #f8f8f8;

}

.productsl .lala li .cccc:hover a,

.productsl .lala li .cccc.active a{

  color: #0377c2;

  font-weight: bold;

}

.productsl .lalala a:hover{

  color: #0377c2;

}

/*.productsl .la li .inactive {

  background: url(../bgimg/zhankai.png) no-repeat 240px center;

}*/

.productsl .inactive .suces img:nth-child(2){

  display: none;

}

/*.productsl .lala li .inactive1 {

  background: url(../bgimg/ghjt.png) no-repeat 240px center;

}*/

.productsl .lala li .cccc,

.productsl .lala li .cccc.active  {

  background: transparent;

}

.productsl .la li .inactive1.active {

  color: #0377c2;

  font-weight: bold;

  background: #f8f8f8;

  /*border-bottom: 1px solid #cccccc;*/

  background: url(../bgimg/ghjt.png) no-repeat 240px center;

}

.g_pronbtn{

  width: 18px;

  position: absolute;

  right: 24px;

  top: 50%;

  transform: translateY(-50%);

}

.g_pronbtn img{

  width: 100%;

  display: block;

  left: 0;

  top: 0;

}

.productsl .la>li{

  position: relative;

}

.g_pronbtna{

  position: relative;

}

.g_pronbtnb{

  position: absolute;

  opacity: 0;

}

.productsl .la li .inactive.actives{

  color: #FFFFFF;

  background: #0377c2;

}

.productsl .la li .inactives {

  background: #0377c2;

  color: #FFFFFF;

  /*background:#0377c2 url(../bgimg/shousuo.png) no-repeat 240px center;*/

}



.suces img{

  width:33px;

}

.productsl .lala {

  display: none;

  /*background: #f8f8f8;*/

}



.productsl .lala li {

  position: relative;

  /*background-color: #065fae;*/

  font-size: 16px;

}

.productsl .lala>li>a:after{

  content: '';

  position: absolute;

  left: 30px;

  bottom: 0;

  width:calc(100% - 50px);

  height: 1px;

  background: #EEEEEE;

}

.productsl .lala>li:nth-last-child(1)>a:after{

  content: '';

  position: absolute;

  left: 30px;

  bottom: 0;

  width:0;

  height: 0px;

  background: #EEEEEE;

}

.productsl .lalala {

  display: none;

}



.productsl .lala li a,

.productsl .lala li .cccc{

  position: relative;

  padding-left: 25px;

  color: #666666;

  font-size: 16px;

  -webkit-transition: all .0s ease-out 0s;

  -moz-transition: all .0s ease-out 0s;

  -ms-transition: all .0s ease-out 0s;

  -o-transition: all .0s ease-out 0s;

  transition: all .0s ease-out 0s;

}

.productsl .lala li .cccc a{

  display: inline-block;

  padding: 0;

  margin: 0;

}

.productsl .lalala li {

  background: #df8f8f8;

  border: none;

}



.productsl .lalala li a {

  color: #666666;

  padding-left: 25px;

  font-size: 16px;

  line-height: 32px;

  height: 32px;

}



.productsl .lalala {

  padding: 10px 0;

  overflow: hidden;

  background: #f8f8f8;

}



.productsl .lalala li a img {

  width: 5px;

  height: 9px;

  margin-right: 7px;

}

.productsl .zxs{

  background: #e8eef1;

  margin-top: 25px;

  padding: 15px 20px 25px 25px;

}

.productsl .zxs h3{

  font-family: arial;

  color: #333333;

  font-size: 20px;

  line-height: 42px;

}

.productsl .zxs p{

  color: #666666;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 20px;

}

.productsl .zxs .cply{  

  padding: 10px 20px 10px 20px;

  background: #00a0e9;

  display: inline;

}

.zxs .cply a{

  font-size: 16px;

  line-height: 42px;

  color: #FFFFFF;

}

.zxs .cply img{

  margin-right: 10px;

}

.j_ys-fenye {

  padding: 40px 0 40px;

  text-align: center;

}



.j_ys-fenye li {

  display: inline-block;

  padding: 0 14px;

  text-align: center;

  line-height: 36px;

  color: #818282;

  font-size: 16px;

  background-color: #eeeeee;

  margin: 0 6px;

}



.j_ys-fenye li.ys-activepage {

  background-color: #0377c2;

  color: #fff;

}



.j_ys-fenye a li:hover {

  background-color: #0377c2;

  color: #fff;

  transition: all .3s ease-in 0s;

  -o-transition: all .3s ease-in 0s;

  -ms-transition: all .3s ease-in 0s;

  -moz-transition: all .3s ease-in 0s;

  -webkit-transition: all .3s ease-in 0s;

}



.j_ys-fenye button {

  /* 手机端的样式  */

  width: 100px;

  height: 40px;

  margin-left: 10px;

  margin-right: 10px;

  text-align: center;

  line-height: 40px;

  border: 1px solid #0377c2;

  font-size: 20px;

  color: #565656;

  border-radius: 10px;

  display: none;

}

.inactives img.g_lidhl{

  display: inline-block !important;

}

.g_iocnmhph{

  display: none !important;

}

.g_nabmk .g_pronbtn{

  display: none !important;

}

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

.inactives .g_pronbtna{

  opacity: 0;

}

.inactives .g_pronbtnb{

  opacity: 1;

} 

.productsl .la li .inactives .suces img:nth-child(2){

  display: inline-block;

}

.productsl .la li .inactives .suces img:nth-child(1){

  display: none;

}

.g_ghjkbrn .lala{

  display: block;

}

}



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

  .j_ys-fenye ul {

    display: none;

  }

  .j_ys-fenye button {

    display: inline-block;

  }

}

.j-list{

  width: calc(100% - 288px);

  padding-left: 28px;

}

.list1{

  width: 50%;

  border-right: 1px solid #d9e5ec; 

  padding: 15px 60px 20px 25px;

  margin-top: 40px;

}

.list1:nth-child(1),.list1:nth-child(2){

  margin-top: 0;

}

/* .list1:nth-child(1){

   background: #e8eef1;

   border-right: 1px solid #0377c2;

 }

.list1:nth-child(1) h4{

  color: #0377c2;

} */

.list1:hover{

  background: #e8eef1;

  border-right: 1px solid #0377c2;

  transition: all .3s ease-in 0s;

  -o-transition: all .3s ease-in 0s;

  -ms-transition: all .3s ease-in 0s;

  -moz-transition: all .3s ease-in 0s;

  -webkit-transition: all .3s ease-in 0s;

}

.productsl .lala li a:hover{

  color: #0377c2;

}

.list1:hover h4{

  color: #0377c2;

}

.list1 h4{

  font-size: 18px;

  color: #475973;

  line-height: 38px;

  font-family: arial;

  font-weight: bold;

}

.list1 p{

  font-size: 14px;

  color: #333333;

  line-height: 28px;

  margin-top: 10px;

  margin-bottom: 30px;

  overflow:hidden;

  height: 56px;

}

.list1 span{

  font-size: 14px;

  color: #0377c2;

  line-height: 28px;

  font-family: arial;

}

/*产品中心内页01*/

.j-lists {

    width: calc(100% - 288px);

    padding-left: 40px;

    margin-top: 10px;

}

.j-neiya{

  width: 50%;

  text-align: center;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.j-neiyb{

  width: 50%;

  animation-delay: 0.3s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.j-neiy{

  text-align: center;

}

.j-neiyimgs{

  display: inline-block;

  position: relative;

}

.j-neiyimgs img{

  width: 100%;

}

.j-neiyimgs .j-neiyimg{

  position: absolute;

  top:0;

  left: 0;

  width:100%;

  max-height: 100%;

}

.j-neiya .slick-prev,.j-neiya .slick-next {

    width: 40px;

    height: 40px;

    z-index: 1;

}

.j-neiya .slick-prev{

  background: url(../bgimg/jtleft.png) no-repeat center;

  left: 0;

}

.j-neiya .slick-next {

  background: url(../bgimg/jtright.png) no-repeat center;

    right: 0;

}

@media (min-width: 1200px) {

  .j-neiya .slick-prev:hover{

    background: url(../bgimg/jtlefta.png) no-repeat center;

  }

  .j-neiya .slick-next:hover {

    background: url(../bgimg/jtrighta.png) no-repeat center;

  }

}

.j-neiyb{

  padding-left: 40px;

}

.j-neiyb h3{

  font-size: 20px;

  font-family: arial;

  line-height: 26px;

  color: #333333;

  font-weight: bold;

  padding-top: 15px;

  padding-bottom: 20px;

  border-bottom: 1px solid #e5e5e5;

}

.j-neiyb>p{

  font-size: 14px;

  line-height: 30px;

  color: #555555;

  padding-top: 20px;

  padding-bottom: 30px;

}

.nylx{

  background: #f1f1f1;

  margin-bottom: 40px;

}

.nylx p{

  color: #00a0e9;

  font-size: 24px;

  line-height: 59px;

  display: inline-block;

  font-family: 'Conv_Helvetica Condensed',"微软雅黑";

}

.nylx .nylxa{

  position: relative;

  background: #dceaf0;

  width: 63px;

  height: 59px;

  display: inline-block;

  margin-right: 24px;

}

.nylx .nylxa img{

  position: absolute;

  width: 37px;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.cpjs{

  margin-top: 45px;

}

.lxus a{

  padding: 15px 45px;

  font-size: 18px;

  color: #FFFFFF;

  line-height: 32px;

  background: #0377c2;

}

.lxus a:hover{

  color: #0377c2;

  background: transparent;

  border: 1px solid #0377c2;

}

.cpjs .spancp{

  color: #0377c2;

  font-size: 16px;

  line-height: 32px;

  padding: 15px 72px 10px;

  border: 1px solid #dcdcdc;

  border-top: 2px solid #0377c2;

  border-bottom: none;

}

.jssa{

  border-top: 1px solid #dcdcdc;

  padding-bottom: 60px;

}

.jssa h3{

  font-size: 24px;

  color: #0377C2;

  line-height: 32px;

  margin-top: 30px;

  padding-bottom: 10px;

  position: relative;

}

.jssa h3:after{

  position: absolute;

  content: '';

  width: 66px;

  height: 1px;

  background: #0377c2;

  top: 42px;

  left: 0;

}

.jssa p{

  font-size: 14px;

  line-height: 30px;

  color: #555555;

  margin-top: 20px;

}

.juls{

  margin-top: 30px;

}

.jul li:nth-child(1){

  color: #0377C2;

  font-size: 16px;

  font-weight: bold;

  line-height: 32px;

  /*line-height: 48px;*/

  background: #eeeeee;

}

.jul li{

  color: #333333;

  font-size: 16px;

  line-height: 32px;

  /*line-height: 48px;*/

  height: 48px;

  border: 1px solid #dcdcdc;

  border-bottom: none;

  padding: 8px 20px 15px 35px;

}

.jul:nth-child(1)>li,.jul:nth-child(2)>li{

  border-right: none;

}

.jul .jbtn{

  border-bottom: 1px solid #dcdcdc;

}

.jul:nth-child(1){

  width: 25%;

}

.jul:nth-child(2),.jul:nth-child(3){

  width: calc(75% / 2);

}

.jul .tjghs{

  height: 116px;

  line-height: 116px;

}

.jul .tjgh{

  height: 116px;

}

.jul .rpzxss{

  height: 82px;

  line-height: 82px;

}

.jul .rpzxs{

  height: 82px;

}

.jssa .dxz{

  font-size: 14px;

  line-height: 30px;

  color: #888888;

}

.jssa .gug{

  font-size: 14px;

  line-height: 30px;

  color: #555555;

}

/*定制服务*/

.j-dingzhis{

  padding-left: 40px;

  width: calc(100% - 288px);

  padding-bottom: 55px;

}

.j-dingzhis>h3{

  font-family: "微软雅黑";

  font-size: 26px;

  color: #333333;

  line-height: 32px;

  font-weight: bold;

  text-align: center;

}

.j-dingzhis>p{

  font-family: arial;

  font-size: 18px;

  color: #333333;

  line-height: 32px;

  text-align: center;

}

.j_dzlc{

  width: 100%;

  background: #f1f4f6;

  padding-top: 30px;

  padding-bottom: 265px;

  position: relative;

  margin-top: 25px;

}

.j_dzlc>span{

  width: 82px;

  height: 82px;

  border: 1px solid #d5d5d5; 

  border-radius: 50%;

  position: relative;

  display: inline-block;

  margin: 0 58px;

  cursor: pointer;

  transition: .3s;

  -o-transition: .3s;

  -ms-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

}

.j_dzlc>span:nth-child(1){

  margin-left: 88px;

}

.j_dzlc>span>img{

  width: 50px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.j_dzlc>span img:nth-child(2){

  display: none;

}

.steps{

  position: absolute;

  top: 86px;

  left: 15px;

}

.steps h4{

  font-size: 18px;

  font-family: "微软雅黑";

  line-height: 30px;

  color: #333333;

  text-align: center;

}

.steps p{

  font-size: 14px;

  font-family: arial;

  line-height: 30px;

  color: #888888;

  text-align: center;

}

.jxtao{

  position: absolute;

  left: 50%;

  top: 250px;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.jxtao img{

  width: 622px;

}

.j_dzlc>span:nth-child(5){

  position: absolute;

  left: 48%;

  top: 250px;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  cursor: pointer;

  z-index: 1;

}

.j_dzlc>span:nth-child(5) .steps{

  left: -70px;

  top: 15px;

}

.wufumd{

  margin-top: 35px;

  cursor: pointer;

}

.fuw{

  width: 82px;

  height: 82px;

  border-radius: 50%;

  position: relative;

}

.fuw img{

  width: 50px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.fuw{

  background: #2e80e2;

}

.fuw1{

  background: #e84d4f;

}

.fuw2{

  background: #2fc27e;

}

.fuw3{

  background: #f68532;

}

.fuw4{

  background: #9fcc3e;

}

.fuwa{

  padding-left: 18px;

  width: calc(100% - 82px);

}

.fuwa h4{

  font-size: 18px;

  color: #333333;

  font-weight: bold;

  line-height: 30px;

  font-family: arial;

}

.fuwa h4 span{

  font-size: 18px;

  color: #333333;

  font-weight: bold;

  line-height: 30px;

  font-family: "微软雅黑";

}



.fuwa .j_known{

  font-size: 16px;

  color: #333333;

  line-height: 30px;

}

.fuwa p{

  font-size: 14px;

  color: #555555;

  line-height: 30px;

}

.fuwa .jxingn{

   font-size: 16px;

   color: #333333;

   line-height: 30px;

 }

.fuwa .jxingn span{

  margin: 0 15px;

}

/*走进本诺*/

.gointo{

  padding-top: 50px;

  padding-bottom: 70px;

}

.j_nav{

  background: #efefef;

}

.j_nav ul>li{

  float: left;

  cursor: pointer;    

  position: relative;

}

.j_nav ul li a{

  color: #333333;

  font-size: 16px;

  line-height: 26px;

  -webkit-transition: all 0s ease-out 0s;

  -moz-transition: all 0s ease-out 0s;

  -ms-transition: all 0s ease-out 0s;

  -o-transition: all 0s ease-out 0s;

  transition: all 0s ease-out 0s;

}

.j_nav ul>li:after{

  content: '';

  position: absolute;

  background: #cdcdcd;

  width: 1px;

  height: 20px;

  top: 25px;

  right: 0;

}

.j_nav ul>li:nth-last-child(1):after{

  content: '';

  position: absolute;

  background: #cdcdcd;

  width: 0px;

  height: 20px;

}

.j_nav ul>li>span{

  margin-right: 15px;

}

.gointo>h1{

  font-size: 72px;

  color: rgba(51,51,51,0.2);

  line-height: 24px;

  font-family: 'Conv_HELVETICANEUELTPRO-ULTLT_2',arial;

  position: relative;

  z-index: 5;

}

.file{

  width: calc(100% - 456px - 174px);

  padding-right: 40px;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.filea{

  animation-delay: 0.3s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.file h2{

  font-size: 36px;

  color: rgb(51,51,51);

  line-height: 24px;

  position: relative;

  padding-bottom: 30px;

  padding-top: 30px;

}

.file h2:after{

  content: '';

  position: absolute;

  background: #0377c2;

  top: 86px;

  left: 0;

  height: 2px;

  width: 51px;

}

.file p{

  font-size: 16px;

  color: rgb(85,85,85);

  line-height: 32px;

  padding-top: 12px;

}

.gsjj{

  position: relative;

}

.gsjj img{

  /*width: 456px;*/

  width: 100%;

}

.gsjj .j_gsjjtu{

  position: absolute;

  top:0;

  left: 0;

  width:100%;

  max-height: 100%;

}

.counteras{

  width: 174px;

  padding-left: 30px;

}

.counteras .counts{

  font-size: 56px;

  color: #0377c2;

  line-height: 32px;

  font-family: 'Conv_HelveticaNeueLTPro-HvCn_2',"微软雅黑"; 

}

.counteras>li{

  text-align: center;

  border-bottom: 1px solid #dcdcdc;

  padding-top: 58px;

  padding-bottom: 30px;

}

.counteras>li:nth-child(1){

  border-top: 1px solid #dcdcdc;

}

.counteras .span1{

  font-size: 56px;

  color: #0377c2;

  line-height: 32px;

  font-family: 'Conv_HelveticaNeueLTPro-HvCn_2',"微软雅黑";

}

.counteras>li>h2{

  position: relative;

}

.counteras>li>h2:after{

  content: '';

  position: absolute;

  top: 66px;

  left: 50%;

  height: 1px;

  width: 50px;

  background: #e5e5e5;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.counteras>li>h5{

  font-size: 16px;

  line-height: 32px;

  color: #333333;

  margin-top: 33px;

}

.fzyj{

  background-image: url(../bgimg/banner07.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover; 

}

.jmc{

  background-color: rgba(0,0,0,0.42);

  padding-top: 40px;

  padding-bottom: 70px;

}

.fzyj h1{

  text-align: center;

  font-size: 36px;

  line-height: 32px;

  color: #FFFFFF;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

  border-bottom: 1px solid rgba(255,255,255,0.12);

  position: relative;

  padding-bottom: 30px;

}

.fzyj h1:after{

  content: '';

  position: absolute;

  top: 62px;

  left: 50%;

  height: 2px;

  width: 51px;

  background: #ffffff;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.qyln{

  padding: 45px 21px 32px 21px;

  border: 1px solid rgba(255,255,255,0.42);

  margin-top: 56px;

  width: 22%;

  margin-right: 35px;

}

.qyln:nth-last-child(1){

  margin-right: 0;

}

.qyln:nth-child(2n+1){

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.qyln:nth-child(2n){

  animation-delay: 0.3s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.j-qy{

  text-align: center;

}

.j-qy img{

  width: 95px;

}

.qyln h3{

  font-size: 24px;

  line-height: 32px;

  color: #FFFFFF;

  text-align: center;

  padding-top: 30px;

  padding-bottom: 24px;

  border-bottom: 1px solid rgba(255,255,255,0.35);

}

.qyln p{

  font-size: 14px;

  line-height: 28px;

  color: #FFFFFF;

  margin-top: 25px;

  height: 84px;

  overflow: hidden;

}

.fzlc h1{

  text-align: center;

  font-size: 36px;

  line-height: 32px;

  color: #333333;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

  border-bottom: 1px solid #888888;

  position: relative;

  padding-bottom: 30px;

}

.fzlc h1:after{

  content: '';

  position: absolute;

  top: 62px;

  left: 50%;

  height: 2px;

  width: 51px;

  background: #0377c2;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.fzlc{

  padding-top: 40px;

}

.lilong{

  position: relative;

}

.longx img{

  width: 100%;

}

.longx{

  position: absolute;

  width: 100%;

  top: 168px;

  left: 0;

}

.lichengs{

  position: relative;

  margin-top:200px; 

  padding-right: 32px;

  padding-left: 32px;

  padding-bottom: 70px;

  height: 485px;

}

.lichengs::after{

  content: '';

  display: block;

  width: 1px;

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  background: #e5e5e5;

}

.lichengs.slick-current::before{

  content: '';

  display: block;

  width: 1px;

  height: 100%;

  position: absolute;

  left: 1px;

  top: 0;

  background: #e5e5e5;

}







.lichengs:nth-child(2n+1){

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.lichengs:nth-child(2n){

  animation-delay: 0.3s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

/*.lichengs:nth-child(4){

  border-right: none;

}*/

.lichengs h3{

  text-align: center;

}

.lichengs h2{

  text-align: center;

  font-family: 'Conv_HelveticaNeueLTPro-HvCn_2',"微软雅黑";

  color: #475973;

  padding-bottom: 30px;

}

.band{

  position: absolute;

  border-radius: 50%;

  display: block;

  width: 22px;

  height: 22px;

  background: #ffffff;

  border: 5px solid #0377C2;

  top:-24px;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  background-position: center !important;

  background-size: cover !important;

}

.bands{

  width: 245px;

  height: 245px;

  background-repeat: no-repeat;

  background-position:left top ;

  background-size: 250px 250px;

  transition: all .3s ease-in 0s;

  -o-transition: all .3s ease-in 0s;

  -ms-transition: all .3s ease-in 0s;

  -moz-transition: all .3s ease-in 0s;

  -webkit-transition: all .3s ease-in 0s;

}

.lichengs p{

  font-size: 14px;

  line-height: 32px;

  color: #555555;

  /*padding-top: 10px;*/

  

}

.licheng .slick-dots {

    bottom: 25px;

}

.lichengs.lichengsa h2{

  margin-top: 100px;

  transition: all .4s ease-in 0s;

  -o-transition: all .4s ease-in 0s;

  -ms-transition: all .4s ease-in 0s;

  -moz-transition: all .4s ease-in 0s;

  -webkit-transition: all .4s ease-in 0s;

}

 .slick-prev,.slick-next{

  width: 45px;

  height: 45px;

  position:absolute;

  z-index: 60;

}

.licheng .slick-prev,.slick-next{

  width: 25px;

  height: 45px;

  z-index: 60;



}

.licheng .slick-prev {

  background: url(../bgimg/lcprev.png) no-repeat center;   

    left: -40px;

    z-index: 100;

}

.licheng .slick-next {

  background: url(../bgimg/lcnext.png) no-repeat center;

    right: -40px;

    z-index: 10;

}

.gsry{

  background: #595f67;

  padding-top: 40px;

  padding-bottom: 50px;

}

.gsry h1 {

    text-align: center;

    font-size: 36px;

    line-height: 32px;

    color: #FFFFFF;

    animation-delay: 0.2s;

    visibility: visible;

    animation-name: fadeInUp;

    animation-duration: 1s;

    border-bottom: 1px solid rgba(255,255,255,0.12);

    position: relative;

    padding-bottom: 30px;

}

.gsry h1:after {

    content: '';

    position: absolute;

    top: 62px;

    left: 50%;

    height: 2px;

    width: 51px;

    background: #ffffff;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.honort{

  margin-top:50px;

  margin-bottom: 60px;

  width: 100%;

  background: rgba(63,73,87,0.3);

  padding: 40px 60px 30px 40px;

  animation-delay: 0.1s;

    visibility: visible;

    animation-name: fadeInUp;

    animation-duration: 1s;

}

.productsfl img{

  max-width: 100%;

}

.honort p a{

  color: #FFFFFF;

  font-size: 16px;

  line-height: 32px;

  height: 32px;

  display:block;

  overflow:hidden;

}

.honort p a span{

  margin: 0 10px;

}

.honorb {

    animation-delay: 0.3s;

    visibility: visible;

    animation-name: fadeInUp;

    animation-duration: 1s;

    margin-left: -11px;

    margin-right: -11px;

}

.rong{

  width: calc(100% - 131px - 70px);

  height: 120px;

}

.jiangbei{

  margin-left: 70px;

}

.jiangbei img{

  width: 131px;

}

.rong .mCSB_scrollTools {

    width: 25px;

    opacity: 1;

}

.honort p a:hover{

  color: #0377c2;

}

.rong .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: rgba(255,255,255,1);

    width: 20px;

    height: 20px;

}

.rong .mCSB_scrollTools .mCSB_dragger {

    cursor: pointer;

    width: 100%;

    height: 20px !important;

    z-index: 1;

}

.rong .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #7b828c;

}

.honorb .slick-prev {

  background: url(../bgimg/lcleft.png) no-repeat center;

    left: -65px;

    z-index: 1;

}

.honorb .slick-next {

  background: url(../bgimg/lcright.png) no-repeat center;

    right: -65px;

    z-index: 1;

}



.honors img{

  width:100%;

}

.honors{

  overflow: hidden;

  width: 100%;

  position: relative;

}

.honors img{

  width: 100%;

  display: block;

}

.honors .j_imga{

  max-height: 100%;

  position: absolute;

  top:0;

  left:0;

  height: 100%;

}

.honors .j_imgb{

  max-height: 100%;

  position: relative;

  top:0;

  left:0;

}

@media (min-width: 1200px) {

  .honors:hover  img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    transition: all .3s ease-in 0s;

    -o-transition: all .3s ease-in 0s;

    -ms-transition: all .3s ease-in 0s;

    -moz-transition: all .3s ease-in 0s;

    -webkit-transition: all .3s ease-in 0s;

  }

}

.zzjg{

  padding-top: 45px;

  padding-bottom: 60px;

}

.zzjg h1{

  text-align: center;

  font-size: 36px;

  line-height: 32px;

  color: #333333;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

  border-bottom: 1px solid #888888;

  position: relative;

  padding-bottom: 30px;

}

.zzjg h1:after{

  content: '';

  position: absolute;

  top: 62px;

  left: 50%;

  height: 2px;

  width: 51px;

  background: #0377c2;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.zzjg .gj{

  margin-top: 40px;

  text-align: center;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.zzjg .gj img{  

  width: 935px;

}

.jmcs .slick-dots {

    bottom: -40px;

}

.jmcs .slick-dots li {

    background: #fff;

}

.jmcs .slick-dots li.slick-active {

    background: #666;

}

/*本诺动态列表*/

.j_nav .jacta img{

  width: 35px;

}

.j_nav .jacta img:nth-child(2){

  display: none;

}

.j_nav .jactas a{

  color: #0377C2;

}

.j_nav .jactas .jacta img:nth-child(1){

  display: none;

}

.j_nav .jactas .jacta img:nth-child(2){

  display: inline-block;

}



.dynamic{

  margin-top: 45px;

}

.banneras img{

  width: 100%;

}

.connew{

  border: 1px solid #dcdcdc;

  position: relative;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

  background: #fff;

}

.newrz{

  width: 50%;

  padding: 45px 120px 60px 50px;

}

.newrz h3{

  font-size: 22px;

  color: #333333;

  line-height: 36px;

  display:block;

  white-space:nowrap;

  overflow:hidden;

  height: 36px;

}

.newrz p{

  font-size: 14px;

  color: #666666;

  line-height: 30px;

  padding-top: 20px;

  overflow:hidden;

  text-overflow:ellipsis;

  display:-webkit-box;

  -webkit-box-orient:vertical;

  -webkit-line-clamp:2;

}

.newrza{

  width:50%;

  overflow: hidden;

  position: relative;

}

.newrza img{

  width:100%;

}

.newrza .newrzac{

  position: absolute;

  top:0;

  left: 0;

  width:100%;

  max-height: 100%;

}

@media (min-width: 1200px) {

  .newrza:hover  img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    transition: all .3s ease-in 0s;

    -o-transition: all .3s ease-in 0s;

    -ms-transition: all .3s ease-in 0s;

    -moz-transition: all .3s ease-in 0s;

    -webkit-transition: all .3s ease-in 0s;

  }

}

.date{

  width: 80px;

  height: 80px;

  left: 50%;

  top: 50%;

  position: absolute;

  background: #0377c2;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  text-align: center;

}

.date h4{

  font-size: 20px;

  font-family: arial;

  color: #FFFFFF;

  margin: 16px 0 10px 0;

}

.date h5{

  font-size: 16px;

  font-family: arial;

  color: #FFFFFF;

  /*margin-top: 8px;*/

}

.news .slick-dots li{

  width: 10px;

  height: 10px;

  margin: 0 7px;

  background: #d2d2d2;

  border-radius: 0;

}

.news .slick-dots li.slick-active {

    background: #475973;

}

.news .slick-dots{

  text-align: left;

  bottom: 60px;

    left: 50px;

}

.dtnewsa {

  padding: 35px 0;

  border-bottom: 1px solid #dcdcdc;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;



}

.dtnewsa:hover{

  background:#0377c2;

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s;

}

.rz01{

  position: relative;

}

.rz01 img{

  width: 100%;

}

.rz01 .rz01chl{

  position: absolute;

  top:0;

  left: 0;

  width:100%;

  max-height:100%;

}

.sixa{

  border-right: 1px solid #dcdcdc;

}

.timen{

  text-align: right;

  padding: 26px 45px;

}

.dtnewsa:hover h2{

  color: #fff;

}

.dtnewsa:hover p{

  color: #fff;

}

.dtnewsa:hover p{

  color: #fff;

}

.timen h2 {

    font-size: 30px;

    font-weight: bold;

    color: #555555;

    line-height: 37px;

    font-family: arial;

}

.timen p{

  font-size: 16px;

  font-weight: bold;

  color: #989898;

  line-height: 37px;

  font-family: arial;

}

.bnrza{

  position: relative;

  padding-left: 50px;

  padding-right: 155px;

  padding-top: 15px;

  width: calc(100% - 390px);

}

.dtding{

  position: absolute;

  right: 0;

  width: 40px;

  height: 40px;

  background: #475973;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.rz01{

  overflow: hidden;

  position: relative;

}

@media (min-width: 1200px){

  .dtnewsa:hover .bnrza h4{   

    color: #fff;

    padding-left: 60px;

    -webkit-transition: all .0s ease-out 0s;

    -moz-transition: all .0s ease-out 0s;

    -ms-transition: all .0s ease-out 0s;

    -o-transition: all .0s ease-out 0s;

    transition: all .0s ease-out 0s;



  }

  .dtnewsa:hover .dtding{   

    border:1px solid  #fff;

    -webkit-transition: all .0s ease-out 0s;

    -moz-transition: all .0s ease-out 0s;

    -ms-transition: all .0s ease-out 0s;

    -o-transition: all .0s ease-out 0s;

    transition: all .0s ease-out 0s;

    background:rgba(255,255,255,0);

  }

  .dtnewsa:hover .bnrza h4:after{

    content: '';

    position: absolute;

    width: 36px;

    height: 2px;

    background: #fff;

    left: 6px;

    top:18px;

  }

  .dtnewsa a:hover .rz01 img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    transition: all .3s ease-in 0s;

    -o-transition: all .3s ease-in 0s;

    -ms-transition: all .3s ease-in 0s;

    -moz-transition: all .3s ease-in 0s;

    -webkit-transition: all .3s ease-in 0s;

  }

  /*.dtnewsa a:hover .timen p{*/

    /*color: #0377c2;*/

  /*}*/

}



.dtding img{

  width: 9px;

  position: absolute;

  top: 50%;

  left: 50%;  

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.bnrza h4{

  font-size: 18px;

  font-weight: inherit;

  color: #333333;

  line-height: 36px;

  font-family: "微软雅黑";

  position: relative;

  padding-left: 60px;

}

.bnrza h4:after{

  content: '';

  position: absolute;

  width: 36px;

  height: 2px;

  background: #333333;

  left: 6px;

  top:18px;

}

.bnrza p{

  font-size: 14px;

  color: #666666;

  line-height: 30px;

  font-family: "微软雅黑";

}



/*动态内页*/

.new_n h3{

  font-size: 24px;

  color: #333333;

  line-height: 28px;

  font-family: "微软雅黑";

  text-align: center;

  margin-top: 40px;

  margin-bottom: 15px;

}

.new_n>p{

  color: #888888;

  font-size: 14px;

  line-height: 28px;

  text-align: center;

  padding-bottom: 25px;

}

.new_n>p span{

  font-family: arial;

  font-weight: bold;

}

.conta{

  border-top: 1px solid #dcdcdc;

  padding-top:20px;

}

.conta p{

  color: #444444;

  font-size: 16px;

  line-height: 32px;

  padding-top: 10px;

}

.conta h5{

  color: #444444;

  font-size: 16px;

  line-height: 32px;

  padding-top: 10px;

  font-weight: bold;

}

.dongtsa{

  margin-top: 40px;

  margin-bottom: 40px;

}

.dongtsa img{

  width: 100%;

}

.dtfx{

  text-align: center;

  padding-top: 45px;

  padding-bottom: 20px;

}

.dtfx .bshare-custom a {

    padding-left: 12px;

    height: 30px;

    width: 30px;

    display: inline-block !important;

}

.dtfx .bshare-custom .bshare-facebook {

    background: url(../bgimg/f.png) no-repeat center;

    background-size: 27px 27px;

}

.dtfx .bshare-custom .bshare-twitter{

    background: url(../bgimg/twitter43.png) no-repeat center;

    background-size: 27px 27px;

}

.dtfx .bshare-custom .bshare-gplus{

    background: url(../bgimg/google1142.png) no-repeat center;

    background-size: 27px 27px;

}

.dtfx .bshare-custom .bshare-sinaminiblog{

    background: url(../bgimg/weib.png) no-repeat center;

    background-size: 27px 27px;

}

.dtfx .bshare-custom .bshare-more.more-style-addthis {

  background: url(../bgimg/fengx.png) no-repeat center;

    background-size: 27px 27px;

}

.jcenter{

  text-align: center;

}

.jpreva{

  cursor: pointer;

  /*margin-top: 10px;*/

  width: 35px;

  height: 35px;

  border: 1px solid #ccc;

  position: relative;

}

.jpreva img{

  width: 9px;

  position: absolute;

  top:50%;

  left:50%;

  transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}

.jnexta{

  cursor: pointer;

  /*margin-top: 10px;*/

  width: 35px;

  height: 35px;

  border: 1px solid #ccc;

  position: relative;

}

.jnexta img{

  width: 9px;

  position: absolute;

  top:50%;

  left:50%;

  transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}

.abnew h2{

  font-weight: bold;

  color: #333333;

  font-size: 30px;

  line-height: 28px;

  margin-top: 40px;

  margin-bottom: 35px;

  text-align: center;

}

.abnews{

  border: 1px solid #e5e5e5;

  padding: 30px 30px 45px 30px;

  margin-right: 12px;

  width: 24%;

  position: relative;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.abnewsa{

  padding-bottom: 60px;

}

.abnews h4{

  font-size: 18px;

  line-height: 26px;

  color: #333333;

  font-weight: bold;

  overflow:hidden;

  text-overflow:ellipsis;

  display:-webkit-box;

  -webkit-box-orient:vertical;

  -webkit-line-clamp:2;

}

.abnews .yearsi{

  font-size: 14px;

  line-height: 30px;

  color: #666666;

  margin-top: 20px;

  overflow:hidden;

  text-overflow:ellipsis;

  display:-webkit-box;

  -webkit-box-orient:vertical;

  -webkit-line-clamp:2;

}

.abnews .year11{

  font-size: 16px;

  line-height: 26px;

  color: #0377c2;

  font-family: arial;

  position: relative;

  /*text-align: center;*/

  padding-left: 75px;

  margin-top: 45px;

}

.abnews .year11:after{

  content: '';

  position: absolute;

  width: 55px;

  height: 1px;

  top: 12px;

  left: 0;

  background: #0377c2;

}

.jydj{

  width: 46px;

  height: 46px;

  position: absolute;

  bottom: 0;

  right: 0;

  border-top: 1px solid #e5e5e5;

  border-left: 1px solid #e5e5e5;

}

.jydj img{

  position: absolute;

  width: 23px;

  top: 50%;

  left: 50%;  

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.jydj img:nth-child(2){

  display: none;

}

@media (min-width: 1200px){

  .abnews:hover{    

    background: #0377c2;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

  }

  .abnews:hover h4{   

    color: #fff;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

  }

  .abnews:hover .yearsi{    

    color: rgba(255,255,255,0.6);

  }

  .abnews:hover .year11{    

    color: rgb(255,255,255);

  }

  .abnews:hover .year11:after{

    content: '';

    position: absolute;

    width: 55px;

    height: 1px;

    top: 12px;

    left: 0;

    background: #FFFFFF;

  }

  .abnews:hover .jydj img:nth-child(1){

    display: none;

  }

  .abnews:hover .jydj img:nth-child(2){

    display: block;

  }

}

/*解决方案  常见问题*/

.prob{

  padding-top: 45px;

}

.ques{

  /*position: relative;*/

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.wenti{

  cursor: pointer;

  padding-top: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #d9d9d9;

}

.quesa{

  position: relative;

  width: 40px;

  height: 40px;

  background: #0377C2;

  display: block;

  border-radius: 50%;

  margin-left: 30px;

  margin-right: 40px;

}

.quesa img{

  position: absolute;

  width:12px;

  top: 50%;

  left: 50%;  

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.wenti .uva{

  color: #333333;

  font-size: 18px;

  line-height: 41px;

  display:block;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

}

.prot{

  width: 40px;

  height: 40px;

  background-image: url(../bgimg/protop.png);

  background-size: 26px 14px;

  background-position: center;

  background-repeat: no-repeat;

  cursor: pointer;

  transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -o-transform: rotate(180deg);

  -webkit-transition: all .6s ease-out 0s;

  -moz-transition: all .6s ease-out 0s;

  -ms-transition: all .6s ease-out 0s;

  -o-transition: all .6s ease-out 0s;

  transition: all .6s ease-out 0s;

}

.answer{

  /*position: absolute;*/

  display: none;

  /*margin-top: 35px;*/

  width: 100%;

  border-top: 1px dashed #d9d9d9;

  background: #f5f5f5;

  padding-top: 35px;

  border-bottom: 1px solid #d9d9d9;

  padding-bottom: 35px;

}

.answera{

  

}

.answer .ans{

  position: relative;

  width: 40px;

  height: 40px;

  background: #6a788d;

  display: block;

  border-radius: 50%;

  margin-left: 30px;

  margin-right: 40px;

}

.answer .ans img{

  position: absolute;

  width:12px;

  top: 50%;

  left: 50%;  

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.uvsa{

  width: calc(100% - 110px);

  font-size: 16px;

  line-height: 34px;

  color: #666666;

  padding-right: 30px;

}

@media (min-width: 1200px) {

  .ques:hover  .wenti .uva{

    color: #0377C2;

  }

}

.wenti.act{

  border-top:2px solid #475973 ;

  border-bottom: none;

}

.wenti.act .uva{

  color: #0377C2;

  font-weight: bold;

}

.wenti.act .prot{

  width: 40px;

  height: 40px;

  /*background-image: url(../bgimg/probottom.png);*/

  /*background-size: 26px 14px;*/

  /*background-position: center;*/

  /*background-repeat: no-repeat;*/

  cursor: pointer;

  transform:rotate(0deg);

  -ms-transform:rotate(0deg);

  -moz-transform:rotate(0deg);

  -webkit-transform:rotate(0deg);

  -o-transform:rotate(0deg);

  -webkit-transition: all .6s ease-out 0s;

  -moz-transition: all .6s ease-out 0s;

  -ms-transition: all .6s ease-out 0s;

  -o-transition: all .6s ease-out 0s;

  transition: all .6s ease-out 0s;

}

.jacta {

  margin: 0 10px;

}

/*资料下载*/

.xiazai{

  padding-top: 10px;

}

.zai{

  margin-top: 30px;

  padding-top: 20px;

  padding-bottom: 20px;

  border: 1px solid #e1e1e1;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.zai .pdf{

  padding: 15px 46px;

  border-right: 1px solid #e1e1e1;

}

.zai .pdf img{

  width: 39px;

}

.sm{

  padding-left: 45px;

}

.sm h4{

  padding-top: 15px;

  font-size: 18px;

  line-height: 20px;

  color: #333333;

  font-weight: bold;

  display:block;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

}

.sm p{

  font-size: 14px;

  line-height: 20px;

  color: #888888;

  height: 20px;

  margin-top: 10px;

  display:block;

  overflow:hidden;

}

.zlxz{

  padding-top: 15px;

  padding-right: 45px;

  cursor: pointer;

}

.zlxz img{

  width: 42px;

}

.zlxz img:nth-child(2){

  display: none;

}

@media (min-width: 1200px){

  .zai:hover{   

    background: #f4f4f4;

    border-left: 2px solid #0377C2;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

  }

  .zai:hover .sm h4{    

    color: #0377C2;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

  }

  .zai:hover .zlxz img:nth-child(1){

    display: none;

  }

  .zai:hover .zlxz img:nth-child(2){

    display: block;

  }

}

/*联系我们*/

.fencon>h1{

  font-size: 36px;

  line-height: 32px;

  color: #333333;

  position: relative;

  border-bottom: 1px solid #e5e5e5;

  font-family: "微软雅黑";

  text-align: center;

  padding-top: 45px;

  padding-bottom: 29px;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.fencon>h1:after{

  content: '';

  position: absolute;

  width: 51px;

  height: 2px;

    bottom: -2px;

  left: 50%;  

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  background: #0377C2;

}

.conus{

  background: #f4f4f4;

  padding-bottom: 55px;

}

.actus>h1{

  font-size: 36px;

  line-height: 36px;

  color: #333333;

  text-align: center;

  padding-top: 45px;

  padding-bottom: 15px;

  font-family: "微软雅黑";

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.actus>p{

  font-size: 14px;

  line-height: 36px;

  color: #666666;

  text-align: center;

  animation-delay: 0.3s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.forms{

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.inputa input{

  background: #fff;

  font-size:14px;

  line-height: 36px;

  color: #888888;

  padding-left: 25px;

  border: 1px solid #dcdcdc;

  width: 32.27%;

  margin-right: 15px;

  margin-top: 35px;

  height: 52px;

}

.inputa input:nth-child(3){

  margin-right: 0;

}

.inputa input::-webkit-input-placeholder { /* WebKit browsers */ 

  font-size:14px;

  line-height: 52px;

  color: #888888;

} 

.inputa input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 

  font-size:14px;

  line-height: 52px;

  color: #888888;

} 

.inputa input::-moz-placeholder { /* Mozilla Firefox 19+ */ 

  font-size:14px;

  line-height: 52px;

  color: #888888;

} 

.inputa input:-ms-input-placeholder { /* Internet Explorer 10+ */ 

  font-size:14px;

  line-height: 52px;

  color: #888888;

}

.lya textarea{

  background: #fff;

  font-size:14px;

  line-height: 36px;

  color: #888888;

  padding-left: 25px;

  border: 1px solid #dcdcdc;

  width: 100%;

  margin-top: 25px;

  height: 180px;

  resize: none;

}

.yzmsa{

  padding-top: 25px;

}

.yzmsa input{

  background: #fff;

  font-size:14px;

  line-height: 36px;

  color: #888888;

  padding-left: 25px;

  border: 1px solid #dcdcdc;

  height: 52px;

  width: 32.27%;



}

.yzmsa span{

  margin-left: 15px;

  margin-right: 30px;

  display: inline-block;

  cursor: pointer;

  height: 52px;

}

.yzmsa span img{

  height:100%;

}

.yzmsa button{

  font-size: 16px;

  line-height: 36px;

  color: #FFFFFF;

  background: #0377C2;

  height: 52px;

  padding-right: 50px;

  padding-left: 50px;

}

.map{

  /*height: 488px;*/

  width: 100%;

  animation-delay: 0.2s; 

  /*visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;*/

}

#map{

  width: 50%;

  display: block;

  height: 669px;

}

.fadd{

  width: 50%;

  /*height: 488px;*/

}

.shtop{

  background: #475973;

  padding-top: 30px;

  padding-left: 65px;

  padding-bottom: 35px;

}

.shtop h3{

  color: #FFFFFF;

  font-size: 22px;

  line-height: 36px;

  font-family: 'Conv_HELVETICANEUELTPRO-ULTLT_2',"微软雅黑";

}

.shtop .compasa img{

  width: 35px;

}

.shtop .compasa {

  margin-right: 10px;

}

.shtop p{

  color: #FFFFFF;

  font-size: 18px;

  line-height: 36px;

  position: relative;

  /*border-bottom: 1px solid #FFFFFF;*/

  /*width: calc(50% - 260px);*/

}

.shtop p:after{

  content: '';

  position: absolute;

  width: 185px;

  background: #FFFFFF;

  height: 1px;

  bottom: 0;

  left: 0;

}

.shbot{

  padding-top: 45px;

  padding-left: 65px;

}

.shbot span img{

  width: 30px;

}

.shbot h3{

  color: #333333;

  font-size: 24px;

  line-height: 36px;

  margin-bottom: 30px;

}

.shbot p{

  color: #555555;

  font-size: 16px;

  line-height: 36px;

}

/*招贤纳士*/

.idea{

  padding-top: 55px;

}

.topwenz{

  width: calc(50% - 30px);

}

.topwenz p{

  font-size: 14px;

  line-height: 24px;

  color: #888888;

  font-family: arial;

  animation-delay: 0.1s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.topwenz h1{

  font-size: 56px;

  line-height: 72px;

  color: #333333;

  font-family: arial;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.topwenz span{

  border: 1px solid #0377C2;

  display: inline-block;

  padding: 6px 20px;

  margin-top: 12px;

  animation-delay: 0.3s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.topwenz span p{

  font-size: 16px;

  line-height: 20px;

  color: #0377C2;

  font-family: "微软雅黑";  

}

.topwenzr{

  width:calc(50% - -30px);

}

.topwenzr p{

  font-size: 16px;

  line-height: 32px;

  color: #555555;

  animation-delay: 0.4s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.linianb{

  margin-top: 45px;

  margin-bottom: 65px;

}

.jingy.valas1{

  background: #4db9ae;

  animation-delay: 0.1s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1.5s;

}

.jingy.valas2{

  background: #46acbb;

  animation-delay: 0.4s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1.5s;

}

.jingy.valas3{

  background: #4d87bd;

  animation-delay: 0.6s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1.5s;

}

.jingy{

  width: 33.33%;

  border:1px solid #FFFFFF;

  padding: 45px 50px 90px 40px;

}

.jingya img{

  width: 50px;

}

.jingy h3{

  font-size: 24px;

  line-height: 32px;

  color: #ffffff;

  padding-top: 15px;

  padding-bottom: 35px;

}

.jingy p{

  font-size: 14px;

  line-height: 30px;

  color: #ffffff;

}

.gtfx{

  position: relative;

  background-image: url(../bgimg/gtfx.jpg);

  background-repeat: no-repeat;

  background-position:center;

  background-size:cover; 

  height: 490px;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1.5s;

}

.gtfxmc{

  height: 490px;

  background: rgba(19,27,34,0.64);

}

.gtfx p{

  font-size: 60px;

  height: 32px;

  color: #FFFFFF;

  position: absolute;

  top: 50%;

  left: 50%;    

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  font-family: 'Conv_HELVETICA_1',arial;

}

.gtfx span{

  color: #FFFFFF;

  font-size: 18px;

  line-height: 32px;

  font-family: "微软雅黑";

}

.rencaia{

  display: block;

  position: absolute;

  top: 45px;

  left: 50%;

  transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1.5s;

}

.rencaia img{

  width: 21px;

}

.rencai{

  position: relative;

  padding-top: 45px;

  padding-bottom: 65px;

}

.rencai>h1{

  padding-top: 50px;

  text-align: center;

  color: #333333;

  font-size: 36px;

  line-height: 32px;

  animation-delay: 0.3s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1.5s;

}

.rencai>p{

  padding-top: 10px;

  text-align: center;

  color: #666666;

  font-size: 16px;

  line-height: 32px;

  animation-delay: 0.4s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1.5s;

}

.zpjo{

  margin-top: 40px;

  animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1.5s;

}

.zpjo>li{

  width: 20%;

  background: #c0c0c0;

  font-size: 16px;

  line-height: 32px;

  float: left;

  color: #FFFFFF;

  padding-top: 20px;

  padding-bottom: 20px;

  padding-left: 60px;

}

.joinaz{  

  cursor: pointer;

  border-bottom: 1px solid #eeeeee;

  border-left:1px solid #eeeeee ;

  border-right:1px solid #eeeeee ;

  animation-delay: 0.3s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1.5s;

}

.joinaz>li{

  width: 20%;

  font-size: 16px;

  line-height: 32px;

  float: left;

  color: #333333;

  padding-top: 20px;

  padding-bottom: 20px;

  padding-left: 60px;

}

.joinaz>li>a{

  font-size: 16px;

  line-height: 32px;

  color: #0377C2;

}

.zhize{

  background: #f2f2f2;

  padding-top: 30px;

  padding-bottom: 45px;

}

.zwjs{

  width: 50%; 

}

.zwjs:nth-child(1){

  padding-left: 60px;

}

.zwjs:nth-child(2){

  padding-left: 60px;

}

.zwjs h5{

  font-size: 16px;

  line-height: 32px;

  color:#333333;

}

.zwjs p{

  font-size: 14px;

  line-height: 30px;

  color:#666666;

  width: calc(100% - 164px);

}

.ljsqq{

  padding-left: 60px;

  padding-top: 40px;

}

.ljsqq a{

  background: #0377c2;

  font-size: 16px;

  line-height: 32px;

  color:#FFFFFF;

  padding: 12px 22px;

}

.zhize{

  display: none;

}

.linianb .slick-dots li {

    background: #fff;

}

.linianb .slick-dots li.slick-active {

    background: #666;

}

.j_navs .slick-prev,.j_navs .slick-next{

  width: 40px;

  height: 40px;

}

.j_navs .slick-prev {

  background-image: url(../bgimg/jobla.png);

  background-size: 15px 27px;

  background-position:center;

  background-repeat: no-repeat; 

    left: -50px;

    z-index: 1;

}

.j_navs .slick-prev:hover{

  background-image: url(../bgimg/joblb.png);

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s;

}

.j_navs .slick-next {

  background-image: url(../bgimg/jobra.png);

  background-size: 15px 27px;

  background-position:center;

  background-repeat: no-repeat; 

    right: -50px;

    z-index: 1;

}

.j_navs .slick-next:hover {

  background-image: url(../bgimg/jobrb.png);

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s;

}

/*行业应用*/

.productsfl{

  width: calc(100% - 288px);

  padding-right: 40px;

}

.productsfl h2{

  font-size: 32px;

  line-height: 24px;

  color: #333333;

}

.productsfl .die{

  font-size: 20px;

  line-height: 24px;

  color: #888888;

  font-family: arial;

  padding-top: 18px;

  padding-bottom: 30px;

  margin-top: 0;

  border-bottom: 1px solid #dcdcdc;

}

.productsfl h3{

  font-size: 24px;

  line-height: 38px;

  color: #0377c2;

  font-family: "微软雅黑";

  margin-top: 25px;

  padding-bottom: 28px;

  position: relative;

}

.productsfl h3:after{

  content: '';

  position: absolute;

  width: 66px;

  height: 1px;

  background: #0377c2;

  left: 0;

  top: 48px;

}

.productsfl p{

  font-size: 16px;

  line-height: 32px;

  color: #555555;

  margin-top: 18px;

}

.hangyejob img{

  width:100%;

}

.productsfl h4{

  font-size: 18px;

  line-height: 32px;

  color: #333333;

  margin-top: 10px;

}

.productsfl .itxs{

  font-size: 16px;

  line-height: 32px;

  color: #555555;

  margin-top: 5px;

}

.canshus>ul{

  float: left;

  width: 14.28%;

}

.canshus>ul:nth-child(1),.canshus>ul:nth-child(5),.canshus>ul:nth-child(6){

  font-family: arial;

}

.canshus>ul>li{

  font-size: 14px;

  line-height: 48px;

  color: #333333;

  text-align: center;

  font-family: "黑体";

  border: 1px solid #dcdcdc;

}

.canshus>ul>li:nth-child(1){

  font-size: 14px;

  line-height: 38px;

  color: #0377c2;

  font-weight: bold;

  background: #EEEEEE;

  /*border-bottom: none;*/

}

.exbond h4{

  font-size: 18px;

    color: #475973;

    line-height: 38px;

    font-family: arial;

    font-weight: bold;

}

.exbond p{

  font-size: 14px;

    color: #333333;

    line-height: 28px;

    margin-top: 10px;

    margin-bottom: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}

.exbond span{

  font-size: 14px;

    color: #0377c2;

    line-height: 28px;

    font-family: arial;

}

.exbond{

  width: 33.33%;

  border-right: 1px solid #d9e5ec;

    padding: 15px 60px 20px 25px;

    animation-delay: 0.2s; 

  visibility: visible; 

  animation-name: fadeInUp;

  animation-duration: 1s;

}

.prodas{

  position: relative;

  padding-bottom: 65px;

}

@media (min-width: 1200px) {

  .exbond:hover{

    background: #0377c2;

      border-right: 1px solid #0377c2;

      transition: all .3s ease-in 0s;

      -o-transition: all .3s ease-in 0s;

      -ms-transition: all .3s ease-in 0s;

      -moz-transition: all .3s ease-in 0s;

      -webkit-transition: all .3s ease-in 0s;

  }

  .exbond:hover h4 {

      color: #fff;

  }

  .exbond:hover p {

      color: #fff;

  }

  .exbond:hover span{

    color: #fff;

  } 

  .cp_prev:hover .cad9{

    display: none;

  }

  .cp_next:hover .cad9{

    display: none;

  }

  .cp_prev:hover .cad90{

    display: inline-block;

  }

  .cp_next:hover .cad90{

    display: inline-block;

  }

  .licheng .slick-prev:hover{

    background: url(../bgimg/lcnext2.png) no-repeat center;

  }

  .licheng .slick-next:hover{

    background: url(../bgimg/lcnext1.png) no-repeat center;

  }

  .honorb .slick-prev:hover{

    background: url(../bgimg/lcnext2.png) no-repeat center;

  }

  .honorb .slick-next:hover{

    background: url(../bgimg/lcnext1.png) no-repeat center;

  }

  .j_dzlc > span:hover{

    border: 1px solid #0377c2;

    background-color: #0377c2;

  }

  .j_dzlc > span:hover img:nth-child(1) {

      display: none;

  }

  .j_dzlc > span:hover img:nth-child(2) {

      display: inline-block;

  }

/*  .productsl .la li:hover a{

    color: #0377c2; 

  }*/

  .newrz:hover h3 {

    color: #0377c2; 

  }

}

.cpjt{

  position: absolute;

  top: -55px;

  right: -14px;

}

.cp_prev,.cp_next{

  cursor: pointer;

  padding: 0 16px;

}

.cp_prev img,.cp_next img{

  width: 11px;

}

.cp_prev .cad90{

  display: none;

}

.cp_next .cad90{

  display: none;

}

.cp_center{

  color: #dcdcdc;

  font-size: 20px;

}

.w_img {

  padding-left: 11px;

  padding-right: 11px;

}

/*.wufumd:hover .fuwa{

  background-color: #0377c2;

}

.wufumd:hover .fuwa h4{

  color: #fff;

}

.wufumd:hover .fuwa p{

  color: #fff;

}

.wufumd:hover .fuwa span{

  color: #fff;

}*/



/*-------------------------联系我们地图--------------------*/



/*联系我们*/

/*.lianxi .map-province {

  white-space: nowrap;

  position: absolute;

  z-index: 888;

  margin: -0.2rem 0 0 -0.3rem;

  width: 60px;

  height: 10px;

  pointer-events: none;

  color: #333;

  font-size: 12px;

  text-align: center; }



.lianxi .job-zongbu {

  font-size: 0.14rem;

  color: #636363;

  margin: 0.05rem 0 0 -0.08rem; }



.lianxi .map-province span {

  position: absolute;

  left: 7px;

  right: 0;

  margin: auto;

  z-index: 9000; }



.lianxi .map-province .sheng-div div {

  position: absolute;

  top: 20px;

  left: 32px;

  z-index: 9000; }



.lianxi .map-province.cur {

  position: absolute;

  z-index: 9999999999999; }



.lianxi .map-province.cur .sheng-div {

  -webkit-animation: shengDa .3s;

  animation: shengDa .3s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  position: relative;

  z-index: 9999999; }



@-webkit-keyframes shengDa {

  0% {

    -webkit-transform: scale(0);

    transform: scale(0); }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1); } }



@keyframes shengDa {

  0% {

    -webkit-transform: scale(0);

    transform: scale(0); }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1); } }



.lianxi .map-province.cur span {

  font-size: 0.14rem;

  color: #1364aa; }



.lianxi .map-province.cur .sheng-div div {

  font-size: 0.14rem;

  color: #e7110f; }



.lianxi .map-province::before {

  content: '';

  width: 0;

  height: 0;

  border-radius: 0.3rem;

  background-color: rgba(255, 255, 255, 0);

  position: absolute;

  top: 20px;

  left: 34px;

  z-index: 6000;

  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s; }



.lianxi .map-province.cur::before {

  width: 0.6rem;

  height: 0.6rem;

  top: -10px;

  left: 4px;

  background-color: white; }



.lianxi .map-province::after {

  content: '';

  width: 0;

  height: 0;

  border-radius: 0.4rem;

  background-color: transparent;

  position: absolute;

  top: 20px;

  left: 34px;

  z-index: 5000;

  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s; }



.lianxi .map-province.cur::after {

  width: 0.8rem;

  height: 0.8rem;

  top: -20px;

  left: -6px;

  background-color: rgba(0, 0, 0, 0.4); }



.lianxi .address-box {

  width: 400px;

  height: 430px;

  background-color: #fff;

  -webkit-box-shadow: 0 0 10px #eee;

  box-shadow: 0 0 10px #eee;

  position: absolute;

  top: 260px; }



.lianxi .address-box .tt {

  height: 60px;

  color: #fff;

  font-size: 18px;

  line-height: 60px; }



.lianxi .address-box .tt > div {

  width: 100%;

  height: 100%;

  position: relative;

  cursor: pointer; }



.lianxi .address-box .tt .province {

  background-color: #1364aa; }



.lianxi .address-box .tt .city {

  background-color: #5c5c5c; }



.lianxi .address-box dt {

  position: relative;

  padding-left: 20px; }



.lianxi .address-box dt i {

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  transition: all .4s;

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -10px;

  right: 10%;

  width: 20px;

  height: 20px;

  color: #fff;

  line-height: 20px;

  text-align: center; }



.lianxi .address-box dt.on i {

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  transform: rotate(180deg); }



.lianxi .address-box i {

  color: #c6c9cc;

  font-size: 0.2rem;

  display: block; }



.lianxi .address-box i.zongbu {

  color: #f82635; }



.lianxi .address-box i.fenzhi {

  color: #0f538a; }



.lianxi .address-box i.wuliu {

  color: #c6c9cc; }



.lianxi .address-box dd {

  cursor: auto;

  position: absolute;

  top: 60px;

  left: 100%;

  width: 100%;

  color: #5c5c5c;

  height: 0;

  overflow: hidden;

  overflow-y: auto;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s; }



.lianxi .address-box .shenglei {

  display: none; }



.lianxi .address-box dd ul {

  height: 0;

  background: #fff;

  overflow: hidden;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  position: relative;

  z-index: 10; }



.lianxi .address-box .tt .province dd {

  left: 0; }



.lianxi .address-box .tt .city dd {

  left: -100%; }



.lianxi .address-box dd li {

  height: 40px;

  line-height: 40px;

  text-align: center;

  cursor: pointer;

  border-bottom: 1px dashed #eee; }



.lianxi .address-box .cc {

  height: 370px;

  padding-top: 20px;

  overflow: hidden;

  overflow-y: auto; }



.lianxi .address-box .cc li {

  padding: 0 20px 20px 20px; }



.lianxi .address-box .cc h3 {

  font-size: 16px;

  color: #123c7b; }



.lianxi .address-box .cc div {

  font-size: 14px;

  color: #292929;

  line-height: 2; }



.lianxi .address-box .cc p {

  font-size: 14px;

  color: #292929;

  line-height: 2; }



.lianxi .lianxi-box {

  background-color: rgba(96, 96, 96, 0.06);

  position: relative; }

  .lianxi .lianxi-box .width-1200 {

    padding: 50px 0 1.2rem 0;

    position: relative; }

    .lianxi .lianxi-box .width-1200 .lianxi-zong {

      width: 1200px;

      height: 80px;

      margin: 0 auto 50px;

      background-color: #fff;

      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);

      box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);

      text-align: center; }

      .lianxi .lianxi-box .width-1200 .lianxi-zong p {

        width: 30%;

        font-size: 14px;

        color: #1a1a1a;

        line-height: 80px;

        padding-left: 20px;

        float: left; }

        .lianxi .lianxi-box .width-1200 .lianxi-zong p i {

          font-size: 16px;

          color: #235ca4;

          margin-right: 10px; }

      .lianxi .lianxi-box .width-1200 .lianxi-zong p:last-child {

        width: 40%; }

    .lianxi .lianxi-box .width-1200 .lianxi-title {

      position: absolute;

      top: 2.15rem;

      left: 0; }

      .lianxi .lianxi-box .width-1200 .lianxi-title p {

        font-size: 0.3rem;

        color: #1a1a1a; }

      .lianxi .lianxi-box .width-1200 .lianxi-title span {

        font-size: 0.18rem;

        color: #1a1a1a;

        font-family: "HelveticaNeueLTStd-Th"; }

      .lianxi .lianxi-box .width-1200 .lianxi-title div {

        width: 0.3rem;

        height: 0.06rem;

        background-color: #0f538a;

        margin-top: 0.2rem; }

    .lianxi .lianxi-box .width-1200 .lianxi-zongbu {

      position: absolute;

      z-index: 200;

      top: 5.4rem;

      left: 0; }

      .lianxi .lianxi-box .width-1200 .lianxi-zongbu div {

        width: 5.5rem;

        height: 1.95rem;

        overflow: hidden;

        -webkit-transition: all .4s;

        -o-transition: all .4s;

        transition: all .4s; }

        .lianxi .lianxi-box .width-1200 .lianxi-zongbu div img {

          width: 100%;

          -webkit-transition: all .4s;

          -o-transition: all .4s;

          transition: all .4s; }

        .lianxi .lianxi-box .width-1200 .lianxi-zongbu div:hover {

          -webkit-transform: scale(0.98);

          -ms-transform: scale(0.98);

          transform: scale(0.98); }

          .lianxi .lianxi-box .width-1200 .lianxi-zongbu div:hover img {

            -webkit-transform: scale(1.1);

            -ms-transform: scale(1.1);

            transform: scale(1.1); }

      .lianxi .lianxi-box .width-1200 .lianxi-zongbu h1 {

        font-weight: bold;

        font-size: 0.17rem;

        color: #1a1a1a;

        margin: 0.35rem 0 0.4rem 0; }

      .lianxi .lianxi-box .width-1200 .lianxi-zongbu p {

        font-size: 0.14rem;

        color: #a1a1a1;

        line-height: 0.28rem; }

  .lianxi .lianxi-box .map {

    position: relative; }

    .lianxi .lianxi-box .map svg {

      width: 10rem;

      height: 8.45rem; }

    .lianxi .lianxi-box .map circle {

      fill: #fff;

      pointer-events: none;

      opacity: 0; }

    .lianxi .lianxi-box .map circle.on {

      opacity: 1; }

    .lianxi .lianxi-box .map polygon {

      cursor: pointer;

      fill: #e2e5e8;

      stroke: #f6f6f6;

      stroke-width: 1;

      opacity: 1;

      -webkit-transition: all 0.3s ease-in-out;

      -o-transition: all 0.3s ease-in-out;

      transition: all 0.3s ease-in-out; }

    .lianxi .lianxi-box .map polygon:hover, .lianxi .lianxi-box .map .map polygon.active {

      fill: #c6c9cc; }

  .lianxi .lianxi-box .map-1 {

    margin-left: 2rem; }



.lianxi .map-province {

  white-space: nowrap;

  position: absolute;

  z-index: 999;

  margin: -12px 0 0 -26px;

  width: 60px;

  pointer-events: none;

  color: #333;

  font-size: 12px;

  text-align: center; }

  .lianxi .map-province.on i {

    color: #236ed3;

    font-size: 0.3rem;

    margin: -0.4rem 0 0 0;

    display: block; }

  .lianxi .map-province.cur i {

    font-size: 0.3rem;

    color: #f82635; }



.lianxi-1 .lianxi-box::before {

  content: "";

  width: 50%;

  height: 5.8rem;

  background-color: rgba(255, 255, 255, 0.7);

  position: absolute;

  top: 4.4rem;

  left: 0;

  z-index: 100; }



.lianxi-1 .lianxi-box .map polygon {

  cursor: unset; }



.lianxi-2 .map-province span {

  position: absolute;

  z-index: 9000; }



.lianxi-2 .map-province .sheng-div div {

  position: absolute;

  top: 20px;

  left: 32px;

  z-index: 9000; }



.lianxi-2 .map-province.cur {

  position: absolute;

  z-index: 9999999999999; }



.lianxi-2 .map-province.cur .sheng-div {

  -webkit-animation: shengDa .3s;

  animation: shengDa .3s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  position: relative;

  z-index: 9999999; }



@keyframes shengDa {

  0% {

    -webkit-transform: scale(0);

    transform: scale(0); }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1); } }



.lianxi-2 .map-province.cur span {

  font-size: 0.14rem;

  color: #1364aa; }



.lianxi-2 .map-province.cur .sheng-div div {

  font-size: 0.14rem;

  color: #e7110f; }



.lianxi-2 .map-province::before {

  content: '';

  width: 0;

  height: 0;

  border-radius: 0.3rem;

  background-color: rgba(255, 255, 255, 0);

  position: absolute;

  top: 20px;

  left: 34px;

  z-index: 6000;

  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s; }



.lianxi-2 .map-province.cur::before {

  width: 0.6rem;

  height: 0.6rem;

  top: -10px;

  left: 4px;

  background-color: white; }



.lianxi-2 .map-province::after {

  content: '';

  width: 0;

  height: 0;

  border-radius: 0.4rem;

  background-color: transparent;

  position: absolute;

  top: 20px;

  left: 34px;

  z-index: 5000;

  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s; }

.width-1200 {

    width: 1200px;

    margin: auto;

}

.lianxi-2 .map-province.cur::after {

  width: 0.8rem;

  height: 0.8rem;

  top: -20px;

  left: -6px;

  background-color: rgba(0, 0, 0, 0.4); }



.lianxi-2 .lianxi-box .map-2 {

  margin-left: 5.2rem; }

  .lianxi-2 .lianxi-box .map-2 svg {

    width: 6.8rem;

    height: 5.71rem; }



.lianxi-2 .lianxi-sou {

  width: 3.2rem;

  height: 0.5rem;

  border-radius: 0.25rem;

  background-color: #e5eaee;

  position: absolute;

  top: 2.16rem;

  left: 0; }

  .lianxi-2 .lianxi-sou input {

    width: 2.6rem;

    height: 0.5rem;

    line-height: 0.5rem;

    border: none;

    background-color: transparent;

    padding-left: 0.2rem;

    color: #6d6d6d;

    font-size: 0.14rem; }

  .lianxi-2 .lianxi-sou button {

    width: 0.5rem;

    height: 0.5rem;

    border: none;

    background-color: transparent; }

    .lianxi-2 .lianxi-sou button i {

      font-size: 0.2rem;

      color: #9ea4ab; }



.lianxi-2 .address-box .cc .lianxi-text-left {

  float: left;

  width: 30px; }

  .lianxi-2 .address-box .cc .lianxi-text-left i {

    color: #c6c9cc;

    font-size: 0.2rem;

    display: block; }

  .lianxi-2 .address-box .cc .lianxi-text-left i.zongbu {

    color: #f82635; }

  .lianxi-2 .address-box .cc .lianxi-text-left i.fenzhi {

    color: #0f538a; }

  .lianxi-2 .address-box .cc .lianxi-text-left i.wuliu {

    color: #c6c9cc; }



.lianxi-2 .address-box .cc ul {

  float: left; }

  .lianxi-2 .address-box .cc ul li {

    overflow: hidden; }



.lianxi-2 .address-box .cc .lianxi-text-right {

  width: 300px;

  float: right; }

  .lianxi-2 .address-box .cc .lianxi-text-right .lianxi-text-title {

    padding-bottom: 0.11rem;

    margin-bottom: 0;

    background-color: #fff;

    position: relative; }

  .lianxi-2 .address-box .cc .lianxi-text-right .fax {

    padding-bottom: 0.1rem; }

  .lianxi-2 .address-box .cc .lianxi-text-right .lianxi-dandan.on {

    border-top: 1px solid #f2f2f2;

    margin-top: -1px;

    padding-top: 0.1rem; }

  .lianxi-2 .address-box .cc .lianxi-text-right .lianxi-dandan p {

    font-weight: lighter; }

  .lianxi-2 .address-box .cc .lianxi-text-right div {

    font-size: 0.17rem;

    color: #1a1a1a;

    font-weight: bold;

    margin-bottom: 0.1rem; }

  .lianxi-2 .address-box .cc .lianxi-text-right p {

    font-size: 0.14rem;

    color: #a1a1a1;

    line-height: 2em; }*/

   .sht{

    display: none;

   }

   .phwha{

    display: none;

   }

.place img{

  width: 17px;

}

.place{

  width: 20px;

}

.placer{

  width: calc(100% - 20px);

  padding-left:10px; 

}

.placer h4{

  font-size: 18px;

  line-height: 32px;

  color: #333333;

  font-family: "微软雅黑";

  padding-bottom: 20px;

}

.placer p{

  font-size: 14px;

  line-height: 24px;

  color: #555555;

}

#goTop.on {

    display: none !important;

}

.j_nav ul>li:hover .j-imga{

  display: none;

}

.j_nav ul>li:hover .j-imgb{

  display: inline-block;

}

.j_nav ul>li:hover a{

  color: #0377C2;

}



.jsht{

  position: relative;

}

.jweinxa {

    display: none;

    position: absolute;

    top: -65px;

    left: -156px;

}

.jweinxa img{

  width: 150px !important;

  height: 150px !important;

  margin-right: 0 !important;



}

.incos .inmor a:nth-child(2) img{

  -webkit-transition: all .3s ease-out 0s;

  -moz-transition: all .3s ease-out 0s;

  -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;

  transition: all .3s ease-out 0s;

}

@media (min-width: 1200px){

  .incos .inmor a:nth-child(2):hover img{

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

  }

  .ints:hover .inta img{

    transform: scale(1);

  }

}

.w_pimg{

  text-indent: 0 !important;

}

.w_pimg img{

  max-width: 100%;

}

.news .slick-prev, .news .slick-next{

    width:31px;

    height:31px;

      border: 1px solid #dbdbdb;

    z-index: 50000;

    top:100%;

    background:#fff;

  }

  .news .slick-prev {

    top: 50%;

    left: 0;

    transform: translate(60px,100px);

    background: url(../bgimg/sb_l.png) no-repeat top center #fff;

}

  .news .slick-next {

    top: 50%;

    left: 59px;

    transform: translate(31px,100px);

    background: url(../bgimg/sb_r.png) no-repeat top center #fff;

}

  .news .slick-next:hover{

    background:url(../bgimg/sb_r.png) no-repeat top center #0377c2;

    background-position: 0 -31px;

  }

  .news .slick-prev:hover{

    background:url(../bgimg/sb_l.png) no-repeat top center #0377c2;

    background-position: 0 -31px;

  }

  .john_vue {

    position: initial;

  }

  .g_honors{

    position: relative;

    overflow: hidden;

  }

  .g_honotit{

    font-family: "微软雅黑";

    font-size: 16px;

    line-height: 24px;

    display: block;

    color: #fff;

    text-align: center;

    height: 48px;

    margin-top: 22px;

  }

  .g_j_subl .cpzx{

    width: 1200px;

  } 

  .g_j_subl .cpzx>li {

      width: 25%;

  }

  .g_xsym .g_imgxs{

    display: none;

  }

  .g_erbtnbox{

    position: absolute;

    width: 36px;

    height: 36px;

    right: 15px;

    top: 50%;

    transform: translateY(-50%);

  }

  .g_erbtnbox img{

    width: 16px;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    position: relative;

  }

  .g_ejbtnb{

    display: none;

  }

  .g_atvn .g_ejbtnb{

    display: block !important;

  }

  .g_atvn .g_ejbtna{

    display: none !important;

  }

  .inactives.g_nabmk{

    background: #0377c2 !important;

  }

  .g_lidhl{

    display: none;

  }

   .yx_slick{

    display: none;

   }

  .slick-dots .yx_slick{

    display: block;

  }

  .yx_slick0{

    display: block !important;

  }

  .g_ernabmb{

    display: none !important;

  }





  .jssa .juls{

    min-width: 812px;

  }

  .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

      background-color: rgb(220, 220, 220) !important;

  }

  .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

      background-color: rgba(0, 0, 0, 0.1) !important;

  }









  .header_r{

    height: 100%;

    display: block;

    position: relative;

  }

  .header_rsa{

    height: 100%;

  }

  .header_rsa a{

    height: 100%;

    display: block;

    position: relative;

  }

  .header_rsa img,.header_rsb img{

    position: relative;

    top: 50%;

    transform: translateY(-50%);

  }

  .header_rsa{

    height: 80px;

    line-height: 1;

  }

  .header_r a{

    height: 80px;

    display: inline-block;

    position: relative;

    line-height: 1;

  }

  .header_rsa, .header_rsb{

    height: 80px;

    line-height: 1;

  }


.l_about:hover .l_aboutht {
    opacity: 0;
}
.l_about:hover .l_aboutlt {
  opacity: 1;
}

.l_about {
  position: relative;
}

.l_aboutht {
  position: relative;
  top: 0;
  left: 0;
  transition: all 1s;
}

.l_aboutlt {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 1s;
}