@import url("https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&family=Jost:ital,wght@0,100..900;1,100..900&display=swap");


/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"Catamaran", sans-serif; -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:12px}
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;}

@media all and (max-width:1440px){
body { min-width:inherit; }
}

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:#5385FB;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:1200px; margin:0 auto}

@media all and (max-width:1440px){
.w100 { width:90%; margin:0 auto}
}

.head_1 { height:40px; background:#fafafa; line-height:40px; font-size:12px; display:none}
.head_1 .ft i { margin-right:5px; color:#888}
.head_1 .ft ul li { float:left; padding-right:15px}

.head_1 .fr a.lan { padding-left:20px}
.head_1 .fr a.ico { display:block; float:right; width:30px; line-height:34px; height:30px; margin-top:5px; background:#fff; margin-left:15px; text-align:center; border-radius:50%; font-size:16px; overflow:hidden; color:#888}
.head_1 .fr a.ico:hover { background:#eee}

header { height:70px; background:#fff; box-shadow:2px 2px 2px #eee; position: relative; z-index: 555;}
header.tops .headers { position:fixed; z-index:888; left:0; top:0; right:0; height:70px; background:rgba(255,255,255,0.6);    backdrop-filter: blur(16px);}

header .ft { padding-top:10px;}
header .ft img { display:block; height:50px}
header .fr { padding-top:17px;}
header .fr a { display:block; width:120px; line-height:34px; border:1px #5385FB solid; border-radius:5px; text-align:center; font-size:16px; color:#fff; background:#5385FB}
header .fr a:hover { background:#ff561d; border:1px #ff561d solid}

header nav { float:left; padding-left:40px; padding-top:20px}
header nav ul li { float:left; line-height:30px; height:50px; font-size:18px; position:relative; margin-right:25px}
header nav ul li.nav_on a {}
header nav ul li.nav_on i.a1 { display:block; position:absolute; left:50%; width:20px; margin-left:-10px; bottom:15px; background:#ff561d; border-radius:1px; height:2px}
header nav ul li h3 { position:absolute; left:-10px; top:48px; background:#fff; display:none; width:160px}
header nav ul li h3 a { display:block; border-bottom:1px #ddd solid; padding:5px 0 5px 10px; font-size:16px; line-height:24px;}
header nav ul li h3 a:hover { background:#F8FCFA}
header nav ul li:hover h3 { display:block}

/*header .head_r2 { display:none}*/

@media all and (max-width:1000px){
header { height:60px}
header .ft img { height:40px}
header .fr a { width:90px; font-size:14px;}

.head_r2 { padding-top:14px}
header .fr { padding-top:12px}
.fr_lan { padding-top:17px}
header nav ul li:hover h3 { display:none}
}




.index_gd { position:relative;}
.index_gd .bd { overflow:hidden; width:100%; position:relative; z-index:11}
.index_gd .bd ul li img { display:block; margin:0 auto; width:100%}

.index_gd .hd { position:absolute; left:0; bottom:20px; height:10px; width:100%; text-align:center; height:20px; z-index:22}
.index_gd .hd ul li { display:inline; padding:5px 4px;}
.index_gd .hd ul li i { color:#ccc; cursor:pointer}
.index_gd .hd ul li.on i { color:#ff561d}
.index_gd a.prev { position:absolute; left:0px; width:40px; height:60px; cursor:pointer; border-radius:3px; top:50%; margin-top:-30px; color:#fff}
.index_gd a.prev i { display:block; text-align:center; line-height:60px; color:#5385FB; font-size:18px}
.index_gd a.next { position:absolute; right:0px; width:40px; height:60px; cursor:pointer; border-radius:3px; top:50%; margin-top:-30px; color:#fff}
.index_gd a.next i { display:block; text-align:center; line-height:60px; color:#5385FB; font-size:18px}

.index_gd h3 { position:absolute; z-index:33; font-size:40px; line-height:40px; left:5%; bottom:80px; color:#fff; text-shadow:2px 2px 2px #000}




.index_1 { padding:60px 0; background:#F8FCFA}
.index_1 .w100 { position:relative}
.index_1 h2 { color:#ff561d; font-size:14px}
.index_1 h1 { font-size:36px; line-height:40px; width:800px; padding:10px 0; font-family:'Jost'; font-weight:normal}
.index_1 h4 { padding-top:10px; font-size:12px; color:#888}
.index_1 a { display:block; position:absolute; right:0; top:50%; margin-top:-25px; line-height:50px; width:320px; text-align:center; color:#fff; background: #5385FB; border-radius:5px; font-size:16px}
.index_1 a:hover { background: #ff561d}


.index_2 { background:#fff; padding-top:100px; margin-top:50px; opacity:0}
.index_2 h3 { color:#ff561d; font-size:16px; text-align:center; margin-top:50px; opacity:0}
.index_2 h2 { font-size:36px; line-height:40px; font-family:'Jost'; font-weight:normal; padding:10px 0; text-align:center; margin:0 auto; margin-top:50px; opacity:0}
.index_2 .infos { width:1200px; margin:0 auto; font-size:16px; line-height:30px; padding-top:10px; margin-top:50px; opacity:0}

.index_2 .bd { padding-top:20px; width:90%; margin:0 auto; position:relative; margin-top:50px; opacity:0}
.index_2 .bd ul li { float:left; width:25%; position:relative; padding-bottom:30px}
.index_2 .bd ul li a { display:block; width:90%; margin:0 auto; overflow:hidden}
.index_2 .bd ul li img { display:block; width:100%; height:auto; margin:0 auto; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_2 .bd ul li h3 { padding-top:15px; font-size:18px; font-weight:bold; color:#333}
.index_2 .bd ul li h4 { width:380px; margin:0 auto; font-size:16px; line-height:24px; padding-top:10px; display:none}

.index_2 .bd ul li a:hover img { transform:scale(1.05)}


.index_2 .bd a.prev { position:absolute; left:-50px; width:40px; height:60px; cursor:pointer; border-radius:3px; top:140px;}
.index_2 .bd a.prev i { display:block; text-align:center; line-height:60px; color:#5385FB; font-size:24px}
.index_2 .bd a.next { position:absolute; right:-50px; width:40px; height:60px; cursor:pointer; border-radius:3px; top:140px}
.index_2 .bd a.next i { display:block; text-align:center; line-height:60px; color:#5385FB; font-size:24px}
.index_2 .bd a.prev:hover i { color:#000}
.index_2 .bd a.next:hover i { color:#000}



.index_2 .lanmu { padding-top:20px; text-align:center}
.index_2 .lanmu a { padding:0 20px}
.index_2 .lanmu a.on { color:#ff561d}


.index_2 .bd ul li i.i1 { position:absolute; left:5%; margin-left:10px; top:10px; height:1px; background:#fff; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
.index_2 .bd ul li i.i2 { position:absolute; right:5%; margin-right:10px; top:10px; width:1px; background:#fff; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
.index_2 .bd ul li i.i3 { position:absolute; right:5%; margin-right:10px; bottom:75px; height:1px; background:#fff; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
.index_2 .bd ul li i.i4 { position:absolute; left:5%; margin-left:10px; bottom:75px; width:1px; background:#fff; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}

@media all and (max-width:1000px) {
.index_2 { padding-top:10px}
.index_2 h2 { font-size:24px; line-height:32px;}
.index_2 .bd ul li h3 { font-size:14px}
}
/*
.index_2 .bd ul li:hover i.i1 { width:360px}
.index_2 .bd ul li:hover i.i2 { height:230px}
.index_2 .bd ul li:hover i.i3 { width:360px}
.index_2 .bd ul li:hover i.i4 { height:230px}
*/


.index_3 { height:230px; background:url(../images/counter-bg.png) center #00031d;}
.index_3 ul { width:1200px; margin:0 auto}
.index_3 ul li { float:left; width:25%; text-align:center}
.index_3 ul li h3 { font-size:48px; line-height:60px; padding-top:60px; color:#fff}
.index_3 ul li h4 { font-size:16px; color:#ccc}


.index_4 { padding-top:100px; margin-top:50px; opacity:0; overflow:hidden}
.index_4 .w100 { position:relative; height:520px; width:1200px}
.index_4 img.img1 { display:block; position:absolute; left:0; top:0; margin-top:50px; opacity:0; cursor:pointer; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none; width:450px; z-index:222}
.index_4 p.p1 { position:absolute; z-index:11; left:20px; top:20px; width:446px; height:480px; border:2px #333 solid; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none; opacity:0}
.index_4:hover img.img1 { padding-left:20px; padding-top:20px}
.index_4:hover p.p1 { left:0; top:0}


.index_4 h3 { color:#ff561d; font-size:16px; margin-top:50px; opacity:0; padding-top:50px; padding-left:500px}
.index_4 h2 { font-size:36px; line-height:40px; font-family:'Jost'; font-weight:normal; padding:10px 0; margin-top:50px; opacity:0; padding-left:500px}
.index_4 .infos { padding-top:10px; font-size:16px; padding-bottom:30px; font-size:16px; margin-top:50px; opacity:0; padding-left:500px}



/*
.index_4 ul li { float:left; width:50%; text-align:center; padding-bottom:20px}
.index_4 ul li a { display:block; width:90%; margin:0 auto; height:235px; box-shadow:0 0 5px #eee}
.index_4 ul li a:hover { box-shadow:0 0 10px #ddd}
.index_4 ul li h1 { font-size:24px; line-height:50px; padding-top:30px; padding-bottom:10px}
.index_4 ul li img { opacity:1; margin:0 auto; display:block; position: relative; width:auto; left:auto; top:auto; padding-top:20px; height:60px}
.index_4 ul li span { display:block; width:120px; text-align:center; line-height:42px; border:2px #333 solid; margin:0 auto; margin-top:20px}
.index_4 ul li h3 { font-size:18px; line-height:40px; padding-top:10px; padding-bottom:5px; padding-left:0; color:#000}
.index_4 ul li h4 { font-size:16px; padding:15px 20px 0 20px}
.index_4 ul li i { display:block; width:30px; height:2px; background:#ccc; margin:0 auto; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}
.index_4 ul li a:hover h3 { color:#5385FB}
.index_4 ul li a:hover span { border:2px #5385FB solid}
.index_4 ul li a:hover i { width:50px; background:#000}
*/

.index_4 ul li { float:left; width:50%; text-align:center; padding-bottom:20px}
.index_4 ul li a { display:block; width:90%; margin:0 auto; height:235px; box-shadow:0 0 5px #eee}
.index_4 ul li a:hover { box-shadow:0 0 10px #ddd}
.index_4 ul li img { opacity:1; margin:0 auto; display:block; position: relative; width:auto; left:auto; top:auto; padding-top:30px; height:60px}
.index_4 ul li h3 { font-size:18px; line-height:60px; padding-top:10px; padding-left:0; color:#888}
.index_4 ul li h3 span { font-size:40px; color:#000}
.index_4 ul li h4 { font-size:18px; padding:15px 20px 0 20px; color:#333}
.index_4 ul li i { display:block; width:30px; height:2px; background:#ccc; margin:0 auto; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}
.index_4 ul li a:hover i { width:50px; background:#5385FB }

@media screen and (max-width:1000px){
.index_4 { padding-top:50px}
.index_4 .infos { padding-left:0; overflow:hidden; padding-bottom:0}
.index_4 .w100 { height:auto}
.index_4 ul li img { height:40px}
.index_4 ul li a { height:170px}
.index_4 ul li h3 { line-height:40px}
.index_4 ul li h3 span { font-size:30px}
}


.index_4s { display:none}

.index_5 { background:#fff; padding-top:80px; margin-top:50px; opacity:0}
.index_5 h2 { color:#ff561d; font-size:16px; text-align:center; font-weight: normal; margin-top:50px; opacity:0}
.index_5 h3 { font-size:36px; line-height:40px; font-family:'Jost'; font-weight:normal; padding:10px 0 30px 0; text-align:center; margin:0 auto; margin-top:50px; opacity:0}


.index_5 .bd { width:1200px; margin:0 auto;}
.index_5 .bd ul li { float:left; width:50%; margin-top:50px; opacity:0}
.index_5 .bd ul li a { display:block; border:1px #ddd solid; width:580px; margin:0 auto; overflow:hidden}
.index_5 .bd ul li img { display:block; width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_5 .bd ul li a:hover img { transform:scale(1.05)}
.index_5 .bd ul li h4 { padding:10px 30px 30px 30px; font-size:18px; font-weight:bold; text-align:left; line-height:30px}
.index_5 .bd ul li h5 { font-size:16px; line-height:20px; padding:14px 0 0 30px}
.index_5 .bd ul li a:hover { box-shadow:0 0 10px #ccc}


.index_5 .bd2 { width:90%; margin:0 auto; padding-top:20px}
.index_5 .bd2 ul li { float:left; width:25%; opacity:0; padding-bottom:20px}
.index_5 .bd2 ul li a { display:block; width:90%; margin:0 auto; overflow:hidden; position:relative;padding-bottom:30px}
.index_5 .bd2 ul li img { display:block; width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; width:100%; height:auto; position:relative; z-index:22}
.index_5 .bd2 ul li a:hover img { transform:scale(1.05)}
.index_5 .bd2 ul li h4 { padding:15px 10px 10px 10px; font-size:18px; font-weight:bold; text-align:left; line-height:26px; height:43px; overflow:hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; background:#fff; position:relative; z-index:333}
.index_5 .bd2 ul li h5 { font-size:14px; position:absolute; bottom:138px; background:#fff; color:#5385FB; left:0; padding:5px 20px 0 20px; line-height:24px; border-radius:0 10px 0 0; text-align:center; z-index:44}
.index_5 .bd2 ul li h5 b { display:block; font-size:24px; }
.index_5 .bd2 ul li p { padding:0 10px 0px 10px; font-size:16px; text-align:left; line-height:20px; height:40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
/*.index_5 .bd2 ul li a:hover { box-shadow:0 0 5px #ccc}*/


.index_5 .bd3 { width:90%; margin:0 auto; padding-top:20px}
.index_5 .bd3 ul li { padding-bottom:20px}
.index_5 .bd3 ul li a { display:block; overflow:hidden; position:relative;}
.index_5 .bd3 ul li a img { display:block; width:300px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; height:auto; position:relative; z-index:22; float:left; margin-right:30px}
.index_5 .bd3 ul li a:hover img { transform:scale(1.05)}
.index_5 .bd3 ul li h4 { padding:15px 0 10px 0; font-size:18px; font-weight:bold; text-align:left; line-height:26px; height:43px; overflow:hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; background:#fff; position:relative; z-index:333}
.index_5 .bd3 ul li h5 { font-size:14px; position:absolute; bottom:0; background:#fff; color:#5385FB; left:0; padding:5px 20px 0 20px; line-height:24px; border-radius:0 10px 0 0; text-align:center; z-index:44}
.index_5 .bd3 ul li h5 b { display:block; font-size:24px; }
.index_5 .bd3 ul li p { padding:10px 0 0px 0; font-size:16px; text-align:left; line-height:20px; height:40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

@media all and (max-width:1000px) {
.index_5 { padding-top:10px;}
.index_5 h3 { font-size:24px}

.index_5 .bd2 { padding-top:0}
.index_5 .bd3 { padding-top:0}

.index_5 .bd3 ul li a img { width:100px}
.index_5 .bd3 ul li h5 { position:relative; bottom:auto; background:none; color:#888; left:auto; padding:5px 20px 0 20px; line-height:24px; border-radius:0 10px 0 0; text-align:left; z-index:44}
.index_5 .bd3 ul li h5 b { display:inline; font-size:14px; padding-right:10px}
.index_5 .bd3 ul li h4 { padding-top:0; font-size:16px}
}

.index_7 { padding-top:80px; margin-top:50px; opacity:0}
.index_7 h3 { font-size:16px; text-align:center; line-height:30px; padding-top:10px}
.index_7 h2 { font-size: 36px;
    line-height: 40px;
    font-family: 'Jost';
    font-weight: normal;
    padding: 10px 0;
    text-align: center;
    margin: 0 auto; margin-top:50px; opacity:0}
.index_7 .bd { width:90%; margin:0 auto; margin-top:50px; opacity:0; position:relative}
.index_7 .bd ul li { float:left; width:16.6%; padding-top:30px; position:relative}
.index_7 .bd ul li i { position:absolute; left:0; top:0; height:70px}
.index_7 .bd ul li a { display:block; border:1px #ddd solid; width:95%; margin:0 auto; margin-top:10px}
.index_7 .bd ul li a:hover { margin-top:0px; box-shadow:5px 5px 5px #ccc}
.index_7 .bd ul li img { display:block; margin:0 auto; width:100%}
.index_7 .bd ul li h4 { text-align:center; padding-top:15px; line-height:24px; font-size:16px}


.index_7 .bd a.prev { position:absolute; left:-50px; width:40px; height:60px; cursor:pointer; border-radius:3px; top:50%;}
.index_7 .bd a.prev i { display:block; text-align:center; line-height:60px; color:#ff561d; font-size:24px}
.index_7 .bd a.next { position:absolute; right:-50px; width:40px; height:60px; cursor:pointer; border-radius:3px; top:50%}
.index_7 .bd a.next i { display:block; text-align:center; line-height:60px; color:#ff561d; font-size:24px}
.index_7 .bd a.prev:hover i { color:#000}
.index_7 .bd a.next:hover i { color:#000}


@media screen and (max-width:1000px){
.index_7 { padding-top:30px;}
.index_7 h3 { font-size:14px; height:50px; line-height:20px}
.index_7 h2 { font-size:24px}
.index_7 .bd ul li { padding-top:0; width:33.3%}
.index_7 .bd ul li a:hover { margin-top:10px; box-shadow:5px 5px 5px #ccc}
.index_7 .bd a.prev { display:none}
.index_7 .bd a.next { display:none}
}












.index_6 { height:230px; background:url(../images/index_bg2.jpg) center no-repeat; cursor:pointer}




.index_9 { padding-top:80px; width:90%; margin:0 auto; overflow:hidden}
.index_9 h2 { font-size:30px; line-height:34px; padding:10px 0; text-align:center; padding-bottom:40px}
.index_9 ul li { float:left; width:25%; position:relative}
.index_9 ul li img { display:block; width:90%; margin:0 auto; position:relative; z-index:2}
.index_9 ul li h3 { padding:15px 0; font-size:18px; text-align:center}
.index_9 ul li h3 span { color:#ff561d; display:block; font-size:16px}
.index_9 ul li h4 { position:absolute; right:5%; left:5%; top:0; bottom:82px; background:rgba(0,0,0,0.8); z-index:444; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; opacity:0}
.index_9 ul li:hover h4 { opacity:1;}
.index_9 ul li h4 i { color:#fff; font-size:18px; position:absolute; left:50%; width:40px; text-align:center; margin-left:-20px; top:50%; line-height:30px; margin-top:-15px; cursor:pointer}
.index_9 ul li h4 i:nth-child(1) { margin-left:-60px}
.index_9 ul li h4 i:nth-child(3) { margin-left:20px}

.index_8 { padding-top:80px; margin-top:50px; opacity:0; overflow:hidden}
.index_8 .w100 { width:1200px}
.index_8 .ft { width:390px; position:relative; height:300px}
.index_8 .ft .bd2 { width:350px; z-index:222;}
.index_8 .ft .bd2 ul li img { display:block; position:relative; width:100%}
.index_8 .fr p.p2 { position:absolute; z-index:11; right:0px; top:0px; width:476px; height:318px; border:2px #333 solid; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none}
.index_8 .fr:hover img { padding-right:0px; padding-top:0px}
.index_8 .fr:hover p.p2 { right:20px; top:20px}

.index_8 .fr { width:350px; position:relative;}
.index_8 .fr img { width:100%}
/*.index_8 .fr ul li { float:left; width:159px; text-align:center}*/
/*.index_8 .fr ul li h3 { line-height:30px; color:#000; padding-bottom:5px; padding-left:0; padding-top:20px; display:block; position: relative;z-index: 1;}*/
/*.index_8 .fr ul li h3 span { font-size:36px;}*/
/*.index_8 .fr ul li h4 { font-size:16px; padding-top:10px; padding-bottom:20px}*/


.index_8 h2 { font-size:24px; line-height:24px; padding-left:15px; border-left:5px #eee solid}
.index_8 .infos { padding:15px 0; font-size:16px; line-height:28px}
.index_8 .ft2 { float:left; width:400px}
.index_8 a { display:block; margin-top:15px; width:140px; text-align:center; background:#5385FB; color:#fff; line-height:46px; border-radius:5px}
.index_8 a:hover { background:#ff561d}

.index_8 .hd { height:50px; border-bottom:2px #ddd solid; width:600px; padding-top:10px}
.index_8 .hd a { display:block; float:left; font-size:24px; line-height:50px; margin-right:20px}
.index_8 .hd a.on { color:#eb6e6e; border-bottom:2px #eb6e6e solid; cursor:pointer}

.index_8 .bd { width:600px;}
.index_8 .bd ul li { padding-top:20px}
.index_8 .bd ul li h3 { padding:0 0 10px 0; font-size:18px; font-weight:bold; text-align:left; line-height:24px; overflow:hidden}
.index_8 .bd ul li h4 { padding:10px 0 30px 0; font-size:16px; text-align:left; line-height:20px;}
.index_8 .bd ul li a { display:block; width:140px; font-size:16px; line-height:40px; background:#5385FB; color:#fff; text-align:center}
.index_8 .bd ul li a:hover { background:#eb6e6e;}

.index_8 .pli { overflow:hidden; text-align:center; clear:both; height:110px; display: none}
.index_8 .pli ul li { border:1px #ccc solid; margin:0 10px; display:inline-block; width:240px; height:107px; overflow:hidden}
.index_8 .pli ul li img { display:block; width:240px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none; margin:0 auto}
.index_8 .pli ul li:hover { border:1px #000 solid;}
.index_8 .pli ul li:hover img { border:1px #000 solid; transform:scale(0.9)}











.index_10 { padding-top:80px; width:95%; margin:0 auto; overflow:hidden}
.index_10 ul li { float:left; width:16.6%; position:relative}
.index_10 ul li img { display:block; width:95%; margin:0 auto; position:relative; z-index:2}

footer { background:#f5f5f5; padding:30px 0 30px 0; margin-top:50px; font-family:"sans-serif"}

footer .foot_1 { float:left; width:360px}
footer .foot_1 img { display:block; float:left; padding-right:15px}
footer .foot_1 h1 { font-size:12px; line-height:20px; padding:10px 0; font-weight:normal; clear:both}
footer .foot_1 ul li { border-bottom:1px #ddd solid; padding:5px 0;}
footer .foot_1 ul li b { color:#5385FB; padding-right:10px}
footer .foot_1 .links a { display:block; float:left; width:34px; line-height:34px; margin-top:15px; background:#f0f0f0; margin-left:20px; text-align:center; border-radius:50%; font-size:18px}
footer .foot_1 .links a:hover { background:#5385FB; color:#fff}

footer .foot_3 { float:left; width:320px}
footer .foot_3 ul { width:auto}
footer .foot_3 ul li { border-bottom:1px #ddd solid; font-size:16px; line-height:42px;}
footer .foot_3 ul li i { display:block; float:left; line-height:42px; padding-right:10px}
footer .foot_3 ul li a:hover { padding-left:10px}
footer .foot_3 ul li a:hover i { color:#5385FB}

footer .foot_2 { float:left; width:210px;}
footer .foot_2 h2 { font-size:18px; line-height:40px; padding-top:20px}
footer .foot_2 ul li { line-height:24px; font-size:12px}
footer .foot_2 ul li i { font-size:12px; padding-right:5px}
footer .foot_2 ul li a:hover { padding-left:10px}

footer .foot_4 { float:left; width:350px; padding-bottom:30px; font-size:12px; line-height:20px}
footer .foot_4 img { display:block; }
footer .foot_4 h3 { font-size:14px; color:#000; line-height:28px; padding: 10px 0;}
footer .foot_4 h4 { font-size:14px; line-height:20px; font-weight:normal; clear:both; padding-top:20px}
footer .foot_4 ul { padding-right:30px}
footer .foot_4 ul li { border-bottom:1px #ddd solid; padding:5px 0 5px 20px; position:relative}
footer .foot_4 ul li b { position:absolute; left:0; top:5px}
footer .foot_4 .links a { display:block; float:left; width:24px; line-height:24px; background:#5385FB; margin-right:10px; text-align:center; border-radius:50%; font-size:16px; color:#fff; margin-top:10px}
footer .foot_4 .links a:hover { background:#ff561d}


footer .foot_4s { float:left; width:25%; padding-bottom:30px; font-size:12px; line-height:20px}
footer .foot_4s img { display:block; }
footer .foot_4s h3 { font-size:14px; color:#000; line-height:28px; padding: 10px 0;}
footer .foot_4s h4 { font-size:16px; line-height:20px; font-weight:normal; clear:both; padding-bottom:5px}
footer .foot_4s ul { padding-right:30px}
footer .foot_4s ul li { border-bottom:1px #ddd solid; padding:5px 0 5px 20px; position:relative}
footer .foot_4s ul li b { position:absolute; left:0; top:5px}
footer .foot_4s .links a { display:block; float:left; width:34px; line-height:34px; margin-top:15px; background:#f0f0f0; margin-left:20px; text-align:center; border-radius:50%; font-size:18px}
footer .foot_4s .links a:hover { background:#5385FB; color:#fff}



.tc3 { position:fixed; z-index:8888; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.5); display:none}
.tc3 .tc_faz { width:100%; height:420px; position:absolute; left:0; top:50%; margin-top:-210px; z-index:11}
.tc3 .guanbi { position:absolute; right:15px; top:15px; display:block; width:26px; height:26px; cursor:pointer; background:url(../images/guanbi.png); background-size:100% 100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; text-decoration:none; z-index:22}
.tc3 .guanbi:hover { transform:rotate(180deg)}
.tc3 .tc_faz video { display:block; margin:0 auto; height:420px}
.tc3 .bg { position:absolute; z-index:10; left:0; top:0; right:0; bottom:0}


@media all and (max-width:1400px){

footer .foot_2 { float:left; width:180px;}
}

@media all and (max-width:1000px){
.tc3 .tc_faz { width:90%; height:100%; position:absolute; left:5%; top:20%; margin-top:0;}
.tc3 .tc_faz video { display:block; margin:0 auto; height:auto; width:100%}

footer .foot_2 { display:none}
footer .foot_4s { float:none !important; width:100% !important; padding-bottom:0; padding-top:20px}
}




.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-container,
.loading {
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 100%;
}

.loading-container {
    margin: 40px auto;
}

.loading {
    border: 1px solid transparent;
    border-color: transparent #0001FA transparent #0001FA;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading {
    transition: all 0.5s ease-in-out;
}

#loading-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100px;
    transform: translate(-50%, -50%);
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



.banner_s { height:240px; position:relative}
.banner_s.s1 { background:url(../images/about_banner_jp.jpg) left no-repeat; background-size:100% auto}
.banner_s.s2 { background:url(../images/solutions_banner_jp.jpg) left no-repeat; background-size:100% auto}
.banner_s.s3 { background:url(../images/product_banner_jp.jpg) center no-repeat; background-size:100% auto}
.banner_s.s4 { background:url(../images/other_banner_jp.jpg) center no-repeat; background-size:100% auto}
.banner_s.s5 { background:url(../images/other_banner_jp.jpg) center no-repeat; background-size:100% auto}
.banner_s.s6 { background:url(../images/manufacturing_banner_jp.jpg) center no-repeat; background-size:100% auto}
.banner_s.s7 { background:url(../images/humanresources_banner_jp.jpg) left no-repeat; background-size:100% auto}
.banner_s h2 { line-height:230px; text-align:center; font-size:48px; color:#fff; text-transform:uppercase; text-shadow:2px 2px 2px #000; display:none}
.banner_s h2 i { display:block; position:absolute; left:50%; width:40px; margin-left:-20px; bottom:70px; background:#fff; border-radius:2px; height:4px}


@media all and (max-width:500px){
.banner_s.s1 { background:url(../images/about_banner_jp.jpg) left no-repeat; background-size:150% auto}
.banner_s.s2 { background:url(../images/solutions_banner_jp.jpg) left no-repeat; background-size:150% auto}
.banner_s.s3 { background:url(../images/product_banner_jp.jpg) left no-repeat; background-size:130% auto}
.banner_s.s4 { background:url(../images/other_banner_jp.jpg) center no-repeat; background-size:150% auto}
.banner_s.s5 { background:url(../images/other_banner_jp.jpg) left no-repeat; background-size:150% auto}
.banner_s.s6 { background:url(../images/manufacturing_banner_jp.jpg) center no-repeat; background-size:150% auto}
.banner_s.s7 { background:url(../images/humanresources_banner_jp.jpg) left no-repeat; background-size:150% auto}
}


.about_1 { width:1200px; margin:0 auto; padding-top:80px}
.about_1 img { display:block; float:left; width:450px; margin-right:50px}
.about_1 h2 { font-size:36px; line-height:50px; font-family:'Jost'; font-weight:normal; padding:10px 0;}
.about_1 .infos { padding-top:10px; font-size:16px; padding-bottom:30px; line-height:30px}
.about_1 .infos img { max-width:100%; height:auto !important}
/*.about_1 ul { float:left; width:700px}*/
/*.about_1 ul li { float:left; width:25%; text-align:center; padding-top:0}*/
.about_1 ul li a { display:block; width:140px; margin:0 auto; height:140px; box-shadow:0 0 5px #eee}
.about_1 ul li a:hover { box-shadow:0 0 10px #ddd}
.about_1 ul li h3 { font-size:48px; line-height:60px; padding-top:20px; color:#5385FB; padding-bottom:5px; padding-left:0}
.about_1 ul li h4 { font-size:16px; padding-top:15px}



.about_2 { height:200px; background:url(../images/counter-bg.jpg) center #fff; background-size:100% auto; margin-top:50px}
.about_2 ul { width:1200px; margin:0 auto}
.about_2 ul li { float:left; width:25%; text-align:center}
.about_2 ul li h3 { font-size:48px; line-height:60px; padding-top:60px; color:#fff; font-weight:bold}
.about_2 ul li h4 { font-size:16px; color:#ccc}


.about_3 { padding-top:80px; position:relative; width:90%; margin:0 auto}
.about_3 h2 { font-size:36px; line-height:50px; font-family:'Jost'; font-weight:normal; text-align:center; padding-bottom:30px}
.about_3 .bd { position:relative; z-index:22}
.about_3 .bd ul li { float:left; width:25%}
.about_3 .bd ul li h3 { padding:0 20px 0 20px; height:180px; overflow:hidden; margin-bottom:15px; font-size:16px; line-height:30px}
.about_3 .bd ul li i { display:block; width:10px; height:10px; margin:0 auto; background:#5385FB; border-radius:50%}
.about_3 .bd ul li h4 { text-align:center; font-size:24px; color:#5385FB; line-height:40px; padding-top:10px}
.about_3 .hd { height:40px; line-height:40px; text-align:center}
.about_3 .hd ul li { display:inline-block; height:15px; width:15px; background:#ccc; margin:0 5px; cursor:pointer}
.about_3 .hd ul li.on { background:#5385FB;}
.about_3 .bg { border-bottom:1px #ddd solid; position:absolute; height:1px; left:0; right:0; bottom:95px; z-index:1}


.about_4 { padding-top:80px; width:90%; margin:0 auto}
.about_4 h2 { font-size:36px; line-height:50px; font-family:'Jost'; font-weight:normal; text-align:center}
.about_4 h3 { padding-top:15px; text-align:center; font-size:16px; color:#888}
.about_4 ul { padding-top:30px}
.about_4 ul li { float:left; width:20%; padding-bottom:30px}
.about_4 ul li img { display:block; width:90%; margin:0 auto}


.about_5 { padding-top:80px; width:1200px; margin:0 auto}
.about_5 h2 { font-size:36px; line-height:50px; font-family:'Jost'; font-weight:normal; text-align:center; padding-bottom:30px}
.about_5 ul li { float:left; width:33.3%; padding-bottom:30px; position:relative}
.about_5 ul li img { display:block; width:60px; position:absolute; left:10px; top:0px}
.about_5 ul li h3 { font-size:18px; padding-left:90px; padding-right:10px}
.about_5 ul li h4 { font-size:16px; padding-left:90px; padding-right:10px; padding-top:10px; color:#888}



.solutions_1 { padding-top:60px}
.solutions_1 h2 { color:#ff561d; font-size:16px; text-align:center; font-weight: normal; margin-bottom:10px}
.solutions_1 h2 a { display:inline-block; padding:5px 20px; margin:0 1px; background:#f5f5f5}
.solutions_1 h2 a.on { background:#5385FB; color:#fff}
.solutions_1 h3 { font-size:36px; line-height:40px; font-family:'Jost'; font-weight:normal; padding:10px 0 30px 0; text-align:center; margin:0 auto}


.solutions_1 .bd { width:1200px; margin:0 auto; font-size:18px; line-height:32px}
/*.solutions_1 .bd ul li a:hover img { transform:scale(1.05)}*/
.solutions_1 .bd h4 { padding:15px 20px 30px 20px; font-size:24px; font-weight:bold; text-align:center; line-height:24px; overflow:hidden}
.solutions_1 .bd img { display:block; float:left; margin:10px 50px 10px 0; width:560px}
.solutions_1 .bd img.fr { float:right; margin:5px 0 5px 50px; width:560px}


.solutions_1 .bd2 { width:1200px; margin:0 auto; font-size:18px; line-height:32px}
/*.solutions_1 .bd ul li a:hover img { transform:scale(1.05)}*/
.solutions_1 .bd2 h4 { padding:15px 20px 30px 20px; font-size:24px; font-weight:bold; text-align:center; line-height:24px; overflow:hidden}
.solutions_1 .bd2 img { max-width:100%; margin:0 auto;display:block}

/*.solutions_1 .bd ul li a:hover { box-shadow:0 0 10px #ccc}*/


.nowsite { height:40px; line-height:40px; background:#f5f5f5; padding-left:20px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}


.content { width:1200px; margin:0 auto; padding-top:60px}
.content h1 { font-size:36px; line-height:40px; font-family:'Jost'; font-weight:normal; padding:10px 0 30px 0; text-align:center; margin:0 auto; border-bottom:1px #ddd dashed; margin-bottom:10px}
.content h3 { font-size:16px; line-height:30px; text-align:center}
.content h3 i { padding-right:10px}

.content .text { padding:30px 0; font-size:16px; line-height:32px}
.content .text img { display:block; margin:10px auto; max-width:100%}





.product_1 { padding-top:60px}
.product_1 h2 { color:#ff561d; font-size:16px; text-align:center; font-weight: normal; margin-bottom:30px}
.product_1 h2 a { display:inline-block; padding:5px 20px; margin:0 1px; background:#f5f5f5;margin-bottom:5px}
.product_1 h2 a.on { background:#5385FB; color:#fff}

.product_1 ul { width:1200px; margin:0 auto}
.product_1 ul li { float:left; width:25%; padding-bottom:20px;height:340px}
.product_1 ul li a { display:block; width:90%; margin:0 auto}
.product_1 ul li a img { display:block; width:100%; border:1px #eee solid}
.product_1 ul li h3 { font-size:18px; text-align:center; padding:10px 0 10px 0; line-height:26px; font-weight:bold;height:52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product_1 ul li h4 { text-align:center; line-height:20px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}





.product { width:80%; margin:0 auto; padding:40px 0}
.product .pro_gd { width:auto}
/*.product .pro_gd .bd { width:1000px}*/
.product .pro_gd .bd { width:800px; float:left;}
.product .pro_gd .bd ul { width:600px; margin:0 auto}
.product .pro_gd .bd ul li img { display:block; width:100%; cursor:pointer; height:600px;}

.product .pro_gd .hd { padding-top:30px; text-align:center; clear:both}
.product .pro_gd .hd ul li { display:inline-block; padding:0 8px}
.product .pro_gd .hd ul li img { display:block; width:100px; height:100px; border:2px #ccc solid; cursor:pointer}
.product .pro_gd .hd ul li.on img { border:2px #ff561d solid}
.product .pro_gd .hd ul li .pro_info { display:none}

.product .pro_tit {}
.product .pro_tit h1 { font-size:24px; line-height:40px; font-variant:normal; padding-bottom:5px; display:none}
.product .pro_tit h3 { line-height:34px; margin-bottom:15px; display:none}
.product .pro_tit h3 a { padding:3px 10px; background:#f5f5f5; margin:0 5px; border-radius:3px;}
.product .pro_tit .pro_info { font-size:18px; line-height:40px; padding-top:70px}
.product .pro_tit .pro_info img { max-width:100%}


@media all and (max-width:1400px) {
.product .pro_gd .bd { width:600px}
.product .pro_gd .bd ul { width:450px;}
.product .pro_gd .bd ul li img { height:450px;}

.product .pro_gd .hd ul li img { width:80px; height:80px}
.product .pro_tit .pro_info { font-size:16px; line-height:32px; padding-top:20px; padding-bottom:30px}
/*.product .pro_gd .bd ul li img { height:500px}*/
/*.product .pro_gd .hd ul li img { width:60px; height:60px}*/
}


@media all and (max-width:1000px) {
.product { width:90%; padding:0}
.product .pro_gd { float:none; margin-right:0; width:100%;}
.product .pro_gd .bd { height:auto; width:auto; margin:0}
/*.product .pro_gd .bd ul li img { border:1px #ddd solid}*/

.product .pro_gd .hd { padding-top:10px}
.product .pro_gd .hd ul li { padding-right:10px;padding:0 0px}
.product .pro_gd .hd ul li img { display:block; 
width:50px;
height:auto;}

.product .pro_tit { padding-top:15px; clear:both}
.product .pro_tit h1 { font-size:24px; line-height:30px;}
.product .pro_tit .pro_info { font-size:16px; line-height:26px}
}





.faq { width:1200px; margin:0 auto; padding:60px 0}
.faq h2 { font-size:36px; line-height:50px; font-family:'Jost'; font-weight:normal; text-align:center; padding-bottom:30px}

.faq ul li { padding:20px 0; border-bottom:1px #ddd solid}
.faq ul li h3 { font-size:18px; padding:10px 0 10px 0; line-height:40px; font-weight:bold;}
.faq ul li h4 { line-height:20px; padding-bottom:2px; font-size:16px}
.faq ul li a { color:#ff561d}
.faq ul li a:hover { padding-left:10px}
.faq ul li img { max-width:100%}




.contact_1 { padding-top:40px; width:600px; float:left}
.contact_1 ul li { float:left; width:50%; text-align:center; padding-bottom:20px}
.contact_1 ul li a { display:block; width:95%; margin:0 auto; border:1px #ddd solid; border-top:2px #5385FB solid; font-size:14px; line-height:30px; padding-bottom:20px; font-family:"sans-serif"}
.contact_1 ul li h3 { text-align:center; font-size:18px; line-height:50px; padding-top:10px; font-weight:bold}
.contact_1 ul li a:hover { box-shadow:0 0 5px #ccc}


.contact_2 { margin-top:20px; float:right; width:500px; border-radius:10px; box-shadow:0 0 10px #ccc; height:800px}
.contact_2 h2 { font-size:24px; line-height:40px; font-family:'Jost'; font-weight:normal; padding:20px 0 0 30px}
.contact_2 h3 { font-size:16px; line-height:30px; padding:5px 0 20px 30px; color:#888}
.contact_1 .ft { padding-top:30px}
.contact_1 .ft h3 { font-size:24px; font-weight:bold; line-height:40px}
.contact_1 .ft h4 { font-size:18px; padding-top:15px; line-height:30px}

.contact_2 .fr { padding:0 30px; float:none; margin:0 auto}
.contact_2 .fr ul li { padding-bottom:15px}
.contact_2 .fr ul li .inp1 { background:#f0f0f0; width:100%; padding:0 2.5%; border:0 none; line-height:34px; height:34px;box-sizing: border-box;}
.contact_2 .fr ul li .inp3 { background:#f0f0f0; width:100%; padding:10px 2.5%; border:0 none;box-sizing: border-box;}


.contact_2 .fr ul li .inp2 { cursor:pointer; width:140px; font-size:18px; color:#fff; border:0 none; height:42px; line-height:42px; text-align:center; background:#5385FB}

.contact_2 .list{
    margin-top: 10px;
    margin-bottom: 10px;
}
.contact_2 .list a{
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #5385FB;
    color: #5385FB ;
    border-radius: 5px;
}

.contact_3 { height:300px; margin-top:50px}

@media all and (max-width:1440px) {
.contact_2 { width:400px;}
.contact_1 {width:550px;}
}

.head_r2{
    padding-top: 19px;
    /* position: absolute; */
    /* right: 0; */
    float: right;
    margin-left: 20px;
    font-size: 20px;
    display: none;
}
.fr_lan{
    float: right;
    padding-top: 22px;
    margin-left: 5px;
}
.fr_lan a{
    padding: 0 20px;
}
.fr_lan h3{
    position: absolute;
    z-index: 556;
    background: #fff;
    display: none;
        -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.fr_lan h3 a{
        display: block;
    /*padding-right: 20px;*/
    border-bottom: 1px #ddd solid;
    font-size: 14px;
}
.fr_lan h3 a:hover{
    background: #F8FCFA;
}
.fr_lan:hover h3{
    display: block;
}
.fr h3{
    position: absolute;
    z-index: 556;
    background: #fff;
    display: none;
        -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.fr h3 a{
        display: block;
    padding-right: 20px;
    border-bottom: 1px #ddd solid;
    font-size: 12px;
}
.fr h3 a:hover{
    background: #F8FCFA;
}
.head_1 .fr:hover h3{
    display: block;
}
.contact_2 .fr .tj input{
        display: block;
    width: 120px;
    line-height: 34px;
    border: 1px #5385FB solid;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #5385FB;
}
footer {
    padding: 30px 0 5px 0;
}
.f_c{
    color: #3f3f3f;
    text-align: center;
}
.product .pro_gd .bd ul li img{
    object-fit: cover;
}
.product .pro_gd .hd ul li img{
    object-fit: cover;
}


.about_1 .category-nav{
    float: left;
    margin-right: 50px;
}
.about_1 .category-nav a{
    display: block;
        width: 265px;
    text-align: left;
    /*border-bottom: 1px solid #B8B8B8;*/
    padding-left: 20px;
    background: #f5f5f5;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 36px;
    
}
.about_1 .category-nav a.on {
    background: #5385FB;
    color: #fff;
}
.about_1 h3{
    font-size: 18px;
    line-height: 24px;
    font-weight: 800; height: 34px; border-bottom: 1px #eee solid; padding-top: 20px;
}
.solutions_1{
    width: 1200px;
    margin: 0 auto;
}
.about_1 .infos{
    padding-left: 335px;
}
.solutions_1 h2{
    /*float: right;*/
}
.solutions_1 h2 a{
    /*display: block;*/
    margin-bottom: 5px;
    text-align: left;
}


.shuban h2 { color:#ff561d; font-size:16px; text-align:center; font-weight: normal; margin-bottom:50px;opacity:1}
.shuban h2 a { display:inline-block; padding:5px 20px; margin:0 1px; background:#f5f5f5}
.shuban h2 a.on { background:#5385FB; color:#fff}
.shuban .touch a b{
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    color: #5385FB;
    padding-right: 10px;
}
.shuban h2 a {
    text-align: left;
}
.shuban{
    width: 1200px;
    margin: 0 auto;
}
.shuban h2{
    /*float: right;*/
    margin-top: 0;
        width: 258px;
}
.shuban h2 b{
    display: block;
    text-align: left;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #333;
    
}
.shuban h2 a{
    display: block;
    margin-bottom: 5px;
}
.shuban .bd2{
    padding-top: 0;
}
.shuban .bd2 ul li a{
    width: 90%;
}
.shuban .bd2 ul li img{
    float: left;
    width: 280px;
    margin-right: 20px;
}
.shuban .bd2 ul li h5{
    bottom: 0;
}
.shuban .bd2 ul li a{
    padding-bottom: 0;
}
.shuban .bd2 ul li h4{
    height: 38px;
    margin-bottom: 10px;
    padding-top: 0;
}


.hum{
    opacity: 1;padding-top:0;margin-top:0;overflow: hidden;
}
.hum .bd{
    opacity: 1;margin-top:0;overflow: hidden;margin-top:30px
}
.hum h3{
    color: #333;
    text-align: left;
    margin-top: 0;;
    margin-left: 10px;
    font-size: 16px;
    line-height: 26px;
}
.hum .bd ul li{
    width: 23%;
    padding: 0 0;
    margin: 10px;
    display:inline-block;cursor:pointer;
        box-sizing: border-box;
}
.hum .bd ul li img{
    width:100%;height:210px;object-fit:cover;
}
.about_1 .infos img{
    float: none;
    width: auto;
    max-width: auto;
    min-width: auto;
    margin-right: 0;
    margin: 0 auto;
}
.index_5 .bd2 ul li div{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px; line-height: 24px;
    }
.shuban .bd2 ul li div{
    height: 40px; font-size: 14px;
}
.many-img .bd li{
    /*float:left;width:865px;height:400px;overflow: hidden;*/
}
.many-img img{
    height:100%;object-fit:cover;width: auto;
}
@media all and (max-width:1440px) {
    header nav ul li{
         /*margin-right: 35px;*/
         font-size: 16px;
    }
    .index_4 .w100{
        width: 1100px;
    }
    .index_4 ul li img { padding-top:20px}
    .index_4 ul li h4 { font-size:16px; line-height:24px}
    
    .index_2 .infos { font-size:16px; line-height:24px}
    .index_8 .w100{
        width: 90%;
    }
    .index_8 .ft{
    }
    .index_8 .ft img{
        width: 100%;
    }
    .index_8 .ft2{
        width: 400px;
    }
    
    .solutions_1{
        width: 1000px;
    }
    
    .banner_s{
        height: 200px;
    }
    .banner_s h2{
        line-height: 150px;
        font-size: 32px;
    }
    .banner_s h2 i{
        bottom: 36px;
    }
    .about_1{
        width: 1000px;
    }
    .about_2 ul{
        width: 1000px;
    }
    .about_5{
        width: 1000px;
    }
    .solutions_1 .bd{
        width: 1000px; font-size: 16px; line-height: 28px;
    }
    .solutions_1 .bd2{
        width: 1000px; font-size: 16px; line-height: 28px;
    }
    .solutions_1 .bd img { width:400px; margin-right:40px}
    .solutions_1 .bd img.fr { width:400px; margin-right:0; margin-left:40px}
    .faq{
        width: 1000px;
    }
    .content{
        width: 1000px;
    }
    .about_1 .infos a img{
        width: 90%;
    }
}
@media all and (max-width:1200px) {
    header nav ul li{
         margin-right: 20px; font-size: 14px;
    }
}
@media all and (max-width:1120px) {
    header nav ul li{
         margin-right: 15px;
    }
}
@media all and (max-width:1000px) {
    .head_1{
        display: none;
    }
    .fr_lan{
        display: block;
    }
    .head_r2{
        display: block;
    }
    header{
        position: relative;
    }
    header nav{
        display: none;
    }
    header nav ul{
        position: absolute;
        /*right: 80px;*/
        width: 100%;
        left: 0;
        top: 60px;
        background: #fff;
        padding: 10px 20px;
        box-sizing: border-box;
    
    }
    header nav ul li{
        float: none;
        height: auto;
        padding: 10px 0; border-bottom: 1px #eee dashed;
       
    }
    header nav ul li:hover h3{
        display: auto;
    }
    header nav ul li h3{
        position: static;
        width: 100%;
        display: block;
        display: flex;
        flex-wrap: wrap; display: none
    }
    header nav ul li h3 a{
        width: 100%;
        /*float: left;*/
        margin: 0 5px;
        box-sizing: border-box;
    }
    header nav ul li.nav_on i.a1{
        width: 100%;
        left: 0;
        bottom: 0;
    }
    
    .index_4 .w100{
        width: 95%;
    }
    .index_4 img.img1{
        left: 20%; display: none;
    }
    .index_4 p.p1{
        left: 23%; display: none
    }
    .index_4:hover p.p1{
        left: 20%;
    }
    .index_gd{
        height: 300px;
    }
    .index_gd .bd ul li img{
        height: 300px;
        object-fit: cover;
    }
    
     .index_2 .infos{
        width: 95%;
        font-size: 16px;
    }
    .index_2 .bd ul li{
        width: 50%;
    }
    .index_8 .ft{
        display: none;
    }
    .index_8 .ft2{
        float: none;
    }
    .index_5 .bd2 ul li{
        width: 100%;
    }
    .index_5 .bd2 ul li a{
        width: 100%;
        padding-bottom: 0;
    }
    .index_5 .bd2 ul li img{
        float: left;
        width: 30%;
        margin-right: 20px;
    }
    .index_5 .bd2 ul li h5{
        display: none;
    }
    .index_5 .bd2 ul li div { clear:both; padding:10px 0 0 0}
    
    footer .foot_1{
        margin-bottom: 20px;
    }
    footer .foot_2{
        float: none;
        margin-top: 20px;
        padding-left:0;
        width: 100%;
    }
    footer .foot_2 ul li .inp1{
        width: 100%;
    }
    footer .foot_2 ul li textarea{
        width: 100%;
    }
    footer .foot_2 h2{
        padding-left: 0;
    }
    footer .foot_2 ul li{
        padding-left: 0;
    }
    
    footer .foot_4{
        float: none;
        width: 100%;
    }
    footer .foot_3{
        width: 100%;
    }
    .about_1{
        width: 95%; padding-top:0px
    }
    .about_1 img{
        float: none;
        margin: auto;
        
    }
    .about_2 ul{
         width: 95%;
    }
    .about_2 ul li h3{
        font-size: 32px;
    }
    .about_4{
        width: 95%;
    }
    .about_4 ul li{
        width: 50%;
    }
    .about_5{
         width: 95%;
    }
    .about_5 ul li{
        width: 100%;
    }
    .about_3{
        width: 95%;
    }
    .solutions_1 .bd{
        width: 100%;
    }
    .solutions_1 .bd ul li a{
        width: 96%;
    }
    .product_1 ul{
        width: 95%;
    }
    .product_1 ul li{
        /*width: 50%;*/
    }
    .faq{
        width: 95%;
    }
    .contact_1{
        width: 95%;
    }
    .contact_2{
        width: auto; float: none;
    }
    .contact_2 .ft{
        width: 100%;
    }
    .contact_1 ul li a { font-size:12px; line-height:20px; height: 130px}
    .contact_1 ul li h3 { font-size:16px}
    .contact_1 ul li{
        width: 50%;
    }
    .product{
        padding: 20px 0;
    }
    .content{
        width: 95%; padding-top: 20px;
    }
    .content h1 { font-size:18px; line-height:30px; padding-bottom:10px}
    .content h3 { font-size:14px}
    .content .text { font-size:14px; line-height:24px}
    .product .pro_gd .hd ul li img{
        /*height: 60px;*/
    }
    .index_8 .pli{
        height: auto;
    }
    .index_8 .pli ul li{
        width: 44%;
    }
    .index_8 .pli ul li img{
        
    }
    .solutions_1{
        width: 95%; padding-top:20px ;
    }
    .solutions_1 .bd ul li h4 { font-size:18px}
    .index_5{
        width: 95%;
    }
    .about_1 .category-nav{
        float: none; margin: 0; display: none;
    }
    .about_1 .infos{
        padding-left: 0;
    }
    .about_1 .category-nav a { display:inline-block; padding:5px 10px; background:#f5f5f5;width:auto; font-size:12px}
    .solutions_1 h2{
        float: none; display: none;
    }
    .solutions_1 .bd ul li{
        width: 100%;
    }
    .solutions_1 .category-nav a { display:inline-block; padding:5px 20px;  background:#f5f5f5;width:auto}
    
    .solutions_1 .bd ul li{
        /*width: 50%;*/
    }
    .solutions_1 .bd ul li img{
        float: none;
        width: 100%;
    }
    .solutions_1 .bd ul li a{
        padding-bottom: 10px;
    }
    .about_1 .infos img{
        width: 100%;
    }
    .hum .bd ul li{
        width: 45%;
    }
}
/* 底部缩略图横向滚动专用样式 */
.thumb-list {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    padding-bottom: 8px !important;
}
.thumb-list li {
    white-space: nowrap;
    float: none !important;
    display: inline-block !important;
}
/* 滚动条美化 */
.thumb-list::-webkit-scrollbar {height:4px;}
.thumb-list::-webkit-scrollbar-thumb {background:#ccc;border-radius:2px;}

.many-img {margin-top:15px;}
/* 可视容器：最小高度保证图片显示，宽度自适应 */
.many-img .bd {
    max-width: 865px;
    width: 92%;
    min-height: 400px;
    overflow:hidden;
    position:relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    background: #f8f8f8;
}
/* 横向滑动容器 */
.many-img .big-img-list {
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    display:flex;
}
/* 单张图片格子 */
.many-img .big-img-list li {
    flex-shrink:0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 图片自适应，不变形 */
.many-img .big-img-list li img {
    max-width: 90%;
    max-height: 380px;
    width: auto;
    height: auto;
}
/* 缩略图容器跟随宽度 */
.many-img .hd {
    max-width: 865px;
    width: 92%;
    margin: 30px auto 0;
}
/* 单张图片 */
.single-img {
    max-width: 865px;
    width: 92%;
    max-height: 400px;
    display:block;
    margin:15px auto 0;
}

/* 小于1000px平板手机 */
@media screen and (max-width:1000px){
    .many-img .bd,
    .many-img .hd,
    .single-img {
        width: 96%;
    }
    .many-img .bd {
        min-height: 300px;
    }
    .many-img .big-img-list li img {
        max-height: 280px;
    }
    .solutions_1 .bd h4 { font-size:18px; padding:0 15px}
    .solutions_1 .bd { text-align:justify}
    .solutions_1 .bd img { max-width:100%; margin-right:0; float:none}
    .solutions_1 .bd img.fr {  max-width:100%; margin-right:0; margin-left:0; float:none}
    
    
    .solutions_1 .bd2 h4 { font-size:18px; padding:0 15px}
    .solutions_1 .bd2 { text-align:justify; width:100%}
    .solutions_1 .bd2 img { max-width:100%; margin-right:0; float:none}
    .solutions_1 .bd2 img.fr { margin-right:0; margin-left:0; float:none}
}























































@media screen and (max-width:1400px){
.index_8 .fr { display:none}
}

@media screen and (max-width:1000px){
.index_8 { padding-top:30px}
.index_8 .fr { float:none; margin:0 auto; max-width:100%}
.index_8 .ft2 { width:auto; padding-top:20px}

.index_10 { padding-top:30px; overflow:hidden}
.index_10 ul li { width:33.3%;}
}




.index_11 { padding-top:80px; width:95%; margin:0 auto; overflow:hidden}
.index_11 h2 { font-size:36px; line-height:40px; padding:10px 0; font-family:'Jost'; font-weight:normal; text-align:center; padding-bottom:20px}
.index_11 ul li { float:left; width:33.3%; position:relative}
.index_11 ul li img { display:block; margin:0 auto; position:relative; z-index:2; }
.index_11 ul li h3 { width:95%; margin:0 auto; text-align:center; padding-top:10px; font-size:24px; line-height:50px}
.index_11 ul li h4 { width:95%; margin:0 auto;}


.index_12 { padding-top:80px; width:95%; margin:0 auto; overflow:hidden}
.index_12 h2 { font-size:36px; line-height:40px; padding:10px 0; font-family:'Jost'; font-weight:normal; text-align:center; padding-bottom:20px}
.index_12 ul li { float:left; width:25%; position:relative; padding-top:20px}
.index_12 ul li img { display:block; margin:0 auto; position:relative; z-index:2}
.index_12 ul li h3 { width:95%; margin:0 auto; text-align:center; padding-top:10px; font-size:16px; line-height:24px}


@media screen and (max-width:1400px){
.index_11 ul li h3 { font-size:18px; font-weight:bold}
}

@media screen and (max-width:1000px){
.index_11 { padding-top:30px;}
.index_12 { padding-top:30px;}

.index_12 ul li { width:50%;}
.index_11 h2 { font-size:24px}
.index_12 h2 { font-size:24px}

.index_11 ul li { float:none; width:auto; position:relative; padding-bottom:15px}
.index_11 ul li img { float:left; width:30%; margin-right:15px}
.index_11 ul li h4 { clear:both; width:100%; padding-top:10px}
.index_11 ul li h3 { font-size:18px; line-height:32px; text-align:left}



.product_1 { padding-top:20px}
.product_1 ul li { width:50%; height:auto}
.product_1 ul li h3 { font-size:14px}
}


.about_fz { padding:20px 0; position:relative}
.about_fz ul li { padding-bottom:20px; margin-bottom:20px; padding-left:130px; font-size:16px; line-height:28px; position:relative}
.about_fz ul li h5 { font-size:24px; position:absolute; left:20px; top:0; line-height:28px;}
.about_fz ul li i { position:absolute; left:90px; top:6px; width:13px; line-height:14px; height:14px; font-size:14px; background:#5385FB; color:#fff; border-radius:50%; text-align:center}
.about_fz .ds1 { position:absolute; width:1px; background:#eee; left:96px; top:27px; bottom:27px; opacity:0.5}
.about_fz ul li:hover i { background:#ff561d}

@media all and (max-width:520px) {
.banner_s { height:140px}
}
@media all and (max-width:520px) {
.index_gd { height:200px}
.index_gd .bd ul li img { height:200px}

.banner_s { height:120px}
.product .pro_tit h1 { font-size: 18px;}
.banner_s h2 {
        line-height: 120px;
        font-size: 18px;
}

.index_8 a { width: 100px; line-height: 36px;font-size:14px}
}




.c_li { overflow:hidden}
.c_li ul li { float:left; width:16.6%}
.c_li ul li img { display:block; width:100%}

.c_li.m1 { display:block}
.c_li.m2 { display:none}

@media all and (max-width:1000px){
.c_li.m1 { display:none}
.c_li.m2 { display:block}
.c_li ul li { float:left; width:25%}
}