/*初始化样式*/
html {
    margin: 0;
    padding: 0;
    border: 0;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #fff;
    color: #666;
    position: relative;
    font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif;
    vertical-align: baseline;
    width: 100%;
    overflow-x: hidden;
}

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

/* a:link {
    color: #666;
}

a:visited {
    color: #666;
} */

a:hover,
a:active,
a:focus {
    /* color: #009b4c; */
    text-decoration: none;
    outline: none;
}

p {
    margin: 0;
}

input {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
    background: none;
    vertical-align: middle;
}

ul,
ol,
li {
    list-style-type: none;
}

select,
input,
img,
select {
    vertical-align: middle;
}

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

table,
th,
td {
    vertical-align: middle
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

h1,
h2,
h3,
h4 {
    font-size: 12px;
    /* font-weight: bold; */
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

dt {
    font-weight: normal;
}

/*----- Common css ------*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.flexd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wh {
    width: 1200px;
    margin: 0 auto;
}

.pos {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.com-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

/* 友情链接 */

.c-link {
    padding: 20px 0;
    font-size: 14px;
    color: #2a333c;
    line-height: 24px;
}

.c-link .con {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.c-link span {
    cursor: pointer;
    display: block;
}

.c-link dd{
    width:calc(100% - 70px)
}

.c-link .sec {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: rgba(255,255,255,.6);
    padding: 10px;
    min-width:120px;
}

.c-link a {
    color: #2a333c;
    padding: 0 4px;
    font-size: 14px;
    line-height: 24px;
}



/*内页左侧样式*/

.page-product-inquiry a {
    color: #fff;
}


@media (max-width: 992px) {
    body {
        padding-top: 60px;
        padding-bottom: 50px;
    }
}


.Hlang{display:block;padding:0 14px 0 26px;height:60px;line-height:60px;font-weight:lighter;color:#fff;background:url(../../../../c8723ac3/22/02/icon-en.png) no-repeat left center;position:absolute;float:right; right:20px;top:40px; font-size:16px;}
.Hlang:hover{color:#fff}


.chbn_header_title {
	position: absolute;
	top: 160px;
	right: 0;
	left: 0;
}
.chbn_catname {
	font-size: 48px;
	color: #ffffff;
	text-align: center;margin-top: 20px;
}
.chbn_catjs {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	margin-top: 20px;
}
.chbn_header_ul {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}
.chbn_header_ul li {
	display: inline-block;
	background: url(../../../../c8723ac3/22/02/n_sj2.png) no-repeat bottom center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.chbn_header_ul li:hover {
	background: url(../../../../c8723ac3/22/02/n_sj.png) no-repeat bottom center;
}
.chbn_header_ul li.chbn_header_li_select {
	background: url(../../../../c8723ac3/22/02/n_sj.png) no-repeat bottom center;
}
.chbn_header_ul li a {
	display: block;
	font-size: 18px;
	color: #ffffff;
	font-weight: 100;
	letter-spacing: 1px;
	padding: 0 32px 25px 32px;
}


/* 品牌介绍 */
.sonTitle .text{ font-weight:bold; color:#DABA89}
.sonTitle .name{ font-weight:bold; color:#cbcbcb; font-size:32px;}
.brand{width: 100%;overflow: hidden;}
.brand-about{width: 100%;overflow: hidden;}
.brand-about-intr{width: 100%;flex-direction: row-reverse;}
.brand-about-intr-wrap{width: calc(100% - 724px);padding-right: 148px;}
.brand-about-intr-cont{width: 100%;color: #777;line-height: 35px;scrollbar-gutter: auto; height:500px;overflow-x: auto; padding:0px 10px; font-size:16px;}

.brand-about-intr-cont::-webkit-scrollbar {
    width: 5px
}
.brand-about-intr-cont::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #9c6e32;
  }
.brand-about-intr-cont::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #DABA89;
  }
  
  
.brand-about-intr-cont p{line-height: inherit; color:#333}
.brand-about-intr-img{width: 724px; margin-top:150px;}
.brand-about-intr-img img{width: 100%;object-fit: cover;}
.brand-about-num{width: 100%;}
.brand-about-num li{flex: 1;position: relative;text-align: center;padding: 0 16px;}
.brand-about-num li .num{font-family:'impact';color: #DABA89;line-height: 1.1;justify-content: center;}
.brand-about-num li .num i{font-size: 28px;font-style: normal;}
.brand-about-num li .text{line-height: 18px;color: #999;margin: 10px auto 0;max-width: 2420px;}
.brand-about-num li::before, .brand-about-num li:last-child:after{content: "";position: absolute;width: 1px;height: 70px;top: 50%;margin-top: -35px;left: 0;background: #eaeaea;}
.brand-about-num li:last-child:after{left: auto;right: 0;}
.brand-phylogeny{width: 100%;position: relative;overflow: hidden;}
.brand-phylogeny-loop{width: 100%;position: relative;}
.brand-phylogeny-loop img{width: 100%;object-fit: cover;min-height: 400px;}
.brand-phylogeny-loop-cont{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;top: 0;left: 0;color: #fff;}
.brand-phylogeny-loop-cont .name{font-family:'impact';font-size: 100px;line-height: 1.1;}
.brand-phylogeny-loop-cont .hint{line-height: 1.1;margin: 58px 0 16px;}
.brand-phylogeny-loop-cont .text{max-width: 450px;line-height: 24px;}
.brand-phylogeny-loop-cont .name, .brand-phylogeny-loop-cont .hint, .brand-phylogeny-loop-cont .text{opacity: 0;}
.swiper-slide-active .brand-phylogeny-loop-cont .name{animation: phylogenyRun 1s ease both .8s;}
.swiper-slide-active .brand-phylogeny-loop-cont .hint{animation: phylogenyRun 1s ease both .9s;}
.swiper-slide-active .brand-phylogeny-loop-cont .text{animation: phylogenyRun 1s ease both 1s;}
@keyframes phylogenyRun {0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0);}}
.brand-phylogeny-menu{position: absolute;z-index: 4;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;pointer-events: none;}
.brand-phylogeny-menu .contain{display: flex;justify-content: flex-end;}
.brand-phylogeny-menu li{display: flex;align-items: center;cursor: pointer;user-select: none;pointer-events: auto;margin-top: 88px;color: #fff;}
.brand-phylogeny-menu li:first-child{margin-top: 0;}
.brand-phylogeny-menu li i{margin-left: 32px;width: 8px;height: 8px;border-radius: 50%;background: #fff;position: relative;}
.brand-phylogeny-menu li i::after{content: "";position: absolute;width: 42px;height: 42px;border-radius: 50%;border: 1px solid #fff;top: 50%;left: 50%;margin: -21px 0 0 -21px;transition: all .4s ease;opacity: 0;transform: scale(0);}
.brand-phylogeny-menu li.active i::after{opacity: 1;transform: scale(1);}
.brand-phylogeny-menu li span{min-width: 118px;text-align: right;}
.brand-phylogeny .sonTitle{width: 100%;text-align: center;}
.brand-phylogeny-more{width: 100%;}
.brand-phylogeny .thumbs{width: 100%;position: relative;padding: 0 46px 20px;}
.brand-phylogeny .thumbs-year{display: block;width: 100%;text-align: center;font-size: 18px;color: #787878;text-align: center;transition: all .4s ease;position: relative;line-height: 1;height: 40px;}
.brand-phylogeny .thumbs-year::after{content: "";position: absolute;width: 2px;height: 10px;bottom: 0;background: #cdcdcd;left: 50%;margin-left: -1px;transition: all .4s ease;}
.brand-phylogeny .thumbs-year:hover, .brand-phylogeny .thumbs-year.active{color: #DAB986;}
.brand-phylogeny .thumbs-year.active::after{height: 14px;background: #DAB986;}
.brand-phylogeny .thumbs::after{content: "";position: absolute;width: calc(100% - 92px);left: 0;right: 0;margin: 0 auto;bottom: 20px;background: #cdcdcd;height: 1px;}
.brand-phylogeny .thumbs-prev, .brand-phylogeny .thumbs-next{width: 40px;height: 40px;cursor: pointer;border-radius: 50%;position: absolute;bottom: 0;border: 2px solid #666;background: url('../../../../c8723ac3/22/02/arrL.svg') no-repeat center/18px auto;transition: all .4s ease;}
.thumbs-prev{left: 0;}
.thumbs-next{right: 0;transform: rotate(180deg);}
.brand-phylogeny .thumbs-prev:hover, .brand-phylogeny .thumbs-next:hover{background-color: #DAB986;border-color: #DAB986;background-image: url('../../../../c8723ac3/22/02/arrLW.svg');}
.brand-phylogeny .gallery{width: 100%;position: relative;}
.brand-phylogeny-cont{width: 100%;text-align: center;}
.brand-phylogeny-cont .name{font-family:'SamsungOne700';line-height: 1.1;color: #DAB986;margin-bottom: 14px;}
.brand-phylogeny-cont .text{color: #777;line-height: 32px;}

@keyframes indalRun {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}}


@media all and (max-width:1599px) {
	 .brand-about-intr-img {width: 660px;}
    .brand-about-intr-wrap {width: calc(100% - 660px);padding-right: 60px;}
    .brand-about-intr-cont {line-height: 28px;}
    .brand-phylogeny-loop-cont .name {font-size: 60px;}
    .brand-phylogeny-loop-cont .hint {margin: 40px 0 12px;}
    .brand-phylogeny-menu li {margin-top: 60px;}
    .brand-social-list li {width: 140px;}
    .brand-social-list li.active {width: calc(100% - 444px);}
    .brand-social-list li, .brand-social-list li img{height: 374px;}
    .brand-qualification-head-link {width: 300px;}
	
	}
@media all and (max-width:1279px) {
	 .brand-about-intr-img{width: 100%;}
    .brand-about-intr-wrap {width: 100%;padding-right: 0;margin-top: 50px;}
    .brand-phylogeny-loop-cont .name {font-size: 44px;}
    .brand-phylogeny-loop-cont .hint {margin: 30px 0 8px;}
    .brand-phylogeny-menu li {margin-top: 48px;}
    .brand-qualification-head-link {width: 200px;}
    .brand-social-list li {width: 100px;}
    .brand-social-list li.active {width: calc(100% - 324px);}
    .brand-social-list li, .brand-social-list li img{height: 316px;}
    .brand-development-cont .text {line-height: 24px;margin-top: 20px;}
	}
	
	
@media screen and (max-width: 640px) {
	 .brand-about-intr-img{ margin-top:0px;}
	.chbn_header_title {
	top: 15%;
	width: 90%;
	margin: 0 auto;
}
.sonBan-menu a{ font-size:14px!important;}
.chbn_catname {
	font-size: 24px;
}
.chbn_catjs {
	font-size: 14px;
	margin-top: 10px; display:none
}
.chbn_header_ul li a{ padding:10px}
	}
	
/*标题通用*/
.whtit{font-size:32px;color:#a4a4a4;font-weight:bold;text-align:center;text-transform:uppercase;}
.whcbox{text-align:center;}
.whtit-cn{font-size:28px;color:#333;text-align:center;position:relative;display:inline-block;margin:10px auto 0;}
.whtit-cn:after{position:absolute;content:"";width:26px;height:2px;background:#c6c6c6;left:-50px;top:50%;}
.whtit-cn:before{position:absolute;content:"";width:26px;height:2px;background:#c6c6c6;right:-50px;top:50%;}	
	
.pdtb60 {
    padding: 60px 0px;
}
	
.about-two{background:url(../../../../c8723ac3/22/02/abt-two-bg.jpg) no-repeat center top; font-size:16px;}
.about-two .info{text-align:center;margin-top:40px;color:#fff;}
.about-two .whtit{color:#fff;}
.about-two .whtit-cn{color:#fff;}
.about-two ul.pj-list{margin-top:80px;}
.about-two ul li{width:33.3333%;text-align:center;color:#666;float:left;}
.about-two ul li .com-img:hover img{transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9);-ms-transform:scale(0.9);}

.about-two ul li h4{font-size:18px;font-weight:bold;margin:20px auto 15px;}
.about-two ul li p{padding-bottom:40px;position:relative;height:80px;line-height:30px;}
.about-two ul li p:after{position:absolute;width:100px;height:1px;background:#d4d4d4;content:"";left:50%;bottom:0px;margin-left:-50px;}
.about-two ul li:hover p:after{background:#ea9721;transition-duration:1s;}
.about-two ul li:hover h4{color:#ea9721;transition-duration:1s;}


@media all and (max-width:980px){
	
	 .about-two{background-size:cover;}

    .about-two ul.pj-list{margin-top:40px;}

    .about-two ul li{color:#fff;padding:0px 2%;}

    .about-two ul li p{line-height:20px; font-size:14px; height:130px;}
	img {
    max-width: 100%;
}
	
}

.banner-text-inner .btn {
    cursor: pointer;
    z-index: 1;
    position: relative;
    padding: 16px 36px;
    color: #3539bf;
    font-weight: 600;
    text-transform: capitalize;
    overflow: hidden;
    border: 2px solid #3539bf;
    border-radius: 50px;
    overflow: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    font-size: 14px;
}

.btn.active,
.btn:hover,
.btn:focus {
    color: #fff;
    text-decoration: none;
}
.btn:before {
    content: " ";
    position: absolute;
    top: 48%;
    left: 48%;
    z-index: -1;
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 11px;
    height: 11px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    opacity: 0;
    visibility: hidden;
    background: #3539bf;
    border-radius: 50px;

}
.btn:hover{
    border-color: #3539bf;
}
.btn:hover:before{
    -webkit-transform: scale(20);
            transform: scale(20);
    opacity: 1;
    visibility: visible;
    
}

.btn:focus,
.form-control:focus {
    box-shadow: none !important;
}



.banner-inner-area {
    padding: 217px 0 96px;
    position: relative;
    overflow: hidden;
}
.banner-area1 .banner-text-wrap h1 {
    font-weight: 600;
    line-height: 80px;
    margin-bottom: 20px;
}
.banner-inner-area.banner-area1:before{
    background: url(../../../../c8723ac3/22/02/main-base.png);
    background-position: top center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    top: 0%;
    position: absolute;
    content: ""; background-size:cover
}
/* .banner-inner-area.banner-area1:before{
    background: url(../img/banner/base.png);
    background-position: top right;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    top: 0%;
    right: -21%;
    position: absolute;
    content: "";
} 
 .banner-inner-area.banner-area1:after {
    background: url(../img/banner/base2.png);
    background-position: top right;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    top: 36%;
    right: -16%;
    position: absolute;
    content: "";
    z-index: -1;
} 
*/

.banner-area1 .banner-text-wrap span {
    color: #ffa21d;
    font-size: 30px;
    margin-bottom: 7px;
    display: block;
}
.banner-area1 .banner-text-wrap{
    padding: 0;
}
.banner-text-inner h1 {
    color: #36324a;
    margin-bottom: 10px;font-size: 30px;
    line-height: 55px;font-weight: 600;
}

.banner-text-inner p {
    margin-bottom: 43px;font-family: 'Poppins', sans-serif;
    line-height: 30px;
  
    font-weight: 400;
    font-size: 16px;
}

.banner-text-inner .btn {
    background: #fff;
    border-color: #3539bf;
    color: #3539bf;
}
.banner-text-inner .btn:hover {
    background: #3539bf;
    border-color:#3539bf;
    color: #fff;
}
.banner-text-inner .btn:before{
    background: #3539bf;
}
.banner-text-inner .btn + .btn {
    background: transparent;
    border-color: #3539bf;
    color: #3539bf;
    margin-left: 10px;
}

.banner-text-inner .btn + .btn:hover {
    color: #fff;
    border-color: #3539bf;
    background: #3539bf;
}
.banner-text-inner .btn + .btn:hover:before {
    background: #3539bf;
}

.banner-image{
    -webkit-animation: bounce 1s ease-in-out 0s infinite alternate;
            animation: bounce 1s ease-in-out 0s infinite alternate;
}
.main-header.sticky .logo .main-logo2 {
    display: none;
}
@keyframes bounce{
    0%{
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }
    100%{
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px)
    }
}

.banner-shape-inner .shape {
    position: absolute;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
}

.banner-shape-inner .shape1 {
    top: -34%;
    left: -12%;
}

.banner-shape-inner .shape2 {
    top: -24%;
    left: 37%;
}

.banner-shape-inner .shape3 {
    top: -34%;
    left: 114%;
}

.banner-shape-inner .shape4 {
    top: -5%;
    right: 13%;
}

.banner-shape-inner .shape5 {
    top: 43%;
    left: 49%;
}

.banner-shape-inner .shape6 {
    top: 53%;
    left: -12%;
}

.banner-shape-inner .shape7 {top: 103%;right: -6%;}

/* home2 */
.banner-inner-area.banner-area1.banner2:before {
    background: url(../../../../c8723ac3/22/02/base3.png);
    background-position: top right;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    top: 0%;
    right: 0%;
    position: absolute;
    content: "";
    background-position: 47% 0%;
    content: "";
}
.banner-inner-area.banner-area1.banner2:after{
    display: none
}
.banner2 .banner-shape-inner .shape1 {
    top: -20%;
    left: -25%;
}

.banner2 .banner-shape-inner .shape2 {
    top: 1%;
    left: 0;
}

.banner2 .banner-shape-inner .shape3 {
    top: -21%;
    left: 108%;
}

.banner2 .banner-shape-inner .shape4 {
    top: -10%;
    right: 28%;
}

.banner2 .banner-shape-inner .shape5 {
    top: 17%;
    right: -20%;
    left: auto;
}

.banner2 .banner-shape-inner .shape6 {
    top: 53%;
    right: 0;
    left: auto;
}

.banner2 .banner-shape-inner .shape7 {
    top: 80%;
    right: -12%;
}
.main-header.inner-header.header-2 .btn:hover {
    background: #f77ade;
    border-color: transparent;
}

.main-header.inner-header.header-2 .btn::before {
    background: #f77ade;
}
.main-header.sticky {
    padding: 15px 0;
}
@-webkit-keyframes rotate2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }    
}
@keyframes rotate2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }    
}
.rotate2d {
    -webkit-animation: rotate2d 2s linear infinite;
    animation: rotate2d 1s linear infinite;
}
@-webkit-keyframes rotate-2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }    
}
@keyframes rotate-2d {
    0% {
       -webkit-transform: rotate(0deg);
               transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }    
}
.rotate-2d {
    -webkit-animation: rotate-2d 2s linear infinite;
    animation: rotate-2d 1s linear infinite;
}

@-webkit-keyframes rotate3d {
    0% {
       -webkit-transform: rotateY(0deg);
               transform: rotateY(0deg);
   }
    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }    
}

@keyframes rotate3d {
    0% {
       -webkit-transform: rotateY(0deg);
               transform: rotateY(0deg);
   }
    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg);
    }    
}
.rotate3d {
    -webkit-animation: rotate3d 2s linear infinite;
    animation: rotate3d 1s linear infinite;
}

section.app-video {
    background-image: url(../../../../c8723ac3/22/02/video-bg.jpg);
    background-size: cover;
    background-position:center;
    background-repeat: no-repeat;
    position: relative;
}

section.app-video:before {
    content: '';
    background: #3539bf;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: .80;
}
.theme-video-wrap .video-btn:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    background: #fff;
    left: 0;
    border-radius: 50%;
    -webkit-animation: scale 1s linear infinite;
            animation: scale 1s linear infinite;
    opacity: .9;
    -webkit-transform: scale(1);
            transform: scale(1);
}

.theme-video-wrap a{ color:#F77ADE}
@-webkit-keyframes scale{
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        opacity: .9;
    }
    100%{
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
        background: transparent;
    }
}

@keyframes scale{
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        opacity: .9;
    }
    100%{
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
        background: transparent;
    }
}

.theme-video-wrap .video-btn {
    height: 125px;
    width: 125px;
    background: #fff;
    line-height: 125px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    font-size: 30px;
    padding-left: 10px;
}

.teheme-video-wrap {
    position: relative;
}
.theme-video-wrap {
    padding-top: 325px;
    padding-bottom: 325px;
}

section.app-video {
    background-image: url(../../../../c8723ac3/22/02//video-bg.jpg);
    background-size: cover;
    background-position: 0% 78%;
    background-repeat: no-repeat;
    position: relative;
}

section.app-video:before {
    content: '';
    background: #3539bf;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: .80;
}
.theme-video-wrap .video-btn:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    background: #fff;
    left: 0;
    border-radius: 50%;
    -webkit-animation: scale 1s linear infinite;
            animation: scale 1s linear infinite;
    opacity: .9;
    -webkit-transform: scale(1);
            transform: scale(1);
}

@-webkit-keyframes scale{
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        opacity: .9;
    }
    100%{
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
        background: transparent;
    }
}

@keyframes scale{
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        opacity: .9;
    }
    100%{
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
        background: transparent;
    }
}



.c5{
    padding: 4vw;

}

.tab-con1 { position: relative; }
.tab-con1 .tab-main1 { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con1 .tab-main1 { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con1 .tab-main1.active { position: static; opacity: 1; visibility: visible;  } 

.tab_list{
    margin-top: 4vw;
    margin-bottom: 2vw;
}
.tab_list li{
    width: 25%;
    border: 1px solid #eeeeee;
    border-right:none;
    text-align: center;
    padding-top: 1.6vw;
    padding-bottom: 1.8vw;
    position: relative;
}
.tab_list li::before{
    content: '';
    width: 22px;
    height: 22px;
    background: url("../../../../c8723ac3/22/02/794a7ec412ef69179f6e0954957aeffc6b4541c4.png") no-repeat center;
    position: absolute;
    left: 47.5%;
    top: -11px;
}
.tab_list li dd{
    font-size: 60px;
    color: #00a0e9;
    font-family: Arial;
    line-height: 1;
}
.tab_list li dt{
    font-size: 30px;
    color: #666666;
    font-weight: normal;
    line-height: 1;
    margin-top: 15px;
}

.tab_list li:last-child{
    border-right: 1px solid #eee;
}
.tab_list li.active{
    background: #00a0e9;
}
.tab_list li.active dd{
    color: #fff;
}
.tab_list li.active dt{
    color: #fff;
}
.tab-main1{
    background: #fff;
    padding: 2vw;
    box-shadow: 0 0 5px 1px rgb(153 153 153 / 30%);
}

.tybt{
    text-align: center;
}
.tybt h3{
    font-size:36px;
    color: #1a1a1a;
    font-weight: normal;
}
.tybt p{
    font-size: 16px;
    color: #666666;
    margin-top: 0.8vw;
}

    




.about_list li {
    display: flex;
    flex-wrap: wrap;
 justify-content: space-between;
}


.about_list li .abz{
    width: 42.5%;
}
.about_list li .abz .img{
    width: 100%;
}
.about_list li .abz .img img{
    width: 100%;
}
.about_list li .aby{
    width: 51.5%;
    padding-top: 18px;
}
.about_list li .aby h4{
    font-weight: normal;
    font-size: 24px;
    color: #888888;
}
.about_list li .aby h3{
    font-weight: normal;
    font-size: 36px;
    color: #333333;
    margin-top: 1vw;
}
.about_list li .aby h3::after{
    content: "";
    display: block;
    width: 72px;
    height: 5px;
    background: #00a0e9;
    margin-top: 1vw;
}
.about_list li .aby p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin-top: 1.8vw;
}
.about_list li .aby a{
    display: block;
    width: 300px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    background-color: #00a0e9;
    line-height: 40px;
    text-align: center;
    margin-top: 2.8vw;
}


.sonBan-mix{position: absolute;z-index: 4;left: 0;width: 100%;bottom: 0;opacity: 0;animation: sonBanRunMenu 1s ease both .8s;}
@keyframes sonBanRunMenu {0%{opacity: 0;transform: translateY(110px);}100%{opacity: 1;transform: translateY(0);}}
.sonBan-place{width: 100%;color: #fff;align-items: center;font-size: 0;margin-bottom: 16px;opacity: 0;visibility: hidden;}
.sonBan-place a{font-size: 14px;line-height: 16px;margin-right: 20px;position: relative;transition: all .4s ease;}
.sonBan-place a::after{content: "";position: absolute;pointer-events: none;top: 0;right: -20px;width: 20px;height: 16px;background: url('../../../../c8723ac3/22/02/common/arrRW.svg') no-repeat center/12px auto;}
.sonBan-place a:last-child:after{display: none;}
.sonBan-place.color{color: #888;}
.sonBan-place.color a::after{background-image: url('../../../../c8723ac3/22/02/arrR.svg');background-size: 16px auto;}
.sonBan-place a:hover{color: #DABA89;}
.sonBan-menu{width: 100%;justify-content:center;}
.sonBan-menu a{display: flex;height: 40px;line-height: 1;align-items: center;justify-content: center;font-size: 18px;color: #fff;font-weight: 500;background: rgba(0, 0, 0, .5);transition: all .4s ease;}
.sonBan-menu.a1 a, .sonBan-menu.a2 a{width: calc(50% - 2px);}
.sonBan-menu.a3 a{width: calc(50% - 2px);}
.sonBan-menu.a4 a{width: calc(25% - 2px);}
.sonBan-menu a:hover, .sonBan-menu a.active{background: #DABA89;}




.lxxx_box {}

.lxxx_box .div1 {
    display: flex;
}

.lxxx_box .div1 ul {
    flex-shrink: 0;
    width: 40%;
    margin-right: 10%;
}

.lxxx_box .div1 ul li {
    padding-bottom:20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px;
}

.lxxx_box .div1 ul li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.lxxx_box .div1 ul li h6 {
    font-size: 18px;
    color: #186cc3;
}

.lxxx_box .div1 ul li h6::after {
    content: "";
    display: block;
    width:20px;
    height: 2px;
    background-color: #186cc3;
    margin-top: 20px;
}

.lxxx_box .div1 ul li p {
    font-size: 18px;
    line-height: 1.5;
    margin-top:10px;
}

.lxxx_box .div1 ul li p a {
    display: inline-block;
    vertical-align: top;
}

.lxxx_box .div1 ul li img {
    background-color: #186cc3;
    padding: 0.1rem;
    width: 120px;
}
.title_h5 {
    margin-bottom: 10px;
}
.title_h5 strong {
    display: block;
    font-size:36px;
    font-family: 宋体;
    text-transform: uppercase;
    margin-bottom:20px;
}

.title_h5 span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 36px;
}
.title_h5 span::after {
    content: "";
    height: 1px;
    width: calc(100% - 180px);
    background-color: #dedede;
}
.title_h5 strong::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #186cc3;
    margin-top: 0.16rem;
}


/*-- 关于我们 --*/
.A-title{width:288px;padding:0 0 20px;text-align:center;border-bottom:1px solid #e1e1e1;position:relative;margin:0 auto;}
.A-title span{display:block;line-height:54px;font-size:36px;color:#000;}
.A-title span:after{content:"";display:block;width:67px;height:2px;background:#DABA89;position:absolute;bottom:-1px;left:50%;margin:0 0 0 -33px;}
.A-title.At2 span{color:#fff;}

/*人才理念*/
.com-TC{padding:59px 0 94px;background:url(../../../../c8723ac3/22/02/cTC-bg.jpg) no-repeat center center / cover;}
.com-TC .cTC-top{line-height:28px;text-align:center;font-size:20px;font-weight:lighter;color:#777777;margin:25px 0 0;}
.cTC-wrap{background:#fff;position:relative;overflow:hidden;margin:59px 0 0; width:100%}
.cTC-wrap .cTC-img{width:50.8333%;height:370px;overflow:hidden;float:right;}
.cTC-wrap .cTC-box{width:40.4166%;line-height:60px;font-size:18px;color:#666666;position:absolute;left:4.1666%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.cTC-box .type{font-size:22px;font-weight:600;}

/*职位招聘*/
.com-recruit{padding:51px 0 103px;text-align:center;color:#fff;background:url(../../../../c8723ac3/22/02/cTC-bg2.jpg) no-repeat center center / cover fixed;}
.com-recruit .con{line-height:30px;font-size:20px;color:#fff;font-weight:lighter;margin:25px 0 0;}
.com-recruit .btn1{display:block;width:230px;height:54px;line-height:52px;font-size:18px;border:1px solid rgba(255,255,255,.75);border-radius:54px;margin:64px auto 0;}
.com-recruit .btn1:hover{color:#fff;border-color:#DABA89;background:#DABA89;}
.com-recruit a{ color:#fff}
@media all and (max-width:980px){
	
.com-TC{padding:1.18rem 0 1.88rem;}
	.cTC-wrap{margin:1.18rem 0 0;}
	.cTC-wrap .cTC-img{width:100%;height:auto;float:none;}
	.cTC-wrap .cTC-box{width:100%;padding:1rem 4%;line-height:40px;font-size:16px;position:relative;top:0px;left:0px;transform:translate(0,0);-webkit-transform:translate(0,0);}
	.cTC-box .type{font-size:18px;}
	
	.com-recruit{padding:1.02rem 4% 2.06rem;}
	.com-recruit .btn1{margin:1.28rem auto 0;}
	
	}
	
.con_salary {
  overflow: hidden;

}
.con_salary h2{
  font-size:27px;
  color:#646464;
  text-align: center;
  font-weight: bold;
}

.con_salary h2 b{
  font-size:64px;
  color:#ff5b45;
}

.con_salary h3{
  font-size:34px;
  color:#646464;
  font-weight: bold;
  text-align: center;
}

.con_salary h3 b,.con_salary b{
  color:#ff5b45;
}

.con_salary p{
  font-size:16px;
  color:#646464;
  text-align: center;
  margin-top:20px;
  line-height: 30px;
}

.con_salary ul{
  margin-top:20px;
  overflow: hidden;
}

.con_salary ul li{
  float:left;
  width:490px;
  margin:0 5px;
}

.con_salary ul li h4{
  font-size:18px;
  color:#646464;
  line-height: 35px;
  margin-bottom: 10px;
}

.con_salary ul li p{
  text-align: right;
}
.alignC {
    text-align: center;
}
.mainTit .t { font-size: 64px;color:#FF5B45; line-height: 1.2; font-weight:bold}
.mainTit .nc { font-size: 28px; color:#646464;margin-top:14px; font-weight:bold}
.talentC { }
.talentD { background: #f8f8f8; }
.talentD-b { margin-top:40px;}
.talentD-b ul li {box-shadow: 0px 2px 28px 0px rgba(0, 0, 0, 0.06); float: left; width: 24%; margin-right:1.3333%; background: #fff; padding: 16px 16px 24px; border-radius: 6px;}
.talentD-b ul li:last-child { margin-right:0;}
.talentD-b ul li .con .t { margin:16px 0 8px; font-size: 24px;color:#333333; }
.talentD-b ul li .con .c { min-height: 112px; font-size: 16px; line-height: 1.6; color:#666666; }
.talentD-b ul li .con .c p { margin: 4px 0;} 
.talentE-b { margin-top:50px; text-align: center;}
.talentD-b ul li .img { border-radius: 12px; overflow: hidden;}
@media(max-width: 1700px){
	.talentD-b ul li .con .c { min-height: 140px;}
	.talentD-b ul li .con .t { font-size: 22px;}
}
@media(max-width: 1580px){
	.talentD-b,.talentE-b { margin-top:30px;}
	.talentD-b ul li .con .c { font-size: 14px; min-height: 130px; }
	.talentD-b ul li .con .t { font-size: 20px;}
}
@media(max-width: 1480px){
	.talentD-b ul li .con .c { font-size: 12px; min-height: 120px; }
	.talentD-b ul li { padding-bottom:16px;}
	.talentD-b ul li .con .t { font-size: 18px;}
}
@media(max-width: 1024px){
	.talentD-b,.talentE-b { margin-top:20px;}
	.talentD-b ul li { width: 49%; margin-right:0;}
	.talentD-b ul li:nth-child(2n) { float: right;}
	.talentD-b ul li:nth-child(n+3) { margin-top: 20px;}
	.talentD-b ul li .con .c { font-size: 14px; min-height: 130px; }
}
@media(max-width: 600px){
	.talentD-b ul li { width: 100%; }
	.talentD-b ul li:nth-child(n+2) { margin-top: 16px;}
	.talentD-b ul li .con .c { font-size: 16px; min-height: 10px; }
}


/* contact */
.contact-section {overflow: hidden;}
.contact-section .title-style{text-align: center;}
.contact-section .title-style h2{}
.contact-section .title-style .line{margin: 10px auto;}
.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}
.contact-section .content  {overflow: hidden;}
.contact-section .content .left {width: 45%;}
.contact-section .content .left .content-way{overflow: hidden;}
.contact-section .content .left .content-way li{list-style: none;float: left;width: 33%;margin-bottom: 20px;position: relative;}
.contact-section .content .left .content-way li::after{content: '';display: block;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}
.contact-section .content .left .content-way li:nth-child(3)::after,.contact-section .content .left .content-way li:last-child::after {display: none;}
.contact-section .content .left .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}
.contact-section .content .left .content-way li:last-child {width: 99%;}
.contact-section .content .left .content-way li i.c1 {background: url("../../../../c8723ac3/22/02/c1.png") center no-repeat;}
.contact-section .content .left .content-way li i.c2 {background: url("../../../../c8723ac3/22/02/c2.png") center no-repeat;}
.contact-section .content .left .content-way li i.c3 {background: url("../../../../c8723ac3/22/02/c3.png") center no-repeat;}
.contact-section .content .left .content-way li i.c4 {background: url("../../../../c8723ac3/22/02/c4.png") center no-repeat;}
.contact-section .content .left .content-way li span{display: inline-block;vertical-align: middle;}
.contact-section .content .left .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-section .content .left .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}
.contact-section .content .left .content-way li span h5 a {color: #666;}
.contact-section .content .left .content-way li:nth-child(3) span h5 a{color: #DABA89;}
.contact-section .content .left .content-way li:nth-child(3) i {border: 2px solid #DABA89;opacity: 1;}
.contact-section .content .left .content-way li:nth-child(3) i.c3 {background: url("../../../../c8723ac3/22/02/c31.png") center no-repeat;}
.contact-section .content .left .content-way li:hover span h5{color: #DABA89;}
.contact-section .content .left .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative;background: #f1f1f1;}
.contact-section .content .left .content-map #map {min-height: 205px;}
.contact-section .content .left .content-map iframe {border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-section .content .left .content-map iframe #watermark {display: none;}
.contact-section .content .left .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}
.contact-section .content .right {width: 47%;}
.content-form {overflow: hidden;}
.content-form li{list-style: none;margin: 0 0 10px 0;padding: 0;font-size: 0;}
.content-form li .input2 {border: 1px solid #ededed;background: #f5f5f7;padding: 10px 20px;width:50%;height:60px;font-size: 14px;font-weight: normal;box-sizing: border-box;}
.content-form li .input2:first-child {margin-right: 1%;width:49%;}
.content-form li .textarea1 {width:100%;height:130px;font-size: 14px;border: 1px solid #ededed;background: #f5f5f7;padding: 20px 20px;box-sizing: border-box;}
.content-form li .submit1 {background: #DABA89;color: #fff;font-size: 14px;width: 100%;height:58px;cursor: pointer;}
.content-form li .submit1:hover {background: #DABA89;}

.title-style h2 {
    text-transform: uppercase;
    font-size: 42px;
    line-height: 60px;
    margin: 8px 0 20px 0;
    color: #1a1a1a; font-weight:bold
}
.title-style {overflow: hidden;}
.title-style h3 {text-transform: uppercase;font-size: 36px;margin:5px 0 0 0;color: #DABA89;}
.title-style h1 {text-transform: uppercase;font-size: 60px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}

.title-style h5 {font-size: 20px;margin:0;color: #666;line-height: 30px;}
.title-style h4 {text-transform: uppercase;font-size: 20px;margin:5px 0 0 0;color: #DABA89;}
.title-style .line {width: 80px;height: 4px;background: #DABA89;margin: 10px 0;}


/*-- 首页 --*/
.I-title{text-align:center;}
.I-title .title{line-height:53px;height:53px;font-size:36px;position:relative;}
.I-title .title:after,
.I-title .title:before{content:"";display:inline-block;width:141px;height:53px;background:url(../../../../c8723ac3/22/02/It-orn1.png) no-repeat right center;vertical-align:middle;margin:0 28px 0 0;}
.I-title .title:after{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);margin:0 0 0 28px;}
.I-title .con{line-height:25px;font-size:16px;color:#777777;margin:15px 0 0;}

/* service */
.service-support {padding: 100px 0;overflow: hidden;}
.service-support .left{float: left;width: 49%;overflow: hidden;}
.service-support .left .title{ color:#333; padding:0; text-align:left;}
.service-support .left .title h3{font-size: 30px; font-weight:bold}
.service-support .left .title .line{width: 80px;height: 4px;background: #DABA89;margin: 25px 0;}
.service-support .left .text{color: #666;font-size: 16px;line-height: 30px;}
.service-support .left .text strong {color: #000;font-size: 20px;}
.service-support .right{float: left;width: 49%;overflow: hidden;}
.service-support .right .item3{clear: both;border-bottom: 1px solid #dcdddf;overflow: hidden;padding: 50px 0;}
.service-support .right .item3 .title{float: left;width: 30%;}
.service-support .right .item3 .title i{display: inline-block;vertical-align: middle;position: relative;width: 50px;height: 50px;}
.service-support .right .item3 .title h4{display: inline-block;vertical-align: middle;font-size: 20px;margin: 0 10px; color:#333; font-weight:bold}
.service-support .right .text{float: left;width: 65%;color: #1a1a1a;font-size: 16px;line-height: 34px;}

.service-faq {padding: 100px 0;overflow: hidden;}
.service-faq .left {float: left;width: 25%;padding-right: 3%; overflow: hidden;position: relative;}
.service-faq .left .title{padding-right: 10%;border-bottom: 1px solid #e6e6e6;}
.service-faq .left .title h3{font-size: 20px;}
.service-faq .left .title .line{margin-top: 25px; position: relative;}
.service-faq .left .title .line::after {content: '';display: block;width: 80px;height: 4px;background: #DABA89;position: absolute;left: 0;bottom: -1px;}
.service-faq .left .leftnav{padding: 20px 0; overflow: hidden;border-bottom: 1px solid #e6e6e6;}
.service-faq .left .leftnav a{display: block;font-weight: bold;font-size: 18px;color: #999999;padding: 15px 20px;}
.service-faq .left .leftnav a.cur {background: #f7f7f7 url("../../../../c8723ac3/22/02/r2.png") 95% center no-repeat;}
.service-faq .left .leftnav a:hover,.service-faq .left .leftnav a.cur {color: #000;}
.service-faq .left .text{color: #666;font-size: 14px;line-height: 24px;padding: 20px 0;}
.service-faq .right{float: left;width:67%;padding-left: 3%;overflow: hidden;position: relative;}
.service-faq .right::before {content: '';display: block;width: 1px;height: 100%;background: #e6e6e6;position: absolute;left: 0;top: 0;}
.faq-list{ clear: both;margin-top: -1px;overflow: hidden;}
.faq-list .title{padding:25px 0;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;position: relative;cursor: pointer;overflow: hidden;}
.faq-list .title h3 {float: left;margin: 0; font-size: 17px;color: #1a1a1a;font-weight: normal;}
.faq-list .title i {width: 20px;height:20px;display: block;position: absolute;right:0;top: 50%;margin-top: -10px; background: url("../../../../c8723ac3/22/02/faq1.png")  center no-repeat;}
.faq-list .title.cur i {background: url("../../../../c8723ac3/22/02/faq2.png") center no-repeat;}
.faq-list .title.cur h3 {color: #DABA89;}
.faq-list ul{padding: 0; overflow: hidden; font-size: 16px;line-height: 28px;color: #666666;}
.faq-list ul.children{ display: none;}
.faq-list.cur ul.children{ display: block;}




.x-copyright{ text-align:center}

.index-adv{overflow:hidden;}
.index-adv.active .Iadv-list li{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

.IadvMedia-btn,
.IadvSlogan-orn,
.IadvSlogan-box,
.Iadv-block:after,
.Iadv-con,
.cHonor-box:after,
.cHonor-con,
.cValue-block .cValue-con,
.srvModal-contain,
.srvlist-type:after,
.pPerfCase-block:after
{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}

/*核心优势*/
.index-adv{padding:50px 0 59px;}

.Iadv-list{width:101.0833%;margin:23px 0 0 -1.0833%;}
.Iadv-list li{width:33.3333%;padding:13px 0 0 1.071690378133678%;float:left;}
.Iadv-list li:first-child{width:66.6666%;}

.Iadv-media{height:375px;position:relative;overflow:hidden;}
.IadvMedia-bg{width:100%;height:100%;object-fit:cover;}
.IadvMedia-btn{display:block;width:77px;height:75px;background:url(../../../../c8723ac3/22/02/icon-media.png) no-repeat center center;}
.IadvMedia-box{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:5;display:none;}
.IadvMedia-box .mejs-container{width:100% !important;height:100% !important;}

.Iadv-slogan{height:375px;background:url(../../../../c8723ac3/22/02/Iadv-bg1.png) repeat;position:relative;}
.IadvSlogan-orn{width:87.72378516624041%;height:87.46666666666667%;border:1px solid rgba(255,255,255,.4);}
.IadvSlogan-box{width:214px;text-align:center;color:#fff;}
.IadvSlogan-box .con{line-height:36px;font-size:16px;position:relative;margin:0 0 31px;}
.IadvSlogan-box .con:after,
.IadvSlogan-box .con:before{content:"";display:block;width:14px;height:14px;background:url(../../../../c8723ac3/22/02/icon-split.png) no-repeat center center;position:absolute;}
.IadvSlogan-box .con:before{left:-30px;top:-12px;}
.IadvSlogan-box .con:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);right:-20px;bottom:5px;}

.Iadv-box{display:block;height:260px;color:#fff;position:relative;overflow:hidden;}
.Iadv-box img{width:100%;height:100%;object-fit:cover;}
.Iadv-box .Iadv-name{width:100%;height:48px;line-height:48px;text-align:center;font-size:20px;background:rgba(0,0,0,.4);position:absolute;bottom:0px;left:0px;}
.Iadv-block{width:100%;height:100%;text-align:center;background:rgba(0,0,0,.45);position:absolute;bottom:0px;left:0px;z-index:5;opacity:0;}
.Iadv-block:after{content:"";display:block;width:88.74680306905371%;height:84.61538461538462%;border:2px solid rgba(255,255,255,.45);}
.Iadv-block .Iadv-con{width:73.1457800511509%; color:#fff; font-size:16px;}
.Iadv-con .title{line-height:42px;font-size:24px;font-weight:600;}
.Iadv-con .con{line-height:30px;margin:15px 0 0;}
.Iadv-box:hover .Iadv-name{bottom:-48px;}
.Iadv-box:hover .Iadv-block{opacity:1;transition-delay:.2s;-webkit-transition-delay:.2s;}

@media all and (max-width:980px){
		.index-adv{padding:1rem 0 1.18rem; }
	.Iadv-list{margin-top:.46rem;}
	.Iadv-list li:first-child{width:100%;}
	.Iadv-list li:nth-child(1){display:none;}
	
}

.Iadv-list li{transition:all .8s ease-in-out .2s;-webkit-transition:all .8s ease-in-out .2s;opacity:0;}

.Iadv-list li:nth-child(1),
.Iadv-list li:nth-child(2){transform:translateX(-150px);-webkit-transform:translateX(-150px);}

.Iadv-list li:nth-child(1){transition-delay:.3s;-webkit-transition-delay:.3s;}

.Iadv-list li:nth-child(3){transition-delay:.4s;-webkit-transition-delay:.4s;}
.Iadv-list li:nth-child(4){transition-delay:.5s;-webkit-transition-delay:.5s;}
.Iadv-list li:nth-child(5){transition-delay:.6s;-webkit-transition-delay:.6s;}

.Iadv-list li:nth-child(3),
.Iadv-list li:nth-child(4),
.Iadv-list li:nth-child(5){transform:translateY(150px);-webkit-transform:translateY(150px);}


@media all and (max-width:768px){
	.Iadv-list li{width:80%;float:none;margin:0 auto;}
	}
	
.c1_index {
    text-align: center;
    padding-top: 3.64583vw;
    padding-bottom: 5.20833vw;
    background: url("../../../../c8723ac3/22/02/a5f1d994e71426955aeacd50815186a53c8afa1c.png")no-repeat bottom center;
}

.c1_index .tit {
    font-size: 1.25vw;
    color: #555555;
}
.c1_index .exp {
    font-size: 1.875vw;
    font-weight: bold;
    color: #333333;
    margin-top: 20px;
}
.c1_index .text {
    font-size: 0.9375vw;
    line-height: 2;
    color: #555555;
    margin-top: 30px; text-align:left;
}

/* number */
.number{display: flex;justify-content: space-between;padding-top: 4.1666vw;}
.number li{position: relative;text-align: center;width: 25%;}
.number li h3 {color: #DDC048;}
.number li h3 i {font-style: inherit;color: #DDC048;font-size: 3.75vw;font-weight: 400;font-family: "Impact";}
.number li h3 em {font-size: 16px;font-weight: normal;font-style: inherit;color: #666666;padding-left: 10px;}
.number li p {font-size: 1.0416vw;line-height: 1.7;color: #666666;padding-top: 10px;}


.title {
    text-align: center;
    padding: 0 230px;
}

.title h3 {
    font-size: 44px;
    font-weight: bold;
    color: #333;
}

.title p {
    font-size: 18px;
    color: #666;
    line-height: 32px;
    margin-top: 15px;
}




/* 解决方案 */
.solution{
  padding:6vh 0 7vh;
  background:url(../../../../c8723ac3/22/02/5341f34cbc04728f0716d7a2503b592b7b2aa3c8.jpg) no-repeat 50% 0; background-size:cover;
}
.x-solution{
  margin-top:5vh;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.so-cate{
  width: 360px;
  background:#f6f6f6; height:700px;scrollbar-gutter: auto; overflow-x: auto; 
}


 .so-cate::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 10px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }

    .so-cate::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        background-color: #aaa;
        /*background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);*/
    }

    .so-cate::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        /*border-radius: 10px;*/
        background: #efefef;
    }
	

  
.so-cate li{
  width:100%;
  float: left;
}
.so-cate li a{
  display: block;
  padding:19px 5px 19px 18px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
}

.so-cate li .img{

  overflow: hidden;
}
.so-cate li .img img{
  position: relative;
  top:0;
  transition: all 0.3s; width:110px;
    height: 75px;
}
.so-cate li .text{
  padding-top:5px; padding-left:10px;
}
.so-cate li .text h3{
  color:#333;
  font-size: 16px;
  line-height: 1.5;
}
.so-cate li .text .en{
  color:rgba(51,51,51,.4);
  font-size: 12px;
  line-height: 1.5;
  font-family: arial;
}

.so-cate li.on a{
  background:#DDC048;
}
.so-cate li.on .text h3{
  color:#fff;
}
.so-cate li.on .text .en{
  color:#fff;
}
.cate-img-tab{
  width: calc(100% - 360px);
}