/*.banner {
 width:100%;
 height:100vh;
 position:relative
}
.banner .swiper {
 height:100%
}
.banner .swiper .item {
 position:relative;
 overflow:hidden
}
.banner .swiper .item img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 display:block;
 z-index:1;
 cursor:pointer;
 -webkit-transform:scale(1.1);
 transform:scale(1.1);
 -webkit-transition:all 1s ease;
 transition:all 1s ease
}
.banner .swiper .item .text {
 z-index:10;
 position:absolute;
 left:14%;
 top:40%;
 width:45%;
 color:#fff;
 text-transform:uppercase
}
.banner .swiper .item .text p {
 -webkit-transform:matrix(.5,0,0,.2,0,0);
 transform:matrix(.5,0,0,.2,0,0);
 -webkit-transition:all 1s;
 transition:all 1s
}
.banner .swiper .item .text p:first-child {
 color:#fff;
 font-family:os;
 font-size:50px
}
.banner .swiper .item .text p:nth-child(2) {
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:25px;
 color:#fff;
 margin:30px 0
}
.banner .swiper .swiper-slide-active img {
 -webkit-transform:scale(1);
 transform:scale(1)
}
.banner .swiper .swiper-slide-active .text p {
 -webkit-transform:matrix(1,0,0,1,0,0);
 transform:matrix(1,0,0,1,0,0)
}
@media screen and (min-width:2000px) {
 .banner .swiper .item .text {
  width:35%
 }
}
@media screen and (max-width:1440px) and (min-width:1000px) {
 .banner .swiper .item .text {
  width:60%
 }
}
@media screen and (max-width:1000px) {
 .banner .swiper .item .text {
  width:80%;
  left:10%
 }
 .banner .swiper .item .text p {
  text-shadow:2px 2px 6px rgba(0,0,0,.8)
 }
 .banner .swiper .item .text p:first-child {
  font-size:20px
 }
 .banner .swiper .item .text p:nth-child(2) {
  font-size:14px;
  line-height:30px
 }
}
.banner .swiper-pagination {
 font-size:.16rem;
 color:#212121;
 margin:0;
 position:absolute;
 -webkit-transition:opacity .3s;
 transition:opacity .3s;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 z-index:10;
 width:80%;
 left:5%;
 bottom:8%;
 overflow:hidden
}
.banner .swiper-pagination,
.banner .swiper-pagination .swiper-pagination-bullet {
 font-weight:400;
 line-height:1.71428571429;
 letter-spacing:1px;
 -webkit-font-smoothing:subpixel-antialiased;
 padding:0;
 border:none;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 text-align:center
}
.banner .swiper-pagination .swiper-pagination-bullet {
 display:inline-block;
 border-radius:100%;
 cursor:pointer;
 background-color:transparent;
 width:auto;
 height:auto;
 font-size:26px;
 margin:0 15px;
 color:#fff;
 opacity:.4;
 vertical-align:middle
}
.banner .swiper-pagination:before {
 content:"";
 display:inline-block;
 vertical-align:middle;
 height:1px;
 background-color:hsla(0,0%,100%,.4);
 width:24%;
 margin-right:2%
}
.banner .swiper-pagination:after {
 content:"";
 display:inline-block;
 vertical-align:middle;
 height:1px;
 background-color:hsla(0,0%,100%,.4);
 width:46%;
 margin-left:2%
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
 background-color:transparent;
 opacity:1
}
.banner .swiper-pagination .swiper-pagination-bullet:focus {
 outline:none
}
@media screen and (max-width:1440px) {
 .banner .swiper-pagination {
  width:100%;
  left:0;
  bottom:8%
 }
 .banner .swiper-pagination:after,
 .banner .swiper-pagination:before {
  width:20%
 }
 .banner .swiper-pagination .swiper-pagination-bullet {
  margin:0 2px
 }
}*/
.index_banner {
  position: relative;
   width: 100%;
  height: auto;
  overflow: hidden;

}


.index_banner_swiper {
  width: 100%;
  height: auto;
}
.index_banner_swiper .swiper-slide {
  position: relative;
  width: 100%;
  height: auto;
}
.index_banner_swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}



.index_banner .slide_item {
  position: relative;
}
.index_banner .slide_item .item_picture .banner_p {
  display: block;
}
.index_banner .slide_item .item_picture .banner_m {
  display: none;
}
.index_banner .slide_item .item_explain {
  position: absolute;
  margin: auto;
  z-index: 11;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  text-align: center;
}
.index_banner .slide_item .item_explain .item_explain_container {
  position: relative;
}
.index_banner .slide_item .item_explain .item_explain_container .explain_title {
  font-size: 50px;
  color: #ffffff;
  font-weight: bold;
  line-height: 60px;
  letter-spacing: 3px;
}
.index_banner .slide_item .item_explain .item_explain_container .explain_title span {
  color: #ea6103;
  margin: 0 15px;
}
.index_banner .slide_item .item_explain .item_explain_container .explain_content {
  font-size: 30px;
  font-weight: lighter;
  letter-spacing: 1px;
  color: #ffffff;
  margin-top: 18px;
  -o-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.index_banner .slide_item .item_explain .item_explain_container .explain_desc {
  margin-top: 7px;
  font-size: 16px;
  font-family: "cg";
  line-height: 24px;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.25);
  -o-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.index_banner .index_banner_mouse {
  color: #fff;
  margin-top: 78px;
  position: relative;
  text-align: center;
  animation: mouseMove 1.5s infinite;
}
.index_banner .index_banner_mouse .mouse_icon {
  font-size: 40px;
  line-height: 1em;
  position: relative;
}
.index_banner .index_banner_mouse .mouse_line_list {
  margin-top: 3px;
}
.index_banner .index_banner_mouse .mouse_line_list .mouse_line_item {
  font-size: 16px;
  line-height: 1em;
  position: relative;
}
.index_banner .index_banner_mouse .mouse_line_list .mouse_line_item:nth-child(2) {
  opacity: 0.6;
  top: -6px;
}
.index_banner .index_banner_mouse .mouse_line_list .mouse_line_item:nth-child(3) {
  opacity: 0.3;
  top: -12px;
}
.index_banner .swiper_pagination {
  position: absolute;
  margin: auto;
  z-index: 10;
  left: 56px;
  bottom: 0;
  top: 0;
}
.index_banner .swiper_pagination .swiper_pagination_line {
  width: 2px;
  height: 120px;
  position: relative;
  background: rgba(255, 255, 255, 0.3);
}
.index_banner .swiper_pagination .swiper_pagination_line .swiper_pagination_line_active {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 0;
  background: #fff;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.index_banner .swiper_pagination .swiper_pagination_num {
  -o-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  position: relative;
  font-family: "cg";
  right: 13px;
}
.index_banner .swiper_pagination .swiper_pagination_num .swiper_pagination_num_active {
  position: relative;
  line-height: 1em;
  font-size: 50px;
  color: #ea6103;
  top: 5px;
}
.index_banner .swiper_pagination .swiper_pagination_num .swiper_pagination_num_text {
  font-size: 26px;
  line-height: 1em;
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.5);
}
.index_banner .swiper_control_container {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 90px;
  margin: auto;
}
.index_banner .swiper_control_container .swiper_control {
  position: absolute;
  bottom: 0;
  right: 0;
}
.index_banner .swiper_control_container .swiper_control .swiper_btn {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 18px;
  color: #fff;
  -o-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.index_banner .swiper_control_container .swiper_control .swiper_btn:hover {
  background: rgba(234, 97, 3, 0.8);
}
.index_banner .swiper_control_container .swiper_control .swiper_prev {
  -o-transform: rotateZ(-180deg);
  -moz-transform: rotateZ(-180deg);
  -webkit-transform: rotateZ(-180deg);
  transform: rotateZ(-180deg);
}
@-webkit-keyframes mouseMove {
  0% {
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}
@keyframes mouseMove {
  0% {
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -o-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}


@media screen and (max-width: 1400px) {
  .index_banner .slide_item .item_explain .item_explain_container {
    width: 90%;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_title {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
  
  
  .index_banner .slide_item .item_explain .item_explain_container .explain_title span {
    margin: 0 10px;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_content {
    font-size: 24px;
    margin-top: 15px;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_desc {
    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
  }
  .index_banner .index_banner_mouse {
    margin-top: 50px;
  }
  .index_banner .index_banner_mouse .mouse_icon {
    font-size: 36px;
  }
  .index_banner .index_banner_mouse .mouse_line_list {
    margin-top: 0px;
  }
  .index_banner .index_banner_mouse .mouse_line_list .mouse_line_item {
    font-size: 14px;
  }
  .index_banner .swiper_pagination {
    left: 15px;
  }
  .index_banner .swiper_pagination .swiper_pagination_num .swiper_pagination_num_active {
    font-size: 40px;
  }
  .index_banner .swiper_pagination .swiper_pagination_num .swiper_pagination_num_text {
    font-size: 20px;
  }
  .index_banner .swiper_control_container {
	  position:absolute;

}
.index_banner .swiper_control_container .swiper_control {
       position:absolute;
	   right:10%;
}

.index_banner .swiper_control_container .swiper_control .swiper_btn {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 18px;
  color: #fff;
  -o-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}



}
@media screen and (max-width: 1300px) {
  .index_banner .slide_item .item_explain .item_explain_container {
    width:100%;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_title {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 2px;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_title span {
    margin: 0 10px;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_content {
    font-size: 24px;
    margin-top: 15px;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_desc {
    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
  }
  .index_banner .index_banner_mouse {
    margin-top: 50px;
  }
  .index_banner .index_banner_mouse .mouse_icon {
    font-size: 36px;
  }
  .index_banner .index_banner_mouse .mouse_line_list {
    margin-top: 0px;
  }
  .index_banner .index_banner_mouse .mouse_line_list .mouse_line_item {
    font-size: 14px;
  }
  .index_banner .swiper_pagination {
    left: 15px;
  }
  .index_banner .swiper_pagination .swiper_pagination_num .swiper_pagination_num_active {
    font-size: 40px;
  }
  .index_banner .swiper_pagination .swiper_pagination_num .swiper_pagination_num_text {
    font-size: 20px;
  }
  .index_banner .swiper_control_container {
  position: absolute;
  
}
.index_banner .swiper_control_container .swiper_control {
  position: absolute;
  right:20%;
}
}
@media screen and (max-width: 1200px) {
  .index_banner .slide_item .item_explain .item_explain_container {
    width: 100%;
  }
  .index_banner .slide_item .item_picture .banner_p {
    display: none;
  }
  .index_banner .slide_item .item_picture .banner_m {
    display: block;
  }
   .index_banner .swiper_control_container{ display:none;}
}


@media screen and (max-width: 768px) {
  .index_banner .slide_item .item_explain .item_explain_container {
    width: 100%;
    padding: 0 20px;
  }
  .index_banner .index_banner_mouse {
    display: none;
  }
  .index_banner .swiper_pagination {
    display: none;
  }
  .index_banner .swiper_control_container {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .index_banner .slide_item .item_explain .item_explain_container .explain_title {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 1px;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_title span {
    margin: 0 5px;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_content {
    font-size: 20px;
    margin-top: 10px;
    letter-spacing: 0px;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_desc {
    margin-top: 3px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media screen and (max-width: 480px) {
  .index_banner .slide_item .item_explain .item_explain_container {
    padding: 0 10px;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_title {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0px;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_title span {
    margin: 0 3px;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_content {
    font-size: 16px;
    margin-top: 8px;
  }
  .index_banner .slide_item .item_explain .item_explain_container .explain_desc {
    line-height: 16px;
  }
  
}


.fl_l {
 float:left
}
.pure:after,
.pure:before {
 content:" ";
 display:table
}
.pure:after {
 clear:both
}
.screen2 {
 padding-top:248px;
 position:relative;
 overflow:hidden
}
.tit_place0 {
 position:absolute;
 margin-top:105px;
 margin-right:13.542%;
 right:0;
 top:0;
 color:#000;
 text-align:center;
 -webkit-animation-name:transition2;
 animation-name:transition2;
 -webkit-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards
}
.pub_title>div:first-child {
 font-size:60px;
 line-height:1.2;
 color:#ea6103;
 font-family:os;
 text-transform:uppercase
}
.pub_title>div:nth-child(2) {
 font-family:font_bk;
 font-size:25px;
 color:#222430;
 line-height:1.2
}
.scr2_case {
 position:relative;
 padding-top:1px
}
.mess_box {
 position:absolute;
 left:0;
 top:0;
 z-index:2;
 width:57.29%
}
.mess_box .swiper-pagination {
 width:90%;
 position:absolute;
 top:-180px;
 left:0;
 -webkit-animation-name:transition1;
 animation-name:transition1;
 -webkit-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards
}
.mess_box .swiper-pagination span {
 width:8.08%;
 height:auto;
 position:relative;
 background-color:transparent;
 margin-left:10%;
 opacity:1;
 outline:none
}
.mess_box .swiper-pagination span:first-child:before {
 content:"";
 display:block;
 width:312.5%;
 height:1px;
 position:absolute;
 right:100%;
 bottom:18px;
 background-color:#e1e6eb
}
.mess_box .swiper-pagination span>div {
 text-align:center
}
.mess_box .swiper-pagination span .src2_pag_icon {
 color:#7fa5e2
}
.mess_box .swiper-pagination span .src2_pag_icon i {
 display:inline-block;
 position:relative;
 vertical-align:middle;
 font-size:55px;
 opacity:.5;
 -webkit-transition:opacity .5s ease;
 transition:opacity .5s ease
}
.mess_box .swiper-pagination .swiper-pagination-bullet-active .src2_pag_icon i {
 opacity:1
}
.mess_box .swiper-pagination span .src2_pag_icon i img {
 max-width:100%
}
.mess_box .swiper-pagination span .src2_pag_name {
 display:inherit;
 position:absolute;
 margin:10px 0;
 line-height:1;
 color:#758190;
 text-transform:uppercase;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 white-space:nowrap
}
.mess_box .swiper-pagination span .src2_pag_name:after {
 content:attr(data-mask);
 position:absolute;
 color:#000;
 left:0;
 overflow:hidden;
 width:0;
 -webkit-transition:all .5s cubic-bezier(0,.31,.22,.43);
 transition:all .5s cubic-bezier(0,.31,.22,.43)
}
.mess_box .swiper-pagination span .src2_pag_dot {
 margin:0 10px;
 display:inline-block;
 border-radius:100%;
 border:6px solid #fff;
 width:24px;
 height:24px;
 background-color:#e1e6eb;
 margin-top:36px
}
.mess_box .swiper-pagination span .src2_pag_plan {
 width:312.5%;
 height:1px;
 position:absolute;
 left:100%;
 bottom:18px;
 background-color:#e1e6eb
}
.mess_box .swiper-pagination span .src2_pag_plan:after {
 content:"";
 display:block;
 width:0;
 height:1px;
 background-color:#004bc6;
 position:absolute;
 left:0;
 top:0;
 -webkit-transition:width 2s ease-out;
 transition:width 2s ease-out
}
.mess_box .swiper-pagination span:nth-child(3) .src2_pag_plan {
 display:none
}
.mess_box .swiper-pagination span.swiper-pagination-bullet-active .src2_pag_icon {
 color:#004bc6
}
.mess_box .swiper-pagination span.swiper-pagination-bullet-active .src2_pag_name:after {
 width:100%
}
.mess_box .swiper-pagination span.swiper-pagination-bullet-active .src2_pag_dot {
 display:inline-block;
 border-radius:100%;
 border:6px solid #ccdbf4;
 width:24px;
 height:24px;
 background-color:#004bc6
}
.mess_box .swiper-pagination span.swiper-pagination-bullet-active .src2_pag_plan:after {
 width:100%;
 -webkit-transition:width 6s ease;
 transition:width 6s ease
}
.mess_box .mess_con {
 text-align:left;
 width:100%;
 background-color:#222430;
 color:#fff;
 padding-left:23.63%;
 padding-right:12.72%;
 padding-top:40px;
 padding-bottom:60px;
 position:relative;
 cursor:pointer;
 -webkit-animation-name:transition1;
 animation-name:transition1;
 -webkit-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards
}
.mess_box .active .slide_sha {
 width:0
}
.mess_box .active .fade_in {
 opacity:1
}
.slide_sha {
 width:100%;
 height:100%;
 position:absolute;
 z-index:2;
 right:0;
 top:0;
 -webkit-transition:width 1.5s ease .5s;
 transition:width 1.5s ease .5s;
 background-color:#fff
}
.mess_img_case .active .slide_sha {
 width:0
}
.mess_img_con {
 height:100%;
 width:100%;
 overflow:hidden;
 cursor:pointer;
 -webkit-animation-name:polygon2;
 animation-name:polygon2;
 -webkit-animation-duration:2s;
 animation-duration:2s
}
.mess_img_case .active .mess_img_con img {
 -webkit-transform:scale(1);
 transform:scale(1);
 -webkit-transition:all 1s;
 transition:all 1s
}
.mess_img_case .active .mess_img_con img:hover {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.mess_img_case .slide_sha {
 width:120%;
 height:120%;
 left:-10%;
 top:-10%
}
.mess_box .mess_con .btns_box {
 position:absolute;
 right:0;
 bottom:0;
 width:12.72%
}
.mess_box .mess_con .video {
 position:absolute;
 bottom:40px;
 left:23%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.mess_box .mess_con .video p {
 color:#fff;
 margin-right:10px
}
.mess_box .mess_con .video span {
 display:inline-block;
 -webkit-animation:rotate 2s linear infinite;
 animation:rotate 2s linear infinite
}
.mess_box .mess_con .video span i {
 font-size:40px
}
@-webkit-keyframes rotate {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
 }
}
@keyframes rotate {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
 }
}
.mess_box .mess_con .btns_box:hover .btn_mess i {
 -webkit-transform:translate(-50%,-50%) rotate(90deg);
 transform:translate(-50%,-50%) rotate(90deg)
}
.mess_box .mess_con .btns_box .btn_mess {
 display:block;
 width:100%;
 height:0;
 padding-bottom:100%;
 background-color:#ea6103;
 color:#fff;
 position:relative
}
.mess_box .mess_con .btns_box .btn_mess i {
 font-size:35px;
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%) rotate(0deg);
 transform:translate(-50%,-50%) rotate(0deg);
 -webkit-transition:all .5s ease;
 transition:all .5s ease
}
.fade_in {
 opacity:.2;
 -webkit-transition:opacity 1.5s ease .8s;
 transition:opacity 1.5s ease .8s
}
.mess_box .mess_con .mess_title {
 text-align:left;
 font-size:30px;
 line-height:1.1;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 text-transform:uppercase
}
.mess_box .mess_con .mess_info {
 font-family:font_bk;
 min-height:144px;
 line-height:30px;
 margin-top:30px;
 font-size:16px
}
.mess_box .mess_con .data_box {
 margin-top:110px
}
.mess_box .mess_con .data_box>div:first-child {
 width:40%
}
.mess_box .mess_con .data_box .dat_name {
 line-height:1.2;
 font-size:18px
}
.mess_box .mess_con .data_box .dat_num {
 width:100%;
 line-height:1;
 font-size:80px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.mess_box .swiper-wrapper {
 -webkit-transition-timing-function:ease;
 transition-timing-function:ease
}
.mess_img_box {
 margin-left:30%;
 margin-top:8.6%;
 width:70%;
 position:relative
}
.mess_img_box img {
 display:block;
 width:100%;
 -o-object-fit:cover;
 object-fit:cover;
 -webkit-transition:all 3s ease 1.5s;
 transition:all 3s ease 1.5s;
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.mess_img_box .swiper-slide {
 overflow:hidden
}
.mess_ser_num_box {
 width:220px;
 height:190px;
 position:absolute;
 right:13.542%;
 top:0;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 z-index:2
}
.mess_ser_num_box .swiper-container {
 height:100%
}
.mess_ser_num_box .swiper-container .active .mess_ser_num_case {
 opacity:1;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.mess_ser_num_box .mess_ser_num_case {
 opacity:.2;
 -webkit-transform:scale(.9);
 transform:scale(.9);
 -webkit-transition:all 1s ease-in;
 transition:all 1s ease-in;
 position:relative
}
.mess_ser_num_box .mess_ser_num_case .mess_ser_num_con {
 width:100%;
 text-align:center;
 letter-spacing:-17px;
 position:relative;
 z-index:2;
 font-size:190px;
 line-height:1;
 background:-webkit-gradient(linear,left bottom,left top,from(#004bc6),color-stop(#004bc6),to(#00c5fb));
 background:linear-gradient(1turn,#004bc6,#004bc6,#00c5fb);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent
}
.mess_ser_num_box .mess_ser_num_case .mess_ser_num_con.shadow {
 position:absolute;
 left:0;
 top:0;
 z-index:1;
 text-shadow:rgba(0,70,198,.17) 1px 5px 10px
}
@-webkit-keyframes transition1 {
 0% {
  -webkit-transform:translate(-100px,-100px);
  transform:translate(-100px,-100px);
  opacity:0
 }
 to {
  -webkit-transform:translate(0);
  transform:translate(0);
  opacity:1
 }
}
@keyframes transition1 {
 0% {
  -webkit-transform:translate(-100px,-100px);
  transform:translate(-100px,-100px);
  opacity:0
 }
 to {
  -webkit-transform:translate(0);
  transform:translate(0);
  opacity:1
 }
}
@-webkit-keyframes transition2 {
 0% {
  -webkit-transform:translate(100px,-100px);
  transform:translate(100px,-100px);
  opacity:0
 }
 to {
  -webkit-transform:translate(0);
  transform:translate(0);
  opacity:1
 }
}
@keyframes transition2 {
 0% {
  -webkit-transform:translate(100px,-100px);
  transform:translate(100px,-100px);
  opacity:0
 }
 to {
  -webkit-transform:translate(0);
  transform:translate(0);
  opacity:1
 }
}
@-webkit-keyframes polygon2 {
 0% {
  -webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);
  clip-path:polygon(0 0,0 100%,0 100%,0 0)
 }
 to {
  -webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);
  clip-path:polygon(0 0,0 100%,100% 100%,100% 0)
 }
}
@keyframes polygon2 {
 0% {
  -webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);
  clip-path:polygon(0 0,0 100%,0 100%,0 0)
 }
 to {
  -webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);
  clip-path:polygon(0 0,0 100%,100% 100%,100% 0)
 }
}
@media (max-width:1600px) {
 .mess_box .mess_con {
  padding-top:60px;
  padding-bottom:60px
 }
 .mess_box .mess_con .data_box {
  margin-top:100px
 }
}
@media (max-width:1440px) {
 .mess_box .mess_con .data_box {
  margin-top:80px
 }
 .mess_box .swiper-pagination {
  width:100%
 }
 .mess_box .mess_con .mess_info,
 .mess_box .swiper-pagination span .src2_pag_name {
  font-size:14px
 }
}
@media (max-width:1280px) {
 .mess_box .mess_con .data_box .dat_num {
  font-size:60px
 }
 
}
@media (max-width:768px) {
 .mess_box .swiper-pagination {
  width:110%;
  top:10px
 }
 .mess_box {
  padding-top:350px;
  position:relative
 }
}
@media (max-width:640px) {
 .mess_box {
  width:100%
 }
 .mess_box .swiper-pagination {
  width:90%;
  left:5%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .mess_box .swiper-pagination span {
  width:50%;
  margin-left:0;
  margin-top:20px
 }
 .mess_box .swiper-pagination span:first-child {
  margin-left:0
 }
 .mess_box .swiper-pagination span .src2_pag_dot {
  margin:0 0;
  margin-top:36px
 }
 .mess_box .swiper-pagination>span .src2_pag_icon i,
 .mess_box .swiper-pagination>span:nth-child(3) .src2_pag_name {
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
 }
 .mess_box .swiper-pagination>span .src2_pag_name {
  font-size:12px
 }
 .mess_box .mess_con {
  padding:20px
 }
 .mess_box .mess_con .data_box>div:first-child {
  width:50%
 }
 .mess_box .mess_con .mess_title {
  font-size:20px
 }
 .mess_box .mess_con .data_box {
  margin-top:60px
 }
 .mess_box .mess_con .video {
  left:54%;
  bottom:6px;
  z-index:100000
 }
 .mess_ser_num_box {
  display:none
 }
 .mess_img_box {
  margin-top:10px;
  margin-left:0;
  width:100%
 }
 .mess_box .mess_con .mess_info {
  font-size:12px;
  margin-top:20px
 }
 .mess_box .mess_con .btns_box .btn_mess i {
  font-size:24px
 }
 .tit_place0 {
  margin-top:20px
 }
 .pub_title>div:first-child {
  font-size:45px
 }
 .screen2 {
  padding-top:120px
 }
}
.home {
 width:100%;
 -webkit-animation:run5 1s linear forwards;
 animation:run5 1s linear forwards;
 overflow:hidden
}
@-webkit-keyframes run5 {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes run5 {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}
.home .banCon {
 width:100%;
 position:relative
}
.home .index_banner .link {
 position:absolute;
 bottom:6%;
 width:10%;
 right:40%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 z-index:1000
}
.home .index_banner .link a {
 color:#fff;
 font-family:pm;
 text-transform:capitalize;
 -webkit-transition:all 1s;
 transition:all 1s;
 padding:0 10px;
 text-shadow: 1px 1px 1px #000
}
.home .index_banner .link a:hover {
 color:#ea6103
}
.home .index_banner .lines {
 width:auto;
 position:absolute;
 bottom:1%;
 left:5%;
 z-index:100;
 padding:30px 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 cursor:pointer;
 
}
.home .index_banner .lines p {
 color:#333;
 text-transform:capitalize;
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:20px;

}
.home .index_banner .lines .allLine {
 width:25px;
 height:25px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 cursor:pointer;
 margin-left:6px;
}
.home .index_banner .lines .allLine div {
 width:1px;
 height:100%;
 background-color:hsla(0,0%,60%,.3);
 position:relative;
}
.home .index_banner .lines .allLine div:first-child:before {
 position:absolute;
 content:"";
 display:inline-block;
 top:0;
 left:0;
 height:20%;
 width:1px;
 background-color:#000;
 -webkit-animation:line1- .6s linear infinite;
 animation:line1- .6s linear infinite;
}
.home .index_banner .lines .allLine div:nth-child(2):before {
 position:absolute;
 content:"";
 display:inline-block;
 top:0;
 left:0;
 height:40%;
 width:1px;
 background-color:#000;
 -webkit-animation:line2- .6s linear infinite;
 animation:line2- .6s linear infinite
}
.home .index_banner .lines .allLine div:nth-child(3):before {
 position:absolute;
 content:"";
 display:inline-block;
 top:0;
 left:0;
 height:20%;
 width:1px;
 background-color:#000;
 -webkit-animation:line1- .6s linear infinite;
 animation:line1- .6s linear infinite
}
@-webkit-keyframes line1- {
 0% {
  height:5%
 }
 25% {
  height:15%
 }
 50% {
  height:30%
 }
 75% {
  height:15%
 }
 to {
  height:5%
 }
}
@-webkit-keyframes line2- {
 0% {
  height:10%
 }
 25% {
  height:20%
 }
 50% {
  height:40%
 }
 75% {
  height:40%
 }
 to {
  height:10%
 }
}
.home .banCon .play {
 width:10%;
 right:0;
 position:absolute;
 top:50%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 z-index:100;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding-bottom:10px;
 border-bottom:1px solid hsla(0,0%,100%,.2);
 cursor:pointer
}
.home .banCon .play div {
 -webkit-animation:xz- 1s linear infinite;
 animation:xz- 1s linear infinite
}
.home .banCon .play div i {
 color:hsla(0,0%,100%,.5);
 font-size:30px;
 -webkit-transition:all 1s;
 transition:all 1s
}
.home .banCon .play div i:hover {
 color:#fff
}
@-webkit-keyframes xz- {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
 }
}
@keyframes xz- {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(1turn);
  transform:rotate(1turn)
 }
}
.home .banCon .play p {
 color:#fff;
 font-family:Fira Code Medium;
 font-weight:lighter;
 margin-left:30px
}
.home .banCon .play:before {
 position:absolute;
 left:0;
 bottom:-1px;
 width:20%;
 display:inline-block;
 content:"";
 height:1px;
 background-color:hsla(0,0%,100%,.8)
}
.home .main {
 width:100%;
 position:relative;
 padding-bottom:100px
}
.home .main .about {
 width:1440px;
 margin:0 auto;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 padding-bottom:20px
}
.home .main .about .left {
 width:45%;
 margin-top:80px;
 padding:0px 0 40px 0;
 /*background-color:#222430;*/
 /*-webkit-animation-name:transition1-;
 animation-name:transition1-;
 -webkit-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards*/
}
.home .main .about .left p {
 color:#fff;
 width:80%;
 margin-left:10%
}
.home .main .about .left .p1 {
 font-size:25px;
 font-family:Fira Code Medium;
 font-weight:lighter;
 line-height:40px;
 padding-bottom:30px;
 padding-top:30px
}
.home .main .about .left .p2 {
 width:100%;

}
.home .main .about .left .p2 img{ width:100%;}

.home .main .about .left .p3 {
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px;
 text-transform:uppercase;
 line-height:25px
}
.home .main .about .enLeft .p1 {
 padding-top:0;
 font-size:17px;
 padding-bottom:10px
}
.home .main .about .enLeft .p2 {
 padding-bottom:10px
}
.home .main .about .enLeft .p3 {
 font-size:13px
}
.home .main .about .right {
 width:50%;
 margin-left:5%;
 padding-top:80px;
 /*-webkit-animation-name:transition2-;
 animation-name:transition2-;
 -webkit-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards*/
}
.home .main .about .right p:first-child {
 color:#ea6103;
 font-family:os;
 font-size:60px
}
.home .main .about .right p:nth-child(2) {
 color:#222430;
 font-size:30px;
 padding:10px 0;
 text-transform:uppercase
}
.home .main .about .right p:nth-child(3) {
 font-family:Fira Code Medium;
 line-height:36px;
 margin:0px 0 20px 0;
 font-size:16px;
 text-indent:2em;
}
.home .main .more {
 position:absolute;
 bottom:150px;
 width:80%;
 right:12%;
 text-align:right;
 max-width:1440px;
 z-index:100;
}
.home .main .more a {
 cursor:pointer;
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px;
 text-decoration:none;
 color:#fff;
 padding:10px 50px;
 border-radius:20px;
 -webkit-tap-highlight-color:transparent;
 display:inline-block;
 vertical-align:middle;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 -webkit-box-shadow:0 0 1px transparent;
 box-shadow:0 0 1px transparent;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 position:relative;
 overflow:hidden;
 background:#ea6103;
 -webkit-transition-property:color;
 transition-property:color;
 /*-webkit-transition-duration:.3s;
 transition-duration:.3s;*/
 margin-top:0px
}
.home .main .more a:before {
 content:"";
 position:absolute;
 z-index:-1;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#222430;
 border-radius:100%;
 -webkit-transform:scale(2);
 transform:scale(2);
 -webkit-transition-property:transform;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform;
 -webkit-transition-duration:.6s;
 transition-duration:.6s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.home .main .more a:hover:before {
 -webkit-transform:scale(0);
 transform:scale(0)
}
.home .main .bgen {
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 z-index:-1
}
.home .main .bgen img {
 width:100%;
 -o-object-fit:cover;
 object-fit:cover;
 
}

@media screen and (max-width:1441px) and (min-width:1000px) {
	
	.home .main .about .left {
 width:47%;
}

.home .main .about .right {
 width:50%;
 margin-left:2%;
 padding-top:60px;
}

.home .main .more {
 bottom:100px;
}

.home .main .about .right p:nth-child(3) {
	margin-top:0px;
}

	}




.home .pro {
 width:100%;
 background-color:#fafafa;
 padding:60px 0 20px 0
}
.home .pro .one {
 width:1440px;
 margin:0 auto
}
.home .pro .one .left,
.home .pro .one {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.home .pro .one .left {
 width:50%;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
/* -webkit-animation-name:transition1-;
 animation-name:transition1-;
 -webkit-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards*/
}

.home .pro .pro_title{ text-align:center; width:100%;}

.home .pro .pro_title .l {
 text-align:center;
 font-size:65px;
 font-family:os;
 font-weight:500;
 color:#ea6103 !important;
 line-height:40px;
 text-transform:uppercase;
 -webkit-transform-origin:top;
 transform-origin:top;
}

.home .pro .pro_title .l p:first-child{color:#ea6103; padding:25px 0}




.home .pro .pro_title .r {
 width:100%;
}
.home .pro .pro_title .r p:first-child {
 color:#222430;
 font-size:18px;
 line-height:30px;
 margin-top:25px;
 font-family:Fira Code Medium;
 font-weight:700;
 margin-bottom:25px;
}




.pro_tbox {
  width: 32.33333%;
  margin-right: 0.65%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  position: relative;
  background:#fff;
  }

.home .pro .content {
 width:1440px;
 margin:0 auto;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 padding-bottom:60px
}

.home .pro .content .pro_tbox img {}
.home .pro .content .pro_tbox .pro_img_r{ width:35%; margin:16% 0 10% 50%;}
.home .pro .content .pro_tbox .pro_img_r img{
	display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s ease;}


.pro_name, .pro_namea {
  position: absolute;
  left: 8%;
  top: 16%;
  z-index: 23;
  font-size: 22px;
  font-family: Oswald;
  font-weight: bold;
  color: #363636;
  line-height: 48px; }

.pro_link, .pro_linka {
  position: absolute;
  left: 8%;
  top: 35%;
  z-index: 23;
  font-size: 16px;
  font-family: Lato;
  font-weight: 400;
  color: #707070;
  line-height: 48px; }
  .pro_link span, .pro_linka span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px;
    font-size: 14px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #959595;
    text-align: center;
    line-height: 27px;
    color: #fff; }

.pro_namea {
  top: 10%; }

.pro_linka {
  top: 25%; }

.pro_tbox:hover {
  box-shadow: 0px 4px 8px 0px rgba(2, 47, 97, 0.15); }
  .pro_tbox:hover .pro_name, .pro_tbox:hover .pro_namea, .pro_tbox:hover .pro_link, .pro_tbox:hover .pro_linka {
    color: #ea6103; }
  .pro_tbox:hover .pro_link span, .pro_tbox:hover .pro_linka span {
    background-color: #ea6103; }





.home .pro .one .left .r {
 width:75%;
 margin-left:5%
}
.home .pro .one .left .r p:first-child {
 color:#222430;
 font-size:18px;
 line-height:30px;
 margin-top:25px;
 font-family:Fira Code Medium;
 font-weight:700
}
.home .pro .one .left .r p:nth-child(2) {
 margin:10px 0;
 color:#ea6103;
 font-size:20px
}
.home .pro .one .left .r p:nth-child(3) {
 color:#222430;
 font-size:18px;
 margin:40px 0;
 font-weight:700;
 font-family:Fira Code Medium
}
.home .pro .one .left .r p:nth-child(4) {
 text-align:right;
 color:#222430;
 font-family:Fira Code Medium;
 font-size:22px;
 padding-bottom:20px
}
.home .pro .one .left .r p:nth-child(5) {
 color:#222430;
 line-height:32px;
 font-family:Fira Code Medium;
 text-align:right;
 font-size:14px !important;
 font-weight:normal;
}



.home .pro .one .left .r .more {
 width:100%;
 text-align:right;
 margin-top:30px
}
.home .pro .one .left .r .more a {
 cursor:pointer;
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px;
 text-decoration:none;
 color:#fff;
 padding:10px 50px;
 border-radius:20px;
 -webkit-tap-highlight-color:transparent;
 display:inline-block;
 vertical-align:middle;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 -webkit-box-shadow:0 0 1px transparent;
 box-shadow:0 0 1px transparent;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 position:relative;
 overflow:hidden;
 background:#ea6103;
 -webkit-transition-property:color;
 transition-property:color;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 margin-top:30px
}
.home .pro .one .left .r .more a:before {
 content:"";
 position:absolute;
 z-index:-1;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#222430;
 border-radius:100%;
 -webkit-transform:scale(2);
 transform:scale(2);
 -webkit-transition-property:transform;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform;
 -webkit-transition-duration:.6s;
 transition-duration:.6s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.home .pro .one .left .r .more a:hover:before {
 -webkit-transform:scale(0);
 transform:scale(0)
}
.home .pro .one .right {
 width:50%;
 cursor:pointer;
 overflow:hidden;
 /*-webkit-animation-name:polygon-;
 animation-name:polygon-;
 -webkit-animation-duration:2s;*/
 animation-duration:2s
}
.home .pro .one .right img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 -webkit-transition:all 1s;
 transition:all 1s;
 display:block
}
.home .pro .one .right img:hover {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.home .pro .enOne .left .r p:nth-child(5) {
 font-size:12px
}
.home .pro .enOne .left .r .more {
 margin-top:0
}
.home .pro .two {
 -webkit-box-orient:horizontal;
 -webkit-box-direction:reverse;
 -ms-flex-direction:row-reverse;
 flex-direction:row-reverse
}
.home .pro .two .left {
 padding-top:100px
}
.home .pro .two .left .r p:first-child {
 text-align:left;
 color:#222430;
 font-family:Fira Code Medium;
 font-size:22px;
 padding-bottom:20px;
 font-weight:400
}
.home .pro .two .left .r p:nth-child(2) {
 color:#222430;
 line-height:32px;
 font-family:Fira Code Medium;
 font-size:14px !important;
 font-weight:normal;
 text-align:left
}
.home .pro .two .left .r .more {
 text-align:left
}
.home .pro .enThree .left .r p:nth-child(2),
.home .pro .enTwo .left .r p:nth-child(2) {

 font-size:14px !important;
 font-weight:normal;
}
.home .pro .three .left .r .more,
.home .pro .three .left .r p:first-child,
.home .pro .three .left .r p:nth-child(2) {
 text-align:right
}
.home .service {
 width:100%
}
.home .service .content {
 width:100%;
 position:relative;
 height:750px;
 background-color:#fcfcfc
}
.home .service .content .left {
 text-transform:uppercase;
 font-size:18px;
 line-height:18px;
 position:absolute;
 left:15%;
 top:80px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:reverse;
 -ms-flex-direction:column-reverse;
 flex-direction:column-reverse;
 /*-webkit-animation-name:transition1-;
 animation-name:transition1-;
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards*/
}
.home .service .content .left p:first-child {
 color:#ea6103;
 font-family:os;
 font-size:50px;
 -webkit-transform:rotate(90deg);
 transform:rotate(90deg);
 -webkit-transform-origin:5% 0;
 transform-origin:5% 0;
 margin-top:-90px
}
.home .service .content .left p:nth-child(2) {
 width:30px;
 font-size:20px;
 color:#222430;
 line-height:22px;
 margin-left:50px;
 font-family:Fira Code Medium;
 font-weight:700
}
.home .service .content .right {
 width:75%;
 position:absolute;
 right:0;
 top:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.home .service .content .right .i1 {
 margin-top:9px;
 text-align:center;
 -webkit-animation-duration:1s;
 animation-duration:1s
}
.home .service .content .right .i1 p {
 font-size:20px;
 font-family:Fira Code Medium
}
.home .service .content .right .i2 {
 margin-left:10%;
 -webkit-animation-delay:.5s;
 animation-delay:.5s;
 -webkit-animation-duration:1s;
 animation-duration:1s
}
.home .service .content .right .i3 {
 margin-left:5%;
 width:25%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:reverse;
 -ms-flex-direction:column-reverse;
 flex-direction:column-reverse;
 padding-top:153px
}
.home .service .content .right .i3 .bottom {
 position:relative;
 width:100%;
 margin-left:-25%;
 -webkit-animation-delay:1s;
 animation-delay:1s;
 -webkit-animation-duration:1s;
 animation-duration:1s
}
.home .service .content .right .i3 .bottom img {
 margin-top:9px
}
.home .service .content .right .i3 .top {
 padding-top:5px;
 -webkit-animation-delay:1.5s;
 animation-delay:1.5s;
 -webkit-animation-duration:1s;
 animation-duration:1s
}
.home .service .content .right .i3 .top img {
 margin-left:54%
}
.home .service .content .right .i4 {
 margin-left:5%;
 -webkit-animation-delay:2s;
 animation-delay:2s;
 -webkit-animation-duration:1s;
 animation-duration:1s
}
.home .service .content .right:before {
 content:"";
 display:inline-block;
 position:absolute;
 left:2px;
 top:50%;
 height:11px;
 width:100%;
 background-color:#ea6103
}
.home .service .content .enright:before {
 left:10px
}
.home .service .content .more {
 text-align:right;
 margin-top:30px;
 position:absolute;
 width:80%;
 right:14%;
 bottom:60px
}
.home .service .content .more a {
 cursor:pointer;
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px;
 text-decoration:none;
 color:#fff;
 padding:10px 50px;
 border-radius:20px;
 -webkit-tap-highlight-color:transparent;
 display:inline-block;
 vertical-align:middle;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 -webkit-box-shadow:0 0 1px transparent;
 box-shadow:0 0 1px transparent;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 position:relative;
 overflow:hidden;
 background:#ea6103;
 -webkit-transition-property:color;
 transition-property:color;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 margin-top:30px
}
.home .service .content .more a:before {
 content:"";
 position:absolute;
 z-index:-1;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#222430;
 border-radius:100%;
 -webkit-transform:scale(2);
 transform:scale(2);
 -webkit-transition-property:transform;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform;
 -webkit-transition-duration:.6s;
 transition-duration:.6s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.home .service .content .more a:hover:before {
 -webkit-transform:scale(0);
 transform:scale(0)
}
.home .news {
 width:1440px;
 margin:30px auto
}
.home .news .title p:first-child {
 color:#ea6103;
 font-family:os;
 font-size:50px;
 text-transform:uppercase
}
.home .news .title p:nth-child(2) {
 color:#222430;
 font-size:30px
}
.home .news .content {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.home .news .content .left {
 width:50%;
 padding-top:100px
}
.home .news .content .left .nList {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.home .news .content .left .nList .item {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:10px 0;
 cursor:pointer;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 border-bottom:1px solid #6c7178;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.home .news .content .left .nList .item p {
 color:#505561;
 -webkit-transition:all 1s;
 transition:all 1s
}
.home .news .content .left .nList .item p:first-child {
 display:inline-block;
 width:80%;
 text-align:left;
 height:20px;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;
 overflow:hidden;
}
.home .news .content .left .nList .item .enp {
 height:20px!important;
 line-height:20px
}
.home .news .content .left .nList .item p:nth-child(2) {
 font-size:14px;
 font-family:Fira Code Medium;
 font-weight:lighter
}
.home .news .content .left .nList .item:hover p {
 color:#ea6103
}

.home .news .content .left .nList .item:hover a{ 
color:#ea6103
}

.home .news .content .left .info {
 margin:30px 0;
 width:100%
}
.home .news .content .left .info p {
 text-align:right
}
.home .news .content .left .info p:first-child {
 color:#505561;
 font-size:20px;
 font-family:Fira Code Medium
}
.home .news .content .left .info p:nth-child(2) {
 font-size:14px;
 margin:10px 0;
 font-family:Fira Code Medium;
 font-weight:lighter
}
.home .news .content .left .info p:nth-child(3) {
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden;
 line-height:30px;
 text-align:left;
 height:60px;
 font-size:14px
}
.home .news .content .left .info .more {
 width:100%;
 text-align:right;
 margin-top:30px
}
.home .news .content .left .info .more a {
 cursor:pointer;
 font-family:Fira Code Medium;
 font-weight:lighter;
 text-decoration:none;
 color:#fff;
 padding:10px 50px;
 border-radius:20px;
 -webkit-tap-highlight-color:transparent;
 display:inline-block;
 vertical-align:middle;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 -webkit-box-shadow:0 0 1px transparent;
 box-shadow:0 0 1px transparent;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 position:relative;
 overflow:hidden;
 font-size:14px;
 background:#ea6103;
 -webkit-transition-property:color;
 transition-property:color;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 margin-top:30px
}
.home .news .content .left .info .more a:before {
 content:"";
 position:absolute;
 z-index:-1;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#222430;
 border-radius:100%;
 -webkit-transform:scale(2);
 transform:scale(2);
 -webkit-transition-property:transform;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform;
 -webkit-transition-duration:.6s;
 transition-duration:.6s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.home .news .content .left .info .more a:hover:before {
 -webkit-transform:scale(0);
 transform:scale(0)
}
.home .news .content .right {
 width:45%;
 margin-left:5%;
 overflow:hidden;
 cursor:pointer;
 /*-webkit-animation-name:polygon2-;
 animation-name:polygon2-;
 -webkit-animation-duration:2s;
 animation-duration:2s*/
}
.home .news .content .right img {
 width:100%;
 display:block;
 -o-object-fit:cover;
 object-fit:cover;
 -webkit-transition:all 1s;
 transition:all 1s
}
.home .news .content .right img:hover {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.home .news .lines {
 width:100%;
 padding:30px 0
}
.home .news .lines .allLine {
 width:25px;
 float:right;
 height:25px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 cursor:pointer
}
.home .news .lines .allLine div {
 width:1px;
 height:100%;
 background-color:rgba(0,0,0,.05);
 position:relative
}
.home .news .lines .allLine div:first-child:before {
 position:absolute;
 content:"";
 display:inline-block;
 top:0;
 left:0;
 height:20%;
 width:1px;
 background-color:#000;
 -webkit-animation:line1- .6s linear infinite;
 animation:line1- .6s linear infinite
}
.home .news .lines .allLine div:nth-child(2):before {
 position:absolute;
 content:"";
 display:inline-block;
 top:0;
 left:0;
 height:40%;
 width:1px;
 background-color:#000;
 -webkit-animation:line2- .6s linear infinite;
 animation:line2- .6s linear infinite
}
.home .news .lines .allLine div:nth-child(3):before {
 position:absolute;
 content:"";
 display:inline-block;
 top:0;
 left:0;
 height:20%;
 width:1px;
 background-color:#000;
 -webkit-animation:line1- .6s linear infinite;
 animation:line1- .6s linear infinite
}
@keyframes line1- {
 0% {
  height:5%
 }
 25% {
  height:15%
 }
 50% {
  height:30%
 }
 75% {
  height:15%
 }
 to {
  height:5%
 }
}
@keyframes line2- {
 0% {
  height:10%
 }
 25% {
  height:20%
 }
 50% {
  height:40%
 }
 75% {
  height:40%
 }
 to {
  height:10%
 }
}
.home .zlcenter {
 width:100%;
 border-top:1px solid rgba(0,0,0,.05);
 padding:30px 0
}
.home .zlcenter .content {
 width:1440px;
 margin:0 auto
}
.home .zlcenter .content p:first-child {
 color:#ea6103;
 font-family:os;
 font-size:50px;
 text-align:center;
 text-transform:uppercase
}
.home .zlcenter .content p:nth-child(2) {
 color:#222430;
 font-size:30px;
 text-align:center;
 margin-top:10px
}
.home .zlcenter .content p:nth-child(3) {
 color:#222430;
 font-size:18px;
 text-align:center;
 margin:10px 0
}
.home .zlcenter .content .allItems {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin:60px auto
}
.home .zlcenter .content .allItems .item {
 width:25%;
 -webkit-animation-duration:2s;
 animation-duration:2s;
 cursor:pointer
}
.home .zlcenter .content .allItems .item .img {
 width:100%;
 position:relative;
 text-align:center;
 padding:40px 0
}
.home .zlcenter .content .allItems .item .img img:nth-child(2) {
 position:absolute;
 left:36%;
 bottom:-6%
}
.home .zlcenter .content .allItems .item p {
 font-size:16px;
 font-family:Fira Code Medium;
 font-weight:lighter;
 margin-top:0
}
.home .zlcenter .content .allItems .item:nth-child(2) {
 -webkit-animation-delay:1s;
 animation-delay:1s
}
.home .zlcenter .content .allItems .item:nth-child(3) {
 -webkit-animation-delay:2s;
 animation-delay:2s
}
.home .zlcenter .content .allItems .item:nth-child(4) {
 -webkit-animation-delay:3s;
 animation-delay:3s
}
@-webkit-keyframes transition1- {
 0% {
  -webkit-transform:translate(-100px,-100px);
  transform:translate(-100px,-100px);
  opacity:0
 }
 to {
  -webkit-transform:translate(0);
  transform:translate(0);
  opacity:1
 }
}
@keyframes transition1- {
 0% {
  -webkit-transform:translate(-100px,-100px);
  transform:translate(-100px,-100px);
  opacity:0
 }
 to {
  -webkit-transform:translate(0);
  transform:translate(0);
  opacity:1
 }
}
@-webkit-keyframes transition2- {
 0% {
  -webkit-transform:translate(100px,-100px);
  transform:translate(100px,-100px);
  opacity:0
 }
 to {
  -webkit-transform:translate(0);
  transform:translate(0);
  opacity:1
 }
}
@keyframes transition2- {
 0% {
  -webkit-transform:translate(100px,-100px);
  transform:translate(100px,-100px);
  opacity:0
 }
 to {
  -webkit-transform:translate(0);
  transform:translate(0);
  opacity:1
 }
}
@-webkit-keyframes polygon- {
 0% {
  -webkit-clip-path:polygon(0 0,100% 0,0 100%,0 0);
  clip-path:polygon(0 0,100% 0,0 100%,0 0)
 }
 to {
  -webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);
  clip-path:polygon(0 0,0 100%,100% 100%,100% 0)
 }
}
@keyframes polygon- {
 0% {
  -webkit-clip-path:polygon(0 0,100% 0,0 100%,0 0);
  clip-path:polygon(0 0,100% 0,0 100%,0 0)
 }
 to {
  -webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);
  clip-path:polygon(0 0,0 100%,100% 100%,100% 0)
 }
}
@-webkit-keyframes polygon2- {
 0% {
  -webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);
  clip-path:polygon(0 0,0 100%,0 100%,0 0)
 }
 to {
  -webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);
  clip-path:polygon(0 0,0 100%,100% 100%,100% 0)
 }
}
@keyframes polygon2- {
 0% {
  -webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);
  clip-path:polygon(0 0,0 100%,0 100%,0 0)
 }
 to {
  -webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);
  clip-path:polygon(0 0,0 100%,100% 100%,100% 0)
 }
}
@media screen and (max-width:1440px) and (min-width:1000px) {
 .home .index_banner .link {
  width:12%;
  bottom:12%
 }
 .home .main .about,
 .home .pro .one {
  width:90%
 }
 .home .pro .one .left .r p:nth-child(3) {
  margin:10px 0
 }
 .home .pro .one .left .r .more {
  margin-top:0
 }
 .home .service .content .left {
  left:10%
 }
 .home .service .content .right {
  width:80%
 }
 .home .service .content .more {
  right:6%
 }
 .home .news,
 .home .zlcenter .content {
  width:90%
 }
 
 .pro_tbox {
  width: 32.33333%;
  margin-right: 0.65%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  position: relative;
  }

.home .pro .content {
	width:90%
}


.pro_name, .pro_namea {
  position: absolute;
  left: 8%;
  top: 16%;
  right:5%;
  z-index: 23;
  font-size: 20px;
  font-weight: bold;
  color: #363636;
  line-height: 24px;  }
  
  
  
  .pro_link, .pro_linka {
  position: absolute;
  left: 8%;
  top: 45%;
  z-index: 23;
  font-size: 16px;
  font-family: Lato;
  font-weight: 400;
  color: #707070;
  line-height: 48px; }
 
}




@media screen and (max-width:999px) {
	
	
 .home {
  overflow:hidden
 }
 .home .index_banner .link {
  width:50%;
  bottom:3%;
  left:25%
 }
 .home .main .about {
  width:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .home .main .about .left,
 .home .main .about .right {
  width:100%;
  margin-left:0
 }
 .home .main .about .left{ margin-top:15px;}
 .home .main .about .right {
  padding-top:30px;
  width:95%;
  margin-left:2.5%
 }
 .home .main .about .right p:first-child {
  font-size:40px
 }
 .home .main .about .right p:nth-child(2) {
  font-size:22px
 }
 .home .main .about .right p:nth-child(3) {
  margin:0
 }
 .home .main .more {
  width:100%;
  right:0;
  text-align:center;
  bottom:70px
 }
 .home .main .bgen {
  display:none
 }
 .home .pro .one {
  width:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .home .pro .one .left,
 .home .pro .one .right {
  width:100%
 }
 .home .pro .one .left {
  padding-bottom:30px
 }
 .home .pro .one .left .l {
  margin-top:20px;
  margin-left:38px
 }
 .home .pro .one .left .r {
  margin-left:0;
  width:65%
 }
 .home .pro .one .left .r p:first-child {
  margin-top:0
 }
 .home .pro .one .left .r p:nth-child(3) {
  margin:10px 0
 }
 .home .pro .one .left .r .more {
  margin-top:0
 }
 .home .pro .two .left {
  padding-top:30px
 }
 .home .pro .two .left .r {
  width:90%
 }
 .home .pro .three {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse
 }
 
 .home .pro .content {
	width:100%
}
 
 .pro_tbox {
	 width:48% !important;
	 margin:0 1.2% 2% 1.2%;
  

  }
  .home .pro .pro_title .l {
 
 font-size:50px;

}
 
 .home .service {
  margin:30px auto
 }
 .home .service .content {
  height:auto
 }
 .home .service .content .left {
  position:static;
  width:95%;
  margin-left:2.5%
 }
 .home .service .content .left p:first-child {
  -webkit-transform:rotate(0);
  transform:rotate(0);
  text-align:center;
  margin-top:30px;
  font-size:35px
 }
 .home .service .content .left p:nth-child(2) {
  text-align:center;
  width:auto;
  margin-left:0
 }
 .home .service .content .right {
  width:100%;
  position:static;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding-top:30px
 }
 .home .service .content .right:before {
  display:none
 }
 .home .service .content .right div {
  width:100%!important;
  text-align:center;
  position:static;
  margin-left:0!important;
  padding-top:0!important
 }
 .home .service .content .right div img {
  margin-left:0!important
 }
 .home .service .content .right .i3 .bottom {
  margin-left:-5px!important
 }
 .home .service .content .more {
  width:100%;
  text-align:center;
  right:0;
  position:static
 }
 .home .news {
  width:90%
 }
 .home .news .title p:first-child {
  font-size:40px
 }
 .home .news .title p:nth-child(2) {
  font-size:25px
 }
 .home .news .content {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .home .news .content .left {
  width:100%;
  padding-top:30px
 }
 .home .news .content .left .nList .item p:first-child {
  height:20px;
  width:75%
 }
 .home .news .content .left .nList .item p:nth-child(2) {
  font-size:13px
 }
 .home .news .content .left .info p:first-child {
  font-size:18px;
  line-height:30px
 }
 .home .news .content .left .info .more,
 .home .news .content .left .info .more a {
  margin-top:0
 }
 .home .news .content .right {
  width:100%;
  margin-left:0
 }
 .home .zlcenter .content {
  width:90%
 }
 .home .zlcenter .content p:first-child {
  font-size:40px
 }
 .home .zlcenter .content .allItems {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:30px auto
 }
 .home .zlcenter .content .allItems .item {
  width:50%
 }
}
video {
 border:none
}
video:focus {
 outline:none
}
.video-full {
 display:none
}
.video-full.showVideo2,
.video-full.showVideo {
 display:block;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100vh;
 background-color:rgba(0,0,0,.9);
 z-index:10000
}
.video-close {
 cursor:pointer;
 position:absolute;
 top:10%;
 right:20%;
 z-index:3200
}
.video-close i {
 -webkit-transition:opacity .4s ease-in-out;
 transition:opacity .4s ease-in-out;
 font-size:50px;
 color:#fff
}
.video-content {
 margin:150px auto;
 z-index:3000;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:1024px;
 min-height:660px;
 max-height:90vh
}
.video-content video {
 width:100%;
 height:100%
}
@media screen and (max-width:1440px) and (min-width:1000px) {
 .video-content {
  margin:70px auto
 }
 .video-close {
  top:5%;
  right:10%
 }
 
}
@media screen and (max-width:1000px) {
 .video-content {
  margin:70px auto;
  width:90%
 }
 .video-close {
  top:5%;
  right:10%
 }
 .pro_tbox {
    width: 50%;
    margin-right: 0%; }
 
}
@media screen and (max-width:767px) {
	.pro_tbox {
    width: 94% !important;
	margin:2% 3%}
	
	}
	
@media screen and (max-width:400px){
	.pro_name{ font-size:16px !important; line-height:24px;}
	.pro_link, .pro_linka {
  position: absolute;
  left: 8%;
  top: 40%;
  z-index: 23;
  font-size: 16px;
  font-family: Lato;
  font-weight: 400;
  color: #707070;
  line-height: 48px; }
}
	
	
	
body {
 margin:0;
 padding:0
}
a,
button,
div,
img,
input,
textarea {
 -webkit-tap-highlight-color:rgba(255,255,255,0)
}
a,
li,
p,
ul {
 margin:0;
 padding:0;
 text-decoration:none;
 color:#000
}
.el-input {
 width:45%!important
}
.el-input,
.el-textarea {
 margin-left:5%;
 margin-top:30px
}
.el-textarea {
 width:95%
}
input:focus,
textarea:focus {
 border-color:#dcdfe6!important;
 outline:0
}
textarea:focus {
 resize:none!important
}
.donghua {
 height:100vh;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:999;
 color:#fff;
 background-color:#000;
 -webkit-animation-duration:.6s;
 animation-duration:.6s;
 -webkit-animation-delay:.1s;
 animation-delay:.1s
}
#app {
 font-family:Avenir,Helvetica,Arial,sans-serif;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 width:100%;
 overflow:hidden
}
#scroller-wrapper {
 position:relative;

 overflow:hidden
}
.scrollbar-thumb {
 background-color:#ea6103!important
}
.scrollbar-thumb,
.scrollbar-track-y {
 width:3px!important
}