@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"Arial"; -webkit-text-size-adjust:none; overflow-x:hidden}

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:#777; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#333;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:1580px; margin:0 auto}

@media all and (max-width:1880px){
.w100 { width:1280px;}
}
@media all and (max-width:1440px){
.w100 { width:1080px;}
}
@media all and (max-width:1100px){
.w100 { width:90%; max-width:750px}
}



header { position:absolute; left:0; top:0; right:0; z-index:8888}
header .head_logo { display:block; padding-top:50px; position:relative; z-index:344}
header .head_logo img { display:block; margin:0 auto}
header .head_logo img.logo2 { display:none}

header nav { padding-top:30px; height:45px; text-align:center; position:relative; z-index:343;}
header nav ul li { display:inline; position:relative; padding-bottom:23px}
header nav ul li a { color:#000; padding:5px 30px; font-size:18px}
header nav ul li i { display:block; position:absolute; left:50%; bottom:0; width:14px; height:13px; margin-left:-7px; background:url(../images/head_ico1.png); display:none}
header nav ul li:hover a i { display:block}

@media all and (max-width:1680px){
header .head_logo { padding-top:40px;}
header nav { padding-top:20px;}
}

header .bg1 { background:rgba(255,255,255,0.8); position:absolute; left:0; top:0; right:0; height:180px; z-index:22; display:none}
header .bg2 { background:rgba(255,255,255,0.8); position:absolute; left:0; top:180px; right:0; height:180px; z-index:22; display:none}

@media all and (max-width:1680px){
header .bg1 { height:160px;}
header .bg2 { top:160px}
}
header .nav_a2 { position:absolute; left:0; right:0; bottom:-160px; z-index:345; display:none}
header .nav_a2 ul.nav1 { width:824px; margin:0 auto}
header .nav_a2 ul li { float:left; width:206px; text-align:center; font-size:14px}
header .nav_a2 ul li img { display:block; margin:0 auto; margin-bottom:5px; padding:4px; width:132px; height:109px}
header .nav_a2 ul li a:hover img { background:#ccc}
header .nav_a2 ul.nav2 { width:1030px; margin:0 auto}

header.head_on .bg1 { display:block;}
header.head_on .bg2 { display:block;}
header.head_on nav { border-bottom:1px #ccc solid}
header.head_on .nav_a2 { display:block}

header .head_r { position:absolute; bottom:15px; right:5%; background:rgba(255,255,255,0.5); height:32px; border-radius:10px; width:100px; z-index:345}
header .head_r .head_ss { float:left; width:50px; height:34px; position:relative; z-index:444}
header .head_r .head_ss i { display:block; width:50px; height:34px; background:url(../images/search_ico.png) center no-repeat; background-size:35% auto}

header .head_r .head_yy { float:left; width:50px; height:34px; text-align:center; line-height:34px; position:relative; z-index:445}
header .head_r .head_yy h3 { position:absolute; width:50px; right:0px; top:32px; text-align:center; display:none; padding-top:15px}
header .head_r .head_yy h3 a { display:block; text-align:center; padding-top:6px}


header .head_r .head_ss2 { position:absolute; left:-300px; top:0; width:400px; background:rgba(255,255,255,0.5); height:32px; border-radius:10px; display:none; z-index:333}
header .head_r .head_ss2 .ss_1 { margin:4px 0 0 15px; border-left:1px #fff solid; padding-left:10px; line-height:22px; height:22px; width:270px; background:none;}
header .head_r .head_ss2 .ss_2 { position:relative; z-index:333; cursor:pointer; opacity:0}
header .head_r .head_ss2 i { display:block; width:50px; height:34px; background:url(../images/search_ico.png) center no-repeat; position:absolute; left:317px; top:0; height:100%; width:16px;}


header .head_r.ss_on { background:none}
header .head_r.ss_on .head_ss i { opacity:0}
header .head_r.ss_on .head_ss2 { display:block}


header .head_r2 { display:none; z-index:445; position:relative}


header.he1 .bg1 { background:rgba(255,255,255,1);}
header.he1 .bg2 { background:rgba(255,255,255,1);}

@media all and (max-width:1440px){
header .head_r .head_ss2 { left:-100px; width:200px;}
header .head_r .head_ss2 .ss_1 { width:70px; background:none;}
header .head_r .head_ss2 i { left:117px;}
}

@media all and (max-width:1100px){
header { z-index:9100}
header .head_logo { padding-top:10px; float:left; padding-left:15px}
header .head_logo img { height:30px}
header .head_logo img.logo2 { display:none}

header .head_r { right:60px; bottom:10px}

header nav { padding-top:0px; height:auto; text-align:left; position:absolute;left:0; top:0px; width:100%; display:none; background:#fff; padding-bottom:20px; padding-top:60px}
header nav ul li { display:block; position:relative; padding:10px 0; width:40%}
header nav ul li a { color:#000; padding:5px 20px; font-size:12px}
header nav ul li i { display:none}
header nav ul li:hover a i { display:none}


header .nav_a2 { position:absolute; left:auto; right:0; bottom:auto; top:50px; width:68%}
header .nav_a2 ul.nav1 { width:auto; margin:0 auto}
header .nav_a2 ul li { width:33.3%; font-size:14px; float:left; padding-bottom:10px}
header .nav_a2 ul li a { display:block; padding:0 5px; font-size:12px;white-space: nowrap;}
header .nav_a2 ul li img {width:100%; height:auto}
header .nav_a2 ul.nav2 { width:auto; margin:0 auto}

header .head_r2 { display: block; line-height:50px; float:right; padding-right:20px; color:#666; font-size:18px}

header .bg1 { background:rgba(255,255,255,0.9); height:50px;}
header .bg2 { background:rgba(255,255,255,0.9); top:50px; height:180px}

header .head_r .head_yy { font-size:12px}
}



.body2 header .head_logo img { display:none}
.body2 header .head_logo img.logo2 { display:block}
.body2 header a { color:#fff;}
.body2 header.head_on nav { border-bottom:1px #bbb solid}
.body2 header .bg1 { background:rgba(0,0,0,0.2);}
.body2 header .bg2 { background:rgba(0,0,0,0.2);}
.body2 header nav ul li i { background:url(../images/head_ico2.png);}
.body2 header .nav_a2 ul li a:hover img { background:#aaa}
.body2 header .head_r .head_yy h3 a { color:#333}
.body2 header .head_r .head_ss i { color:#333}


.indexs header { position:fixed}

@media all and (max-width:1100px){
.body2 header a { color:#333;}

}







.right1 { position:fixed; right:0; top:50%; width:180px; z-index:9999}
.right1 img { display:block; width:100%}

@media all and (max-width:1970px){
.right1 { width:150px;}

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

}




.right2 { position:fixed; right:5%; bottom:5%; width:50px; z-index:9999; cursor:pointer; opacity:0.3}
.right2 img { display:block; width:100%}
.right2:hover { opacity:0.6}

.indexs .right2 { display:none}

.banner { height:1040px; overflow:hidden; position:relative; z-index:22}
.banner .bd { height:1040px; position:relative; z-index:11}
.banner .bd ul { margin:0 auto}
.banner .bd ul li { height:1040px;}
.banner .prev { position:absolute; left:0px; width:110px; height:110px; cursor:pointer; top:50%; margin-top:-55px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; z-index:222}
.banner .prev i { display:block; height:110px; background:url(../images/index_ico5.png) center no-repeat; opacity:0.5}
.banner .next { position:absolute; right:0px; width:110px; height:110px; cursor:pointer; top:50%; margin-top:-55px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; z-index:223}
.banner .next i { display:block; height:110px; background:url(../images/index_ico6.png) center no-repeat; opacity:0.5}
.banner .prev:hover { background:rgba(255,255,255,0.5); border-radius:5px;}
.banner .prev:hover i { opacity:1}
.banner .next:hover { background:rgba(255,255,255,0.5); border-radius:5px;}
.banner .next:hover i { opacity:1}

.banner .hd { position:absolute; left:0; right:0; bottom:20px; text-align:center; z-index:22}
.banner .hd ul li { display:inline; padding:0 5px; cursor:pointer; font-size:18px}
.banner .hd ul li i { opacity:0.1}
.banner .hd ul li.on i { opacity:1}

@media all and (max-width:1970px){
.banner { height:780px;}
.banner .bd { height:780px;}
.banner .bd ul li { height:780px;}

}
@media all and (max-width:1580px){
.banner { height:640px;}
.banner .bd { height:640px;}
.banner .bd ul li { height:640px;}

.banner .prev { width:80px; height:80px; margin-top:-40px;}
.banner .prev i { height:80px; background:url(../images/index_ico5.png) center no-repeat; background-size:25% auto}
.banner .next { width:80px; height:80px; margin-top:-40px;}
.banner .next i { height:80px; background:url(../images/index_ico6.png) center no-repeat; background-size:25% auto}
}
@media all and (max-width:1100px){
.banner { height:440px;}
.banner .bd { height:440px;}
.banner .bd ul li { height:440px;}

.banner .prev { width:40px; height:40px; margin-top:-20px;}
.banner .next { width:40px; height:40px; margin-top:-20px;}
}
@media all and (max-width:550px){
.banner { height:220px;}
.banner .bd { height:220px;}
.banner .bd ul li { height:220px;}

.banner .hd { bottom:5px;}
.banner .hd ul li { font-size:12px}

}

.index_1 { width:1580px; margin:0 auto; padding:110px 0 90px}
.index_1 ul { width:1616px;}
.index_1 ul li { float:left; width:404px; text-align:center; font-size:18px}
.index_1 ul li a { display:block; width:330px; height:270px; background:#FAFAFC; border-radius:20px}
.index_1 ul li a:hover { box-shadow:10px 10px 3px #f0f0f0}

.index_1 ul li img { display:block; margin:0 auto; padding-top:10px;}
.index_1 ul li span { font-size:48px; color:#727071; padding-right:10px; font-weight:bold}
.index_1 ul li h3 { text-align:center; font-size:18px; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:25px}


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

.index_1 { width:1280px; margin:0 auto; padding:80px 0}
.index_1 ul { width:1304px;}
.index_1 ul li { width:326px;}
.index_1 ul li a { width:302px; height:240px;}

.index_1 ul li img { padding-top:10px; width:50%}
.index_1 ul li span { font-size:36px;}
}

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

.index_1 { width:1080px; padding:50px 0}
.index_1 ul { width:1100px;}
.index_1 ul li { width:275px;}
.index_1 ul li a { width:255px; height:200px;}

.index_1 ul li img { width:50%}
.index_1 ul li span { font-size:24px;}
.index_1 ul li h3 { font-size:16px}
}


@media all and (max-width:1100px){
.index_1 { width:100%; padding:30px 0 10px 0}
.index_1 ul { width:auto;}
.index_1 ul li { width:25%; padding-bottom:15px}
.index_1 ul li a { width:95%; margin:0 auto; height:170px;}
.index_1 ul li span { font-size:18px}
.index_1 ul li img { padding-top:15px; padding-bottom:5px; width:60%}
.index_1 ul li h3 { font-size:12px; line-height:16px}
}


.index_2 { width:1580px; margin:0 auto}
.index_2 h2 { font-size:46px; text-align:center; line-height:50px; font-weight:bold; padding-bottom:30px}
.index_2 ul { width:1615px}
.index_2 ul li { float:left; width:323px; padding:10px 0}
.index_2 ul li a { display:block; margin-top:40px; position:relative; width:288px; padding:10px; background:#fff;}
.index_2 ul li p { right:10px; bottom:10px; z-index:22; position:absolute; left:10px; top:10px; background:rgba(0,0,0,0.2); z-index:2}
.index_2 ul li img { display:block; width:100%; height:auto}
.index_2 ul li h3 { position:absolute; left:25px; bottom:20px; color:#fff; font-size:18px; font-weight:bold; z-index:33}

.index_2 ul li a:hover { background:#fff; box-shadow:5px 5px 8px #ccc;}



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

.index_2 { width:1280px;}
.index_2 h2 { font-size:30px; line-height:40px;}
.index_2 ul { width:1305px}
.index_2 ul li { width:261px}
.index_2 ul li a { margin-top:30px; width:236px}
.index_2 ul li h3 { font-size:16px;}
}

@media all and (max-width:1440px){
.index_2 { width:1080px;}
.index_2 h2 { font-size:24px; line-height:30px;}
.index_2 ul { width:1090px}
.index_2 ul li { width:218px}
.index_2 ul li a { margin-top:20px; width:208px; padding:5px}
.index_2 ul li h3 { font-size:16px;}
.index_2 ul li p { right:5px; bottom:5px; left:5px; top:5px;}

}
@media all and (max-width:1100px){
.index_2 { width:90%;}
.index_2 h2 { padding-bottom:0}
.index_2 ul { width:auto}
.index_2 ul li { width:33.3%; padding-bottom:0}
.index_2 ul li a { margin-top:5px; width:90%;}
.index_2 ul li h3 { left:10px; bottom:10px; font-size:14px;}
}




.index_3 { width:1580px; margin:0 auto; padding:80px 0 130px 0; position:relative}
.index_3 .bd { width:1632px;}
.index_3 .bd ul li { float:left; width:408px; text-align:center; font-size:16px}
.index_3 .bd ul li a { display:block; width:356px; position:relative;}

.index_3 .bd ul li img { display:block; width:100%}
.index_3 .bd ul li img.img1 { position:absolute; left:0; top:0; opacity:0; right:0; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_3 .bd ul li a:hover img.img1 { opacity:1}

.index_3 .bd ul li h3 { padding-top:15px; font-size:16px; color:#333; line-height:24px; height:50px}
.index_3 .bd ul li h4 { padding-top:10px; color:#aaa; line-height:20px; height:80px}
.index_3 .bd ul li h5 { width:200px; margin:0 auto; border:1px #ccc solid; text-align:center; line-height:32px; border-radius:5px; font-size:14px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; position:relative; overflow:hidden}
.index_3 .bd ul li h5 span { display:block; position:relative; z-index:222; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_3 .bd ul li h5 i { display:block; position:absolute; left:0; top:0; height:100%; background:#383735; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; z-index:111; width:0}

.index_3 .bd ul li h5:hover { color:#fff}
.index_3 .bd ul li h5:hover i { width:100%}

.index_3 .prev { position:absolute; left:-150px; width:110px; height:110px; cursor:pointer; top:50%; margin-top:-55px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_3 .prev i { display:block; height:110px; background:url(../images/index_ico5.png) center no-repeat; opacity:0.5}
.index_3 .next { position:absolute; right:-150px; width:110px; height:110px; cursor:pointer; top:50%; margin-top:-55px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_3 .next i { display:block; height:110px; background:url(../images/index_ico6.png) center no-repeat; opacity:0.5}
.index_3 .prev:hover { background:#F4F4F4; border-radius:5px;}
.index_3 .prev:hover i { opacity:1}
.index_3 .next:hover { background:#F4F4F4; border-radius:5px;}
.index_3 .next:hover i { opacity:1}

.index_3 .prev.prevStop { display:none}
.index_3 .next.nextStop { display:none}

@media all and (max-width:1880px){
.index_3 { width:1280px; padding:60px 0 80px 0}
.index_3 .bd { width:1300px;}
.index_3 .bd ul li { width:325px;}
.index_3 .bd ul li a { width:305px;}

.index_3 .prev { left:-100px; width:80px; height:80px; margin-top:-40px;}
.index_3 .prev i { height:80px}
.index_3 .next { right:-100px; width:80px; height:80px; margin-top:-40px}
.index_3 .next i { height:80px}
}
@media all and (max-width:1440px){
.index_3 { width:1080px; padding:40px 0 60px 0}
.index_3 .bd { width:1100px;}
.index_3 .bd ul li { width:275px;}
.index_3 .bd ul li a { width:255px;}

.index_3 .prev { left:-60px; width:50px; height:50px; margin-top:-25px;}
.index_3 .prev i { height:50px}
.index_3 .next { right:-60px; width:50px; height:50px; margin-top:-25px}
.index_3 .next i { height:50px}
.index_3 .bd ul li h3 { font-size:16px}
}
@media all and (max-width:1100px){
.index_3 { width:100%; padding:30px 0 40px 0}
.index_3 .bd { width:auto;}
.index_3 .bd ul li { width:50%; padding-bottom:20px}
.index_3 .bd ul li a { width:90%; margin:0 auto}


.index_3 .bd ul li h3 { font-size:14px; line-height:20px; height:40px}
.index_3 .bd ul li h4 { line-height:18px; font-size:12px}
.index_3 .bd ul li h5 { width:80%; line-height:28px; font-size:12px}

.index_3 .prev { left:0; width:40px; height:40px; margin-top:-20px; display:none}
.index_3 .prev i { height:40px}
.index_3 .next { right:0; width:40px; height:40px; margin-top:-20px; display:none}
.index_3 .next i { height:40px}

}


.index_4 { width:1580px; margin:0 auto; position:relative; padding-bottom:90px}
.index_4 h2 { font-size:46px; text-align:center; line-height:50px; font-weight:bold; padding-bottom:50px}
.index_4 .bd { width:1675px;}
.index_4 .bd ul li { float:left; width:335px; padding-top:60px; margin-bottom:65px}
.index_4 .bd ul li a { display:block; position:relative; width:240px;}
.index_4 .bd ul li img { display:block; width:100%; border-radius:15px}
.index_4 .bd ul li h3 { font-size:14px; color:#333; position:absolute; bottom:-65px; left:0; width:100%; text-align:center}
.index_4 .bd ul li i { background:url(../images/play.png); width:87px; height:87px; position:absolute; left:50%; margin-left:-44px; top:30%}
.index_4 .bd ul li video { display:none; position:absolute; left:0; width:100%; top:0; height:100%; border-radius:10px}

.index_4 .prev { position:absolute; left:-150px; width:110px; height:110px; cursor:pointer; top:50%; margin-top:-55px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_4 .prev i { display:block; height:110px; background:url(../images/index_ico5.png) center no-repeat; opacity:0.5}
.index_4 .next { position:absolute; right:-150px; width:110px; height:110px; cursor:pointer; top:50%; margin-top:-55px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_4 .next i { display:block; height:110px; background:url(../images/index_ico6.png) center no-repeat; opacity:0.5}
.index_4 .prev:hover { background:#F4F4F4; border-radius:5px;}
.index_4 .prev:hover i { opacity:1}
.index_4 .next:hover { background:#F4F4F4; border-radius:5px;}
.index_4 .next:hover i { opacity:1}

.index_4 .prev.prevStop { display:none}
.index_4 .next.nextStop { display:none}


@media all and (max-width:1880px){
.index_4 { width:1280px; padding-bottom:80px}
.index_4 h2 { font-size:30px; line-height:40px; padding-bottom:40px}
.index_4 .bd { width:1300px;}
.index_4 .bd ul li { width:260px; padding-top:50px}

.index_4 .prev { left:-100px; width:80px; height:80px; margin-top:-40px;}
.index_4 .prev i { height:80px}
.index_4 .next { right:-100px; width:80px; height:80px}
.index_4 .next i { height:80px}
}
@media all and (max-width:1440px){
.index_4 { width:1080px;}
.index_4 h2 { font-size:24px; line-height:30px; padding-bottom:30px;}
.index_4 .bd { width:1100px;}
.index_4 .bd ul li { width:220px; padding-top:40px}
.index_4 .bd ul li a { width:200px}
.index_4 .bd ul li h3 { font-size:14px;}

.index_4 .prev { left:-60px; width:50px; height:50px; margin-top:-25px;}
.index_4 .prev i { height:50px}
.index_4 .next { right:-60px; width:50px; height:50px; margin-top:-25px}
.index_4 .next i { height:50px}
}
@media all and (max-width:1110px){
.index_4 { width:100%;}
.index_4 h2 { padding-bottom:0px;}
.index_4 .bd { width:auto}
.index_4 .bd ul li { width:33.3%}
.index_4 .bd ul li a { width:90%; margin:0 auto}
.index_4 .bd ul li h3 { font-size:14px; bottom:-65px; font-size:14px}

.index_4 .prev { left:0; width:40px; height:40px; margin-top:-20px; display:none}
.index_4 .prev i { height:40px}
.index_4 .next { right:0; width:40px; height:40px; margin-top:-20px; display:none}
.index_4 .next i { height:40px}

.index_4 .prev.prevStop { display:block}
.index_4 .next.nextStop { display:block}
}

.index_5 { padding-bottom:90px}
.index_5 h2 { font-size:46px; text-align:center; line-height:50px; font-weight:bold;}

@media all and (max-width:1880px){
.index_5 { padding-bottom:70px}
.index_5 h2 { font-size:30px; line-height:40px;}
}
@media all and (max-width:1440px){
.index_5 { padding-bottom:50px}
.index_5 h2 { font-size:24px; line-height:30px;}
}
@media all and (max-width:1100px){
.index_5 { padding-bottom:30px}
}




.index_6 { width:1580px; margin:0 auto; position:relative; padding:90px 0}
.index_6 h2 { font-size:46px; text-align:center; line-height:50px; font-weight:bold;}
.index_6 ul { width:1590px}
.index_6 ul li { float:left; width:530px; padding-bottom:15px; padding-top:90px}
.index_6 ul li a { display:block; padding-top:40px; position:relative; width:520px; padding-top:10px; height:343px}
.index_6 ul li img { display:block; width:500px; height:185px; margin:0 auto}
.index_6 ul li h3 { color:#333; font-size:24px; font-weight:bold; line-height:30px; padding:15px 15px 0 15px; height:60px}
.index_6 ul li h4 { color:#aaa; padding-left:15px; padding-top:15px}
.index_6 ul li h5 { color:#aaa; padding:0 15px}

.index_6 ul li a:hover { background:#f5f5f5; box-shadow:10px 10px 3px #f0f0f0}

.index_6 .prev { position:absolute; left:-150px; width:110px; height:110px; cursor:pointer; top:50%; margin-top:-55px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_6 .prev i { display:block; height:110px; background:url(../images/index_ico5.png) center no-repeat; opacity:0.5}
.index_6 .next { position:absolute; right:-150px; width:110px; height:110px; cursor:pointer; top:50%; margin-top:-55px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_6 .next i { display:block; height:110px; background:url(../images/index_ico6.png) center no-repeat; opacity:0.5}
.index_6 .prev:hover { background:#F4F4F4; border-radius:5px;}
.index_6 .prev:hover i { opacity:1}
.index_6 .next:hover { background:#F4F4F4; border-radius:5px;}
.index_6 .next:hover i { opacity:1}

.index_6 .prev.prevStop { display:none}
.index_6 .next.nextStop { display:none}

.index_6 .more { padding-top:30px}
.index_6 .more a { display:block; width:500px; margin:0 auto; border:1px #ccc solid; text-align:center; line-height:30px; border-radius:5px; font-size:16px; position:relative; overflow:hidden}


.index_6 .more a span { display:block; position:relative; z-index:222; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_6 .more a i { display:block; position:absolute; left:0; top:0; height:100%; background:#383735; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; z-index:111; width:0}

.index_6 .more a:hover { color:#fff}
.index_6 .more a:hover i { width:100%}




@media all and (max-width:1880px){
.index_6 { width:1280px; padding:80px 0}
.index_6 h2 { font-size:30px; line-height:40px;}
.index_6 ul { width:1302px;}
.index_6 ul li { width:424px; padding-top:40px}
.index_6 ul li a { width:402px; height:320px}
.index_6 ul li img { display:block; width:380px; height:145px; margin:0 auto}
.index_6 ul li h3 { font-size:16px;}

.index_6 .prev { left:-100px; width:80px; height:80px; margin-top:-40px;}
.index_6 .prev i { height:80px}
.index_6 .next { right:-100px; width:80px; height:80px}
.index_6 .next i { height:80px}
}

@media all and (max-width:1440px){
.index_6 { width:1080px; padding:60px 0}
.index_6 h2 { font-size:24px; line-height:30px;}
.index_6 ul { width:1104px;}
.index_6 ul li { width:368px; padding-top:30px}
.index_6 ul li a { width:344px; height:240px}
.index_6 ul li img { width:324px; height:auto}
.index_6 ul li h3 { font-size:16px;}

.index_6 .prev { left:-60px; width:50px; height:50px; margin-top:-25px;}
.index_6 .prev i { height:50px}
.index_6 .next { right:-60px; width:50px; height:50px; margin-top:-25px}
.index_6 .next i { height:50px;}

}

@media all and (max-width:1100px){
.index_6 { width:90%; padding:40px 0}
.index_6 ul { width:auto;}
.index_6 ul li { width:100%; padding-top:10px}
.index_6 ul li a { width:100%; height:auto; max-width:400px}
.index_6 ul li img { width:100%; height:auto}
.index_6 ul li h3 { font-size:16px;}

.index_6 .prev { left:-5%; top:auto; bottom:80px}
.index_6 .prev i {background-size:20%}
.index_6 .next { right:-5%; top:auto; bottom:80px}
.index_6 .next i {background-size:20%}

.index_6 .prev.prevStop { display:block}
.index_6 .next.nextStop { display:block}

.index_6 .more a { width:auto; font-size:12px}
}



.mod8 {background: url('../images/mod8-bg.jpg') no-repeat center center; background-size:100%; height: 640px;transition: background-size 1.2s ease-in-out,opacity 1.2s;}
.flex {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

@media(max-width: 1636px) {
.mod8 { height:540px}
}
.mod8 .list-item {flex: 0.5; height: 100%;border-right: 1px solid #ccc; display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;padding: 0 5%;
transition: flex 1s;}
.mod8 .list-item img {max-width: 50px;}
.mod8 .list-item.active {flex: 3; background: url('../images/mod8-active-bg.png') no-repeat center center; background-size: cover; align-items: normal;}
.mod8 .list-item.active > div.title, .mod8 .list-item.active > img {
    display: none;
}
.mod8 .list-item div.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.mod8 .list-item .desc {
    line-height: 2; 
    letter-spacing: 2px; 
    opacity: 0;
    display: none;
}
@keyframes reveal-up {
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.mod8 .list-item .desc.active {
    transform: translateY(100px);
    animation: reveal-up 1s 1s cubic-bezier(.215,.61,.355,1) 1 forwards; font-size: 16px;
    display: block;
}
.mod8 .list-item .desc.active img {
    margin-bottom: 30px;
}
.mod8 .list-item .desc a {
    display: block;
    width: fit-content;
    padding: 4px 20px;
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 40px;
    height: 35px;
    line-height: 35px;
}



@media (min-width: 992px) {
    .mod8:hover {background-size: 130% !important; opacity: 0.9;}
}
@media (max-width: 993px) {
    .mod8.flex {flex-direction: column; display:block; overflow: hidden;}
    .mod8 .list-item {height: 90px; border-right: 0; border-bottom: 1px solid #ccc; }
    .mod8 .list-item img { display:none}
    .mod8 .list-item.active { height:235px}
    .mod8 .list-item div.title { padding-top:10px; opacity:1; text-align:center; padding-top:20px}
    .mod8 {background-size: cover !important; height: auto;}
    .mod8 .list-item .desc a {margin: 20px auto;}
    .mod8 .list-item .desc {letter-spacing:0}
    .mod8 .list-item .desc.active {display:block; text-align: center; height:235px}
    .mod8 .list-item .desc div.title { display:block}
    .mod8 .list-item .desc img { display:none}
	
}






footer { background:#F7F7F7; padding:50px 0; overflow:hidden}
footer .w100 { position:relative; width:1920px}
footer .foot_1 { top:100px; position:absolute; left:0}
footer .foot_2 { top:90px; position:absolute; right:0; text-align:right}
footer .foot_2 h2 { font-size:18px; color:#aaa; padding-bottom:15px; font-weight:normal}
footer .foot_2 ul li { float:left; padding-left:25px; position:relative; cursor:pointer}
footer .foot_2 ul li img { display:block; padding:2px; border:2px #ccc solid; border-radius:5px; width:22px}
footer .foot_2 ul li img.img3 { display:none; position:absolute; top:40px; left:25px; width:100px; padding:0; border:0 none; border-radius:0}

footer .foot_3 { width:1060px; margin:0 auto}
footer .foot_3 h3 { padding-top:50px; text-align:center; padding-bottom:30px}
footer .foot_3 h3 a { padding:0 30px; font-size:16px; font-weight:bold; color:#000; }
footer .foot_3 ul { overflow:hidden}
footer .foot_3 ul li { float:left; width:25%; font-size:12px; line-height:33px}
footer .foot_3 ul li img { display:block; float:left; padding-right:10px; height:33px}

footer .foot_3 h4 { text-align:center; padding-top:30px; line-height:40px; color:#666}
footer .foot_3 h5 { text-align:center; padding-top:20px;}
footer .foot_3 h5 a { padding:0 20px}


@media all and (max-width:1920px){
footer .foot_1 { top:90px;}
footer .foot_2 { top:80px;}
footer .w100 { width:1580px}
footer .foot_3 { width:1060px; margin:0 auto}
footer .foot_3 h3 { padding-top:30px; padding-bottom:20px}
footer .foot_3 ul li { line-height:38px}

}

@media all and (max-width:1680px){
footer .w100 { width:1280px}
footer .foot_3 { width:730px}
footer .foot_3 ul li img { padding-top:5px}
footer .foot_3 ul li { font-size:12px; line-height:20px;}
footer .foot_3 h4 { padding-top:30px; line-height:30px}
}

@media all and (max-width:1440px){
footer .w100 { width:1080px}
footer .foot_1 img { width:150px}
footer .foot_2 ul li { padding-left:10px;}
footer .foot_2 ul li img.img3 { left:15px;}
}

@media all and (max-width:1100px){
footer { padding:30px 0;}
footer .w100 { width:90%}
footer .foot_1 { display:none}
footer .foot_2 { position:relative; top:auto; right:auto; text-align:center; height:200px; padding-top:20px}
footer .foot_2 h2 { padding-bottom:5px;}
footer .foot_2 ul { width:200px; margin:0 auto}
footer .foot_2 ul li { float:left; padding:0 10px;}
footer .foot_2 ul li img.img3 { left:10px; }

footer .foot_3 { width:auto}

footer .foot_3 h3 { padding-top:0px; padding-bottom:20px}
footer .foot_3 h3 a { padding:0 10px; font-size:12px; white-space: nowrap;}
footer .foot_3 ul li { width:50%; font-size:12px; padding-bottom:10px}
footer .foot_3 ul li img { padding-top:0; width:20px}
footer .foot_3 ul { overflow:hidden}
footer .foot_3 h4 { padding-top:20px; line-height:20px; font-size:12px;}
footer .foot_3 h5 { padding-top:10px;}
footer .foot_3 h5 a { padding:0 20px}

}






.tc { position:fixed; z-index:8888; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.8); display:none}

.tc .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}
.tc .guanbi:hover { transform:rotate(180deg)}

.tc video { display:block; position:absolute; left:50%; top:5%; height:90%}


@media (max-width: 820px){

}




.nowsite { position:absolute; left:30px; top:200px; color:#888; z-index:8887}
.nowsite a { color:#888;}
.nowsite span { color:#333; font-weight:bold}
.nowsite i { padding:0 5px}

.body2 .nowsite { color:#ccc}
.body2 .nowsite a { color:#ccc}
.body2 .nowsite span { color:#fff}

@media (max-width: 1000px) {
.nowsite { left:20px; top:60px; font-size:12px}
.nowsite2 { left:20px; top:60px; font-size:12px}

}

.about_banner { position:relative; overflow:hidden; height:880px}
.about_banner p { display:block; width:100%; position:absolute; left:0; top:0; height:100%; z-index:22; background:rgba(0,0,0,0.25)}
.about_banner h1 { width:100%; position:absolute; left:0; top:50%; text-align:center; color:#fff; font-size:48px; z-index:23; line-height:80px; margin-top:-20px; text-transform: uppercase}
.about_banner h3 { width:60%; position:absolute; left:20%; top:50%; margin-top:30px; text-align:center; color:#fff; font-size:24px; z-index:23; line-height:42px}


@media (max-width: 1970px) {
.about_banner { height:660px}

}

@media (max-width: 1100px) {
.about_banner { height:440px}
.about_banner h3 { width:90%; left:5%; font-size:18px; line-height:32px}
.about_banner h1 { width:90%; left:5%; font-size:18px; line-height:32px; margin-top:0px}
}
@media (max-width: 550px) {
.about_banner { height:220px}

}

.about_1 { padding:70px 0 200px 0}
.about_1 h2 { text-align:center; font-size:70px; line-height:100px; font-weight:normal; padding-bottom:20px}
.about_1 .zhaiyao { font-size:24px; text-align:center; padding:20px 0 60px 0; line-height:58px; color:#666}
.about_1 video { display:block; margin:0 auto; width:1480px; height:836px}


@media (max-width: 1970px) {
.about_1 { padding:70px 0 110px 0}
.about_1 h2 { font-size:58px; line-height:80px;}
.about_1 .zhaiyao { font-size:18px; padding:20px 0 50px 0; line-height:48px;}
.about_1 video { width:1280px; height:720px}

}
@media (max-width: 1100px) {
.about_1 { padding:30px 0 60px 0; width:90%; margin:0 auto}
.about_1 h2 { font-size:24px; line-height:30px; padding-bottom:0}
.about_1 .zhaiyao { font-size:16px; padding:10px 0; line-height:30px;}
.about_1 video { width:90%; height:350px}
.about_1 .zhaiyao span { font-size:14px !important}
}




.history { width:1660px; margin:200px auto 100px; position:relative;}
.history .history_hd { position:absolute; left:0; top:0px; border-left:1px #aaa solid; display:none}
.history .history_hd ul li { line-height:60px; padding-left:20px; position:relative; color:#888; cursor:pointer; font-size:18px}
.history .history_hd ul li a.h_on { color:#333}
.history .history_hd ul li a.h_on i { display:block; width:9px; height:9px; background:#727071; border-radius:50%; position:absolute; left:-5px; top:25px}


.history .history_li { width:1660px; border-bottom:1px #aaa solid; margin:0 auto}
.history .history_li ul li { border-top:1px #aaa solid; padding:70px 0; overflow:hidden; position:relative}
.history .history_li ul li img { float:right; width:780px; margin-top:50px; opacity:0}
.history .history_li ul li h3 { font-size:120px; line-height:120px; font-weight:bold; color:#F4A89B; font-family:'Arial'; margin-top:50px; opacity:0}
.history .history_li ul li h4 { font-size:36px; line-height:40px; padding-top:5px; margin-top:50px; opacity:0}
.history .history_li ul li h5 { position:absolute; font-size:18px; left:0; bottom:60px; width:840px; line-height:46px; opacity:0;}

.history .history_li ul li:nth-child(2n) img { float:left;}
.history .history_li ul li:nth-child(2n) h3 { text-align:right}
.history .history_li ul li:nth-child(2n) h4 { text-align:right}
.history .history_li ul li:nth-child(2n) h5 { left:628px; left:auto; right:0; text-align:right}



@media (max-width: 1680px) {
.history { width:1280px; margin:80px auto 80px}
.history .history_li { }
.history .history_li ul li { padding:50px 0;}
.history .history_li ul li img { width:488px}
.history .history_li ul li h3 { font-size:90px; line-height:90px;}
.history .history_li ul li h4 { font-size:30px;}
.history .history_li ul li h5 { width:600px; font-size:16px; bottom:40px; line-height:34px}

}

@media (max-width: 1100px) {
.history { width:90%; margin:30px auto 0}
.history .history_li { width:auto; float:none}
.history .history_li ul li img { width:50%}
.history .history_li ul li h3 { font-size:60px; line-height:60px;}
.history .history_li ul li h4 { font-size:18px;}
.history .history_li ul li h5 { font-size:14px; width:45%; line-height:24px; position:relative; left:auto; bottom:auto; padding-top:20px}

.history .history_li ul li:nth-child(2n) h5 { left:auto; left:auto; right:auto; text-align:right; float:right}

.history .history_hd { display:none}

    
}

@media (max-width: 560px) {
.history .history_li ul li { padding:30px 0}
.history .history_li ul li img { width:80%; float:none; margin:0 auto !important; float:none; padding-bottom:10px; display:block}
.history .history_li ul li h3 { font-size:36px; line-height:40px;}
.history .history_li ul li h4 { font-size:16px;}
.history .history_li ul li h5 { font-size:12px; width:auto; line-height:20px;}

.history .history_li ul li:nth-child(2n) img { float:none;}
.history .history_li ul li:nth-child(2n) h3 { text-align:left}
.history .history_li ul li:nth-child(2n) h4 { text-align:left}
.history .history_li ul li:nth-child(2n) h5 { left:auto; left:auto; right:auto; text-align:left; float:none; padding-top:10px}

.history .history_hd { display:none}

    
}






.headbg { height:300px}


.body3 header nav { border-bottom:1px #ccc solid}
.body3 header .bg1 { opacity:0}



.codes_c{
    width: 1440px;
    margin: 50px auto 170px auto;
    padding: 130px 0 140px 0;
    box-shadow:0 0 10px #eee,0 0 10px #eee,0 0 10px #eee,0 0 10px #eee;
}
.codes_c h3 { line-height: 60px; width: 1090px; margin: 0 auto; font-size:18px; padding-bottom:20px}
.codes_c .searchTF{ width: 1090px; margin: 0 auto; overflow:hidden; padding-bottom:50px}
.codes_c .searchTF input{
    height: 48px;
    padding-left: 25px; float: left; width: 860px; line-height: 48px; border: 1px #ddd solid ;
} 
.codes_c .searchTF .botton{
    width: 150px;
    height: 50px;
    cursor: pointer; background:#727071; border-radius:5px; color:#fff; float: right; text-align: center; font-size: 18px; line-height: 50px;
} 
.codes_c .searchTF .botton span { padding:0 3px}
.codes_c ul { clear:both; width: 1090px; margin: 0 auto; color:#888}
.codes_c ul li { font-size:14px; line-height:24px}


@media(max-width: 1970px) {
.codes_c{
    width: 1280px;
    margin: 30px auto 100px auto;
    padding: 100px 0 110px 0;
}
}

@media (max-width: 1440px) {
.codes_c { width:1080px; margin:20px auto 80px auto; padding:50px 0}
.codes_c h3 { width:90%; font-size:18px;}
.codes_c .searchTF{ width: 90%; padding-bottom:30px}
.codes_c .searchTF input { width:80%}
.codes_c ul { width: 90%}
}

@media (max-width: 1100px) {
.codes_c { width:90%; padding:30px 0}
.codes_c h3 { font-size:16px; line-height:20px; padding:15px 0}
.codes_c .searchTF{ width: 90%; padding-bottom:30px}
.codes_c .searchTF input { width:90%; float:none}
.codes_c .searchTF .botton { float:none; margin:20px auto 0; line-height:40px; display: block; height:40px}
.codes_c ul { width: 90%}
.codes_c ul li { font-size:14px; line-height:24px}
}


@media(max-width: 1100px) {
.headbg { height:100px}
}



.contact{ width: 1280px; margin: 0px auto;padding: 0 0 100px 0; min-height:500px}
.contact h3 { font-size:36px; line-height:40px; padding-bottom:30px}

.bottonList{ display: flex; align-items: center; margin-bottom: 30px; flex-wrap: wrap;}
.contact .bgText{margin-top: 30px;}
.contact .bgText select { display:block; width:300px; line-height:34px; height:34px; border:1px #999 solid}
.contact .button{
    width: 120px;
    height: 50px;
    border: 1px solid #c4c4c4;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #727071;
    color: #fff; border-radius:5px; font-size:16px;
    padding: 0px 6px;
    margin:0 auto 15px auto;
} 
.contact .button:hover {
    background: #333;
}
.bgText textarea{
    width: 96%;
    height: 120px;
    padding:15px 0; background:#f5f5f5; border:0 none; border-bottom:1px #ccc solid; padding:10px 2%; resize:none;
}
.contact .inpOne{width: 100%;margin-top: 22px; overflow:hidden; position:relative}
.contact .inpOne input{width:44%; height: 50px; float:left; padding:0 2%; background:#f5f5f5; border:0 none; border-bottom:1px #ccc solid}
.contact .inpOne input:nth-child(2){float:right}
.contact .inpOne i { position:absolute; left:690px; top:12px; color:#aaa; font-size:24px}
.contact .inpOne .layui-btn { position:absolute; right:0; top:0; bottom:0; width:50px; opacity:0; z-index:444}
.contact .inpOne #img1 { position:absolute; left:690px; top:12px; height:26px; z-index:443; display:none; max-width:55px}

.contact .inpOne i.fa-plus { left:auto; right:20px}
.contact .inpOne p { position:absolute; left:760px; top:12px; color:#aaa; font-size:14px; line-height:24px; display:none}

.contact .inpTwo{width: 100%;margin-top: 20px;}
.contact .inpTwo input{width: 48%;height: 50px;padding-left: 15px;}
.contact .inpTwo input:nth-child(1){margin-right: 4%;}
.contact .inpThree{width: 100%;margin-top: 20px;}
.contact .inpThree input{width: 48%;height: 50px;padding-left: 15px;}
.contact .inpThree input:nth-child(1){margin-right: 4%;}
.contact .inpFour{width: 100%;margin-top: 20px;}
.contact .inpFour input{width: 48%;height: 50px;padding-left: 15px;}
.contact .inpFour input:nth-child(1){margin-right: 4%;}
.service-item {display: none;}
.service-item.active {display: block;}
.service-item3 li {flex: 1; text-align: center;}
.service-item3 li:nth-child(3) img {max-width: 100px;}
.service-item3 .title {
    font-size: 18px;
    font-weight: bold;
    margin: 20px auto;
}
@media (max-width: 1440px) {
.contact { width:1080px;}
.contact .inpOne i { left:585px}
.contact .inpOne p { left:625px;}
.contact .inpOne #img1 { left:585px}
}
@media (max-width: 1100px) {
.contact h3 { font-size:24px}
    .contact {width: 90%; margin: 30px auto; padding: 20px 0;}
    .contact .inpOne i { left:55%}
    .contact .inpOne p { left:55%; margin-left:50px}
    .contact .inpOne #img1 { left:55%}
    .service-item3 ul {flex-wrap: wrap; justify-content: normal;}
    .service-item3 ul li {flex: unset; width: 50%;}
    
}
@media(max-width: 580px) {
.contact .inpOne { margin-top:0}
.contact .inpOne input { float:none; width:100%; margin-bottom:15px}
.contact .inpOne input:nth-child(2) { float:none;}
.contact .inpOne i { left:15px; bottom:30px; top:auto}
.contact .inpOne p { left:60px; bottom:30px; top:auto; margin-left:0}
.contact .bgText { margin-top:0}

.contact .inpOne .layui-btn { position:absolute; right:0; top:auto; height:50px; bottom:16px; width:100%; opacity:0; z-index:444}
.contact .inpOne #img1 { position:absolute; left:15px; top:auto; bottom:28px; z-index:443; display:none}
}


.content { max-width: 1280px; width: 95%; margin: 0px auto;padding: 0 0 100px 0; min-height:100px; background:#fff; border-radius:15px}
.content .content_1 { padding:30px 50px}
.content .content_1 h2 { text-align:center; font-size:36px; line-height:40px; padding:30px 0}
.content .content_1 .content_2 { font-size:16px; line-height:32px}

@media(max-width: 580px) {
.content .content_1 h2 { font-size:24px; line-height:40px; padding:20px 0}
.content .content_1 { padding:20px 20px}
}


.service { width:1970px; margin:200px auto 0; position:relative;}
.service .service_hd { position:absolute; left:0; top:0px; width:226px}
.service .service_hd ul li { line-height:74px; position:relative; color:#888; cursor:pointer; border-top:1px #999 solid; font-size:18px}
.service .service_hd ul li a { color:#888;}
.service .service_hd ul li a.h_on { color:#333; font-weight:bold}


.service .service_li { float:right; width:1660px;}
.service .service_li ul li { margin-bottom:240px; overflow:hidden; position:relative}
.service .service_li ul li i { position:absolute; right:0; top:30px; width:110px; height:112px; background:url(../images/service_ico1.png); background-size:100% 100%}
.service .service_li ul li img { display:block; float:left; margin-top:50px; opacity:0}
.service .service_li ul li img.s_img1 { float:right}
.service .service_li ul li img.s_img2 { display:block; width:100%; padding-top:20px; margin-top:0px; opacity:1}
.service .service_li ul li .s_b { position:absolute; right:0; bottom:0; width:49%; margin-top:50px; opacity:0}
.service .service_li ul li h1 { font-size:60px; line-height:60px; font-weight:bold; color:#383735; float:right; width:49%; margin-top:50px; opacity:0}
.service .service_li ul li h1 b { color:#727071; padding-left:20px; font-size:56px;}
.service .service_li ul li h3 { font-size:48px; line-height:40px; padding-bottom:20px; border-bottom:1px #A5A5A5 dashed; font-family: math;}
.service .service_li ul li .s_b p { font-size:18px; line-height:30px; padding:20px 0; border-bottom:1px #A5A5A5 dashed}
.service .service_li ul li h5 { position:absolute; left:0; bottom:40px; width:570px; line-height:34px}

.service .service_li ul li:nth-child(2n) img { float:right;}
.service .service_li ul li:nth-child(2n) i { right:auto; left:0px; background:url(../images/service_ico2.png); background-size:100% 100%}
.service .service_li ul li:nth-child(2n) img.s_img1 { float:left}
.service .service_li ul li:nth-child(2n) .s_b { right:auto; left:0}
.service .service_li ul li:nth-child(2n) h1 { float:left; text-align:right}
.service .service_li ul li:nth-child(2n) h3 { text-align:right}
.service .service_li ul li:nth-child(2n) h4 { text-align:right}
.service .service_li ul li:nth-child(2n) h5 { left:628px; width:auto; right:0; text-align:right}

.service_bg { height:506px; background:url(../images/service_bg.jpg) center no-repeat}


@media (max-width: 1980px) {
.service { width:1580px; margin:110px auto 0}

.service .service_hd { width:180px}
.service .service_hd ul li { line-height:60px; font-size:16px}
.service .service_li { width:1360px;}
.service .service_li ul li .s_b p { font-size:16px;}
.service .service_li ul li img { width:662px}
.service .service_li ul li img.s_img1 { width:676px}
.service .service_li ul li img.s_img2 { width:676px}

.service_bg { height:380px; background:url(../images/service_bg.jpg) center no-repeat; background-size:auto 100%}

}
@media (max-width: 1580px) {

.service { width:1080px; margin:60px auto 0}

.service .service_li { width:860px;}
.service .service_li ul li i { top:20px; width:55px; height:56px;}
.service .service_li ul li h1 { font-size:36px; line-height:40px;}
.service .service_li ul li h1 b { font-size:36px;}
.service .service_li ul li h3 { font-size:24px; padding-bottom:10px}
.service .service_li ul li .s_b p { font-size:12px; line-height:18px; padding:10px 0;}

.service .service_li ul li { margin-bottom:180px}
.service .service_li ul li img { width:420px}


.service_bg { height:315px;}
    
}
@media (max-width: 1100px) {

.service { width:90%; margin:30px auto 0}
.service .service_hd { display:none}

.service .service_li { width:auto; float:none}
.service .service_li ul li { margin-bottom:90px}
.service .service_li ul li img { width:48%}
.service .service_li ul li img.s_img1 { width:48%}
.service .service_li ul li img.s_img2 { width:100%;}

.service_bg { height:80px;}
    
}

@media (max-width: 540px) {
.service .service_li ul li { margin-bottom:60px}

.service .service_li ul li img { width:100%; float:none}
.service .service_li ul li img.s_img1 { width:100%; float:none; padding-top:30px}

.service .service_li ul li h1 { font-size:24px;}
.service .service_li ul li h1 b { font-size:24px;}

.service .service_li ul li h1 { width:100%; float:none; padding-top:30px; position:relative}
.service .service_li ul li .s_b { width:100%; float:none; padding-top:30px; position:relative; bottom:auto; right:auto; left:auto}
.service .service_li ul li .s_b p { font-size:14px; line-height:20px;}


.service .service_li ul li:nth-child(2n) img { float:none;}
.service .service_li ul li:nth-child(2n) img.s_img1 { float:none}
.service .service_li ul li:nth-child(2n) img.s_img2 { right:auto; left:auto; width:100%}
.service .service_li ul li:nth-child(2n) h1 { float:none}
.service .service_li ul li:nth-child(2n) h3 { text-align:right}
.service .service_li ul li:nth-child(2n) h3 { text-align:left}
.service .service_li ul li:nth-child(2n) h4 { text-align:right}
.service .service_li ul li:nth-child(2n) h5 { left:628px; width:auto; right:0; text-align:right} 
}

.pagination{margin-bottom:50px; text-align:center}
.pagination li{ display:inline;cursor: pointer; margin:0px 3px;}
.pagination li span{font-size: 14px;padding:5px 15px;color: #666666;border-radius: 5px}
.pagination li a{font-size: 14px;padding:5px 15px;color: #666666;border-radius: 5px}

.pagination li.active span{ background-color: #000; color: #fff;}
.pagination li:hover a{background-color: #f5f5f5;}





.product-list { width:1970px; margin:0 auto; position:relative; z-index:999}
.product-list .left-cate { float:left; width:270px}
.product-list .left-cate h3 { position:relative; height:38px; line-height:38px; background:#373634; text-align:center; color:#fff; font-size:18px}
.product-list .left-cate i { display:block; position:absolute; right:10px; top:0; line-height:38px}
.product-list .left-cate ul li { margin-top:10px; height:46px; line-height:46px; text-align:center; font-size:18px; background:#F7F7F7}
.product-list .left-cate ul li a { display:block}
.product-list .left-cate ul li a.over1 { background:#DBDBDB; color:#333}


.product-list .right-prod { float:right; width:1366px; min-height:1040px}
.product-list .right-prod .pro_list { width:1578px}
.product-list .right-prod .pro_list ul li { float:left; width:526px; padding-bottom:110px}
.product-list .right-prod .pro_list ul li a { display:block; width:314px}

.product-list .right-prod .pro_list ul li img { display:block; width:100%}
.product-list .right-prod .pro_list ul li h3 { padding-top:15px; font-size:16px; text-align:center; height:54px}
.product-list .right-prod .pro_list ul li h4 { padding-top:10px; color:#aaa; line-height:20px; height:60px; text-align:center}
.product-list .right-prod .pro_list ul li h5 { width:180px; margin:0 auto; border:1px #ccc solid; text-align:center; line-height:30px; border-radius:5px; font-size:14px; overflow:hidden; position:relative}

.product-list .right-prod .pro_list ul li h5 span { display:block; position:relative; z-index:222; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.product-list .right-prod .pro_list ul li h5 i { display:block; position:absolute; left:0; top:0; height:100%; background:#383735; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; z-index:111; width:0}

.product-list .right-prod .pro_list ul li h5:hover { color:#fff}
.product-list .right-prod .pro_list ul li h5:hover i { width:100%}



@media (max-width: 1980px) {
.product-list { width:1580px; }

.product-list .right-prod { width:1186px}
.product-list .right-prod .pro_list { width:1308px}
.product-list .right-prod .pro_list ul li { width:436px;}

}

@media (max-width: 1600px) {
.product-list { width:1280px; }
.product-list .left-cate { width:220px}
.product-list .left-cate h3 { height:34px; line-height:34px; font-size:16px}
.product-list .left-cate i { line-height:34px}
.product-list .left-cate ul li { height:40px; line-height:40px; font-size:16px;}

.product-list .right-prod { width:1016px}
.product-list .right-prod .pro_list { width:1038px}
.product-list .right-prod .pro_list ul li { width:346px; padding-bottom:80px;}

}

@media (max-width: 1400px) {
.product-list { width:1080px; }
.product-list .right-prod { width:816px}
.product-list .right-prod .pro_list { width:834px}
.product-list .right-prod .pro_list ul li { width:278px; padding-bottom:40px;}

}

@media (max-width: 1100px) {
.product-list { width:90%; }
.product-list .left-cate { width:auto; float:none; overflow:hidden}
.product-list .left-cate h3 { display:none}
.product-list .left-cate ul li { float:left; width:33.3%; line-height:32px; height:32px; }

.product-list .right-prod { width:auto; float:none; overflow:hidden}
.product-list .right-prod .pro_list { width:auto}
.product-list .right-prod .pro_list ul li { width:50%; padding-bottom:30px;}
.product-list .right-prod .pro_list ul li a { width:90%}

.product-list .right-prod .pro_list ul li h3 { font-size:14px; }
.product-list .right-prod .pro_list ul li h4 { font-size:12px; line-height:18px; height:70px; }
.product-list .right-prod .pro_list ul li h5 { width:100px; font-size:12px}
}

.productDom { width:1380px; margin:0 auto 110px auto}

.productDom .product_left { float:left; width:765px;}
.productDom .product_left .bd { float:left; width:140px; height:570px; border-right:2px #C9C9CB solid}
.productDom .product_left .bd ul li { padding-bottom:43px; position:relative}
.productDom .product_left .bd ul li img { display:block; width:110px}
.productDom .product_left .bd ul li.on i { display:block; position:absolute; right:-2px; width:2px; background:#333; height:110px; top:0}

.productDom .product_left .leftProd { float:right; width:570px}
.productDom .product_left .leftProd img { display:block; width:100%}

.productDom .product_right { float:right; width:560px; position:relative; height:570px;}
.productDom .product_right h2 {font-size:24px; font-weight: bold; color:#aaa; line-height:40px; padding-bottom:10px; border-bottom:1px #ccc solid}
.productDom .product_right h1 { font-size:24px; line-height:40px; padding-top:20px;}
.productDom .product_right h5 {font-size:16px; font-weight: normal; line-height:40px; padding-bottom:20px; border-bottom:1px #ccc solid; color:#888}

.productDom .product_right .cp_jj { padding:20px 0; line-height:30px; font-size:16px; color:#888}
.productDom .product_right .cp_jj b { display:block; font-size:18px; font-weight:normal; color:#333; padding-bottom:5px}


.productDom .product_right .button { display:block; padding:15px 0; border-bottom:1px #ccc solid; border-top:1px #ccc solid; overflow:hidden}
.productDom .product_right .button a { float:left; display:block; margin-right:15px; border:1px #888 solid; border-radius:5px; padding:0 10px}


.productDom .product_right .useShow { position:absolute; overflow:hidden; font-size:16px; line-height:32px; right:0; bottom:0; width:100%}

.productDom .product_right .useShow .show-item { padding:15px 0; border-bottom:1px #ccc solid; position:relative}
.productDom .product_right .useShow h3 { position:absolute; left:0; top:50%; margin-top:-20px}
.productDom .product_right .useShow h3 a { display:block; margin-bottom:10px; border:1px #888 solid; border-radius:5px; width:90px; text-align:center; line-height:34px; cursor:pointer}
.productDom .product_right .useShow h3 a.active { background:#000000; color:#fff}
.productDom .product_right .useShow h4 { white-space: pre-wrap;margin:0; font-family:"Arial"; padding-left:100px; display:flex; flex-wrap: wrap; align-content: center; line-height:20px; font-size:13px}


@media (max-width: 1580px) {
.productDom { width:1280px; margin:0 auto 80px auto}
.productDom .product_right { width:460px}
}

@media (max-width: 1280px) {
.productDom { width:1080px;}

.productDom .product_left { width:500px;}
.productDom .product_left .bd { width:100px; height:380px; border-right:2px #C9C9CB solid}
.productDom .product_left .bd ul li { padding-bottom:20px;}
.productDom .product_left .bd ul li img { width:80px}
.productDom .product_left .bd ul li.on i { height:80px;}

.productDom .product_left .leftProd { float:right; width:380px}
.productDom .product_left .leftProd img { display:block; width:100%}

.productDom .product_right { width:540px; height:auto}

.productDom .product_right h2 {font-size:18px; line-height:26px;}
.productDom .product_right h1 { font-size:18px; line-height:36px; padding-top:10px}
.productDom .product_right h5 {font-size:14px; padding-bottom:10px}

.productDom .product_right .cp_jj { padding:10px 0; line-height:24px; font-size:14px;}
.productDom .product_right .cp_jj b { font-size:16px;}

.productDom .product_right .useShow { position:relative; bottom:auto; left:auto}
.productDom .product_right .button { padding:10px 0;}
.productDom .product_right .useShow h3 a { font-size:14px; line-height:26px}
.productDom .product_right .useShow { padding:10px 0 10px 0; font-size:14px; line-height:24px;}


}

@media (max-width: 1080px) {
.productDom { width:90%;}

.productDom .product_left { width:500px; margin:0 auto; float:none; overflow:hidden; padding-bottom:20px}
.productDom .product_right { width:auto; margin:0 auto; float:none; height:auto}

.productDom .product_right .button { position:relative; bottom:auto; right:auto; overflow:hidden}
.productDom .product_right .useShow { position:relative; bottom:auto; right:auto}


}

@media (max-width: 550px) {

.productDom .product_left { width:100%}
.productDom .product_left .bd { float:none; width:auto; height:auto; border-right:0 none}
.productDom .product_left .bd ul li { padding-bottom:15px; float:left; width:50%}
.productDom .product_left .bd ul li img { width:90%; margin:0 auto}
.productDom .product_left .bd ul li.on i { display:none}

.productDom .product_left .leftProd { display:none}



}

.new-container { width: 1280px; margin:0 auto ;}

.new-container .news_lm { height:60px}
.new-container .news_lm ul li { float:left; padding-right:40px}
.new-container .news_lm ul li a { display:block; border:1px #888 solid; border-radius:15px; text-align:center; line-height:34px; cursor:pointer; width:140px; font-size:16px}
.new-container .news_lm ul li.active a { background:#000; color:#fff}


.new-container .tab-item { padding:40px 0}
.new-container .tab-item .item ul { width:1308px}
.new-container .tab-item .item ul li { float:left; width:436px; padding-bottom:40px}
.new-container .tab-item .item ul li a { display:block; width:408px}
.new-container .tab-item .item ul li img { display:block; width:100%}
.new-container .tab-item .item ul li h3 { font-size:18px; font-weight:bold; line-height:40px; padding-top:5px;}
.new-container .tab-item .item ul li h4 { color:#aaa;}
.new-container .tab-item .item ul li h5 { color:#aaa; line-height:20px; height:40px}


@media (max-width: 1380px) {
.new-container { width:1080px; }

.new-container .tab-item .item ul { width:1104px}
.new-container .tab-item .item ul li { width:368px; padding-bottom:30px}
.new-container .tab-item .item ul li a { width:344px}
.new-container .tab-item .item ul li img { display:block; width:100%}
.new-container .tab-item .item ul li h3 { font-size:16px; line-height:36px;}
}

@media (max-width: 1080px) {

.new-container .news_lm ul li { padding-right:20px}
.new-container .news_lm ul li a { border-radius:10px; line-height:30px; width:100px; font-size:14px}

.new-container { width:95%; }
.new-container .tab-item { padding-top:0}
.new-container .tab-item .item ul { width:auto}
.new-container .tab-item .item ul li { width:50%; padding-bottom:20px}
.new-container .tab-item .item ul li a { width:90%; margin:0 auto}
.new-container .tab-item .item ul li img { display:block; width:100%}
.new-container .tab-item .item ul li h3 { font-size:14px; line-height:36px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.new-container .tab-item .item ul li h4 { font-size:12px}
.new-container .tab-item .item ul li h5 { font-size:12px}
}

@media (max-width: 560px) {

.new-container .news_lm ul li { padding-right:0; width:25%}
.new-container .news_lm ul li a { border-radius:0 none; width:90%;}

.new-container .tab-item .item ul li { width:auto; float:none}
.new-container .tab-item .item ul li a { width:auto; margin:0 auto}
}


.new h1{
                font-size: 36px;
                line-height: 50px;
                text-align: center;
            }
.new h4{
                color: #555;
                font-size:14px;
                text-align: center;
                padding: 15px 0px;
            }
.new .content{
                margin-top:30px;
                padding-bottom: 50px;
            }
.new .content img { max-width:100%; height:auto}




.welfare_1 { width:1920px; margin:0 auto; font-size:18px; line-height:46px}
.welfare_1 img { display:block; max-width:100%; margin:0 auto}


.welfare_2 { width:1920px; margin:0 auto; padding-top:80px; }
.welfare_2 ul li { position:relative; padding-bottom:260px; font-size:18px; line-height:46px}
.welfare_2 ul li span { position:absolute; left:0; top:-15px; font-size:120px; font-weight:bold; font-family:"Arial"; line-height:80px; color:#EDB1B0; z-index:11}
.welfare_2 ul li h3 { font-size:58px; font-weight:bold; line-height:80px; position:relative; z-index:22}
.welfare_2 ul li h4 { font-size:24px; padding-top:35px; position:relative; z-index:23}
.welfare_2 ul li img { display:block; max-width:100%; margin:0 auto}


.welfare_2 ul li:nth-child(1) img { position:absolute; top:30px; right:0px; z-index:1}
.welfare_2 ul li:nth-child(3) img { position:absolute; top:-110px; right:0px; z-index:1}
.welfare_2 ul li:nth-child(4) { padding-bottom:100px}



@media (max-width: 1970px) {
.welfare_1 { width:1580px; font-size:16px; line-height:40px}
.welfare_2 { width:1580px; }
.welfare_2 ul li h4 { font-size:16px; padding-top:30px; line-height:40px}
.welfare_2 ul li h3 { font-size:42px;}
.welfare_2 ul li:nth-child(1) img { width:68%}
.welfare_2 ul li:nth-child(3) img { width:68%}
}

@media (max-width: 1680px) {
.welfare_1 { width:1280px;}
.welfare_2 { width:1280px; }
}
@media (max-width: 1440px) {
.welfare_1 { width:1080px;}
.welfare_2 { width:1080px; }

.welfare_2 ul li span { line-height:50px; font-size:60px}
.welfare_2 ul li h3 { font-size:36px; line-height:50px;}
.welfare_2 ul li h4 { font-size:16px; padding-top:25px;}
}

@media (max-width: 1100px) {
.welfare_1 { width:90%; font-size:14px; line-height:24px}
.welfare_2 { width:90%; padding-top:30px; }
.welfare_2 ul li { padding-bottom:30px}
.welfare_2 ul li span { line-height:40px; font-size:36px; top:0}
.welfare_2 ul li h3 { font-size:24px; line-height:40px; padding-left:45px}
.welfare_2 ul li h4 { font-size:14px; padding-top:15px; line-height:24px}

.welfare_2 ul li:nth-child(1) img { position:relative; top:auto; right:auto; z-index:1; display:block; max-width:100%}
.welfare_2 ul li:nth-child(3) img { position:relative; top:auto; right:auto; z-index:1; display:block; max-width:100%}
.welfare_2 ul li:nth-child(4) { padding-bottom:50px}
}




.joinus { padding:40px 0; overflow:hidden; border-bottom:1px #333 solid; border-top:1px #333 solid}
.joinus img { display:block; float:left; width:352px; margin-right:100px; padding-left:20px}
.joinus .joinus_text { font-size:18px; line-height:36px; padding-bottom:40px; padding-top:10px}
.joinus .joinus_a { height:90px}
.joinus .joinus_a a { border:1px #333 solid; padding:5px 15px; font-size:18px}
.joinus .joinus_j { font-size:18px; line-height:40px}
.joinus .joinus_j a { display:block; float:left; margin-right:20px}
.joinus .joinus_j i { display:block; float:left; margin-right:10px; border:1px #aaa solid; padding:0 10px; border-radius:10px; line-height:40px; font-size:24px}
.joinus .joinus_j img { margin-right:10px; width:24px; padding:8px 0 0 0}


@media (max-width: 1440px) {
.joinus { padding:30px 0;}
.joinus img { width:352px; margin-right:70px;}
.joinus .joinus_text { font-size:16px; line-height:32px;}

}

@media (max-width: 1080px) {
.joinus img { width:352px; margin-right:0; float:none; margin:0 auto; max-width:100%}

.joinus .joinus_j { font-size:14px; line-height:40px}
.joinus .joinus_j a { float:none; margin-right:0px; clear:both; margin-bottom:10px}
.joinus .joinus_j i { font-size:18px}

}