@media screen and (min-width: 1920px) {
    @-ms-viewport {
        width: 1920px;
    }
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*, *::before, *::after {
    box-sizing: inherit;
	outline: none;
}

@font-face {
    font-family: "OPPOSans-H";
    src: url('../font/OPPOSans-H.ttf');
    font-display: swap;
}

.container {
    margin-left: auto;
    margin-right: auto;
    min-width: 960px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

@media only screen and (min-width: 1230px) {
    .container {
        max-width: 1230px;
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.no-gutters {
    margin-left: 0;
    margin-right: 0;
}

.align-items-center {
    align-items: center !important;
    -ms-flex-align: center !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-left: 0;
    padding-right: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-5ths {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    max-width: 100%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: none;
    width: auto;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-5ths {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.col-5ths1 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 33%;margin-right: 20px;
}
body {
    background-color: #ffffff;
    font-family: Microsoft Yahei, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.875;
    margin: 0;
    min-width: 992px;
    padding: 0;
}

h1, h2, h3, h4 {
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

h2 {
    color: #333;
    font-size: 36px;
    font-weight: 700;
}

h3 {
    color: #333;
    font-size: 24px;
    font-weight: 700;
}

h4 {
    color: #333;
    font-size: 18px;
}

a {
    color: #333333;
    text-decoration: none;
}

a:hover, a:active, a.active {
    color: #004699;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

p, span {
    color: #666666;
}

small {
    font-size: 16px;
}

.img-fluid {
    height: auto;
    max-width: 100%;
}

.talk {
    cursor: pointer;
}

.mt20 {
    margin-top: 20px;
}

.media {
    display: table;
    line-height: 0;
    overflow: hidden;
    position: relative;
}

.lazyimg {
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    transition-duration: .5s;
    width: 100%;
}

.lazyimg:hover {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

img {
    border: 0;
}


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

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

.slick-list:focus {
    outline: none;
}

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

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

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

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

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

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

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

.slick-slide img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.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 {
    border: 1px solid transparent;
    display: block;
    height: auto;
}

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

.slick-dots {
    display: block;
    list-style: none;
    margin-top: -50px;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.slick-dots li {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative;
}

.slick-dots li button {
    background-color: transparent;
    background-size: 100% 100%;
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 12px;
    line-height: 0;
    outline: 0;
    width: 12px;
    z-index: 999999;
}

.slick-dots li button:focus {
    outline: 0;
}

.slick-dots li button:before {
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    content: "";
    font-family: slick,Microsoft Yahei, Arial, sans-serif;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    height: 12px;
    left: 0;
    line-height: 10px;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    text-align: center;
    top: 0;
    width: 12px;
}

.slick-dots li.slick-active button:before {
    background: #ffc107;
    border: 1px solid #ffc107;
}

.slick-slider .slick-track {
    margin-left: 0;
}

@media only screen and (max-width: 991px) {
    .slick-dots {
        margin-top: -35px;
    }
}

/*appear*/
.appear-animation {
    opacity: 0;
}

.appear-animation-visible {
    opacity: 1;
}

.appear-animation {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*hidden*/
.hiddenblock {
    height: auto !important;
}

.hiddenbutton {
    cursor: pointer;
}

.hiddenbutton span {
    color: #3671cf;
    cursor: pointer;
    line-height: 1;
    position: relative;
}

.form-control:focus {
    border-color: #9e9c9c;
}

.form-control::-moz-placeholder {
    color: #9e9c9c;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #9e9c9c;
}

.form-control::-webkit-input-placeholder {
    color: #9e9c9c;
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

/*daohang*/
.nav_top {
    background-color: #f4f4f4;
    height: 40px;
    line-height: 2.7;
}

.nav_top .container {
    height: 100%;
}

@media only screen and (min-width: 1200px) {
    .nav_top .container {
        padding-left: 0;
        padding-right: 0;
    }
}

.nav_top span {
    display: inline-block;
    vertical-align: middle;
}

.nav_top .welcome {
    float: left;
}

.nav_top .social {
    float: right;
}

.nav_top .social .code, .nav_top .social .language {
    cursor: pointer;
    display: inline-block;
    margin-left: 15px;
    position: relative;
    vertical-align: middle;
}

.nav_top .social .code .social_show {
    background-color: #ffffff;
    display: none;
    height: 128px;
    left: -52px;
    padding: 2px 12px 12px;
    position: absolute;
    width: 128px;
    z-index: 99999;
}

.nav_top .social .code .social_show img {
    display: table;
}

.nav_top .social .code .social_show span {
    display: block;
    line-height: 1;
    text-align: center;
    width: 100%;
}

.nav_top .social .douyin .social_show {
    left: -56px;
    padding: 4px 4px 12px 12px;
}

.nav_top .social .code:hover .social_show {
    display: block;
}

.nav_top .social .wechat {
    margin-left: 40px;
}

.nav_top .social .wechat i {
    background-image: url("../image/nav_top_wechat.png");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    width: 22px;
}

.nav_top .social .douyin {
    margin-left: 20px;
}

.nav_top .social .douyin i {
    background-image: url("../image/nav_top_douyin.png");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    width: 16px;
}

.nav_top .social .douyin img {
    margin-bottom: 6px;
margin-left:6px;    width: 100px;
    margin-top:5px;
}

.nav {
    position: absolute;
    width: 100%;
    z-index: 88888;
		 transition: all ease 0.36s;

    
}

.navfixed {
    background-color: #ffffff;
    position: fixed;
	top:0;
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
}
.navfixed .logo{margin-top:12px !important;}
.navfixed .logo .two{z-index:9 !important;opacity:1 !important;}
.navfixed  .main-menu > ul > li > a {
color:#333333;
padding-top:30px;
padding-bottom:15px;
}
	
.navfixed  .main-menu .nav_search .show-submenu-mega i {
    background-image: url("../image/nav_search.png");

}

.navfixed .main-menu .nav_chat i {
    background-image: url("../image/nav_chat.png");

}

.navfixed .main-menu .nav_en i {
    background-image: url("../image/en.png");

}

.navfixed #current > a, .navfixed .main-menu > ul > li:not(:last-child):hover > a {
    color:#004699;
}


.nav .active_daohang{border-bottom:1px solid #eceded;}

.nav > .container {
    background-color: transparent;
        margin-left: auto;
        margin-right: auto;
    padding-left: 0;
    padding-right:0;
    position: relative;
    text-align: right;
    width: auto;
	 transition: all ease 0.36s;
	 
}

.nav > .container .daohang{
        margin-left: 15px;
    margin-right: 15px;
    
    border-bottom:1px solid #ffffff;
}
@media only screen and (min-width: 1200px) {
    .nav > .container {
        margin-left: auto;
        margin-right: auto;
    }
}

.nav .logo {
    display: inline-block;
    float: left;
    margin-top: 35px;
    vertical-align: middle;
}
.nav .logo .image{position:relative;}
.nav .logo .two{
position: absolute;
top: 0;
left: 0;
z-index: -9;
margin-left: auto;
margin-right: auto;
right: 0;
opacity:0;
}
.nav .main_nav {
    display: inline-block;
    vertical-align: middle;
}

.main-menu {
    width: auto;
    z-index: 9;
}

.main-menu ul, .main-menu ul li, .main-menu ul li a {
    margin: 0;
    padding: 0;
}
.main-menu > ul > li {
    display: inline-block;
    vertical-align: middle;

}



.main-menu > ul > li > a {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 2;
        padding: 55px 11px;
    position: relative;
}
.main-menu > ul > li > a >span{color:inherit;}

.main-menu .submenu .submenu-mega {
    background-color: #eceded;
	display:none;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    text-align: left;
	overflow:hidden;
	top:100%;
	z-index: 999999;
    right: 15px;
    width: auto;
    padding-left:40px;
    padding-right:40px;
    left:15px;
}



.main-menu .submenu:hover > .submenu-mega {
	display:block;
}

.main-menu .nav_search .show-submenu-mega i {
    background-image: url("../image/nav_search_white.png");
    display: block;
    height: 35px;
    width: 23px;
    background-repeat: no-repeat;
    background-position: center;
}

.main-menu .nav_chat i {
    background-image: url("../image/nav_chat_white.png");
    display: block;
    height: 25px;
    width: 25px;
}

.main-menu .nav_en i {
    background-image: url("../image/nav_en_white.png");
    display: block;
    height: 25px;
    width: 25px;
}

.main-menu > ul > li:last-child a{
    padding-left: 10px;
    padding-right: 0;
}

.main-menu > ul > li:not(:last-child) > a span::after {
    background-color:#eceded;
    position: absolute;
  content: "";
  width: 72px;
  height: 4px;
  left: 0;
  bottom: -2px;
  right:0;
  margin-left:auto;
  margin-right:auto;
  -webkit-transform: scaleX(0);
     -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all 0.36s ease;
  -o-transition: all 0.36s ease;
  -moz-transition: all 0.36s ease;
  transition: all 0.36s ease;

}

#current > a, .main-menu > ul > li:not(:last-child):hover > a {

}

.main-menu > ul > li:not(:last-child):hover > a > span::after {
     -webkit-transform: scaleX(1);
     -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}


.main-menu .nav_about h3{position: relative;display: inline-block;color: #666666;margin-top:40px;font-size:20px;}
.main-menu .nav_about h3:after{position: absolute;content: ">";top:3px;right:-18px;font-size: 15px;}
.main-menu .nav_about h3:hover::after{color:#004699;}
.main-menu .nav_about .row{margin:0 -20px 40px -20px;}
.main-menu .nav_about .row > div{padding-left:20px;padding-right:20px;}
.main-menu .nav_about ul{padding-left:20px;}
.main-menu .nav_about ul li{position: relative;margin-top:20px;color:#666666;}
.main-menu .nav_about ul li a{color: inherit;}
.main-menu .nav_about ul li:hover a{color:#004699;}
.main-menu .nav_about ul li:before{color:#004699;position: absolute;content: ">";top:-2px;left:-18px;font-size: 15px;}
.main-menu .nav_about .nav_about_link a{margin-top:40px;color:#666666;border:1px solid #666666;background-color: #ffffff;line-height: 1;padding:12px 0;text-align: center;display: block;}
.main-menu .nav_about .nav_about_link a:hover{color: #004699;border:1px solid #004699;}
.main-menu .nav_about .nav_about_right_link{margin-top:-20px;}
.main-menu .nav_about .nav_about_right_link a{display: inline-block;}
.main-menu .nav_about .nav_about_right_link a span{display: block;}

.main-menu .nav_product h3{position: relative;display: inline-block;color: #666666;margin-top:40px;font-size:20px;}
.main-menu .nav_product h3:after{position: absolute;content: ">";top:3px;right:-18px;font-size: 15px;}
.main-menu .nav_product h3:hover::after{color:#004699;}
.main-menu .nav_product .row{margin:20px -10px;}
.main-menu .nav_product .row > div{padding-left:10px;padding-right:10px;}
.main-menu .nav_product h4{text-align: center;color: #666666;font-weight: bolder;padding-top:10px;padding-bottom:10px;border-bottom:2px solid #004699;}
.main-menu .nav_product ul{padding-left:35%;margin-top: 5px;}
.main-menu .nav_product ul li{position: relative;margin-top:5px;color:#666666;}
.main-menu .nav_product ul li a{color: inherit;}
.main-menu .nav_product ul li:hover a{color:#004699;}
.main-menu .nav_product ul li:before{color:#004699;position: absolute;content: ">";top:-2px;left:-18px;font-size: 15px;}


.main-menu .nav_capacity h3{position: relative;display: inline-block;color: #666666;margin-top:40px;font-size:20px;}
.main-menu .nav_capacity h3:after{position: absolute;content: ">";top:3px;right:-18px;font-size: 15px;}
.main-menu .nav_capacity h3:hover::after{color:#004699;}
.main-menu .nav_capacity .row{margin:0 -20px 20px -20px}
.main-menu .nav_capacity .row > div{padding-left:20px;padding-right:20px;}
.main-menu .nav_capacity ul{padding-left:20px;}
.main-menu .nav_capacity ul li{position: relative;float:left; width:200px; margin-top:20px;color:#666666;}
.main-menu .nav_capacity ul li a{color: inherit;}
.main-menu .nav_capacity ul li:hover a{color:#004699;}
.main-menu .nav_capacity ul li:before{color:#004699;position: absolute;content: ">";top:-2px;left:-18px;font-size: 15px;}
.main-menu .nav_capacity .nav_capacity_link a{color:#666666;border:1px solid #666666;background-color: #ffffff;line-height: 1;padding:12px 0;text-align: center;display: block;}
.main-menu .nav_capacity .nav_capacity_link a:hover{color: #004699;border:1px solid #004699;}
.main-menu .nav_capacity .nav_capacity_right_link{margin-top:-20px;}
.main-menu .nav_capacity .nav_capacity_right_link a{display: inline-block;width:44%;}
.main-menu .nav_capacity .nav_capacity_right_link a:first-child{margin-right:20px;}
.main-menu .nav_capacity .nav_capacity_right_link a span{display: block;}
.main-menu .nav_capacity .row.last{margin:0 -20px 40px -20px}


.main-menu .nav_news h3{position: relative;display: inline-block;color: #666666;margin-top:40px;font-size:20px;}
.main-menu .nav_news h3:after{position: absolute;content: ">";top:6px;right:-18px;font-size: 15px;}
.main-menu .nav_news h3:hover::after{color:#004699;}
.main-menu .nav_news .row{margin:0 -20px 40px -20px;}
.main-menu .nav_news .row > div{padding-left:20px;padding-right:20px;}
.main-menu .nav_news ul{padding-left:20px;}
.main-menu .nav_news ul li{position: relative;margin-top:20px;color:#666666;}
.main-menu .nav_news ul li a{color: inherit;}
.main-menu .nav_news ul li:hover a{color:#004699;}
.main-menu .nav_news ul li:before{color:#004699;position: absolute;content: ">";top:-2px;left:-18px;font-size: 15px;}
.main-menu .nav_news .nav_news_link a{margin-top:40px;color:#666666;border:1px solid #666666;background-color: #ffffff;line-height: 1;padding:12px 0;text-align: center;display: block;}
.main-menu .nav_news .nav_news_link a:hover{color: #004699;border:1px solid #004699;}
.main-menu .nav_news .nav_news_right_link{margin-top:-20px;}
.main-menu .nav_news .nav_news_right_link a{display: inline-block;}
.main-menu .nav_news .nav_news_right_link a span{display: block;}


.main-menu .nav_search .search_form{margin-top:90px;margin-bottom:90px;}
.main-menu .nav_search .search_form form{
    position: relative;
    width: 580px;
    margin-left:auto;margin-right:auto;
}

.main-menu .nav_search .search_form input {
    background-color: #ffffff;
    border: 1px solid #999999;
    height: 38px;
    padding-left: 20px;
    width:100%;
    
}
.main-menu .nav_search .search_form button {
    background-color: #004699;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    height: 38px;
    padding: 0 35px;
    position: absolute;
    right: 0;
    letter-spacing: 1px;font-size: 16px;
}
.main-menu .nav_search .search_form .search_keywords{margin-top:20px;width: 580px;margin-left:auto;margin-right:auto;color:#004699;}
.main-menu .nav_search .search_form .search_keywords span{cursor:pointer;margin-left:40px;color:#333333;}


@media only screen and (min-width: 1200px) {
    .main-menu .nav_product .row{margin:20px -25px 30px -25px}
    .main-menu .nav_product .row > div{padding-left:20px;padding-right:20px;}
    
    .main-menu ul li.tel {
        display: inline-block;
    }
    
    .main-menu > ul > li >a{
        padding-left: 20px;
        padding-right: 20px;
    }
}


.banner {
    background-color: #f4f4f4;
    position: relative;
}


/**common**/
.common .title {
    text-align: right;
}

.common .title h2 {
    color: #004699;
    display: inline-block;
    float: left;
    font-size: 25px;
    font-weight:bolder;
    letter-spacing: 1px;
    position: relative;
    vertical-align: middle;
}

.common .title h2:after {
    background: -moz-linear-gradient(right, #f75c02 60%, #ffffff 100%);
    background: -webkit-linear-gradient(right, #f75c02 60%, #ffffff 100%);
    background: -o-linear-gradient(right, #f75c02 60%, #ffffff 100%);
    background: -ms-linear-gradient(right, #f75c02 60%, #ffffff 100%);
    background: linear-gradient(to right, #f75c02 60%, #ffffff 100%);
    bottom: -15px;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004699', endColorstr='#ffffff', GradientType=1);
    height: 3px;
    left: 0;
    position: absolute;
    width: 110px;
}

.common .title small {
    display: inline-block;
    margin-top: 26px;
    font-size:14px;
}

.common .title small a {
    color: #004699;
    

}

.common .title small a:last-child {
    color: #cfcfd2;
    margin-left: 15px;
}

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


.tabs .nav_content .item {
    display: none;
}

.tabs .nav_content .item:first-child {
    display: block;
}


.breadcrumb {
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: right;
}

.breadcrumb ol {
    display: inline-block;
    float: left;
    line-height: 1;
    list-style: none;
    margin: 5px 0;
}

.breadcrumb ol span {
    display: inline-block;
    position: relative;
}

.breadcrumb ol span:before {
    background-color: #ff0000;
    bottom: 0;
    content: "";
    height: 18px;
    left: -25px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 5px;
}

.breadcrumb ol li {
    display: inline-block;
    margin-right: 30px;
    position: relative;
}

.breadcrumb ol li:not(:last-child):after {
    color: #666666;
    content: ">";
    position: absolute;
    right: -20px;
    top: 0;
}

.breadcrumb ol li a {
    color: #666666;
}
.breadcrumb ol li a:hover{color:#ff0000;}

.breadcrumb .breadcrumb_chat {
    display: inline-block;
    line-height: 1;
    text-align: right;
    vertical-align: middle;
    color:#004699;
}

.breadcrumb .breadcrumb_chat i {
    background-image: url("../image/rmb.png");
    display: inline-block;
    height: 15px;
    margin-right: 8px;
    vertical-align: top;
    width: 15px;
    margin-top:-1px;
}


.solution{background-color: #fafafa;padding-top:80px;padding-bottom:80px;}
.solution .body{margin-top:40px;}
.solution .body .solution_form ul{margin-left: -20px;margin-right:-20px;}
.solution .body .solution_form ul li{margin-top:40px;text-align: center;padding-left:20px;padding-right:20px;}
.solution .body .solution_form ul li span{cursor:pointer;transition:all 0.2s ease 0.1s;line-height: 1;display:block;background-color: #ffffff;color:#333333;padding-top:20px;padding-bottom:20px;}
.solution .body .solution_form ul li:hover span,.solution .body .solution_form ul li.active span{background-color: #004699;color: #ffffff;}
.solution .body .solution_form_span{position: relative;text-align: center;margin-top:50px;}
.solution .body .solution_form_span i{
    width:24px;height: 24px;
    background-image:url("../image/solution_form.png");
    background-size: cover;
    margin-top: -5px;
    display: inline-block;
    vertical-align: middle;
}
.solution .body .solution_form_span span{margin-left:10px;}
.solution .body .solution_form_span input{padding:11px 10px;width:100%;color:#666666;border:1px solid #e9e9e9;}
.solution .body .solution_form_span .hangye{width: 120px;position: relative;display: inline-block;margin-left:10px;}
.solution .body .solution_form_span .hangye input{text-align: center;}
.solution .body .solution_form_span .phone{width: 180px;position: relative;display: inline-block;margin-left:10px;}
.solution .body .solution_form_span .phone:after{
color: #ff0000;
content: "*";
height: 6px;
line-height: 1;
position: absolute;
right: 16px;
top: 42%;
width: 6px;}

.solution .body .solution_form_span button{padding:10px 46px;border:1px solid #004699;cursor:pointer;margin-left:40px;background-color: #004699;color: #ffffff;}


.featured-products{
padding-top:80px;padding-bottom:40px;
}
.featured-products .title small a:first-child{color:#004699;}
.featured-products .body{margin-top:40px;margin-bottom:40px;}
.featured-products .body a{background-color: #fafafa;padding:10px 10px 25px 10px;display: block;}
.featured-products .image{
    position: relative;
}
.featured-products .image:after{
    clear: both;
    content: "";
    position: absolute;
}
.featured-products .image{display: block;position: relative;max-width: 270px;overflow: hidden;}
.featured-products .image img{display: block;}
.featured-products .image .two{
    transition: all 0.3s ease;
}
.featured-products .image .two{
    position: absolute;
    top:0;
    left: 0;
    z-index: -9;
    opacity: 0;
}

.featured-products a:hover .two{
    opacity: 1;
    z-index: 9;
}


.featured-products .text{text-align: center;}
.featured-products .text h4{font-weight:bolder;letter-spacing: 2px;margin-top:25px;margin-bottom:20px;transition: all ease 0.36s;font-size: 16px;}
.featured-products .text p{width: 90%;text-align: left;margin-left: 20%;margin-top:0;margin-bottom:0;}
.featured-products a:hover h4{color:#004699;}

.featured-cases{padding:80px 0;}
.featured-cases .body{border-bottom:1px solid #cccccc;margin-top:40px;}
.featured-cases .body .row > div a{position: relative;display: block;width: 100%;}
.featured-cases .body .row > div a:after{content:"";position:absolute;width:100%;bottom:-1px;left:0;height:4px;background-color:#ff0000;opacity:0;}
.featured-cases .body .row > div a img{display: block;}
.featured-cases .body .row > div a h4{font-size:16px;transition:all ease 0.36s;padding:20px 20px 40px 20px;line-height: 1.5;height: 110px;
overflow: hidden;}
.featured-cases .body .row > div a:hover::after{opacity:1;}

.quote {
    background-color: #f5f5f5;
    background-image: url("../image/quote.jpg");
    background-size: cover;
	background-position: center;
}

.quote .right {
    background-color: rgba(255, 255, 255, 0.6);
    float: right;
    overflow: hidden;
    padding: 50px 60px;
    width: 60%;
}

.quote .right .container {
    padding-left: 0;
    padding-right: 0;
}

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

.quote h2 {
    color: #004699;
    font-size: 24px;
}

.quote .right .container form .row > div {
    margin-top: 30px;
    position: relative;
}

.quote .right .container .row input, .quote .right .container .row select {
    border: 0;
    color: #666666;
    padding: 10px;
    width: 100%;
}

.quote .right .container .row .phone:after {
    color: #ff0000;
    content: "*";
    height: 6px;
    line-height: 1;
    position: absolute;
    right: 30px;
    top: 42%;
    width: 6px;
}

.quote .right .container .row .button button {
    background-color: #004699;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    line-height: 1;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}

.quote .right .container .row .chat a {
    background-color: #ffffff;
    border: 0;
    color: #004699;
    cursor: pointer;
    display: block;
    line-height: 1;
    padding: 12px 0;
    text-align: center;
    transition: all ease 0.36s;
    width: 100%;
}

.quote .right .container .row .chat a:hover {
    background-color: #004699;
    color: #ffffff;
}

@media only screen and (min-width: 1200px) {
    .quote .right {
        width: 50%;
    }
}

.on-line {
    background-color: #f5f5f5;
    background-image: url("../image/on-line.jpg");
    background-size: cover;
    padding-bottom: 90px;
    padding-top: 90px;
}

.on-line .title h2 {
    color: #ffffff;
    font-size: 24px;
    text-align: center;
}

.on-line .on-line_form {
    margin-top: 60px;
    text-align: center;
}

.on-line .on-line_form span {
    background-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
    display: inline-block;
    line-height: 1;
    padding: 13px 26px;
    vertical-align: middle;
}

.on-line .on-line_form .name, .on-line .on-line_form .phone, .on-line .on-line_form .need {
    display: inline-block;
    margin-right: 26px;
    position: relative;
    vertical-align: middle;
}

.on-line .on-line_form .phone:after {
    color: #ff0000;
    content: "*";
    height: 6px;
    line-height: 1;
    position: absolute;
    right: 16px;
    top: 42%;
    width: 6px;
}

.on-line .on-line_form .form-control {
    background-color: rgba(255, 255, 255, 0.3);
    border: 0;
    
    color: #ffffff;
    padding: 12px;
}

.on-line .on-line_form button {
    background-color: #004699;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    padding: 13px 33px;
    vertical-align: middle;
}




/*footer*/
#footer {
    background-color: #262626;
    color: #ffffff;
    padding-top: 30px;
    padding-bottom:25px;
}

#footer h3 {
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 1px;
    position: relative;
    font-weight: normal;
    
    
}

#footer .left {
    border-right: 1px solid #757575;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 53.333333%;
    max-width: 53.333333%;
    padding-top:40px;
    padding-bottom:10px;
}


#footer .left h3 {
    border-bottom: 1px solid #757575;
    padding-bottom: 20px;
    text-align: center;
}

#footer .left .col-5ths {
    padding-left: 0;
    padding-right: 20px;
}

#footer .left ul {
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}


#footer .right {
    -ms-flex: 0 0 46.666667%;
    flex: 0 0 46.666667%;
    max-width: 46.666667%;
    padding-left: 20px;
    padding-top:40px;
}

#footer .right .footer_phone {
    font-size: 14px;
    font-weight:bolder;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

#footer .right .footer_email {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

#footer .right .footer_base, #footer .right .footer_sale,#footer .right .footer_member{
    font-size: 14px;
    letter-spacing: 1px;
}
#footer .right .footer_member a{display: inline-block;margin-right:10px;}
#footer a {
    color: #ffffff;
}

#footer p, #footer span {
    color: #ffffff;
}


#footer .bottom {
    margin-top:30px;
    border-top: 1px solid #757575;
    padding-top: 20px;
    text-align: right;
}

 #footer .bottom .footer_copy , #footer .bottom .footer_sitemap{
    display: inline-block;
    vertical-align: middle;
    
}
#footer .bottom .footer_copy a{margin-left:50px;}
#footer .bottom .footer_copy{float: left;}

#footer .links a{margin-right:15px;}
#footer .footer_social-media{
    text-align: right;
}
#footer .footer_social-media h3 {
    margin-bottom: 10px;
    margin-right:5px;
}

#footer .footer_social-media h3:not(:first-child) {
    margin-top: 35px;
}

#footer .footer_social-media div {
    border: 1px solid #336bad;
    line-height: 1;
    margin-top: 10px;
    padding: 2px;
    width: 80px;
    background-color: #ffffff;
    margin-left: auto;
}
#footer .footer_social-media div.image_douyin{
    padding:5px 0 5px 5px;
}


@media only screen and (min-width: 1200px) {
    
    #footer .left .col-5ths {
        padding-right: 40px;
    }
    
    #footer .right {
        padding-left: 40px;
    }
    
    #footer .right .footer_email {
        font-size: 18px;
    }
    
}





.after-service{padding-top:80px;}
.after-service .body{margin-top:60px;}
.after-service .body div{text-align: center;font-size: 14px;letter-spacing: 2px;color: #333333;}
.after-service .body .number{font-size: 14px;letter-spacing: 2px;color: #004699;margin-top:60px;}
.after-service .body .number i{display: inline-block;font-style:normal;font-size: 48px;font-weight: bolder;letter-spacing: 2px;}
.after-service .body .left_image{position: absolute;bottom:0;left:0;}
.after-service .body .left_image img{display: block;}
.after-service .right_image{text-align: right;padding-left: 40px;}
.after-service .right_image img{display: block;float:right;}
@media only screen and (min-width: 1200px) {
    .after-service .body div{font-size: 18px;}
    .after-service .body .number{font-size: 18px;margin-top:80px;}
}


.fixbar a{text-decoration:none}
.fixbar img{max-width:100%;width:auto}
.fixbar_qr,.fixbar_chat,.fixbar_return,.fixbar_tel{display:block;width:80px;height:70px;background-color:#004699;border-radius:5px;margin-bottom:2px;transition:all .5s ease-in-out;-wekbit-transition:all .5s ease-in-out;position:fixed;right:-10px;z-index:100000000000;cursor:pointer;border-radius:5px 0 0 5px;text-decoration:none}
.fixbar_tel{/**right:-130px***/}
.fixbar_chat{width:164px;right:-94px}
.fixbar_chat{bottom:376px}
.fixbar_qr{bottom:232px}
.fixbar_return{bottom:160px}

.fixbar_chat,.fixbar_tel{overflow:hidden}
.fixbar_tel{bottom:304px}
.fixbar_chat img,.fixbar_tel img{float:left}
.fixbar_tel .fixbar_tel-mobile{border-radius:5px 0 0 5px;line-height: 70px;position: fixed;bottom: 292px;right: 65px;overflow: hidden;width: 0;transition: all .5s ease-in-out;-wekbit-transition: all .5s ease-in-out;z-index: 10000000;width: 0;height: 70px;background-color: #FF4639;}
.fixbar_tel .fixbar_tel-mobile span{padding-left: 20px;color: #fff;font-size: 19px;font-weight: 600;}
.fixbar_tel:hover .fixbar_tel-mobile{width:170px;}
.fixbar_qr_img img{max-width:none;}
.fixbar_qr_img{position:fixed;right:70px;overflow: hidden;bottom:153px;width:0;transition:all .5s ease-in-out;-wekbit-transition:all .5s ease-in-out;z-index:10000000}
.fixbar_qr:hover .fixbar_qr_img{width:133px;}
/**#LXB_CONTAINER .custom-text:first-child	{background-image: url(/img/LXB_CONTAINER_bg.png) !important;}**/
/**ins#nb_icon_wrap *,ins.nb-icon-inner-wrap,ins.nb-icon-inner-wrap *{display:none!important}**/