@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}


@charset "UTF-8";
/*特殊字1体：*/
@font-face {
    font-family: "Bebas";
    src: url("../font/BEBAS___-webfont.woff.ttf") format('opentype');
    font-weight: normal;
    font-style: normal
}
@font-face {
  font-family: 'Conv_DINCondensedC';
  src: url('../font/DINCondensedC.eot');
  src: local('☺'), url('../font/DINCondensedC.woff') format('woff'), url('../font/DINCondensedC.ttf') format('truetype'), url('../font/DINCondensedC.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fontd{font-family: "Conv_DINCondensedC"}
.fontb,.history li span,.tit h4,.entit{font-family: "Bebas";}



body {
  font-family: '微软雅黑';
  overflow-x: hidden;
  font-size: 14px;
  line-height: 1.8;
}
.por{position: relative;}
label.error {
  text-indent: -9999999px;
  display: none !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

ul, ol {
  margin: 0;
  padding-left: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
  color: #000;
}

a:hover,a:link{
  text-decoration: none;
}

#edition-cn {
  font-family: '微软雅黑';
}

#edition-en {
  font-family: 'Arial';
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix:before,.clearfix:after {
  content: "";
  display: table;
  line-height: 0;
  clear: both;
}

img {

}

.wrap {
  margin: 0 auto;
  width: 1200px;
  min-width: 1200px;
}

.header-block {
  width: 100%;
  height: 106px;
}

.web-padding {
  padding-top: 70px ;
  padding-bottom: 70px;
  
}

/*--------------------dufault---------------------*/
/*--------头部-----------*/
.header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
          box-shadow: 0 5px 15px rgba(0,0,0,.1);
}

.header .header-box {
  margin: 0 auto;
  position: relative;
}

.header .header-box .logo {
  padding-top: 23px;
}

.header .header-box .logo img {
  height: 60px;
}

.header .header-box .menu > ul > li {
  float: left;
  position: relative;
}

.header .header-box .menu > ul > li:nth-child(9){
border: 1px solid #eee;
border-top: none;
border-bottom: none;

}

.header .header-box .menu > ul > li a {
  display: block;
  padding: 0 26px;
  -webkit-transition: all .2s;
  transition: all .2s;
  color: #2c2c2c;
  font-weight: bold;
  font-size: 14px;
  line-height: 106px;
}

.header .header-box .menu > ul > li > a {
  position: relative;
}

.header .header-box .menu > ul > li > a.on, .header .header-box .menu > ul > li > a:hover {
  color: #0096df;
}

.header .header-box .menu > ul > li > a::after {
  content: "";
  display: block;
  width: 0px;
  height: 3px;
  background: #0096df;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.header .header-box .menu > ul > li > a.on::after, .header .header-box .menu > ul > li > a:hover::after {
  width: 100%;opacity: 1;left: 0;
}

.header .header-box .menu > ul > li ul {
  position: absolute;
  width: 100%;
  top: 106px;
  left: 0;
  margin: 0;
  display: none;
}

.header .header-box .menu > ul > li ul li a {
  font-weight: normal;
  line-height: 40px;
  background: rgba(255,255,255,.8);
  color: #2c2c2c;
  padding: 0;
  font-size: 14px;
  text-align: center;
}

.header .header-box .menu > ul > li ul li:nth-last-child(1) a {
  border-bottom: none;
}

.header .header-box .menu > ul > li ul li:hover a {
  background: #0096df;
  color: #fff;
}

.header .header-box .menu > ul > li:nth-child(3) ul {
  width: 130px;
  margin-left: -7px;
}

.header-block {
  height: 106px;
  width: 100%;
  background: #fff;
}

/******************************************************* HEADER END */
/***
***  手机头部  *** 
***/
.sj-header {
  display: none;
  width: 100%;
  z-index: 999;
  position: fixed;
  top: 0;
  height: 60px;
  -webkit-transition: all .5s;
  transition: all .5s;

}

.sj-header .header-menu {
  width: 100%;
  padding: 0 16px;
  height: 60px;
  background: #fff;
  -webkit-box-shadow: 1px 10px 25px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 10px 25px 0px rgba(0, 0, 0, 0.1);

}

.sj-header .logo {
  padding-top: 12px;
}

.sj-header .logo img {
  height: 36px;
}

.sj-header .logo span {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #ddd;
}

.sj-header .logo em {
  color: #d50f0f;
  line-height: 12px;
  display: block;
}

.sj-header .headerlogo {
  background: url(/templets/images/headerlogo.png) no-repeat center;
  content: '';
  width: 100%;
  height: 30px;
  background-size: 80% auto;
}

.sj-header .aboutlogo {
  background: url(/templets/images/indexaboutlogo.png) no-repeat center;
  width: 100%;
  height: 50px;
  background-size: 80% auto;
}

.sj-header .menu-m {
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #0096df;
  padding: 0 15px;
}

.sj-header .menu-m {
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -webkit-transition: 0.88s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.88s cubic-bezier(0.19, 1, 0.22, 1);
}

.sj-header .menu-top-show {
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.sj-header .menu-m li {
  line-height: 46px;
}

.sj-header .menu-m li a {
  position: relative;
  color: #fff;
  display: block;
  line-height: 46px;
  border-bottom: 1px solid rgba(0,0,0,.1);
  text-indent: 10px;
}

.sj-header .menu-m li i {
  position: absolute;
  top: 0;
  right: 10px;
  display: block;
  font-style: normal;
  font-size: 22px;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  text-indent: 0;
}

.sj-header .menu-m a.open i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sj-header .menu-m li ul ul {
  display: none;
}

.sj-header .nav-menu {
  padding: 58px 0 20px;
}

.sj-header .nav-menu ul {
  padding: 0;
}

.sj-header .nav-menu h1 {
  line-height: 1.2em;
  color: #fff;
  font-weight: bold;
  margin-bottom: 20px;
}

.sj-header .menu-son {
  background: #01aef7;
  display: none;
}

.sj-header .menu-son li a {
  font-size: 12px;
}

.sj-header .menu-son li:last-child {
  border-bottom: none;
}

.sj-header .menu-btn {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 1rem;
  height: 60px;
  line-height: 60px;
  font-size: 12px;
  color: #727272;
  display: block;
  text-align: left;
}

.sj-header .menu-btn:hover {
  color: #727272;
}

.sj-header .menu-btn img {
  height: 20px;
  float: left;
  margin: 1.7rem 1.6rem 0 0;
}

.sj-header .menu-btn span {
  position: relative;
  float: left;
  margin: 30px .8rem 0 0;
  width: 1.6rem;
  height: 2px;
  display: block;
  background: #1e2b68;
}

.sj-header .menu-btn i {
  position: absolute;
  left: 0;
  width: 1.6rem;
  height: 2px;
  display: block;
  background: #fff;
  transition-duration: .3s,.3s;
  -webkit-transition-duration: .3s,.3s;
  transition-delay: .3s,0s;
  -webkit-transition-delay: .3s,0s;
}

.sj-header .menu-btn i.mbtn-top {
  top: -0.6rem;
  -webkit-transition-property: top,-webkit-transform;
  transition-property: top,-webkit-transform;
  transition-property: top,transform;
  transition-property: top,transform,-webkit-transform;
  -webkit-transition-property: top,transform;
  background: #1e2b68;
}

.sj-header .menu-btn i.mbtn-bottom {
  bottom: -0.6rem;
  -webkit-transition-property: bottom,-webkit-transform;
  transition-property: bottom,-webkit-transform;
  transition-property: bottom,transform;
  transition-property: bottom,transform,-webkit-transform;
  -webkit-transition-property: bottom,transform;
  background: #1e2b68;
}

.sj-header .menu-btn .menu-font {
  font-style: normal;
}

.sj-header .menu-btn-on span {
  background: #0096df;
  margin-right: 1.6rem;
}

.sj-header .menu-btn-on img {
  display: none;
}

.sj-header .menu-btn-on, .sj-header .menu-btn-on:hover {
  color: #fff;
}

.sj-header .menu-btn-on i.mbtn-top, .sj-header .menu-btn-on i.mbtn-bottom {
  background: #fff;
  transition-delay: 0s,.3s;
  -webkit-transition-delay: 0s,.3s;
}

.sj-header .menu-btn-on i.mbtn-top {
  top: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.sj-header .menu-btn-on i.mbtn-bottom {
  bottom: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.sj-header .menu-btn-on .menu-font {
  display: none;
}

.sjheader-block {
  height: 60px;
  width: 100%;
  display: none;
}

/******************************************************* HEADER END */
/*-------banner--------*/
.index-banner .swiper-container {
  width: 100%;
}

.index-banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
}

.index-banner .swiper-slide img {
  width: 100%;
}

.index-banner .swiper-button-next,
.index-banner .swiper-button-prev {
  width: 40px;
  height: 40px;
  margin-top: -20px;
}

.index-banner .swiper-button-next {
  right: 55px;
  border-radius: 5px;
  background: url("/templets/images/right.png") rgba(0, 0, 0, 0.1) no-repeat;
  background-size: contain;
}

.index-banner .swiper-button-prev {
  left: 55px;
  border-radius: 5px;
  background: url("/templets/images/left.png") rgba(0, 0, 0, 0.1) no-repeat;
  background-size: contain;
}

.index-banner .swiper-button-next:hover {
  background: url("/templets/images/right.png") rgba(0, 0, 0, 0.2) no-repeat;
  background-size: contain;
}

.index-banner .swiper-button-prev:hover {
  background: url("/templets/images/left.png") rgba(0, 0, 0, 0.2) no-repeat;
  background-size: contain;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 40px;
}

.index-banner .swiper-pagination-bullet {
  opacity: 1;
  background: none;
  border: 2px solid #fff;
  height: 12px;
  width: 12px;

}

.index-banner .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-button-prev:after, .swiper-button-next:after {
  display: none;
}

.index-class img {
  width: 100%;
}

.index-class .col-md-3, .index-class .col-sm-6 {
  padding: 0;
}

.index-class .list {
  position: relative;
}
.index-class .pic{
    overflow: hidden;
}

.index-class .pic img {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.index-class .tit-box {
  position: absolute;
top: 0;left: 0;padding: 2em;
z-index: 50;
}


.index-class h4 {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}

.index-class .entit {
  font-size: 22px;font-weight: 300;
}





@media (max-width: 500px){
  .index-class .entit{color: #0096df}
  .banner{overflow: hidden;height: 200px;}
  .banner img{object-fit: cover;height: 100%;height: 100%;object-position:60% center;}
}


@media(max-width:500px){
.index-class .tit-box {
  position:relative;
top: auto;left: auto;padding: 2em 1em;

}


.index-class h4{color: #000}
}


.index-class .list:hover img {
  -webkit-transform: scale(1.09);
          transform: scale(1.09);
}

.index-news .news-cont .pic {
  width: 270px;
  height: 170px;
  margin-right: 30px;
  overflow: hidden;
}

.index-news .news-cont .pic img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.index-news .news-cont .cont {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.index-news .news-cont .cont h5 {
  font-weight: bold;
  font-size: 16px;
  line-height: 32px;
  margin: 0;
  color: #1e2b68;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index-news .news-cont .cont .time {
  font-weight: bold;
  color: #0096df;
  font-size: 16px;
  line-height: 32px;
}

.index-news .news-cont .cont .des {
  line-height: 20px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index-news .news-cont .cont .more {
  margin-top: 30px;
  color: #0096df;
}

.index-news .news-cont a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.index-news .news-cont a:hover .cont {
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}

.index-news .new-head {
  border-left: 4px solid #0096df;
  border-bottom: 1px solid #ebf1f6;
  padding-left: 30px;
  padding-right: 15px;
}

.index-news .new-head a {
  display: block;
  line-height: 36px;
  color: #0096df;
}

.index-news .new-head h4 {
  font-size: 14px;
  font-weight: bold;
  color: #1e2b68;
  line-height: 36px;
  margin: 0;
}

.index-news .list {
  padding-left: 30px;
  padding-top: 30px;
  border-left: 1px solid #ebf1f6;
}

.index-news .list li {
  width: calc(100% - 30px);
}

.index-news .list a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  line-height: 30px;
  color: #555;
  display: block;
}

.index-news .list a:hover {
  color: #0096df;
}

/*footer*/
.footer {
  padding-top: 60px;
  background: url("/templets/images/foot-bg.jpg") no-repeat center center;
  background-size: cover;
}

.footer .foot-nav {
}

.footer .foot-nav > ul > li {
  float: left;
  color: #fff;
  line-height: 26px;
  padding-left: 60px;

}
.footer .foot-nav > ul > li:nth-child(1){
  padding-left: 0;
}

.footer .foot-nav > ul > li a {
  display: block;
  -webkit-transition: all .2s;
  transition: all .2s;
  color: #fff;
  font-weight: bold;
  line-height: 26px;
}

.footer .foot-nav > ul > li a:hover {
  color: #0096df;
}

.footer .foot-nav > ul > li li a {
  font-weight: normal;
}

.footer .foot-des {
  padding: 20px 0;margin-top: 40px;
border-top: 1px solid rgba(255,255,255,.1);
}





.footer .foot-des .power {
  color: #0096df;
}

.footer .foot-des .power a {
  color: #0096df;
}

.footer .foot-des .link-list a {
  display: inline-block;
  margin-right: 15px;
  color: #fff;
  background-color: rgba(255,255,255,.1);
  border-radius: 50%;
  width: 30px;height: 30px;line-height: 30px;text-align: center;
}

.footer .foot-des .link-list a:hover{background-color: #fff;color: #0096df}

@media(max-width: 500px){
  .footer {
  padding-top: 20px;}
.footer .foot-des{padding: 0 0 30px 0;margin-top: 0;border-top: none;text-align: center;}
}

.footer .icon-ttww{font-size: 18px;}

@media(max-width: 1200px){
.footer .fl,.footer .fr{float: none;}
.footer .foot-logo{margin-bottom: 2em;}
.link-list{margin-top: 1em;}
}

@media(max-width: 1000px){
.footer .foot-nav > ul > li:nth-child(5){
  margin-top: 2em;
  width: 100%;padding-left: 0;
 }
}
.sj-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background: #1e2b68;
  text-align: center;
  color: #a7c6db;
  padding: 15px;
  line-height: 30px;
  font-size: 12px;
}

.sj-footer a {
  color: #a7c6db;
}

.sj-block {
  width: 100%;
  height: 60px;
}

/*--------内页----------*/
.banner img {
  width: 100%;
}

.page-tit {
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  color: #282828;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}

.page-tit::before {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 3px;
  bottom: -10px;
  left: 50%;
  margin-left: -15px;
  background: #0096df;
}

.pt50 {
  padding-top: 50px;
}

.page-about .wenhua, .page-about .rongyu {
  background: #f7fafd;
}

.page-about .pic img {
  max-width: 100%;
}

.page-about .cont p {
  margin-bottom: 0;
}

.page-about .jianjie .cont {
  padding-left: 50px;
}
@media(min-width: 900px){
.page-about .wenhua .cont {
  padding-right: 50px;
}
}
.page-about .shiyan img {
  margin: 0 auto;
}

.page-about .rongyu .title {
  text-align: center;
  padding: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #555;
  background-color: #fff;
}

.page-about .swiper-button-next,
.page-about .swiper-button-prev {
  width: 40px;
  height: 40px;
top: 60%;
}


.page-about .swiper-button-next::after,
.page-about .swiper-button-prev::after {
  display: none;
}

.page-about .swiper-button-next {
  right: -40px;
  border-radius: 50%;
  background: url("/templets/images/right.png") rgba(0, 0, 0, 0.1) center center no-repeat;
  background-size: 60%;
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;    
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.page-about .swiper-button-prev {
  left: -40px;
  border-radius: 50%;
  background: url("/templets/images/left.png") rgba(0, 0, 0, 0.1) center center no-repeat;
  background-size: 60%;
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;    
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}




.page-about .swiper-button-next:hover,.page-about .swiper-button-prev:hover {
background-color: rgba(0,0,0,.5);
}

.page-news {
  background: #f7fafd;
}

.page-news .new-list {
  min-height: 300px;
}

.page-news .new-item {
  margin-bottom: 30px;
  position: relative;
}

.page-news .new-item a{display: block;background-color: #fff;}
.page-news .new-item a:hover{box-shadow: 0px 15px 25px rgba(0,0,0,.1);}


.page-news .new-item a.row{margin-left: 0;margin-right: 0;}

.page-news .new-item .pic {
  height: 280px;
 overflow: hidden;
 margin-left: -15px;
 margin-right: -15px;
}

.page-news .new-item img {
  -webkit-transition: all .3s;
  transition: all .3s;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  transition: all .3s;
}

.page-news .new-item .cont{
  padding-left: 30px;
  padding-right: 30px;
}
@media(max-width: 600px){

  .page-news .new-item .cont{padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}
  .page-news .new-item .cont .time{padding-top: 10px}
  .new-item{border-radius: 1rem;overflow: hidden;}
  .new-list.web-padding{padding-top: 0;}
  .page-news .new-item .pic{height: auto;}
}

.page-news .new-item .cont h4 {
  -webkit-transition: all .3s;
  transition: all .3s;
  padding-top: 30px;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  line-height: 40px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.page-news .new-item .cont .time {
  padding-top: 30px;
  font-size: 14px;
  color: #999;
}

.page-news .new-item .cont .des {
  padding-top: 20px;
  line-height: 32px;
  color: #999;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.page-news .new-item:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.page-news .new-item:hover h4 {
  color: #0096df;
}

.page-news .new-item:hover .des {
  color: #666;
}

.art-news {
  background: #f7fafd;
}

.art-news .container {
  background: #fff;
  padding: 50px;
}

.art-news .title {
  font-size: 22px;
  font-weight: bold;
  margin: 0;
  line-height: 40px;
}

.art-news .time {
  color: #999;
  font-size: 16px;
  line-height: 30px;
}

.art-news .content {
  padding-top: 40px;
  line-height: 1.5;
}

.art-news .content p {
  margin: 0;
}

.art-news img {
  display: inline-block;
  max-width: 100%;
}

.head-list li {
  float: left;
}

.head-list li a {
  height: 60px;
  line-height: 60px;
  color: #666;
  display: block;
  padding: 0 30px;
  font-size: 16px;
}

.head-list li:hover a, .head-list li.on a {
  background: linear-gradient(-45deg, #00BAE1, #1D4696);
  color: #fff;
}

.page-product .pro-list {
  min-height: 300px;
  background-color: #f7fafd;
}

.pro-t h3 {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  margin: 0;
}

.pro-t h3::before {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 3px;
  bottom: -15px;
  background: #0096df;
  left: 0;
}

.position {
  color: #999;
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
}

 .position a {
  color: #999;
}

 .position a:hover {
  color: #0096df;
}


.page-product .pro-list .item {
  margin-bottom: 30px;
}

.page-product .pro-list .item .pic {
  overflow: hidden;
}

.page-product .pro-list .item .pic img {
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 100%;
}

.page-product .pro-list .item .title {  
  padding:20px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.page-product .pro-list .item:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.page-product .pro-list .item:hover .title {
  color: #fff;
}

.page-product .pro-list .item a{display: block;background: #fff;}
.page-product .pro-list .item a:hover{box-shadow: 0 15px 25px rgba(0,0,0,.1); transform: translateY(-5px);background-color: #0096df}



.art-product {
  background: #f7fafd;
}

.art-product .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.art-product .swiper-slide {
  background-size: cover;
  background-position: center;
}

.art-product .gallery-top {
  height: 80%;
  width: 100%;
}

.art-product .gallery-top img {
  width: 100%;
}

.art-product .gallery-thumbs {
  height: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0;
}

.art-product .gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.art-product .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.art-product .gallery-thumbs img {
  width: 100%;
}

.art-product .gallery-thumbs .swiper-slide {
  border: 1px solid #999;
}

.art-product .swiper-button-next,
.art-product .swiper-button-prev {
  width: 40px;
  height: 40px;
  margin-top: -20px;
}

.art-product .swiper-button-next {
  right: 30px;
  border-radius: 5px;
  background: url("/templets/images/right.png") rgba(0, 0, 0, 0.1) no-repeat;
  background-size: contain;
}

.art-product .swiper-button-prev {
  left: 30px;
  border-radius: 5px;
  background: url("/templets/images/left.png") rgba(0, 0, 0, 0.1) no-repeat;
  background-size: contain;
}

.art-product .swiper-button-next:hover {
  background: url("/templets/images/right.png") rgba(0, 0, 0, 0.2) no-repeat;
  background-size: contain;
}

.art-product .swiper-button-next::after,
.art-product .swiper-button-prev::after {
  display: none;
}

.art-message {
  padding-bottom: 50px;
  position: relative;
}


.art-message h3 {
  margin: 0;
  line-height: 60px;
  font-size: 20px;
  position: relative;
}


.art-message .cont {
  padding-top: 50px;
  min-height: 50px;
}

.art-message p {
  margin: 0;
}

.art-message img {
  margin: 0 auto;
  max-width: 100%;
}

.page-contact {
  padding-top: 50px;
}

.page-contact .contact-box .item {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.page-contact .contact-box .item .box {
  text-align: center;
  display: block;
  top: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
  position: relative;
  padding: 30px 0;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}




.contact-box .iconfont {
  font-size: 35px;color: #0096df;
  line-height: 60px;
}

.contact-box .iconfont.icon-EmailHili{
  font-size: 28px;
}


.contact-box .iconfont.icon-location,.contact-box .iconfont.icon-fax{
  font-size: 40px;
}

.page-contact .contact-box .item strong {
  display: block;
  line-height: 2;
  font-size: 20px;
  color: #0096df;
}

.page-contact .contact-box .item p {
  font-size: 16px;
  line-height: 24px;
  -webkit-transition: all .3s;
  transition: all .3s;
}




.page-contact .contact-box .item:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
          z-index: 55;
          position: relative;
}

.page-contact .contact-box .item:hover p,.page-contact .contact-box .item:hover a {
  color: #0096df;
}

.page-contact .mess-box {
  position: relative;
  background: #f7fafd;
}

.page-contact .mess-box .map-pic {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}

.page-contact .mess-box .map-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: 1;

image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;    
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
  }

.page-contact .mess-box .form-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 30px;
}

.page-contact .mess-box input {
  height: 50px;
  width: 100%;
  border: 0;
  outline: none;
  border-radius: 5px;
  padding-left: 15px;
  font-size: 16px;
}

.page-contact .mess-box textarea {
  padding: 15px;
  height: 120px;
  width: 100%;
  border: 0;
  outline: none;
  border-radius: 5px;
  font-size: 16px;
}

.page-contact .mess-box .mail-btn {
  background: #0096df;
  color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #0096df;
}

.page-contact .mess-box .mail-btn:hover {
  background: #fff;
  color: #0096df;
}

.page-contact .mess-box .inp-box {
  padding-bottom: 25px;
}

.sendtx-text {
  z-index: 999;
  position: fixed;
  left: 50%;
  top: 50%;
  line-height: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.7);
  width: 220px;
  border-radius: 5px;
  margin-left: -110px;
  margin-top: -25px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  display: none;
}

@media(max-width: 500px){
.page-contact .contact-box .box strong{display: none;}
.page-contact .contact-box .box:before,.page-contact .contact-box .box:after{clear: both;content: '';display: table;line-height: 0;}
.page-contact .contact-box .box i{float: left;text-align: center;width: 50px;}
.page-contact .contact-box .item .box{text-align: left;margin-bottom:0;padding: 0 0;box-shadow: none;border-bottom: 1px solid #eee;}
.page-contact .contact-box .item p{padding-top: 16px}
.page-contact .mess-box .inp-box{padding-bottom: 10px}
.page-contact .mess-box input{
  font-size: 14px;height: 40px;line-height: 40px;
}
.page-contact .mess-box textarea{
  font-size: 14px;line-height: 40px;height: 80px;
}
.contact-box .iconfont {
  font-size: 20px;color: #0096df;
  line-height: 60px;
}

.contact-box .iconfont.icon-EmailHili{
  font-size: 16px;
}

.contact-box .iconfont.icon-location,.contact-box .iconfont.icon-fax{
  font-size: 25px;
}


  .page-tit,.page-contact .mess-box .form-title{font-size: 1.8rem}
  .page-about .swiper-button-next,.page-about .swiper-button-prev{display: none;}


}





/*-----------end 联系我们----------*/
/*翻页**********************************************************************/
.paging {
  text-align: center;
}

.paging li {
  display: inline-block;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
}

.paging li a {
  display: inline-block;
  color: #1e2b68;
  border: 1px solid #ddd;
  width: 24px;
  height: 24px;
  line-height: 22px;
  margin-right: 3px;
  font-size: 12px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.paging li.thisclass a, .paging li:hover a {
  background: #1e2b68;
  color: #fff;
}

.paging li a.i, .paging li.n a, .paging li a.e, .paging li.p a {
  text-indent: -9999px;
}

.paging li a.i {
  background: url(../images/paging_btn.png) 7px center no-repeat;
}

.paging li a.e {
  background: url(../images/paging_btn.png) -152px center no-repeat;
}

.paging li.p a {
  background: url(../images/paging_btn.png) -32px center no-repeat;
}

.paging li.n a {
  background: url(../images/paging_btn.png) -101px center no-repeat;
}

.paging li:hover a.i {
  background: url(../images/paging_btn_hover.png) 7px center no-repeat #1e2b68;
}

.paging li:hover a.e {
  background: url(../images/paging_btn_hover.png) -152px center no-repeat #1e2b68;
}

.paging li.p:hover a {
  background: url(../images/paging_btn_hover.png) -32px center no-repeat #1e2b68;
}

.paging li.n:hover a {
  background: url(../images/paging_btn_hover.png) -101px center no-repeat #1e2b68;
}

/*sildebar*/
/*固定侧边拦*/
.float-right-box {
  width: 250px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -127px;
  background-color: #0096df;
  z-index: 1000;
  -webkit-transition: width 0.3s ease 0s;
  transition: width 0.3s ease 0s;
}

.float-right-box.on {
  width: 50px;
}

.float-right-box .top-list {
  width: 100%;
}

.float-right-box .top-list ul {
  width: 100%;
}

.float-right-box .top-list li {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #0088ca;
  height: 50px;
}

.float-right-box .top-list a {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  height: 51px;
  -webkit-transition: all 0s;
  transition: all 0s;
}

.float-right-box .top-list .ico {
  display: inline-block;
  width: 50px;
  height: 49px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  background: #0096df;
  color: #fff;
}

.float-right-box .top-list .ico_qq {
  background: url(../images/elf.png) no-repeat -68px -69px #0096df;
}

.float-right-box .top-list .ico_tel {
  background: url(../images/elf.png) no-repeat -188px -9px #0096df;
}

.float-right-box .top-list .ico_phone {
  background: url(../images/elf.png) no-repeat -68px -186px #0096df;
}

.float-right-box .top-list .ico_dizhi {
  background: url(../images/elf.png) no-repeat -189px -126px #0096df;
}

.float-right-box .top-list .ico_email {
  background: url(../images/elf.png) no-repeat -67px -8px #0096df;
}

.float-right-box .top-list .ico_wechat {
  background: url(../images/elf.png) no-repeat -67px -127px #0096df;
}

.float-right-box .top-list .ico_top {
  background: url(../images/elf.png) no-repeat -188px -69px #0096df;
}

.float-right-box .top-list .stt {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  position: absolute;
  left: 22px;
  top: 0;
  z-index: 1;
  width: 222px;
}

.float-right-box .top-list li:hover .ico {
  color: #191919;
  background: #fff;
}

.float-right-box .top-list li:hover .stt {
  color: #191919;
}

.float-right-box .top-list li:hover .ico_qq {
  background: url(../images/elf.png) no-repeat -8px -69px #fff;
}

.float-right-box .top-list li:hover .ico_tel {
  background: url(../images/elf.png) no-repeat -128px -9px #fff;
}

.float-right-box .top-list li:hover .ico_phone {
  background: url(../images/elf.png) no-repeat -8px -186px #fff;
}

.float-right-box .top-list li:hover .ico_dizhi {
  background: url(../images/elf.png) no-repeat -129px -126px #fff;
}

.float-right-box .top-list li:hover .ico_email {
  background: url(../images/elf.png) no-repeat -7px -8px #fff;
}

.float-right-box .top-list li:hover .ico_wechat {
  background: url(../images/elf.png) no-repeat -7px -127px #fff;
}

.float-right-box .top-list li:hover .ico_top {
  background: url(../images/elf.png) no-repeat -128px -69px #fff;
}

.float-right-box .top-list li:hover {
  background-color: #fff;
}

.float-right-box .top-list li:hover .img {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.float-right-box .top-list .return-webtop .stt {
  font-family: "Arial";
  text-align: left;
  font-weight: bold;
}

#wechat .img {
  position: absolute;
  right: 250px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  width: 137px;
  height: 137px;
  -webkit-transition: all .3s;
  transition: all .3s;
  top: 50%;
  margin-top: -69px;
}

#wechat .img img {
  width: 137px;
  height: 137px;
}

.float-right-box .top-list li:hover #wechat .img {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.float-right-box .top-list li.am-gotop {
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-bottom: 0;
}

.float-right-box .top-list li.am-gotopon {
  visibility: visible;
  opacity: 1;
  height: 50px;
}
@media only screen and (max-width:1200px) {
  .sj-header {
    display: block;
  }
  .sjheader-block {
    display: block;
  }
  .header {
    display: none;
  }
  .header-block {
    display: none;
  }
}



@media only screen and (max-width: 768px) {
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
  }
  .web-padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pt50 {
    padding-top: 30px;
  }
  .art-message {
    padding-bottom: 30px;
  }
  .page-about .jianjie .cont {
    padding-left: 15px;
  }
  .page-about .wenhua .cont {
    padding-bottom: 30px;
  }
  .page-news .new-item .cont h4 {
    font-size: 16px;
    line-height: 26px;
  }
  .page-news .new-item .cont .des {
    font-size: 14px;
    line-height: 24px;
  }
  .art-news.web-padding {
    padding: 0;
  }
  .art-news .container {
    padding: 30px 20px;
  }
  .art-news .title {
    font-size: 18px;
    line-height: 30px;
  }
  .page-contact .mess-box.web-padding {
    padding-bottom: 0;
  }
  .head-list {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .head-list li {
    width: 100%;
  }
}



.page-choose {
    background: #fff;
  }
  
  .page-choose .choose-box {
    position: relative;
  }
  
  .page-choose .choose-title {
    font-size: 1.8rem;
    line-height: 60px;
    color: #000;
    padding: 1em;
  }
  
  .page-choose .choose-title .title-box {
    border-bottom: 1px solid #eee;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  .page-choose .choose-title .tit {
    text-indent: 5px;
  }
  
  .page-choose .choose-title .tit span, .page-choose .choose-title .tit samp {
    font-family: 'Arial';
    font-size: 1.6rem;
    line-height: 60px;
  }
  
  .page-choose .choose-title .tit span samp {
    display: none;
  }
  
  .page-choose .choose-title i {
    margin-right: 5px;
    font-size: 1.6rem;
  }
  
  .page-choose .choose-list {
    position: absolute;
    z-index: 10;
    top: 42px;
    left: 0;
    width: 100%;
    line-height: 3.6rem;
    background: #fff;
    display: none;
  }
  
  .page-choose .choose-list li {
    border-bottom: 1px solid #eee;
  }
  
  .page-choose .choose-list li .tit {
    text-indent: 5px;
    font-size: 1.4rem;
  }
  
  .page-choose .choose-list li i {
    margin-right: 5px;
    display: none;
  }
  
  .page-choose .choose-list li a {
    color: #333;
  }
  
  .page-choose .choose-list .on i {
    display: block;
  }
  
  .page-choose .choose-listmore {
    display: none;
    position: absolute;
    z-index: 10;
    top: 42px;
    left: 0;
    width: 100%;
    background: #fff;
  }
  
  .page-choose .choose-listmore ul {
    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: left;
        -ms-flex-pack: left;
            justify-content: left;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .page-choose .choose-listmore ul li {
    width: 50%;
    margin-bottom: 1rem;
    text-align: left;
  }
  
  .page-choose .choose-listmore ul li .tit {
    display: inline-block;
    font-size: 1.4rem;
    color: #333;
  }
  
  .page-choose .choose-listmore ul .on .tit {
    border-bottom: 2px solid #e6000a;
  }
  
  .page-choose .choose-listthr {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    width: 100%;
    line-height: 3em;
    padding: 2em;
    background: #fafafa;
    display: none;
    -webkit-box-shadow: 0 25px 25px rgba(0, 0, 0, 0.1);
            box-shadow: 0 25px 25px rgba(0, 0, 0, 0.1);
  }
  
  .page-choose .choose-listthr > ul > li .tit {
    text-indent: 5px;
    border-bottom: 1px solid #eee;
  }
  
  .page-choose .choose-listthr > ul > li .tit i {
    margin-right: 10px;
    font-size: 1.8rem;
    font-style: normal;
    text-indent: 0;
  }
  
  .page-choose .choose-listthr > ul > li a {
    color: #333;
  }
  
  .page-choose .choose-listthr > ul > li ul {
    padding-left: 0;
    background: #fafafa;
    margin: 0;
    display: none;
    padding: 10px;
  }
  
  .page-choose .choose-listthr > ul > li ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: .5rem;
    text-align: left;
  }


.formsearch{background-color: #0096df;padding:2rem;display: none;width: 100%;position: fixed;left: 0;top: 106px;z-index: 1000}
.formsearch .search-keyword{width: 100%;border: none;background-color:#fff;height: 60px;line-height: 60px;text-indent: 1rem;display: inline-block;box-sizing: border-box;}

.formsearch .container{background-color: #fff;}
.formsearch .icon-search{font-size: 20px;text-align: center;background-color: #333;color: #fff;display: block;cursor: pointer;line-height: 60px;margin-right: -16px;margin-left: -15px;}


.cts{background-color: #0096df;border-radius: 15px;display: flex;margin: 1em auto;text-align: center;font-size: 1.4rem;line-height: 30px;}
.cts,.cts a{color: #fff;}
.cts .iconfont{width:30px;display: inline-block;}
.cts .icon-EmailHili{font-size: 1rem}
.cts li{width: 33.33333%;position: relative;}
.cts li:nth-child(2):before,.cts li:nth-child(2):after{content: '';height: 100%;width: 1px;background-color: rgba(255,255,255,.3);position: absolute;top: 0;}
.cts li:nth-child(2):before{left: 0;}
.cts li:nth-child(2):after{right: 0;}

.am-list-thumb a img{height: 80px;object-fit: cover;}
.am-list-news{min-height: 400px}

.arcview h3{font-weight: 800}
@media(min-width: 768px){
.arcview .col-lg-9{padding-right: 60px}

}
.tit2{background-color: #0096df;padding: 1em}
.tit2 h3{color: #fff;margin-top: 0;margin-bottom: 0;}
.arcview .time{color: #aaa}
.arcview img{max-width: 100%}
.arcview .content{margin-top: 2em;padding-top: 2em;border-top: 1px solid #eee;margin-bottom: 4em;}
.related{background-color: #fafafa;padding-bottom: 2em}
.related .date{border-right: 1px solid #eee;text-align: center;}
.related .con{padding-left: 30px}
.related .date span{display: block;font-size: 35px;transition: 300ms;}
.related .date span:nth-child(2){font-size: 70%;color: #aaa;}
.related dd{margin-top: 2em}
.related li h6{font-size: 16px;line-height: 1.8;margin-top: 0;margin-bottom: 10px;transition: 300ms;}
.related{margin-bottom: 0}
.related a:hover h6{color: #0096df}
.related a:hover .date span:nth-child(1){color: #0096df}
.related a p{color: #aaa;}

@media(max-width: 500px){
.arcview.web-padding{padding-bottom: 0}

}
.txtover{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.line1{
  -webkit-line-clamp: 1;


}
.line2{
  -webkit-line-clamp: 2;


}
.line3{
  -webkit-line-clamp: 3;


}