/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none}

img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:14px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#1F71FF ;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1440px; margin:0 auto}

@media all and (max-width:1680px){
.w100 { width:1100px;}
}
@media all and (max-width:1100px){
.w100 { width:90%}
}

.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;border: 0;object-fit: contain;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background:rgba(0,0,0,0.5);z-index: 99998;transition:all 1s;display: none}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask .img1{position: fixed;right:10px;top: 10px;width: 60px;}
.mask .img1:hover{cursor:pointer}


header { position:absolute; top:0; left:0; width:100%; padding:25px 0 0px; border-bottom: 1px solid hsla(0, 0%, 100%, .1); z-index:6333}
header .logos { float:left; padding-left:30px; padding-right:30px}
header .logos img { display:block}

header nav { float:left}
header nav ul li { padding:0 20px; float:left; line-height:40px;}
header nav ul li a { font-size:16px; color:#555; display:block; height:50px}
header nav ul li a:hover { color:#000}
header nav ul li.nav_on { font-weight:bold; color:#fff}
header nav ul li.nav_on a { color:#1F71FF; border-bottom:2px #1F71FF solid}

/* 右上角标红NEW样式 - start */
header nav ul li {position: relative;}
header nav ul li a {display: flex;align-items: flex-start;position: relative;}
header nav ul li sup {position: relative;top: -8px;}
header nav ul li sup font {font-size: 9px;}

.nav_cp .cpn1 ul li {position: relative;}
.nav_cp .cpn1 ul li h3 {display: flex;align-items: center;position: relative;}
.nav_cp .cpn1 ul li h3 sup {position: relative;top: -12px;}
.nav_cp .cpn1 ul li h3 sup font {font-size: 9px;}

.nav_fa .cpn2 ul li {position: relative;}
.nav_fa .cpn2 ul li h3 {display: flex;align-items: center;position: relative;height: 36px;box-sizing: border-box;}
.nav_fa .cpn2 ul li h3 sup {position: relative;top: -6px;}
.nav_fa .cpn2 ul li h3 sup font {font-size: 9px;}
/* 右上角标红NEW样式 - end */

header .head_r { float:right; padding-right:30px; line-height:40px; font-size:18px; font-weight:bold; color:#666}
header .head_r a { display:block; float:right; background-image: linear-gradient(90deg, #216FFF, #059CFF); background-position: 0 0; border-radius: 6px; color:#fff; font-size:14px; width:88px; text-align:center; font-weight:normal; margin-left:20px}
header .head_r i { display:block; float:left; width:20px; height:20px; background-color: #8CA7C8; margin-right: 8px; border-radius:50%; text-align:center; color:#fff; line-height:20px; margin-top:10px; font-size:12px}


header.toph2 { position:fixed; background:#fff; display:none; border-bottom:1px #ddd solid}
header.toph2 nav ul li a { color:#555}
header.toph2 nav ul li a:hover { color:#000}
header.toph2 nav ul li.nav_on a { color:#1F71FF; border-bottom:2px #1F71FF solid}

header.toph2 .head_r { color:#666}
header.toph2 .head_r i { color:#fff; background-color:#8CA7C8}


.head_r2 { display:none}


@media all and (max-width:1100px) {
    header { height:66px; padding:0}
    header .logos { padding-top:13px}
    header .logos img { height:34px;}
    .head_r2 { display:block; line-height:60px; float:left; color:#fff}
    
    header nav { float:none; display:none; position:absolute; left:0; top:67px; right:0; background:#fff}
    header .head_r { font-size:14px; padding-top:10px}
    
    header .head_r2 { color:#333}
    
    header nav ul li { padding:10px 20px; float:none; line-height:30px; border-bottom:1px #ddd solid}
    header nav ul li a { font-size:14px; height:30px; color:#333;}
    header nav ul li.nav_on { border-left:2px #1F71FF solid}
    header nav ul li.nav_on a { color:#1F71FF;}
    header.toph2 nav ul li.nav_on a { border-bottom:0 none}
    
    /* 右上角标红NEW样式 - start */
    header nav ul li a sup {top: -10px;}*/
    header nav ul li a sup font {font-size: 9px;}
    /* 右上角标红NEW样式 - end */
}

@media all and (max-width:480px){
    header .logos { padding-left:15px}
    header .head_r { padding-right:15px; overflow:hidden; height:34px; line-height:34px; padding-top:13px; width:88px}
    header .head_r a { display:block; float:none; line-height:34px; margin-left:0}
}

.nav_cp { position:fixed; left:0; width:100%; top:76px; background:#f5f5f5; overflow:hidden; padding:35px 0 35px 0; z-index:4334; display:none}
.nav_cp .cpn1 { margin:0 auto; width:1440px;}
.nav_cp .cpn1 h2 { width:20%; border-right:1px #eee solid; position:absolute; left:0; top:0; bottom:0; padding-top:35px}
.nav_cp .cpn1 h2 a { width:60%; margin:0 auto; text-align:center; line-height:42px; display:block}
.nav_cp .cpn1 h2 a.on { color:#1F71FF ; text-decoration: underline;}

.nav_cp .cpn1 h5 { border-left:1px #ccc solid; float:right; width:300px; padding-top:35px}
.nav_cp .cpn1 h5 img { display:block; width:80%; margin:0 auto}
.nav_cp .cpn1 h5 b { display:block; width:80%; margin:0 auto; padding-bottom:20px}

.nav_cp .cpn1 ul li { overflow:hidden; padding-top:15px; float:left; width:33.3%}
.nav_cp .cpn1 ul li i { display:block; float:left; width:24px; height:24px; background:url(../images/index_ico1.png); background-size:100% 100%; margin-right:15px}
.nav_cp .cpn1 ul li i.ic2 { background:url(../images/index_ico2.png); background-size:100% 100%;}
.nav_cp .cpn1 ul li i.ic3 { background:url(../images/index_ico3.png); background-size:100% 100%;}
.nav_cp .cpn1 ul li h3 { font-size:24px; line-height:24px; padding-bottom:20px}
.nav_cp .cpn1 ul li h4 { color:#888; padding:10px 40px 0 0; line-height:20px; height:60px; font-size:14px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.nav_cp .cpn1 ul li h4 b { font-size:18px; display:block; color:#333; padding-bottom:10px}
.nav_cp .cpn1 ul li h4:nth-child(7) { display:none}
.nav_cp .cpn1 ul li h4:nth-child(8) { display:none}
.nav_cp .cpn1 ul li h4:nth-child(9) { display:none}
.nav_cp .cpn1 ul li h4:nth-child(10) { display:none}
.nav_cp .cpn1 ul li h4:nth-child(11) { display:none}
.nav_cp .cpn1 ul li h4:nth-child(12) { display:none}
.nav_cp .cpn1 ul li h4:nth-child(13) { display:none}
.nav_cp .cpn1 ul li h4:nth-child(14) { display:none}
.nav_cp .cpn1 ul li h4:nth-child(15) { display:none}
.nav_cp .cpn1 ul li h4:nth-child(16) { display:none}
.nav_cp .cpn1 ul li h4:nth-child(17) { display:none}



@media all and (max-width:1680px){
    .nav_cp .cpn1 { margin:0 auto; width:1100px;}
    
    .nav_cp .cpn1 ul li h3 { font-size:18px; padding-bottom:15px}
    .nav_cp .cpn1 ul li h4 b { font-size:16px;}
}


.nav_fa { position:fixed; left:0; width:100%; top:76px; background:#f5f5f5; overflow:hidden; padding:50px 0 35px 0; z-index:4334; display:none}
.nav_fa .cpn2 { width:1440px; margin:0 auto}
.nav_fa .cpn2 ul li { float:left; width:480px; font-size:14px; line-height:24px}
.nav_fa .cpn2 ul li a { display:block; padding:20px 30px; border:1px #f5f5f5 solid; height:90px; color:#888}
.nav_fa .cpn2 ul li a:hover { background-image:linear-gradient(to bottom, #F2F8FF, #fff); border:1px #fff solid; box-shadow: 0 0 15px 0 rgba(55, 99, 170, .16);}
.nav_fa .cpn2 ul li h3 { font-size:18px; padding-bottom:10px; font-weight:bold; color:#333}
.nav_fa .cpn2 ul li h4 {}


@media all and (max-width:1680px){
    .nav_fa .cpn2 { width:1100px; margin:0 auto}
    .nav_fa .cpn2 ul li { width:33.3%}
    .nav_fa .cpn2 ul li a { padding:0 30px 30px 30px}
}




.banner { position:relative; padding-top:75.8px; z-index:11;}
.banner .bd { position:relative; z-index:22}
.banner .bd ul li { 
    position:relative;
    height:550px;
    background-image: url(../images/banner_1.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.banner .bd ul li h3 { position:absolute; left:10%; top:50%; margin-top:-100px; font-size:30px; color:#fff; line-height:46px; font-weight:bold}
.banner .bd ul li h4 { position:absolute; left:10%; top:50%; font-size:24px; color:#fff; line-height:40px; color:#66B7FF}
.banner .bd ul li h5 { position:absolute; left:10%; top:50%; margin-top:70px}
.banner .bd ul li h5 a { display:block; float:left; margin-right:20px; line-height:38px; background:#fff; border-radius:6px; width:124px; font-size:16px; text-align:center}
.banner .bd ul li h5 a.a1 { color:#fff; background: linear-gradient(to right, #216FFF, #059CFF);}
.banner .bd ul li h5 a:hover { color:#fff; background:#216FFF}


.banner .hd { position:absolute; left:0; right:0; bottom:30px; height:30px; overflow:hidden; text-align:center; z-index:3333}
.banner .hd ul li { display:inline-block; width:50px; height:3px; margin:0 5px; background:#ccc; cursor: pointer; border-radius:2px;}
.banner .hd ul li.on { background:#216FFF}

@media all and (max-width:1100px){
    .banner .bd ul li h3 { font-size:18px; line-height:36px; margin-top:-80px}
    .banner .bd ul li h4 { font-size:16px;}
    .banner .bd ul li h5 a { line-height:30px; width:84px; font-size:14px;}
}
@media all and (max-width:480px){
    .banner .bd ul li h3 { font-size:18px; line-height:28px; margin-top:-80px}
    .banner .bd ul li h4 { font-size:16px;}
    .banner .bd ul li h5 a { line-height:30px; width:84px; font-size:14px;}
}

.index_1 { padding-top:50px}
.index_1 h1 { font-size:36px; line-height:50px; text-align:center}
.index_sm { text-align:center; font-size:16px; color:#888; padding-top:20px}


@media all and (max-width:1680px){
    .index_1 { padding-top:60px}
    .index_1 h1 { font-size:24px; line-height:40px; text-align:center}
}


.index_1 .cp1 { height:34px; border-bottom:1px #ddd solid; text-align:center; padding-top:40px}
.index_1 .cp1 ul li { display:inline; padding:10px 60px; font-size:18px; border-radius:5px 5px 0 0}
.index_1 .cp1 ul li i { padding:2px 15px; background:url(../images/index_ico1.png); background-size:100% 100%; margin-right:15px}
.index_1 .cp1 ul li i.ic2 { background:url(../images/index_ico2.png); background-size:100% 100%;}
.index_1 .cp1 ul li i.ic3 { background:url(../images/index_ico3.png); background-size:100% 100%;}
.index_1 .cp1 ul li.on { background:#216FFF;}
.index_1 .cp1 ul li.on a { color:#fff}

.index_1 .cp1 ul li.on i.ic1 { background:url(../images/index_ico1s.png); background-size:100% 100%;}
.index_1 .cp1 ul li.on i.ic2 { background:url(../images/index_ico2s.png); background-size:100% 100%;}
.index_1 .cp1 ul li.on i.ic3 { background:url(../images/index_ico3s.png); background-size:100% 100%;}

.index_1 .index_cp2 { background:#F2F6FF; padding:50px 0}
.index_1 .index_cp2 .cp_con { width:1440px; margin:0 auto; box-shadow:0 0 15px 0 rgba(55, 99, 170, .16); background:#fff; overflow:hidden}
.index_1 .index_cp2 .cp_con .cp_sm { height:168px; background:url(../images/product-bg.jpg); background-size:100% 100%; position:relative}
.index_1 .index_cp2 .cp_con .cp_sm h3 { padding:35px 40px; font-size:16px}
.index_1 .index_cp2 .cp_con .cp_sm h3 b { display:block; padding-bottom:10px; font-size:24px}
.index_1 .index_cp2 .cp_con .cp_sm h4 { position:absolute; right:50px; top:70px}
.index_1 .index_cp2 .cp_con .cp_sm h4 a { display:block; float:left; margin-left:20px; line-height:38px; background:#fff; border:1px #1F71FF solid; width:140px; font-size:16px; text-align:center; color:#1F71FF}
.index_1 .index_cp2 .cp_con .cp_sm h4 a.a1 { color:#fff; background: linear-gradient(to right, #216FFF, #059CFF);}
.index_1 .index_cp2 .cp_con .cp_sm h4 a:hover { color:#fff; background:linear-gradient(to right, #216FFF, #059CFF)}

.index_1 .index_cp2 .cp_con .cp_hd { float:left; width:180px; border-right:1px #ddd solid; height:396px}
.index_1 .index_cp2 .cp_con .cp_hd ul li { line-height:66px; font-size:16px; padding-left:30px}
.index_1 .index_cp2 .cp_con .cp_hd ul li.on { background:#EFF6FF; border-right:5px #216FFF solid; color:#216FFF}


.index_1 .index_cp2 .cp_con .cp_bd { float:right; width:1200px; padding:30px 0; position:relative}
.index_1 .index_cp2 .cp_con .cp_bd ul li { padding:0 30px 0 650px; display:none; overflow-y:hidden; font-size:16px; line-height:32px; height:336px}
.index_1 .index_cp2 .cp_con .cp_bd ul li img { display:block; height:300px; width:600px; position:absolute; left:0; top:30px; cursor:zoom-in}
.index_1 .index_cp2 .cp_con .cp_bd ul li strong { display:block; padding-top:10px}

@media all and (max-width:1680px){
    .index_1 .index_cp2 .cp_con { width:1100px;}
    .index_1 .index_cp2 .cp_con .cp_sm h3 { padding:25px 30px; font-size:14px; width:700px}
    .index_1 .index_cp2 .cp_con .cp_sm h3 b { font-size:18px; padding-bottom:10px}
    
    .index_1 .index_cp2 .cp_con .cp_hd { width:150px;}
    .index_1 .index_cp2 .cp_con .cp_hd ul li { font-size:14px; padding-left:20px}
    
    .index_1 .index_cp2 .cp_con .cp_bd { width:900px; padding:20px 0}
    .index_1 .index_cp2 .cp_con .cp_bd ul li { padding:0 30px 0 500px; font-size:14px; line-height:26px;}
    .index_1 .index_cp2 .cp_con .cp_bd ul li img { display:block; height:220px; width:460px;}
}


@media all and (max-width:1100px){
    .index_1 { padding-top:40px}
    .index_1 h1 { font-size:16px; line-height:32px;}
    .index_sm { font-size:12px; padding-top:10px}
    
    .index_1 .cp1 { padding-top:20px}
    .index_1 .cp1 ul li { display:inline; padding:10px 60px; font-size:14px;}
    .index_1 .cp1 ul li i { display:none}
    
    .index_1 .index_cp2 .cp_con { width:100%; position:relative}
    .index_1 .index_cp2 .cp_con .cp_sm h3 { padding:15px 20px; font-size:14px; width:auto}
    .index_1 .index_cp2 .cp_con .cp_sm h3 b { font-size:16px; padding-bottom:10px}
    
    .index_1 .index_cp2 .cp_con .cp_sm h4 { right:20px; top:15px}
    .index_1 .index_cp2 .cp_con .cp_sm h4 a { margin-left:15px; line-height:24px; width:80px; font-size:12px;}
    
    
    .index_1 .index_cp2 .cp_con .cp_hd { width:100px; position:absolute; left:0; top:168px; bottom:0}
    .index_1 .index_cp2 .cp_con .cp_hd ul li { font-size:12px; padding-left:10px}
    
    .index_1 .index_cp2 .cp_con .cp_bd { width:auto; padding:20px 0 20px 120px; height:auto}
    .index_1 .index_cp2 .cp_con .cp_bd ul li { padding:0 20px 0 20px; font-size:14px; line-height:26px; height:auto;}
    .index_1 .index_cp2 .cp_con .cp_bd ul li img { display:block; height:auto; width:80%; margin:0 auto; float:none; position:relative; left:auto}
}

@media all and (max-width:480px){
    .index_1 .cp1 ul li { padding:10px 20px;}
}

.index_2 { padding-top:80px}
.index_2 h1 { font-size:36px; line-height:40px; text-align:center}

@media all and (max-width:1680px){
    .index_2 { padding-top:60px}
    .index_2 h1 { font-size:24px; line-height:40px; text-align:center}
}

@media all and (max-width:1100px){
    .index_2 { padding-top:40px}
    .index_2 h1 { font-size:18px; line-height:30px;}
}

.index_2 .cp2 { height:34px; border-bottom:1px #ddd solid; text-align:center; padding-top:40px}
.index_2 .cp2 ul li { display:inline; padding:10px 60px; font-size:18px; border-radius:5px 5px 0 0}
.index_2 .cp2 ul li.on { background:#1F71FF;}
.index_2 .cp2 ul li.on a { color:#fff}

.index_2 .fa1 { background:url(../images/plan-bg2023-low-quality.jpg) center no-repeat; height:593px; margin-top:50px}
.index_2 .fa1 .fa_con { width:1440px; margin:0 auto; position:relative}

@media all and (max-width:1680px){
    .index_2 .fa1 .fa_con { width:1100px;}
}

.index_2 .fa1 .fa_con .fa_hd { float:left; width:300px}
.index_2 .fa1 .fa_con .fa_hd h2 { padding-top:50px; font-size:36px; line-height:40px; color:#fff}
.index_2 .fa1 .fa_con .fa_hd h4 { font-size:16px; color:#fff; padding:20px 0}
.index_2 .fa1 .fa_con .fa_hd ul { width:295px; border-left:1px solid rgba(255,255,255,0.5)}
.index_2 .fa1 .fa_con .fa_hd ul li { height:43px; line-height:42px}
.index_2 .fa1 .fa_con .fa_hd ul li a { display:block; padding-left:30px; font-size:16px; color:#fff; cursor: pointer;}
.index_2 .fa1 .fa_con .fa_hd ul li.on a { border-left: 6px solid #fff; background: linear-gradient(90deg, rgba(255, 255, 255, .25) 0, rgba(255, 255, 255, 0) 100%);}


@media all and (max-width:1100px){
    .index_2 .fa1 { background:url(../images/plan-bg2023.jpg) left no-repeat; margin-top:30px}
    .index_2 .fa1 .fa_con { width:90%}
}

.index_2 .fa1 .fa_bd { float:right; background: #fff; border-radius: 10px; box-shadow: 0 0 20px 0 rgba(218, 225, 234, .5); height:428px; width:1100px; position:absolute; right:0; top:80px}
.index_2 .fa1 .fa_bd .bd_list { padding:40px 50px; position:relative; display:none}
.index_2 .fa1 .fa_bd .bd_list h3 { font-size:30px; line-height:40px}
.index_2 .fa1 .fa_bd .bd_list h4 { padding-top:20px; font-size:16px; width:670px; padding-bottom:30px}
.index_2 .fa1 .fa_bd .bd_list ul { width:660px}
.index_2 .fa1 .fa_bd .bd_list ul li { float:left; width:220px; padding-bottom:15px}
.index_2 .fa1 .fa_bd .bd_list ul li:nth-child(7),
.index_2 .fa1 .fa_bd .bd_list ul li:nth-child(8) { display:none}

.index_2 .fa1 .fa_bd .bd_list ul li i { display:block; float:left; width:14px; height:11px; background:url(../images/icon-product.png); margin:19px 10px 0 20px}
.index_2 .fa1 .fa_bd .bd_list ul li a { display:block; width:200px; height:48px; background:#f2f6ff; line-height:48px}
.index_2 .fa1 .fa_bd .bd_list h5 { clear:both; padding-top:30px}
.index_2 .fa1 .fa_bd .bd_list h5 a { display:block; float:left; margin-right:20px; line-height:38px; background:#fff; border:1px #1F71FF solid; width:140px; font-size:16px; text-align:center; color:#216FFF}
.index_2 .fa1 .fa_bd .bd_list h5 a.a1 { color:#fff; background: linear-gradient(to right, #216FFF, #059CFF);}
.index_2 .fa1 .fa_bd .bd_list h5 a:hover { color:#fff; background:linear-gradient(to right, #216FFF, #059CFF)}
.index_2 .fa1 .fa_bd .bd_list p { position:absolute; right:40px; text-align:center; width:300px; border-left:1px #ddd solid; top:90px}
.index_2 .fa1 .fa_bd .bd_list p a { display:block; font-size:16px; line-height:42px; text-align:left; padding-left:20px}
.index_2 .fa1 .fa_bd .bd_list p a:hover { padding-left:30px}
.index_2 .fa1 .fa_bd .bd_list p span { font-size:16px; padding-bottom:15px; font-weight:bold}


@media all and (max-width:1680px){
    .index_2 .fa1 .fa_bd { height:428px; width:750px;}
    .index_2 .fa1 .fa_bd .bd_list p { display:none}
}

@media all and (max-width:1100px){
    .index_2 .fa1 .fa_bd { display:none}
    .index_2 .fa1 .fa_con .fa_hd { float:none; width:auto}
    .index_2 .fa1 .fa_con .fa_hd h2 { font-size:18px}
}


.index_3 { padding-top:80px}
.index_3 h1 { font-size:36px; line-height:40px; text-align:center}
.index_3 .index_kh1 { text-align:center; height:150px; padding-top:50px; width:750px; margin:0 auto}
.index_3 .index_kh1 ul li { float:left; width:250px; line-height:50px}
.index_3 .index_kh1 ul li span { font-size:48px}

@media all and (max-width:1680px){
.index_3 { padding-top:60px}
.index_3 h1 { font-size:24px; line-height:40px; text-align:center}
}

@media all and (max-width:1100px){
.index_3 { padding-top:40px}
.index_3 h1 { font-size:18px; line-height:30px;}


.index_3 .index_kh1 { padding-top:30px; width:90%; margin:0 auto}
.index_3 .index_kh1 ul li { width:33.3%; line-height:40px}
.index_3 .index_kh1 ul li span { font-size:36px}
    
}


.index_3 .index_kh2 { background:#F2F6FF; padding:50px 0 0px 0}
.index_3 .index_kh2 ul { width:1440px; margin:0 auto}
.index_3 .index_kh2 ul li { float:left; width:480px}
.index_3 .index_kh2 ul li a { display:block; border:1px #ddd solid; width:440px; margin:0 auto; background:#fff; padding:20px 0; border-radius:10px;}
.index_3 .index_kh2 ul li a:hover { box-shadow: 0 8px 12px 0 rgba(55, 99, 170, .2);}
.index_3 .index_kh2 ul li img { display:block; margin:0 auto}
.index_3 .index_kh2 ul li h3 { text-align:center; font-size:18px; padding-top:20px; height:40px; font-weight:bold}
.index_3 .index_kh2 ul li h4 { padding:0 30px 0 30px; height:200px; font-size:16px; line-height:32px}

@media all and (max-width:1680px){
.index_3 .index_kh2 ul { width:1100px;}
.index_3 .index_kh2 ul li { width:33.3%}
.index_3 .index_kh2 ul li img { max-width:100%}
.index_3 .index_kh2 ul li a {width:90%}
.index_3 .index_kh2 ul li h3 { font-size:16px;}
.index_3 .index_kh2 ul li h4 { font-size:14px; line-height:24px}
}

@media all and (max-width:1100px){
.index_3 .index_kh2 { display:none}
}

.index_3 .index_kh3 { background:#F2F6FF; padding:50px 0; overflow:hidden}
.index_3 .index_kh3 ul { width:1440px; margin:0 auto}
.index_3 .index_kh3 li {float: left;width: 15.666666%;margin:8px 0 10px 1%;text-align: center;height: 130px;position: relative;}
.index_3 .index_kh3 li a {border: 2px solid #EFF6FF;display: block;padding:8px;transition: .2s;height: 110px; background:#fff}
.index_3 .index_kh3 li img {display: block;width: 80%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}
.index_3 .index_kh3 li a:hover {transform: translateY(-5px);}
.index_3 .index_kh3 li a:hover {border-color: #fff;box-shadow: 0 2px 18px rgba(0,0,0,0.1)}
.index_3 .index_kh3 li.more a {color: #C0C1C9;}
.index_3 .index_kh3 li.more p {font-size: 50px;}


@media all and (max-width:1680px){
.index_3 .index_kh3 ul { width:1100px;}
.index_3 .index_kh3 li { height: 130px;}
}
@media all and (max-width:1100px){
.index_3 .index_kh3 ul { width:95%;}
.index_3 .index_kh3 li { width:25%; padding:0; height:80px; margin:0}
.index_3 .index_kh3 li a { width:90%;padding:0;height:60px; background:#fff}
}

.index_4 { padding-top:80px}
.index_4 h1 { font-size:36px; line-height:40px; text-align:center}

@media all and (max-width:1680px){
.index_4 { padding-top:60px}
.index_4 h1 { font-size:24px; line-height:40px; text-align:center}
}

@media all and (max-width:1100px){
.index_4 { padding-top:40px}
.index_4 h1 { font-size:18px; line-height:30px;}
    
}
.index_4 .dt1 { height:34px; border-bottom:1px #ddd solid; text-align:center; padding-top:40px}
.index_4 .dt1 ul li { display:inline; padding:10px 60px; font-size:18px; border-radius:5px 5px 0 0}
.index_4 .dt1 ul li.on { background:#1F71FF;}
.index_4 .dt1 ul li.on a { color:#fff}


@media all and (max-width:1100px){
.index_4 .dt1 { padding-top:20px}
.index_4 .dt1 ul li { display:inline; padding:10px 60px; font-size:14px;}
.index_4 .dt1 ul li i { display:none}
}
@media all and (max-width:480px){
.index_4 .dt1 ul li { display:inline; padding:10px 20px;}
}

.index_4 .dt2 { padding:50px 0; background:url(../images/shuji-bg.jpg) center no-repeat; background-size:auto 100%}
.index_4 .dt2 .index_kh2 { width:1440px; margin:0 auto; background:#fff; overflow:hidden; border-radius:10px}
.index_4 .dt2 .index_kh2 .td_img { float:left; width:640px; padding:40px 0}
.index_4 .dt2 .index_kh2 .td_img img { display:block; width:540px; margin:0 auto}
.index_4 .dt2 .index_kh2 .td_img h3 { font-size:18px; line-height:50px; font-weight:bold; width:540px; margin:0 auto; padding-top:10px}
.index_4 .dt2 .index_kh2 .td_img h4 { font-size:16px; line-height:32px; width:540px; margin:0 auto}
.index_4 .dt2 .index_kh2 .td_img h5 { font-size:16px; width:540px; margin:0 auto; padding-top:10px; color:#888}

.index_4 .dt2 .td_list { float:right; width:800px; padding-top:30px}
.index_4 .dt2 .td_list ul { width:750px}
.index_4 .dt2 .td_list ul li { border-bottom:1px #ddd dashed}
.index_4 .dt2 .td_list ul li a { padding:15px 0 15px 30px; display:block; position:relative}
.index_4 .dt2 .td_list ul li h3 { font-size:16px; font-weight:bold}
.index_4 .dt2 .td_list ul li h4 { white-space: nowrap;overflow: hidden; text-overflow: ellipsis; padding-top:5px}
.index_4 .dt2 .td_list ul li i { display:block; position:absolute; left:10px; top:20px}
.index_4 .dt2 .td_list ul li a:hover { padding-left:30px; background:#f5f5f5}
.index_4 .dt2 .td_list ul li a:hover i { display:block}



@media all and (max-width:1680px){
.index_4 .dt2 .index_kh2 { width:1100px;}
.index_4 .dt2 .index_kh2 .td_img { width:500px; padding:30px 0}
.index_4 .dt2 .index_kh2 .td_img img { width:460px;}
.index_4 .dt2 .index_kh2 .td_img h3 { font-size:16px; line-height:50px; width:460px;}
.index_4 .dt2 .index_kh2 .td_img h4 { font-size:14px; line-height:25px; width:460px}
.index_4 .dt2 .index_kh2 .td_img h5 { font-size:14px; width:460px}

.index_4 .dt2 .td_list { width:600px; padding-top:20px}
.index_4 .dt2 .td_list ul { width:540px}
}

@media all and (max-width:1100px){
.index_4 .dt2 .index_kh2 { width:95%;}
.index_4 .dt2 .index_kh2 .td_img { width:auto; float:none; padding:30px 0}
.index_4 .dt2 .index_kh2 .td_img img { width:80%; float:none; margin:0 auto; height:auto}
.index_4 .dt2 .index_kh2 .td_img h3 { font-size:16px; line-height:50px; width:90%;}
.index_4 .dt2 .index_kh2 .td_img h4 { font-size:14px; line-height:25px; width:90%}
.index_4 .dt2 .index_kh2 .td_img h5 { font-size:14px; width:90%}

.index_4 .dt2 .td_list { width:auto; float:none; padding-top:20px}
.index_4 .dt2 .td_list ul { width:auto}
}


.index_5 { background:url(../images/form-bg-blue-black-gradient.jpg); background-size:100% 100%; padding:50px 0}
.index_5 h2 { text-align:center; color:#fff; font-size:36px; line-height:40px; padding-bottom:30px}
.index_5 ul { width:1260px; margin:0 auto; overflow:hidden}
.index_5 ul li { float:left; width:33.3%; padding-bottom:15px}
.index_5 ul li h3 { color:#fff; width:90%; margin:0 auto; padding-bottom:10px}
.index_5 ul li input { width:90%; display:block; margin:0 auto; background:#fff; line-height:40px; height:40px; border-radius:6px}
.index_5 ul li.tj2 { width:66.6%}
.index_5 ul li.tj2 h3 { width:95%;}
.index_5 ul li.tj2 input { width:95%;}

.index_5 .tj { width:240px; margin:0 auto; padding-top:30px}
.index_5 .tj input {justify-content:center;align-items:center;height:48px;background:linear-gradient(90deg,#216FFF, #059CFF);font-size:18px;font-weight:500;color:#fff;line-height:30px;text-shadow:0 0 1px rgba(0,0,0,.5);cursor:pointer; border-radius:6px; display:block; width:100%}




@media all and (max-width:1680px){
.index_5 ul { width:1060px;}
}

@media all and (max-width:1100px){
.index_5 { padding:20px 0}
.index_5 h2 { font-size:18px; padding-bottom:10px}
.index_5 ul { width:90%}
.index_5 ul li { float:none; width:auto; padding-bottom:15px}
.index_5 ul li h3 { color:#fff; width:90%; margin:0 auto; padding-bottom:10px}
.index_5 ul li input { width:90%; display:block; margin:0 auto; background:#fff; line-height:40px; height:40px; border-radius:6px}
.index_5 ul li.tj2 { width:auto}
.index_5 ul li.tj2 h3 { width:90%;}
.index_5 ul li.tj2 input { width:90%;}

.index_5 .tj { width:160px; margin:0 auto; padding-top:20px}

}





footer { padding-top:50px; background:#29333F}
footer .foot_2 { background:#1F252D; text-align:center; padding:15px 0; color:#979BA1}
footer .foot_2 a { color:#fff}


footer .foot_1 { width:1440px; margin:0 auto; overflow:hidden; padding-bottom:30px}
footer .foot_1 ul li { float:right; width:122px; line-height:32px}
footer .foot_1 ul li img { display:block; width:100%;}
footer .foot_1 ul li h3 { font-size:16px; text-align:center; padding-top:15px; color:#979BA1}

footer .foot_1 ul li.f1 { float:left; width:500px}
footer .foot_1 ul li.f2 { float:left; width:300px}
footer .foot_1 ul li.f3 { float:left; width:500px}
footer .foot_1 ul li h2 { border-bottom:1px solid #3B424B; color:#fff; font-size:16px; padding-bottom:15px; margin-bottom:15px}

footer .foot_1 ul li.f1 h2 { width:400px}
footer .foot_1 ul li.f1 h4 { text-align:left; width:400px; color:#979BA1}
footer .foot_1 ul li.f3 p { color:#979BA1}
footer .foot_1 ul li.f3 h2 { width:400px}
footer .foot_1 ul li.f3 i { padding-right:10px}
footer .foot_1 ul li.f2 h2 { width:200px}

footer .foot_1 ul li.f2 a { display:block; color:#979BA1}



@media all and (max-width:1680px){
footer .foot_1 { width:1100px;}
footer .foot_1 ul li.f1 { float:left; width:350px}
footer .foot_1 ul li.f2 { float:left; width:250px}
footer .foot_1 ul li.f3 { float:left; width:350px}

footer .foot_1 ul li.f1 h2 { width:320px}
footer .foot_1 ul li.f1 h4 { width:320px}
footer .foot_1 ul li.f3 h2 { width:320px}
footer .foot_1 ul li.f2 h2 { width:170px}
}

@media all and (max-width:1100px){
footer .foot_1 { width:90%;}
footer .foot_1 ul li h2 { padding-top:20px; padding-bottom:5px}

footer .foot_1 ul li { float:none; width:auto}
footer .foot_1 ul li.f1 { float:none; width:auto}
footer .foot_1 ul li.f2 { float:none; width:auto}
footer .foot_1 ul li.f3 { float:none; width:auto}

footer .foot_1 ul li.f1 h2 { width:auto}
footer .foot_1 ul li.f1 h4 { width:auto}
footer .foot_1 ul li.f3 h2 { width:auto}
footer .foot_1 ul li.f2 h2 { width:auto}
footer .foot_1 ul li img { width:150px; margin:0 auto}
}


#aff-im-root .embed-icon {top: calc(50% + 100px) !important;}

#gotop {position:fixed; right:0px; width:68px; top:calc(50% - 50px); z-index:99999;background: #fff;border-radius: 10px;margin-top: -250px;box-shadow: 0 0 14px 2px rgba(0,0,0, 0.1);}
#gotop a{height: 84px;display: block;cursor:pointer;position: relative;color:#6C7988;font-size: 14px;text-align: center;}
#gotop a>i {width:20px;height:20px;margin-top: 10px;}
#gotop .ico,.icon-fd-qq,.icon-fd-tel {background: url(../images/tgotop.png) no-repeat;display: inline-block;}
#gotop a span {display: block;width:30px;font-size: 14px;padding:0 20px;line-height: 16px;}
#gotop .ico-free {background-position: 0 0;}
#gotop .ico-sq {background-position: 0 -30px;}
#gotop .ico-sh {background-position: 0 -60px;}
#gotop .ico-yuyue {background-position: 0 -90px;}
#gotop .ico-tousu {background-position: 0 -120px;}
#gotop a:hover {color:#3587FD}
#gotop a:hover p {display: block;}
#gotop a:hover .ico-free {background-position: -20px 0;}
#gotop a:hover .ico-sq {background-position:  -20px -30px;}
#gotop a:hover .ico-sh {background-position:  -20px -60px;}
#gotop a:hover .ico-yuyue {background-position:  -20px -90px;}
#gotop a:hover .ico-tousu {background-position:  -20px -120px;}

#gotop a.btn-top {padding:0 10px;height:68px;display: none;}
#gotop a.btn-top em {display: block;border-top: 1px solid #e8e8e8;padding-top: 10px;}
#gotop a.btn-top em i {width:36px;height: 36px;background:#8496AB;display: block;margin:0 auto;border-radius: 50%;color: #fff;font-size: 20px;line-height: 36px;}
#gotop a.btn-top:hover em i {background-color: #3587FD;}

#gotop p {display: block;height:68px;position: absolute;bottom: -20px;right: 88px;width: 228px;text-align: center;display: none;background: #fff;padding: 20px;border-radius: 10px;box-shadow: 0 0 14px 2px rgba(0,0,0, 0.1);text-align: left;}

#gotop a p::after {content: "";width:0;height:0;border-width:10px 0 10px 10px;border-style:solid;border-color:transparent transparent transparent #fff;position: absolute;bottom: 50px;right: -10px;}
#gotop p b {display: block;font-size: 20px;color: #000;padding-bottom: 14px;}
#gotop p em {line-height: 18px;height: 20px;color: #888}
#gotop p em i {display: inline-block;vertical-align: middle;width: 18px;height: 18px;margin-right: 0px;background-position: 0 -150px;}
#gotop p em i.icon-fd-tel {background-position: 0 -180px;}
#gotop .server p {width: 130px;height:140px;text-align: center;}
#gotop .server p b {font-size: 14px;padding: 0;}
#gotop a p img {width: 120px;height: 120px;border: 4px solid #fff;}


@media all and (max-width:480px){
#gotop { top:auto; bottom:0; right:0; margin:0}
#gotop a:nth-child(2) { display:none}
#gotop a:nth-child(1) { display:none}
}






.banner-ibps,.banner-ibi,.banner-idata {height: 450px;background:#080922; margin-top:78px}
.banner-ibps .w100,.banner-ibi .w100,.banner-idata .w100 {position: relative;}

.banner-ibps .ibps-ico,.banner-ibps .idata-ico,.banner-ibi .ibi-ico {width: 401px;height: 345px;background: url(../images/product/ibps-ico.png) no-repeat;position: absolute;top:80px;right: 0px; -webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 6s; /*动画持续时间*/-webkit-animation-iteration-count: infinite; /*动画次数*/-webkit-animation-delay: 0s;}
@keyframes fadeIn {0% {opacity: 1;}25% {opacity: 0.5;}50% {opacity: 1;}75% {opacity: 0.5;}100% {opacity: 1;}}
.banner-idata .idata-ico {width: 401px;height: 345px;background: url(../images/product/icon-idata.png) no-repeat;}
.banner-ibi .ibi-ico {width: 401px;height: 345px;background: url(../images/product/icon-ibi.png) no-repeat;}


@media all and (max-width:1100px){
.banner-ibps .ibps-ico,.banner-ibps .idata-ico,.banner-ibi .ibi-ico {width:100%;height: 345px;}
}

@media all and (max-width:1680px){
.banner-ibps,.banner-ibi,.banner-idata { margin-top:60px}
}
/* 内页 */

.view-banner .inf .name {font-size: 26px;line-height: 42px;color: #fff;padding-top: 100px;font-weight: 400;}
.view-banner .inf .bname {color: #fff;font-size: 26px;line-height: 30px;padding: 20px 0;}
.view-banner .inf .desc {margin-top: 20px;font-size: 16px;line-height: 48px;color: #fff;}
.view-banner .inf dl {padding-top: 10px;}
.view-banner .inf dl dd {display: inline-block;margin-right: 2em;color: #3EC4C7;width: 180px;line-height: 36px;}
.view-banner .inf dl dd::before {content: '';width: 6px;height: 6px;border-radius: 50%;display: inline-block;vertical-align: middle;background: #3EC4C7;margin-right: .5em;}
.view-banner .inf p.fbtn {margin-top: 20px;}
.view-banner .inf p.fbtn a {display: block; background-image: linear-gradient(to right, #02ACFF 0%, #576FFB 100%);}
.sbtn,a.sbtn {width: 180px;height: 48px;line-height: 48px;border:0;color: #fff;cursor: pointer;text-align: center;}



@media all and (max-width:1100px){
.view-banner .inf .name {font-size:16px;line-height:32px;}
.view-banner .inf .bname { font-size: 16px}
.view-banner .inf .desc {font-size: 12px;line-height:20px;color: #fff;}
}



.product_index { padding-top:60px; width:1200px; margin:0 auto}
.product_index h1 { text-align:center; font-size:36px; line-height:40px; padding-bottom:30px}
.product_index .product_sm { background:url(../images/product_bg1.jpg); background-size:100% 100%; height:232px; position:relative; box-shadow: 2px 2px 15px rgba(55, 99, 170, .1), -2px -2px 15px #fff;}
.product_index .product_sm h3 { padding:20px 25px 5px 25px; font-size:16px; width:800px}
.product_index .product_sm h3 b { display:block; padding-bottom:10px; font-size:18px}
.product_index .product_sm h4 { position:absolute; right:50px; top:30px}
.product_index .product_sm h4 a { display:block; float:left; margin-left:20px; line-height:38px; background:#fff; border:1px #1F71FF solid; width:140px; font-size:16px; text-align:center; color:#1F71FF}
.product_index .product_sm h4 a.a1 { color:#fff; background: linear-gradient(to right, #1F71FF, #66B7FF);}
.product_index .product_sm h4 a:hover { color:#fff; background:linear-gradient(to right, #1F71FF, #1F71FF)}
.product_index .product_sm p { padding-left:25px; color:#666}
.product_index .product_sm p i { color:#596EFB; padding-right:10px;}

@media all and (max-width:1680px){
.product_index { padding-top:50px; width:1100px;}
.product_index .product_sm h3 { font-size:14px; width:700px}

}

@media all and (max-width:1100px){
.product_index { padding-top:30px; width:90%;}
.product_index .product_sm { padding-bottom:20px}
.product_index .product_sm h3 { padding:15px 20px 15px 20px; font-size:14px; width:auto}
.product_index .product_sm h4 { right:20px; top:10px}
.product_index .product_sm h4 a { margin-left:15px; line-height:24px; width:80px; font-size:12px;}
.product_index .product_sm p { padding:0 20px}
}


.product_index .product_li { padding-top:40px}
.product_index .product_li ul { width:1230px;}
.product_index .product_li ul li { float:left; width:410px; padding-bottom:30px}
.product_index .product_li ul li a { display:block; width:378px; border:1px solid #eee; background:#fff; color:#333}
.product_index .product_li ul li h3 { padding:20px 0 10px 25px; font-size:16px; font-weight:bold}
.product_index .product_li ul li h4 { padding-left:25px; height:70px; overflow:hidden}
.product_index .product_li ul li h4 span { background:#f5f5f5; padding:0 10px; margin-right:10px; margin-bottom:10px; white-space: nowrap; display:block; float:left; font-size:12px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}
.product_index .product_li ul li h5 { padding:0 25px 20px 25px; clear:both; line-height:24px; height:72px; overflow:hidden}
.product_index .product_li ul li a:hover { border:1px solid #fff; background: url(../images/product_bg2.jpg) center; background-size:100% 100%}
.product_index .product_li ul li a:hover h4 span { background:#fff}

@media all and (max-width:1680px){
.product_index .product_li ul { width:1110px;}
.product_index .product_li ul li { width:370px; padding-bottom:15px}
.product_index .product_li ul li a { width:360px;}
.product_index .product_li ul li h4 { padding-left:15px}
.product_index .product_li ul li h5 { padding:0 15px 20px 15px}

}

@media all and (max-width:1100px){
.product_index .product_li ul { width:100%;}
.product_index .product_li ul li { width:50%}
.product_index .product_li ul li a { width:90%;}
}
@media all and (max-width:480px){
.product_index .product_li ul { width:100%;}
.product_index .product_li ul li { width:100%}
.product_index .product_li ul li a { width:100%;}
}






.plan-pro {
    background: #e4edfc;
    position: relative
}

.plan-pro::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/static/images/xiaoyi_2018/solutions/list/yban-bg.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    opacity: .38
}

.max-width-1200 {
    max-width: 1200px;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
}


@media all and (max-width:1680px){
.max-width-1200 {
    max-width: 1100px;
}
}
@media all and (max-width:1100px){
.max-width-1200 {
    max-width:auto;
}
}
.plan {
    padding: 79px 0 75px;
}
.plan .big-title {
    margin-bottom: 34px;
}
.big-title {
    max-width: 94%;
    text-align: center;
    margin: 0 auto;
}
.big-title h2 {
    line-height: 42px;
    font-size: 32px;
    letter-spacing: 1.5px;
    color: #333;
    font-weight: normal;
    margin: 0 auto;
}

.plan .pro-list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    margin: 0 -10px;
}

.plan .pro-list .list-text {
    width: calc(33.33% - 24px);
    background-image: linear-gradient(180deg, #f3f5f8, #fff);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #e4edfc;
    border-radius: 4px;
    margin: 0 10px 42px;
}

@media all and (max-width:1100px){
.plan {
    padding: 25px 0 25px;
}
.big-title h2 {
    line-height: 32px;
    font-size: 18px;
}
.plan .pro-list {
    display: block;
    margin: 0;
}
.plan .pro-list .list-text {
    width: auto;
    background-image: linear-gradient(180deg, #f3f5f8, #fff);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #e4edfc;
    border-radius: 4px;
    margin: 0 10px 22px;
}
}
.plan .pro-list .list-text .text-top {
    padding: 38px 16px 18px 20px;
    position: relative;
}

.plan .pro-list .list-text .btn-bottom {
    display: flex;
    border-top: 1px solid #e5e8ed;
    background: #fff;
}

.plan .pro-list .list-text .btn-bottom a {
    width: calc(50% - 1px);
    padding: 10px 20px;
    font-size: 14px;
    color: #00aeff;
    text-align: center;
    line-height: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #e5e8ed;
}
.plan .tab-item-top li .title-text h5 a::after, .plan .pro-list .list-text .btn-bottom a::after {
    margin: 0 6px;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #7185a7;
    border-left: 2px solid #7185a7;
    opacity: .8;
    transition: all .3s ease-in-out;
    transform: rotate(225deg);
    -webkit-transition: all .3s ease-in-out;
    -webkit-transform: rotate(225deg);
}
.plan .pro-list .list-text .btn-bottom .btn2 {
    border-right: 0;
}

.plan .pro-list .list-text .icon {
    position: absolute;
    right: 20px;
    top: -28px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-image: linear-gradient(0, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #e4edfc;
}


.plan .pro-list .list-text .icon::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -22px;
    width: 45px;
    height: 45px;
    background-image: url(../images/icon-pro.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.plan .pro-list .list-text .icon-plan1::before {
    background-position: 0 0
}

.plan .pro-list .list-text .icon-plan2::before {
    background-position: -45px 0
}

.plan .pro-list .list-text .icon-plan3::before {
    background-position: -90px 0
}

.plan .pro-list .list-text .icon-plan4::before {
    background-position: -135px 0
}

.plan .pro-list .list-text .icon-plan5::before {
    background-position: -180px 0
}

.plan .pro-list .list-text .icon-plan6::before {
    background-position: -225px 0
}

.plan .pro-list .list-text .icon-plan7::before {
    background-position: -270px 0
}

.plan .pro-list .list-text .icon-plan8::before {
    background-position: -315px 0
}

.plan .pro-list .list-text .icon-plan9::before {
    background-position: -360px 0
}

.plan .pro-list .list-text .icon-plan0::before {
    background-position: -360px 0
}


.plan .pro-list .list-text h5 {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #000;
}
.plan .pro-list .list-text h6 {
    margin-top: 6px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    opacity: .8; font-weight:normal; height: 66px;
}

.plan .pro-list .list-text:hover {
    background: #e4edfc;
    box-shadow: inset 8px 8px 20px rgba(55,99,170,.1),inset -8px -8px 20px #e4edfc
}

.plan .pro-list .list-text:hover .btn-bottom a:hover {
    color: #596efb;
    background: #f2f7ff
}

.plan .pro-list .list-text:hover .btn-bottom a:hover::after {
    border-color: #596efb !important
}

.section_1 { width:1200px; margin:0 auto; padding-top:80px; display:none}
.section_1 h1 { font-size:36px; line-height:40px; text-align:center}

@media all and (max-width:1680px){
.section_1 { width:1100px; padding-top:60px}
.section_1 h1 { font-size:24px;}
}



.part1-boxs {
    width: 100%;
    display: flex;
    justify-content: flex-start; padding:40px 0 60px 0
}
.part1-box {
    width: 15%;
    transition: all .3s ease-in-out;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

 .el-card {
    height: 100%;
    border-radius: 0;
    border-right: 1px solid #ddd;
    background-image: linear-gradient(180deg, #f9f9fb, #f4f8ff);
}
.part1-box.active .el-card {
    border-radius: 10px;
    margin-left: -1px;
    margin-right: -1px;
    border: 1px solid #fff;
    box-shadow: 0 0 48px rgba(0, 80, 157, .24);
    -moz-box-shadow: 0 0 48px rgba(0,80,157,.24);
    -webkit-box-shadow: 0 0 48px rgba(0, 80, 157, .24); overflow:hidden
}
 .el-card__body>a {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    padding: 60px 30px;
    cursor: default;
}
.el-card__body {
    height: 100%;
}
 .el-card__body .tag {
    color: #888;
    font-size: 12px;
    line-height: 20px;
}
.el-card__body .more {
    color: #888;
    font-size: 12px;
    line-height: 20px;
    font-weight: 200;
    margin-bottom: 20px;
}
 .el-card__body .list {
    display: none;
    height: 110px;
}
 .el-card__body .title {
    color: #000;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    margin-top: 6px;
    margin-bottom: 8px;
}
 .el-card__body .desc {
    display: none;
    color: hsla(0, 0%, 100%, .9);
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}

 .el-card__body .list>span {
    display: block;
    font-size: 14px;
    color: #ffe600;
    line-height: 24px;
    margin-bottom: 10px;
}

 .el-card__body .list>span {
    display: block;
    font-size: 14px;
    color: #ffe600;
    line-height: 24px;
    margin-bottom: 10px;
}
 .el-card__body .list .list-items {
    width: 72%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.el-card__body .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 68px;
    height: 68px;
    margin-top: 50px;
}

.el-card__body .icon img {
    display: block;
    width: 100%;
}
.part1-box.active {
    width: 40%;
}


.part1-box.active .el-card5 .el-card__body {
    background-image: url(../images/scene_p1_bg5_hover.d78abac.png);
}
.part1-box.active .el-card1 .el-card__body {
    background-image: url(../images/scene_p1_bg1_hover.79fdceb.png); 
}
.part1-box.active .el-card2 .el-card__body {
    background-image: url(../images/scene_p1_bg2_hover.595c62c.png);
}
.part1-box.active .el-card3 .el-card__body {
    background-image: url(../images/scene_p1_bg3_hover.e2a7b67.png);
}
.part1-box.active .el-card4 .el-card__body {
    background-image: url(../images/scene_p1_bg4_hover.3ad3b41.png);
}
.part1-box.active .el-card .el-card__body {
    background-repeat: no-repeat;
    background-size: auto 100%;
}



.part1-box.active .el-card__body>a {
    display: block;
}
.part1-box.active .el-card__body .tag {
    color: hsla(0, 0%, 100%, .8);
}
.part1-box.active .el-card__body .title {
    color: #fff;
}
.part1-box.active .el-card__body .desc {
    display: block;
    color: hsla(0, 0%, 100%, .8);
}
.part1-box.active .el-card__body .more {
    display: none;
}
.part1-box.active .el-card__body .list {
    display: block;
}
.part1-box.active .el-card__body .icon {
    display: none;
}


.el-card__body .list .list-items {
    width: 72%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.el-card__body .list .list-item {
    width: 32%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2%;
    color: #666;
    background-color: #fff;
    font-size: 12px;
    line-height: 32px;
    border-radius: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.fadeInLeft, .fadeInRight {
    animation-duration: .6s;
}



.product_banner { margin-top:60px; position:relative; height: 450px;}
.product_banner img { display:block; width:100%; height: 100%; object-fit: cover; object-position: 100% 50%; }
.product_banner h1 { font-size:36px; position:absolute; left:230px; top:50%; margin-top:-100px; line-height:40px}
.product_banner h3 { font-size:16px; position:absolute; left:230px; top:50%; margin-top:-40px; line-height:30px; height:60px; width:50%}
.product_banner h3 i { color:#596EFB; padding-right:10px;}
.product_banner h3 p { padding-top:14px; line-height:16px}

.product_banner h4 { font-size:16px; position:absolute; left:5%; top:50%; margin-top:80px; line-height:30px; width:50%; display:none}
.product_banner h4 i { color:#596EFB; padding-right:10px;}
.product_banner h4 a { display:block; float:left; margin-top:20px; line-height:38px; background:#fff; border:1px #1F71FF solid; width:140px; font-size:16px; text-align:center; color:#fff; background: linear-gradient(to right, #1F71FF, #66B7FF);}


@media all and (max-width:1580px){
.product_banner h3 { width:70%}


}
@media all and (max-width:1100px){
.product_banner h1 { font-size:18px; line-height:30px; top:30px; margin-top:0; width:70%; left:15%}
.product_banner h3 { font-size:14px; position:relative; left:auto; top:auto; margin-top:0px; width:90%; margin:0 auto; padding-top:15px; height:auto; padding-bottom:15px}
.product_banner h4 { display:none}


}
@media screen and (max-width: 767.98px) {
.product_banner { height: 370px; }
}



.product_li h2 {
    line-height: 42px;
    font-size: 32px;
    letter-spacing: 1.5px;
    color: #333;
    font-weight: normal;
    margin: 0 auto; text-align: center;
}
.product_li .line {
    width: 60px;
    height: 2px;
    background-color: #586dfc;
    margin: 17px auto 15px
}


.product_lm { height:60px; line-height:60px; background:#f5f5f5; position:relative;}
.product_lm ul li { float:left; width:20%; text-align:center}
.product_lm ul li a { display:block; color:#666; font-size:16px; cursor:pointer}
.product_lm ul li a.h_on { font-weight:bold; color: #1F71FF;}

.product_lm.att { z-index:3444;}
.product_lm.att ul { position:fixed; left:0; top:78px; right:0; background:#EFF3FE;}

@media all and (max-width:1100px){
.product_lm { height:50px; line-height:50px;}
.product_lm ul li a { font-size:14px;}
}

@media all and (max-width:1100px){
.product_li h2 { font-size:18px; line-height:20px}
.product_li .line { width:30px}
.product_lm.att ul { top:60px;}
}



.product_li { padding:60px 0}
.product_li.li2 {background-color: #f2f6ff;}


.product_text { padding-top:40px; width:1280px; margin:0 auto}
.product_qj { padding-top:40px; width:1280px; margin:0 auto}
.product_qj .cp_hd { height:44px; line-height:40px; border-bottom:1px #ddd solid}
.product_qj .cp_hd ul li { float:left; height:44px; position:relative; font-size:16px; text-align:center}
.product_qj .cp_hd ul li.on { color:#216FFF}
.product_qj .cp_hd ul li.on i { display:block; position:absolute; left:0; bottom:0; right:0; height:2px; background:#216FFF}

.product_qj .cp_bd { overflow:hidden; padding:30px 0}
.product_qj .cp_bd img { display:block; float:left; height:290px; margin-right:50px; width:600px;cursor:zoom-in}


@media all and (max-width:1680px){
.product_text { padding-top:30px; width:1100px; margin:0 auto}
.product_qj { padding-top:30px; width:1100px; margin:0 auto}


}
@media all and (max-width:1100px){
.product_li { padding:30px 0}
.product_text { padding-top:0px; width:90%}
.product_text img { max-width:100%}

.product_qj { padding-top:20px; width:90%}
.product_qj .cp_hd { height:65px; line-height:20px;}
.product_qj .cp_hd ul li { height:65px; font-size:12px; }

.product_qj .cp_bd { overflow:hidden; padding:20px 0}
.product_qj .cp_bd img { display:block; float:none; height:auto; width:100%; margin:0px auto}

}

.product_tx { padding-top:40px; width:1280px; margin:30px auto 10px; overflow:hidden}
.product_tx ul li { float:left; width:50%; padding-bottom:30px; overflow:hidden; position:relative}
.product_tx ul li img { position:absolute; left:0; top:0; height:120px; width:120px; padding-left:20px}
.product_tx ul li h4 { position:absolute; left:180px; top:0; font-size:60px; color:#ccc; font-weight:bold; line-height:60px; z-index:11}
.product_tx ul li h3 { padding-left:180px; font-size:18px; padding-top:25px; font-weight:bold; position:relative; z-index:22}
.product_tx ul li h5 { padding-top:10px; padding-left:180px; padding-right:20px}

@media all and (max-width:1680px){
.product_tx { padding-top:30px; width:1100px;}

}
@media all and (max-width:1100px){
.product_tx { padding-top:0px; width:90%;}
.product_tx ul li { float:none; width:auto; padding-bottom:20px;}

.product_tx ul li img {height:60px; width:60px; padding-left:0px}
.product_tx ul li h4 { left:80px;}
.product_tx ul li h3 { padding-left:80px; font-size:16px; }
.product_tx ul li h5 { padding-top:10px; padding-left:80px; padding-right:0px}

}

.product_sj {padding:60px 0 10px; width:1280px; margin:0 auto}
.product_sj li {float: left; width:33.3%;padding:0 0 30px 0;position: relative;}
.product_sj li img {display:block; margin:0 auto; width:52px; height:52px;-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;-ms-transition: -ms-transform 0.3s ease-out;}
.product_sj li h3 {display: block; font-size:18px; padding-top:15px; font-weight:bold; position:relative; text-align:center}
.product_sj li h5 { padding:10px 15px 0 15px; font-size: 14px;line-height: 28px; height:84px; overflow:hidden; text-align:center}
.product_sj li:hover img {-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);background: url(access.png) no-repeat -198px -118px}


@media all and (max-width:1680px){
.product_sj { padding-top:30px; width:1100px;}

}

@media all and (max-width:1100px){
.product_sj { padding-top:0px; width:90%;}
.product_sj li { width:50%;padding:0 0 20px 0;position: relative;}


}
@media all and (max-width:480px){
.product_sj li { width:auto; float:none; }
.product_sj li h5 { height:auto}

}

.product_al { padding-top:40px; width:1280px; margin:0 auto}
.product_al .cp_hd { height:44px; line-height:40px; border-bottom:1px #ddd solid}
.product_al .cp_hd ul li { float:left; height:44px; position:relative; font-size:16px; text-align:center}
.product_al .cp_hd ul li.on { color:#216FFF}
.product_al .cp_hd ul li.on i { display:block; position:absolute; left:0; bottom:0; right:0; height:2px; background:#216FFF}

.product_al .cp_bd { overflow:hidden; padding:30px 0; display:none}
.product_al .cp_bd img { display:block; float:left; height:420px; margin-right:50px; width:600px; cursor:zoom-in; position:relative; z-index:333}


@media all and (max-width:1680px){
.product_al { padding-top:30px; width:1100px;}

}

@media all and (max-width:1100px){
.product_al { padding-top:0px; width:90%;}
.product_al .cp_hd { display:none}

.product_al .cp_bd { overflow:hidden; padding:20px 0; display:block; border-bottom:1px #ddd solid}
.product_al .cp_bd img { display:block; float:none; margin:0 auto; height:auto; width:80%;}


}





.index_1 .index_cp2 .cp_con .cp_bd ul li::-webkit-scrollbar {
  width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.index_1 .index_cp2 .cp_con .cp_bd ul li::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #aaa;
  }
.index_1 .index_cp2 .cp_con .cp_bd ul li::-webkit-scrollbar-track {
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #eee;
  }



.hezuo_li { padding:50px 0}
.hezuo_li:nth-child(2n) { background:#F2F6FF}

.hezuo_li h1 { text-align:center; font-size:36px; line-height:46px}
.hezuo_li .infos { text-align:center; padding:10px 0 20px 0; font-size:14px; color:#888}
.hezuo_li ul { width:1200px; margin:0 auto}
.hezuo_li ul li { float:left; width:400px; padding-bottom:20px}
.hezuo_li ul li a { display:block; width:380px; padding:30px 0 15px 0; border:1px #ddd solid; background:#fff; border-radius:5px}
.hezuo_li ul li a:hover { box-shadow: 0 0 15px 0 rgba(55, 99, 170, .16)}
.hezuo_li ul li img { display:block; width:80px; height:80px; margin:0 auto}
.hezuo_li ul li h3 { text-align:center; font-size:18px; padding-top:15px}
.hezuo_li ul li h4 { text-align:center; font-size:14px; padding:10px 20px 0 20px; height:80px; line-height:24px; color:#888}




@media all and (max-width:1680px){
.hezuo_li { padding:30px 0}
.hezuo_li h1 { font-size:24px; line-height:36px}
.hezuo_li ul { width:1100px;}
.hezuo_li ul li { width:33.33%}
.hezuo_li ul li a { width:90%}
.hezuo_li ul li h3 { font-size:16px;}
}

@media all and (max-width:1100px){
.hezuo_li h1 { font-size:18px; line-height:30px}
.hezuo_li ul { width:95%;}
.hezuo_li ul li { width:50%}
.hezuo_li ul li a { width:90%}
.hezuo_li ul li h3 { font-size:16px;}

}
@media all and (max-width:500px){
.hezuo_li ul li { width:auto; float:none}
.hezuo_li ul li a { width:100%; position:relative; padding:15px 0}
.hezuo_li ul li img { position:absolute; left:20px; top:20px; width:60px; height:60px}
.hezuo_li ul li h3 { font-size:16px; text-align:left; padding-left:100px; padding-top:0}
.hezuo_li ul li h4 { text-align:left; padding-left:100px; height:auto; min-height:50px}

}