.yc {



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}



.gd {



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.h_top {



  -webkit-transform: translateY(-5px);



  transform: translateY(-5px);



}



.right_t {



  -webkit-transform: translateX(5px);



  transform: translateX(5px);



}



.dx {



  text-transform: uppercase;



}



.clear {



  clear: both;



}



.over {



  overflow: hidden;



}



.container {



  width: 1200px;



  min-width: 1200px;



  margin: 0 auto;



}



.f_l {



  float: left;



}



.f_r {



  float: right;



}



.bs {



  box-sizing: border-box;



}



.pic_tit {



  font-size: 36px;



  font-weight: bold;



  font-stretch: normal;



  display: block;



  text-align: center;



  letter-spacing: 0px;



  color: #333333;



  line-height: 29px;



  margin-bottom: 16px;



}



.pic_tit::before,



.pic_tit::after {



  width: 121px;



  height: 15px;



  vertical-align: middle;



  content: " ";



  display: inline-block;



}



.pic_tit::before {



  margin-right: 10px;



  background: url("../images/pic_l.png") no-repeat;



}



.pic_tit::after {



  margin-left: 10px;



  background: url("../images/pic_r.png") no-repeat;



}



.pic_en {



  text-align: center;



  height: 10px;



  font-family: ArialMT;



  font-size: 18px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 13px;



  text-transform: uppercase;



  letter-spacing: 0px;



  color: #999999;



}



/*首页banner*/



#outerslider {



  width: 100%;



  height:600px;



  margin: 0 auto;



  overflow: hidden;



  position: relative;



  z-index: 1;



}



#slidercontainer {



  position: relative;



  width: 100%;



  height:600px;



}



.box_skitter_large {



  width: 100%;



  height:600px;



}



.box_skitter {



  position: relative;



}



.box_skitter ul {



  display: none;



  margin: 0;



  padding: 0;



}



.box_skitter ul li {



  margin: 0;



  padding: 0;



}



.box_skitter .container_skitter {



  overflow: hidden;



  position: relative;



}



.box_skitter .image {



  overflow: hidden;



}



.box_skitter .image img {



  display: none;



}



.box_skitter .box_clone {



  position: absolute;



  top: 0;



  left: 0;



  width: 100px;



  overflow: hidden;



  display: none;



  z-index: 20;



}



.box_skitter .box_clone img {



  position: absolute;



  top: 0;



  left: 0;



  z-index: 20;



}



.box_skitter .prev_button {



  position: absolute;



  top: 50%;



  left: 30px;



  z-index: 100;



  width: 49px;



  height: 49px;



  overflow: hidden;



  text-indent: -9999em;



  margin-top: -25px;



  background: url(../images/prev.png) no-repeat left top;



  opacity: 1 !important;



}



.box_skitter .prev_button:hover {



  background-position: 0 -49px !important;



}



.box_skitter .next_button {



  position: absolute;



  top: 50%;



  right: 30px;



  z-index: 100;



  width: 49px;



  height: 49px;



  overflow: hidden;



  text-indent: -9999em;



  margin-top: -25px;



  background: url(../images/next.png) no-repeat left top;



  opacity: 1 !important;



}



.box_skitter .next_button:hover {



  background-position: 0 -49px !important;



}



.box_skitter .info_slide {



  position: absolute;



  top: 25px;



  left: 15px;



  z-index: 100;



  color: #fff;



  font: 700 11px arial;



  padding: 5px 0 5px 5px;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px;



  opacity: 0.75;



}



.box_skitter .info_slide .image_number {



  background: #333;



  float: left;



  padding: 4px 10px;



  margin: 0 5px 0 0;



  cursor: pointer;



  -moz-border-radius: 2px;



  -webkit-border-radius: 2px;



  border-radius: 2px;



}



.box_skitter .info_slide .image_number_select {



  background: #0065b2;



  float: left;



  padding: 4px 10px;



  margin: 0 5px 0 0;



}



.box_skitter .container_thumbs {



  position: relative;



  overflow: hidden;



  height: 50px;



}



.box_skitter .info_slide_thumb {



  -moz-border-radius: 0;



  -webkit-border-radius: 0;



  border-radius: 0;



  overflow: hidden;



  height: 45px;



  top: auto;



  bottom: -5px;



  left: -5px;



  padding: 5px;



  opacity: 1;



}



.box_skitter .info_slide_thumb .image_number {



  overflow: hidden;



  width: 70px;



  height: 40px;



  position: relative;



}



.box_skitter .info_slide_thumb .image_number img {



  position: absolute;



  top: -50px;



  left: -50px;



}



.box_skitter .box_scroll_thumbs {



  padding: 0 10px;



}



.box_skitter .box_scroll_thumbs .scroll_thumbs {



  position: absolute;



  bottom: 60px;



  left: 50px;



  background: #ccc;



  background: -moz-linear-gradient(-90deg, #555, #fff);



  background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));



  width: 200px;



  height: 10px;



  overflow: hidden;



  text-indent: -9999em;



  z-index: 101;



  -moz-border-radius: 20px;



  -webkit-border-radius: 20px;



  border-radius: 20px;



  cursor: pointer;



  border: 1px solid #333;



}



.box_skitter .info_slide_dots {



  position: absolute;



  bottom: 30px;



  z-index: 151;



  padding: 5px 0 5px 5px;



  -moz-border-radius: 50px;



  -webkit-border-radius: 50px;



  border-radius: 50px;



}



.box_skitter .info_slide_dots .image_number {



  background: #333;



  float: left;



  margin: 0 5px 0 0;



  cursor: pointer;



  -moz-border-radius: 50px;



  -webkit-border-radius: 50px;



  border-radius: 50px;



  width: 18px;



  height: 18px;



  text-indent: -9999em;



  overflow: hidden;



}



.box_skitter .info_slide_dots .image_number_select {



  background: #0065b2;



  float: left;



  margin: 0 5px 0 0;



}



.box_skitter .label_skitter {



  z-index: 150;



  position: absolute;



  display: none;



}



.loading {



  position: absolute;



  top: 50%;



  right: 50%;



  z-index: 10000;



  margin: -16px;



  color: #fff;



  text-indent: -9999em;



  overflow: hidden;



  background: url(../images/ajax-loader.gif) no-repeat left top;



  width: 32px;



  height: 32px;



}



.label_skitter {



  z-index: 150;



  position: absolute;



  color: #fff;



  display: none;



}



.info_slide * {



  font-family: Consolas, arial, tahoma !important;



}



.box_skitter .progressbar {



  background: #000;



  position: absolute;



  top: 10px;



  left: 15px;



  height: 5px;



  width: 200px;



  z-index: 99;



  border-radius: 20px;



}



#preview_slide {



  display: none;



  position: absolute;



  z-index: 152;



  bottom: 30px;



  left: -40px;



  width: 100px;



  height: 100px;



  background: #fff;



  border: 1px solid #222;



  -moz-box-shadow: rgba(0, 0, 0, 0.7) 2px 2px 5px;



  -webkit-box-shadow: rgba(0, 0, 0, 0.7) 2px 2px 5px;



  box-shadow: rgba(0, 0, 0, 0.7) 2px 2px 5px;



  overflow: hidden;



}



#preview_slide ul {



  height: 100px;



  overflow: hidden;



  margin: 0;



  list-style: none;



  display: block;



  position: absolute;



  top: 0;



  left: 0;



}



#preview_slide ul li {



  width: 100px;



  height: 100px;



  overflow: hidden;



  float: left;



  margin: 0;



  padding: 0;



  position: relative;



  display: block;



}



#preview_slide ul li img {



  position: absolute;



  top: 0;



  left: 0;



  height: 150px;



  width: auto;



}



#overlay_skitter {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  z-index: 9998;



  opacity: 1;



  background: #000;



}



.box_skitter .focus_button {



  position: absolute;



  top: 50%;



  z-index: 100;



  width: 42px;



  height: 42px;



  overflow: hidden;



  text-indent: -9999em;



  margin-top: -25px;



  background: url(../images/focus-button.png) no-repeat left top;



  opacity: 0;



}



.box_skitter .play_pause_button {



  position: absolute;



  top: 50%;



  z-index: 151;



  width: 42px;



  height: 42px;



  overflow: hidden;



  text-indent: -9999em;



  margin-top: -25px;



  background: url(../images/pause-button.png) no-repeat left top;



  opacity: 0;



}



.box_skitter .play_pause_button.play_button {



  background: url(../images/play-button.png) no-repeat left top;



}



.pic_h3 {



  text-align: center;



  font-family: MicrosoftYaHei;



  font-size: 42px;



  font-weight: Bold;



  font-stretch: normal;



  line-height: 42px;



  letter-spacing: 0px;



  color: #333333;



  padding-bottom: 13px;



}



.pic_h3.white {



  color: #fff;



}



.pic_h4 {



  display: block;



  text-align: center;



  font-family: MicrosoftYaHei;



  font-size: 28px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 21px;



  letter-spacing: 0px;



  color: #999999;



}



.pic_h4.white {



  color: #fff;



}



.pro_box {



  width: 100%;



  box-sizing: border-box;



  padding-top: 97px;



  height: 1220px;



  background: #f5f4f4;



}



.pro_box .pro_main {



  width: 1200px;



  min-width: 1200px;



  margin: 0 auto;



  position: relative;



}



.pro_box .pro_main .pro_tit {



  float: left;



  height: 78px;



  width: 286px;



  position: relative;



  margin-right: 83px;



}



.pro_box .pro_main .pro_tit::after {



  position: absolute;



  top: 50%;



  margin-top: -2.5px;



  right: 0px;



  z-index: 1;



  width: 48px;



  height: 5px;



  background-color: #0065b2;



  display: inline-block;



  content: " ";



  margin-left: 37px;



}



.pro_box .pro_main .pro_tit .pro_h3 {



  font-size: 42px;



  font-weight: bold;



  font-stretch: normal;



  line-height: 42px;



  letter-spacing: 0px;



  color: #333333;



  display: block;



  padding-bottom: 12px;



}



.pro_box .pro_main .pro_tit .pro_en {



  font-size: 28px;



  font-stretch: normal;



  line-height: 22px;



  letter-spacing: 0px;



  color: #999999;



  display: block;



}



.pro_box .pro_main .pro_class {



  height: 18px;



  float: left;



  margin-top: 33px;



}



.pro_box .pro_main .pro_class a {



  display: inline-block;



  height: 18px;



  margin-right: 83px;



  line-height: 18px;



  color: #333333;



  font-size: 18px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.pro_box .pro_main .pro_class a:hover {



  -webkit-transform: translateX(5px);



  transform: translateX(5px);



  color: #0065b2;



}



.pro_box .pro_main .pro_class a:last-child {



  margin-right: 0px;



}



.pro_box .pro_main .pro_list {



  clear: both;



  width: 1200px;



  overflow: hidden;



  padding-top:60px;



}



.pro_box .pro_main .pro_list .swiper-slide {



  width: 382px;



  float: left;



  margin-bottom: 5px!important;



  background: #fff;



  height: 442px;



}



.pro_box .pro_main .pro_list .swiper-slide .p_img {



  width: 362px;



  height: 246px;



  margin: 10px auto 52px;



  overflow: hidden;



}



.pro_box .pro_main .pro_list .swiper-slide .p_img img {



  width: 362px;



  height: 246px;



  display: block;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.pro_box .pro_main .pro_list .swiper-slide .p_tit {



  display: block;



  padding: 0 20px;



  width: 100%;



  box-sizing: border-box;



  color: #333333;



  font-size: 24px;



  line-height: 24px;



  text-align: center;



  padding-bottom: 20px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}



.pro_box .pro_main .pro_list .swiper-slide .p_word {



  width: 309px;



  margin: 0 auto;



  text-align: center;



  font-family: MicrosoftYaHei;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 25px;



  letter-spacing: 0px;



  color: #999999;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 2;



  overflow: hidden;



  height: 50px;



}



.pro_box .pro_main .pro_list .swiper-slide:hover {



  box-shadow: 0px 0px 16px 0px rgba(1, 1, 1, 0.08);



}



.pro_box .pro_main .pro_list .swiper-slide:hover .p_img img {



  transform: scale(1.1) rotate(0);



}



.pro_box .pro_main .pro_list .swiper-slide:hover .p_tit {



  color: #0065b2;



}



.pro_box .pro_main .pro_list .next1 {



  width: 30px;



  height: 56px;



  background: url("../images/p_next1.png") no-repeat;



  top: 642px;



  margin-top: 0px;



  right: -72px;



  position: absolute;



}



.pro_box .pro_main .pro_list .prev1 {



  width: 30px;



  height: 56px;



  background: url("../images/p_prev1.png") no-repeat;



  top: 642px;



  margin-top: 0px;



  left: -72px;



  position: absolute;



}



.case_box {



  width: 100%;



  overflow: hidden;



  height: 961px;



  background: url("../images/case_bg.jpg") no-repeat top center;



  box-sizing: border-box;



  padding-top: 117px;



}



.case_box .case_main {



  width: 1761px;



  margin: 97px auto 0;



  overflow: hidden;



}



.case_box .case_main .case_item {



  overflow: hidden;



  width: 100%;



  padding: 15px 14px 0;



  height: 430px;



  box-sizing: border-box;



  background-color: #ffffff;



  position: relative;



  margin-top: 1px;



  transform: translateY(-1px);



}



.case_box .case_main .case_item::after {



  position: absolute;



  bottom: 0;



  content: '';



  width: 20px;



  height: 20px;



  background: #0065b2;



  border-radius: 50%;



  transition: 0.5s;



  z-index: -1;



  left: 50%;



  margin-left: -10px;



  opacity: 0;



}



.case_box .case_main .case_item .case_img {



  display: block;



  width: 100%;



  height: 256px;



  overflow: hidden;



}



.case_box .case_main .case_item .case_img img {



  display: block;



  width: 100%;



  height: 256px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.case_box .case_main .case_item .case_tit {



  display: block;



  width: 100%;



  box-sizing: border-box;



  padding-right: 50px;



  background: url("../images/case_more.png") no-repeat right center;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  margin-top: 4px;



  line-height: 91px;



  font-size: 16px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #333333;



  border-bottom: 1px solid rgba(0, 0, 0, 0.05);



}



.case_box .case_main .case_item span {



  display: block;



  margin-top: 25px;



  line-height: 16px;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #999999;



  background: url("../images/case_time1.png") no-repeat 154px center;



  box-sizing: border-box;



  padding-left: 176px;



}



.case_box .case_main .case_item:hover::after {



  transform: scale(30);



  bottom: 150px;



  border-radius: 0;



  opacity: 1;



}



.case_box .case_main .case_item:hover .case_img img {



  transform: scale(1.1) rotate(0);



}



.case_box .case_main .case_item:hover .case_tit {



  color: #fff;



}



.case_box .case_main .case_item:hover span {



  color: #fff;



  background: url("../images/case_time.png") no-repeat 154px center;



}



.case_box .case_main .jiantou {



  display: block;



  text-align: center;



}



.case_box .case_main .swiper-button-prev.prev2 {



  background: url("../images/csae_prev.png") no-repeat;



  width: 52px;



  height: 19px;



  display: inline-block;



  margin-top: 93px;



}



.case_box .case_main .swiper-button-next.next2 {



  background: url("../images/case_next.png") no-repeat;



  width: 52px;



  height: 19px;



  display: inline-block;



  margin-top: 93px;



}



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



  .case_main {



    width: 100%!important;



  }



  .case_main .jiantou {



    width: 100%;



  }



}



.about_box {



  width: 100%;



  height: 1059px;



  background: url("../images/about_bg.jpg") no-repeat top center;



}



.about_box .about_main {



  width: 1200px;



  min-width: 1200px;



  margin: 0 auto;



  padding-bottom: 105px;



  overflow: hidden;



}



.about_box .about_main .left {



  float: left;



  width: 532px;



  padding-top: 157px;



}



.about_box .about_main .left h4 {



  font-family: MicrosoftYaHei;



  font-size: 42px;



  font-weight: Bold;



  font-stretch: normal;



  line-height: 42px;



  letter-spacing: 0px;



  color: #333333;



  margin-bottom: 12px;



}



.about_box .about_main .left h5 {



  height: 22px;



  font-family: MicrosoftYaHei;



  font-size: 28px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 22px;



  letter-spacing: 0px;



  color: #999999;



}



.about_box .about_main .left p {



  font-size: 16px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 40px;



  letter-spacing: 0px;



  color: #666666;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 5;



  overflow: hidden;



  height: 200px;



  margin: 38px 0 123px;



}



.about_box .about_main .left .about_more {



  width: 162px;



  height: 44px;



  padding-left: 25px;



  background: #0065b2 url("../images/about_more.png") no-repeat 117px center;



  display: block;



  box-sizing: border-box;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  line-height: 44px;



  color: #fff;



}



.about_box .about_main .left .about_more:hover {



  -webkit-transform: translateX(5px);



  transform: translateX(5px);



}



.about_box .about_main .about_img {



  float: right;



  width: 641px;



  height: 553px;



  padding-top: 125px;



}



.about_box .about_main .about_img img {



  display: block;



  width: 641px;



  height: 553px;



}



.about_box .num_box {



  clear: both;



  height: 227px;



  width: 100%;



  color: #666666;



  border-top: 1px solid rgba(0, 0, 0, 0.08);



  border-bottom: 1px solid rgba(0, 0, 0, 0.08);



}



.about_box .num_box ul {



  width: 1200px;



  min-width: 1200px;



  margin: 0 auto;



}



.about_box .num_box ul li {



  padding-top: 46px;



  float: left;



  text-align: center;



  width: 20%;



  background: url("../images/a_bg.png") no-repeat left 56px;



}



.about_box .num_box ul li .icon_img {



  display: block;



  width: 61px;



  height: 49px;



  margin: 0 auto 14px;



  display: flex;



  text-align: center;



  justify-content: center;



  width: auto;



}



.about_box .num_box ul li .icon_img img {



  display: block;



  width: auto;



}



.about_box .num_box ul li .num {



  display: inline-block;



  font-size: 48px;



  line-height: 48px;



  position: relative;



  font-size: 18px;



  color: #000000;



}



.about_box .num_box ul li .num .scrollnum {



  font-family: Arial;



  font-size: 42px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 30px;



  letter-spacing: 0px;



  font-weight: bold;



  color: #000000;



}



.about_box .num_box ul li .num .i_e {



  font-size: 18px;



  position: absolute;



  top: 0px;



  right: 4px;



  line-height: 12px;



}



.about_box .num_box ul li p {



  font-size: 18px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 25px;



  letter-spacing: 0px;



  color: #999999;



  text-align: center;



}



.part_box {



  box-sizing: border-box;



  height: 1102px;



  width: 100%;



  padding-top: 51px;



  background: url("../images/part_bg.jpg") no-repeat center bottom;



}



.part_box .part_main {



  width: 1200px;



  min-width: 1200px;



  margin: 0 auto;



}



.part_box .part_main .hd {



  height: 188px;



  padding: 68px 0 134px;



}



.part_box .part_main .hd a {



  width: 25%;



  height: 188px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  background: linear-gradient(to right, #ececec, #f8f8f8);



  float: left;



  display: block;



}



.part_box .part_main .hd a .i_tit {



  display: block;



  padding: 81px 20px 17px;



  text-align: center;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  font-size: 28px;



  font-weight: bold;



  font-stretch: normal;



  line-height: 28px;



  letter-spacing: 0px;



  color: #333333;



}



.part_box .part_main .hd a .img_icon {



  width: 41px;



  height: 32px;



  opacity: 0.16;



  display: block;



  margin: 0 auto;



  background: url("../images/par_icon.png") no-repeat center 0px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.part_box .part_main .hd a:hover,



.part_box .part_main .hd a.on {



  background: #0065b2;



}



.part_box .part_main .hd a:hover .i_tit,



.part_box .part_main .hd a.on .i_tit {



  color: #fff;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.part_box .part_main .hd a:hover .img_icon,



.part_box .part_main .hd a.on .img_icon {



  background: url("../images/par_icon.png") no-repeat center -32px;



}



.part_box .part_main .bd {



  height: 438px;



  width: 1200px;



  min-width: 1200px;



  margin: 0 auto;



  overflow: hidden;



}



.part_box .part_main .bd li {



  margin-left: -14px;



  overflow: hidden;



  width: 1214px;



}



.part_box .part_main .bd li .part_item {



  width: 288px;



  height: 204px;



  background-color: #ffffff;



  position: relative;



  display: block;



  margin: 0 0 15px 14px;



  float: left;



}



.part_box .part_main .bd li .part_item img {



  display: block;



  width: 288px;



  height: 204px;



}



.part_box .part_main .bd li .part_item .i_font {



  position: absolute;



  z-index: 1;



  top: 0px;



  left: 0px;



  width: 288px;



  height: 204px;



  box-sizing: border-box;



  padding: 93px 20px 0;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  font-size: 20px;



  color: #d8d5d5;



  text-align: center;



  display: block;



  transform: scale(0) rotate(0);



  -webkit-transition: 0.5s;



  transition: 0.5s;



  background: rgba(0, 0, 0, 0.96) url("../images/par_add.png") no-repeat center 132px;



}



.part_box .part_main .bd li .part_item:hover .i_font {



  transform: scale(1) rotate(360deg);



}



.team_box {



  height: 840px;



  clear: both;



  box-sizing: border-box;



  padding-top: 86px;



  position: relative;



  width: 1200px;



  min-width: 1200px;



  margin: 0 auto;



}



.team_box .bd {



  width: container;



  padding-top: 72px;



  height: 517px;



}



.team_box .bd li {



  border-radius: 10px;



  float: left;



  width: 400px;



  height: 517px;



  border-radius: 2px;



  position: relative;



  transform: translateX(-2px);



  overflow: hidden;



}



.team_box .bd li::after {



  width: 100%;



  border-radius: 2px;



  content: "";



  display: block;



  position: absolute;



  left: 0;



  bottom: 0px;



  background: #0065b2;



  height: 0px;



  z-index: -1;



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



  transition: all 0.5s ease-out;



}



.team_box .bd li .team_img {



  width: 185px;



  height: 185px;



  display: block;



  border-radius: 50%;



  margin: 83px auto 32px ;



  border: 4px solid #e5e3e3;



  overflow: hidden;



}



.team_box .bd li .team_img img {



  width: 185px;



  height: 185px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.team_box .bd li .text {



  width: 218px;



  margin: 0 auto;



}



.team_box .bd li .text .team_tit {



  font-family: MicrosoftYaHei;



  font-stretch: normal;



  line-height: 18px;



  letter-spacing: 0px;



  font-size: 18px;



  color: #333333;



  padding-bottom: 11px;



  text-align: center;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  font-weight: bold;



  display: block;



}



.team_box .bd li .text p {



  width: 240px;



  text-align: center;



  margin: 0 auto;



  float: right;



  font-family: MicrosoftYaHei;



  font-size: 16px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 24px;



  letter-spacing: 0px;



  color: #666;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 2;



  overflow: hidden;



  height: 48px;



}



.team_box .bd li .text i {



  width: 50px;



  height: 50px;



  margin: 47px auto 0px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  background: url("../images/t_iocn.png") no-repeat;



}



.team_box .bd li:hover::after {



  height: 100%;



}



.team_box .bd li:hover .team_img {



  border: 4px solid #e5e3e3;



}



.team_box .bd li:hover .team_img img {



  transform: scale(1.1) rotate(0);



}



.team_box .bd li:hover .text .team_tit {



  color: #fff;



}



.team_box .bd li:hover .text p {



  color: #fff;



}



.team_box span {



  position: absolute;



  z-index: 1;



  display: block;



  width: 72px;



  height: 72px;



  top: 450px;



}



.team_box span.prev {



  left: -93px;



  background: url("../images/te_prev.png") no-repeat;



}



.team_box span.next {



  right: -93px;



  background: url("../images/te_next.png") no-repeat;



}



.new_box {





  overflow: hidden;



  background: #f4f4f4;



  padding-top: 91px;



  box-sizing: border-box; height:850px;



}



.new_box .new_main {



  height: 518px;



  width: 1200px;



  min-width: 1200px;



  margin: 0 auto;



  padding-top: 67px;



}



.new_box .new_main .n_left {



  float: left;



  width: 509px;



  height: 518px;



  background: #fff;



  box-sizing: border-box;



  padding: 57px 42px 0 37px;



}



.new_box .new_main .n_left .bd {



  overflow: hidden;



  width: 100%;



}



.new_box .new_main .n_left .bd h4 {



  font-family: MicrosoftYaHei;



  font-size: 26px;



  font-weight: Bold;



  font-stretch: normal;



  line-height: 26px;



  letter-spacing: 0px;



  color: #333333;



  padding-bottom: 7px;



}



.new_box .new_main .n_left .bd span {



  display: block;



  height: 20px;



  font-family: MicrosoftYaHei;



  font-size: 20px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 20px;



  letter-spacing: 0px;



  color: #999999;



  padding-bottom: 37px;



}



.new_box .new_main .n_left .bd ul li .n_img {



  display: block;



  width: 440px;



  height: 256px;



  margin-bottom: 19px;



  overflow: hidden;



}



.new_box .new_main .n_left .bd ul li .n_img img {



  display: block;



  width: 440px;



  height: 256px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.new_box .new_main .n_left .bd ul li .n_tit {



  font-family: MicrosoftYaHei;



  font-size: 16px;



  font-weight: Bold;



  font-stretch: normal;



  line-height: 16px;



  letter-spacing: 0px;



  color: #333333;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



}



.new_box .new_main .n_left .bd ul li:hover .n_img img {



  transform: scale(1.1) rotate(0);



}



.new_box .new_main .n_left .hd {



  margin-top: 26px;



  height: 16px;



  text-align: right;



}



.new_box .new_main .n_left .hd ul li {



  width: 4px;



  height: 16px;



  transform: skewX(-30deg);



  text-indent: 24px;



  background-color: #e2e2e2;



  display: inline-block;



  margin: 0 10px;



  overflow: hidden;



}



.new_box .new_main .n_left .hd ul li.on {



  background: #0065b2 !important;



}



.new_box .new_main .n_right {



  width: 676px;



  height: 517px;



  background-color: #ffffff;



  float: right;



  box-sizing: border-box;



  padding: 57px 36px 0 43px;



}



.new_box .new_main .n_right .n_top .n_tit_r {



  display: block;



  width: 408px;



  height: 24px;



  font-family: MicrosoftYaHei;



  font-size: 24px;



  font-weight: Bold;



  font-stretch: normal;



  line-height: 24px;



  letter-spacing: 0px;



  color: #333333;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  padding-right: 67px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  margin-right: 17px;



  padding-top: 16px;



  background: url("../images/n_icon.png") no-repeat top right;



}



.new_box .new_main .n_right .n_top .n_tit_r::before {



  display: inline-block;



  vertical-align: middle;



  width: 4px;



  height: 4px;



  background-color: #0065b2;



  margin-right: 7px;



  content: " ";



  border-radius: 50%;



  overflow: hidden;



}



.new_box .new_main .n_right .n_top .n_tit_r:hover {



  -webkit-transform: translateX(5px);



  transform: translateX(5px);



  color: #0065b2;



}



.new_box .new_main .n_right .n_top p {



  width: 595px;



  margin-top: 17px;



  font-family: MicrosoftYaHei;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 24px;



  letter-spacing: 0px;



  color: #999999;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 2;



  overflow: hidden;



  height: 48px;



  margin-bottom: 17px;



}



.new_box .new_main .n_right .n_top span {



  display: block;



  font-family: MicrosoftYaHei;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 14px;



  letter-spacing: 0px;



  color: #999999;



  margin-bottom: 17px;



}



.new_box .new_main .n_right .n_list {



  overflow: hidden;



}



.new_box .new_main .n_right .n_list li {



  width: 100%;



  border-bottom: 1px solid rgba(0, 0, 0, 0.05);



  line-height: 56px;



  height: 56px;



  box-sizing: border-box;



  position: relative;



}



.new_box .new_main .n_right .n_list li::after {



  width: 0px;



  display: block;



  z-index: 2;



  bottom: 0px;



  height: 1px;



  content: " ";



  position: absolute;



  left: 0px;



  background: #0065b2;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.new_box .new_main .n_right .n_list li .n_t {



  width: 480px;



  color: #333333;



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  height: 56px;



  float: left;



  line-height: 56px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  font-size: 16px;



}



.new_box .new_main .n_right .n_list li .n_t::before {



  width: 4px;



  height: 4px;



  background-color: #0065b2;



  content: " ";



  display: inline-block;



  vertical-align: middle;



  -webkit-transition: 0.5s;



  transition: 0.5s;



  margin-right: 7px;



  border-radius: 50%;



  overflow: hidden;



}



.new_box .new_main .n_right .n_list li .n_data {



  text-align: right;



  width: 80px;



  font-size: 14px;



  color: #999999;



  font-weight: normal;



  display: block;



  line-height: 56px;



  float: right;



}



.new_box .new_main .n_right .n_list li:hover::after {



  width: 100%;



}



.new_box .new_main .n_right .n_list li:hover .n_t {



  -webkit-transform: translateX(5px);



  transform: translateX(5px);



  color: #0065b2;



}



.mes_tip {



  clear: both;



  height: 315px;



  width: 100%;



  overflow: hidden;



  background: #fff;



}



.mes_tip .mes_main {



  width: 1200px;



  min-width: 1200px;



  margin: 0 auto;



}



.mes_tip .mes_main ul {



  margin-left: -59px;



  width: 1259px;



}



.mes_tip .mes_main ul li {



  height: 150px;



  width: 249px;



  margin-left:80px; margin-right:80px;



  float: left;



  margin-top: 79px;



}



.mes_tip .mes_main ul li .i_icon {



  display: block;



  position: relative;



  float: left;



  width: 150px;



  height: 150px;



  background-color: #f7f7f7;



  border-radius: 50%;



  overflow: hidden;



}



.mes_tip .mes_main ul li .i_icon::before,



.mes_tip .mes_main ul li .i_icon::after {



  width: 150px;



  height: 150px;



  position: absolute;



  z-index: 2;



  content: " ";



  left: 0px;



  transition: 1s ease-in-out;



}



.mes_tip .mes_main ul li .i_icon::before {



  top: 0px;



}



.mes_tip .mes_main ul li .i_icon::after {



  top: 150px;



}



.mes_tip .mes_main ul li .i_icon.mes1::before {



  background: url("../images/m1.png") no-repeat center;



}



.mes_tip .mes_main ul li .i_icon.mes1::after {



  background: url("../images/m11.png") no-repeat center;



}



.mes_tip .mes_main ul li .i_icon.mes2::before {



  background: url("../images/m2.png") no-repeat center;



}



.mes_tip .mes_main ul li .i_icon.mes2::after {



  background: url("../images/m22.png") no-repeat center;



}



.mes_tip .mes_main ul li .i_icon.mes3::before {



  background: url("../images/m3.png") no-repeat center;



}



.mes_tip .mes_main ul li .i_icon.mes3::after {



  background: url("../images/m33.png") no-repeat center;



}



.mes_tip .mes_main ul li .i_icon.mes4::before {



  background: url("../images/m4.png") no-repeat center;



}



.mes_tip .mes_main ul li .i_icon.mes4::after {



  background: url("../images/m44.png") no-repeat center;



}



.mes_tip .mes_main ul li .i_icon:hover {



  background: #0065b2;



}



.mes_tip .mes_main ul li .i_icon:hover::before {



  top: -150px;



}



.mes_tip .mes_main ul li .i_icon:hover::after {



  top: 0px;



}



.mes_tip .mes_main ul li p {



  float: right;



  padding-top: 48px;



  width: 92px;



}



.mes_tip .mes_main ul li p > i {



  width: 91px;



  display: block;



  padding-top: 12px;



  font-family: ArialMT;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 18px;



  letter-spacing: 0px;



  color: #a8a8a8;



}



.box_skitter ul li a img{ width:100%;}





/*banner*/

.banner {

	width: 100%;

}

.slideBox {

	width: 100%;

	height:600px;

	overflow: hidden;

	position: relative;

	margin: auto;

}

.slideBox .hd {

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 20px;

	z-index: 1;

}

.slideBox .bd img {

       object-fit: cover;

}

.slideBox .hd ul {

	zoom: 1;

	text-align: center;

	width: 100%;

}

.slideBox .hd ul li {

	display: inline;

	margin-right: 10px;

	border-radius: 50%;

	padding: 0 9px;

	text-align: center;

	background: #fff;

	cursor: pointer;

	margin-left: 15px;

}

.slideBox .hd ul li.on {

	background: #f39500;

	color: #fff;

}

.slideBox .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}

.slideBox .bd li {

	zoom: 1;

	vertical-align: middle;

}

.slideBox .bd img {

	width: 100%;

	height: 600px;

	display: block;

	margin: auto;

}

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev, .slideBox .next {

	position: absolute;

	left: 3%;

	top: 50%;

	margin-top: -25px;

	display: block;

	width: 32px;

	height: 40px;

	background: url(../images/slider-arrow.png) -110px 5px no-repeat;

	filter: alpha(opacity=50);

	opacity: 0.5;

}

.slideBox .next {

	left: auto;

	right: 3%;

	background-position: 8px 5px;

}

.slideBox .prev:hover, .slideBox .next:hover {

	filter: alpha(opacity=100);

	opacity: 1;

}

.slideBox .prevStop {

	display: none;

}

.slideBox .nextStop {

	display: none;

}