/* 1.1 - 背景颜色 */
.settings-main_background{background-color:#fff}
.settings-body_background{background-color:#fff}
.settings-buyBtn_background{background-color:#f21616}
.settings-mainBtn_background{background-color:#1a1a1a}
.settings-nav_background{background-color:#333333}
.settings-mainBtnDisabled_background{background-color:}
.settings-optionSelected_background{background-color:#eeeeee}
.settings-optionUnSelected_background{background-color:#ffffff}
.settings-optionDisabled_background{background-color:#f7f7f7}
/*  */
.settings-formTitle_background{background-color:#f0f0f0}
.settings-form_background{background-color:#f0f0f0}

/* 1.2 - 边框颜色 */
.settings-main_border{border-color:#dddddd}
.settings-ipt_border{border-color:#d5d5d5}
.settings-theme_border{border-color:#55aa77}
.settings-optionSelected_border{border-color:#555555}
.settings-optionUnSelected_border{border-color:#dddddd}
.settings-optionDisabled_border{border-color:#e2e2e2}

/* 1.3 - 字体颜色 */
.settings-h1_color{color:#6b6b6b}
.settings-h1_color:visited{color:#6b6b6b}
.settings-top_color{color:}
.settings-text_color{color:#555555}
.settings-text_color:visited{color:#555555}
.settings-proTitle_color{color:#333333}
.settings-proTitle_color:visited{color:#333333}
.settings-price_color{color:#f21616}
.settings-desc_color{color:#999999}
.settings-footerLink_color{color:#f7f7f7}
.settings-footerLink_color:visited{color:#f7f7f7}
.settings-footer_payment_icon_color{color:;}
.settings-navLink_color{color:#ffffff}
.settings-navLink_color:visited{color:#ffffff}
.settings-navSubLink_color{color:#555555}
.settings-navSubLink_color:visited{color:#555555}
.settings-buyBtn_color{color:#ffffff}
.settings-buyBtn_color:visited{color:#ffffff}
.settings-mainBtn_color{color:#ffffff}
.settings-mainBtnDisabled_color{color:}
.settings-inputImpt_color{color:#dc0032}
.settings-optionSelected_color{color:#555555}
.settings-optionUnSelected_color{color:#333333}
.settings-optionDisabled_color{color:#cccccc}

/* 1.4 - 固定颜色 */
.settings-mainBtnDisabled_background{background-color:#e0e0e0}
.settings-mainBtnDisabled_color{color:#a3a3a3}
.settings-package_background{background-color:#fffae4}
.settings-package_color{color:#C09F0A}
.settings-package_border{border-color:#C09F0A}
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}




.footer-nav-color{
  color:#f7f7f7
}
.footer-subnav-color{
  color:#cccccc
}
span.price_discount{
  background:#f21616;
  color:#fff;
}

/* 客服 */
#go_top {
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 55;
    display: none;
}
.go_top a {
    position: relative;
    display: block;
    width: 40px;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    border:var(--1px) solid #ddd;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    overflow: visible;
    text-align: center;
    font-size: 16px;
    color: #666;
    background-color: #ffffff;
    transition: all 0.2s ease-in-out;
}
.icon-qq:before {
    color: #666;
}
#go_top .wxewm {
    width: 125px;
    position: absolute;
    right: 50px;
    bottom: 0px;
    z-index: 1;
    display: none;
    line-height: 0;
    background: #fff;
    text-align: center;
    padding-top: 5px;
}

#go_top .wxewm img {
    width: 100%;
}
#go_top .wxewm span {
    font-size: 13px;
    display: block;
    line-height: 1.4;
    height: 20px;
}

/* 弹出客服和弹出分享 */

.share_box_wrap a{
  float:none;
  font-size:28px!important;
 margin:0 8%!important;
 padding:0!important;
  position: relative;
  display:inline-block;
  top: 5px;
 line-height: 30px!important;
 height:30px!important;
}  

 .bdsharebuttonbox.share_box_inner{
margin:28px 0;text-align:center;
 } 

.share_box_wrap span {
    display:block;
}

.share_box_wrap span.fx_text{
 font-size:13px;margin-top:10px;font-weight:normal;pointer-events: none;
}

.mbpro-sharebox .share_header {
    padding:20px 0 0;
    text-align: center;
    font-size: 15px;
}

.share_box_wrap span{
    color:#444;
}
.fx_icon.qq_icon {
    color: #57aff9;
}

.fx_icon.weixin_icon {
    color: #59bf39;
}

.fx_icon.phone_icon {
    color: #F44336;
}
.mbpro_actions {
    text-align: center;
    border-top: var(--1px) solid #ddd;
    color:#777;
}


.mbpro-sharebox,.mbpro-kfbox{
 width:100%;
 position:fixed;
 background:#fff;
bottom:-100%;
z-index:8890;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-ms-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

.mbkf_active .mbpro-kfbox,.mbshare_active .mbpro-sharebox{
bottom:0;   
}


#mb_kf_film,#mb_share_film {
width: 100%;
height: 101%;
position: fixed;
top: 0;
left: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-ms-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
background-position: 50% 50%;
background-repeat: no-repeat;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
z-index:8888;
background:#1a1a1a;
visibility:hidden;
}
.mbkf_active #mb_kf_film,.mbshare_active #mb_share_film{
  filter: alpha(opacity=40);
  -moz-opacity:.4;
  -khtml-opacity:.4;
  opacity:.4; 
  visibility:visible;
}


 .mbpro_actions.quxiao{
  padding:18px  10px;
  color:#666;
  font-size: 14px;
  font-weight:bold;
}

.weixin_sercice {
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 10px 0 20px;
    background: #fff;
    text-align: center;
    color: #333;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: -180px;
    margin-left: -120px;
    width: 240px;
    height: auto;
    display: none;
    z-index: 9999;
}

.weixin_sercice img {
    width: 220px;
    height:auto;
}
.weixin_sercice span {
    width: 100%;
    font-size: 15px;
    line-height: 1.2;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
}

.faq_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    opacity: 0.4;
    filter: alpha(opacity=40);
    display: none;
    z-index: 9998;
}






.navbar .navbar-nav>li.active>a {
 color:#f21616!important
}






@font-face
{
font-family: "UetopRegular";
src: url('//asset.ibanquan.com/s/118842/0/Uetop3.ttf?design_theme_id=0&v=1670821896_1670821896') format('truetype');
}
@font-face
{
font-family: "UetopBold";
src: url('//asset.ibanquan.com/s/118842/0/Uetop3.ttf?design_theme_id=0&v=1670821896_1670821896') format('truetype');
}



a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1;
    text-size-adjust: none
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote::after,
blockquote::before,
q::after,
q::before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,
select,
textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

a {
    outline: 0;
    text-decoration: none
}

a:hover {
    text-decoration: none
}
li {
    list-style: none;
}

body,
input,
textarea {
    font-family: "Source Han Sans CN", "PingFang SC", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

body{
  color:#333;font-size: 14px;
}


input[type='text']:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset
}



input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear {
    display: none
}

.hide {
    display: none
}

.show {
    display: block
}

.wow {
    visibility: hidden
}

.no-cssanimations .wow {
    visibility: visible
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mt-110 {
    margin-top: 110px
}

.mt-120 {
    margin-top: 120px
}

.mt-140 {
    margin-top: 140px
}

.mt-150 {
    margin-top: 150px
}

.mb-120 {
    margin-bottom: 120px
}

@media only screen and (max-width: 1120px) {
    .mt-50 {
        margin-top: 20px
    }

    .mt-60 {
        margin-top: 30px
    }

    .mt-70 {
        margin-top: 35px
    }

    .mt-80 {
        margin-top: 40px
    }

    .mt-90 {
        margin-top: 45px
    }

    .mt-100 {
        margin-top: 50px
    }

    .mt-110 {
        margin-top: 55px
    }

    .mt-120 {
        margin-top: 60px
    }

    .mt-140 {
        margin-top: 70px
    }

    .mt-150 {
        margin-top: 75px
    }
    .mb-120 {
    margin-bottom: 60px
}
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.d-inline-block {
    display: inline-block
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.contact-map .BMapLabel {
    border: 0
}

.contact-map .anchorBL {
    display: none
}

.header,
.header .logo,
.header .lang a,
.header .lang span,
.header .menu span,
.navbar .navbar-nav>li>a,
.navbar .navbar-nav>li a:before,
.dropdown-menu>li>a,
.footer .f_nav li a,
.footer .link a,
.back_go_to .icon,
.back_go_to .icon:before,
.back_go_to .txt,
.share .btn,
.btn_default,
.btn_default span,
.btn_default:after,
.btn_default:before,
.pro_list li a:after,
.pro_list li .txt_info,
.case_list li .img_box img,
.case_list li .txt_caption h3,
.pro_mod_list li a:before,
.pro_mod_list li .descript h3,
.pro_mod_list li .descript p,
.work_mod_list li .work_pic .img-thumbnail,
.work_mod_list li .work_info h3,
.news_mod_list li .news_pic .img-thumbnail,
.news_mod_list li .news_info h3,
.backList,
.pager .btn:after,
.pager .btn:before,
.filtercrumb li a,
.download li a,
.download li a:before,
.download .icon,
.download .title,
.download .btn,
.form .form-control,
.exhibition li .brand_info p,
.exhibition li .brand_info:before,
.arrows .js-nleft:before,
.arrows .js-nright:before,
.search-item {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

h1,
.list>li,
.search-item h4 {
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s;
    transition: color .3s
}


h1 {
    color: #000
}


.list {
    position: relative;
    font-size: 0
}

.list>li {
    display: inline-block;
    vertical-align: top
}

.list-1>li {
    width: 100%
}

.list-2>li {
    width: 50%
}


.list-3>li {
    width: 33.3333%
}

.list-4>li {
    width: 25%
}

.list-5>li {
    width: 20%
}

.img-box {
    position: relative
}

.img-box::before {
    content: "";
    display: block
}

.img-box img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.col-lg-3 {
    width:33.33%
}
.col-lg-2 {
    width:50%
}


body {
    overflow-x: hidden;
    min-width: 320px
}

img.lazy {
    background-image: url(../assets/img/loading.gif);
    background-position: center center;
    background-repeat: no-repeat
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track::after,
.slick-track::before {
    display: table;
    content: ""
}

.slick-track::after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0
}

.slick-slide a {
    outline: 0
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.banner-dots {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    font-size: 0;
    text-align: center
}

.banner-dots li {
    margin: 0 8px;
    display: inline-block;
    vertical-align: top
}

.banner-dots li button {
    position: relative;
    display: inline-block;
    padding: 0;
    border: 0;
    font-size: 0;
    background-color: transparent;
    outline: 0;
    cursor: pointer
}

.banner-dots li button::before {
    -moz-transition: border .3s ease-out;
    -o-transition: border .3s ease-out;
    -webkit-transition: border .3s ease-out;
    transition: border .3s ease-out;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #bababa
}

.banner-dots li.slick-active button::before {
    background-color: #0075c2
}

.header {
    padding-top:20px;
    padding-bottom: 20px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #fff;
    border-bottom:1px solid #efefef;
}

.header .container {
    position: relative;
    z-index: 500;
}

.header .logo {
  line-height: 56px;  height: 56px;

  display:block;
  font-size:0;
}
.header .logo img{
    height:46px;width:auto;vertical-align: middle;display:inline-block;*display: inline;*zoom: 1;
}



.navbar-brand {
    position: relative;
    float: left;
    margin-left: 0;
}


.header .lang {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 0px;
    margin-top: 22px;
    z-index: 200
}

.header .lang a,
.header .lang span {
    font-size: 16px;
    color: #666;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.header .lang a.active,
.header .lang a:hover {
    color: #000
}
#search-mb {
    width: 20px;
    height: 14px;
    position: relative;
    float: right;
    margin: 5px 20px 0 0;
}
.header .menu {
    display: block;
    width: 20px;
    height: 14px;
    position: relative;
    float: right;
    margin-top: 7px
}

.header .menu span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333
}

.header .menu span:nth-child(1) {
    top: 0
}

.header .menu span:nth-child(2) {
    top: 50%;
    margin-top: -1px
}

.header .menu span:nth-child(3) {
    bottom: 0
}

.header .menu.show span:nth-child(1) {
    transform: translate(0px, 6px) rotate(45deg);
    -webkit-transform: translate(0px, 6px) rotate(45deg);
    -moz-transform: translate(0px, 6px) rotate(45deg);
    -ms-transform: translate(0px, 6px) rotate(45deg);
    -o-transform: translate(0px, 6px) rotate(45deg)
}

.header .menu.show span:nth-child(2) {
    display: none
}

.header .menu.show span:nth-child(3) {
    transform: translate(0px, -6px) rotate(-45deg);
    -webkit-transform: translate(0px, -6px) rotate(-45deg);
    -moz-transform: translate(0px, -6px) rotate(-45deg);
    -ms-transform: translate(0px, -6px) rotate(-45deg);
    -o-transform: translate(0px, -6px) rotate(-45deg)
}



.headerbg {
    height: 96px;
}

.otherPage .header {
    border-bottom: 1px solid #e9e9e9
}

.navbar .navbar-nav {
    font-size: 0px;
    text-align: center
}

.navbar .navbar-nav>li {
    display: inline-block;
    height: 56px;
    position:relative;
    margin: 0 28px;
}
@media only screen and (min-width: 1120px) {
.navbar .navbar-nav>li:last-child {
    margin-right: 0!important;
}}
.navbar .navbar-nav>li>a {
    display: block;
    line-height:40px;
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    position: relative;
    
    line-height:56px;
    
}
.navbar .navbar-nav>li>a.cn {
    line-height:0;
    font-size: 14px;
}
.navbar .navbar-nav>li>a:before {
    content: "";
    display: block;
    position: absolute;
    top: 26px;
    left: 24px;
    left: -18px;
    width: 6px;
    height: 6px;
    background-color: #f21616;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden
}
.navbar .navbar-nav>li>a.cn:before{
  display:none;
}

.navbar .navbar-nav>li.active>a {
    color: #f21616
}

.navbar .navbar-nav>li.active>a:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible
}
.topidMask{
    content: "";
    position: absolute;
    top: 78px;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 106px;
    display: none;
    z-index: 400;
}
.dropdown-menu_wrapper{
    display: none;
    position: absolute;
    background-color:#fff;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
}

.dropdown-menu {
   position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* .dropdown-menu:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -50%;
    width: 10000px;
    background-color: #fff;
    height: 100%;
} */

.dropdown-menu>li {
    display: block;
    min-width:200px;
    vertical-align: top;
}

.dropdown-menu>li>a {
    display: block;
    padding: 12px 25px;
    font-size: 13px;
    color: #000;
    text-transform: capitalize;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-menu>li>a .box{
    width: 240px;
    height: 130px;
    display: table-cell;
    vertical-align: middle;
}

.dropdown-menu>li>a p{
    font-size: 16px;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    color: #000;
    text-transform: capitalize;
}

.dropdown-menu>li>a:hover p{
    color: #f21616;
}



.dropdown-menu>li:hover a {
    color: #f21616
}

.md_media {
    width: 75%;
    margin-left: auto;
    margin-right: auto
}

.hidden-sm {
    display: none !important
}

.visible-sm {
    display: block !important
}

@media only screen and (min-width: 1240px)  and (max-width: 1600px) {
.md_media {
    width: 85%;max-width:1200px;
}}

@media only screen and (max-width: 1240px) {
.md_media {
    width: 90%;
}}

@media only screen  and (max-width: 1440px) {


    .navbar .navbar-nav>li{
        margin: 0 22.4px;
    }
}


@media only screen and (min-width: 1120px) {
    .navbar {
        display: block !important;float:right;
    }

    .fixed {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .fixed .logo {
        background-size: 80px auto
    }
}

@media only screen and (max-width: 1120px) {


    .md_media {
        width: 100%
    }

    .header {
        padding: 16px 0 16px;
        
    }
    .footer .navbar-brand {
    float: none;
    text-align:center;
}

    .header .logo {
        width: auto;
        height:32px;
        line-height: 32px;
        left: 5%
    }
    .header .logo img{
      height:32px;
    }
    .header .lang {
        position: static;
        width: 54px;
        margin-left: auto;
        margin-right: auto
    }

    .topidMask{
        display: none !important;
    }

    .header .lang a,
    .header .lang span {
        font-size: 14px
    }

    .header .container {
        height: 32px
    }

    .navbar {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding-bottom: 20px;
        display: none;
        border-top: 1px solid #e9e9e9;
     overflow:hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height:100%;
    }
  .navbar .navbar-nav {
    padding-bottom: 50px;
}
    .navbar .navbar-nav>li {
        height: auto;
        display: block;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e9e9e9
    }

    .navbar .navbar-nav>li>a {
        height: auto;
        line-height:34px;
        font-size: 18px
    }

    .dropdown-menu_wrapper{
        position: static;
        width: 100%;
        margin-left: 0px;
        left: 0;
        transform: none;
        -ms-transform: none;
        background-color: #f21616;
        margin-top: 20px;
    }
    .dropdown-menu{
        padding-top:10px;
        padding-bottom:10px;
    }

    .dropdown-menu>li>a{
        color: #fff;
    }

    .dropdown-menu>li>a p,.dropdown-menu>li>a:hover p{
        font-size: 14px;
        color: #fff;
    }

    .hidden-sm {
        display: block !important
    }

    .visible-sm {
        display: none !important
    }

    .headerbg {
        height: 60px
    }

    .dropdown-menu>li>a .box{
        display: none;
    }

    .dropdown-menu>li>a:before{
        display: none;
    }
}

.footer {
    background-color:#f21616;
    padding-top: 50px;
    padding-bottom: 60px;
    position: relative;
    
    background-color:#1c1c1c;
    
}

.footer .logo {
    float: left;
    display: block;
    width: auto;
    height:46px;
    line-height: 46px;
}

.footer  .logo img{
      height:46px;
    }

.footer .f_nav {
    float: left;
    font-size: 0px;
    margin-left: 5%;
    margin-left: 54px;
}

.footer .f_nav li {
    display: inline-block;
    margin: 0 22px;
    height:46px;
    line-height: 46px;
}

footer .footer-phone {
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}

.footer .f_nav li a {
    font-size: 14px;
    display:block;
    text-align:center;
    color: #fff;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    text-transform: uppercase;
    

}

.footer .f_nav li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

.footer .ft_hd {
    border-bottom:  var(--1px) solid #3f4042;
    padding-bottom: 22px
}

.footer .ft_fd {
    margin-top: 40px
}

.footer .link {
    float: left;
    margin-left: 15%;
    margin-left: 157px;
}

.footer .link a {
    font-size: 14px;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    margin: 0 5px;
    text-decoration: underline
}

.footer .link a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.footer .copyright {
    float: right;
    font-size: 14px;
    line-height: 30px;
}
.footer .copyright a.footer-phone{
    font-size:22px;
}

.share.phone.fl_lr {
    float: left;
    font-size: 24px;
}

.footer .copyright a{
    font-size: 14px;
}

.footer .share .btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

.back_go_to {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 30px;
    cursor: pointer;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.back_go_to .icon {
    display: block
}

.back_go_to .icon:before {
    color: #fff;
    font-size: 18px;
    content: "";
    display: block;
    width: 14px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
}

.back_go_to .txt {
    display: block;
    font-size: 14px;
    color: #fff;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    margin-top: 10px
}

.back_go_to:hover .icon,
.back_go_to:hover .txt {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

.back_go_to:hover .icon:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

.share {
    margin-top: 16px
}

.share .btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 5px;
    text-align: center;
    border:none;
}

.share .btn:before{
    font-size: 20px;
    display: inline-block;
    line-height:20px;
}



.share .btn_03:before,.share .btn_04:before{
    font-size:18px;
}



@media only screen and (max-width: 1120px) {
    .footer .copyright a.footer-phone {
    font-size: 18px;
}
    .share.phone.fl_lr {
    float: none;
    font-size: 28px;
    margin: 0;
    padding: 20px 0;
    color: #fff;
}
    .footer {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .footer .logo {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto
    }

    .footer .f_nav {
        display: none
    }

    .footer .ft_fd {
        margin-top: 30px
    }

    .footer .share {
   text-align: center;
    margin: 30px 0 0;
    }

    .footer .link {
        display: none
    }

    .footer .copyright {
        font-size: 12px;
        float: none;
        clear: both;
        line-height: 24px;
        text-align: center
    }


    .back_go_to {
        position: static;
        width: 30px;
        cursor: pointer;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px
    }
}

.index_banner {
    position: relative
}

.index_banner .contain {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 200
}

.index_banner .js_slick_multiple_controls {
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -146px;
    z-index: 400
}

.index_banner .js_slick_multiple_controls .custom_paging span {
    color: #fff
}

.index_banner .js_slick_multiple_controls .custom_paging .total_page {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}



.index_banner .js_slick_multiple_controls .arrows .js-nleft:hover:before,
.index_banner .js_slick_multiple_controls .arrows .js-nright:hover:before {
    color: #f21616
}



.js_banner_slick .slick_box {
    display: block;
    position: relative;
    padding-top: 46.875%;
    overflow: hidden
}

.js_banner_slick .slick_box:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    /*background-color: rgba(46, 65, 164, 0.3)*/
}


.js_banner_slick .caption {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 400;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.js_banner_slick .caption h3 {
    color: #fff;
    line-height:1.2;
    font-family: "MullerBlack", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    font-size: 66px;
    font-weight:400;
}

.js_banner_slick .caption p {
    color: #fff;
    line-height:1.8;
    margin-top:20px;
    letter-spacing:.1em;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    font-size: 16px;
    font-weight:400;
}








@media screen and (max-width:1660px) {
.js_banner_slick .caption h3 {
font-size: 52px;
}

.js_banner_slick .caption p {
font-size: 12px;
}}

@media screen and (max-width:1024px) {
.js_banner_slick .caption h3 {
font-size: 44px;
}

.js_banner_slick .caption p  {
font-size: 10px;
}}


@media screen and (max-width:768px) {
.js_banner_slick .caption h3 {
font-size:46px!important;
}

.js_banner_slick .caption p  {
font-size:12px!important;
display:block;
}}


.btn_default {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    padding: 10px 50px 10px 18px;
    position: relative;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height: 26px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius:0;
    overflow:hidden;
    box-sizing: border-box;
    background:#f21616;
    transition: background-color 0s cubic-bezier(.52,.08,.18,1) 0s;
}

.btn_default:hover,.btn_default.active:hover{
    background-color: #fff!important;
    transition: background-color .1s linear .35s;
    color:#f21616!important;
}
.btn_default.border{
    border:1px solid #f21616;
}
.btn_default.border:hover{
    border:1px solid #f21616!important;
}
.btn_default span {
    font-size: 13px;
    color: #fff;
    position:relative;
    z-index:1;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}
.btn_default.active:hover span,.btn_default:hover span,.btn_default.active:hover:before,.btn_default:hover:before{
    color:#f21616!important;
}


.btn_default:before {
   font-size: 11px;
    line-height:26px;
    color: #fff;
    z-index:1;
    position: absolute;
    top: 10px;
    right: 15px;
}

.btn_default:hover {
    color: #f21616
}

.btn_default:hover span {
    color: #f21616
}

.btn_default:hover:after {
    border-color: #f21616
}

.btn_default:hover:before {
    color: #f21616;
    -moz-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
}


.btn_default:after{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 110%;
    transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);
    transition: transform .55s cubic-bezier(.52,.08,.18,1);
    transition: transform .55s cubic-bezier(.52,.08,.18,1),-webkit-transform .55s cubic-bezier(.52,.08,.18,1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: translateX(-101%) skewX(-17.62deg);
    transform: translateX(-101%) skewX(-17.62deg);
    backface-visibility: hidden;
    background:#fff;
    }
.btn_default:hover:after{
    -webkit-transform: translateX(0) skewX(-17.62deg);
    transform: translateX(0) skewX(-17.62deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}


.btn_default.active:hover {
    color: #fff;
}

.btn_default.active:hover span {
    color: #fff
}

.btn_default.active:hover:after {
    border-color: #fff
}

.btn_default.active:hover:before {
    color: #fff;
    -moz-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
}

.btn_primary,.btn_primary span{
    font-size: 13px;
    color:#f21616;
    background:#fff;
}


.btn_primary:after {
    border-color: #f21616;
}

.btn_primary:before {
    color:#f21616;
}

.text_title {
    font-size:52px;
    line-height:1;
    text-transform: uppercase;
    color:#cccccc;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
   
}

.text_info p {
    font-size: 16px;
    color: #333;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height:2;
    width: 70%
}

.text_primary {
    font-size: 18px;
    color: #333;
    line-height: 30px
}

.fl_lt {
    float: left
}

.fl_lr {
    float: right
}

.clearfix {
    clear: both
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.brand .text_title {
    width: 42.77778%
}

.brand .text_info {
    width: 56.94444%
}

.product {
    padding-top: 70px;
    background-color:#f0f0f0;
    position:relative;
    z-index:0;
    overflow:hidden;
}

.product .text_txt {
    width: 50%
}

.product .text_txt h3,.product .text_txt h4 {
    width: 78%
}

.product .proImg {
    width:40%;margin-right:10%;
}

.product .proImg img {
    display: block;
    width: 100%
}

.pro_list li {
    float: left
}

.pro_list li a {
    display: block;
    overflow: hidden;
    position: relative;
    
     padding-top:66.4%;
    
    
}

.pro_list li a img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pro_list li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#000;
    z-index: 5;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
    opacity: .15;
}

.pro_list li .txt_info {
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 80%;
    z-index: 10;
    padding: 0 10%;
}

.pro_list li .txt_info h3 {
    font-size: 36px;
    color: #fff;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    margin-bottom: 5%
}

.pro_list li .txt_info p {
    font-size: 18px;
    color: #fff;
    line-height:1.6;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.pro_list li .txt_info .btn_default {
    margin-top: 20%
}

.pro_list li a:hover .txt_info {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible
}

.pro_list li a:hover:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    background-color: #f21616;
    visibility: visible
}

.case {
    margin-bottom: 120px
}

.case_list {
   margin-left: -25px;
    margin-right: -25px;
}

.case_list li {
    float: left
}

.case_list li a {
    display: block;
    margin: 0 25px
}

.case_list li .img_box {
    display: block;
    position: relative;
    padding-top: 66%;
    overflow: hidden
}

.case_list li .img_box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case_list li .txt_caption {
    margin: 10% 0;
}

.case_list li .txt_caption h3 {
    font-size: 22px;
    color: #333;
    line-height:1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.case_list li a:hover .img_box img {
    -moz-transform: scale(1.04, 1.04);
    -ms-transform: scale(1.04, 1.04);
    -webkit-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04)
}

.case_list li a:hover .txt_caption h3 {
    color: #f21616
}

@media only screen and (max-width: 1400px) {
    .text_title {
        font-size: 42px
    }

    .pro_list li .txt_info .btn_default {
        margin-top: 10%
    }
}

@media only screen and (max-width: 1280px) {

    .text_title {
        font-size: 42px
    }

    .pro_list li .txt_info .btn_default {
        margin-top: 6%
    }
}

@media only screen and (max-width: 1120px) {
    .index_banner .js_slick_multiple_controls {
        bottom: 40px
    }

    .ui-mini {
        padding-left: 5%;
        padding-right: 5%
    }

    .fl_lt,
    .fl_lr {
        float: none;
        clear: both
    }

    .js_banner_slick .caption {
        width: 100%
    }

    .js_banner_slick .caption h3 {
        font-size: 60px;
        line-height: 60px
    }

    .js_banner_slick .js_slick_multiple_controls {
        bottom: 30px
    }

    .brand .text_title {
        width: 100%
    }

    .brand .text_info {
        width: 100%;
        margin-top: 20px
    }

    .brand .text_info p {
        width: 100%
    }

    .text_title {
        font-size: 30px;

    }

    .text_primary {
        font-size: 16px
    }

    .product .proImg {
        width: 100%
    }

    .product .text_txt {
        margin-top: 20px;
        width: 100%
    }

    .pro_list {
        margin-top: 30px
    }

    .pro_list li {
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 30px
    }

    .pro_list li .txt_info h3 {
        font-size: 24px;
        margin-bottom: 3%
    }

    .pro_list li .txt_info .btn_default {
        margin-top: 20px
    }

    .pro_list li .txt_info p {
        font-size: 16px
    }



    .case {
        margin-bottom: 60px
    }

    .case_list {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 30px
    }

    .case_list li {
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 30px
    }

    .case_list li a {
        margin-left: 0px;
        margin-right: 0px
    }

    .case_list li .txt_caption {
        margin-top: 30px
    }

    .case_list li .txt_caption h3 {
        font-size: 18px
    }
}


@media only screen and (max-width: 768px) {
    /* .js_banner_slick .caption h3 {
        font-size: 24px;
        line-height: 30px
    } */

    /* .js_banner_slick .caption p {
        font-size: 14px;
        line-height: 22px
    } */
   .btn_default span{
    font-size:12px;
     }
    .btn_default{
      font-size:12px;
      padding:6px 46px 6px 16px;

    }

.btn_default:before{
    top:6px;
}
    .js_banner_slick .js_slick_multiple_controls {
        bottom: 15px
    }

    .js_banner_slick .text_title {
        font-size: 24px;
        line-height: 28px
    }

    .text_title {
        font-size: 24px
    }

    .text_primary {
        font-size: 14px
    }

    .pro_list li .txt_info p {
        font-size: 14px
    }
}



.pro_mod_list li {
    background-color: #f8f8f8
}

.pro_mod_list li a {
    display: block;
    height: 600px;
    position: relative
}

.pro_mod_list li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #0155b7
}

.pro_mod_list li .product_box {
    height: 100%
}

.pro_mod_list li .product_pic,
.pro_mod_list li .product_info {
    display: block;
    height: 100%;
    position: relative
}

.pro_mod_list li .img-thumbnail {
    width: 90%;
    display: block;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pro_mod_list li .descript {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pro_mod_list li .descript h3,
.pro_mod_list li .descript p {
    color: #333
}

.pro_mod_list li .descript h3 {
    font-size: 30px;
    line-height: 42px;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.pro_mod_list li .descript p {
    font-size: 16px;
    line-height: 24px;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.pro_mod_list li a:hover .descript h3,
.pro_mod_list li a:hover .descript p {
    color: #fff
}

.pro_mod_list li a:hover:before {
    width: 100%
}

.work_mod_list {
    margin-left: -20px;
    margin-right: -20px
}

.work_mod_list li {
    float: left
}

.work_mod_list li a {
    display: block;
    margin: 0 20px
}

.work_mod_list li .work_pic {
    position: relative;
    padding-top: 50%;
    overflow: hidden
}

.work_mod_list li .work_pic .img-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.work_mod_list li .work_info {
    margin-top: 25px;
    height: 180px
}

.work_mod_list li .work_info h3 {
    font-size:22px;
    color: #333;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height: 1.4;
    margin-bottom: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.work_mod_list li .work_info p {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height:40px;
    color: #555;
    line-height: 20px;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.work_mod_list li .work_info strong {
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.work_mod_list li a:hover .work_pic .img-thumbnail {
    -moz-transform: scale(1.04, 1.04);
    -ms-transform: scale(1.04, 1.04);
    -webkit-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04)
}

.work_mod_list li a:hover .work_info h3 {
    color: #f21616
}

.news_mod_list li {
    margin-bottom: 60px;
    background: #f5f5f5;
    padding: 20px 50px 30px;
        transition: all .3s ease;
}

.news_mod_list li a {
    display: block
}

.news_mod_list li .news_pic {
    width: 44.72222%;
    padding-top: 21.52778%;
    position: relative;
    overflow: hidden
}

.news_mod_list li .news_pic .img-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.news_mod_list li .news_info {
    width: 100%;
    padding-left: 0;
    padding-top: 24px;
    float: left;
}

.news_mod_list li .news_info h3 {
    font-size: 28px;
    width:90%;
    color: #333;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height:1.4
}

.news_mod_list li .news_info time {
    display: block;
    font-size: 14px;
    color: #666;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    margin-top: 14px;
    margin-bottom: 46px
}

.news_mod_list li .news_info p {
    font-size: 14px;
    letter-spacing:1px;
    color: #555;
    line-height: 24px;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.news_mod_list li a:hover .news_pic .img-thumbnail {
    -moz-transform: scale(1.04, 1.04);
    -ms-transform: scale(1.04, 1.04);
    -webkit-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04)
}

.news_mod_list li a:hover .news_info h3,.news_mod_list li.show  .news_info h3{
    color: #f21616
}



.news_mod_list li a:hover .btn_default:after {
    border-color: #f21616
}

.news_mod_list li a:hover .btn_default:before {
    -moz-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
}

.news_detail_mod {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 120px
}

.news_detail_mod>h3 {
    font-size: 30px;
    color: #333;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height: 46px
}

.news_detail_mod>time {
    display: block;
    font-size: 14px;
    color: #666;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    margin-top: 5px
}

.news_detail_mod strong,
.news_detail_mod span {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.news_detail_mod p {
    font-size: 14px;
    color: #333;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height: 24px
}

.news_detail_mod img {
    max-width: 100%
}

.backList {
    display: block;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center center
}

.backList:hover {
}

.pager .btn {
    display: inline-block;
    width: 26px;
    height: 26px;
    position: relative;
    margin: 0 45px
}

.pager .btn:after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    border: 2px solid #999;
    border-radius: 50%
}

.pager .btn:before {
    color: #999;
    font-size: 34px;
    position: absolute;
    content: "";
    display: block;
    width: 29px;
    height: 10px;
    font-size: 26px;
    color: #fff;
    position: absolute;
    top: 8px;
    right: 8px;
    background-repeat: no-repeat;
    background-position: center center;
}

.pager .btn:before{

}

.pager .btn:hover:after {
    border-color: #f21616;   
}

.pager .btn:hover:before {
    color: #f21616
}

.pages{
    margin-bottom: 80px;
}

.pager .btn_prev:before {
    top: 8px;
    left: 6px;
}

.pager .btn_prev:hover:before {
    -moz-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    -webkit-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
}

.pager .btn_next:before {
    top: 8px;
    left: -12px;
}

.pager .btn_next:hover:before {
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}

.paging {
    text-align: center;
    font-size: 0px
}

.paging .pager {
    position: relative;
    display: inline-block
}

.paging .btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    /* box-shadow: 1px 1px 7px 1px rgba(153, 153, 153, 0.15);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(153, 153, 153, 0.15);
    -moz-box-shadow: 1px 1px 7px 1px rgba(153, 153, 153, 0.15);
    -ms-box-shadow: 1px 1px 7px 1px rgba(153, 153, 153, 0.15);
    -o-box-shadow: 1px 1px 7px 1px rgba(153, 153, 153, 0.15); */
    border-radius: 50%;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: -17px;
}

.paging .btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px
}

.pager .paging .btn_next:before,.pager .paging .btn_prev:before{
    top: 14px;
}

.pager .paging .btn:after{
    display: none;
}

.pager .paging .btn_next:before{
    left: auto;
    right: 0;
}

.paging .pg {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px;
    color: #666;
    font-family: "AvenirMedium", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
    margin-right: 10px
}

.paging .pg:hover,
.paging .pg.current {
    background-color: #f21616;
    color: #fff
}


.control {
    position: relative
}

.control .pager {
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.control .share {
    margin-top: 0px
}

.control .share .btn:before{
    color: #333;
}

.control .share .btn:hover:before{
    color: #f21616;
}



.filtercrumb {
    font-size: 0px
}

.filtercrumb li {
    display: inline-block;
    margin: 0 40px;
    position: relative
}

.filtercrumb li a {
    font-size: 18px;
    color: #333;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    text-transform: uppercase;
    /* font-style: italic */
}

.filtercrumb li a.active,
.filtercrumb li a:hover {
    color: #f21616;
}

.filtercrumb li:after {
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    background-color: #999;
    position: absolute;
    top: 3px;
    right: -40px
}

.filtercrumb li:nth-child(1) {
    margin-left: 0
}

.filtercrumb li:last-child {
    margin-right: 0
}

.filtercrumb li:last-child:after {
    display: none
}

.support_mod{
    margin-bottom: 120px;
}

.download {
    margin-left: -14px;
    margin-right: -14px
}

.download li {
    float: left;
    margin-bottom: 40px
}

.download li a {
    display: block;
    margin: 0 14px;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
}

.download li a:before {
    content: "";
    position: absolute;
    top: -2%;
    left: 0;
    width: 0;
    height: 104%;
    background-color: #f21616
}

.download li a:hover {
    border-color: #f21616
}

.download li a:hover:before {
    width: 104%
}

.download li a:hover .title {
    color: #fff
}

.download li a:hover .btn {
    background-image: url(../assets/img/icon_06_o.png)
}

.download li .doc .icon {
    background-image: url(../assets/img/icon_07.png)
}

.download li .doc:hover .icon {
    background-image: url(../assets/img/icon_07_o.png)
}

.download li .pdf .icon {
    background-image: url(../assets/img/icon_08.png)
}

.download li .pdf:hover .icon {
    background-image: url(../assets/img/icon_08_o.png)
}

.download li .ppt .icon {
    background-image: url(../assets/img/icon_09.png)
}

.download li .ppt:hover .icon {
    background-image: url(../assets/img/icon_09_o.png)
}

.download .icon {
    display: block;
    width: 47px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    position: relative;
    z-index: 300
}

.download .title {
    font-size: 18px;
    color: #333;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 37px;
    position: relative;
    z-index: 300
}

.download .btn {
    display: block;
    width: 24px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../assets/img/icon_06.png);
    float: right;
    position: relative;
    z-index: 300
}

.inner_banner {
    position: relative;
    padding-top: 31.25%;
    overflow: hidden
}

.inner_banner .img-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.about_info {
    margin-bottom: 120px
}

.about_info .descripts {
    width: 69.44444%
}

.about_info h3 {
    font-size: 30px;
    line-height: 36px;
    color: #000;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.about_info p {
    font-size: 14px;
    color: #000;
    line-height: 24px;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.map_address {
    margin-left: -20px;
    margin-right: -20px
}

.map_address li {
    float: left;
    width: 50%
}

.map_address li a {
    display: block;
    margin: 0 20px
}

.map_address li a h3 {
    font-size: 30px;
    color: #333;
    line-height: 24px;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    margin-bottom: 10px
}

.map_address li a span {
    font-size: 14px;
    color: #333;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}

.map_address li a p {
    font-size: 18px;
    color: #333;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height: 24px
}

.map_address li a .img-thumbnail {
    display: block;
    width: 100%
}

.form {
    margin-left: -18px;
    margin-right: -18px;
    margin-bottom: 120px
}

.form legend {
    display: block;
    font-size: 60px;
    color: #333;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height: 46px;
    text-transform: uppercase;
    width: calc(100% - 36px);
    float: left;
    margin: 0 18px;
    margin-bottom: 86px
}

.form .form-group {
    width: 50%;
    float: left;
    margin-bottom: 40px
}

.form .form-group_col {
    margin: 0 18px;
    position: relative
}

.form .form-group_col.on .form-control {
    border-color: #f21616
}

.form .form-group_col.on .form-control+label {
    font-size: 0px;
    display: none
}

.form .form-control+label {
    position: absolute;
    top: 23px;
    left: 15px;
    font-size: 16px;
    color: #333;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.form .form-control {
    display: block;
    background: none;
    width: 100%;
    padding: 0;
    border: none;
    margin: 0;
    font-size: 16px;
    color: #333;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    padding: 0 15px;
    border: 2px solid #eaeaea;
    height: 60px
}

.form label.error{
    font-size: 16px;
    color: #ff0000;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    position: absolute;
    bottom: -30px;
    left: 15px;
} 

.form .form-control:focus {
    outline: none
}

.form .msg_form-control {
    height: 240px;
    padding: 20px 15px;
    resize: none
}

.form .msg_form-group {
    width: 100%
}

.form .submit {
    display: block;
    padding: 0;
    border: none;
    background: none;
    margin: 0;
    font-size: 14px;
    color: #fff;
    width: 245px;
    height: 66px;
    text-align: center;
    float: right;
    line-height: 66px;
    background-color: #f21616;
    margin-right: 18px;
    cursor: pointer
}

.exhibition {
    margin-left: -16px;
    margin-right: -16px
}

.exhibition li {
    float: left;
    margin-bottom: 60px
}

.exhibition li .brandBox {
    display: block;
    margin: 0 16px;
    border-radius: 5px;
    padding-bottom: 20px;
    overflow: hidden;
}

.exhibition li .brandBox:hover .brand_info p {
    visibility: visible;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.exhibition li .brandBox:hover .brand_info:before {
    height: 95%
}

.exhibition li .brand_icon {
    height: 220px;
    position: relative
}

.exhibition li .brand_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 65%;
    width: 100%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: none
}

.exhibition li .brand_info {
    margin: 0 20px;
    position: relative;
    padding: 30px
}

.exhibition li .brand_info h3 {
    font-size: 30px;
    color: #fff;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.exhibition li .brand_info time {
    display: block;
    font-size: 14px;
    color: #fff;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    position: relative;
    padding-left: 16px;
    margin-top: 20px
}

.exhibition li .brand_info time:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    position: absolute;
    top: 6px;
    left: 0
}

.exhibition li .brand_info .descripts{
    height: 96px;
}

.exhibition li .brand_info p {
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}

.exhibition li .brand_info p,
.exhibition li .brand_info a {
    font-size: 14px;
    color: #fff;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height: 24px
}

.exhibition li .brand_info a span {
    font-size: 14px;
    color: #fff;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.exhibition li .brand_info p{
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.exhibition li .brand_info a {
    display: block;
    text-decoration: underline;
    position: relative
}

.exhibition li .brand_info a:before {
    position: absolute;
    top: 0;
    right: 5%;
    font-size: 24px;
    color: #fff
}

.exhibition li .brand_info:before {
    content: "";
    display: block;
    width: 100%;
    height: 68px;
    position: absolute;
    bottom: 9px;
    left: 0;
    border: 2px solid #fafafa;
    border-radius: 4px
}

.exhibition li:nth-child(6n+1) .brandBox {
    background-color: #0060ad
}

.exhibition li:nth-child(6n+2) .brandBox {
    background-color: #641385
}

.exhibition li:nth-child(6n+3) .brandBox {
    background-color: #333333
}

.exhibition li:nth-child(6n+4) .brandBox {
    background-color: #641385
}

.exhibition li:nth-child(6n+5) .brandBox {
    background-color: #333
}

.exhibition li:nth-child(6n+6) .brandBox {
    background-color: #0060ad
}

.pro_banner {
    padding-top: 0px;
    height: 800px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.pro_banner .contain {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.pro_banner .pro_pic,
.pro_banner .pro_info {
    width: 50%;
    height: 100%;
    position: relative
}

.pro_banner .pro_pic .img-thumbnail {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-top: 30px;
}

.pro_banner .pro_info {
    position: relative
}

.pro_banner .pro_info .descripts {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pro_banner .pro_info h3 {
    font-size: 60px;
    color: #fff;
    line-height: 72px;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    text-transform: uppercase
}

.pro_banner .pro_info h4 {
    font-size: 24px;
    color: #fff;
    line-height: 36px;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    margin-top: 30px
}

.pro_banner .pro_info p {
    position: relative;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    /* padding-left: 16px */
}

.pro_banner .pro_info p span {
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #fff;
    top: 16px;
    left: 0
}

.pro_app {
    height: 700px
}

.pro_app .contain {
    height: 100%
}

.pro_app .pro_pic {
    width: 50%;
    width: 62%;
    position: relative;
    height: 100%
}

.pro_app .pro_pic .img-thumbnail {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: auto;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: none;
}

.pro_app .pro_info {
    width: 50%;
    width: 38%;
    position: relative;
    height: 100%
}

.pro_app .pro_info .descripts {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: auto;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pro_app .pro_info .descripts h3 {
    font-size: 36px;
    color: #fff;
    line-height: 48px;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    margin-bottom: 5px
}

.pro_app .pro_info .descripts p {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.product_title {
    background-color: #010204;
    text-align: center;
    padding-top: 100px;
    height: 276px
}

.product_title h3 {
    font-size: 36px;
    color: #008dd8;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height: 72px;
    text-transform: uppercase
}

.product_title h4 {
    font-size: 18px;
    color: #fff;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.pro_page {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.pro_page .contain {
    position: absolute;
    height: 100%;
    top: 0;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 20
}

.pro_page .txt_info {
    width: 50%;
    height: 100%;
    position: relative
}

.pro_page .descripts {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.pro_page .descripts h3 {
    font-size: 36px;
    color: #fff;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height: 48px
}

.pro_page .descripts h4 {
    font-size: 18px;
    color: #fff;
    font-family: "UetopRegular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height: 48px
}

.pro_page .pro_page_pic {
    position: absolute;
    position: relative;
    padding-top: 36.45833%
}

.pro_page .pro_page_pic .img-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

/* .pro_page:nth-child(odd) .txt_info{
    float: left
} */

.pro_page.page_left .txt_info{
    float: left
}

/* .pro_page:nth-child(even) .txt_info{
    float: right
}
 */
.pro_page.page_right .txt_info{
    float: right
}

.pro_page.page_center .txt_info{
    width: 100%;
}
.pro_page.page_center .txt_info .descripts{
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 660px;
    padding-left: 0;
    padding-right: 0;
}

.scien_picture .scien {
    height: 425px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.js_slick_multiple .slick_item_box {
    display: block;
    position: relative
}

.js_slick_multiple .slick_item_box:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.js_slick_multiple .slick_item_box h3 {
    font-size: 36px;
    color: #fff;
    line-height: 72px;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 200;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.js_slick_multiple .slick_item_box:hover:after{
    opacity: 0;
    visibility: hidden;
}
.js_slick_multiple .slick_item_box:hover h3{
    opacity: 0;
    visibility: hidden;
}

.js_slick_multiple .slick_item_pic {
    position: relative;
    padding-top: 66.71875%
}

.js_slick_multiple .slick_item_pic .img-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.parameters {
    background-color: #fafafa;
    margin-bottom: 120px;
    padding-top: 85px
}

.parameters .md_media>h3 {
    font-size: 30px;
    color: #333;
    line-height: 46px;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.parameters table {
    width: 100%;
}

.parameters .tabel_wrap > div{
    float: left;
}

.parameters .tabel_wrap > div:nth-child(1){
    width: 30%;
}

.parameters .tabel_wrap > div:nth-child(2){
    width: 70%;
}

.parameters table tr:nth-child(odd) {
    background-color: #f4f4f4
}

.parameters table tr:nth-child(even) {
    background-color: #fafafa
}

.parameters table td {
    padding-top: 36px;
    padding-bottom: 36px
}

.parameters table td,
.parameters table p {
    font-size: 18px;
    color: #666;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.custom_paging {
    text-align: center
}

.custom_paging span {
    font-size: 14px;
    color: #000;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    letter-spacing: 4px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

.custom_paging .current_page {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.arrows .js-nleft,
.arrows .js-nright,.arrows .js-pleft,
.arrows .js-pright {
    position: absolute;
    top: 0;
    cursor: pointer
}

.arrows .js-nleft:before,
.arrows .js-nright:before,.arrows .js-pleft:before,
.arrows .js-pright:before{
    color: #fff;
    font-size: 18px;
    cursor: pointer
}

.arrows .js-nleft:hover:before,
.arrows .js-nright:hover:before,.arrows .js-pleft:hover:before,
.arrows .js-pright:hover:before {
    color: #f21616
}

.arrows .js-nleft,.arrows .js-pleft {
    left: 0
}

.arrows .js-nright,.arrows .js-pright  {
    right: 0
}

.js_slick_multiple_controls {
    position: relative;
    width: 292px;
    margin-left: auto;
    margin-right: auto
}

.drag {
    position: relative;
    overflow: hidden
}

.drag .picImg {
    display: block;
    width: 100%
}

.drag .movecover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.drag .coverPic .picImg {
    display: block;
    width: 100%;
    height: auto
}

.drag .btn_drag {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 48px;
    height: 48px;
    margin-top: -29px;
    background-image: url(../assets/img/icon_10.png);
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 600
}

.drag .btn_cut_off {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 100%;
    z-index: 400
}

.drag .btn_cut_off:after {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background-color: #e5e5e5;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px
}

.loading {
    width: 86px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 150px
}

.loading .txt {
    font-size: 14px;
    color: #333;
    font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}

.loading .icon {
    display: block;
    position: relative;
    margin-top: 14px;
    width: 34px;
    margin-left: auto;
    margin-right: auto
}

.loading .icon:after {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    border: 2px solid #f21616;
    border-radius: 50%
}

.loading .icon:before {
    font-size: 40px;
    color: #f21616;
    position: absolute;
    top: 16px;
    left: -3px;
    animation: scrollDown 1.2s ease 2s infinite both;
    -webkit-animation: scrollDown 1.2s ease 2s infinite both;
    -moz-animation: scrollDown 1.2s ease 2s infinite both;
    -ms-animation: scrollDown 1.2s ease 2s infinite both;
    -o-animation: scrollDown 1.2s ease 2s infinite both
}

@keyframes scrollDown {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transform: translate(0px, -8px);
        -ms-transform: translate(0px, -8px);
        -webkit-transform: translate(0px, -8px);
        transform: translate(0px, -8px)
    }

    50% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: .5;
        -moz-transform: translate(0px, 15px);
        -ms-transform: translate(0px, 15px);
        -webkit-transform: translate(0px, 15px);
        transform: translate(0px, 15px)
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transform: translate(0px, 30px);
        -ms-transform: translate(0px, 30px);
        -webkit-transform: translate(0px, 30px);
        transform: translate(0px, 30px)
    }
}

@-webkit-keyframes scrollDown {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transform: translate(0px, -8px);
        -ms-transform: translate(0px, -8px);
        -webkit-transform: translate(0px, -8px);
        transform: translate(0px, -8px)
    }

    50% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: .5;
        -moz-transform: translate(0px, 15px);
        -ms-transform: translate(0px, 15px);
        -webkit-transform: translate(0px, 15px);
        transform: translate(0px, 15px)
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transform: translate(0px, 30px);
        -ms-transform: translate(0px, 30px);
        -webkit-transform: translate(0px, 30px);
        transform: translate(0px, 30px)
    }
}

@-moz-keyframes scrollDown {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transform: translate(0px, -8px);
        -ms-transform: translate(0px, -8px);
        -webkit-transform: translate(0px, -8px);
        transform: translate(0px, -8px)
    }

    50% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: .5;
        -moz-transform: translate(0px, 15px);
        -ms-transform: translate(0px, 15px);
        -webkit-transform: translate(0px, 15px);
        transform: translate(0px, 15px)
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transform: translate(0px, 30px);
        -ms-transform: translate(0px, 30px);
        -webkit-transform: translate(0px, 30px);
        transform: translate(0px, 30px)
    }
}

@-ms-keyframes scrollDown {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transform: translate(0px, -8px);
        -ms-transform: translate(0px, -8px);
        -webkit-transform: translate(0px, -8px);
        transform: translate(0px, -8px)
    }

    50% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: .5;
        -moz-transform: translate(0px, 15px);
        -ms-transform: translate(0px, 15px);
        -webkit-transform: translate(0px, 15px);
        transform: translate(0px, 15px)
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transform: translate(0px, 30px);
        -ms-transform: translate(0px, 30px);
        -webkit-transform: translate(0px, 30px);
        transform: translate(0px, 30px)
    }
}

@-o-keyframes scrollDown {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transform: translate(0px, -8px);
        -ms-transform: translate(0px, -8px);
        -webkit-transform: translate(0px, -8px);
        transform: translate(0px, -8px)
    }

    50% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: .5;
        -moz-transform: translate(0px, 15px);
        -ms-transform: translate(0px, 15px);
        -webkit-transform: translate(0px, 15px);
        transform: translate(0px, 15px)
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transform: translate(0px, 30px);
        -ms-transform: translate(0px, 30px);
        -webkit-transform: translate(0px, 30px);
        transform: translate(0px, 30px)
    }
}

@media only screen and (max-width: 1400px) {
    .news_detail_mod {
        width: 69.44444%
    }

    .exhibition li {
        width: 50%
    }

    .filtercrumb li {
        margin: 0 20px
    }
    
    .filtercrumb li:after{
        right: -22px;
    }

    .filtercrumb li a {
        font-size: 16px
    }
}

@media only screen and (max-width: 1120px) {
    #allMap{
        height: 320px !important;
    }
    .map_address {
        margin-left: 0px;
        margin-right: 0px
    }

    .map_address li {
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 90px
    }

    .map_address li a {
        margin-left: 0px;
        margin-right: 0px
    }

    .map_address li a h3 {
        font-size: 24px
    }

    .form {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 60px
    }

    .pro_mod_list li a:before {
        width: 100% !important;
    }

    .pro_mod_list li:nth-child(even) a:before{
        background-color: #f8f8f8;
    }

    .pro_mod_list li:nth-child(even) a .descript h3,
    .pro_mod_list li:nth-child(even) a .descript p{
        color: #333;
    }

    .pro_mod_list li:nth-child(odd) a:before{
        background-color: #0155b7;
    }

    .pro_mod_list li:nth-child(odd) a .descript h3,
    .pro_mod_list li:nth-child(odd) a .descript p{
        color: #fff;
    }


    .form legend {
        font-size: 24px;
        margin-bottom: 40px
    }

    .form .form-group {
        width: 100%;
        float: none;
        clear: both
    }

    .form .form-group_col {
        margin-left: 0px;
        margin-right: 0px
    }

    .form .submit {
        float: none;
        clear: both;
        width: 100%
    }

    .about_info {
        margin-bottom: 60px
    }

    .about_info h3 {
        font-size: 24px
    }

    .about_info .descripts {
        width: 100%
    }

    .download {
        margin-left: 0px;
        margin-right: 0px
    }

    .download li {
        float: none;
        clear: both;
        width: 100%
    }

    .download li a {
        margin-left: 0px;
        margin-right: 0px;
        position: relative
    }

    .download .title {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
        font-size: 14px
    }

    .download .icon {
        background-size: 24px auto
    }

    .download .btn {
        position: absolute;
        top: 20px;
        right: 20px;
        position: absolute;
        top: 16px;
        right: 12px;
        background-size: 18px auto
    }

    .filtercrumb li {
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-left: 0px;
        margin-right: 0px;
        text-align: center;
        border-bottom: 1px solid #e9e9e9
    }

    .filtercrumb li:after {
        display: none
    }

    .filtercrumb li a {
        display: block;
        font-size: 16px
    }

    .loading {
        margin-bottom: 80px
    }

    .news_mod_list li .news_pic {
        width: 100%;
        padding-top: 48.13665%
    }

    .news_mod_list li .news_info {
        width: 100%;
        padding-left: 0px
    }

    .news_mod_list li .news_info h3 {
        font-size: 24px;
    }

    .news_mod_list li .news_info time {
        margin-bottom: 30px
    }

    .news_detail_mod {
        width: 100%;
        margin-bottom: 60px
    }

    .news_detail_mod>h3 {
        font-size: 24px;
        line-height: 30px
    }
    
    .control{
        text-align: center;
    }

    .pager .btn{
        margin-left: 22px;
        margin-right: 22px;
    }
    .backList {
        /* width: 16px;
        height: 16px;
        background-size: 16px auto;
        margin-left: auto;
        margin-right: auto */
        display: inline-block;
        margin-left: 0px;
        float: left;
    }

    .control .pager {
        display: inline-block;
        position: static;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 30px;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        float: right;
    }

    .pager .btn.btn_next{
        margin-right: 0px;
    }

    .control .share {
        text-align: right;
    }

    .exhibition li {
        width: 50%
    }

    .work_mod_list {
        margin-left: 0px;
        margin-right: 0px
    }

    .work_mod_list li {
        width: 100%;
        float: none;
        clear: both
    }

    .work_mod_list li a {
        margin-left: 0px;
        margin-right: 0px
    }

    .pro_mod_list li a {
        height: auto;
        padding-top: 90px;
        padding-bottom: 90px
    }

    .pro_mod_list li .product_pic,
    .pro_mod_list li .product_info {
        width: 100%;
        height: auto
    }

    .pro_mod_list li .product_pic {
        padding-top: 58.81459%
    }

    .pro_mod_list li .product_info {
        margin-top: 20px
    }

    .pro_mod_list li .img-thumbnail {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .pro_mod_list li .descript {
        width: 100%;
        position: static;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .pro_mod_list li .descript h3 {
        font-size: 24px
    }

    .pro_banner {
        height: auto;
        padding-top: 0;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .pro_banner .contain {
        position: static;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .pro_banner .pro_pic,
    .pro_banner .pro_info {
        width: 100%
    }

    .pro_banner .pro_pic {
        height: auto;
        width: 60%;
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .pro_banner .pro_pic .img-thumbnail {
        position: static;
        width: 100%;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        margin-top: 0;
    }

    .pro_banner .pro_info {
        margin-top: 30px
    }

    .pro_banner .pro_info h3 {
        font-size: 24px;
        line-height: 36px
    }

    .pro_banner .pro_info h4 {
        font-size: 18px;
        line-height: 30px;
        margin-top: 2px
    }

    .pro_banner .pro_info p {
        line-height: 24px
    }

    .pro_banner .pro_info p span {
        width: 3px;
        height: 3px;
        top: 12px
    }

    .pro_banner .pro_info .descripts {
        width: 100%;
        position: static;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .pro_app {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .paging .pg {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }

    .pro_app .pro_pic {
        width: 60%;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto
    }

    .pro_app .pro_pic .img-thumbnail {
        position: static;
        width: 100%;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .pro_app .pro_info {
        width: 100%;
        height: auto;
        margin-top: 30px
    }

    .pro_app .pro_info .descripts {
        position: static;
        width: 100%;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .pro_app .pro_info .descripts h3 {
        font-size: 24px;
        line-height: 30px
    }

    .pro_app .pro_info .descripts p {
        font-size: 16px
    }

    .product_title {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .product_title h3 {
        font-size: 24px;
        line-height: 30px
    }

    .product_title h4 {
        font-size: 16px;
        margin-top: 10px
    }

    .pro_page .contain {
        height: auto;
        position: static;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        background-color: #000
    }

    .pro_page .pro_page_pic {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding-top: 106.66667%;
        padding-top: 93.333333%;
    }

    .pro_page .txt_info {
        position: static;
        width: 100%;
        height: auto
    }

    .pro_page .descripts {
        position: static;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .pro_page.page_center .txt_info .descripts{
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: auto;
    }

    .pro_page .descripts h3 {
        font-size: 24px;
        text-align: center;
        line-height: 30px;
        color: #008dd8
    }

    .pro_page .descripts h4 {
        font-size: 14px;
        text-align: center;
        line-height: 28px;
        margin-top: 10px;
    }

     .pro_page .descripts h4 p{
        font-size: 14px;
        text-align: center
     }

    .pro_page:nth-child(odd) .txt_info,
    .pro_page:nth-child(even) .txt_info {
        float: none;
        clear: both
    }

    .js_slick_multiple .slick_item_box h3 {
        font-size: 24px
    }

    .parameters {
        margin-bottom: 60px;
        padding-top: 40px;
        /* margin-left: 5%;
        margin-right: 5% */
        overflow: hidden;
    }
    .parameters .md_media > h3{
        padding-left: 5%;
        padding-right: 5%;
    }
    .parameters .tabel_wrap{
        
    }

    /* .parameters table {
        width: 1024px
    } */

    .parameters .tabel_wrap > div:nth-child(1){
        width: 50%;
    }

    .parameters .tabel_wrap > div:nth-child(2){
        width: 50%;
        overflow-x: scroll;
    }

    .parameters .tabel_wrap > div:nth-child(2) table{
        width: 600px;
    }

    .parameters table td,
    .parameters table p {
        font-size: 12px !important;
        font-weight: 400 !important;
        -webkit-text-size-adjust:none;
    }

    .parameters table td {
        padding-top: 18px;
        padding-bottom: 18px
    }

    .exhibition li .brand_icon img{
        width: 100%;
    }
    .exhibition li .brand_icon{
        height: 150px;
        overflow: hidden;
    }
    .exhibition li .brand_info{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .exhibition li .brand_info .descripts{
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    .inner_banner {
        padding-top: 0;
        height: 240px
    }

    .inner_banner .img-thumbnail {
        width: auto;
        height: 100%;
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .news_mod_list li .news_info h3 {
        font-size: 20px;
    }

    .news_detail_mod>h3 {
        font-size: 18px;
        line-height: 26px
    }

    .exhibition {
        margin-left: 0px;
        margin-right: 0px
    }

    .exhibition li {
        width: 100%;
        float: none;
        clear: both
    }

    .exhibition li .brandBox {
        margin-left: 0px;
        margin-right: 0px
    }

    .exhibition li .brand_info {
        margin-left: 0px;
        margin-right: 0px
    }

    .exhibition li .brand_info:before {
        display: none
    }

    .pro_mod_list li .descript h3 {
        font-size: 18px
    }

    .pro_banner {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .exhibition li .brandBox .brand_info p {
        visibility: visible;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

.error-404 {
    padding: 60px 0
}

.error-404 h3 {
    color: #000;
    font-size: 40px;
    letter-spacing: .1em;
    line-height: 1.5
}

.error-404 p {
    font-size: 18px;
    letter-spacing: .05em;
    line-height: 1.5
}

.search-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px
}

.search-header h3 {
    color: #000;
    font-size: 24px;
    letter-spacing: .1em;
    line-height: 1.5
}

.search-header p {
    color: #666;
    font-size: 18px;
    letter-spacing: .05em;
    line-height: 1.5
}

.search-header p span {
    color: #000
}

.search-item {
    display: block;
    padding: 10px 20px
}

.search-item h4 {
    color: #000;
    margin-bottom: .25em;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .05em
}

.search-item p {
    color: #666;
    font-size: 14px;
    line-height: 1.5
}

.search-item:hover {
    background-color: #f5f5f5
}

.search-item:hover h4 {
    color: #000
}


/* 轻博客详情页面 */

.ie_clearfix{display:none}
.ie6 .ie_clearfix,.ie7 .ie_clearfix{display:block;width:1px;height:0;line-height:0;font-size:0;clear:both}
.blog_cont_fix{margin-bottom:-10px}
.blog_cont{margin:100px auto;padding:50px 70px;max-width:960px;border-radius:0;font-size:14px;line-height:2;overflow:hidden;
background:#fff;}



.blog_cont p{margin-bottom:20px}
.blog_cont-article,.blog_cont-image,.blog_cont-music,.blog_cont-video{margin-bottom:50px}
.blog_cont-article-title{margin:0;padding:0;font-size:28px;line-height:1.2;margin:10px 0 10px;width:70%}
.blog_cont-text{
  margin-top:40px;
}
.blog_cont-image-list{margin:0 0 40px}
.blog_cont-image-list-item{margin:0 0 24px}
.blog_cont-image-list-item-src{display:block;width:auto;max-width:100%;margin:0 auto}
.ie6 .blog_cont-image-list-item-src{width:100%}
.blog_cont-image-list-item-desc{display:block;height:30px;line-height:30px;font-size:12px;text-align:center}
.blog_cont-music-item{ margin:0 -18px 40px; }
.blog_cont-music-item-disc{width:257px;height:257px;margin:0 auto 15px;position:relative}
.blog_cont-music-item-disc-img{display:block;width:257px;height:257px}
.blog_cont-music-item-disc-film{display:none;position:absolute;top:0;left:0;width:257px;height:257px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#04000000", endColorstr="#04000000");background-color:rgba(0,0,0,.2)}
.blog_cont-music-play{text-align: center; line-height: 0; margin: 4px 0 0;}
.blog_cont-music-name{display:block;text-align:center;font-weight:bold;height:20px;line-height:20px}
.blog_cont-music-info{text-align:center;line-height:20px}
.blog_cont-music-item-disc-play{display:none;background-position:0 -70px;background-image:url('//asset.ibanquan.com/s/118842/0/main?design_theme_id=0&v=1670821896_1670821896');background-repeat:no-repeat;width:100px;height:100px;margin:-50px 0 0 -50px;position:absolute;top:50%;left:50%}

@media screen and (max-width:768px){
  .blog_cont-music-item-disc-film{display: block;}
  .blog_cont-music-item-disc-play{display: block;}
  .blog_cont-music-play{ display: none;}
}

.blog_cont-video-src{margin:0 0 40px;width:100%}
.blog_cont-video-src iframe{width:100%}
@media screen and (max-width:768px){
  .blog_cont-video-src iframe{height:490px}
}
@media screen and (max-width:600px){
  .blog_cont-video-src iframe{height:400px}
}
@media screen and (max-width:490px){
  .blog_cont-video-src iframe{height:290px}
}
.blog_cont-tags{height:auto;line-height:24px;margin:20px 0}
.blog_cont-tags-icon{display:block;width:19px;height:18px;line-height:18px;margin-top:3px;float:left;}
.blog_cont-tags-link{margin-right:8px;float:left}
.blog_cont-info{border-style:solid;border-width:0;border-top-width:1px;height:70px}
.blog_cont-info-author{display:block;float:left;height:32px;line-height:32px;margin:19px 0}
.blog_cont-info-author-avatar{vertical-align:middle;max-width:100%;max-height:100%;}
.blog_cont-info-author-link{height:32px;width:32px;display:block;background:#f7f7f7;border-radius:50%;overflow:hidden;font-size:0;text-align:center;float:left}
.ie6 .blog_cont-info-author-avatar{width:100%;height:100%;}
.blog_cont-info-author-name{margin-left:6px}
.blog_cont-info-author-name:visited {color: #555555}
.blog_cont-info-time{display:block;float:right;height:70px;line-height:70px;font-size:12px}

.blog_cont-info-time--share {padding: 15px 0 0; height: 59px; float: right;}
.blog_cont-info-time-date {font-size: 12px; height: 16px; line-height: 16px; text-align: right;}
.blog_cont-info-time-share a:first-child {margin: 6px;}
.blog_cont-info-time-share a.bds_more {margin: 6px 0;}

.blog_cont_nav{max-width:720px;margin:0 auto;height:16px;line-height:16px}
.ie6 .blog_cont_nav,.ie7 .blog_cont_nav{width:720px}
.blog_cont_nav a{font-size:14px;height:16px;line-height:16px}
.blog_cont_nav-action{display:block;float:right;height:16px}
.blog_cont_nav-action-prev,.blog_cont_nav-action-next,.blog_cont_nav-action-line{display:block;float:left;height:16px}
.blog_cont_nav-action-line{width:0;border-style:solid;border-left-width:1px;margin:0 16px}
.blog_cont-text img{max-width:100%}
.ie7 .blog_cont-text img,
.ie6 .blog_cont-text img{width:100%;}



/* 2.8 文章列表 */
.post-width.md_media{
  max-width:960px
}
.post-wrapper {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box--sizing: border-box;
  box-sizing: border-box;
}
.post-side {
  float: left;
  width:100%;
}
.post {
  min-height: 500px;
}
.post-content img{
  padding:20px 0;
}

.posts-item-tags {
  margin-top: 16px;
}
.posts-item-tags-tag {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-right: 10px;
  font-size: 12px;
  text-decoration: none;
  line-height: 18px;
}


/*post tags*/
.post-tags-wrapper {
  padding-bottom: 20px;
}
.post-tags-heading {
  line-height: 58px;
  font-size: 16px;
  border-width: 0 0 1px;
  border-style: solid;
}
.post-tags-cloud {
  padding-top: 20px;
}
.post-tags-cloud-item {
  display: inline-block;
  line-height: 24px;
  padding: 0 10px;
  margin: 0 10px 10px 0;
  border-radius: 2px;
  background-color: #efefef;
  font-size: 13px;
}
.post-tags-cloud-item:hover,
.post-tags-cloud-item.active {
  color: #fff;
  background-color: #55aa77;
}
.text_title.post_title{
  font-size:30px;width:70%;color:#111;
}
.post-info {
    font-size: 13px;
    padding: 20px 0;
    color: #333;
    margin-bottom: 30px;
}
.post-content {
  padding:50px;background:#fff;line-height:2;font-size: 14px;
}
.post-content img {
  max-width: 100%;
  height: auto;
}

.post-re-wrapper {
  padding-bottom: 20px;
}
.post-re-heading {
  line-height: 58px;
  font-size: 16px;
}
.post-re-heading span {
  display: inline-block;
  vertical-align: sub;
  line-height: 16px;
}
.post-re-list {
  margin-top: 10px;
  border-width: 1px 0 0 0;
  border-style: solid;
}
.post-re-each {
  display: block;
  position: relative;
  line-height: 20px;
  cursor: pointer;
    padding: 15px 0;
    border-bottom: 1px solid #ddd!important;
    overflow: hidden;
}
.post-re-each:hover {
  color: #f21616;
}
.post-re-each-dot{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 36px;
  top: -3px;
}

.post-bottom {
  position: relative;
  padding: 0 0 30px;
}
.post-bottom .posts-item-tags {
  padding-right: 120px;
}
.post-bottom .sharewrap {
  position: absolute;
  top: -5px;
  right: 50px;
  width: 120px;
}
.post-re-list-tip {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
}
@media screen and (max-width:1120px) {
    .blog_cont{margin:50px 20px;padding:0;max-width:100%}
  .blog_cont-article-title,.text_title.post_title{
    font-size:26px;width: 90%;
  }
.mod.blog_cont_nav{
  margin:0 20px;
}
  .post-wrapper {
    float: none;
    padding-right: 0;
  }
  .post {
    min-height: 200px;
  }
  .post-info {
    padding: 10px 0;
}
  .post-tags-cloud {
    padding-top: 10px;
  }
  .post-tags-cloud-item {
    font-size: 13px;
    line-height: 20px;
  }
  .post-wrapper .pageTitle {
    line-height: 30px;
    padding-bottom: 10px;
    font-size: 22px;
  }
  .post-content {
    padding: 15px 0;
  }
  .post-re-list {
    margin: 0;
    border: none;
  }
  .post-bottom {
    padding-bottom: 15px;
  }
  .post-bottom .sharewrap {
    position: static;
    display: inline-block;
    margin: 0 -5px 0 0;
    vertical-align: middle;
  }
  .post-bottom .posts-item-tags {
    padding: 0 0 10px 0;
  }
  .post-re-each {
    font-size: 13px;
  }
  .post-re-list-tip {
    font-size: 13px;
  }
}

.post-nav {
    margin: 40px 0;
    text-align: center;
    font-size: 0;
    line-height: 1;
}
.post-nav-link {
    display: inline-block;
    margin: 0 16px;
    padding: 0 20px;
    vertical-align: middle;
    border-radius: 2px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background-color: #9dafb8;
    text-decoration: none;
}
.post-nav-link:hover {
    color: #fff;
}
.post-nav-link:visited {
    color: #fff;
}
.post-nav-link.i-not {
    background-color: #e0e0e0;
    color: #a3a3a3;
    cursor: not-allowed;
}
@media screen and (max-width:1120px) {
    .post-nav {
        margin: 30px 0;
    }
    .post-nav-link {
        margin: 0 20px;
        padding: 0 22px;
        font-size: 13px;
    }
}

/* 分页头图 */
.z-depth-2 {
    position: relative;
    z-index: 2;
}
#main--image {
    position: relative;
    width: 100%;
    background-color: #f5f5f5;
     overflow: hidden;
}

#main--image #main--bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#main--image #main--bg:before{
  content:'';
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:.1;
}

#main--image h3 {
    padding-top: 250px;
    padding-bottom: 100px;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 0;
    line-height: 1.4;
}
#main--image h3 span {
 color: #fff;
}


#main--image #main--bg.main-news {
background-image: url("//asset.ibanquan.com/s/118842/0/news_img?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/news_img?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}
#main--image #main--bg.main-case {
background-image: url("//asset.ibanquan.com/s/118842/0/case_img?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/case_img?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}
#main--image #main--bg.main-about {
background-image: url("//asset.ibanquan.com/s/118842/0/about-img?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/about-img?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}
#main--image #main--bg.main-prolist {
background-image: url("//asset.ibanquan.com/s/118842/0/prolist_img?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/prolist_img?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}




@media (max-width: 575px){
#main--image h3 {
    padding-top: 150px;
    padding-bottom: 60px;
}}

@media (max-width: 767px){
#main--image h3 {
    padding-top: 200px;
    padding-bottom: 80px;
}}
@media (max-width: 1120px){
.md_media.z-depth-2 {
    padding: 0 20px;
}
}


/* 产品列表 */

.proList-img{
  border:none!important;width:100%!important;height:100%!important;line-height:1!important;
}

.prolist-spfilter .prolist-spfilter-head {
    width: 60px;
}

.proList-ul li {
    background: #f5f5f5;margin:0;position: relative;text-align:center;padding-bottom:20px;
      transition: all .3s ease;
}

.proList-img img{
  width:100%;
  height:auto!important;
}



.proList-count-3 li{
  width:32%;margin:0 2% 2% 0!important;
}

.proList-count-3 li:nth-child(3n+2){
  margin-right:0!important;
}

.proList-count-4 li{
  width:23.5%;margin:0 2% 2% 0!important;
}

.proList-count-4 li:nth-child(4n+2){
  margin-right:0!important;
}
.proList-count-5 li{
  width:18.4%;margin:0 2% 2% 0!important;
}

.proList-count-5 li:nth-child(5n+2){
  margin-right:0!important;
}


  .proList-ul .proList-name {
    font-size: 16px;
    padding: 0 15px;
    line-height: 20px;
    height: 40px;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 8px;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    color: #262626;
}


.proList-desc {
  padding: 0 15px 0;
  color: #666;
  font-size:15px;
  height:auto;
}
.proList-origPrice{
  color:#9f9f9f;
}

.proList-short_desc{
    display:none;
    font-size:13px;
    margin-bottom: 15px;
    font-weight: 300;
    white-space: unset;
    height:36px;
    line-height:18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}


.proList-short_desc {
    display: block;
}


.proList-price{
  margin-right:5px;
}

.proList-ul {
    width:100%;
}

.proList-price{
  color:#262626;
}

@media screen and (min-width:768px) {
  .proList-count-2 .proList-name,.proList-ul li:nth-child(1) .proList-name,.proList-ul li:nth-child(2) .proList-name{
   font-size: 20px;
    max-height: 48px;
    line-height: 24px;
    height: auto;
    margin-bottom:15px;
}

.proList-count-2 li,.proList-ul li:nth-child(1),.proList-ul li:nth-child(2){
  width:49%;margin:0 2% 2% 0!important;padding:20px;
}

.proList-count-2 li:nth-child(2n),.proList-ul li:nth-child(2){
  margin-right:0!important
}

.proList-count-2 .proList-img,.proList-ul li:nth-child(1) .proList-img,.proList-ul li:nth-child(2) .proList-img{
  width:50%!important;float:left;margin:0;height: 100%;
}
.proList-count-2 .proList-text-box,.proList-ul li:nth-child(1) .proList-text-box,.proList-ul li:nth-child(2) .proList-text-box{
  width:50%;
  position:absolute;
  right:0;
  top:0;
  height:100%;
}

.proList-count-2 .proList-text,.proList-ul li:nth-child(1) .proList-text,.proList-ul li:nth-child(2) .proList-text{
    display: block;
    position: relative;
    height: 100%;
  text-align: left;
  padding: 0 30px 0 20px; 
  font-size: 0;
  }

.proList-count-2 .proList-text:before,.proList-ul li:nth-child(1) .proList-text:before,.proList-ul li:nth-child(2) .proList-text:before{
    content: '';
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 100%;
    vertical-align: middle;
    box-sizing: inherit;
}


.proList-count-2 .vertical-middle,.proList-ul li:nth-child(1) .vertical-middle,.proList-ul li:nth-child(2) .vertical-middle{
   display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    vertical-align: middle;
}
.proList-count-2 .proList-desc,.proList-ul li:nth-child(1) .proList-desc,.proList-ul li:nth-child(2) .proList-desc{
  font-size:15px;
  
}
.proList-count-2 .proList-short_desc,.proList-ul li:nth-child(1) .proList-short_desc,.proList-ul li:nth-child(2) .proList-short_desc{
  font-size:14px; 
  -webkit-line-clamp: 4;
  max-height: 96px;
  line-height: 24px;
  height:auto;
}
}

@media screen and (max-width:768px) {
 .proList-ul li{
   width:49%!important;margin:0 2% 2% 0;float:left;
 } 
 .proList-ul li:nth-child(2n){
  margin-right:0!important;
}
  .proList-ul .proList-name {
    font-size:14px;
     padding: 0 10px;
    line-height:18px;
    height:36px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .proList-ul .proList-short_desc{
    font-size:12px;
  }

.proList-ul.proList-count-2{
    padding:0 15px
  }
.proList-count-2 li{
  width:100%!important;margin:0 0 20px 0!important;text-align:left;
} 
.proList-count-2 li .proList-name {
    font-size:18px;
    padding: 0 15px;
    line-height:22px;
    max-height:44px;
    height:auto;
    margin-top: 8px;
    margin-bottom:15px;
  } 
  .proList-count-2 li .proList-desc{
    font-size:15px;
  }
  .proList-count-2 .proList-short_desc{
    font-size:13px; 
  -webkit-line-clamp: 4;
  max-height: 96px;
  line-height: 24px;
  height:auto;
  }
  
}


/* discount */

.wrapper.i-base {
    padding: 50px 0;
}

@media screen and (max-width: 768px){
  .wrapper.i-base {
    padding: 20px 0;
}
.banner .tit{
    font-size:18px!important;
    margin: 10px 0!important;
}}


/* search_mb */
.mint-popup-right{
    transform: translateX(100%) translateZ(0);
    position: fixed;
    top: 0;
    right: 0;
    width:100%;
    height: 100%;
    background-color: #fff;
    z-index:999999;
    overflow:hidden;
    overflow-y: auto;
  transition: .2s ease-out;
}
.search_active .mint-popup-right{
    display: block;
    transform: translateX(0) translateZ(0);
    -webkit-transform: translateX(0);
}

html.search_active{
  overflow:hidden;
  -ms-touch-action: none;
    touch-action: none;
  position:fixed;
  height:100%;
}

.u-search-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    line-height: 1;
    color: #4e4e4e;
}
.u-search-wrap .search-head {
    position: relative;
    padding: 10px 60px 10px 15px;
}
.u-search-wrap .search-head .btn-cancel, .u-search-wrap .search-head img {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.u-search-wrap .search-head img {
    left: 25px;
    width: 12px;
    height: 13px;
}
.u-search-wrap .search-head input {
    display: block;
    width: 100%;
    height: 38px;
    line-height:38px;
    padding: 6px 30px;
    font-size: 14px;
    background-color: #f2f2f2;
    border-radius: 2px;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
    -webkit-appearance: none!important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    margin: 0em;
    border:none;
    -webkit-writing-mode: horizontal-tb !important;
}

.u-search-wrap .search-head .btn-cancel {
    right: 15px;
    font-size:16px;
    cursor: pointer;
}
.u-search-wrap .search-title {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 15px;
    color: #acacac;
    padding-top: 7px;
}

.u-search-wrap .u-search-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 80%;
    margin: 15px;
}
.u-search-wrap .u-search-list li {
    margin-right: 10px;
    margin-bottom: 10px;
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    border-radius: 20px
    background-color: #f5f5f5;
}
.u-search-wrap .u-search-list li a{
    color:#4e4e4e;
}
.u-search-wrap .search-head input::-webkit-input-placeholder{ 
color: #999!important; 
  opacity:1
} 
.u-search-wrap .search-head input::-moz-placeholder {
color: #999!important;opacity:1
} 
.u-search-wrap .search-head input::-moz-placeholder { 
color: #999!important; opacity:1
} 
.u-search-wrap .search-head input:-ms-input-placeholder { 
color: #999!important; opacity:1
} 

header.global .pop-search{
 padding-left:15px;
}


.search_film{
  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-ms-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
position: fixed;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
left: 0;
visibility:hidden;
top: 0;
width: 100%;
height: 100%;
background-color:#111;
}


.search_active .search_film{
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-ms-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
display:block;
z-index:666;
visibility:visible;
filter: alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity:0.4;
opacity: 0.4;
}

@media screen and (min-width: 768px){
 .mint-popup-right{
   width:400px;
 }
}




.font-thin{
  font-weight:300!important;
}
.btn.slick-arrow,.btn_default{
  border:none;
}

.header .logo .light-logo{
  display:none;
}




/* header-icon */
.icon-zeus_search,.icon-zenu_account,.icon-zeus_bag{
  font-size:20px;
}
.navbar .navbar-nav>li>a.zeus-search:before,.navbar .navbar-nav>li>a.zeus-login:before,.navbar .navbar-nav>li>a.zeus-bag:before{
  display:none;
}

.navbar  .first-li.nav-account.div_pc {
    position: relative;
}
.navbar .navbar-nav>li.nav-account .dui-dropdown-menu{
    position: absolute;
    width: auto;
    right: -40px;
    left: auto;
    -webkit-transform: none;
    transform: none;
    min-width: 100px;
    max-height: 0;
    transition: max-height .7s;
    z-index: 1100;
    background: 0 0;
    border: none;
    margin-top: 0;
    opacity: 0;
    overflow: hidden;
    top: 100%;
    color: #303233;
    height: auto;
}

.navbar .navbar-nav>li.nav-account:hover .dui-dropdown-menu {
    padding: 0 10px 10px;
    max-height: 500px;
    opacity: 1;
}

.navbar .navbar-nav>li.nav-account .dui-dropdown-menu ul {
    background: #fff;
    margin-top: 16px;
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
}
.navbar .navbar-nav>li.nav-account .dui-dropdown-menu ul:before{
    position: absolute;
    top: 8px;
    right: 26px;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: transparent transparent #fff transparent;
}

.navbar .navbar-nav>li.nav-account .dui-dropdown-menu li.nav-item {
    display: block;
    width: 100%;
    font-size: 13px;
    transition: all .3s;
    text-align:center;
}
.navbar .navbar-nav>li.nav-account .dui-dropdown-menu li.nav-item>a {
    padding: 16px 32px;
    white-space: nowrap;
    display: inline-block;
    color: #333;
    line-height: 1;
    height: auto;
    background: 0 0;
    text-align: center;
    width: 100%;
}

/* topcart */
#yhsd_topCart_list {
    height: 260px;overflow-y: scroll;
}
.topCart {     
    position: absolute;
    width:300px;
    background:#fff;
    border-width:0;
    overflow:hidden;
    right: 10px;
    top:56px;
    z-index: 2;
    padding-top: 10px;
    font-size: 12px;
    border-radius: 3px;
    display: none;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
}
.topCart-each {
    width: 260px;
    border:none;
    height:80px;
    border-bottom: 1px solid #e0e0e0!important;
    position: relative;
    overflow: hidden;
    padding: 20px 0 20px 95px;
    text-align: left;
}
.topCart-summary .topCart-submit {
    font-size: 16px;
    height: 36px;
    line-height: 36px;
}

.topCart-each-name {
    display: block;
    height: 20px;
    font-weight: 400;
    font-size: 13px;
}
.topCart-summary {
    width: 260px;
    margin: 0 auto;
    position: relative;
    background: #fff;
    padding: 0 0 20px 0;
}
span.topCart-each-price.settings-price_color{
  color:#333;
}
span.topCart-each-price.settings-price_color strong,.topCart-total{
  font-weight:400!important;
}
.topCart-each-del,.topCart-each-desc{
  display:none;
}
.topCart-each .topCart-each-img{
  border:none;top:0;height: 80px;
    width: 80px;
}

span#yhsd_topCart_quantityTitle {
    line-height: 16px;
    background-color:#f21616;
    color: #fff;
    text-align: center;
    bottom: 2px;
    font-size: 12px;
    display: inline-block;
    font-family: Open Sans;
    position: relative;
    padding: 0 4px;
    margin-left:0;
    border-radius: 16px;
}

html.mebmenu_active{
  overflow:hidden;height:calc(100vh - 60px);position:fixed;
}
.u-search-wrap .u-search-list.hot-list .active a{
  color:#f21616;
}
#customer-item3,#customer-item4{
  display:inline-block;
}

@media screen and (min-width:768px) {
.div_wap,.div_mb{
display:none!important;
}}
@media screen and (max-width:767px) {
.div_pc{
display:none!important;
}}


.index-container{
  background:#fff;
}
.js_banner_slick .slick_box{
  z-index:1!important;
}
.slinde_img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
line-height: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}



.slide_mask{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1;
    background-color:#000;
    opacity:.20;
    filter:alpha(opacity=20);
}




.js_banner_slick .caption{
  z-index:99;max-width:660px;
}

.slinde1_img .swiper-video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    object-fit: cover;
    z-index:0;
}


@media screen and (min-width: 768px) {
 .slinde1_img{
background-image: url("//asset.ibanquan.com/s/118842/0/index_slide_1/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/index_slide_1/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
} 
  
.slinde2_img{
background-image: url("//asset.ibanquan.com/s/118842/0/index_slide_2/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/index_slide_2/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}   
.slinde3_img{
background-image: url("//asset.ibanquan.com/s/118842/0/index_slide_3/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/index_slide_3/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}   
  
.slinde4_img{
background-image: url("//asset.ibanquan.com/s/118842/0/index_slide_4/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/index_slide_4/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}   
  
.slinde5_img{
background-image: url("//asset.ibanquan.com/s/118842/0/index_slide_5/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/index_slide_5/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}   
  
.slinde6_img{
background-image: url("//asset.ibanquan.com/s/118842/0/index_slide_6/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/index_slide_6/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}     
}

@media screen and (max-width: 768px) {
 .slinde1_img{
background-image: url("//asset.ibanquan.com/s/118842/0/index_slide_mb_1/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/index_slide_mb_1/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
} 
  
.slinde2_img{
background-image: url("//asset.ibanquan.com/s/118842/0/index_slide_mb_2/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/index_slide_mb_2/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}   
.slinde3_img{
background-image: url("//asset.ibanquan.com/s/118842/0/index_slide_mb_3/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/index_slide_mb_3/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}   
  
.slinde4_img{
background-image: url("//asset.ibanquan.com/s/118842/0/index_slide_mb_4/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/index_slide_mb_4/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}   
  
.slinde5_img{
background-image: url("//asset.ibanquan.com/s/118842/0/index_slide_mb_5/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/index_slide_mb_5/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}   
  
.slinde6_img{
background-image: url("//asset.ibanquan.com/s/118842/0/index_slide_mb_6/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/index_slide_mb_6/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
}     
}




@media screen and (min-width:768px){
.js_banner_slick .slick_box{
padding-top:0;
  height:  750px;
}

}






.js_banner_slick .slick_box .swiper-video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
} 




@media screen and (max-width:767px){
 
.js_banner_slick .slick_box{
padding-top:0;
min-height:500px;
height:calc(100vh -  60px ); 
}
}



.text_title span {
    display: block;
    font-style: normal;
    font-weight:normal;
    font-size:30px;
    color:#171717;
    margin-top:5px;

}


@media screen and (max-width:1660px)and (min-width:1120px) {
.text_title{
  font-size:44px;
}   
  
.text_primary,.pro_list li .txt_info p{
  font-size:15px;
}
  
.pro_list li .txt_info h3{
  font-size:30px;
}  
.case_list li .txt_caption h3{
  font-size:20px;
}}

.product .md_media{
    padding-bottom:4%;
    position:relative;
    z-index:99;
}

.product .text_txt h4{
  margin-top:5%;
}

.product:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background:#f21616;
    
    background:#f0f0f0;
    
    z-index: 0;
    transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);
    transition: transform .55s cubic-bezier(.52,.08,.18,1);
    transition: transform .55s cubic-bezier(.52,.08,.18,1),-webkit-transform .55s cubic-bezier(.52,.08,.18,1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: translateX(101%) skewX(0deg);
    transform: translateX(101%) skewX(0deg);
    backface-visibility: hidden;
}
.product.show:after {
    -webkit-transform: translateX(5%) skewX(-17.62deg);
    transform: translateX(5%) skewX(-17.62deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.product .proList-img{
  border:none;
  width:100%;
  height:auto;
}

.product .text_txt {
    margin-top: 5%;
}

.product .proList-desc,.product .proList-name{
  display:none;
}

.product .js_slick_pro_controls {
    position: absolute;
    width: 292px;
    bottom:100px;
    right:25%;
    margin-right: -73px;
    z-index: 400;
}

.arrows .js-pleft:before,.arrows .js-pright:before,.arrows .js-pleft:hover:before,.arrows .js-pright:hover:before{
    font-size: 12px;
  color:#1f1f1f;
}
.js_slick_pro_controls .custom_paging span{
  color:#1f1f1f;
}

.align-center{
  text-align:center;
}

.index_new  .text_title {
    width: 42.77778%;
}
.index_new .text_info {
    width: 56.94444%;
}


.index_new {
  padding-top:120px;
  padding-bottom:120px;
  background:#f5f5f5;
}


.index_new ul li {
    cursor: pointer;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.index_new ul li a {
    display: block;
}
.index_new ul li a > div {
    float: left;
}
.index_new ul li a > div.btn{
  border:none;
}

.index_new ul li a > div.btn p {
    color: #f21616;
    font-size: 25px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}

.index_new ul li a > div.tit {
    width: calc( 100% - 30px);
    padding: 0 15px;
    color: #666;
}

.index_new ul li a > div.tit p{
  line-height:1.2;font-size:18px;
}

 .about_page {
    line-height:1.8;
  }
.about_page  img{
  width:100%;
}  
  
.about_page_box{
  margin-bottom:8%
}
.about_page  h3{
font-size:22px;line-height:1;color:#f21616
}
.about_page  h2{
font-size:36px;line-height:1.2;margin:20px 0;
}
.about_page  p{
font-size:16px;
}

.pic_slide_section h3{
  text-align:center
}

@media (min-width: 1200px){
.about_margin_left{
margin-left: 8.33333333%;
}
.padding_right{
  padding-right:8%;
}
  
 .padding_left{
 padding-left:8%;
} 
.about_col_1{
    width:33.33333333%;float:left;
}
.about_col_2{
  width: 58.33333333%;float:left;
}
  
}


@media screen and (max-width:1660px)and (min-width:1120px) {
.about_page  h3{
font-size:18px;
}
.about_page  h2{
font-size:32px;line-height:1.2;margin:20px 0;
}
.about_page  p{
font-size:14px;
} }  
  


@media screen and (max-width:1120px){
 .about_page  h3{
font-size:15px;
}
.about_page  h2{
font-size:22px;line-height:1.2;margin:15px 0;
}
.about_page  p{
font-size:13px;
} 
.mt-20-mb  {
  margin-top:20px;
}
.product .js_slick_pro_controls {
    position: absolute;
    width: 160px;
    top: 0;
    bottom:auto;
    right:25%;
    margin-right: -70px;
    z-index: 400;
}

.product .md_media{
    padding-bottom:60px;padding-top:20px;
  }

 .index_new  .text_title ,.index_new .text_info{
   width:100%;
 }
  .index_new .text_info{
      margin-top: 20px;
    }
  .index_new {
 padding-top:50px;
  padding-bottom:50px;
}
  .index_new ul li a > div.tit {
    padding:0;
  }
  .text_info p{
    font-size:14px;
    width:90%;
  }
    .text_title span {
    font-size:26px;
}
  .index_new ul li a > div.tit p{
    font-size:15px;
  }
  .news_mod_list li{
   padding: 20px 20px;
  }

  
  
.pro_list li .txt_info{
  padding:0 5%;
}
}


.pro-detail-inner .pro-detail-gallery-main,.settings-main_border{
  border:none;
}
a{
  color:#333;
}


.wrapper-customPage{background:#f5f5f5!important;padding:50px 0;}
.wrapper-customPage .cont{
  max-width:none!important;
}
.wrapper-customPage .wrapper{
  margin:0 auto!important;
}
.wrapper-customPage  .mod {
    padding:0;
}



/*翻页 */
.prolist-spfilter .prolist-spfilter-pagenation-next, .prolist-spfilter .prolist-spfilter-pagenation-prev {
     width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius:0;
    display: inline-block;
    background: #f5f5f5;
    font-size: 12px;
    color: #666;
    right: auto;
  
}
.prolist-spfilter .prolist-spfilter-pagenation-next{
  right:0;
}
.prolist-spfilter .prolist-spfilter-pagenation-prev{
  left:0;
}
.prolist-spfilter .prolist-spfilter-pagenation-next.prolist-spfilter-pagenation-next-disable,.prolist-spfilter .prolist-spfilter-pagenation-prev-disable.prolist-spfilter-pagenation-prev{
  color:#aaa;
}
.prolist-spfilter .prolist-spfilter-pagenation-status {
    position: relative;
    right: auto;
    padding: 0 15px;
}
.prolist-spfilter .prolist-spfilter-pagenation {
    text-align: center;
  height: 80px;
    line-height: 80px;
}
.prolist-spfilter .prolist-spfilter-page-footer{
  width:100%!important;
}
.prolist-spfilter {
    position: relative;
    z-index: 0;
    padding-top: 0;
    height: 80px;
}

.breadcrumb-inner{
    font-size: 13px;
}

.breadcrumb-inner a,.breadcrumb-inner{
  color:#777;
}



/*big_pic1*/


.bigpic_btn1 span{
border:1px solid #242424;
}


.BigPic1wrap{ 
overflow:hidden;
position: relative;

background:#ffffff;

}




.BigPic1{
background-image: url("//asset.ibanquan.com/s/118842/0/BigPic1Img/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/BigPic1Img/s_w2200.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
background-repeat:no-repeat;
background-position: center center;
background-size:cover;
overflow:hidden;
padding-top:39%;
display:block;
position: relative;
width: 55%;
}


.bigpic1_a {
display: block;
position: relative;
}

.BigPic1_text_wrap {
position: absolute;
width: 45%;
right: 0;
overflow: hidden;
top: 0;
height: 100%;
background: #ffffff;
z-index: 2;
text-align: center;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

} 


.BigPic1_text_wrap:before {
content: '';
display:inline-block;
*display: inline;
*zoom: 1;
height: 100%;
vertical-align: middle;

box-sizing: inherit;


} 

.BigPic1_text h2 {
font-size:36px;
line-height: 1;
position: relative;
margin: 0 0 20px;
font-family: "UetopBold", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif
} 


.BigPic1_text {
padding: 30px;
z-index: 4;
width: 80%;
max-width: 620px;
color:#242424;
margin: auto;
display:inline-block;
*display: inline;
*zoom: 1;
position: relative;
vertical-align: middle;
text-align: left;
background: #ffffff;
} 


.BigPic1 img{
width:100%;
display:block;
overflow:hidden;
}
.BigPic1 a{
display:block;
height:100%;
width:100%;
}








.BigPic1_text {
color:#fff;
line-height:1.8;
font-size:16px;
max-width:800px;
background:none;
  }

.BigPic1{
width:100%;
}

.BigPic1_text_wrap{
width:100%;
right:auto;
background:none;
}


.BigPic1_text_wrap .bigpic_btn{
display:none;
}



@media screen and (min-width:768px) {
.BigPic1_text,.BigPic1_text h2{
text-align: center;
}}





@media screen and (max-width:1120px) {

.section_width.BigPic1_width{
margin:0;
}

.BigPic1_text h2 {
font-size: 24px;
margin:0 0 5px;
line-height: 1.6;

} 
 

.BigPic1_text {
text-align:left; 
line-height: 1.8;
width:90%;
font-size: 13px;
padding: 0;

} 


.BigPic1wrap.border_section{
padding:0;
}





.BigPic1{
padding-top:52%;
background-image: url("//asset.ibanquan.com/s/118842/0/mbBigPic1Img/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/118842/0/mbBigPic1Img/s_w800.jpg?design_theme_id=0&v=1670821896_1670821896',sizingMethod='scale');
background-repeat:no-repeat;
background-position: center center;
background-size:cover;
overflow:hidden;
width:100%;
display:block;
margin:0;
}




.BigPic1_text_wrap:before{
display:none;
}
.BigPic1_text_wrap {
position: relative;
width: 100%;
top: 100%;
overflow: hidden;
top: 0;
right:0;
height: auto; 
} 
 .BigPic1_text_inner {
    padding: 0 15px;
}
.BigPic1{
width:100%;
}
.BigPic1_text {
padding: 20px 0 40px ;width:100%;max-width:100%;color:#242424;
} 

 
}




li.first-li.div_pc {
    margin: 0 16px;
}
.box-product {
    padding: 70px 0 38px;
    background-color:#141414;
    overflow: hidden;
}
.tit-1 {
    margin-bottom: 56px;
    font-size: 16px;
    color:#ffffff;
    line-height: 1.4;
    text-align: center;
    overflow: hidden;
}

.tit-1 h3 {
    font-size: 36px;
    color: #ffffff;
    line-height: 1.4;
    margin-bottom: 12px;
}
.tit-1 p {
    opacity:.6
}

.box-product .content {
    padding: 0 20px;
    overflow: hidden;
}

.product-list li {
    float: left;
    width: 25%;
    margin-bottom: 20px;
}

.product-list li:hover h4{
  color:#f21616}
}

.product-list .con {
    margin: 0 30px;
}

.product-list .box-pic {
    position: relative;
    overflow: hidden;
    text-align:center;
}


.product-list .box-pic .pic img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width:100%;    
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.product-list .txt {
    padding: 25px 10px;
    text-align: center;
    overflow: hidden;
}

.product-list .txt h4 {
    font-size: 20px;
    color: #ffffff;
    line-height: 1.4;
    margin-bottom: 12px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.product-list .txt p {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.4;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity:.6;
}

@media only screen and (max-width: 1365px){
.product-list .con {
    margin: 0 15px;
}}


@media only screen and (max-width: 1199px){
.tit-1 h3 {
    font-size: 28px;
}}

@media only screen and (max-width: 959px){
.tit-1 h3 {
    font-size: 26px;
    margin-bottom: 6px;
}
.product-list .txt h4 {
    font-size: 16px;
}
.product-list .txt p {
    font-size: 14px;
}}

@media only screen and (max-width: 767px){
.box-product {
    padding: 50px 0 30px;
}
.product-list li {
    width: 50%;
    margin-bottom: 10px;
}
  .product-list .con {
    margin: 0 10px;
}
  .product-list .txt {
    padding: 20px 10px;
}
  .product-list .txt h4 {
    font-size: 14px;
    margin-bottom: 6px;
}
.product-list .txt p {
    font-size: 12px;
}}

.numCount li{ float: left; width: 25%; text-align: center;}
.numCount li .item{ margin: 10px 10px;border: 1px solid #ddd;
    padding: 20px 0;}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:46px; }
.numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;}
.numCount li .numU sup{vertical-align: top;}
.numCount li .numU sub{vertical-align:baseline;}
.numCount ul {
    margin: 0 -10px;
}
@media (max-width:1024px){
	.numCount li .numCX{ font-size:36px; }
}
@media (max-width:640px){
	.numCount li .numCX{ font-size:7vw; }
  .numCount li{
    width:50%;
  }
}
@media (max-width:480px){
	.numCount .numU{ font-size:0.5vw;}
}