/*@font-face{font-family: 'titlefont';src:url('font/SourceHanSerifCN-Bold.ttf') format('truetype')}*/
@font-face{font-family: 'titlefont';src:url('font/SourceHanSerifCN-Bold.woff2') format('woff2')}
html,body,div,span,p,ul,ol,li,h1,h2,h3,h4,h5,video,a,map,dl,dt,dd,area {box-sizing: border-box;font-family: "Microsoft YaHei", "MicrosoftJhengHei","NotoSerifCJKsc-Regular", sans-serif;margin: 0;padding: 0;outline: none;scroll-behavior: smooth;}
div::-webkit-scrollbar,
span::-webkit-scrollbar,
p::-webkit-scrollbar,
ul::-webkit-scrollbar,
ol::-webkit-scrollbar,
li::-webkit-scrollbar,
h1::-webkit-scrollbar,
h2::-webkit-scrollbar,
h3::-webkit-scrollbar,
h4::-webkit-scrollbar,
h5::-webkit-scrollbar,
video::-webkit-scrollbar,
a::-webkit-scrollbar,
map::-webkit-scrollbar,
area::-webkit-scrollbar {display: none;}

html {width: 100vw;overflow-x: hidden;}
body {min-width: 100vw;min-height: 100vh;background: #fff;}

a {color: inherit;text-decoration: none;}
a:hover {text-decoration: none;color: #0072f9;outline: none;}
a:focus{outline:none;}
.cf{zoom:1;clear:both;}
.cf:after{clear:both;content:".";display:block;height:0;visibility:hidden;}

li {list-style: none;}
img {border: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

div,p,span {font-size: 14px;color: #333;}
.position-relative {position: relative;height: inherit;}

@font-face {
  font-family: "iconfont";
  /* project id 1830376 */
  src: url("https://at.alicdn.com/t/font_1830376_lqzlgwbuexp.eot");
  src: url("https://at.alicdn.com/t/font_1830376_lqzlgwbuexp.eot?#iefix") format("embedded-opentype"),
    url("https://at.alicdn.com/t/font_1830376_lqzlgwbuexp.woff2") format("woff2"),
    url("https://at.alicdn.com/t/font_1830376_lqzlgwbuexp.woff") format("woff"),
    url("https://at.alicdn.com/t/font_1830376_lqzlgwbuexp.ttf") format("truetype"),
    url("https://at.alicdn.com/t/font_1830376_lqzlgwbuexp.svg#iconfont") format("svg");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nav {width: 100vw;height: 160px;z-index: 1000;transition: top 0.7s ease-out 0s;background:#fff;}

.nav-logo {display: inline-block;width: 240px;height: 80px;font-size: 0;margin-top: 25px;}
.nav-logo h1 {float: left;width: inherit;height: inherit;font-size: 0;background: url(logo.png) no-repeat center center;background-size: contain;}

.nav-top-info{height:34px;line-height:34px;background:#000;}
.nav-top-info-tit{color:#fff;font-size:12px;}
.nav-top-info-txt{text-align:right;color:#a1a1a1;font-size:12px;}

.nav-shop {float: right;margin-top: 50px;}
.nav-shop a {padding-left:26px;font-size: 16px;color: #0072f9;transition: color linear 0.5s;background: url(tag-shop.png) no-repeat center left;background-size: contain;}
.nav-shop a:hover {color: rgba(249, 111, 0, 0.7);background: url(tag-shop.png) no-repeat center left;background-size: contain;}

.nav-bottom-list {
  height: 170px;
  transition: all linear 0.5s;
}
.nav-list-box {
	
  margin-top: 35px;
  width: calc(100% - 500px);
  text-align: left;
  float: right;
}
.nav-list-one li {
  display: inline-block;
  font-size: 16px;
  color: #333333;
  height: 54px;
  line-height: 54px;
  margin-right: 20px;
  cursor: pointer;
}
.nav-list-one li:hover {}
.nav-list-one li a{
  color: #333333;
  transition: all linear 0.2s;
}
.nav-list-one li a:hover {
  color: #0072f9;
}



.index {
  /* min-height: 800px; */
  overflow-x: hidden;
  /* background: url(../img/index-news-bg.png) no-repeat center top;
  background-size: 100% auto;
  background-attachment: fixed; */
}

.index-top-banner {
  width: 100vw;
  height: auto;
  overflow: hidden;
  height: 480px;
}

.index-top-banner .swiper-slide {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}

.index-top-banner .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

.index-top-banner .swiper-slide::after {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
  background-image: linear-gradient(180deg,
      rgba(197, 22, 29, 0) 0%,
      rgba(197, 22, 29, 0.58) 100%);
}

.index-top-swiper {
  width: inherit;
  height: inherit;
  position: relative;
}

.index-top-banner-text {
  position: absolute;
  left: 0;
  bottom: 56px;
  z-index: 1;
  font-family: "NotoSansCJKsc-Bold";
  font-size: 28px;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
}

.index-top-swiper-button-prev {
  position: absolute;
  left: 0;
  top: 50%;
  width: 36px;
  height: 74px;
  line-height: 74px;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  transform: translateY(-50%);
  z-index: 1;
  opacity: 1;
  cursor: pointer;
  transition: opacity linear 0.5s;
}

.index-top-swiper-button-next {
  position: absolute;
  right: 0;
  top: 50%;
  width: 36px;
  height: 74px;
  line-height: 74px;
  font-size: 24px;
  color: #b4b4b4;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  transform: translateY(-50%);
  z-index: 1;
  opacity: 1;
  cursor: pointer;
  transition: opacity linear 0.5s;
}

.index-top-swiper-button-prev .iconfont,
.index-top-swiper-button-next .iconfont {
  font-size: 24px;
  color: #b4b4b4;
}

.index-top-banner .swiper-button-disabled {
  opacity: 0.4;
}

.index-top-banner .swiper-pagination {
  position: absolute;
  left: auto;
  right: 150px;
  bottom: 58px;
  width: auto;
  z-index: 1;
}

.index-top-banner .swiper-pagination-bullet {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  font-family: ".AppleSystemUIFont";
  font-size: 16px;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
  border-radius: 50%;
  border: 1px solid #9c9c9c;
  transition: all linear 0.5s;
}

.index-top-banner .swiper-pagination-bullet .swiper-pagination-bullet-active {
  background: #e05050;
  border: none;
}


/*index-more*/
.index-title{}
.index-title h1{height:52px;line-height:52px;font-size:32px;color: #333;font-weight:bold;}
.index-title h2{height:22px;line-height:22px;font-size:14px;color: #8d8d8d;}
.index-more {margin:15px auto;}
.index-more a{display: block;margin:0 auto;text-align:center;width:100px;height:36px;line-height:36px;color:#fff;transition: all 0.3s linear 0s;background: #0072f9;}
.index-more a:hover{background: #afd1fa;color:#0072f9;}
/*index-more*/

/*index-about*/
.index-about {padding:50px 0 50px;background:#f7f8fb;}
.index-about-txt{padding:10px 0 10px;}
.index-about-txt p{height:32px;line-height:32px;font-size:16px;color:#7f8791;text-align:center;}
.index-about-map{height:230px;background:url(index-about-map.png) no-repeat center center;background-size: contain;}
/*index-about*/

.index-product{padding:50px 0 60px;background:#fff;}
/*index-notice-item*/
.index-product-item {display: block;margin-top:25px;padding: 25px 20px 5px 15px;width: 100%;transition: all 0.5s linear 0s;}
.index-product-item-title {display: inline-block;text-indent:16px;height: 30px;font-size:20px;background:url(tag-tit.png) no-repeat left 2px;background-size: 7px;transition: all 0.5s linear 0s;}
.index-product-item-info {margin:8px 0 15px;}
.index-product-item-info ul{}
.index-product-item-info li{text-indent:12px;font-size: 14px;color: #7f8791;line-height: 26px;background:url(tag-point-l.png) no-repeat left 10px;background-size: 5px;}
.index-product-item-image {width: 100%;height: 210px;overflow: hidden;}
.index-product-item-image img{width: inherit;height: inherit;object-fit: cover;transition: transform linear 0.5s;}
.index-product-item:hover .index-product-item-image img {transform: scale(1.05);}
/*index-notice-item*/
/*notice*/

/*case*/
.index-case {padding:50px 0 50px;background:#f7f8fb;}
.index-case-list {margin-top:20px;width: 100%;height: 270px;background:#fff;transition: all 0.2s linear 0s;}
.index-case-list:hover {background:#fcfcfc;}
.index-case-list .index-case-book-box {width: 100%;height: 110px;overflow: hidden;background: #fff;}
.index-case-list .index-case-book-box img {width: inherit;height: inherit;object-fit: cover;transition: transform linear 0.5s;}
.index-case-list:hover .index-case-book-box img {transform: scale(1.05);}
.index-case-list .index-case-book-title {padding: 5px 50px 0 30px;height: 55px;line-height: 55px;font-size: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition: all 0.2s linear 0s;}
.index-case-list:hover .index-case-book-title{bottom:30px;}
.index-case-list .index-case-book-tt {padding: 0 20px 0 30px;height: 72px;line-height: 24px;font-size:14px;color:#7f8791;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index-case-list .index-case-book-tt .more{color:#0072f9;}
.index-case-logolist{margin-top:30px;margin-left:0px;padding:15px 0;width: 100%;background:#fff;}
.index-case-logolist img{width: 100%;height:auto;}
/*case*/

/*book*/
.index-book {width: 100%;padding:30px 0 80px;background: url(index-book-bg.jpg) no-repeat center center;background-size: 100%;}
.index-book-image{margin:70px 0 0 100px;}
.index-book-image img{width:275px;transition: transform linear 0.5s;}
.index-book:hover .index-book-image img{transform: scale(1.05);}
.index-book-title{padding: 60px 0 0;}
.index-book-title h1{height:48px;line-height:48px;font-size:32px;font-weight:bold;}
.index-book-title h2{height:28px;font-size:20px;}
.index-book-info {margin:12px 0 0;}
.index-book-info ul{}
.index-book-info li{font-size: 18px;line-height: 34px;text-indent:16px;background:url(tag-point-b.png) no-repeat left 15px;background-size: 7px;}
.index-book-qrcode {margin:25px auto 0 0;width:85px;}
.index-book-qrcode img{width:85px;height:85px;}
.index-book-qrcode h1{margin-top:8px;text-align:center;font-size:12px;color:#7f8791;}
/*media*/





/*campus*/
.index-newsbox {width: 100%;padding:60px 0 60px;background:#c7d1e6;}
.index-newsbox-left{float:left;width:55%;height:395px;background:#fff;}
.index-newsbox-right{float:right;width:43%;height:395px;background:#fff;}
.index-news-title {display: inline-block;margin:40px 20px 10px;text-indent:16px;height: 30px;font-size:20px;background:url(tag-tit.png) no-repeat left 2px;background-size: 7px;transition: all 0.5s linear 0s;}
.index-news-list{margin:0 20px 15px;}
.index-news-list ul{}
.index-news-list li{font-size: 18px;height: 42px;line-height: 42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index-news-list li em{margin-right:10px;padding:5px 10px;font-size: 14px;height: 32px;line-height: 32px;font-style: normal;color:#0072f9;background:#f6f6f6;}
.index-news-v {margin:0 20px 15px;}
.index-news-v img{width: 100%;height:auto;}
/*campus*/


/*foot*/
.footer {width: 100vw;height: auto;background: #21242b;}
.footer-content {width: 100%;height: 240px;padding-top: 55px;}
.footer-logo {margin-left:45px;width: 230px;height: 51px;object-fit: cover;}
.footer-add {margin-top:20px;margin-left:45px;width: 270px;font-size:12px;line-height:22px;color: #aac4f5;}
.footer-nav-box {margin-top: 10px;}
.footer-nav-class {display: inline-block;margin-right: 3%;padding-right: 3%;font-size: 14px;font-weight:400;color: #aac4f5;vertical-align: middle;padding-right: 10px;}
.footer-nav-item {display: inline-block;font-size: 14px;vertical-align: middle;margin-right: 14px;}
.footer-nav-item a {color: #fff;transition: all linear 0.5s;}
.footer-nav-item a:hover {color: #aac4f5;}
.footer-nav-item a:visited {text-decoration: none;}

@media screen and (max-width:1200px) and (min-width: 992px) {
  .footer-logo {
    width: 120px;
    height: 155px;
  }
  .nav-list-one li {
	  font-size: 15px;
	  margin-right: 6px;
	}
}
@media screen and (max-width: 992px) {
  .footer-nav-box:last-child .footer-nav-class {
	border: none;
  }
}

.footer-bottom {height: 42px;background: #000;letter-spacing: 0.18px;text-align: center;line-height: 42px;}
.footer-bottom .copyright{float:left;color: #6f83a9;font-size: 12px;}
.footer-bottom .icp{float:right;font-size: 12px;}
.footer-bottom .icp a{margin-left:14px;color: #6f83a9;}
/*foot*/











.nav-list-one a:hover {
  color: #fff;
}

.nav.scroll .nav-list-one a:hover {
  color: #a1080b;
}

.display {
  width: 66%;
  height: auto;
}






body {
  width: 100vw;
  #f5faff
  /* overflow-x: hidden; */
}


@media(max-width: 991px) {
  .footer {
    margin-top: 0;
  }
}

.index-top-swiper .swiper-slide a img {
  height: 100vh !important;
  object-fit: cover;
}



.main-content {
  z-index: 10;
  width: 100%;
  height: auto;
  background: #fff;
  /* overflow: auto; */
  outline: none;
  transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
}

@media (max-width: 991px) {
  .nav-bottom-list {
    display: none;
  }
}

@media (max-width: 991px) {
  .index-top-banner {
    height: 50vw;
  }
  .index-top-banner .swiper-slide::after {
    height: 20vw;
  }
}


/*page*/
.page {
  overflow-x: hidden;
}

/*top-banner*/
.page-top-banner {width: 100vw;height: auto;overflow: hidden;height: 320px;background-position: center top;background-size: cover;background-repeat: no-repeat;}
.page-top-banner h1 {margin: 140px auto 0;height: 100%;color:#fff;text-align: center;}
/*top-banner*/

/*page-ejdh*/
.page-title{padding:30px 0 15px;}
.page-title h1{text-align: center;height:52px;line-height:52px;font-size:32px;color: #333;}


/*page-about*/
.about-jianjie {padding:30px 0 50px;background: #fff;}
.about-jianjie p{line-height:34px;font-size:18px;color:#7f8791;text-align:left;}
.about-licheng {padding:30px 0 50px;background: #f7f8fb;}
.about-tedian {padding:30px 0 10px;background:#f7f8fb;}
.about-tedian-left{float:left;width:50%;}
.about-tedian-right{float:right;width:50%;}
.about-tedian-item{margin-top:25px;padding: 45px 50px; background: #fff;}
.about-tedian-item-title {display: inline-block;margin:10px 0 10px;height: 30px;font-size:22px;transition: all 0.3s;}
.about-tedian-item-info {margin:0;}
.about-tedian-item-info li{text-indent:12px;font-size: 16px;color: #7f8791;line-height: 32px;background:url(tag-point-l.png) no-repeat left 14px;background-size: 5px;}
.about-tedian-item:hover .about-tedian-item-title {color: #0072f9;}
.about-tedian-item-bg1{background: #fff url(about-tedian-item-bg1.png) no-repeat right bottom;background-size: 35%;}
.about-tedian-item-bg2{background: #fff url(about-tedian-item-bg2.png) no-repeat right bottom;background-size: 35%;}
.about-tedian-item-bg3{background: #fff url(about-tedian-item-bg3.png) no-repeat right bottom;background-size: 35%;}
.about-tedian-item-bg4{background: #fff url(about-tedian-item-bg4.png) no-repeat right bottom;background-size: 35%;}
/*page-about*/

/*page-product*/
.page-title-product h1 {font-weight: bold; font-size: 28px; text-align: left;}
.product-jianjie {padding:30px 0 50px;background: #fff;}
.product-jianjie p{line-height:34px;font-size:18px;color:#7f8791;text-align:center;}
.product-item {padding:20px 0 40px;background:#f7f8fb;}
.product-item-b {background: #fff;}
.product-item-txt {margin:0px 0 10px;font-size:16px;line-height: 30px;}
.product-item-info {margin:0 0 20px;}
.product-item-info li{text-indent:12px;font-size: 14px;color: #7f8791;line-height: 26px;background:url(tag-point-l.png) no-repeat left 10px;background-size: 5px;}
.product-item-left {float: left;width: 65%;}
.product-item-right{float: right;width: 32%;}
.product-item-image img{width: 100%;height: inherit;object-fit: cover;transition: transform linear 0.5s;}
.product-item:hover .product-item-image img {transform: scale(1.05);}
/*page-product*/

/*case*/
.case-item {padding:20px 0 40px;background:#fff;}
.case-item-b {padding:20px 0 40px;background: #f7f8fb;}
.page-title-case h1 {font-size: 28px; text-align: left;}
.page-case-list {margin-top:20px;width: 100%;height: 270px;background:#f7f8fb;transition: all 0.2s linear 0s;}
.page-case-list:hover {background:#fff;box-shadow: 0 0 6px #d9d9d9;}
.page-case-content {margin-top:0px;padding:30px 45px;width: 100%;background:#fff;}
.page-case-content p{margin-bottom: 15px;font-size: 16px;line-height: 26px;}

/*news*/
.news-item {padding:20px 0 40px;background:#fff;}
.page-news-list {margin:20px auto;width: 100%;}
.page-news-list li {margin-bottom: 25px;background:#f7f8fb;transition: all 0.3s linear 0s;}
.page-news-list li:hover {background:#eee;}
.page-news-img{float: left;width:350px;height:220px;overflow: hidden;}
.page-news-img img{width: inherit;height: inherit;object-fit: cover;transition: transform linear 0.5s;}
.page-news-title{float: right;width:860px;}
.page-news-title h1{padding:30px 20px 15px;font-size: 22px;transition: all 0.3s;}
.page-news-title h2{padding:0 20px;font-size: 14px;color: #7f8791;line-height: 26px;height:78px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.page-news-list li:hover h1{color: #0072f9;}
.page-news-list li:hover .page-news-img img{transform: scale(1.05);}


/*us*/
.us-item {padding:40px 0 40px;background:#fff;}
.us-tel {padding:35px 40px;background:#f7f8fb;}
.us-tel-title{height:50px;font-weight: bold; font-size: 24px; text-align: left;}
.us-tel-info{height:55px;font-size: 28px;color: #0072f9;}
.us-tel-tt{font-size:16px;color: #7f8791;}
.us-tel-add{margin-bottom:15px;font-size:16px;color: #7f8791;}
.us-qcode {background:#f7f8fb url(us-qcode-bg.png) no-repeat center right;background-size: 85%;}
.us-qcode-title{float: left;margin:55px 0 0 45px;font-weight: bold; font-size: 24px;}
.us-qcode-info{float: left;margin:15px 0 0 45px;font-size: 14px;color: #888;}
.us-qcode-image {float:right;margin:20px 20px;}
.us-qcode-image img{width: 200px;height:180px;}

.us-map{padding: 40px 0;}
.us-form{}
.us-form div{margin-bottom: 15px;line-height:36px;color:#7f8791;}
.us-form input{margin-left: 10px;height:32px;background:#ffffff;border: 1px solid #ccc;border-radius:6px;}
.us-form .txt{margin-left: 10px;width:440px;height:80px;background:#fff;border: 1px solid #ccc;border-radius:6px;}