/*@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;height: 80px;font-size: 0;margin-top: 25px;}
.nav-logo h1 {float: left;width: 240px;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;padding-left:28px;font-size: 22px;line-height: 80px;color: #333;font-weight:bold;}

.nav-bottom-list {
  height: 170px;
}
.so-box {
  margin-top: 45px;
  width: 340px;
  text-align: left;
  float: right;
  padding:0rem 8px;border:solid 1px #6f83a9;border-radius:6px;background:#fafafa;
}
.so-box .inp{float:left;width:90%;height:34px;line-height:34px;border:0;outline: none;background-color: rgba(0, 0, 0, 0);font-size:14px;color:#3d71a3;}
.so-box .sub{float:right;width:26px;height:26px;background:url('tag_so.png') 0 7px no-repeat;background-size:80%;border:0;}

.user-box {
  margin: 50px 0 0 50px;
  width: 240px;
  text-align: left;
  float: right;
  color:#c2c2c2;
}
.user-box a{margin:0 8px;color: #333;transition: all linear 0.2s;}
.user-box a:hover{color: #0072f9;}


.nav-list-box {	
  margin-top: 0px;
  width: 100%;
  text-align: center;
  border-bottom:solid 3px #0072f9;
}
.nav-list-one li a:hover {
  color: #0072f9;
}
.nav-list-one li {
  display: inline-block;
  font-size: 16px;
  height: 42px;
  line-height: 42px;
  padding:0 30px;
  cursor: pointer;  
  transition: all linear 0.2s;
}
.nav-list-one li a{
  color: #333333;
}
.nav-list-one li:hover {
  background-color: #0072f9;
}
.nav-list-one li:hover a{
  color: #fff;
}
.nav-list-one .this {
  background-color: #0072f9;
}
.nav-list-one .this a {
  color: #fff;
}



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



/*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*/


/*case*/
.index-goods {padding:10px 0 50px;background:#f7f8fb;}
.index-goods-list {margin-top:35px;width: 100%;height: 340px;background:#fff;transition: all 0.2s linear 0s;border: 1px solid #fff;border-radius:6px;}
.index-goods-list:hover {background:#fcfcfc;border: 1px solid #ccc;border-radius:6px;}
.index-goods-list .index-goods-box {width: 100%;height: 210px;overflow: hidden;background: #fff;}
.index-goods-list .index-goods-box img {width: inherit;height: inherit;object-fit: cover;transition: transform linear 0.5s;}
.index-goods-list:hover .index-goods-box img {transform: scale(1);}
.index-goods-list .index-goods-title {padding: 14px 20px 0 25px;height: 70px;line-height: 28px;font-size: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all 0.2s linear 0s;}
.index-goods-list:hover .index-goods-title{bottom:30px;}
.index-goods-list .index-goods-tt {padding: 10px 20px 0 25px;line-height: 24px;}
.index-goods-list .index-goods-tt .jiage{font-size:20px;color:#0072f9;font-weight: bold;}
.index-goods-list .index-goods-tt .yuanjia{margin-left:10px;color:#8d8d8d;text-decoration: line-through;}
/*case*/





@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;
  }
}


.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;
}


/*page-ejdh*/
.page-path{padding:20px 0 45px;color: #8d8d8d;height:20px;line-height:20px;}

.page-goods{padding:10px 0 50px;background:#f7f8fb;}
.page-goods-img{float: left;width: 395px;height: 346px;overflow: hidden;}
.page-goods-img img{width: inherit;height: inherit;object-fit: cover;border: 1px solid #dddddd;border-radius:8px;}
.page-goods-info{float: right;width: calc(100% - 425px);background-color: #fff;border-radius:8px;}
.page-goods-bt{background-color: #0072f9;border-radius:8px;}
.page-goods-class{padding:10px 35px;color: #fff;}
.page-goods-class em{float: right;font-style:normal}
.page-goods-title {padding: 20px 25px 0 25px;line-height: 35px;font-size: 24px;font-weight: bold;background-color: #fff;border-radius:8px 8px 0 0;}
.page-goods-tt {padding: 20px 25px 15px 25px;line-height: 24px;}
.page-goods-tt .jiage{font-size:32px;color:#0072f9;font-weight: bold;}
.page-goods-tt .yuanjia{margin-left:10px;color:#8d8d8d;text-decoration: line-through;}
.page-googs-zt {padding: 10px 20px 15px 25px;line-height: 24px;}
.page-googs-zt ul{}
.page-googs-zt li{}
.page-googs-zt li em{padding-right:20px;color: #8d8d8d;font-style:normal}
.page-googs-sl {padding: 15px 20px 25px 25px;line-height: 24px;}
.page-googs-sl em{padding-right:20px;color: #8d8d8d;font-style:normal}
.page-googs-sl .sl-btn {margin-left:10px;text-align:center;width:100px;height:36px;line-height:36px;border:0;color:#fff;transition: all 0.3s linear 0s;background: #0072f9;}
.page-googs-sl .sl-btn:hover{background: #afd1fa;color:#0072f9;}
.page-goods-txt{margin:25px auto 0;background-color: #fff;border-radius:8px;}
.page-goods-txt-title{margin: 0 30px;padding:10px 0 0;line-height: 45px;font-size: 18px;font-weight: bold;border-bottom: 1px solid #dddddd;}
.page-goods-cs{margin-top:0px;padding:10px 30px 30px;}
.page-goods-csinfo{margin-top:6px;font-size: 14px;height:32px;line-height:32px;border: 1px solid #eeeeee;text-indent: 15px;}
.page-goods-csinfo h1{float: left;font-size: 14px;height:32px;line-height:32px;width:90px;background-color: #eeeeee;}
.page-goods-content{margin-top:0px;padding:15px 35px;}
.page-goods-content p{margin-bottom: 15px;font-size: 16px;line-height: 26px;}


.page-wiki{padding:10px 0 50px;background:#f7f8fb;}
.page-wiki-info{background-color: #fff;border-radius:8px;}
.page-wiki-bt{background-color: #0072f9;border-radius:8px;}
.page-wiki-class{padding:10px 35px;color: #fff;}
.page-wiki-class em{float: right;font-style:normal}
.page-wiki-title {padding: 20px 25px 0 25px;line-height: 35px;font-size: 24px;font-weight: bold;background-color: #fff;border-radius:8px 8px 0 0;}
.page-wiki-tt {padding: 20px 25px 10px 25px;line-height: 24px;color:#8d8d8d;}
.page-wiki-tt .jiage{font-size:32px;color:#0072f9;font-weight: bold;}
.page-wiki-tt .yuanjia{margin-left:10px;text-decoration: line-through;}
.page-wiki-cwlist {padding: 0 20px 15px 25px;line-height: 24px;}
.page-wiki-cwlist ul{}
.page-wiki-cwlist li{margin-bottom: 5px;}
.page-wiki-cwlist li em{padding-right:20px;font-style:normal}
.page-wiki-cwlist li em b{margin-left:5px;padding:0 4px;background-color: #ff4a4a;color:#fff;}
.page-wiki-cwlist li i{margin-left:5px;padding:0 4px;background-color: #0072f9;color:#fff;font-style:normal}
.page-wiki-txt{margin:25px auto 0;background-color: #fff;border-radius:8px;}
.page-wiki-txt-title{margin: 0 30px;padding:10px 0 0;line-height: 45px;font-size: 18px;font-weight: bold;border-bottom: 1px solid #dddddd;}

.page-wiki-content{margin-top:0px;padding:15px 35px;}
.page-wiki-content p{margin-bottom: 15px;font-size: 16px;line-height: 26px;}

/*login*/
.login_top_logo{margin:1rem 0 0 1rem;}
.login_top_logo img{width:190px;}

.login_main{margin:4% auto 0;width:30rem;}
.login_form {margin:0 auto 0px;padding:3rem 6rem;background:#fff;}
.login_form h5{margin-bottom:2rem;text-align:center;font-size:1.2rem;color:#0072f9;font-weight:bold;}
.login_form h1{text-align:center;font-size:1.1rem;color:#0072f9;}
.login_form h2{margin:0.4rem auto 0;width:1.2rem;border-bottom:solid 3px #0072f9;}
.login_form h3{margin-top:3rem;padding-top:1rem;text-align:center;font-size:0.7rem;color:#999;border-top: 1px dashed #e3e6eb;font-weight: normal;}
.login_form ul{margin-top:2rem;}
.login_form li{margin-bottom:.8rem;}
.login_form input{padding:0;width:18rem;height:2.4rem;;line-height:2.4rem;font-size:0.9rem;border: none;outline: none;border-bottom:1px solid #e3e6eb;transition: all 0.3s linear 0s;}
.login_form input:hover {outline: none;border-bottom:1px solid #0072f9;}
.login_form input:focus {outline: none;border-bottom:1px solid #0072f9;}
.login_form input::-webkit-input-placeholder { /* WebKit browsers */  color:#bbb;}
.login_form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #bbb;} 
.login_form input::-moz-placeholder { /* Mozilla Firefox 19+ */  color: #bbb;}  
.login_form input:-ms-input-placeholder { /* Internet Explorer 10+ */  color: #bbb;}
.login_form .checkbox{font-size: 0.9rem;height:0.9rem;line-height:0.9rem;}
.login_form .checkbox input{width:0.9rem;height:0.9rem;margin:0.8rem 0.3rem 0 0;}
.login_form .post_submit{margin-top:1rem;width:18rem;height:2.6rem;line-height:2.6rem;background:#0072f9;border: none;outline: none;text-align:left;text-indent:1.5rem;color:#fff;}
.login_form .post_submit:hover{border-bottom:1px solid #afd1fa;background: #afd1fa;color:#0072f9;cursor:pointer;}
.login_cop{position:fixed;left:0;bottom:0;width:100%;}
.login_cop h1{margin:0 auto;height:3rem;text-align:center;font-size:0.7rem;color:#4b5b76;font-weight: normal;}
/*login end*/