@charset "UTF-8";
* { padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'arial','Microsoft Yahei', 'Hiragino Sans GB','Helvetica Neue','Helvetica','tahoma','Verdana','sans-serif', "WenQuanYi Micro Hei","\5B8B\4F53"; }

html, body { width: 100%; background: #fff; }

input, button { border: none; outline: none; background: none; }

textarea { border: none; outline: none; background: none; resize: none; overflow: hidden; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; opacity: 1; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; opacity: 1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; }

img { border: none; display: block; }

.main { padding: 0 110px; height: 100%; margin: 0 auto; }

@media screen and (max-width: 1070px) { .main { padding: 0 90px; } }
@media screen and (max-width: 780px) { .main { width: 92%; padding: 0; } }
.fl { float: left; }

.fr { float: right; }

@font-face { font-family: "SansCN-Regular"; src: url("../font/SOURCEHANSANSCN-REGULAR.eot"); src: url("../font/SOURCEHANSANSCN-REGULAR.eot") format("embedded-opentype"), url("../font/SOURCEHANSANSCN-REGULAR.woff") format("woff"), url("../font/SOURCEHANSANSCN-REGULAR.ttf") format("truetype"), url("../font/SOURCEHANSANSCN-REGULAR.svg") format("svg"); }
html { font-size: 12px; }

@media screen and (max-width: 780px) { html { font-size: 78px; } }
@media screen and (max-width: 731px) { html { font-size: 73.1px; } }
@media screen and (max-width: 720px) { html { font-size: 72px; } }
@media screen and (max-width: 640px) { html { font-size: 64px; } }
@media screen and (max-width: 480px) { html { font-size: 48px; } }
@media screen and (max-width: 414px) { html { font-size: 41.4px; } }
@media screen and (max-width: 411px) { html { font-size: 41.1px; } }
@media screen and (max-width: 412px) { html { font-size: 41.2px; } }
@media screen and (max-width: 360px) { html { font-size: 36px; } }
@media screen and (max-width: 375px) { html { font-size: 37.5px; } }
@media screen and (max-width: 320px) { html { font-size: 32px; } }
/*头部导航*/
.header { position: fixed; left: 0; top: 0; width: 100%; height: 110px; background: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); z-index: 10; }
.header:before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 110px; height: 100%; background: #023e6d; }
.header .fl {  width: 30%; height: 110px; }
.header .fl .logo { float: left; padding-right: 16px; height: 110px; }
.header .fl .logo img { height: 100%; }
.header .fl p { float: left; padding-left: 16px; font-size: 18px; color: #333333; line-height: 54px; font-family: "SansCN-Regular"; }
.header .fr { position: relative; width: 70%; height: 100%; background: #023e6d; }
.header .fr:after { position: absolute; top: 50%; right: 0; margin-top: -8px; width: 1px; height: 16px; background: #aaaaaa; content: ""; display: block; }
.header .headerNav { height: 100%; display: block; }
.header .headerNav li { float: left; width: 14.2857%; height: 100%; text-align: center; font-size: 0; }
.header .headerNav li:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.header .headerNav li a { position: relative; display: inline-block; height: 46px; font-size: 16px; color: #ffffff; vertical-align: middle; line-height: 46px; font-family: "SansCN-Regular"; }
.header .headerNav li a:after { content: ""; display: block; width: 0px; height: 2px; background: #ffffff; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; transition: all 0.2s; }
.header .headerNav li a:hover:after { width: 100%; }
.header .headerNav li.active a:after { width: 100%; }
.header .searchBtn { position: absolute; top: 0; right: 0; width: 110px; height: 100%; }
.header .searchBtn img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 22px; height: 22px; cursor: pointer; display: none; }
.header .searchBtn img:first-child { display: block; }
.header .searchBtn.active img { display: block; }
.header .searchBtn.active img:first-child { display: none; }
.header .searchForm { position: absolute; right: 0; top: 100%; background: #fff; border: 15px solid #fff; width: 400px; display: none; }
.header .searchForm form { position: relative; height: 38px; border: 1px solid #023e6d; }
.header .searchForm input { padding: 0 50px 0 10px; width: 100%; height: 100%; font-size: 14px; color: #666666; display: block; }
.header .searchForm button { position: absolute; top: 0; right: 0; width: 36px; height: 36px; background: url(../images/search1.png) no-repeat center; cursor: pointer; border-left: 1px solid #023e6d; }
.header .navBtnBox { position: absolute; top: 0; right: 0; width: 90px; height: 100%; background: #023e6d; display: none; }
.header .navBtn { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 22px; height: 22px; font-size: 0; cursor: pointer; }
.header .navBtn.active .nav__icon { background: rgba(0, 0, 0, 0); }
.header .navBtn.active .nav__icon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.header .navBtn.active .nav__icon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.header .nav__icon { display: inline-block; position: relative; width: 100%; height: 2px; background-color: #ffffff; margin-top: 12px; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; border-radius: 1px; }
.header .nav__icon:before, .header .nav__icon:after { content: ''; display: block; width: 100%; height: 2px; background-color: #ffffff; border-radius: 1px; position: absolute; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.header .nav__icon:before { margin-top: -7px; }
.header .nav__icon:after { margin-top: 7px; }

@media screen and (max-width: 1650px) { .header .fl { width: 40%; }
  .header .fr { width: 60%; } }
@media screen and (max-width: 1300px) { .header .fl { width: 30%; }
  .header .fl .logo { border-right-width: 0px; }
  .header .fl p { display: none; }
  .header .fr { width: 70%; }
  .header .headerNav li { width: 16.6666%; } }
@media screen and (max-width: 1070px) { .header { height: 90px; }
  .header:before { width: 50%; }
  .header .fl { position: absolute; width: auto; height: 62%; top: 19%; left: 90px; margin-top: 0; }
  .header .searchBtn { display: none; }
  .header .navBtnBox { display: block; }
  .header .fr { position: absolute; left: 0; top: 100%; width: 100%; height: auto; background: #ffffff; }
  .header .fr:after { display: none; }
  .header .fr .headerNav { display: none; }
  .header .fr .headerNav li { float: none; width: 100%; height: 50px; font-size: 0; text-align: left; padding: 0 18px; border-bottom: 1px solid #eeeeee; }
  .header .fr .headerNav li:before { display: none; }
  .header .fr .headerNav li:first-child { border-top: 1px solid #eeeeee; }
  .header .fr .headerNav li a { display: block; font-size: 16px; color: #666666; line-height: 50px; height: 100%; }
  .header .fr .headerNav li a:after { display: none; }
  .header .fr .headerNav li.active a { color: #023e6d; }
  .header .fr .headerNav li.active a:after { display: none; }
  .header .searchForm { right: 90px; top: 20px; height: 50px; background: #ffffff; padding: 0; border-radius: 5px; display: block !important; width: 30%; border-width: 0px; }
  .header .searchForm form { height: 100%; border-width: 0px; }
  .header .searchForm button { width: 50px; height: 50px; } }
@media screen and (max-width: 780px) { .header { height: 60px; }
  .header .fl { left: 4%; }
  .header .fl .logo { height: 100%; }
  .header .searchForm { right: 60px; top: 10px; height: 40px; }
  .header .searchForm input { padding-right: 40px; }
  .header .searchForm button { width: 40px; height: 40px; }
  .header .navBtnBox { width: 60px; } }
@media screen and (max-width: 480px) { .header { height: 1.28rem; }
  .header .navBtnBox { width: 12%; }
  .header .searchForm { right: 12%; top: 0.24rem; width: 35%; height: 0.8rem; border-radius: 0.106667rem; }
  .header .searchForm input { padding: 0 0.8rem 0 0.16rem; font-size: 0.32rem; }
  .header .searchForm button { width: 0.8rem; height: 0.8rem; background-size: 80% 80%; }
  .header .navBtn { width: 0.586667rem; height: 0.586667rem; }
  .header .nav__icon { margin-top: 0.32rem; }
  .header .nav__icon:before { margin-top: -0.186666rem; }
  .header .nav__icon:after { margin-top: 0.186667rem; }
  .header .fr .headerNav li { height: 1.28rem; padding: 0 0.4rem; font-size: 0; }
  .header .fr .headerNav li a { font-size: 0.4rem; color: #666666; line-height: 1.28rem; } }
/*banner*/
.banner { position: relative; padding-top: 110px; width: 100%; background: #b4c2c9; z-index: 9; }
.banner .swiper-container { position: absolute; left: 0; top: 110px; right: 110px; bottom: 0; }
.banner .swiper-wrapper { height: 100%; }
.banner .swiper-slide { display: block; width: 100%; height: 100%; font-size: 0; text-align: center; }
.banner .swiper-slide:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.banner .swiper-slide > div { width: 100%; display: none; vertical-align: middle; animation-delay: 0.8s; animation-duration: 0.6s; }
.banner .swiper-slide > div.up { display: inline-block; }
.banner .swiper-slide > div span { display: block; font-size: 24px; color: #ffffff; line-height: 2; font-family: "SansCN-Regular"; }
.banner .swiper-slide > div p { font-size: 60px; color: #ffffff; line-height: 1.5; font-family: "SansCN-Regular"; }
.banner .swiper-pagination { position: absolute; bottom: auto; top: 50%; right: 0; width: 110px; text-align: center; line-height: 16px; }
.banner .swiper-pagination .swiper-pagination-bullet { display: block; width: 8px; height: 8px; margin: 10px auto; border-radius: 4px; background: #e5e5e5; cursor: pointer; transition: all 0.6s; opacity: 1; filter: alpha(opacity=100); }
.banner .swiper-pagination .swiper-pagination-bullet-active { height: 30px; background: #ffffff; }
.banner .left_btn, .banner .right_btn { position: absolute; bottom: 0; width: 110px; height: 160px; line-height: 160px; font-size: 0; text-align: center; cursor: pointer; z-index: 2; }
.banner .left_btn img, .banner .right_btn img { display: inline-block; height: 10px; width: auto; vertical-align: middle; transition: all 0.3s; }
.banner .left_btn:hover img, .banner .right_btn:hover img { margin-top: -4px; transform: scale(1.2); }
.banner .left_btn { right: 110px; background: #b4c2c9; }
.banner .right_btn { right: 0px; background: #ffffff; }
.banner .bannerdown { position: absolute; bottom: 36px; left: 50%; margin-left: -60px; width: 120px; text-align: center; z-index: 3; }
.banner .bannerdown a { display: block; margin: 0 auto; width: 60px; height: 60px; background: #009ee3; border-radius: 30px; position: relative; }
.banner .bannerdown a:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 0; height: 0; border-radius: 30px; background: rgba(255, 255, 255, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4DFFFFFF', endColorstr='#4DFFFFFF'); transition: all 0.2s; }
.banner .bannerdown a img { position: relative; width: 100%; height: 100%; }
.banner .bannerdown a:hover:before { width: 100%; height: 100%; }
.banner .bannerdown p { margin-top: 18px; font-size: 16px; color: #ffffff; font-family: "SansCN-Regular"; line-height: 1.2; letter-spacing: 5px; }

@media screen and (max-width: 1300px) { .banner .swiper-slide > div span { font-size: 20px; }
  .banner .swiper-slide > div p { font-size: 48px; } }
@media screen and (max-width: 1070px) { .banner { padding-top: 90px; }
  .banner .swiper-container { top: 90px; right: 90px; }
  .banner .swiper-pagination { width: 90px; }
  .banner .left_btn, .banner .right_btn { width: 90px; height: 136px; line-height: 136px; }
  .banner .left_btn { right: 90px; } }
@media screen and (max-width: 1000px) { .banner .swiper-slide > div span { font-size: 22px; }
  .banner .swiper-slide > div p { font-size: 36px; } }
@media screen and (max-width: 780px) { .banner { padding-top: 60px; }
  .banner .swiper-container { top: 60px; right: 60px; }
  .banner .swiper-pagination { width: 60px; }
  .banner .left_btn, .banner .right_btn { width: 60px; height: 100px; line-height: 100px; }
  .banner .left_btn { right: 60px; }
  .banner .swiper-slide > div span { font-size: 18px; }
  .banner .swiper-slide > div p { font-size: 30px; } }
@media screen and (max-width: 480px) { .banner { padding-top: 1.28rem; }
  .banner .swiper-container { top: 1.28rem; right: 12%; }
  .banner .swiper-slide > div span { font-size: 0.373334rem; }
  .banner .swiper-slide > div p { font-size: 0.453334rem; }
  .banner .swiper-pagination { width: 12%; }
  .banner .left_btn, .banner .right_btn { width: 12%; height: 1.92rem; font-size: 0; line-height: 1.92rem; }
  .banner .left_btn { right: 12%; }
  .banner .bannerdown { bottom: 0.96rem; margin-left: -1.6rem; width: 3.2rem; }
  .banner .bannerdown p { margin-top: 0.32rem; font-size: 0.4rem; color: #ffffff; font-family: "SansCN-Regular"; line-height: 1.2; letter-spacing: 0.08rem; } }
/*首页--产品*/
.sec_title { position: relative; width: 100%; height: 50px; animation-delay: 0.3s; }
.sec_title .fl { height: 100%; line-height: 50px; }
.sec_title .fl span, .sec_title .fl a { float: left; margin-right: 70px; font-size: 32px; color: #999999; cursor: pointer; font-family: "SansCN-Regular"; }
.sec_title .fl span.active, .sec_title .fl a.active { color: #333333; }
.sec_title .fl h4 { font-size: 32px; color: #333333; font-family: "SansCN-Regular"; }
.sec_title .fr { width: 170px; height: 100%; position: relative; }
.sec_title .product_btn { position: absolute; top: 0; right: 0; display: none; }
.sec_title .product_btn.active { display: block; }
.sec_title .product_btn > div { float: right; margin-left: 20px; width: 50px; height: 50px; border-radius: 25px; border: 1px solid #d1d1d1; cursor: pointer; position: relative; transition: all 0.2s; }
.sec_title .product_btn > div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.sec_title .product_btn > div img:first-child { display: block; }
.sec_title .product_btn > div:hover { background: #009ee3; border: 1px solid #009ee3; }
.sec_title .product_btn > div:hover img { display: block; }
.sec_title .product_btn > div:hover img:first-child { display: none; }

.product { position: relative; padding: 70px 0 60px; }
.product:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 280px; height: 100%; background: #f7fbff; }
.product .product_cnt { margin-top: 50px; }
.product .product_cnt > div { width: 100%; display: none; }
.product .product_cnt > div.active { display: block; }
.product .swiper-container { height: 396px; }
.product .swiper-slide { padding: 30px; width: 23.4%; height: 396px; border: 1px solid #cccccc; border-radius: 8px; background: #ffffff; }
.product .swiper-slide:first-child { margin-left: 0; }
.product .swiper-slide:hover { background: url(../images/back1.jpg) no-repeat center; background-size: cover; }
.product .swiper-slide:hover .product_cntTop h5 { color: #ffffff; }
.product .swiper-slide:hover .product_cntTop img { margin-right: 0px; }
.product .swiper-slide:hover .product_cntBot a { color: #ffffff; }
.product .product_cntTop { height: 80px; border-bottom: 1px solid #d6d6d6; line-height: 80px; }
.product .product_cntTop h5 { float: left; font-size: 24px; color: #333333; font-family: "SansCN-Regular"; }
.product .product_cntTop img { float: right; height: 10px; margin-top: 35px; margin-right: 12px; transition: all 0.3s; }
.product .product_cntBot { margin-top: 30px; }
.product .product_cntBot:after { content: ""; display: block; height: 0; clear: both; }
.product .product_cntBot li { float: left; min-width: 50%; line-height: 2; }
.product .product_cntBot li a { position: relative; font-size: 16px; color: #666666; font-family: "SansCN-Regular"; }
.product .product_cntBot li a:after { content: ""; display: block; width: 0; height: 2px; background: #ffffff; position: absolute; left: 50%; bottom: -6px; }
.product .product_cntBot li a:hover:after { width: 100%; left: 0; transition: all 0.16s; }

@media screen and (max-width: 1600px) { .product .swiper-slide { width: 31.91111%; } }
@media screen and (max-width: 1250px) { .product .swiper-slide { width: 48.9333333%; } }
@media screen and (max-width: 900px) { .sec_title { height: 40px; }
  .sec_title .fl { line-height: 40px; }
  .sec_title .fl span, .sec_title .fl a { margin-right: 60px; font-size: 26px; }
  .sec_title .fl h4 { font-size: 26px; }
  .sec_title .product_btn > div { margin-left: 16px; width: 40px; height: 40px; }
  .product { padding: 45px 0 40px; }
  .product:before { width: 240px; }
  .product .product_cnt { margin-top: 40px; }
  .product .swiper-slide { width: 100%; } }
@media screen and (max-width: 600px) { .sec_title .fl span, .sec_title .fl a { margin-right: 40px; font-size: 22px; } }
@media screen and (max-width: 480px) { .sec_title { height: 0.746667rem; }
  .sec_title .fl { line-height: 0.746667rem; }
  .sec_title .fl span, .sec_title .fl a { margin-right: 0.96rem; font-size: 0.4rem; }
  .sec_title .fl h4 { font-size: 0.48rem; }
  .sec_title .fr { width: 30%; }
  .sec_title .product_btn > div { margin-left: 0.266667rem; width: 0.746667rem; height: 0.746667rem; border-radius: 0.373334rem; }
  .product { padding: 0.4rem 0 0.48rem; }
  .product:before { width: 26%; }
  .product .product_cnt { margin-top: 0.4rem; }
  .product .swiper-container { height: 5.44rem; }
  .product .swiper-slide { padding: 0.48rem; height: 5.44rem; }
  .product .product_cntTop { height: 1.066667rem; border-bottom: 1px solid #d6d6d6; line-height: 1.066667rem; }
  .product .product_cntTop h5 { font-size: 0.4rem; }
  .product .product_cntTop img { display: none; }
  .product .product_cntBot { margin-top: 0.4rem; }
  .product .product_cntBot:after { content: ""; display: block; height: 0; clear: both; }
  .product .product_cntBot li { font-size: 0; line-height: 1.6; }
  .product .product_cntBot li a { font-size: 0.346667rem; }
  .product .product_cntBot li a:hover:after { bottom: -0.08rem; } }
/*首页--关于我们*/
.about { position: relative; }
.about:before { content: ""; display: block; position: absolute; width: 85.4%; height: 100%; background: #f7fbff; }
.about .main { padding-top: 80px; padding-bottom: 60px; }
.about .main:after { content: ""; display: block; height: 0; clear: both; }
.about .fl { position: relative; margin-top: 50px; margin-left: 50px; width: 41%; animation-delay: 0.3s; }
.about .fl img { width: 100%; position: relative; }
.about .fl:before { content: ""; display: block; position: absolute; left: -50px; top: -50px; width: 100%; height: 100%; background: #023e6d; }
.about .fr { width: 51%; margin-top: 45px; position: relative; }
.about .about_cnt { font-size: 0; animation-delay: 0.3s; }
.about .about_cnt > h5 { font-size: 40px; color: #333333; font-family: "SansCN-Regular"; font-weight: bold; line-height: 1.5; }
.about .about_cnt > span { display: block; font-size: 20px; color: #999999; font-family: "SansCN-Regular"; line-height: 1.5; }
.about .about_cnt > i { display: block; margin-top: 15px; width: 50px; height: 3px; background: #023e6d; }
.about .about_cnt > div { margin-top: 54px; }
.about .about_cnt > div p { font-size: 16px; color: #666666; line-height: 1.5; }
.about .about_cnt > a { display: inline-block; margin-top: 50px; height: 34px; line-height: 34px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 0; transition: all 0.4s; }
.about .about_cnt > a span { display: inline-block; font-size: 14px; color: #999999; }
.about .about_cnt > a div { position: relative; display: inline-block; margin-left: 52px; margin-top: 10px; width: 24px; height: 8px; vertical-align: top; transition: all 0.4s; }
.about .about_cnt > a div img { position: absolute; left: 0; top: 0; width: 100%; display: none; }
.about .about_cnt > a div img:first-child { display: block; }
.about .about_cnt > a:hover { border-width: 0px; padding: 0 25px; background: #023e6d; }
.about .about_cnt > a:hover span { color: #ffffff; }
.about .about_cnt > a:hover div { margin-left: 20px; }
.about .about_cnt > a:hover div img { display: block; }
.about .about_cnt > a:hover div img:first-child { display: none; }
.about .about_cntbot { margin-top: 60px; animation-delay: 0.3s; }
.about .about_cntbot:after { content: ""; display: block; height: 0; clear: both; }
.about .about_cntbot a { position: relative; float: left; width: 48.2%; }
.about .about_cntbot a + a { float: right; margin-top: -60px; }
.about .about_cntbot a > img { width: 100%; }
.about .about_cntbot a .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(2, 62, 109, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC023E6D', endColorstr='#CC023E6D'); transition: all 0.15s; }
.about .about_cntbot a .mask:after, .about .about_cntbot a .mask:before { content: ""; display: block; position: absolute; left: 5%; width: 90%; height: 1px; background: #ffffff; transition: all 0.15s; }
.about .about_cntbot a .mask:after { bottom: 12%; }
.about .about_cntbot a .mask:before { top: 12%; }
.about .about_cntbot a > div { position: absolute; left: 5%; top: 12%; width: 90%; height: 76%; font-size: 0; }
.about .about_cntbot a > div:before { content: ""; display: inline-block; font-size: 0; width: 0; height: 100%; vertical-align: middle; }
.about .about_cntbot a > div div { display: inline-block; width: 100%; vertical-align: middle; text-align: center; }
.about .about_cntbot a > div h5 { font-size: 24px; color: #ffffff; line-height: 1.5; font-family: "SansCN-Regular"; }
.about .about_cntbot a > div p { font-size: 16px; color: #ffffff; line-height: 1.5; font-family: "SansCN-Regular"; }
.about .about_cntbot a:hover .mask { background: rgba(2, 62, 109, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3023E6D', endColorstr='#B3023E6D'); }
.about .about_cntbot a:hover .mask:after { bottom: 15%; width: 82%; left: 9%; }
.about .about_cntbot a:hover .mask:before { top: 15%; width: 82%; left: 9%; }

@media screen and (max-width: 1300px) { .about .main { padding-top: 60px; padding-bottom: 48px; }
  .about .fl { margin-top: 36px; margin-left: 36px; }
  .about .fl:before { left: -36px; top: -36px; }
  .about .fr { margin-top: 30px; }
  .about .about_cnt > h5 { font-size: 34px; }
  .about .about_cnt > span { font-size: 16px; }
  .about .about_cnt > i { margin-top: 12px; }
  .about .about_cnt > div { margin-top: 36px; }
  .about .about_cnt > div p { font-size: 14px; }
  .about .about_cnt > a { margin-top: 32px; }
  .about .about_cntbot { margin-top: 50px; }
  .about .about_cntbot a + a { float: right; margin-top: -50px; }
  .about .about_cntbot a > div h5 { font-size: 20px; }
  .about .about_cntbot a > div p { font-size: 14px; } }
@media screen and (max-width: 960px) { .about:before { width: 74%; }
  .about .fl, .about .fr { float: none; width: 100%; } }
@media screen and (max-width: 780px) { .about .main { padding-top: 20px; padding-bottom: 20px; }
  .about:before { display: none; }
  .about .fl { position: relative; width: 100%; margin-top: 0; margin-left: 0; }
  .about .fl:before { left: 0; top: 0; bottom: 24px; right: 24px; width: auto; height: auto; z-index: 2; }
  .about .fl img { padding-left: 24px; padding-top: 24px; z-index: 3; }
  .about .fl:after { content: ""; display: block; position: absolute; left: -4%; top: -20px; bottom: 0; width: 78%; background: #f7fbff; }
  .about .about_cntbot a + a { margin-top: 0; } }
@media screen and (max-width: 480px) { .about .main { padding-top: 0.533334rem; padding-bottom: 0.533334rem; }
  .about:before { display: none; }
  .about .fl { position: relative; width: 100%; margin-top: 0; margin-left: 0; }
  .about .fl:before { left: 0; top: 0; bottom: 0.64rem; right: 0.64rem; width: auto; height: auto; z-index: 2; }
  .about .fl img { padding-left: 0.64rem; padding-top: 0.64rem; z-index: 3; }
  .about .fl:after { content: ""; display: block; position: absolute; left: -4%; top: -0.533333rem; bottom: 0; width: 78%; background: #f7fbff; }
  .about .fr { margin-top: 0.64rem; }
  .about .about_cnt > h5 { font-size: 0.533334rem; }
  .about .about_cnt > span { font-size: 0.32rem; }
  .about .about_cnt > i { margin-top: 0.16rem; }
  .about .about_cnt > div { margin-top: 0.64rem; }
  .about .about_cnt > div p { font-size: 0.346667rem; }
  .about .about_cnt > a { margin-top: 0.32rem; height: 0.8rem; line-height: 0.8rem; }
  .about .about_cnt > a span { font-size: 0.346667rem; }
  .about .about_cnt > a div { margin-left: 0.72rem; margin-top: 0.24rem; width: 0.48rem; height: 0.16rem; }
  .about .about_cntbot { margin-top: 0.48rem; }
  .about .about_cntbot a + a { float: right; margin-top: 0; }
  .about .about_cntbot a > div h5 { font-size: 0.373334rem; }
  .about .about_cntbot a > div p { font-size: 0.32rem; } }
/*首页--实验室环境*/
.environment { padding-bottom: 80px; border-bottom: 1px solid #e5e5e5; }
.environment .main { position: relative; padding-top: 70px; }
.environment .main > i { position: absolute; left: 160px; top: 36px; font-size: 132px; color: #fafafa; font-weight: bold; font-family: "SansCN-Regular"; line-height: 1; font-style: normal; text-transform: uppercase; }
.environment .environment_cnt { margin-top: 50px; width: 100%; }
.environment .swiper-slide { display: block; width: 32.2%; }
.environment .environment_img { position: relative; }
.environment .environment_img > img { width: 100%; }
.environment .environment_img div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; text-align: center; background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000'); display: none; }
.environment .environment_img div:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.environment .environment_img div img { display: inline-block; width: 10%; vertical-align: middle; }
.environment .environment_bot { padding: 0 10px; width: 100%; height: 60px; background: #09427b; text-align: center; font-size: 18px; color: #fafafa; line-height: 60px; font-family: "SansCN-Regular"; overflow: hidden; }

@media screen and (max-width: 1500px) { .environment { padding-bottom: 54px; }
  .environment .main > i { font-size: 100px; } }
@media screen and (max-width: 1400px) { .environment { padding-bottom: 40px; }
  .environment .environment_cnt { margin-top: 20px; }
  .environment .swiper-slide { display: block; width: 49.15%; } }
@media screen and (max-width: 1200px) { .environment .main > i { font-size: 80px; left: 140px; } }
@media screen and (max-width: 1000px) { .environment .main { padding-top: 45px; }
  .environment .main > i { font-size: 60px; } }
@media screen and (max-width: 800px) { .environment .main > i { font-size: 40px; left: 30px; }
  .environment .environment_img div img { width: 14%; } }
@media screen and (max-width: 480px) { .environment .main { padding-top: 0.48rem; }
  .environment .main > i { font-size: 0.96rem; left: 0.32rem; top: 0.32rem; }
  .environment .environment_img div img { width: 16%; }
  .environment .environment_cnt { margin-top: 0.4rem; }
  .environment .environment_bot { padding: 0 0.16rem; height: 0.96rem; font-size: 0.346667rem; line-height: 0.96rem; } }

.environment .vision {line-height:2em; width:50%;font-size:20px;display:block;float:left;}
@media screen and (max-width: 1000px) { .environment .vision {width:100%;clear:both;} }

/*首页--新闻资讯*/
.news { padding: 70px 0 60px; }
.news .news_cnt { margin-top: 50px; width: 100%; }
.news .swiper-slide { display: block; width: 25%; border: 1px solid #e7e7e7; }
.news .news_img { position: relative; border-bottom: 1px solid #cccccc; }
.news .news_img img { width: 100%; height: 220px;}
.news .news_img div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; text-align: center; background: rgba(2, 62, 109, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC023E6D', endColorstr='#CC023E6D'); display: none; }
.news .news_img div:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.news .news_img div span { display: inline-block; font-size: 32px; color: #ffffff; font-weight: bold; font-family: "SansCN-Regular"; vertical-align: middle; text-transform: uppercase; }
.news .news_bot { padding: 32px 20px 36px; width: 100%; border-top: 1px solid #e5e5e5; }
.news .news_bot h5 { height: 42px; font-size: 24px; color: #333333; line-height: 42px; font-family: "SansCN-Regular"; font-weight: normal; overflow: hidden; }
.news .news_bot span { display: block; height: 30px; font-size: 14px; color: #999999; line-height: 30px; font-family: "SansCN-Regular"; overflow: hidden; }
.news .news_bot p { margin-top: 24px; height: 72px; font-size: 16px; color: #999999; line-height: 24px; font-family: "SansCN-Regular"; overflow: hidden; }
.news .main > a { display: block; margin-top: 40px; width: 100%; height: 80px; background: #fafafa; font-size: 16px; color: #333333; line-height: 80px; font-family: "SansCN-Regular"; letter-spacing: 6px; text-align: center; animation-delay: 0.3s; }
.news .main > a:hover { color: #023e6d; font-weight: bold; }

@media screen and (max-width: 1300px) { .news { padding-top: 36px; }
  .news .news_cnt { margin-top: 36px; }
  .news .swiper-slide { width: 33.333333%; }
  .news .news_img div span { font-size: 28px; }
  .news .news_bot { padding: 22px 16px 26px; }
  .news .news_bot p { margin-top: 8px; } }
@media screen and (max-width: 900px) { .news .swiper-slide { width: 50%; } }
@media screen and (max-width: 480px) { .news { padding: 0.64rem 0 0.96rem; }
  .news .news_cnt { margin-top: 0.48rem; }
  .news .news_img div span { font-size: 0.48rem; }
  .news .news_bot { padding: 0.32rem 0.266667rem; }
  .news .news_bot h5 { height: 0.64rem; font-size: 0.426667rem; line-height: 0.64rem; }
  .news .news_bot span { height: 0.48rem; font-size: 0.32rem; line-height: 0.48rem; }
  .news .news_bot p { margin-top: 0.24rem; height: 1.6rem; font-size: 0.346667rem; line-height: 0.533334rem; }
  .news .main > a { margin-top: 0.64rem; height: 1.12rem; line-height: 1.12rem; font-size: 0.373334rem; letter-spacing: 0.16rem; } }
/*底部*/
.footNav { width: 100%; background: #023e6d; border-bottom: 1px solid #cccccc; }
.footNav .main:after { content: ""; display: block; height: 0; clear: both; }
.footNav .main a { float: left; width: 10%; font-size: 16px; color: #ffffff; line-height: 75px; font-family: "SansCN-Regular"; }
.footNav .main a:hover { text-decoration: underline; }

.footcenter { padding: 50px 0 30px; width: 100%; background: #023e6d; }
.footcenter .main:after { content: ""; display: block; height: 0; clear: both; }
.footcenter .main > ul { float: left; width: 40%; }
.footcenter .main > ul.last { width: 20%; float: right;}
.footcenter .main > ul.last div { margin-top: 24px; }
.footcenter .main > ul.last div img { float: left; margin-right: 24px; width: 82px; }
.footcenter .main > ul h4 { margin-bottom: 20px; font-size: 24px; color: #ffffff; line-height: 1.2; font-family: "SansCN-Regular"; }
.footcenter .main > ul > p { font-size: 16px; color: #ffffff; line-height: 1.2; font-family: "SansCN-Regular"; }
.footcenter .main form { margin-top: 15px; width: 350px; height: 48px; border: 1px solid #ffffff; }
.footcenter .main .layui-form-item { height: 100%; margin-bottom: 0; }
.footcenter .main .layui-input-block { height: 100%; margin-left: 0; }
.footcenter .main .layui-form-select, .footcenter .main .layui-select-title, .footcenter .main .layui-input { height: 100%; }
.footcenter .main .layui-input { border: none; background: transparent; font-size: 16px; color: #ffffff; line-height: 46px; font-family: "SansCN-Regular"; }
.footcenter .main .layui-edge { top: 0; right: 0; width: 46px; height: 46px; margin-top: 0; border: none; background: url(../images/foot1.png) no-repeat center; background-size: 100% 100%; }
.footcenter .main .layui-form-selected .layui-edge { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.footcenter .main .layui-form-select dl { top: 52px; bottom: auto; }
.footcenter .main .layui-form-selectup dl { bottom: 52px; top: auto; }
.footcenter .main .layui-form-select dl dd.layui-this { background: #023e6d; }
.footcenter .main .footcontact { margin-top: 12px; }
.footcenter .main .footcontact:after { content: ""; display: block; height: 0; clear: both; }
.footcenter .main .footcontact ul { float: left; margin-left: 9%; max-width: 50%; }
.footcenter .main .footcontact ul:first-child { margin-left: 0; }
.footcenter .main .footcontact li { padding: 6px 0; font-size: 16px; color: #ffffff; line-height: 1.5; font-family: "SansCN-Regular"; }
.footcenter .main .footcontact li a { color: #ffffff; font-family: "SansCN-Regular"; }

.footBot { width: 100%; height: 60px; background: #474747; line-height: 60px; }
.footBot .fl, .footBot .fr { font-size: 16px; color: #ffffff; font-family: "SansCN-Regular"; }
.footBot .fl a, .footBot .fr a { color: #ffffff; font-family: "SansCN-Regular"; }

@media screen and (max-width: 1400px) { .footNav .main a { width: 14%; }
  .footcenter .main > ul { float: left; width: 50%; }
  .footcenter .main > ul:first-child { width: 30%; padding-right: 45px; }
  .footcenter .main > ul.last { width: 20%; float: right;}
  .footcenter .main > ul.last div { margin-top: 24px; }
  .footcenter .main > ul.last div img { float: left; margin-right: 10%; width: 40%; }
  .footcenter .main form { width: 100%; } }
@media screen and (max-width: 1160px) { .footcenter .main > ul { width: 40%; }
  .footcenter .main > ul:first-child { width: 40%; padding-right: 45px; }
  .footcenter .main > ul.last div { margin-top: 12px; }
  .footcenter .main > ul.last div img { float: none; margin-right: 0; margin-top: 12px; width: 102px; }
  .footcenter .main .footcontact ul { float: none; width: 100%; max-width: 100%; margin-left: 0; } }
@media screen and (max-width: 780px) { .footNav { display: none; }
  .footcenter { /*padding: 25px 0;*/ width: 100%; background: #023e6d; padding: 0;}
  .footcenter .main:after { content: ""; display: block; height: 0; clear: both; }
  .footcenter .main > ul { float: none; width: 100%; }
  .footcenter .main > ul:first-child { display: none; }
  .footcenter .main > ul.last { display: none; }
  .footcenter .main > ul h4 { margin-bottom: 8px; font-size: 18px; color: #ffffff; line-height: 1.2; font-family: "SansCN-Regular"; }
  .footcenter .main .footcontact { margin-top: 12px; }
  .footcenter .main .footcontact:after { content: ""; display: block; height: 0; clear: both; }
  .footcenter .main .footcontact li { padding: 3px 0; font-size: 16px; color: #ffffff; line-height: 1.5; font-family: "SansCN-Regular"; }
  .footcenter .main .footcontact li a { color: #ffffff; font-family: "SansCN-Regular"; }
  .footBot { padding: 15px 0; width: 100%; height: auto; background: #474747; text-align: center; line-height: 1.5; }
  .footBot .fl, .footBot .fr { float: none; font-size: 15px; color: #ffffff; font-family: "SansCN-Regular"; }
  .footBot .fl a, .footBot .fr a { color: #ffffff; font-family: "SansCN-Regular"; } }
@media screen and (max-width: 480px) { .footcenter { /*padding: 0.8rem 0 0.64rem;*/ padding: 0; }
  .footcenter .main > ul h4 { margin-bottom: 0.32rem; font-size: 0.48rem; }
  .footcenter .main .footcontact li { padding: 0.08rem 0; font-size: 0.346667rem; }
  .footBot { padding: 0.32rem 0; }
  .footBot .fl, .footBot .fr { font-size: 0.346667rem; } }
/*产品列表*/
.header.ny_header:before { background: #ffffff; }
.header.ny_header .fr { background: #ffffff; padding-right: 110px; width: auto; }
.header.ny_header .fr:after { display: none; }
.header.ny_header .headerNav li { width: auto; padding: 0 30px; }
.header.ny_header .headerNav li a { color: #333333; }
.header.ny_header .headerNav li a:after { background: #023e6d; }
.header.ny_header .searchBtn { right: 110px; background: url(../images/search1.png) no-repeat center; background-size: 30px 30px; cursor: pointer; }
.header.ny_header .searchBtn img { display: none; }
.header.ny_header .searchBtn.active { background: url(../images/close1.png) no-repeat center; background-size: 20px 20px; }

@media screen and (max-width: 1650px) { .header.ny_header .fr { width: auto; }
  .header.ny_header .headerNav li { padding: 0 20px; }
  .header.ny_header .headerNav li a { color: #333333; }
  .header.ny_header .headerNav li a:after { background: #023e6d; } }
@media screen and (max-width: 1488px) { .header.ny_header .fl { width: auto; }
  .header.ny_header .fl .logo { border-right-width: 0px; }
  .header.ny_header .fl p { display: none; } }
@media screen and (max-width: 1248px) { .header.ny_header .fr { padding-right: 82px; }
  .header.ny_header .headerNav li { padding: 0 6px; } }
@media screen and (max-width: 1070px) { .header.ny_header:before { background: #023e6d; }
  .header.ny_header .fr { padding-right: 0; width: 100%; }
  .header.ny_header .headerNav li { width: 100%; padding: 0 18px; } }
.ny_banner { margin-top: 110px; width: 100%; height: 520px; position: relative; z-index: 1; }
.ny_banner .breadcrumb { position: absolute; left: 0; bottom: -30px; padding: 0 40px 0 130px; height: 60px; background: #023e6d; line-height: 60px; }
.ny_banner .breadcrumb span, .ny_banner .breadcrumb a { font-size: 14px; color: #ffffff; }
.ny_banner .breadcrumb a:hover { text-decoration: underline; }

@media screen and (max-width: 1070px) { .ny_banner { margin-top: 90px; height: 450px; }
  .ny_banner .breadcrumb { padding-left: 110px; } }
@media screen and (max-width: 780px) { .ny_banner { margin-top: 60px; }
  .ny_banner .breadcrumb { padding-left: 30px; padding-right: 20px; } }
@media screen and (max-width: 480px) { .ny_banner { margin-top: 1.28rem; height: 5.6rem; }
  .ny_banner .breadcrumb { position: absolute; left: 4%; bottom: -1.28rem; height: 1.28rem; padding: 0; width: 92%; background: transparent; line-height: 1.28rem; border-bottom: 1px solid #cccccc; overflow: hidden; }
  .ny_banner .breadcrumb span, .ny_banner .breadcrumb a { font-size: 0.346667rem; color: #999999; }
  .ny_banner .breadcrumb a:hover { text-decoration: underline; } }
.productCon { padding: 100px 0 60px; width: 100%; background: #ffffff; }
.productCon .productList { padding-top: 20px; }
.productCon .productList:after { content: ""; display: block; height: 0; clear: both; }
.productCon .productList > div { padding: 30px; width: 23.4%; height: 396px; border: 1px solid #cccccc; border-radius: 8px; background: #ffffff; margin-top: 30px; float: left; margin: 30px 0.8% 0; }
.productCon .productList > div:hover { background: url(../images/back1.jpg) no-repeat center; background-size: cover; }
.productCon .productList > div:hover .product_cntTop h5 { color: #ffffff; }
.productCon .productList > div:hover .product_cntTop img { margin-right: 0px; }
.productCon .productList > div:hover .product_cntBot a { color: #ffffff; }
.productCon .product_cntTop { height: 80px; border-bottom: 1px solid #d6d6d6; line-height: 80px; }
.productCon .product_cntTop h5 { float: left; font-size: 24px; color: #333333; font-family: "SansCN-Regular"; }
.productCon .product_cntTop img { float: right; height: 10px; margin-top: 35px; margin-right: 12px; transition: all 0.3s; }
.productCon .product_cntBot { margin-top: 30px; max-height: 224px; overflow: hidden; }
.productCon .product_cntBot:after { content: ""; display: block; height: 0; clear: both; }
.productCon .product_cntBot li { float: left; min-width: 50%; line-height: 2; }
.productCon .product_cntBot li a { position: relative; font-size: 16px; color: #666666; font-family: "SansCN-Regular"; }
.productCon .product_cntBot li a:after { content: ""; display: block; width: 0; height: 2px; background: #ffffff; position: absolute; left: 50%; bottom: -6px; }
.productCon .product_cntBot li a:hover:after { width: 100%; left: 0; transition: all 0.16s; }

.pagination { margin-top: 50px; font-size: 0; text-align: center; }
.pagination li { display: inline-block; margin: 0 6px; padding: 0 16px; height: 40px; cursor: pointer; transition: all 0.2s; }
.pagination li a, .pagination li span { font-size: 15px; color: #333333; line-height: 40px; }
.pagination li.active, .pagination li:hover { background: #023e6d; }
.pagination li.active a, .pagination li.active span, .pagination li:hover a, .pagination li:hover span { color: #ffffff; }
.pagination li.disabled span { color: #cccccc; }
.pagination li.disabled:hover { background: #ffffff; }
.pagination li.disabled:hover span { color: #cccccc; }

@media screen and (max-width: 1600px) { .productCon .productList > div { width: 31.7333333%; margin-top: 25px; } }
@media screen and (max-width: 1250px) { .productCon .productList > div { width: 48.4%; margin-top: 20px; } }
@media screen and (max-width: 900px) { .productCon { padding-top: 60px; }
  .productCon .productList { padding-top: 6px; }
  .productCon .productList > div { margin: 0; width: 100%; margin-top: 20px; height: auto; } }
@media screen and (max-width: 480px) { .productCon { margin-top: 1.28rem; padding: 0.4rem 0 1.12rem; }
  .productCon .productList { margin-top: 0; }
  .productCon .productList > div { padding: 0.48rem; height: auto; margin-top: 0.4rem; }
  .productCon .productList > div:first-child { margin-top: 0; }
  .productCon .product_cntTop { height: 1.066667rem; border-bottom: 1px solid #d6d6d6; line-height: 1.066667rem; }
  .productCon .product_cntTop h5 { font-size: 0.4rem; }
  .productCon .product_cntTop img { display: none; }
  .productCon .product_cntBot { margin-top: 0.4rem; height: auto; }
  .productCon .product_cntBot:after { content: ""; display: block; height: 0; clear: both; }
  .productCon .product_cntBot li { font-size: 0; line-height: 1.6; }
  .productCon .product_cntBot li a { font-size: 0.346667rem; }
  .pagination { margin-top: 0.8rem; }
  .pagination li { margin: 0 0.08rem; padding: 0 0.373334rem; height: 0.96rem; }
  .pagination li a, .pagination li span { font-size: 0.373334rem; line-height: 0.96rem; } }
/*产品详情*/
.productDecon { padding: 100px 0 60px; width: 100%; background: #ffffff; }
.productDecon .main:after { content: ""; display: block; height: 0; clear: both; }
.productDecon .fl { width: 26%; border: 1px solid #cccccc; border-radius: 8px; }
.productDecon .fr { width: 73%; border: 1px solid #cccccc; border-radius: 8px; }
.productDecon .fr .productDeltop h5 { float: none; text-align: center; }
.productDecon .productDeltop { height: 90px; padding: 0 20px; border-bottom: 1px solid #cccccc; line-height: 90px; }
.productDecon .productDeltop h5 { float: left; font-size: 24px; color: #333333; font-family: "SansCN-Regular"; }
.productDecon .productDeltop a { float: right; margin-top: 35px; height: 20px; }
.productDecon .productDeltop a img { float: left; width: auto; height: 100%; }
.productDecon .productDeltop a span { float: left; margin-left: 10px; font-size: 16px; color: #416e92; font-family: "SansCN-Regular"; line-height: 20px; }
.productDecon .productDeltop a:hover span { text-decoration: underline; }
.productDecon .productDelBot { padding: 50px 30px; }
.productDecon .productDelBot ul { position: relative; padding: 6px 0; border-left: 1px solid #e5e5e5; }
.productDecon .productDelBot ul:after, .productDecon .productDelBot ul:before { content: ""; display: block; position: absolute; left: -11px; width: 20px; height: 20px; border: 1px solid #cdcdcd; border-radius: 20px; background: #ffffff; }
.productDecon .productDelBot ul:before { top: -20px; }
.productDecon .productDelBot ul:after { bottom: -20px; }
.productDecon .productDelBot li { position: relative; padding: 10px 0; font-size: 0; }
.productDecon .productDelBot li span { position: absolute; top: 50%; left: -5px; margin-top: -5px; width: 10px; height: 10px; background: #cccccc; border-radius: 5px; vertical-align: middle; transition: all 0.2s; }
.productDecon .productDelBot li a { display: inline-block; padding-left: 25px; font-size: 16px; color: #333333; font-family: "SansCN-Regular"; line-height: 1.5; vertical-align: middle; }
.productDecon .productDelBot li.active span, .productDecon .productDelBot li:hover span { background: #023e6d; }
.productDecon .productDelBot li.active a, .productDecon .productDelBot li:hover a { color: #023e6d; }
.productDecon .productDelBot li:hover a { text-decoration: underline; }
.productDecon .productDeRcnt { padding: 16px 20px 80px; }
.productDecon .productDeRcnt li { margin-top: 24px; }
.productDecon .productDeRcnt li h5 { font-size: 20px; color: #023e6d; font-family: "SansCN-Regular"; line-height: 1.5; }
.productDecon .productDeRcnt li > div { margin-top: 6px; }
.productDecon .productDeRcnt li p { font-size: 16px; color: #666666; font-family: "SansCN-Regular"; line-height: 1.5; }
.productDecon .backBtn { display: none; }

@media screen and (max-width: 1600px) { .productDecon .fl { width: 32%; }
  .productDecon .fr { width: 67%; } }
@media screen and (max-width: 1300px) { .productDecon .fl { width: 40%; }
  .productDecon .fr { width: 59%; }
  .productDecon .productDeltop { height: 76px; padding: 0 15px; line-height: 76px; }
  .productDecon .productDeltop h5 { font-size: 20px; }
  .productDecon .productDeltop a { margin-top: 30px; height: 16px; }
  .productDecon .productDeltop a span { font-size: 14px; line-height: 16px; } }
@media screen and (max-width: 920px) { .productDecon .productDeltop a span { display: none; } }
@media screen and (max-width: 780px) { .productDecon { padding-top: 40px; }
  .productDecon .fl { display: none; }
  .productDecon .fr { float: none; border: none; width: 100%; }
  .productDecon .fr .productDeltop { height: auto; padding: 18px 0 12px; }
  .productDecon .backBtn { display: block; margin: 0 auto; width: 150px; height: 40px; font-size: 15px; color: #ffffff; text-align: center; line-height: 40px; border-radius: 4px; background: #023e6d; } }
@media screen and (max-width: 480px) { .productDecon { padding: 1.28rem 0 0.96rem; }
  .productDecon .fr .productDeltop { padding: 0.48rem 0 0.32rem; border-bottom-width: 0; }
  .productDecon .fr .productDeltop h5 { font-size: 0.48rem; line-height: 1.5; }
  .productDecon .productDeRcnt { padding: 0 0.266667rem 0.64rem; }
  .productDecon .productDeRcnt li { margin-top: 0.533334rem; }
  .productDecon .productDeRcnt li:first-child { margin-top: 0; }
  .productDecon .productDeRcnt li h5 { font-size: 0.4rem; }
  .productDecon .productDeRcnt li > div { margin-top: 0.08rem; }
  .productDecon .productDeRcnt li p { font-size: 0.346667rem; }
  .productDecon .backBtn { width: 4rem; height: 0.96rem; font-size: 0.373334rem; line-height: 0.96rem; border-radius: 0.106667rem; } }
/*实验室环境页面*/
.environmentCon .sec_title .fl { margin-left: 0.566666%; }

.environmentList { padding-top: 20px; }
.environmentList:after { content: ""; display: block; height: 0; clear: both; }
.environmentList > a { float: left; margin: 20px 0.566666% 0; width: 18.8%; }
.environmentList .environment_img { position: relative; }
.environmentList .environment_img > img { width: 100%; }
.environmentList .environment_img div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; text-align: center; background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000'); display: none; }
.environmentList .environment_img div:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.environmentList .environment_img div img { display: inline-block; width: 10%; vertical-align: middle; }
.environmentList .environment_bot { padding: 0 10px; width: 100%; height: 60px; background: #09427b; text-align: center; font-size: 18px; color: #fafafa; line-height: 60px; font-family: "SansCN-Regular"; overflow: hidden; }

.work_mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; z-index: 99; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC000000', endColorstr='#CC000000'); font-size: 0; display: none; text-align: center; }
.work_mask .close { position: absolute; top: 60px; right: 50px; width: 30px; height: 30px; }
.work_mask .close img { height: 100%; transition: all 0.2s; }
.work_mask .close:hover img { transform: rotate(90deg); }
.work_mask:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.work_mask .work_content { position: relative; display: inline-block; width: 48%; background: #ffffff; vertical-align: middle; }
.work_mask .work_content img { max-width: 100%; max-height: 100%;}
.work_mask .work_content p { padding: 0 12px; height: 60px; font-size: 18px; color: #000000; font-family: "SansCN-Regular"; text-align: center; line-height: 60px; }
.work_mask.honor_mask .work_content { width: 26%; }
.work_mask .leftBtn, .work_mask .rightBtn { position: absolute; top: 50%; margin-top: -27px; width: 54px; height: 54px; background: #023e6d; }
.work_mask .leftBtn img, .work_mask .rightBtn img { height: 100%; }
.work_mask .leftBtn { left: 30px; }
.work_mask .rightBtn { right: 30px; }

@media screen and (max-width: 1200px) { .environmentList > a { width: 48.866666%; margin-top: 15px; } }
@media screen and (max-width: 800px) { .environmentList .environment_img div img { width: 14%; } }
@media screen and (max-width: 780px) { .environmentList .environment_bot { font-size: 18px; }
  .work_mask .work_content { width: 100%; }
  .work_mask.honor_mask .work_content { width: 40%; } }
@media screen and (max-width: 480px) { .environmentList { padding-top: 0.32rem; }
  .environmentList > a { margin: 0.24rem 1% 0; width: 48%; }
  .environmentList .environment_img div img { width: 16%; }
  .environmentList .environment_bot { padding: 0 0.16rem; height: 0.96rem; font-size: 0.346667rem; line-height: 0.96rem; }
  .work_mask .close { position: absolute; top: 0.48rem; right: 0.48rem; width: 0.533334rem; height: 0.533334rem; }
  .work_mask .work_content p { padding: 0 0.16rem; height: 1.2rem; font-size: 0.373334rem; line-height: 1.2rem; }
  .work_mask.honor_mask .work_content { width: 72%; }
  .work_mask .leftBtn, .work_mask .rightBtn { margin-top: -0.48rem; width: 0.96rem; height: 0.96rem; }
  .work_mask .leftBtn { left: 0.16rem; }
  .work_mask .rightBtn { right: 0.16rem; } }
/*新闻列表页*/
.newsList { padding-top: 50px; }
.newsList:after { content: ""; display: block; height: 0; clear: both; }
.newsList > a { float: left; margin-left: -1px; margin-top: -1px; width: 25%; border: 1px solid #e7e7e7; }
.newsList .news_img { position: relative; border-bottom: 1px solid #cccccc; }
.newsList .news_img img { width: 100%;height:200px;}
.newsList .news_img div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; text-align: center; background: rgba(2, 62, 109, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC023E6D', endColorstr='#CC023E6D'); display: none; }
.newsList .news_img div:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.newsList .news_img div span { display: inline-block; font-size: 32px; color: #ffffff; font-weight: bold; font-family: "SansCN-Regular"; vertical-align: middle; text-transform: uppercase; }
.newsList .news_bot { padding: 32px 20px 36px; width: 100%; border-top: 1px solid #e5e5e5; }
.newsList .news_bot h5 { height: 42px; font-size: 24px; color: #333333; line-height: 42px; font-family: "SansCN-Regular"; font-weight: normal; overflow: hidden; }
.newsList .news_bot span { display: block; height: 30px; font-size: 14px; color: #999999; line-height: 30px; font-family: "SansCN-Regular"; overflow: hidden; }
.newsList .news_bot p { margin-top: 24px; height: 72px; font-size: 16px; color: #999999; line-height: 24px; font-family: "SansCN-Regular"; overflow: hidden; }

@media screen and (max-width: 1300px) { .newsList > a { width: 33.333333%; }
  .newsList .news_img div span { font-size: 28px; }
  .newsList .news_bot { padding: 22px 16px 26px; }
  .newsList .news_bot p { margin-top: 8px; } }
@media screen and (max-width: 900px) { .newsList { padding-top: 30px; }
  .newsList > a { width: 50%; } }
@media screen and (max-width: 480px) { .newsList { padding-top: 0.48rem; }
  .newsList .news_img div span { font-size: 0.48rem; }
  .newsList .news_bot { padding: 0.32rem 0.266667rem; }
  .newsList .news_bot h5 { height: 0.64rem; font-size: 0.426667rem; line-height: 0.64rem; }
  .newsList .news_bot span { height: 0.48rem; font-size: 0.32rem; line-height: 0.48rem; }
  .newsList .news_bot p { margin-top: 0.24rem; height: 1.6rem; font-size: 0.346667rem; line-height: 0.533334rem; }
  .newsList .main > a { margin-top: 0.64rem; height: 1.12rem; line-height: 1.12rem; font-size: 0.373334rem; letter-spacing: 0.16rem; } }
/*新闻详情*/
.newsDecon { padding-bottom: 45px; }
.newsDecon .newsDeconTop { position: relative; border-bottom: 1px solid #e5e5e5; }
.newsDecon .newsDeconTop > div { padding-right: 200px; }
.newsDecon .newsDeconTop > div h4 { font-size: 24px; color: #333333; font-family: "SansCN-Regular"; line-height: 1.6; }
.newsDecon .newsDeconTop > div div { padding-bottom: 15px; }
.newsDecon .newsDeconTop > div div span { padding-left: 24px; font-size: 14px; color: #999999; line-height: 1.6; font-family: "SansCN-Regular"; }
.newsDecon .newsDeconTop > div div span:first-child { padding-left: 0; }
.newsDecon .newsDeconTop > a { position: absolute; top: 50%; margin-top: -22px; right: 0; width: 180px; height: 44px; border: 1px solid #023e6d; border-radius: 8px; font-size: 16px; color: #023e6d; text-align: center; line-height: 44px; transition: all 0.2s; }
.newsDecon .newsDeconTop > a:hover { background: #023e6d; color: #ffffff; }
.newsDecon .newsDeconBot { padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; }
.newsDecon .newsDeconBot p { font-size: 16px; color: #999999; font-family: "SansCN-Regular"; line-height: 1.5; margin-top: 24px; text-indent: 2em; }
.newsDecon .backBtn { display: none; }

.recomnews { padding-top: 0; }
.recomnews .news_cnt { margin-top: 26px; }

@media screen and (max-width: 1000px) { .newsDecon .newsDeconTop > div { padding-right: 170px; }
  .newsDecon .newsDeconTop > a { margin-top: -22px; right: 0; width: 150px; height: 40px; font-size: 15px; line-height: 40px; } }
@media screen and (max-width: 480px) { .newsDecon { padding-bottom: 0.96rem; }
  .newsDecon .newsDeconTop > div { padding: 0; text-align: center; }
  .newsDecon .newsDeconTop > div h4 { font-size: 0.533334rem; }
  .newsDecon .newsDeconTop > div div { padding: 0.106667rem 0 0.16rem; }
  .newsDecon .newsDeconTop > div div span { padding: 0 0.16rem; font-size: 0.346667rem; }
  .newsDecon .newsDeconTop > div div span:first-child { padding: 0 0.106667rem; }
  .newsDecon .newsDeconTop > a { display: none; }
  .newsDecon .newsDeconBot { padding-bottom: 0.48rem; border-bottom-width: 0; }
  .newsDecon .newsDeconBot p { font-size: 0.373334rem; margin-top: 0.48rem; }
  .newsDecon .backBtn { display: block; margin: 0 auto; width: 4rem; height: 0.96rem; font-size: 0.373334rem; color: #ffffff; text-align: center; line-height: 0.96rem; border-radius: 0.106667rem; background: #023e6d; }
  .newsDecon .main { padding-bottom: 0.48rem; border-bottom: 1px solid #e5e5e5; }
  .recomnews .news_cnt { margin-top: 0.4rem; } }
/*联系我们*/
.contactCon { margin-bottom: 80px; padding-top: 30px; }
.contactCon:after { content: ""; display: block; height: 0; clear: both; }
.contactCon li { float: left; margin: 15px 0.4% 0; width: 15.8666666%; height: 112px; border: 1px solid #cccccc; border-radius: 8px; position: relative; transition: all 0.2s; }
.contactCon li div { padding-right: 96px; padding-left: 16px; }
.contactCon li div h4 { margin-top: 20px; font-size: 20px; color: #005bac; font-weight: bold; line-height: 1.5; }
.contactCon li div p, .contactCon li div a { display: block; margin-top: 6px; font-size: 14px; color: #999999; line-height: 1.5; max-height: 42px; overflow: hidden; }
.contactCon li img { position: absolute; right: 0; top: 50%; margin-top: -48px; width: 96px; height: 96px; }
.contactCon li:hover { box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.16); }

#map { margin-top: 50px; width: 100%; height: 600px; }
#map .anchorBL { display: none; }
#map .BMap_bubble_title { font-size: 16px; color: #333; font-weight: bold; font-family: "SansCN-Regular"; }
#map .BMap_bubble_content { padding-top: 3px; font-size: 14px; color: #666666; line-height: 1.5; font-family: "SansCN-Regular"; }

@media screen and (max-width: 1700px) { .contactCon li { width: 24.2%; } }
@media screen and (max-width: 1230px) { .contactCon li { margin-top: 8px; width: 32.5333333%; } }
@media screen and (max-width: 930px) { .contactCon { margin-bottom: 40px; padding-top: 20px; }
  .contactCon li { margin: 8px 0.5% 0; width: 49%; } }
@media screen and (max-width: 550px) { .contactCon li { height: 100px; }
  .contactCon li div { padding-right: 76px; }
  .contactCon li div h4 { margin-top: 15px; font-size: 18px; }
  .contactCon li div p, .contactCon li div a { font-size: 13px; }
  .contactCon li img { width: 80px; height: 80px; margin-top: -40px; } }
@media screen and (max-width: 480px) { .contactCon { margin-bottom: 0.64rem; padding-top: 0.16rem; }
  .contactCon li { margin: 0.213334rem 0.5% 0; width: 49%; height: 1.76rem; border-radius: 0.16rem; }
  .contactCon li div { padding-right: 1.28rem; padding-left: 0.213334rem; }
  .contactCon li div h4 { margin-top: 0.106667rem; font-size: 0.373334rem; }
  .contactCon li div p, .contactCon li div a { margin-top: 0.053334rem; font-size: 0.32rem; max-height: 0.96rem; }
  .contactCon li img { margin-top: -0.64rem; width: 1.28rem; height: 1.28rem; }
  #map { margin-top: 0.48rem; height: 8rem; }
  #map .BMap_bubble_title { font-size: 0.373334rem; }
  #map .BMap_bubble_content { font-size: 0.32rem; } }
/*关于我们页面*/
.aboutCon { position: relative; padding: 100px 0 60px; width: 100%; background: #ffffff; }
.aboutCon:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 24%; background: #f7fbff; }
.aboutCon .main { position: relative; font-size: 0; }
.aboutCon .aboutConL { width: 41%; display: inline-block; vertical-align: middle; }
.aboutCon .aboutConL img { width: 100%; }
.aboutCon .aboutConR { margin-left: 4%; width: 55%; display: inline-block; vertical-align: middle; }
.aboutCon .aboutConR > h5 { font-size: 40px; color: #333333; font-family: "SansCN-Regular"; font-weight: bold; line-height: 1.5; }
.aboutCon .aboutConR > span { display: block; font-size: 20px; color: #999999; font-family: "SansCN-Regular"; line-height: 1.5; }
.aboutCon .aboutConR > i { display: block; margin-top: 15px; width: 50px; height: 3px; background: #023e6d; }
.aboutCon .aboutConR > div { margin-top: 40px; }
.aboutCon .aboutConR > div p { padding: 12px 0; font-size: 16px; color: #666666; line-height: 1.5; }

.history { position: relative; padding: 60px 0; width: 100%; }
.history #history { width: 100%; height: 0; position: absolute; left: 0; top: -110px; }
.history:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 76%; background: #f7fbff; }
.history .main { position: relative; height: 470px; }
.history .historyw1 { display: block; width: 100%; height: 100%; }
.history .historyw2 { display: none; }
.history .historyL { float: right; width: 38%; height: 100%; background: #ffffff; }
.history .historyL .btn { position: absolute; top: 120px; left: 6.25%; z-index: 2; }
.history .historyL .leftBtn1, .history .historyL .rightBtn1 { float: left; width: 32px; height: 32px; border-radius: 3px; cursor: pointer; }
.history .historyL .leftBtn1 { background: #005bac url(../images/left3.png) no-repeat center; }
.history .historyL .rightBtn1 { margin-left: 6px; background: #005bac url(../images/right3.png) no-repeat center; }
.history .historyL .swiper-slide { width: 100%; height: 100%; }
.history .historyL .historyLitem { margin: 120px auto 0; width: 87.5%; display: none; }
.history .historyL .historyLitem.active { display: block; }
.history .historyL .historyLitem > span { display: block; padding-left: 90px; font-size: 20px; color: #666666; line-height: 32px; font-family: "SansCN-Regular"; }
.history .historyL .historyLitem > div { margin-top: 24px; height: 274px; overflow: auto; }
.history .historyL .historyLitem > div > h5 { font-size: 28px; color: #333333; font-family: "SansCN-Regular"; font-weight: bold; line-height: 1.3; }
.history .historyL .historyLitem > div > div { margin-top: 42px; }
.history .historyL .historyLitem > div > div p { padding: 12px 0; font-size: 16px; color: #666666; line-height: 1.5; font-family: "SansCN-Regular"; }
.history .historyCon { float: right; margin: 0 1.5%; width: 21%; font-size: 0; height: 100%; text-align: center; }
.history .historyCon:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.history .historyCon > a { width: 12%; height: 40px; font-size: 0; display: inline-block; vertical-align: middle; line-height: 40px; }
.history .historyCon > a span { display: inline-block; width: 16px; height: 3px; background: #005bac; vertical-align: middle; transition: all 0.2s; }
.history .historyCon > a i { font-size: 34px; font-style: normal; color: #005bac; font-family: "SansCN-Regular"; transition: all 0.2s; }
.history .historyCon > i { width: 19%; height: 3px; background: #005bac; display: inline-block; vertical-align: middle; }
.history .historyCon .swiper-container { display: inline-block; vertical-align: middle; height: 150px; width: 30%; }
.history .historyCon .swiper-slide { width: 100%; height: 50px; font-size: 28px; color: #999999; font-family: "SansCN-Regular"; font-weight: bold; line-height: 50px; }
.history .historyCon .swiper-slide-active { color: #333333; }
.history .historyR { float: right; width: 38%; height: 100%; overflow: hidden; }
.history .historyR .swiper-slide { width: 100%; height: 100%; }
.history .historyR .swiper-slide img { display: none; }

.honor { position: relative; padding: 80px 0; width: 100%; background: #ffffff; }
.honor #honor { width: 100%; height: 0; position: absolute; left: 0; top: -110px; }
.honor .honorCon { padding-top: 20px; }
.honor .honorCon:after { content: ""; display: block; height: 0; clear: both; }
.honor .honorItem { position: relative; float: left; margin: 20px 0.6833333% 0; width: 15.3%; border: 6px solid #005bac; cursor: pointer; animation-delay: 0.3s; }
.honor .honorItem img { padding: 14px; width: 100%; }
.honor .honorItem > div { position: absolute; left: 14px; right: 14px; top: 14px; bottom: 14px; font-size: 0; text-align: center; background: url(../images/maskback.png) no-repeat center; background-size: cover; display: none; }
.honor .honorItem > div:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.honor .honorItem > div span { display: inline-block; font-size: 20px; color: #ffffff; line-height: 1.5; vertical-align: middle; font-family: "SansCN-Regular"; }

@media screen and (max-width: 1500px) { .aboutCon .aboutConL { width: 48%; }
  .aboutCon .aboutConR { width: 48%; }
  .aboutCon .aboutConR > h5 { font-size: 32px; }
  .aboutCon .aboutConR > span { font-size: 16px; }
  .aboutCon .aboutConR > div { margin-top: 24px; }
  .aboutCon .aboutConR > div p { padding: 8px 0; font-size: 14px; }
  .history .historyL .leftBtn1, .history .historyL .rightBtn1 { width: 30px; height: 30px; }
  .history .historyL .historyLitem > span { padding-left: 80px; font-size: 16px; line-height: 30px; }
  .history .historyL .historyLitem > div { margin-top: 20px; }
  .history .historyL .historyLitem > div > h5 { font-size: 22px; }
  .history .historyL .historyLitem > div > div { margin-top: 32px; }
  .history .historyL .historyLitem > div > div p { padding: 10px 0; font-size: 15px; }
  .history .historyCon .swiper-slide { font-size: 24px; }
  .honor .honorItem { width: 23.6333333%; } }
@media screen and (max-width: 1160px) { .history .historyCon { margin: 0 1%; width: 22%; }
  .history .historyCon .swiper-container { width: 38%; }
  .honor .honorItem { width: 31.966666666%; } }
@media screen and (max-width: 1070px) { .history:before { width: 100%; }
  .history #history { top: -90px; }
  .history .main { height: auto; }
  .history .historyw1 { display: none; }
  .history .historyw2 { display: block; }
  .history .historyR { float: none; width: 100%; height: auto; }
  .history .historyR .swiper-slide { width: 100%; height: auto; }
  .history .historyR .swiper-slide img { display: block; width: 100%; }
  .history .historyCon { position: relative; float: none; margin: 0; padding: 20px 0; width: 100%; height: 90px; }
  .history .historyCon > a { position: absolute; width: 40px; height: 40px; top: 50%; margin-top: -20px; z-index: 2; }
  .history .historyCon .reduceBtn { left: 0; }
  .history .historyCon .addBtn { right: 0; }
  .history .historyCon > i { display: none; }
  .history .historyCon .swiper-container { position: absolute; left: 40px; right: 40px; width: auto; height: 50px; }
  .history .historyCon .swiper-slide { width: 100px; height: 50px; }
  .history .historyL { float: none; width: 100%; height: auto; }
  .history .historyL .historyLitem { padding-bottom: 40px; }
  .honor #honor { top: -90px; } }
@media screen and (max-width: 960px) { .aboutCon { padding-top: 60px 0 36px; }
  .aboutCon .aboutConL { float: none; width: 100%; }
  .aboutCon .aboutConR { float: none; margin-left: 0; margin-top: 30px; width: 100%; } }
@media screen and (max-width: 780px) { 
.newsList .news_img img {
    width: 100%;
    height: 100px;
}
	.history #history { top: -60px; }
  .history .historyL .historyLitem { margin-top: 60px; }
  .history .historyL .btn { top: 60px; }
  .honor #honor { top: -60px; }
  .honor .honorItem { width: 48.6333333%; } }
@media screen and (max-width: 480px) { .aboutCon { margin-top: 1.28rem; padding-top: 0.8rem; }
  .aboutCon:before { display: none; }
  .aboutCon .aboutConR { margin-top: 0.48rem; }
  .aboutCon .aboutConR > h5 { font-size: 0.533334rem; }
  .aboutCon .aboutConR > span { font-size: 0.32rem; }
  .aboutCon .aboutConR > i { margin-top: 0.32rem; }
  .aboutCon .aboutConR > div { margin-top: 0.48rem; }
  .aboutCon .aboutConR > div p { font-size: 0.346667rem; }
  .history { padding: 0.8rem 0; }
  .history #history { top: -1.28rem; }
  .history .historyCon { padding: 0.32rem 0; width: 100%; height: 1.44rem; }
  .history .historyCon > a { width: 0.8rem; height: 0.8rem; margin-top: -0.4rem; line-height: 0.8rem; }
  .history .historyCon > a span { width: 0.4rem; height: 3px; }
  .history .historyCon > a i { font-size: 0.8rem; }
  .history .historyCon .swiper-container { left: 0.8rem; right: 0.8rem; height: 0.8rem; }
  .history .historyCon .swiper-slide { width: 1.6rem; height: 0.8rem; font-size: 0.48rem; line-height: 0.8rem; }
  .history .historyL .btn { top: 0.8rem; }
  .history .historyL .leftBtn1, .history .historyL .rightBtn1 { width: 0.8rem; height: 0.8rem; }
  .history .historyL .rightBtn1 { margin-left: 0.16rem; }
  .history .historyL .historyLitem { margin: 0.8rem auto 0; padding-bottom: 0.48rem; }
  .history .historyL .historyLitem > span { padding-left: 2rem; line-height: 0.8rem; font-size: 0.373334rem; }
  .history .historyL .historyLitem > div { margin-top: 0.48rem; height: 6.4rem; }
  .history .historyL .historyLitem > div > h5 { font-size: 0.48rem; }
  .history .historyL .historyLitem > div > div { margin-top: 0.48rem; }
  .history .historyL .historyLitem > div > div p { padding: 0.16rem 0; font-size: 0.373334rem; }
  .honor { padding: 0.8rem 0; }
  .honor #honor { top: -1.28rem; }
  .honor .honorCon { padding-top: 0.16rem; }
  .honor .honorItem { margin-top: 0.32rem; }
  .honor .honorItem img { padding: 0.32rem; }
  .honor .honorItem > div { left: 0.32rem; right: 0.32rem; top: 0.32rem; bottom: 0.32rem; }
  .honor .honorItem > div span { font-size: 0.4rem; } }