@font-face {
  font-family: roboto;
  src: url("../fonts/roboto.ttf");
}
@font-face {
  font-family: alimama;
  src: url("../fonts/alimama.ttf");
}
@font-face {
  font-family: abrilfat;
  src: url("../fonts/AbrilFatface.ttf");
}
.bg-color {
  background: #fff;
}
.flex_c_c{
  display:flex;justify-content: center;
  align-items: center;
}
.img_jz{
  display: block;
  position: relative;
  overflow: hidden;
}
.img_jz>img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*head*/
.head{
  background: #fff;
  position:fixed;
  width: 100%;
  top:0;
  left:0;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 80px;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.logo{
  display:block;
  width: 300px;
}
.logo>img{
  width: 100%;
}
.head_right{
  display:flex;
  justify-content: flex-end;
  align-items: center;
}
.nav-bar{
  display:flex;
  justify-content: flex-end;
  align-items: center;
}
.nav-bar li{
  margin-left: 1.5vw;
}
.nav_heft>a{
  font-size: 1.6rem;
  color: #333333;
  padding-left: 33px;
  line-height: 80px;
  background-image:url("../images/navicon.png");
  background-repeat: no-repeat;
  background-position: -100% center;
  -webkit-transition: 350ms 0s all linear;
  -moz-transition: 350ms 0s all linear;
  -ms-transition: 350ms 0s all linear;
  -o-transition: 350ms 0s all linear;
  transition: 350ms 0s all linear;
}
@media screen and (min-width:960px){
  .nav-bar li:hover .nav_heft>a,.nav-bar li.active .nav_heft>a{
    color: #1f62a6;
    background-position: 0 center;
  }

  .nav_down{
    position:fixed;
    left:0;
    width: 100%;
    /*display:none;*/
    background:#fff url("../images/navdownbg.jpg") no-repeat right center/cover;
    background-size:60% 100%;
    top:90px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
  }
  .nav_down_show{
    top:80px;
    opacity: 1;
    z-index: 1000;
    visibility: visible;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
  }
  .nav_down:after{
    display:block;
    content: '';
    clear: both;
  }
  .navdown_l{
    float:left;
    width:40%;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:3vw;
    padding-left: calc(80px + 3vw);
  }
  .navdown_l a{
    width: 48%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    height: 67px;
    border-bottom: 1px solid #ededed;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
  }
  .navdown_l a:hover{
    border-bottom: 1px solid #e8eff6;
  }
  .navdown_l a i{
    font-size: 1.6rem;
    color: #666666;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
  }
  .navdown_l a:hover i{
    color: #00519a;
  }
  .navdown_r{
    float:right;
    width: 60%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:3vw;
    padding-right: 5vw;
  }
  .navdown_r>h3{
    position:relative;
    font-size: 2.9rem;
    color: #1f62a6;
    font-weight: normal;
  }
  .navdown_r>h3:before{
    display:block;
    text-transform: uppercase;
    content:attr(data-text);
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 7rem;
    color: rgba(31, 98, 166, 0.07);
    font-weight: bold;
  }
  .navdown_r>small{
    font-size: 1.6rem;
    color: #666666;
    font-weight: lighter;
    line-height: 30px;
    display:block;
    margin:2vw 0;
  }
  .navdown_r a{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    line-height: 36px;
    background:#1f62a6;
    border-radius: 18px;
  }
  .navdown_r a i{
    font-size: 1.4rem;
    color: #fff;
    font-weight: lighter;
    background:url("../images/downjt.png") no-repeat right center;
    padding-right: 25px;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
  }
  .navdown_r a:hover i {
    padding-right: 45px;
  }

  .gfshop_down{
    position:absolute;
    top:100%;
    left:0;
    width: 100%;
    background:#fff;
    display:none;
  }
  .gfshop_down a{
    height: 52px;
    border-top: 1px solid #eeeeee;
    position:relative;
    overflow:hidden;
  }
  .gfshop_down a:after{
    display:block;
    width: 0;
    height: 24px;
    background:#da0b06;
    content: '';
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

  }
  .gfshop_down a:hover:after{
    width: 3px;
    -webkit-transition: 350ms 0s all ease;
    -moz-transition: 350ms 0s all ease;
    -ms-transition: 350ms 0s all ease;
    -o-transition: 350ms 0s all ease;
    transition: 350ms 0s all ease;
  }
  .gfshop_down a span{
    font-size: 1.6rem;
    color: #333333;
    margin-left: 10px;
  }
  .searchshowbg{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width: 100%;
    background:#fff;
    border-top: 1px solid #ddd;
  }
  .searchshowbg>div{
    height: 120px;
  }
}


.sear{
  position:relative;
  cursor: pointer;
  margin:auto 30px;
}


.searchshowbg form input[name=keyword]{
  width: 270px;
  line-height: 50px;
  border:1px solid #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0 15px;
  font-size: 1.6rem;
  color: #333;
}
.searchshowbg form input[name=keyword]::placeholder{
  font-size: 1.6rem;
  color: #333;
}
.searchshowbg form input[type=submit] {
  line-height: 50px;
  width: 110px;
  background:#1f62a6;
  font-size: 1.6rem;
  color: #fff;
  cursor: pointer;
}
.head_right>a{
  border-left: 1px solid #eee;
  width: 80px;
  height: 80px;
}
.gfshop{
  position:relative;
}
.gfshop_top{
  background:#1f62a6;
  width: 160px;
  height: 80px;
  cursor: pointer;
}
.gfshop_top span{
  font-size: 1.6rem;
  font-weight: lighter;
  color: #fff;
  margin-left: 10px;
}



.pl_side{
  padding-left: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.more{
  display:block;
  position:relative;
  width: 158px;
  line-height: 44px;
  background:#1f62a6;
  text-align: center;
}
.more>span{
  color: #fff;
  font-size: 1.6rem;
  position:relative;
  width: 100%;
}
.more:before{
  content:"";
  width:100%;
  height:100%;
  background:#d82f34;
  position:absolute;
  left:0;
  top:0;
  transform-origin:100%;
  -webkit-transform-origin:100%;
  -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1);
  transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1);
  transition:transform .6s cubic-bezier(.4,0,.2,1);
  transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1);
  transform:scaleX(0);
  -webkit-transform:scaleX(0);
  visibility:hidden\9;
}
.more:hover:before{
  transform:scaleX(1);
  -webkit-transform:scaleX(1);
  -moz-transform:scaleX(1);
  transform-origin:0;
  -webkit-transform-origin:0;
  visibility:visible\9;
}

/*indexbody*/
.indexbody {
  position: relative;
  height: 100%;
}
.swiperbody{
  width: 100%;
  height: 100%;
}
.swiperbody>.swiper-wrapper>.swiper-slide{
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 80px;
}
.swiper-paginationbg{
  position:absolute;
  top:80px;
  left:0;
  width: 80px;
  height:calc(100% - 80px);
  z-index: 999;
  display:flex;
  justify-content: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.swiper-paginationbg-black{
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.swiper-paginationbg>.swiper-pagination li{
  position:relative;
  margin:10px auto!important;
  opacity: 1;
  background:none;
  width: 100%;
  height: initial;
}
.swiper-paginationbg>.swiper-pagination li i{
  display:block;
  width: 10px;
  height: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border:1px solid #fff;
  border-radius: 50%;
  margin:0 auto;
  margin-bottom: 10px;
}
.swiper-paginationbg-black>.swiper-pagination li i {
  border:1px solid #999999;
}
.swiper-paginationbg>.swiper-pagination .swiper-pagination-bullet-active i{
  background:#fff;
}
.swiper-paginationbg-black>.swiper-pagination .swiper-pagination-bullet-active i{
  background:#999999;
}
.swiper-paginationbg>.swiper-pagination li span{
  color: #fff;
  font-size: 1.4rem;
  font-weight: lighter;
  text-align: center;
  display:none;
  letter-spacing: 4px;
  word-wrap: break-word;
  writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
  writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}
.swiper-paginationbg>.swiper-pagination .swiper-pagination-bullet-active span{
  display:inline-block;
}
.swiper-paginationbg-black>.swiper-pagination li span {
  color: #999999;
}

/*banner*/
.swiper-ban{
  width: 100%;
  height: 100%;
  position:relative;
  overflow:hidden;
}
.swiper-ban .swiper-slide a{
  display:block;
  width:100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left:80px;
}

.swiper-ban .swiper-slide a b{
  display:flex;
  align-items: center;
  justify-content: center;
  width: 97%;
  height: 100%;
  margin:0 auto;
}
.swiper-ban .swiper-slide a img{
  max-width: 100%;
}
.swiper-ban .swiper-slide a.firstpic b img{
  margin-left: 0;
  margin-right: auto;
  margin-bottom: auto;
  margin-top: 2vw;
  height: 50%;
}
.swiper-ban .swiper-pagination {
  position: absolute;
  font-size:0;
  left: 0;
  text-align: center;
  bottom: 13px;
  z-index: 9;
  display:flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.swiper-ban .swiper-pagination span{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
  opacity: 0.5;
  background:#fff;
  margin:0  20px;
}
.swiper-ban .swiper-pagination span:after{
  position:absolute;
  content: '';
  display:block;
  left:50%;
  top:50%;
  width: 4px;
  height: 4px;
  background:#00b7c2;
  border-radius: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0;
}
.swiper-ban .swiper-pagination span.swiper-pagination-bullet-active:after{
  opacity: 1;
}
.swiper-ban  .swiper-pagination span.swiper-pagination-bullet-active{
  border:2px solid #00b7c2;
  width: 34px;
  height: 34px;
  background:none;
}
/*company*/
.in_company{
  background:url("../images/combg.jpg") no-repeat center/cover;
}
.com_cont{
  width: 100%;
  height: 100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.company_left{
  width: 66%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0 3vw;
}
.company_left>h2{
  font-weight: normal;
  color: #fff;
  font-size: 4rem;
}
.company_left>small{
  font-size: 1.6rem;
  line-height: 32px;
  color: #fff;
  font-weight: lighter;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  margin:1.5vw 0;
}

.company_right{
  width: 34%;
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.company_right li{
  width: 100%;
  height: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0 3vw;
  display:flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position:relative;
}
.company_right li:last-of-type{
  border-bottom: none;
}
.company_right li:after{
  content:"";
  width:7px;
  height:80px;
  background:#fff;
  position:absolute;
  left:0;
  top:calc(50% - 40px);
  transform-origin:100% 0;
  -webkit-transform-origin:100% 0;
  -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1);
  transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1);
  transition:transform .6s cubic-bezier(.4,0,.2,1);
  transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1);
  transform:scaleY(0);
  -webkit-transform:scaleY(0);
  visibility:hidden\9;
}
.company_right li:hover:after{
  transform:scaleY(1);
  -webkit-transform:scaleY(1);
  -moz-transform:scaleY(1);
  transform-origin:0;
  -webkit-transform-origin:0;
  visibility:visible\9;
}
.company_right li h3{
  font-family: roboto;
  font-size: 5rem;
  color: #fff;
  font-weight: normal;
}
.company_right li p{
  color: #fff;
  font-size: 1.6rem;
}

/*product*/
.in_product{
  background:url("../images/probg.jpg") no-repeat center/cover;
}
.swiper-pro{
  width: 100%;
  height: 100%;
}
.swiper-pro .swiper-slide a{
  display:block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
  padding:4vw;
}
.swiper-pro a>h4{
  height: 250px;
}
.swiper-pro a>h4 span{
  display:inline-block;
  font-weight: bold;
  font-size: 4.8rem;
  line-height: 4.8rem;
  left:4.8rem;
  position:relative;
  text-transform: uppercase;
  -webkit-text-stroke: 0.6px rgba(255,255,255,0.6);
  color: transparent;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transform-origin: left top;
}
.swiper-pro a>i{
  display:block;
  width: 1px;
  height: 20vh;
  margin:2vw 0;
  position: relative;
  left: 20px;
  background:rgba(255,255,255,0.6);
  -webkit-transition: 350ms 150ms all ease;
  -moz-transition: 350ms 150ms all ease;
  -ms-transition: 350ms 150ms all ease;
  -o-transition: 350ms 150ms all ease;
  transition: 350ms 150ms all ease;
  opacity: 0;
}
.swiper-pro a>i {
  opacity: 1;

}
.swiper-pro a>h2{
  font-size: 2.8rem;
  font-family: alimama;
  font-weight: bold;
  color: #fff;
  opacity: 0.6;
}
.swiper-pro a>small{
  font-size: 1.6rem;
  color: #fff;
  opacity: 0.5;
  display:block;
  height: 0;
  overflow:hidden;
}
.pro_more{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.pro_more>span{
  display:block;
  width: 100%;
  font-size: 1.6rem;
  color: #fff;
  opacity: 0.5;
}
.pro_more b{
  display:block;
  width: 53px;
  height: 61px;
  background-image:url("../images/promoreicon.png");
  background-repeat: no-repeat;
  background-position:-33px -18px;
  margin-top: 4vw;
  -webkit-transition: 350ms 0ms background-position ease;
  -moz-transition: 350ms 0ms background-position ease;
  -ms-transition: 350ms 0ms background-position ease;
  -o-transition: 350ms 0ms background-position ease;
  transition: 350ms 0ms background-position ease;
}

@media screen and (min-width:738px) {
  .swiper-pro a:hover > h4 span {
    color: rgba(255, 255, 255, 0.6);
  }

  .swiper-pro a:hover {
    background: rgba(31, 98, 166, 0.6);
  }

  .swiper-pro a:hover > h2 {
    opacity: 1;
  }

  .swiper-pro a:hover > small {
    height: calc(4vw + 16px);
    -webkit-transition: 350ms 0ms all ease;
    -moz-transition: 350ms 0ms all ease;
    -ms-transition: 350ms 0ms all ease;
    -o-transition: 350ms 0ms all ease;
    transition: 350ms 0ms all ease;
  }

  .swiper-pro a:hover .pro_more > span {
    width: calc(100% - 80px);
    opacity: 0.6;
  }

  .swiper-pro a:hover .pro_more b {
    background-position: -209px -18px;
    margin-top: 0;
  }
}


/*news*/
.in_news{
  background:url("../images/newbg.jpg") no-repeat center/cover;
}
.news_cont{
  width: 100%;
  height: 100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.news_left{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:3vw;
  width: 50%;
}
.news_left a{
  display:block;
  width: 100%;
}
.news_left a>h4{
  font-size: 2.8rem;
  color: #333333;
  font-family: abrilfat;
}
.news_left a>h3{
  font-size: 3rem;
  color: #333333;
  font-weight: normal;
  line-height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
  -webkit-transition: 350ms 0ms all ease;
  -moz-transition: 350ms 0ms all ease;
  -ms-transition: 350ms 0ms all ease;
  -o-transition: 350ms 0ms all ease;
  transition: 350ms 0ms all ease;
}
.news_left a:hover>h3 {
  color: #1f62a6;
}
.news_left a>b{
  width: 100%;
  height: 19vw;
  margin:1.5vw 0;
}
.news_left a>b>img{
  -webkit-transition: 350ms 0ms all ease;
  -moz-transition: 350ms 0ms all ease;
  -ms-transition: 350ms 0ms all ease;
  -o-transition: 350ms 0ms all ease;
  transition: 350ms 0ms all ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.news_left a:hover>b>img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.news_left a>p{
  display:flex;
  justify-content: center;
  align-items: center;
  border-radius:24px;
  margin-top: 2vw;
  width: 48px;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0;
  border:2px dashed #1f62a6;
  -webkit-transition: 350ms 0ms all ease;
  -moz-transition: 350ms 0ms all ease;
  -ms-transition: 350ms 0ms all ease;
  -o-transition: 350ms 0ms all ease;
  transition: 350ms 0ms all ease;
  position:relative;
  overflow:hidden;
}
.news_left a>p:after{
  display:block;
  content: attr(data-text);
  position:absolute;
  font-weight: bold;
  overflow:hidden;
  color: #1f62a6;
  font-size: 1.6rem;
  width: 100px;
  left:-150%;
  line-height: 48px;
  top:0;
  -webkit-transition: 350ms 0ms all ease;
  -moz-transition: 350ms 0ms all ease;
  -ms-transition: 350ms 0ms all ease;
  -o-transition: 350ms 0ms all ease;
  transition: 350ms 0ms all ease;
}
.news_left a>p img{}
.news_left a:hover>p {
  padding:0 15px;
  padding-left: 100px;
  border:2px solid #1f62a6;
}
.news_left a:hover>p:after{
  left:15px;
}



.news_right{
  width: 50%;
  height: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.news_right li{
  height: 33.3%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.news_right li:last-of-type{
  height: 33.4%;
  border-bottom: none;
}
.news_right li a{
  display:block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:3vw;
  padding-right: 6vw;
  background:transparent;
  -webkit-transition: 350ms 0ms all ease;
  -moz-transition: 350ms 0ms all ease;
  -ms-transition: 350ms 0ms all ease;
  -o-transition: 350ms 0ms all ease;
  transition: 350ms 0ms all ease;
}
.news_right li a:hover{
  background:#1f62a6;
}
.news_right li a>h4{
  font-family: abrilfat;
  font-size: 2.4rem;
  color: #1f62a6;
  -webkit-transition: 350ms 0ms all ease;
  -moz-transition: 350ms 0ms all ease;
  -ms-transition: 350ms 0ms all ease;
  -o-transition: 350ms 0ms all ease;
  transition: 350ms 0ms all ease;
}
.news_right li a>h3{
  font-size: 2.6rem;
  font-weight: normal;
  color: #333333;
  margin:10px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
  -webkit-transition: 350ms 0ms all ease;
  -moz-transition: 350ms 0ms all ease;
  -ms-transition: 350ms 0ms all ease;
  -o-transition: 350ms 0ms all ease;
  transition: 350ms 0ms all ease;
}

.news_left a>small,
.news_right li a>small{
  font-size: 1.8rem;
  color: #6c6c6c;
  font-weight: lighter;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: 350ms 0ms all ease;
  -moz-transition: 350ms 0ms all ease;
  -ms-transition: 350ms 0ms all ease;
  -o-transition: 350ms 0ms all ease;
  transition: 350ms 0ms all ease;
}
.news_right li a:hover>small,
.news_right li a:hover>h3,
.news_right li a:hover>h4{
  color: #fff;
}

/*coop*/
.in_coop{
  display:flex;
  justify-content: center;
  align-items: center;
  background:url("../images/coopbg.jpg") no-repeat center/cover;
}
.coop_cont{
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0 5vw;
}
.coop_top{
  display:flex;
  justify-content: center;
  align-items: center;
}
.coop_top>h4{
  color: #fff;
  font-weight: bold;
  font-size: 17rem;
  font-style: italic;
}
.coop_top>h4>sub{
  font-size: 3.8rem;
  vertical-align: baseline;
}
.coop_top>i{
  display:block;
  width: 4px;
  height: 124px;
  background:#fff;
  margin:0 40px;
}
.coop_top>div>p{
  color: #fff;
  font-size: 3.8rem;
}
.coop_top>div>small{
  color: #fff;
  font-family: Arial;
  line-height: 3.2rem;
  font-size: 3.2rem;
  font-weight: bold;
  display:block;
  width: 470px;
}
.coop_bom ul li{
  float:left;
  margin-right: 45px;
  -webkit-transition: 350ms 0ms all ease;
  -moz-transition: 350ms 0ms all ease;
  -ms-transition: 350ms 0ms all ease;
  -o-transition: 350ms 0ms all ease;
  transition: 350ms 0ms all ease;
  position:relative;
  overflow:hidden;
  width: 200px;
  height: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:10px;
}
.coop_bom ul li:before{
  display:block;
  content: '';
  position:absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 100%;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%) scale(0.9);
  -moz-transform: translate(-50%,-50%) scale(0.9);
  -ms-transform: translate(-50%,-50%) scale(0.9);
  -o-transform: translate(-50%,-50%) scale(0.9);
  transform: translate(-50%,-50%) scale(0.9);
  -webkit-transition: 350ms 0ms all ease;
  -moz-transition: 350ms 0ms all ease;
  -ms-transition: 350ms 0ms all ease;
  -o-transition: 350ms 0ms all ease;
  transition: 350ms 0ms all ease;
}
.coop_bom ul li:hover:before{
  -webkit-transform: translate(-50%,-50%) scale(1);
  -moz-transform: translate(-50%,-50%) scale(1);
  -ms-transform: translate(-50%,-50%) scale(1);
  -o-transform: translate(-50%,-50%) scale(1);
  transform: translate(-50%,-50%) scale(1);
}

.coop_bom ul li b{
  border-radius: 50%;
  background:#fff;
  display:flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.coop_bom ul li b img{
  max-width: 80%;
  max-height:70%;
  object-fit: scale-down;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: 350ms 0ms all ease;
  -moz-transition: 350ms 0ms all ease;
  -ms-transition: 350ms 0ms all ease;
  -o-transition: 350ms 0ms all ease;
  transition: 350ms 0ms all ease;
}
.coop_bom ul li:hover b img{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/*footer*/
.in_footer{
  padding-top: 0!important;
  height: initial!important;
  background:#f4f6f8;
}
.footer{
  background:#f4f6f8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fot_mid,
.fot_nav,
.fot_bot{
  width: 100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding:0 5vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow:hidden;
}
.fot_nav{
  padding-top:2vw;
  padding-bottom: 2vw;
}
.fot_nav>a{
  font-size: 1.8rem;
  color: #666666;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.fot_nav>a:hover{
  color: #1f62a6;
  font-weight: bold;
}
.fot_tel{
  padding-left: 90px;
  background:url("../images/fottel.png") no-repeat left center;
}
.fot_tel>p{
  color: #666666;
  font-size: 1.8rem;
  font-weight: lighter;
}
.fot_tel>h4{
  font-size: 4rem;
  line-height: 4rem;
  font-family: Arial;
  color: #1f62a6;
  font-weight: bold;
}
.fot_mid{
  border-top: 1px solid #dbdddf;
  border-bottom: 1px solid #dbdddf;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.fot_m_left{
  width: 46%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 5vw;
}
.fot_m_left img{
  width: 250px;
}
.fot_m_left small{
  display:block;
  margin-top: 2vw;
  font-size: 1.8rem;
  line-height: 32px;
  color: #666666;
}
.fot_m_right{
  width: 54%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #dbdddf;
  padding:2vw 4vw;
  padding-right: 0;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.fot_m_right li{
  display:flex;
  align-items: center;
  margin-bottom: 15px;
}
.fot_m_right li:last-of-type{
  margin-bottom: 0;
}
.fot_m_right li b{
  display:block;
  width: 21px;
  height: 35px;
}
.fot_m_right li img{
  width: 100%;
  height:100%;
  object-fit: scale-down;
}
.fot_m_right li a{
  font-size: 1.8rem;
  color: #333333;
}
.fot_m_right li span{
  font-size: 1.8rem;
  color: #666666;
  margin-left:10px;
}
.fot_code{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:10px;
  padding-bottom: 0;
  width: 143px;
  background:#2062a6;
  background: -moz-linear-gradient(90deg, #2062a6, #6cc1c5);
  background: -webkit-linear-gradient(90deg,#2062a6,#6cc1c5);
  background: -o-linear-gradient(90deg, #2062a6, #6cc1c5);
}
.fot_code img{
  width: 100%;
}
.fot_code p{
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: lighter;
  line-height: 37px;
}


.fot_bot a,
.fot_bot p{
  font-size: 1.4rem;
  font-weight: lighter;
  color: #666666;
}
.fot_bot a:hover{
  text-decoration: underline;
}
.fot_bot>div{
  display:flex;
  align-items: center;
  height: 88px;
}
.fot_bot>div a{
  display:block;
  margin-left: 15px;
}




/*page*/
.page {
  font-size: 0;
  text-align: center;
}
.page .center {
  display: inline-block;
  overflow: hidden;
}
.page .center .page-span {
  float: left;
  font-size: 14px;
  color: #c3c3c3;
  line-height: 32px;
  margin-right: 30px;
}
.page .center .page-list {
  float: left;
  overflow: hidden;
}
.page .center .page-list ul li {
  float: left;
  width: auto;
  min-width: 30px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  margin: 0 4px;
  padding: 0;
  border: none;
  background: transparent;
}
.page .center .page-list ul li a {
  min-width: 20px;
  padding: 0 5px;
  border: 1px solid #eee;
  display: block;
  color: #333;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow: hidden;
  background: #fff;
}
.page .center .page-list ul li:hover a {
  color: #f3c04b;
}
.page .center .page-list ul li.active a {
  background: #f3c04b;
  color: #fff;
}
.news-center {
  background: #fff;
  padding-bottom: 25px;
}
.news-center .new-list {
  padding: 45px 45px 0px;
}
.news-center .new-list ul li {
  margin-bottom: 35px;
  border-bottom: 1px solid #eee;
}
.news-center .new-list ul li a {
  overflow: hidden;
  display: block;
  height: 90px;
  padding-bottom: 30px;
}
.news-center .new-list ul li a .img {
  float: left;
  width: 130px;
  height: 90px;
  background: #eee;
  line-height: 90px;
  font-size: 0;
  text-align: center;
}
.news-center .new-list ul li a .img img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.news-center .new-list ul li a .info {
  float: right;
  width: 690px;
}
.news-center .new-list ul li a .info h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #333;
}
.news-center .new-list ul li a .info em {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 16px;
  margin-bottom: 10px;
}
.news-center .new-list ul li a .info p {
  font-size: 14px;
  line-height: 22px;
  color: #999;
  max-height: 44px;
  overflow: hidden;
}
.news-center .new-list ul li a:hover h3 {
  color: #f3c04b;
}
.message-c {
  background: #fff;
  padding: 40px 50px;
  overflow: hidden;
}
.message-c .p {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  margin-bottom: 35px;
}
.message-c .from input {
  display: block;
  height: 38px;
  line-height: 38px;
  padding: 0 5px;
  border: 1px solid #d2d2d2;
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
}
.message-c .from input[name=user],
.message-c .from input[name=phone] {
  width: 348px;
}
.message-c .from textarea {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  display: block;
  width: 728px;
  height: 130px;
  border: 1px solid #d2d2d2;
  padding: 5px;
  margin-bottom: 10px;
}
.message-c .from .code {
  overflow: hidden;
}
.message-c .from .code input[name=code] {
  width: 258px;
  float: left;
}
.message-c .from .code a {
  display: block;
  float: left;
  width: 80px;
  height: 38px;
  padding: 1px 0;
  margin-left: 10px;
}
.message-c .from .code a img {
  width: 80px;
  height: 38px;
}
.message-c .from .btn {
  padding-top: 25px;
}
.message-c .from .btn a {
  display: block;
  width: 362px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  background: #8fa4de;
}
.message-c .from .btn a:hover {
  background: #8397d0;
}
.contact-o {
  background: #fff;
  overflow: hidden;
  padding: 40px 0;
  text-align: center;
}
.contact-o iframe {
  width: 830px;
  height: 500px;
  margin: 0 auto;
}