@import url(normalize.css);
@import url(font.css);
.in-body {
}
header {
  height: 110px;
  display: flex;
  border-bottom: 3px solid #1670be;
  flex-basis: 100%;
  position: absolute;
  z-index: 999;
  width: 100%;
}
header.fixed {
  background-color: rgb(0 0 0 / 85%);
  position: fixed;
  box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
}
.head-logo {
  width: 20%;
}
.head-logo img {
  display: block;
  height: 80%;
  padding-top: 10%;
  
}
.head-nav {
  width: 60%;
  margin-left: 20%;
  text-align: right;
}
.head-nav .head-nav-top,.head-nav .head-nav-bottom {
  height: 50%;
}
.head-nav .head-nav-top {
  padding-right: 5%;
  padding-top: 15px;
}
.head-nav .head-nav-top a{
  display: inline-block;
  vertical-align:middle
}
.head-nav .head-nav-top p {
  display: inline-block;
  color: #fff;
}
.head-nav .head-nav-top p span {
  font-size: 28px;
  font-weight: 700;
}
.head-nav-bottom ul{
  display: flex;  
  width: 100%;
  align-items: center;
  justify-items: center;
  height: 100%;
  margin-top: 1px;
}
.head-nav-bottom ul li {
  display: flex;
  flex: 1;
  align-items: center;
  justify-items: center;
  height: 100%;
  text-align: center;
  position: relative;
  transition: all .5s linear;
}
.head-nav-bottom ul li a{
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 16px;

}

.head-nav-bottom ul li .lang{
  background-color: #1670be;
  display: inline-block;
  border-radius: 10px;
  padding: 10px 20px;
}
.head-nav-bottom ul li:last-child::after {
  display: none;
}
.head-nav-bottom ul li:last-child:hover {
  background:none;
}
.head-nav-bottom ul li::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 3px;
  left: 0;
  bottom: -3px;
  background-color: #fff;
  transition: all .5s linear;
}
.head-nav-bottom ul li:hover {
  background-color: #1670be;
}
.head-nav-bottom ul li:hover::after {
  width: 100%;
}
.head-nav-bottom ul li:last-child:hover .lang {
  box-shadow: 0px -2px 3px 0px rgb(0 0 0 / 35%) inset;
}
.p_icon:before {
  content: '\e628';
  font-size: 36px;
  color: #1670be;
}
.in_pro,.in_news{
  padding-bottom: 20px;
}
.container {
  width: 1200px;
  margin: 0 auto;
}
.in_pro_list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.in_pro_list ul li {
  margin: 0 5px;
  width: calc(25% - 10px);
  padding: 10px;
  background-color: #fff;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  transition: all .5s linear;
}
.in_news {
  background-color: #eaeef1;
}
.in_pro_list ul li img {
  height: 100%;
  width: auto;
  display: block;
  margin: 0 auto;
}
.in_pro_list ul li span {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}
.in_tit {
  text-align: center;
  padding-top: 10px;
  font-size: 24px;
  color: #000;
}
.in_tit strong {
  font-size: 30px;
  font-weight: 700;
  color:#36A7ED;
}
.in_pro_nav {
  width: 100%;
  margin: 0 auto;
}
.in_pro_nav ul {
  display: flex;
  margin: 20px 0;
  flex-wrap: wrap;
}
.in_pro_nav ul li {
  width: 24%;
  padding: 10px;
  background-color: #36A7ED;
  color: #fff;
  font-size: 18px;
  border-radius: 20px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
}
.in_pro_nav ul li a {
  color: inherit;
}
#index-about {
  position: relative;
  height: 750px;
  padding-top: 10px;
}
#index-about .intro {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 35px 50px;
  
  background-color: rgba(255,255,255,0.5);
  color: #000;
}
#index-about .intro h2 {
  display: inline-block;
  font-size: 20px;
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 3px solid #1670be;
}
#index-about .intro p {
  margin: 10px 0;
}

#index-about .streamer {
  padding: 20px 0;
  color: #fff;
  background-color: rgba(165, 165, 165, 0.6);
  position: absolute;
  bottom: 0px;
  width: 100%;
}
#index-about .streamer .item:not(:last-child)::after {
  position: absolute;
  content: '';
  width: 1px;
  height: 60%;
  top: 20px;
  right: 50px;
  background-color: #fff;
}
#index-about .streamer p {
  margin: 0;
}
#index-about .streamer strong {
  font-size: 40px;
  line-height: 1em;
  font-weight: normal;
}
#index-about .streamer h3 {
  font-size: 15px;
  margin: 0;
}

@media (min-width: 1200px){
  #index-about {
    background: url('../image/index-about.jpg') no-repeat;
    background-size: cover;
  }
}

@media(max-width: 1200px){
  #index-about {
    padding-top: 20px;
    background-size: 100%;
    height: auto;
  }
  #index-about .intro {
    width: 100%;
    margin-left: 0;
    padding: 20px 0;
  }
  #index-about .gate-bg {
    height: 150px;
    background: url('../image/index-about.jpg') no-repeat;
    background-size: 100% 100%;
  }
}
.in_reason {
  padding: 40px 0;
  background-color: #eaeef1 ;
}
.in_reason_left {
  width: 50%;
}
.in_reason_left img {
  width: 100%;
}
.in_reason_top, .in_reason_bottom{
  display: flex;
  margin-bottom: 20px;
}
.reason_top_left {
  width: 50%;
}
.reason_top_right {
  margin-left: 10%;
  width: 40%;
  margin-top: 50px;
  position: relative;
}
.reason_top_right p {
  z-index: 1;
  position: inherit;
}
.e_hline {
  width: 100px;
  height: 3px;
  display: block;
}
.w_hline {
  width: 100%;
  height: 12px;
}
.p_HLine {
  width: 100%;
  background-color: #1670be;
  height: 100%;
}
.h_hline {
  width: 50%;
  height: 20px;
}
.a_hline {
  width: 79px;
  height: 52px;
  position: absolute;
  right: -30px;
  bottom: 35px;
}
.b_hline {
  width: 139px;
  height: 100px;
  position: absolute;
  right: -120px;
  top: -50px;
  z-index: 0;
}
.a_hline .p_HLine {
  background-color: #36A7ED;
}

.reason_left_bottom {
  width: 100%;
}
.in_reason_right {
  margin-left: 10%;
  width: 40%;

}
.in_reason_right ul {
  display: flex;
  flex-wrap: wrap;
}
.in_reason_right ul li {
  display: flex;
  margin-bottom: 20px;
}
.letter {
  font-size: 72px;
  font-weight: 700;
  color: #1670be;
  margin-right: 20px;
}
.in_reason_cont {
  line-height: 2em;
}
.in_reason_cont * {
  line-height: inherit;
}
.in_reason_cont p {
  font-size: 12px;
  color: #36A7ED;
}
.in_reason_cont span {
  color: #5f5f5f;
  margin-bottom: 10px;
  display: block;
}
.in_reason_cont span strong {
  font-weight: 700;
  color: #000;
  font-size: 24px;
  margin-right: 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid #ccc;
}
.in_reason_cont .in_reason_desc p {
  font-size: 14px;
  color: #000;
}
#honor img {
  width: 100%;
}
.in-honor {
  padding: 40px 0;
  position: relative;
 
}
.swiper-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5;}
.swiper-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.swiper-buttons div{padding:0;color:transparent;border-radius:0;background-color:transparent;width:42px;height:42px;background-image:url('../image/sw-botton.png')}
.swiper-buttons div:hover{background-color:transparent}
.swiper-buttons .owl-prev{background-position:left top}
.swiper-buttons .owl-prev:hover{background-position:left -42px}
.swiper-buttons .owl-next{background-position:right top}
.swiper-buttons .owl-next:hover{background-position:right -42px}
.swiper-buttons .owl-prev{position: absolute;top: 50%; left: 0;z-index: 10;}
.swiper-buttons .owl-next{position: absolute;top: 50%; right: 0;z-index: 10;}
.in-honor .container,.in_case .container {
  position: relative;
  padding-top: 80px;
}
.in-honor .in_tit,.in_case .in_tit {
  text-align: right;
  padding: 0;
  margin-bottom: 20px;
  position: absolute;
  top: 0;
  right: 15px;
}
.in-honor .w_hline {
  margin-bottom: 5px;
  width: 100%;
  position: relative;
  right: 0;
  height: 8px;
}
.in_box_3{width: 100%;padding-bottom: 60px;}
.in_box_3 .content{width: 1218px;margin: 0px auto;}
.in_box_3 .top_box{padding: 30px 0px;}
.in_box_3 .top_box .title{font-size: 28px;color: #1e1e1e;float: left;}
.in_box_3 .top_box .more{font-size: 16px;line-height: 1.5em; color: #383737; border-bottom: 1px solid #383737; float: right;}
.post-list-item { background-color:#f7f7f7; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.post-img { overflow:hidden; position:relative; }
.post-img img { 
	width:100%; display:block; 
	-webkit-transform:scale(1);	-moz-transform:scale(1); -o-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
.post-img span { 
	display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-color:#000; opacity:0; filter:alpha(opacity=0); 
	-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
.post-img i { 
	display:block; width:57px; height:57px; position:absolute; top:50%; left:50%; margin-left:-28px; margin-top:-28px; background:url("../image/icon_link1.png")no-repeat center; opacity:0; filter:alpha(opacity=0);
	-webkit-transition:-webkit-transform 0.5s ease-out;	-moz-transition:-moz-transform 0.5s ease-out; transition:transform 0.5s ease-out; 
} 
.post-text-box { position:relative; }
.post-text { padding:20px; }
.post-text h2 { line-height:normal; font-size:16px; margin-bottom:10px;font-weight:bold;     white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.post-text-summary { font-size:13px; color:#808080; overflow:hidden; }
.post-text-summary .qhd-content p { line-height:24px;max-height:130px;overflow:hidden;}
.post-arrow { position:absolute; z-index:10; display:block; overflow:hidden; background-image:url("../image/post-arrow.gif"); background-repeat:no-repeat; }
.post-list-item:hover { position:relative; z-index:5; box-shadow:0 0 10px rgba(0,0,0,0.45); 
}
.post-list-item:hover .post-img img {
	-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;
}
.post-list-item:hover .post-img span { opacity:0.3; filter:alpha(opacity=30); }
.post-list-item:hover .post-img i { opacity:1; filter:alpha(opacity=100); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); }

.post-text-center { text-align:center; }
.post-text-detail { padding-top:10px; line-height:normal; }
.post-text-detail a { display:inline-block; *display:inline; *zoom:1; color:#999; font-size:12px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.post-text-detail a:hover {  color:#1a1a1a !important; }
.light-box .post-text-detail a { color:#999 !important; }

.post-list-2col .post-img, .post-list-2col .post-text-box { float:left; width:50%; }
.post-list-2col .post-text { padding:30px; }
.post-list-2col .post-text h2 { margin-bottom:15px; }
.post-list-2col .post-list-item .post-arrow { width:10px; height:19px; top:50%; left:-10px; margin-top:-10px; background-position:0 -42px; }
.post-list-2col .post-list-item-spec .post-img { float:right; }
.post-list-2col .post-list-item-spec .post-arrow { top:50%; left:auto; right:-10px; margin-top:-10px; background-position:0 -11px; }

.post-list-3col .post-list-item { float:left; width:33.33333%; }
.post-list-3col .post-list-item .post-text { padding:30px; }
.post-list-3col .post-list-item .post-arrow { width:19px; height:10px; top:-10px; left:50%; margin-left:-10px; background-position:0 0; }
.post-list-3col .post-list-item-spec .post-img { top: 258px; }
.post-list-3col .post-list-item-spec .post-text-box { top:-258px; }
.post-list-3col .post-list-item-spec .post-arrow { top:auto; bottom:-10px; background-position:0 -31px; }

.post-list-4col .post-list-item { width:50%; float:left; }
.post-list-4col .post-img, .post-list-4col .post-text-box { width:50%; float:left; }
.post-list-4col .post-list-item .post-arrow { width:10px; height:19px; top:50%; left:-10px; margin-top:-10px; background-position:0 -42px; }
.post-list-4col .post-list-item-spec .post-img { float:right; }
.post-list-4col .post-list-item-spec .post-arrow { top:50%; left:auto; right:-10px; margin-top:-10px; background-position:0 -11px; }
.post-list-4col .post-text h2 { font-size:15px; }

.yama{width:100%;overflow:hidden;position:absolute;bottom:10%;left:0px;}
.time{float:right;overflow:hidden;margin-right:6%;color:#666666;font-family:arial;background:url("../image/news.png") no-repeat left 3px;padding-left:20px;margin-top:15px;}
.mores{width:42px;height:42px;display:block;background:url("../image/a1.png") no-repeat center;background-size:100% 100%;margin-left:6%;}
.mores:hover{background:url("../image/a2.png") no-repeat center;}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.in_news {
  padding: 40px 0;
}
.in_news .in_tit {
  margin-bottom: 20px;
}
.post-text-box {
  height: 258px;
}

.swiper-option {
  width: 142px;
  height: 40px;
  border: 2px solid #000;
  float: right;
  margin-bottom: 20px;
}

.swiper-option > div {
  width: 50%;
  height: 100%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer
}

.swiper-option .swiper-prev {
  background: url("../image/sub_19_hover.png") no-repeat center/50%
}

.swiper-option .swiper-prev:hover {
  background: #0571b1 url("../image/sub_19.png") no-repeat center/50%
}

.swiper-option .swiper-next {
  background: url("../image/sub_20_hover.png") no-repeat center/50%
}

.swiper-option .swiper-next:hover {
  background: #0571b1 url("../image/sub_20.png") no-repeat center/50%
}
.in_case {
  padding: 40px 0;
}
.in_case .in_tit {
  margin-bottom: 0;
}
.in_case .container {
  padding-top: 50px;
}
.case-swiper {
  width: 100%;
}
.top-btn{
  display: none;
  position: fixed;
  bottom: 220px;
  right: 24px;
  border-radius:50%;width:40px;height:40px;background:#0571b1;z-index:999;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease}
.top-btn:hover{cursor:pointer;background:#ccc}
.top-btn i{position:relative;transform:scale(1.4);color: #fff;}
.top-btn:hover i{color: #000;}
.foot{width:100%;
  background-color: rgb(0 0 0 / 66%);
}
.foot .common-wrapper{display:flex;align-items:center}
.foot .text{width:300px;line-height:60px}
.foot-list{min-height:250px;box-sizing:border-box;}
.foot-l{width:100%;height:100%;display:flex}
.foot-l .foot-u{margin-top:30px}
.foot-l .foot-u li{margin:20px 0}
.foot-l .foot-u li a{transition:all .3s ease;color:#fff;opacity:.8;font-size:14px;line-height:1.3}
.foot-l .foot-u li a:hover{color:#36A7ED;opacity:1;padding-left:10px}
.foot-l .foot-u .iconfont{color:#fff;opacity:.8;margin-right:3px}

.foot-l .lfr{margin-top:30px;display:flex}
.foot-item{padding-top:30px;height:100%;width:25%}
.foot-title{font-size:18px;font-weight:700;color:#fff}
.foot-cate,.foot-code,.foot-index{padding-left:50px}
.foot-nav {
  width: 20%;
}
.foot-index {
  width: 40%;
}
.foot-cate ul,.foot-nav ul{margin-top:30px}
.foot-cate ul li,.foot-nav ul li{margin:10px 0}
.foot-cate ul li a,.foot-nav ul li a{transition:all .3s ease;color:#fff;font-size:14px;opacity:.8;line-height:1.3}
.foot-cate ul li a:before,.foot-nav ul li a:before{position:relative;top:-2px;content:"-";margin-right:10px}
.foot-cate ul li a:hover,.foot-nav ul li a:hover{color:#0571b1;opacity:1;padding-left:10px}
.foot-right a{color:hsla(0,0%,100%,.8)}
.foot-right{width:100%;height:58px;background-color:#111;color:hsla(0,0%,100%,1);display:flex;justify-content:center;align-items:center}
.code-img{margin-top:30px}
.code-img img{max-width:140px}
.fudong {
  display: none;
}
.sm-mask{position:fixed;width:100%;bottom:0;height:100%;background:rgba(0,0,0,.6);z-index:1009;display:none;top:13.3333333333vw}
.in_pro_nav ul li {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.in_pro_nav ul li:hover {
  box-shadow: 0 3px 25px 4px rgb(113 111 112 / 30%);
  transform: translate3d(0,-3px,0);
  -webkit-transform: translate3d(0,-3px,0);
}
.in_pro_nav ul li:before {
  content: ' ';
  position: absolute;
  background: rgba(255,255,255,0.5);
  width: 20px;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: skewX(
-25deg);
  transform: skewX(
-25deg);
  opacity: 0;
  filter: alpha(opacity=0);
}
.in_pro_nav ul li:hover::before {
  width: 45px;
  left: 50%;
  opacity: 0.15;
  filter: alpha(opacity=15);
}
.top-btn i {
  top: 40%;
}


#swiper-banner {
  color: #fff;
}
#swiper-banner a {
  color: #fff;
}
#swiper-banner .relative {
  position: relative;
}
#swiper-banner .absolute {
  position: absolute;
}

  
#swiper-banner .banner1-pro{
  top: 17%;
  left: 44%;
  width: 37.03%;
  
}
#swiper-banner .banner1-title {
  top: 17%;
  left: 26%;
  width: 36.45%;
  
}
#swiper-banner .banner1-txt {
  top: 45%;
  left: 26%;
}
#swiper-banner .banner1-txt li {
  position: relative;
  padding: 10px 0 15px 15px;
  border-left: 1px solid #fff;
}
#swiper-banner .banner1-txt li::before {
  position: absolute;
  left: -5px;
  top: 15px;
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #0571b1;
  border-radius: 50%;
}

  
#swiper-banner .banner2-title {
  top: 44%;
  left: 22%;
  width: 26.04%;
  
}
#swiper-banner .banner2-txt {
  top: 54%;
  left: 22%;
  font-size: 28px;
}

  
#swiper-banner .banner3-title {
  top: 34%;
  left: 30%;
  width: 40.26%;
  
}
#swiper-banner .banner3-img1 {
  top: 60%;
  left: 28%;
  width: 18.90%;
  
}
#swiper-banner .banner3-img2 {
  top: 60%;
  left: 51%;
  width: 18.90%;
  
}
#swiper-banner .banner3-img3 {
  top: 76%;
  left: 58%;
  width: 19.84%;
  
}
#swiper-banner .banner3-img4 {
  top: 72%;
  left: 19%;
  width: 25.36%;
  
}

  
#swiper-banner .banner4-title {
  top: 30%;
  left: 22%;
  width: 29.79%;
  
}
#swiper-banner .banner4-txt {
  top: 65%;
  left: 24%;
  font-size: 28px;
}

#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev {
  color: #0571b1;
  width: 100px;
  height: 50px;
  text-align: center;
  
}

.product-list li figure {
  height: 180px;
  display: block;
  line-height: normal;
  overflow: hidden;
  position: relative;
  margin: 15px!important;
}
.product-list li figure mark {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: rgba(142, 195, 31, 0);
  filter: alpha(opacity=20);
  z-index: 20;
  opacity: 0;
  transform: skewX(
45deg);
  visibility: hidden;
  transition: all .5s linear;
}
.product-list li figure mark b {
  display: block;
  width: 46px;
  height: 46px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -23px;
  margin-top: -23px;
  z-index: 30;
}.product-list li figure mark b:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #0571b1;
  position: absolute;
  left: 0;
  top: 23px;
  transform: translateX(-200px);
  -webkit-transform: translateX(-200px);
  -moz-transform: translateX(-200px);
}
.product-list li figure mark b:after {
  content: "";
  width: 2px;
  height: 100%;
  background: #0571b1;
  position: absolute;
  left: 23px;
  top: 0;
  transform: translateY(-200px);
  -webkit-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
}
.product-list li {
  transition: all .5s linear;
}
.product-list li span {
  color: inherit;
}
.product-list li:hover {
  background-color: #0571b1;
  box-shadow: 2px 1px 0px 1px rgb(0 0 0 / 36%)
}
.product-list li:hover span {
  color: #fff;
}
.product-list li:hover figure mark b:before {
  transition: 355ms 180ms;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
}
.product-list li:hover figure mark b:after {
  transition: 355ms 240ms;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
}
.product-list li figure img {
  transition: all linear;
}
.product-list li:hover figure img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}
.product-list li:hover figure mark {
  opacity: 1;
  transform: skewX(0);
  visibility: visible;
}
#swiper-banner .swiper-button-next, #swiper-banner .swiper-button-prev {
  color: #0571b1;
}
.nav-btn {
  display: none;
}
.main_more{position:relative;display:inline-block;margin-top:20px;transition:all .5s;z-index:3;border-radius:0;background:#716f70; border-radius: 5px;  }
.main_more:hover{box-shadow: 0 3px 25px 4px rgba(113,111,112,0.3); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.main_more a:before{ content: ' '; position: absolute; background:rgba(255,255,255,0.5); width: 20px; height: 100%; top: 0; left: 0;  -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transform: skewX(-25deg); transform: skewX(-25deg);opacity: 0;filter: alpha(opacity=0);}
.main_more:hover a:before { width: 45px; left: 50%;opacity: 0.15;filter: alpha(opacity=15);}
.main_more a:after{margin-left:5px;}

.main_more a,.main_more input, .main_more button{display:block;color:#ffffff;font-size:14px;height:50px;line-height:50px;padding-left:25px;padding-right:25px;text-transform:uppercase;z-index:2;position:relative;border-radius:0;font-family:'Montserrat-SemiBold';font-weight:bold;background-repeat: no-repeat;transition:all .5s; }
.main_more:hover a,.main_more:hover input, .main_more:hover button{color:#fff;text-decoration:none;} 
 
@-webkit-keyframes spin{
	from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{
	from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes scroll_right_anim {
0% {
transform: translateX(-3px); }
50% {
transform: translateX(3px); }
100% {
transform: translateX(-3px); } }


@media only screen and (max-width: 475px) {
	.main_more a,.main_more input, .main_more button{ height: 44px; line-height: 44px; }
	
}
.in_case .swiper-wrapper img {
  width: 100%;
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.in_case .swiper-slide {
  padding: 5px;
}
.head-nav-bottom ul li:last-child {
  display:none;
}
@media (max-width: 800px) {
#swiper-banner .banner1-pro {
top: 4%;
left: 10%;
width: 77.03%;
}
#swiper-banner .banner2-title {
    top: 20%;
    left: 10%;
    width: 70.04%;
}
#swiper-banner .banner2-txt {
    top: 30%;
    left: 10%;
    font-size: 22px;
}
}