*{margin:0;padding:0;list-style:none; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition:all;-o-transition:all;-ms-transition:all;-moz-transition:all;-webkit-transition:all;}
/* *{ transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s;} */
body,html{font-family:  "Microsoft Yahei", arial, \5b8b\4f53, Helvetica, STHeiTi, sans-serif; width: 100%; height: 100%; background: #fff; font-size: 0.14rem;}
a, .gd, .gd div, .gd li, .gd span , .gd dl , .gd dd{text-decoration:none; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
a {color: #222;}
.nogd { transition-duration: 0s;-ms-transition-duration: 0s;-moz-transition-duration: 0s; -webkit-transition-duration: 0s;}
a:hover{text-decoration:none;}
em,i,strong{font-style:normal;}
input,textarea,select{ font-family:"Microsoft Yahei", arial, \5b8b\4f53, Helvetica, STHeiTi, sans-serif;  outline: none; font-size: 0.14rem;}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type='file'],
button, select{ -webkit-appearance: none; outline: none; }
div,a{ box-sizing: border-box; }
h2 {font-weight: normal;}

.layout-main {width: 100%; position: relative; }
.section {width: 100%; position: relative;}

.anim {opacity: 0; transform: translateY(2rem);}
.anim_right {opacity: 0; transform: translateX(1rem);}
.anim_left{opacity: 0; transform: translateX(-1rem);}
.m {display: none;}
.pc {display: block;}

.sec-header {width: 100%; height: .9rem; border-bottom: 1px solid rgba(255, 255, 255, .2); background:rgba(0, 0, 0, .3); position: fixed; top: 0; left: 0; z-index: 10;}
.sec-header .menubar { width: .4rem; height: .4rem; background: url(icon-menu.png); background-size: cover; position: absolute; right: .3rem; top: .25rem; display: none;}
.sec-header .menubar_close {background-image: url(icon-menu_close.png);}
.sec-header .logo {width: 1.54rem; height: 100%; left: .8rem; position: absolute; top: 0; background: url(logo.png) center center no-repeat; background-size: 100% auto;}
.sec-header .logo a {display: block; width: 100%; height: 100%;}
.sec-header .menu {float: right; display: flex; flex-direction: row;align-items:center;}
.sec-header .menu a {font-size: .16rem; color: white;}
.sec-header .menu ul li {float: left; height: 100%; line-height: .82rem; margin: 0 .35rem; position: relative;}
.sec-header .menu ul li>a {display: block; padding-top: .04rem; border-bottom: .04rem solid rgba(255, 255, 255, 0); cursor: pointer;}
.sec-header .menu ul li>a.cur, .sec-header .menu ul li:hover>a { border-bottom: .04rem solid white; box-sizing: border-box; }
.sec-header .menu ul li:hover .child {display: block;}
.sec-header .menu ul li .child {background: white; padding: .2rem; position: absolute; left: 0; top: .9rem; width: 2rem; display: none;}
.sec-header .menu ul li .child a {color: #333; display: block; line-height: .4rem;}
.sec-header .menu ul li .child a:hover { color: #0b5a80;}
.sec-header .menu ul li.language {display: none;}
.sec-header .menu .search {float: right; display: flex; flex-direction: row;align-items:center; margin-right: .8rem;}


.sec-header .menu .search .inputbox { width: 2.6rem; height: .38rem; margin-top:0rem; position: relative;}
.sec-header .menu .search .inputbox input[type="text"] {height: .38rem; border: 1px solid rgba(255, 255, 255, .5); border-radius: .05rem; background: none; padding-left: .1rem; width: 100%; display: block; color: white; font-size: .16rem;}
.sec-header .menu .search .inputbox input::placeholder {color: white;}
.sec-header .menu .search .inputbox input[type="submit"] { width: .18rem; height: .18rem; background: url(icon-search.png) no-repeat; background-size: 100%; position: absolute; top: .1rem; right: .1rem; border: none;}

.sec-banner {position: relative; overflow: hidden;}

.slide, .slide2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  background-color: #333;
}


.index-w .index-slides {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.index-w .index-slides .swiper-slide {
  position: relative;
}
.index-w .index-slides .swiper-slide .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
}
.index-w .index-slides .swiper-slide .info .tt {
  font-size: 46px;
  line-height: 64px;
  font-weight: bold;
}
.index-w .index-slides .swiper-slide .info .filter {
  height: 4px;
  margin: 23px 0;
}
.index-w .index-slides .swiper-slide .info .filter span {
  display: inline-block;
  width: 15px;
  height: 4px;
  vertical-align: top;
  background-color: #b09c6e;
}
.index-w .index-slides .swiper-slide .info .stt {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 30px;
  font-weight: bold;
}


.index-w .index-slides .swiper-pagination {
  bottom: 40px;
  width: 100%;
  z-index: 7;
}
.index-w .index-slides .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.3;
  border-radius: 0;
  width: 35px;
  height: 4px;
  margin: 0 2px;
}
.index-w .index-slides .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}



.sec2 .sec2-body{ width: 100%; max-width: 13.5rem; margin: auto; padding-bottom: 1rem; position: relative;}
.sec2 .sec2-body h1 { font-size: .32rem; color: black; font-weight: bold; text-align: center; padding-top: 1rem;}
.sec2 .sec2-body h1 span {font-size: .18rem; color: #a1a7ab; display: block; font-weight: normal; padding-top: .2rem;}
.sec2 .sec2-body .body-main { width: 100%; min-height: 4.1rem; background: url(sec2-pic.png) center 0 no-repeat; background-size: auto 4.1rem; margin-top: 1rem; overflow: hidden; animation:music-anim 3s linear infinite; -webkit-animation:music-anim 3s linear infinite;}
@keyframes music-anim {
	0% { background-position-y: 0; }
    50% { background-position-y: .2rem; }
	100% { background-position-y: 0; }
}
/* Safari 和 Chrome */
@-webkit-keyframes music-anim {
	0% { background-position-y: 0; }
    50% { background-position-y: .2rem; }
	100% { background-position-y: 0; }
}

.sec2 .sec2-body .body-main ul {float: left; width: 3.7rem;}
.sec2 .sec2-body .body-main ul li {margin-bottom: .5rem; background: url(sec2-icon.png) left top no-repeat; background-size: .7rem auto; padding-left: 1rem; }
.sec2 .sec2-body .body-main ul li:nth-child(2) {background-image: url(sec2-icon2.png);}
.sec2 .sec2-body .body-main ul li h2 {font-size: .2rem; font-weight: bold; color: #333; background: url(sec2-line.png) left bottom no-repeat; background-size: auto .04rem; padding-bottom: .15rem;}
.sec2 .sec2-body .body-main ul li h2 a:hover {color:#0b5a80;}
.sec2 .sec2-body .body-main ul._right {float: right; text-align: right;}
.sec2 .sec2-body .body-main ul._right li {background-position-x: right; padding-right: 1rem; padding-left: inherit;}
.sec2 .sec2-body .body-main ul._right li h2 { background: url(sec2-line2.png) right bottom no-repeat;}
.sec2 .sec2-body .body-main ul._right li:nth-child(1) {background-image: url(sec2-icon3.png);}
.sec2 .sec2-body .body-main ul._right li:nth-child(2) {background-image: url(sec2-icon4.png);}
.sec2 .sec2-body .body-main ul li span {font-size: .15rem; color: #666; padding-top: .15rem; display: block; line-height: .28rem; height:1.2rem; }
.sec2 .sec2-body .btn { width: 100%; text-align: center; padding-top: .8rem;}
.sec2 .sec2-body .btn a {display: inline-block; padding: 0 .25rem; padding-right: .6rem; color: #fefefe; font-size: .16rem; height: .46rem; background: #8a2025 url(icon-jt1.png) 1rem center no-repeat; background-size: auto .14rem; line-height: .46rem; border: 1px solid #8a2025; box-sizing: border-box;}
.sec2 .sec2-body .btn a:hover {border: 1px solid #8a2025; background: #fefefe url(icon-jt2.png) 1rem center no-repeat; background-size: auto .14rem; color: #8a2025; }
.sec2 .dot1 { width: 2.03rem; height: 1.83rem; background: url(sec6-dian.png); position: absolute; left: 79%; transform: translateX(-50%); top: 0.9rem; background-size: 2.03rem auto; opacity: .1;}
.sec2 .dot2 { width: 1.83rem; height: 1.18rem; background: url(sec6-dian.png); position: absolute; left: 24%; transform: translateX(-50%); top: 0rem; background-size: 2.03rem auto; opacity: .1;}

.sec3 { overflow: hidden; height: 9.2rem;} 
.sec3 .bg {width: 100%; height: 8.8rem; background: #001724;}
.sec3 .sec3-body { width: 19.20rem; height: 100%; position: absolute; left: 50%; top: 0; margin-top: .8rem; transform: translateX(-50%);}
.sec3 .sec3-body .pic  {width: 11.9rem; height: 8.4rem; position: absolute; right: 0; top: 0; background: url(sec3-pic.png); background-size: cover;}
.sec3 .sec3-body .kuang { width: 9.4rem; height: 2.3rem; background: rgba(147, 32, 34, .8); position: absolute; left: 0; bottom: 1.2rem;}
.sec3 .sec3-body .btn {position: absolute; top: 6.65rem; left: 0;}
.sec3 .sec3-body .btn a {display: inline-block; padding: 0 .25rem; padding-right: .6rem; color: #fff; font-size: .16rem; height: .46rem; background: #6b1e24 url(icon-jt1.png) 1rem center no-repeat; background-size: auto .14rem; line-height: .46rem; border: 1px solid #fff; box-sizing: border-box;}
.sec3 .sec3-body .btn a:hover {border: 1px solid #fff; background: #fff url(icon-jt2.png) 1rem center no-repeat; background-size: auto .14rem; color: #6b1e24; }
.sec3 .sec3-body .body-txt {width: 3.7rem; position: absolute; left: 19%; top: 0; z-index: 1;}
.sec3 .sec3-body .txt {width: 100%; padding-right: .8rem; box-sizing: border-box;}
.sec3 .sec3-body .txt span {width: .3rem; height: .42rem; display: block; background: url(sec6-icon.png); margin-bottom: .5rem; }
.sec3 .sec3-body .txt h1 {font-size: .32rem; line-height: .48rem; color: #fff;}
.sec3 .sec3-body .txt h2 {font-size: .18rem; color: white; padding-top: .2rem;}
.sec3 .sec3-body .txt p { font-size: .16rem; color: white; opacity: .6; line-height: .28rem; padding-top: .6rem;}


.sec4 { background: url(sec5-dian.png) center bottom no-repeat; background-size: 19.02rem auto;}
.sec4 .sec4-body {width: 100%; max-width: 12rem; margin: auto; text-align: center; padding-bottom: 1rem;}
.sec4 .sec4-body h1 {font-size: .32rem; color: black; font-weight: bold; padding-top: 1rem;}
.sec4 .sec4-body h2 { font-size: .18rem; color: #a1a7ab; padding-top: .2rem;}
.sec4 .sec4-body p { font-size: .18rem; color: #666; line-height: .26rem;}
.sec4 .sec4-body p img {width: 1.66rem; margin: .4rem 0;}
.sec4 .sec4-body p span {display: inline-block; height: .41rem; line-height: .32rem; background-position: left top; background-repeat: no-repeat; padding-left: .6rem; margin: 0 .15rem; margin-top: .5rem;}
.sec4 .sec4-body p span:nth-child(1) {background-image: url(sec5-icon1.png); background-size: .38rem auto;}
.sec4 .sec4-body p span:nth-child(2) {background-image: url(sec5-icon2.png); background-size: .3rem auto; background-position-x: .06rem;}
.sec4 .sec4-body p span:nth-child(3) {background-image: url(sec5-icon3.png); background-size: .42rem auto;}
.sec4 .sec4-body p span:nth-child(4) {background-image: url(sec5-icon4.png); background-size: .42rem auto;}
.sec4 .sec4-body p.title {font-size: .3rem; color: #333; padding-top: .7rem; padding-bottom: .4rem;}
.sec4 .sec4-body div.list {display: flex; flex-direction: row;}
.sec4 .sec4-body div.list dl {width: 33.33%; text-align: left; padding: .3rem; box-sizing: border-box; border: 1px solid #d6e2e9; margin-right: .2rem; 
    background: url(sec5-bg.png) left top no-repeat; background-size: 2.86rem auto; position: relative;}
.sec4 .sec4-body div.list dl:before {height:.1rem; content: ""; width:.1rem; border-width:1px 1px 0 0; border-color:#b5c2ca; border-style:solid; transform: rotate(45deg) translateY(-50%); position: absolute; right: .35rem; top: 50%;}
.sec4 .sec4-body div.list dl:hover { border-color:#0b5a80;}
.sec4 .sec4-body div.list dl:hover dt { font-weight: bold; color: #0b5a80; }
.sec4 .sec4-body div.list dl dt {font-size: .18rem; color: #333; padding-bottom: .1rem;}
.sec4 .sec4-body div.list dl dd { font-size: .14rem; color: #999; line-height: .24rem; padding-right: .7rem;}
.sec4 .sec4-body .btn { width: 100%; text-align: center; padding-top: .8rem;}
.sec4 .sec4-body .btn a {display: inline-block; padding: 0 .25rem; padding-right: .6rem; color: #fefefe; font-size: .16rem; height: .46rem; background: #8a2025 url(icon-jt1.png) 1rem center no-repeat; background-size: auto .14rem; line-height: .46rem; border: 1px solid #8a2025; box-sizing: border-box;}
.sec4 .sec4-body .btn a:hover {border: 1px solid #8a2025; background: #fefefe url(icon-jt2.png) 1rem center no-repeat; background-size: auto .14rem; color: #8a2025; }

.sec5 {background: #f6fafa;}
.sec5 .sec5-body { width: 100%; max-width: 12rem; margin: auto; padding: 1rem 0; padding-bottom: .7rem; display: flex; flex-direction: row; position: relative;}
.sec5 .sec5-body .body-left {width: 3.9rem; min-height: 1rem;}
.sec5 .sec5-body .body-left span {width: .3rem; height: .42rem; display: block; background: url(sec6-icon.png); margin-bottom: .5rem; }
.sec5 .sec5-body .body-left h1 {font-size: .32rem; color: black;}
.sec5 .sec5-body .body-left h2 {font-size: .18rem; color: #a1a7ab; padding-top: .3rem;}
.sec5 .sec5-body .body-left .menu {width: 100%; padding-right: .7rem; box-sizing: border-box;}
.sec5 .sec5-body .body-left .menu a { font-size: .24rem; color: #333; display: block; height: .7rem; line-height: .7rem; margin-top: .3rem; border-left: .04rem solid #f6fafa; padding-left: .5rem; cursor: pointer;}
.sec5 .sec5-body .body-left .menu a.cur { border-left: .04rem solid #0b5a80; color: white; background: linear-gradient(to right, #7ba8bb,#f6fafa);}
.sec5 .sec5-body .body-right { width: 8.1rem;}
.sec5 .sec5-body .body-right .right-box {display: none;}
.sec5 .sec5-body .body-right .right-box:first-child {display: block;}
.sec5 .sec5-body .body-right dl {width: 3.9rem; float: left; margin-right: .3rem; padding: .3rem; background: white; box-sizing: border-box; margin-bottom: .3rem;}
.sec5 .sec5-body .body-right dl:nth-child(2n) {margin-right: 0;}
.sec5 .sec5-body .body-right dl dd {display: flex; flex-direction: row;}
.sec5 .sec5-body .body-right dl dd .date {padding: .05rem; background: #f5f8f9; font-size: .14rem; color: #999999; text-align: center;}
.sec5 .sec5-body .body-right dl dd .date span {font-size: .24rem; color: #333;}
.sec5 .sec5-body .body-right dl dd a {display: block; font-size: .16rem; color: #333; line-height: .28rem; margin-left: .2rem; height: .56rem; overflow: hidden;}
.sec5 .sec5-body .body-right dl dd a:hover { color: #0b5a80;}
.sec5 .sec5-body .body-right dl p {text-align: right; font-size: .14rem; color: #999; padding-top: .2rem;}
.sec5 .sec5-body .body-right dl p span {display: inline-block; padding-left: .24rem; margin-left: .1rem;}
.sec5 .sec5-body .body-right dl p span:first-child { background: url(icon-link.png) left center no-repeat; background-size: auto .12rem; }
.sec5 .sec5-body .body-right dl p span:last-child { background: url(icon-view.png) left center no-repeat; background-size: auto .12rem; }
.sec5 .sec5-body .btn {position: absolute; left: 0; bottom: 1rem;}
.sec5 .sec5-body .btn a {display: inline-block; padding: 0 .25rem; padding-right: .6rem;  font-size: .16rem; height: .46rem;border: 1px solid #8a2025; background: #fefefe url(icon-jt2.png) 1rem center no-repeat; background-size: auto .14rem; color: #8a2025; line-height: .46rem; box-sizing: border-box; }
.sec5 .sec5-body .btn a:hover {color: #fefefe; background: #8a2025 url(icon-jt1.png) 1rem center no-repeat; background-size: auto .14rem; border: 1px solid #8a2025;}

.sec5 .ls { height: .5rem; line-height: .5rem; color: #8a2025; padding-left: .2rem; width: 2rem; font-size: .16rem;}

.sec6 {overflow: hidden;}
.sec6 .sec6-body {width: 12rem; margin: auto; padding-bottom: 1.2rem; position: relative;}
.sec6 .sec6-body h1 { font-size: .32rem; color: black; font-weight: bold; text-align: center; padding-top: 1rem;}
.sec6 .sec6-body h1 span {font-size: .18rem; color: #a1a7ab; display: block; font-weight: normal; padding-top: .2rem;}
.sec6 .sec6-body ul {width: 100%; overflow: hidden; background: #f5f8f9;position: relative; margin-top: .7rem;}
.sec6 .sec6-body ul li {width: 50%; float: left; }
.sec6 .sec6-body ul li:last-child { padding: .9rem .6rem 0 .6rem; box-sizing: border-box; font-size: .16rem; color: #666; line-height: .28rem;}
.sec6 .sec6-body ul li .tit {font-size: .24rem; font-weight:bold; padding-bottom: .15rem;}
.sec6 .sec6-body ul li p {font-size: .14rem; padding-bottom: .15rem;}
.sec6 .sec6-body .btn {position: absolute; right: .6rem; bottom: .6rem;}
.sec6 .sec6-body .btn a {display: inline-block; padding: 0 .25rem; padding-right: .6rem;  font-size: .16rem; height: .46rem;border: 1px solid #8a2025; background: #fefefe url(icon-jt2.png) 1rem center no-repeat; background-size: auto .14rem; color: #8a2025; line-height: .46rem; box-sizing: border-box; margin-left: .1rem; }
.sec6 .sec6-body .btn a:hover {color: #fefefe; background: #8a2025 url(icon-jt1.png) 1rem center no-repeat; background-size: auto .14rem; border: 1px solid #8a2025;}
.sec6 .sec6-body .btn a:first-child {background-image: none; padding-right: .3rem;}
.sec6 .sec6-body ul li:first-child { position: relative;}
.sec6 .sec6-body ul li .mask {position: absolute; background: rgba(0, 0, 0, .2); width: 100%; height: 100%;}
.sec6 .sec6-body ul li .mask a {width: .56rem; height: .56rem; background: url(btn-play.png); background-size: cover; position: absolute; top: 50%; left: 50%; transform :translate(-50%, -50%);}
.sec6 .dot1 { width: 2.69rem; height: 2.69rem; background: url(sec6-dian.png); position: absolute; left: 98%; transform: translateX(-50%); top: 0.9rem; background-size: 2.03rem auto; opacity: .1;}
.sec6 img{ border: 0; vertical-align: middle; display: inline-block; max-width: 100%; width: 100%; }

.sec7 { padding: .7rem 0; background: url(sec7-bg.png); background-size: cover;}
.sec7 p {text-align: center; font-size: .26rem; color: white;}
.sec7 .btn {width: 100%; text-align: center; margin-top: .25rem;}
.sec7 .btn a {display: inline-block; padding: 0 .25rem; padding-right: .6rem;  font-size: .16rem; height: .46rem;border: 1px solid white; background: url(icon-jt1.png) 1rem center no-repeat; background-size: auto .14rem; color: white; line-height: .46rem; box-sizing: border-box; }
.sec7 .btn a:hover {color: #8a2025; background: white url(icon-jt2.png) 1rem center no-repeat; background-size: auto .14rem; border: 1px solid white;}

.footer {background: #161c20;}
.footer .footer-body { width: 100%; max-width: 12rem; margin: auto;}
.footer .footer-body ul {display: flex; flex-direction: row; padding: .7rem 0;}
.footer .footer-body ul li {width: 15%; background: url(footer-line.png) right top no-repeat; background-size: .01rem auto; margin-right: .6rem;}
.footer .footer-body ul li>p {font-size: .16rem; color: white; padding-bottom: .1rem; line-height: .36rem;}
.footer .footer-body ul li>div>a { display: block; font-size: .14rem; color: white; opacity: .5; height: .35rem; line-height: .35rem;}
.footer .footer-body ul li>div>a:hover {opacity: 1;}
.footer .footer-body ul li span {font-size: .16rem; opacity: .5; color: white;}
.footer .footer-body ul li.logo {padding-right: .6rem; width: 30%;}
.footer .footer-body ul li.logo>img {margin-bottom: .35rem; opacity: .5; width: 1.54rem;}
.footer .footer-body ul li.mail {padding-left: .5rem; background: url(icon-email.png) left top no-repeat; background-size: .36rem;}
.footer .footer-body .icons {width: 100%;}
.footer .footer-body .icons a { width: .36rem; height: .36rem; display: inline-block; margin-right: .15rem;}
.footer .footer-body .icons a img {width: 100%; opacity: .3;}
.footer .footer-body .icons a:hover img {opacity: 1;}
.footer .footer-body .copy {text-align: center; padding: .2rem; line-height: .24rem; border-top: 1px solid #5a5d60; color: #5a5d60;}
.footer .footer-body .copy a { color: #5a5d60;}
.footer .footer-body .copy a._hover:hover {color: white;}



.banner_about {background-position: center center; background-repeat: no-repeat; background-size: cover; height: 6rem;}


.sec-about .company { width: 100%; max-width: 12rem; margin:0.5rem auto; display: flex; flex-direction: row;}
.sec-about .company>div {width: 50%;}
.sec-about .company .video {background: black;}
.sec-about .company .txt {background: #f5f8f9; padding: 0 .6rem; padding-top: 1rem; font-size: .16rem; color: #666; line-height: .28rem;}
.sec-about .company .txt h1 {font-size: .24rem; color: #333; font-weight: bold; padding-bottom: .1rem;}

.about-info {position: absolute; color: white; font-size: .16rem; top: 1.7rem; width: 100%; max-width: 12rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: row;}
.about-info dl { background: rgba(11,90,128, .68); margin-right: .4rem; width: 33.3%; text-align: center; padding: .8rem .2rem; box-sizing: border-box;}
.about-info dl:hover {transform: translateY(-.2rem);}
.about-info dl:last-child {margin-right: 0;}
.about-info dl dt {line-height: .45rem; font-size:.26rem; font-weight:bold;}
.about-info dl dd {padding-top: .1rem;}


.sec-news {padding: .5rem 0 1.2rem 0; width: 100%; max-width: 12rem; margin: auto;}

.sec-news .news-list {width: 8.2rem; float: left;}
.sec-news .news-list .news-nav {width: 100%; border-bottom: 1px solid #d1dee6; padding-bottom: .1rem; position:relative;}
.sec-news .news-list .news-nav a {font-size: .14rem; color: #333;}
.sec-news .news-list .news-nav a.cur {font-size: .18rem; font-weight:bold;}

.sec-news .news-list .posite { float:right;}
.sec-news .news-list .posite span,.posite a,.posite b {color: #666666;font-size: 16px;font-weight: normal;}
.sec-news .news-list .posite a:hover {color: #008bc4;}
.sec-news .news-list .posite b {margin: 0 10px;}

.sec-news .news-list .news-item {width: 100%;padding-top: 40px;}
.sec-news .news-list .news-item li {padding: 0 0 .3rem;margin-bottom: .3rem; display: flex; flex-direction: row; color: #666; border-bottom: 1px solid #d1dee6;}
.sec-news .news-list .news-item li .txt {width: 100%; box-sizing: border-box; font-size: .16rem;line-height: .26rem;}
.sec-news .news-list .news-item li .txt h1 {font-size: .2rem; color: #333; padding-bottom: .16rem;}
.sec-news .news-list .news-item a:hover li .txt h1 {color: #0b5a80;}
.sec-news .news-list .news-item li .txt .icons { color: #999; font-size: .14rem; margin-top: .16rem;}
.sec-news .news-list .news-item li .txt .icons span {padding-right: .15rem;}
.sec-news .news-list .news-item li img {width: 2.2rem; height:100%;}

.sec-news .news-list .n_about {width: 100%;padding-top: 40px; line-height:30px; text-align:justify; min-height:350px; padding-bottom:50px;}
.sec-news .news-list .n_about .txt img {max-width: 100%;height:auto;}


.sec-news .news-hot {width: 3.24rem; float: left; margin-right: .56rem;}
.sec-news .news-hot .hot-box {width: 100%; box-shadow: 0 0 .1rem #d4dbe2; background: white; margin-bottom: .3rem; padding: .26rem .26rem .46rem; box-sizing: border-box;}
.sec-news .news-hot .hot-box h1 {font-size: .2rem; color: #333; padding-bottom: .1rem;}
.sec-news .news-hot .hot-box .box-label a { width:100%; padding: .08rem; border: 1px solid #d4dbe2; display: inline-block; margin: .12rem .12rem 0 0; color: #333; font-size: .14rem;}
.sec-news .news-hot .hot-box .box-label a:hover, .sec-news .news-hot .hot-box .box-label a.cur {background: #777; color: white;}

.sec-news .news-hot .hot-box .box-list li { font-size: .14rem; color: #333; margin-top: .2rem; line-height: .2rem; border-bottom:1px dotted #ccc;}
.sec-news .news-hot .hot-box .box-list li span { font-size: .12rem; color: #999; display: block; padding-bottom: .05rem; line-height:inherit;}
.sec-news .news-hot .hot-box .box-list li a:hover {color: #0b5a80;}

.sec-news .news-details {width: 8.2rem; float: left;}
 

.pager {width: 100%; text-align: center; font-size: .14rem; color: #666; margin-top: .6rem;}
 


.product-gongneng {width: 100%; background: #f5f8f9; padding: 1.5rem 0;}
.product-gongneng>h1 { font-size: .3rem; color: black; text-align: center; padding-bottom: .6rem;}
.product-gongneng dl {max-width: 12rem; margin: auto; display: flex; flex-direction: row;}
.product-gongneng dl dd { width: 25%; box-shadow: 0 0 0.1rem #d4dbe2; margin-right: .3rem; background: white; padding: .5rem .3rem; box-sizing: border-box;}
.product-gongneng dl dd:last-child {margin-right: 0;}
.product-gongneng dl dd h1 {font-size: .2rem; color: #333; text-align: center; padding-bottom: .15rem;}
.product-gongneng dl dd p { font-size: .15rem; color: #666; text-align: center; line-height: .28rem;}
.product-gongneng dl dd img {width: .7rem; display: block; margin: auto; margin-bottom: .3rem;}
.product-gongneng dl dd:hover {background: #eee;}


 
@media screen and (max-width:1620px){
    .sec-header .menu ul li {margin: 0 .25rem;}
}
@media screen and (max-width:1500px){
    .sec-header .logo {left: .4rem;}
    .sec-header .menu {padding-left: 2.3rem;}
    .sec-header .menu .search {margin-right: .4rem;}
    .sec-header .menu .search .inputbox { width: 2rem; height: .38rem; position: relative;}
}