@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s,samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;width: 100%;height: 100%;}
html {font-family: 'sans-serif', "Microsoft YaHei", "微软雅黑", "Tahoma", "Helvetica";font-size: 10px;background: #fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
table {border-collapse: collapse;border-spacing: 0;}
img {border: 0;max-width: 100%!important;vertical-align: middle;}
address, caption, cite, code, dfn, i, em, strong, th, var {font-weight: normal;font-style: normal;}
ol, ul {list-style: none;}
a {text-decoration: none;}
a:focus, a:hover {outline: none;}
caption, th {text-align: left;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
abbr, acronym {border: 0;}
button, input, optgroup, select, textarea {margin: 0;font: inherit;color: inherit;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
:before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;}
a {color: #000;outline-style: none;text-decoration: none;}
a:active {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}



.page_over_hide {width: 100%;overflow: hidden;}
.yx_bc_index {width: 1.6rem;height: 1.6rem;position: fixed;right: 0.26666667rem;bottom: 1.6rem;border-radius: 1.6rem;box-shadow: 0 0 0.53333333rem #ff3c5e;background: #ff3c5e;}
.yx_bc_index > p {width: 0.88rem;height: 0.88rem;text-align: center;line-height: 0.48rem;color: #fff;position: absolute;font-size: 0.37333333rem;letter-spacing: 0.02666667rem;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}
.yx_cover {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #fff;z-index: 10000;background: url("../images/yx_loading.jpg") no-repeat;background-size: cover;}
.yx_hp_cover {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.8);z-index: 9999;display: none;}
.yx_hp_cover > p {width: 100%;height: 0.58666667rem;position: absolute;font-size: 0.56rem;color: #fff;margin: auto;top: 0;bottom: 0;left: 0;text-align: center;}

.cp_header {width: 100%;height: 2.625rem;font-size: 0.9rem;line-height: 2.625rem;color: #fff;text-align: center;background: #252525;position: relative;}
.cp_header section {position: absolute;width: 2.625rem;height: 2.625rem;}
.cp_header section img {position: absolute;margin: auto;top: 0;bottom: 0;}
.cp_header section:nth-child(1) {left: 0;width: 3.0375rem;border-right: 1px solid #525252;}
.cp_header section:nth-child(1) a {display: block;width: 100%;height: 100%;}
.cp_header section:nth-child(1) img {width: 0.71875rem;height: 1.25rem;left: 0.8rem;}
.cp_header section:nth-child(2) {right: 0;background: #ff3c5e;}
.cp_header section:nth-child(2) img.nav_icon {width: 1.175rem;height: 0.93125rem;left: 0;right: 0;opacity: 1;transition: all .2s;-webkit-transition: all .2s;}
.cp_header section:nth-child(2) img.close {width: 0.875rem;height: 0.875rem;left: 0;right: 0;opacity: 1;transition: all .2s;-webkit-transition: all .2s;}
.cp_header section:nth-child(2) img.nav_hide {opacity: 0;transition: all .2s;-webkit-transition: all .2s;}
.cp_header ul {width: 100%;height: 4.9375rem;position: absolute;top: 2.625rem;left: 0;right: 0;background: #fafafa;z-index: 10;padding: 0.7333333rem 0;box-sizing: border-box;text-align: center;display: none;}
.cp_header ul li {width: 25%;text-align: center;display: inline-block;float: left;box-sizing: border-box;}
.cp_header ul li a {display: inline-block;width: 2.35rem;height: 3.4625rem;}
.cp_header ul li a img {width: 100%;height: 100%;}
.cp_header ul li.no_margin {margin: 0;}

.yx_jz {width: 100%;padding: 0.72rem 0;}
.yx_jz section {text-align: center;padding: 0.02666667rem 0;}
.yx_jz section p {width: auto;color: #9c9c9c;font-size: 0.37333333rem;display: inline-block;height: 0.37333333rem;line-height: 0.37333333rem;}
.yx_jz section img {width: 0.37333333rem;height: 0.37333333rem;display: inline-block;}

/* 新闻中心 */
button {border: none;outline-style: none;}
.xw_banner {width: 100%;height:12.54375rem!important;position: relative;transform: translate(0, -6.13333333rem);}
.xw_banner .swiper-container {width: 100%;height: 100%;}
.xw_banner .swiper-container img {width: 100%;height: 100%;}
.xw_banner .xw_banner_icon {width: 100%;left: 0;bottom: 0.18666667rem;position: absolute;z-index: 20;text-align: center;}
.xw_banner .xw_banner_icon i {display: inline-block;margin: 0 0.29333333rem 0 0;width: 0.65rem;height: 0.65rem;border-radius: 0.65rem;background: #fff;transition: all .2s;}
.xw_banner .xw_banner_icon i.active {width: 1.3125rem;height: 0.65rem;border-radius: 0.65rem;background: #ff3c5e;}
.xw_c1 {width: 100%;height: auto;min-height: 30rem;background: #fff;transform: translate(0, 8rem);margin-bottom: 1rem;}
.xw_c1 li {width: 100%;height: auto;padding: 1rem 0.48666667rem;box-sizing: border-box;overflow: hidden;border-bottom: 1px solid #e2e2e2;}
.xw_c1 li a {width: 100%;height: 100%;display: block;overflow: hidden;}
.xw_c1 li a img {width: 36%;max-height: 4.20625rem !important;float: left;object-fit: cover;}
.xw_c1 li a section {width: 60%;height: 100%;max-height: 3.50625rem !important;float: right;position: relative;overflow: hidden;}
.xw_c1 li a section div {width: 100%;height: auto;overflow: hidden;}
.xw_c1 li a section div p {width: 80%;font-size: 0.8rem;line-height: 0.9rem;color: #000;float: left;font-weight: bold;position: static;}/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/
.xw_c1 li a section div span {display: block;float: right;width: 20%;font-size: 0.8rem;color: #acacac;text-align: right;}
.xw_c1 li a section > p {height: 1.46666667rem;line-height: 0.50666667rem;position: absolute;font-size: 0.34666667rem;color: #acacac;bottom: 0;}
[data-dpr="2"] .xw_c1 li {border-bottom: 2px solid #e2e2e2;}
[data-dpr="3"] .xw_c1 li {border-bottom: 3px solid #e2e2e2;}


/*  产品中心 */
.cp_content {width: 100%;height: auto;background: #fff;opacity: 1;}
.cp_content .cp_nav {width: 100%;height: 3.0rem;padding: 0 0.18666667rem;box-sizing: border-box;overflow: hidden;}
.cp_content .cp_nav ul {width: 100%;height: 100%;padding: 0;border-bottom: 1px solid #ff3c5e;position: relative;}
.cp_content .cp_nav ul li {padding: 0;float: left;width: 25%;font-size: 0.85rem;height: 100%;line-height: 3.0rem;text-align: center;}
.cp_content .cp_nav ul li.active {color: #ff3c5e;}
.cp_content .cp_nav ul img {position: absolute;width: 25%;height: 0.28125rem;left: 0;bottom: -1px;transition: all .2s;}
.cp_content .swiper-container{height: auto;}
.cp_content .swiper-container .swiper-wrapper{height: auto;}
.cp_content .swiper-container .swiper-slide {width: 100%;height: 0;overflow: hidden;}
.cp_content .swiper-container .swiper-slide ul {width: 100%;height: 100%;padding: 0 0.55666667rem;box-sizing: border-box;float: left;}
.cp_content .swiper-container .swiper-slide ul li {height: auto;border: 1px solid #eeeeee;overflow: hidden;margin: 0.65625rem 0;}
.cp_content .swiper-container .swiper-slide ul li img {width: 48%;height: 5.2625rem;margin: 0 0.65625rem 0 0;float: left;}
.cp_content .swiper-container .swiper-slide ul li > section {width: 48%;height: 5.2625rem !important;float: left;position: relative;}
.cp_content .swiper-container .swiper-slide ul li section section {width: 100%;height: auto;float: none;position: static;overflow: hidden;margin: 0 0 0.02666667rem 0;padding-top: 0.35625rem;}
.cp_content .swiper-container .swiper-slide ul li section section h1 {width: auto;height: auto;max-width: 95%;float: left;font-size: 0.8075rem;color: #222;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cp_content .swiper-container .swiper-slide ul li section section img {position: absolute;margin: 0.16rem 0 0 0.16rem;width: 0.5rem;height: 0.625rem;}
.cp_content .swiper-container .swiper-slide ul li section p {width: 100%;height:1.5rem;line-height: 0.8rem;margin: 0.12rem 0 0 0;color:#999;font-size: 0.6875rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cp_content .swiper-container .swiper-slide ul li section div {width: 5.375rem;height: auto;overflow: hidden;text-align: center;margin: 0 auto;margin-top: 0.4rem !important;}
.cp_content .swiper-container .swiper-slide ul li section div a {width: auto;display: block;font-size: 0.7125rem;text-align: center;padding: 0.10666667rem 0.31333333rem;border: 1px solid #ff3c5e;color: #ff3c5e;border-radius: 0.7125rem;background: transparent;}
.cp_content .swiper-container .swiper-slide ul li section div a:hover {background:#ff3c5e;color:#fff;}
.cp_content .swiper-container .swiper-slide ul li section div a:nth-child(2) {float: right;}
[data-dpr="2"] .cp_content .swiper-container .swiper-slide ul li section div a{border: 2px solid #ff3c5e;}
[data-dpr="3"] .cp_content .swiper-container .swiper-slide ul li section div a{border: 3px solid #ff3c5e;}
.cp_content .nomore{text-align: center;padding: 1.0125rem 0 1.8125rem 0;}
.cp_content .nomore span{color:#9c9c9c;font-size: 0.75rem;}

/*加载中CSS*/
.spinner {display: none;margin: 0 auto;text-align: center;}
.spinner > div {width: 0.34666667rem;height: 0.34666667rem;background-color: #FF3C5E;border-radius: 100%;display: inline-block;-webkit-animation: bouncedelay 1.4s infinite ease-in-out;animation: bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/* details */
.details{min-height: 15rem;}
.details .news-details .news-detail .details-con h1{display:block;width: 84%;margin: 0 auto;text-align: center;font-size: 0.9125rem;color:#000000;font-weight: 500;padding-top: 1.375rem;font-family: "黑体","微软雅黑", "PingFangSC-Regular", "Heiti SC";}
.details .news-details .news-detail .details-con .time{display: block;width:94%;margin: 0 auto;margin-bottom: 0.9375rem !important;text-align: center;font-size: 0.75rem;color:#909090;font-weight: 500;padding:0.84375rem 0;border-bottom: 1px solid #e1e1e1;}
.details .news-details .news-detail .details-con .news-con{padding-bottom:2.3125rem; }
.details .news-details .news-detail .details-con .news-con p{font-size: 0.6875rem;color:#3c3c3c;font-family: "黑体","微软雅黑", "PingFangSC-Regular", "Heiti SC";line-height: 1rem;padding:0 1.125rem;text-align: justify;padding-bottom: 1rem;}
.details .news-details .news-detail .details-con .news-con p img{display:block;width: 88%;max-width: 90%;margin: 0 auto;}
.details .news-details .news-detail .details-con .news-con p a{color: #ff3c5e;text-decoration: underline;font-size:0.6875rem;text-indent: 0}
.details .news-details .news-detail .details-con .news-con p.weight{font-weight: 600;padding:0.6rem 1.125rem;}

/* footer */
.i_foot {width: 100%;color: #999999;padding-bottom: 1.625rem;padding-top:0.5rem;background: #222;text-align: center;position: relative;}
.i_foot .footer-logo{width:100%;text-align: center;margin-top: 1.0625rem;margin-bottom: 1.2rem;}
.i_foot .footer-logo img{width: 6.53125rem;height: 2.21875rem;}
.i_foot ul {overflow: hidden;margin: 0 0 0.5rem 0;font-size: 0;}
.i_foot ul li {display: inline-block;width: auto;padding: 0 0.54rem;border-right: 1px solid #999999;}
.i_foot ul li a {display: block;width: 100%;height: 100%;color: #999999;font-size: 0.68rem;}
.i_foot ul li.no_border {border-right: none;}
.i_foot p {font-size: 0.5rem;margin: 0 0 0.4rem 0;color: #999999;}
#goTop{z-index: 99;position: absolute;top:1.59375rem;right:2.28125rem;width: 2rem;height: 2rem;background: url("../images/top.png") no-repeat;background-size: 100% 100%;}
#goTop:hover{background: url("../images/top_active.png") no-repeat;background-size: 100% 100%;}

@media (min-width: 751px) {
    html,body{width: 750px;margin: 0 auto;}
    .i_nav{width: 750px;left:50%;margin-left: -375px;}
    .i_main_nav ul li img{width:3.0rem;height: 4.5rem;}
}