@charset "utf-8";

@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../fonts/SourceHanSansCN-Normal.eot');
  src:url('../fonts/SourceHanSansCN-Normal.eot?#font-spider') format('embedded-opentype'),
  url('../fonts/SourceHanSansCN-Normal.woff') format('woff'),
  url('../fonts/SourceHanSansCN-Normal.ttf') format('truetype'),
  url('../fonts/SourceHanSansCN-Normal.svg') format('svg');
  font-weight: normal;font-style: normal;
}

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"SourceHanSansCN","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; min-width:1200px}
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;}


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:#0E86FE}
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:1080px; margin:0 auto}

@media all and (max-width:1100px){
body { min-width:inherit}
.w100 { width:720px;}
}
@media all and (max-width:800px){
.w100 { width:90%}
}





header { position:fixed; left:0; width:100%; padding-top: 20px; height:66px; z-index:777;}
header .bgt { top:-20px; height:106px; background:#fff; left:0; width:100%; z-index:1; position:absolute; display:none}
header .w100 { position: relative; z-index:22}
header .logos { float:left;}
header .logos img { display:block}
header nav { float:right; line-height:54px}
header nav ul li { float:left; margin:0 22px; font-size:18px; position:relative; height:74px;cursor: pointer;}
header nav ul li a { color:#fff}
header nav ul li:hover a i.b1 { display:block; width:100%; height:3px; position:absolute; bottom:15px; right:0px; background:#0E86FE}

header nav ul li h4 { background:#f8f8f8; position:absolute; top:66px; display:none; left:-25%; width:150%; padding:10px 0}
header nav ul li h4 a { display:block; color:#333; line-height:40px; font-size:16px; text-align:center}
header nav ul li h4 a:hover { color:#0E86FE}

header.hb { z-index:8888; position:fixed}
header.hb nav ul li a { color:#000}

header .head_r { display:none}



.tanchu_bg { z-index:6666; position:fixed; left:0; width:1px; top:0; height:1px; background:rgba(0,0,0,0.5); display:none}
.pro_lm { position:absolute; left:50%; margin-left:-758px; width:1516px; background:#F8F8F8; height:412px; top:74px; z-index:7777; display:none}
.pro_lm ul { padding-left:150px; margin:0 auto}
.pro_lm ul li { float:left; width:20%; padding-top:45px}
.pro_lm ul li h2 { font-size:20px; line-height:20px; padding-left:12px; border-left:3px #0E86FE solid; margin-bottom:20px; color:#000}
.pro_lm ul li a { display:block; line-height:36px; font-size:16px}
.pro_lm ul li a:hover { color:#0E86FE}

@media all and (max-width:1100px){
header nav ul li { margin:0 10px;}
.pro_lm { left:0; margin-left:0; width:100%}
.pro_lm ul { padding-left:20px; margin:0 auto}
.pro_lm ul li h2 { font-size:18px; }
.pro_lm ul li a { font-size:14px}
}
@media all and (max-width:800px){
header { width:100%; padding-top:0px; height:100%; overflow:hidden}
header .w100 { height:100%; width:100%; padding-top:10px; position:relative; z-index:333}
header .bgt { top:9; height:0;}
header .logos img { padding-top:8px; height:30px; padding-left:15px}

header nav { background:rgba(0,0,0,0.8); position:absolute; top:0px; height:100%; right:-220px; width:180px; z-index:11}
header nav ul { width:150px; margin:0 auto; padding-top:30px}
header nav ul li { float:none; margin:0; font-size:16px; height:auto; line-height:32px; padding:10px 0; border-bottom:1px #333 solid}
header nav ul li a { display:block}
header nav ul li:hover a i.b1 { display:none}


header nav ul li h4 { display:block; background:none; position:relative; top:auto; left:auto; width:auto; padding:0px 0 10px 0}
header nav ul li h4 a { display:block; color:#ccc; line-height:34px; font-size:14px; text-align:left; padding-left:20px}
header nav ul li h4 a:hover { color:#0E86FE}



header .head_r { display:block; float:right; line-height:38px; color:#fff; font-size:18px; padding-right:15px; position:relative; z-index:222}


.pro_lm { left:auto; right:180px; margin-left:0; width:190px; height:auto; top:125px; z-index:7777; display:block; background:none}
.pro_lm ul { padding-left:0px; margin:0 auto}
.pro_lm ul li { float:none; width:auto; padding:10px 0; display:none; background:rgba(0,0,0,0.8)}
.pro_lm ul li h2 { display:none}
.pro_lm ul li a { display:block; color:#ccc; line-height:32px; font-size:12px; text-align:left; padding-left:10px}
.pro_lm ul li a:hover { color:#0E86FE}

.pro_lm ul li:nth-child(2) { margin-top:34px}
.pro_lm ul li:nth-child(3) { margin-top:68px}
.pro_lm ul li:nth-child(4) { margin-top:102px}
.pro_lm ul li:nth-child(5) { margin-top:136px}
}





.banner_fa { min-width:1200px; margin:0 auto; height:600px; position:relative; z-index:11}
.banner_fa h1 { font-size:36px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:50%; margin-top:-40px}
.banner_fa h3 { font-size:16px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:50%; margin-top:40px}

.banner_fa.fa1 { background:url(../images/sol/sol_banner.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa2 { background:url(../images/sol/sol_banner2.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa3 { background:url(../images/sol/sol_banner3.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa4 { background:url(../images/sol/sol_banner4.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa5 { background:url(../images/sol/sol_banner5.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa6 { background:url(../images/sol/sol_banner6.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa7 { background:url(../images/sol/sol_banner7.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa8 { background:url(../images/sol/sol_banner8.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa9 { background:url(../images/sol/sol_banner9.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa10 { background:url(../images/sol/sol_banner10.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa11 { background:url(../images/sol/sol_banner11.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa12 { background:url(../images/sol/sol_banner12.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa13 { background:url(../images/sol/sol_banner13.jpg) top no-repeat; background-size:auto 100%;}
.banner_fa.fa14 { background:url(../images/sol/sol_banner14.jpg) top no-repeat; background-size:auto 100%;}


@media all and (max-width:1100px){
.banner_fa { min-width:800px; height:380px;}
.banner_fa h1 { font-size:24px; margin-left:-360px}
.banner_fa h3 { font-size:16px; margin-left:-360px; margin-top:20px}

}
@media all and (max-width:800px){
.banner_fa { min-width:inherit; height:220px;}
.banner_fa h1 { font-size:18px; line-height:30px; margin-left:0px; left:5%; margin-top:-20px}
.banner_fa h3 { font-size:12px; margin-left:0px; left:5%; line-height:24px; margin-top:20px}

}





footer { background:#1D3549; padding:60px 0; color:#80A6BA}
footer .copyrights { clear:both; text-align:center; color:#bbb; padding-top:40px}
footer .copyrights a { color:#bbb}

footer ul li { float:left; width:260px}
footer ul li:nth-child(4) { width:300px}
footer ul li h2 { font-size:18px; color:#fff; font-weight:normal; padding-bottom:10px}
footer ul li a { display:block; font-size:14px; line-height:34px; color:#bbb}
footer ul li h3 { font-size:14px; line-height:34px; color:#bbb}


@media all and (max-width:1100px){
footer { padding:40px 0;}
footer .w100 { width:95%}
footer ul li { width:25%}
footer ul li:nth-child(4) { width:25%}
}
@media all and (max-width:720px){
footer { padding:30px 0;}
footer ul li { float:none; width:auto; display:none}
footer ul li:nth-child(4) { width:auto; display:block; text-align:center}
footer .copyrights { font-size:12px; line-height:20px}
footer ul li h3 { line-height:24px}
}



.solution_1 { padding:70px 0 80px 0; width:1080px; margin:0 auto}
.solution_1 h2 { text-align:center; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:40px}
.solution_1 .sol_t { font-size:16px; line-height:40px}
.solution_1 .sol_t p { text-indent:2em}
.solution_1 .sol_t img { max-width:100%; height:auto}


@media all and (max-width:1100px){
.solution_1 { padding:50px 0 60px 0; width:720px;}
.solution_1 h2 { font-size:24px; padding-bottom:20px}
.solution_1 .sol_t { font-size:16px; line-height:32px}

}
@media all and (max-width:800px){
.solution_1 { padding:30px 0 40px 0; width:90%}
.solution_1 h2 { font-size:18px; padding-bottom:10px}
.solution_1 .sol_t { font-size:14px; line-height:26px}

}




.solution_2 { padding:70px 0 80px 0; min-width:1200px; margin:0 auto; background:#F8F8F8}
.solution_2 h2 { text-align:center; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:40px}
.solution_2 .sol_t { width:1080px; margin:0 auto; font-size:16px; line-height:40px}
.solution_2 .sol_t p { text-indent:2em}
.solution_2 .sol_t img { display:block; margin:0 auto; max-width:100%; padding-top:50px}


@media all and (max-width:1100px){
.solution_2 { padding:50px 0 60px 0; min-width: inherit;}
.solution_2 h2 { font-size:24px; padding-bottom:20px}
.solution_2 .sol_t { font-size:16px; line-height:32px; width:720px}
.solution_2 .sol_t img { padding-top:40px}

}
@media all and (max-width:800px){
.solution_2 { padding:30px 0 40px 0}
.solution_2 h2 { font-size:18px; padding-bottom:10px}
.solution_2 .sol_t { font-size:14px; line-height:26px; width:90%}
.solution_2 .sol_t img { padding-top:30px}

}



.solution_3 { padding:70px 0 80px 0; width:1080px; margin:0 auto}
.solution_3 h2 { text-align:center; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:20px}
.solution_3 .sol_zy { color:#999999; font-size:16px; margin:0 auto; text-align:center; padding-bottom:10px}

@media all and (max-width:1100px){
.solution_3 { padding:50px 0 60px 0; width:720px;}
.solution_3 h2 { font-size:24px; padding-bottom:20px}
.solution_3 .sol_zy br { display:none}
.solution_3 .sol_zy { font-size:16px; line-height:32px;}

}
@media all and (max-width:800px){
.solution_3 { padding:30px 0 40px 0; width:90%}
.solution_3 h2 { font-size:18px; padding-bottom:10px}
.solution_3 .sol_zy { font-size:14px; line-height:26px}

}


.solution_3 .sol_jz1 { width:1110px}
.solution_3 .sol_jz1 ul li { float:left; width:370px; padding-top:30px}
.solution_3 .sol_jz1 ul li a { display:block; width:340px; background:#F8F8F8; padding:30px 0}
.solution_3 .sol_jz1 ul li p { width:97px; height:97px; background:#fff; margin:0px auto; border-radius:50%}
.solution_3 .sol_jz1 ul li p img { display:block; margin:0 auto; padding-top:25px}
.solution_3 .sol_jz1 ul li h3 { padding-top:20px; font-size:24px; line-height:30px; text-align:center}
.solution_3 .sol_jz1 ul li h4 { font-size:16px; line-height:40px; padding:20px 18px 0 18px}


.solution_3 .sol_jz1.jiazhi1 ul li h4 { height:160px}
.solution_3 .sol_jz1.jiazhi2 ul li h4 { height:200px}
.solution_3 .sol_jz1.jiazhi3 ul li h4 { height:280px}
.solution_3 .sol_jz1.jiazhi4 ul li h4 { height:120px}


.solution_3 .sol_jz1.jiazhi5 ul li h4 { height:160px; padding:20px 22px 0 22px}


@media all and (max-width:1100px){
.solution_3 .sol_jz1 { width:720px}
.solution_3 .sol_jz1 ul li { width:240px; padding-top:30px}
.solution_3 .sol_jz1 ul li a { width:220px; padding:20px 0}
.solution_3 .sol_jz1 ul li h3 { font-size:18px; line-height:30px;}
.solution_3 .sol_jz1 ul li h4 { font-size:14px; line-height:30px; padding:10px 15px 0 15px}

}
@media all and (max-width:800px){
.solution_3 .sol_jz1 { width:100%}
.solution_3 .sol_jz1 ul li { width:auto; float:none; padding-top:20px}
.solution_3 .sol_jz1 ul li p { position:absolute; top:40px; left:20px}
.solution_3 .sol_jz1 ul li a { width:auto; padding:10px 0; padding-left:130px; position:relative}
.solution_3 .sol_jz1 ul li h3 { text-align:left; padding-left:0}
.solution_3 .sol_jz1 ul li h4 { text-align:left; padding-left:0; padding-bottom:10px}


.solution_3 .sol_jz1.jiazhi1 ul li h4 { height:auto}
.solution_3 .sol_jz1.jiazhi2 ul li h4 { height:auto}
.solution_3 .sol_jz1.jiazhi3 ul li h4 { height:auto}
.solution_3 .sol_jz1.jiazhi4 ul li h4 { height:auto}

}




.solution_3 .sol_jz2 { width:1110px}
.solution_3 .sol_jz2 ul li { float:left; width:555px; padding-top:30px}
.solution_3 .sol_jz2 ul li a { display:block; width:525px; background:#F8F8F8; padding:32px 0 32px 0; position:relative}
.solution_3 .sol_jz2 ul li img { display:block; position:absolute; left:30px; top:50%; margin-top:-25px}
.solution_3 .sol_jz2 ul li h3 { font-size:24px; line-height:30px; padding-left:115px}
.solution_3 .sol_jz2 ul li h4 { font-size:16px; line-height:40px; padding:20px 18px 0 0; padding-left:115px}
.solution_3 .sol_jz2.jiazhi1 ul li h4 { height:160px}




@media all and (max-width:1100px){
.solution_3 .sol_jz2 { width:720px}
.solution_3 .sol_jz2 ul li { width:360px;}
.solution_3 .sol_jz2 ul li a { width:340px; padding:20px 0}
.solution_3 .sol_jz2 ul li h3 { font-size:18px; line-height:30px;}
.solution_3 .sol_jz2 ul li h4 { font-size:14px; line-height:30px; height:180px}

}
@media all and (max-width:800px){
.solution_3 .sol_jz2 { width:100%}
.solution_3 .sol_jz2 ul li { width:auto; float:none; padding-top:20px}
.solution_3 .sol_jz2 ul li p { position:absolute; top:40px; left:20px}
.solution_3 .sol_jz2 ul li a { width:auto; padding:30px 0 10px 110px; position:relative}
.solution_3 .sol_jz2 ul li h3 { text-align:left; padding-left:0}
.solution_3 .sol_jz2 ul li h4 { text-align:left; padding-left:0; padding-top:10px; height:auto; padding-bottom:10px}
.solution_3 .sol_jz2 ul li img { display:block; position: relative; left:auto; top:auto; margin:0 auto}

}





.solution_3 .sol_jz3 { width:1095px; padding-top:50px; padding-bottom:50px; overflow:hidden}
.solution_3 .sol_jz3 ul li { float:left; width:365px; height:336px; position:relative}
.solution_3 .sol_jz3 ul li:nth-child(4) { padding-left:182px}
.solution_3 .sol_jz3 ul li a { display:block; position:absolute; width:333px; height:385px; background:url(../images/sol/sol_bg1.png); top:0; right:16px}
.solution_3 .sol_jz3 ul li img { display:block; margin:0 auto; padding-top:90px}
.solution_3 .sol_jz3 ul li h3 { padding-top:30px; font-size:24px; line-height:30px; text-align:center}
.solution_3 .sol_jz3 ul li h4 { font-size:16px; line-height:32px; padding:10px 18px 0 18px; text-align:center}



@media all and (max-width:1100px){
.solution_3 .sol_jz3 { width:720px; padding:30px 0}
.solution_3 .sol_jz3 ul li { width:360px; height:336px; position:relative}
.solution_3 .sol_jz3 ul li:nth-child(3) { padding-left:180px}
.solution_3 .sol_jz3 ul li:nth-child(4) { padding-left:0}

}
@media all and (max-width:800px){
.solution_3 .sol_jz3 { width:100%; padding:10px 0}
.solution_3 .sol_jz3 ul li { float:none; width:auto; height:auto; position:relative; margin-bottom:20px}
.solution_3 .sol_jz3 ul li:nth-child(3) { padding-left:0}
.solution_3 .sol_jz3 ul li:nth-child(4) { padding-left:0}
.solution_3 .sol_jz3 ul li a { display:block; position: relative; width:auto; height:auto; background:#f8f8f8; top:auto; right:auto; padding-left:110px}
.solution_3 .sol_jz3 ul li img { padding-top:0px; position:absolute; left:20px; top:40px}
.solution_3 .sol_jz3 ul li h3 { padding-top:20px; font-size:18px; line-height:30px; text-align:left}
.solution_3 .sol_jz3 ul li h4 { font-size:14px; line-height:28px; padding:10px 20px 20px 0; text-align:left; height:56px}
.solution_3 .sol_jz3 ul li h4 br { display:none}
}




.solution_3 .sol_jz4 { width:1100px; padding-top:50px; padding-bottom:30px; overflow:hidden}
.solution_3 .sol_jz4 ul li { float:left; width:220px; position:relative}
.solution_3 .sol_jz4 ul li a { display:block; width:200px; background:#F8F8F8; padding:30px 0}
.solution_3 .sol_jz4 ul li img { display:block; margin:0 auto;}
.solution_3 .sol_jz4 ul li h3 { padding-top:30px; font-size:22px; line-height:30px; text-align:center}
.solution_3 .sol_jz4 ul li h4 { font-size:16px; line-height:32px; padding:30px 18px 0 18px; height:130px}




@media all and (max-width:1100px){
.solution_3 .sol_jz4 { width:720px; padding:30px 0 10px 0}
.solution_3 .sol_jz4 ul li { width:240px; margin-bottom:20px}
.solution_3 .sol_jz4 ul li a { width:220px;}
.solution_3 .sol_jz4 ul li h3 { padding-top:20px; font-size:18px;}
.solution_3 .sol_jz4 ul li h4 { font-size:14px; line-height:26px; padding:20px 18px 0 18px; height:80px}

}
@media all and (max-width:800px){
.solution_3 .sol_jz4 { width:100%; padding:10px 0}
.solution_3 .sol_jz4 ul li { float:none; width:auto; height:auto; position:relative; margin-bottom:20px}
.solution_3 .sol_jz4 ul li a { width:auto; padding-left:110px; position:relative; height:auto}
.solution_3 .sol_jz4 ul li img { position:absolute; left:20px; top:40px}
.solution_3 .sol_jz4 ul li h3 { padding-top:0px; font-size:16px; text-align:left}
.solution_3 .sol_jz4 ul li h4 { font-size:14px; line-height:26px; padding:5px 18px 0 0; height:auto; font-size:16px; text-align:left}
}



.solution_3 .sol_jz5 { width:1110px}
.solution_3 .sol_jz5 ul li { float:left; width:276px; padding-top:30px}
.solution_3 .sol_jz5 ul li a { display:block; width:248px; background:#F8F8F8; padding:30px 0}
.solution_3 .sol_jz5 ul li p { width:62px; height:62px; background:#fff; margin:0px auto; border-radius:50%}
.solution_3 .sol_jz5 ul li p img { display:block; margin:0 auto; padding-top:15px}
.solution_3 .sol_jz5 ul li h3 { padding-top:20px; font-size:22px; line-height:30px; text-align:center}
.solution_3 .sol_jz5 ul li h4 { font-size:16px; line-height:32px; padding:30px 18px 0 18px; height:260px}




.solution_4 { padding:0px 0 110px 0; width:942px; margin:0 auto}
.solution_4.pt70 { padding-top:70px}
.solution_4 h2 { text-align:center; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:40px}
.solution_4 .sol_xg1 { overflow:hidden}
.solution_4 .sol_xg1 ul li { float:left; width:314px; font-size:16px; line-height:40px}
.solution_4 .sol_xg1 ul li a { color:#666; text-decoration:underline; padding-left:80px}
.solution_4 .sol_xg1 ul li a:hover { color:#0E86FE}

.solution_4 .sol_xg2 { width:628px; margin:0 auto; overflow:hidden}
.solution_4 .sol_xg2 ul li { float:left; width:314px; font-size:16px; line-height:40px}
.solution_4 .sol_xg2 ul li a { color:#666; text-decoration:underline; padding-left:80px}
.solution_4 .sol_xg2 ul li a:hover { color:#0E86FE}


@media all and (max-width:1100px){
.solution_4 { padding:00px 0 90px 0; width:720px;}
.solution_4 h2 { font-size:24px; padding-bottom:20px}
.solution_4.pt70 { padding-top:50px}


}
@media all and (max-width:800px){
.solution_4 { padding:0px 0 70px 0; width:90%}
.solution_4 h2 { font-size:18px; padding-bottom:10px}
.solution_4.pt70 { padding-top:30px}
.solution_4 .sol_xg1 ul li { float:none; width:auto; text-align:center; padding:0}
.solution_4 .sol_xg1 ul li a { padding:0}
}





.solution_5 { padding:70px 0 90px 0; min-width:1200px; margin:0 auto; background:#F8F8F8;}
.solution_5 h2 { text-align:center; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:20px}
.solution_5 .sol_zy { color:#999999; font-size:16px; width:900px; margin:0 auto; text-align:center; padding-bottom:10px}

.solution_5 .s_case1 { width:930px; overflow:hidden; margin:0 auto; padding-top:30px}
.solution_5 .s_case1 ul li { float:left; width:186px; padding-bottom:20px}
.solution_5 .s_case1 ul li img { display:block; margin:0 auto}

.solution_5 .s_case2 { width:1096px; overflow:hidden; margin:0 auto; padding-top:30px}
.solution_5 .s_case2 ul li { float:left; width:548px; padding-bottom:20px}
.solution_5 .s_case2 ul li img { display:block; margin:0 auto}
.solution_5 .s_case2 img { display:block; margin:0 auto}

.solution_5 .s_case3 { width:1096px; overflow:hidden; margin:0 auto; padding-top:30px}
.solution_5 .s_case3 ul li { float:left; width:33.3%; padding-bottom:30px}
.solution_5 .s_case3 ul li img { display:block; margin:0 auto}

.solution_5 .s_case4 { width:1096px; overflow:hidden; margin:0 auto; padding-top:30px}
.solution_5 .s_case4 ul li { float:left; width:33.3%; padding-bottom:30px; position:relative}
.solution_5 .s_case4 ul li a { display:block; width:351px; margin:0 auto; position:relative; background:#1475FF}
.solution_5 .s_case4 ul li img { display:block; margin:0 auto}
.solution_5 .s_case4 ul li h3 { position:absolute; left:0; width:100%; color:#fff; font-size:24px; top:60%; text-align:center}
.solution_5 .s_case4 ul li h4 { position:absolute; left:15px; width:321px; color:#fff; font-size:14px; top:35%; line-height:28px; display:none}



@media all and (max-width:1100px){
.solution_5 { padding:50px 0 70px 0; min-width: inherit;}
.solution_5 h2 { font-size:24px; padding-bottom:20px}
.solution_5 .sol_zy { font-size:14px; width:90%}
.solution_5 .sol_zy br { display:none}

.solution_5 .s_case1 { width:720px;}
.solution_5 .s_case1 ul li { width:25%;}
.solution_5 .s_case1 ul li img { max-width:90%}

.solution_5 .s_case2 { width:720px}
.solution_5 .s_case2 ul li { float:left; width:50%;}
.solution_5 .s_case2 ul li img { max-width:90%}

.solution_5 .s_case3 { width:720px}
.solution_5 .s_case3 ul li { float:left; width:50%;}
.solution_5 .s_case3 ul li img { max-width:90%}

.solution_5 .s_case4 { width:720px}
.solution_5 .s_case4 ul li { float:left; width:50%;}
.solution_5 .s_case4 ul li a { width:90%}
.solution_5 .s_case4 ul li img { width:100%}
.solution_5 .s_case4 ul li h3 { font-size:18px;}
.solution_5 .s_case4 ul li h4 { left:5%; width:90%; line-height:24px}


}
@media all and (max-width:800px){
.solution_5 { padding:30px 0 50px 0;}
.solution_5 h2 { font-size:18px; padding-bottom:10px}

.solution_5 .s_case1 { width:95%;}
.solution_5 .s_case1 ul li { width:33.3%;}

.solution_5 .s_case2 { width:95%;}
.solution_5 .s_case2 img { max-width:100%}

.solution_5 .s_case3 { width:95%}


.solution_5 .s_case4 { width:360px}
.solution_5 .s_case4 ul li { float:none; width:100%; padding-bottom:20px;}
.solution_5 .s_case4 ul li a { width:90%}
.solution_5 .s_case4 ul li img { width:100%; opacity:0}
.solution_5 .s_case4 ul li h3 { font-size:18px; top:15%}
.solution_5 .s_case4 ul li h4 { left:5%; width:90%; line-height:20px; display:block}
}


.banner_ser { background:url(../images/ser/ser_banner1.jpg) top no-repeat; background-size:auto 100%; min-width:1200px; margin:0 auto; height:600px; position:relative; z-index:11}
.banner_ser h1 { font-size:36px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:50%; margin-top:-40px}
.banner_ser h3 { font-size:16px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:50%; margin-top:40px}




@media all and (max-width:1100px){
.banner_ser { min-width:800px; height:380px;}
.banner_ser h1 { font-size:24px; margin-left:-360px}
.banner_ser h3 { font-size:16px; margin-left:-360px; margin-top:20px}

}
@media all and (max-width:800px){
.banner_ser { min-width:inherit; height:220px;}
.banner_ser h1 { font-size:18px; line-height:30px; margin-left:0px; left:5%; margin-top:-20px}
.banner_ser h3 { font-size:12px; margin-left:0px; left:5%; line-height:24px; margin-top:20px}

}


.ser_1 { padding:70px 0 80px 0; width:1076px; margin:0 auto}
.ser_1 h2 { text-align:center; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:20px}
.ser_1 .ser_zy { font-size:16px; text-align:center; color:#999999}
.ser_1 ul { width:1116px; overflow:hidden}
.ser_1 ul li { float:left; width:372px; padding-top:55px}
.ser_1 ul li a { display:block; width:332px; background:#F0F8FE; height:606px; overflow:hidden; border-radius:3px}
.ser_1 ul li h3 { font-size:24px; font-weight:bold; text-align:center; line-height:66px; color:#fff; background:#1D236D}
.ser_1 ul li p { text-align:center; font-size:18px; padding:50px 0 0 0; line-height:30px}
.ser_1 ul li p img { display:block; margin:0 auto; padding-bottom:20px}

@media all and (max-width:1100px){
.ser_1 { padding:50px 0 60px 0; width:720px;}
.ser_1 h2 { font-size:24px; padding-bottom:20px}
.ser_1 ul { width:auto}
.ser_1 ul li { width:33.3%; padding-top:35px}
.ser_1 ul li a { width:90%}
.ser_1 ul li h3 { font-size:18px;}
.ser_1 ul li p { font-size:16px; padding:40px 0 0 0;}


}
@media all and (max-width:800px){
.ser_1 { padding:30px 0 40px 0; width:90%}
.ser_1 h2 { font-size:18px; padding-bottom:10px}
.ser_1 .ser_zy { font-size:14px}
.ser_1 ul li { width:auto; float:none; padding-top:20px}
.ser_1 ul li a { width:auto; height:auto; overflow:hidden; border-radius:3px; padding-bottom:20px}
.ser_1 ul li h3 { font-size:16px; line-height:36px;}
.ser_1 ul li p { float:left; width:33.3%; padding:20px 0 0 0; font-size:14px; line-height:20px}


}


.ser_2 { padding:20px 0 150px 0; width:1080px; margin:0 auto}
.ser_2 h2 { text-align:center; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:20px}
.ser_2 .ser_zy { font-size:16px; text-align:center; color:#999999}
.ser_2 ul { overflow:hidden}
.ser_2 ul li { float:left; width:360px; padding-top:90px; text-align:center; font-size:16px; line-height:32px}
.ser_2 ul li img { display:block; margin:0 auto}
.ser_2 ul li h3 { text-align:center; font-size:24px; line-height:30px; padding:30px 0 20px 0}
.ser_2 ul li h4 { text-align:center; font-size:18px;}


@media all and (max-width:1100px){
.ser_2 { padding:20px 0 70px 0; width:720px;}
.ser_2 h2 { font-size:24px; padding-bottom:10px}
.ser_2 ul li { width:33.3%; padding-top:30px;}
.ser_2 ul li h3 { font-size:18px; padding:20px 0 10px 0}
.ser_2 ul li h4 { font-size:16px;}



}
@media all and (max-width:800px){
.ser_2 { padding:20px 0 40px 0; width:90%}
.ser_2 h2 { font-size:18px; padding-bottom:0px}
.ser_2 .ser_zy { font-size:12px; }
.ser_2 ul { width:300px; margin:0 auto;}
.ser_2 ul li { float:none; width:auto; overflow:hidden; position:relative; padding-left:100px; height:96px}
.ser_2 ul li img { position:absolute; top:30px; left:0}
.ser_2 ul li h3 { font-size:16px; padding:0px 0 10px 0; text-align:left; font-weight:bold}
.ser_2 ul li h4 { font-size:14px; text-align:left;}

}



.banner_about { background:url(../images/about/about_banner.jpg) top no-repeat; background-size:auto 100%; min-width:1200px; margin:0 auto; height:600px; position:relative; z-index:11}
.banner_about h1 { font-size:36px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:50%; margin-top:-40px}
.banner_about h3 { font-size:16px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:50%; margin-top:40px}


@media all and (max-width:1100px){
.banner_about { min-width:800px; height:380px;}
.banner_about h1 { font-size:24px; margin-left:-360px}
.banner_about h3 { font-size:16px; margin-left:-360px; margin-top:20px}

}
@media all and (max-width:800px){
.banner_about { min-width:inherit; height:220px;}
.banner_about h1 { font-size:18px; line-height:30px; margin-left:0px; left:5%; margin-top:-20px}
.banner_about h3 { font-size:12px; margin-left:0px; left:5%; line-height:24px; margin-top:20px}

}



.banner_contact { background:url(../images/about/contact_banner.jpg) top no-repeat; background-size:auto 100%; min-width:1200px; margin:0 auto; height:600px; position:relative; z-index:11}
.banner_contact h1 { font-size:36px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:50%; margin-top:-40px}
.banner_contact h3 { font-size:16px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:50%; margin-top:40px}


@media all and (max-width:1100px){
.banner_contact { min-width:800px; height:380px;}
.banner_contact h1 { font-size:24px; margin-left:-360px}
.banner_contact h3 { font-size:16px; margin-left:-360px; margin-top:20px}

}
@media all and (max-width:800px){
.banner_contact { min-width:inherit; height:220px;}
.banner_contact h1 { font-size:18px; line-height:30px; margin-left:0px; left:5%; margin-top:-20px}
.banner_contact h3 { font-size:12px; margin-left:0px; left:5%; line-height:24px; margin-top:20px}

}




.about_1 { padding:70px 0 80px 0; width:1080px; margin:0 auto}
.about_1 h2 { font-size:30px; line-height:30px; font-weight:normal; padding-bottom:40px}
.about_1 .about_t1 { font-size:18px; line-height:40px}
.about_1 .about_t1 p { text-indent:2em}


@media all and (max-width:1100px){
.about_1 { padding:50px 0 60px 0; width:720px;}
.about_1 h2 { font-size:24px; padding-bottom:20px}
.about_1 .about_t1 { font-size:16px; line-height:32px}

}
@media all and (max-width:800px){
.about_1 { padding:30px 0 40px 0; width:90%}
.about_1 h2 { font-size:18px; padding-bottom:10px}
.about_1 .about_t1 { font-size:14px; line-height:26px}

}



.about_2 { padding:70px 0 0 0; min-width:1200px; margin:0 auto; background:#F8F8F8; height:630px}
.about_2 h2 { font-size:30px; line-height:30px; font-weight:normal; padding-bottom:40px}
.about_2 .w100 { position:relative}

.about_2 .hd { position:absolute; right:0; top:0; width:160px}
.about_2 .hd ul li { height:68px; padding-top:50px; background:url(../images/about/about_ico1.png) top no-repeat}
.about_2 .hd ul li.on { background:url(../images/about/about_ico2.png) top no-repeat}
.about_2 .hd ul li a { display:block; background:#F8F8F8; text-align:center; font-size:18px; line-height:40px; cursor:pointer}
.about_2 .hd ul li.on a { color:#0E86FE; font-weight:bold; font-size:18px}

.about_2 .bd { width:860px; height:500px; overflow:hidden; position:relative}
.about_2 .bd ul li { padding-bottom:30px; font-size:16px; line-height:40px}
.about_2 .bd ul li h3 { font-size:48px; line-height:50px; padding-bottom:20px}
.about_2 .bd ul li h4 { font-size:16px; line-height:40px; padding-top:20px; color:#ccc}
.about_2 .bd ul li h4 b { font-size:48px; line-height:50px; display:block; font-weight:normal; padding-bottom:20px}

.about_2 .bd .b12 { position:absolute; left:0; width:100%; bottom:0; height:300px; background:url(../images/about/about_bg.png)}



@media all and (max-width:1100px){
.about_2 { padding:50px 0 0 0; min-width:inherit;}
.about_2 h2 { font-size:24px; padding-bottom:20px}
.about_2 .bd { width:560px;}
.about_2 .bd ul li h3 { font-size:36px; line-height:40px; padding-bottom:15px}
.about_2 .bd ul li h4 b { font-size:36px; line-height:40px; padding-bottom:15px}

}
@media all and (max-width:800px){
.about_2 { padding:30px 0 30px 0; min-width:inherit; height:auto;}
.about_2 h2 { font-size:18px; padding-bottom:10px}

.about_2 .bd { width:auto; height:auto; padding-top:180px}
.about_2 .bd ul li { padding-bottom:20px; font-size:14px; line-height:24px}
.about_2 .bd ul li h3 { font-size:24px; line-height:30px; padding-bottom:10px}
.about_2 .bd ul li h4 { font-size:14px; line-height:24px; padding-top:10px;}
.about_2 .bd ul li h4 b { font-size:24px; line-height:30px; padding-bottom:10px}


.about_2 .hd { position:absolute; right:0; top:50px; width:100%}
.about_2 .hd ul li { float:left; width:33.3%; height:38px; padding-top:40px;}
.about_2 .hd ul li.on { background:url(../images/about/about_ico2.png) top no-repeat}
.about_2 .hd ul li a { font-size:14px; line-height:30px;}
.about_2 .hd ul li.on a { font-size:18px}
}





.about_3 { padding:70px 0 90px 0; width:1080px; margin:0 auto}
.about_3 h2 { font-size:30px; line-height:30px; font-weight:normal; padding-bottom:40px}
.about_3 ul { overflow:hidden; width:1108px}
.about_3 ul li { float:left; width:554px; padding-bottom:30px; position:relative}
.about_3 ul li img { display:block; width:524px}
.about_3 ul li h3 { position:absolute; left:0; color:#fff; font-size:24px; top:50%; text-align:center; width:524px; line-height:42px; margin-top:-42px}

@media all and (max-width:1100px){
.about_3 { padding:50px 0 70px 0; width:720px;}
.about_3 h2 { font-size:24px; padding-bottom:20px}
.about_3 ul { width:720px}
.about_3 ul li { width:50%;}
.about_3 ul li img { width:95%; margin:0 auto}
.about_3 ul li h3 { font-size:18px; width:100%; line-height:36px; margin-top:-36px}


}
@media all and (max-width:800px){
.about_3 { padding:30px 0 40px 0; width:90%}
.about_3 h2 { font-size:18px; padding-bottom:10px}
.about_3 ul { width:95%}
.about_3 ul li h3 { font-size:14px; line-height:26px; margin-top:-26px}


}



.contact_1 { padding:0px 0 110px 0; width:1080px; margin:0 auto}
.contact_1 ul { overflow:hidden}
.contact_1 ul li { float:right; width:465px; font-size:16px; line-height:32px; position:relative; padding-left:70px}
.contact_1 ul li h1 { font-size:24px; line-height:30px; font-weight:normal; padding-left:40px}
.contact_1 ul li h3 { font-size:18px; line-height:34px; padding-left:40px; padding-top:20px; padding-right:80px}
.contact_1 ul li i { display:block; width:20px; height:27px; background:url(../images/ser/ser_ico15.png); position:absolute; left:75px; top:3px}


@media all and (max-width:1100px){
.contact_1 { padding:0 0 70px 0; width:720px;}
.contact_1 ul li { width:50%; padding-left:0px}
.contact_1 ul li i { left:0; top:3px}


}
@media all and (max-width:800px){
.contact_1 { padding:0 0 40px 0; width:360px}
.contact_1 ul li { width:100%; float:none; padding-bottom:20px; padding-left:0px}
.contact_1 ul li h1 { font-size:18px;}
.contact_1 ul li h3 { font-size:14px; padding-right:0}

}



.banner { height:600px; position:relative}

.banner .bd { position:relative; z-index:11}
.banner .bd ul li { height:600px; position:relative}

.banner .bd ul li h1 { font-size:36px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:45%; margin-top:10px; opacity:0}
.banner .bd ul li h3 { font-size:16px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:45%; margin-top:90px; opacity:0; width:550px}

.banner .hd { position:absolute; z-index:22; bottom:50px; left:50%; margin-left:-540px; height:12px; text-align:center}
.banner .hd ul li { float:left; padding-right:12px}
.banner .hd ul li i { display:block; width:12px; height:12px; background:#fff; border-radius:50%; opacity:0.5; cursor:pointer}
.banner .hd ul li.on i { opacity:1}

@media all and (max-width:1100px){
.banner { height:480px!important;}
.banner .bd ul li { height:480px!important; position:relative}

.banner .bd ul li h1 { font-size:30px; margin-left:-360px}
.banner .bd ul li h3 { font-size:16px; margin-left:-360px; width:550px}
.banner .hd { margin-left:-360px}
}
@media all and (max-width:720px){
.banner { height:390px!important;}
.banner .bd ul li { height:390px!important; position:relative}

.banner .bd ul li h1 { font-size:18px; margin-left:0px; left:5%}
.banner .bd ul li h3 { font-size:14px; margin-left:0px; width:80%; left:5%; line-height:28px; top:40%}
.about_2{display: none;}
}
@media all and (max-width:480px){
.banner { height:280px!important;}
.banner .bd ul li { height:280px!important; position:relative}
.banner .bd ul li h3 { top:35%; line-height:24px}
.about_2{display: none;}
}




.index_1 { padding:70px 0 100px 0; width:1080px; margin:0 auto; margin-top:30px}
.index_1 h1 { text-align:center; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:20px}
.index_1 h3 { color:#999999; font-size:16px; width:780px; margin:0 auto; text-align:center; padding-bottom:10px}
.index_1 ul { overflow:hidden}
.index_1 ul li { float:left; width:20%; text-align:center; font-size:18px; line-height:48px; padding-top:50px}
.index_1 ul li span { font-size:44px; padding-right:20px}
.index_1 ul li h4 { padding-top:15px; font-size:16px; line-height:20px}


@media all and (max-width:1100px){
.index_1 { padding:50px 0 80px 0; width:720px;}
.index_1 h1 { font-size:24px; }
.index_1 h3 { font-size:14px; width:auto}
.index_1 ul li span { padding-right:15px}

}
@media all and (max-width:720px){
.index_1 { padding:30px 0 40px 0; width:95%;}
.index_1 h1 { font-size:18px; padding-bottom:0}
.index_1 h3 { font-size:12px; width:auto; padding-bottom:0}

.index_1 ul li { width:33.3%; font-size:14px; line-height:34px; padding-top:30px}
.index_1 ul li span { font-size:24px; padding-right:10px}
.index_1 ul li h4 { font-size:14px; padding-top:5px}
.index_1 ul li:nth-child(4) { padding-left:16.6%}

}


.index_2 { padding:70px 0 100px 0; min-width:1200px; margin:0 auto; background:#F8F8F8}
.index_2 h2 { text-align:center; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:40px}
.index_2 ul { overflow:hidden; width:1110px; margin:0 auto}
.index_2 ul li { float:left; width:370px; padding-top:60px}
.index_2 ul li img { display:block; margin:0 auto}
.index_2 ul li h3 { font-size:22px; line-height:30px; text-align:center; padding-top:40px}
.index_2 ul li h4 { font-size:16px; line-height:34px; padding:30px 24px 0 24px; color:#666}

@media all and (max-width:1100px){
.index_2 { padding:50px 0 80px 0; min-width:inherit;}
.index_2 h2 { font-size:24px; }
.index_2 ul { width:720px;}
.index_2 ul li { width:240px; padding-top:40px}
.index_2 ul li h3 { font-size:18px; padding-top:30px}
.index_2 ul li h4 { font-size:14px; line-height:28px; padding:20px 15px 0 15px; color:#666}


}
@media all and (max-width:720px){
.index_2 { padding:30px 0 40px 0; width:100%;}
.index_2 h2 { font-size:18px; padding-bottom:0}

.index_2 ul { width:90%;}
.index_2 ul li { width:auto; float:none; padding-top:20px}
.index_2 ul li h3 { font-size:16px; padding-top:20px}
.index_2 ul li h4 { font-size:12px; line-height:20px; padding:15px 15px 0 15px; color:#666}

}

.index_3 { padding:70px 0 120px 0; width:1080px; margin:0 auto;cursor: pointer;}
.index_3 h1 { text-align:center; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:20px}
.index_3 ul { width:1110px; overflow:hidden}
.index_3 ul li { float:left; width:25%; position:relative; padding-top:40px}
.index_3 ul li img { display:block}
.index_3 ul li h3 { position:absolute; top:40px; left:0; width:224px; padding:10px 15px 0 15px; background:#F8F8F8; font-size:14px; line-height:24px; height:127px; overflow:hidden; opacity:0}
.index_3 ul li h4 { position:absolute; top:177px; left:0; width:224px; padding:0 15px; background:#F8F8F8; font-size:14px; line-height:26px; height:32px; color:#1271ee; opacity:0}
.index_3 ul li h4 a { color:#1271ee}
.index_3 ul li h2 { text-align:center; font-size:22px; line-height:70px; border:1px #e5e5e5 solid; border-top:0 none; width:252px; font-weight:normal}
.index_3 ul li h2 img { float:left; padding:15px 10px 0 20px}


@media all and (max-width:1100px){
.index_3 { padding:50px 0 90px 0; width:720px;}
.index_3 h1 { font-size:24px; }
.index_3 ul { width:720px; margin:0 auto}
.index_3 ul li { width:50%; padding-top:30px}
.index_3 ul li img { margin:0 auto}
.index_3 ul li h3 { top:30px; left:50%; margin-left:-127px}
.index_3 ul li h4 { top:167px; left:50%; margin-left:-127px}
.index_3 ul li h2 { margin:0 auto}

}
@media all and (max-width:720px){
.index_3 { padding:30px 0 40px 0; width:100%;}
.index_3 h1 { font-size:18px; padding-bottom:0}
.index_3 ul { width:90%;}
.index_3 ul li { width:auto; float:none; padding-top:30px}

}

.banner_news { background:url(../images/about/news_banner.jpg) top no-repeat; background-size:auto 100%; min-width:1200px; margin:0 auto; height:600px; position:relative; z-index:11}
.banner_news h1 { font-size:36px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:50%; margin-top:-40px}
.banner_news h3 { font-size:16px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:50%; margin-top:40px}

@media all and (max-width:1100px){
.banner_news { min-width:800px; height:380px;}
.banner_news h1 { font-size:24px; margin-left:-360px}
.banner_news h3 { font-size:16px; margin-left:-360px; margin-top:20px}

}
@media all and (max-width:800px){
.banner_news { min-width:inherit; height:220px;}
.banner_news h1 { font-size:18px; line-height:30px; margin-left:0px; left:5%; margin-top:-20px}
.banner_news h3 { font-size:12px; margin-left:0px; left:5%; line-height:24px; margin-top:20px}

}


.pages { height:50px; background:#fff; width:1080px; margin:0 auto; margin-bottom:80px}
.pages ul{ text-align:center; list-style-type:none; padding:14px 0px;}
.pages ul li { display:inline; list-style-type:none; font-size:16px;line-height:26px;margin-right:6px;border:#ccc 1px solid; padding:8px;}
.pages ul a { display:inline; list-style-type:none; font-size:16px;line-height:26px;margin-right:6px;border:#ccc 1px solid; padding:8px;}
.pages ul li>a{border: 0px;}
.pages ul li.on a{color:#343434;}
.pages ul li.thisclass{ background:#24169D; font-weight:bold; text-align:center;border:#ccc 1px solid}
.pages ul li.thisclass a { color:#fff;}

@media all and (max-width:720px){
.pages ul li { padding:4px; font-size:12px}
}

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

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

}



.news_lm { overflow:hidden; width:1080px; margin:0 auto; padding-top:70px}
.news_lm a { display:block; float:left; line-height:46px; margin-right:20px; background:#E6E6E6; font-size:24px; padding:0 30px}
.news_lm a.on { background:#24169D; color:#fff}


.news_list { width:1080px; margin:0 auto; padding-top:20px; padding-bottom:90px}
.news_list ul li { border-bottom:1px #EBEBEB solid; padding:20px 0; position:relative}
.news_list ul li a { display:block; padding:20px 0; padding-left:170px}
.news_list ul li a:hover { background:#F2F2F2;}
.news_list ul li h3 { font-size:22px; line-height:30px; font-weight:bold}
.news_list ul li h5 { font-size:16px; color:#999; line-height:26px; padding-top:15px; padding-right:40px}
.news_list ul li h4 { position:absolute; font-size:22px; font-weight:bold; left:20px; top:40px; line-height:30px}

@media all and (max-width:1100px){
.news_lm { width:95%; margin:0 auto; padding-top:50px}
.news_lm a { line-height:40px; margin-right:15px; font-size:18px; padding:0 25px}
.news_lm a.on { background:#24169D; color:#fff}

.news_list { width:auto; padding-bottom:70px}
}
@media all and (max-width:800px){
.news_lm { padding-top:30px}
.news_lm a { line-height:34px; margin-right:10px; font-size:16px; padding:0 20px}

.news_list { padding-bottom:50px}
.news_list ul li { padding:0}
.news_list ul li a { padding-left:0; width:95%; margin:0 auto}
.news_list ul li h3 { font-size:16px;}
.news_list ul li h5 { font-size:14px; line-height:20px; padding-top:10px; padding-right:0px}
.news_list ul li h4 { position:relative; font-size:16px; float:left; font-weight:bold; left:auto; top:auto; padding-right:15px; line-height:30px}
}



.news_bg { min-width:1200px; padding:20px 0 110px 0; background:#F7F7F7}
.news_bg .w100 { width:1082px; background:url(../images/news_bg1.jpg)}


@media all and (max-width:1100px){
.news_bg { min-width:inherit; padding-bottom:90px; }
.news_bg .w100 { width:auto; background:#fff}

}
@media all and (max-width:800px){
.news_bg { padding-bottom:70px; }

}


.news_bg .news_left { width:744px; float:left}

.news_bg .news_left .news_title { width:704px; margin:0 auto; padding-top:60px}
.news_bg .news_left .news_title h1 { font-size:26px; line-height:30px; font-weight:normal; padding-bottom:25px; border-bottom:1px #eee solid; text-align:center}
.news_bg .news_left .news_title h3 { font-size:16px; color:#999; padding-top:25px; text-align:center}
.news_bg .news_left .news_title h3 i { padding-right:10px}
.news_bg .news_left .news_title h3 i.fa-eye { padding-left:50px}

.news_bg .news_left .news_body { padding:50px 0; width:660px; margin:0 auto; font-size:16px; line-height:40px}
.news_bg .news_left .news_body p { text-indent:2em}
.news_bg .news_left .news_body img { max-width:100%!important;align-items: center;}


.news_bg .news_left .news_sx { width:704px; margin:0 auto; padding-bottom:90px; font-size:16px; line-height:40px}
.news_bg .news_left .news_sx .fr a { border:1px #24169D solid; display:block; float:left; line-height:38px; padding:0 22px; font-size:18px; color:#24169D}
.news_bg .news_left .news_sx .fr a:hover { background:#24169D; color:#fff}
.news_bg .news_left .news_sx .fr a:nth-child(2) { border-left:0 none}


.news_bg .news_right { width:318px; float:right; padding-top:30px}
.news_bg .news_right ul { width:288px; margin:0 auto}
.news_bg .news_right ul li { border-bottom:1px #eee solid; padding:20px; font-size:16px; line-height:34px; position:relative}
.news_bg .news_right ul li i { display:block; width:3px; height:3px; background:#333; border-radius:50%; position:absolute; left:5px; top:35px}



@media all and (max-width:1100px){
.news_bg .news_left { width:720px; margin:0 auto; float:none}
.news_bg .news_right { display:none}

}
@media all and (max-width:800px){
.news_bg .news_left { width:90%}
.news_bg .news_left .news_title { width:auto; padding-top:30px}
.news_bg .news_left .news_title h1 { font-size:18px; padding-bottom:15px;}
.news_bg .news_left .news_title h3 { font-size:12px; padding-top:15px;}

.news_bg .news_left .news_body { padding:30px 0; width:100%;}
.news_bg .news_left .news_sx { width:auto; padding-bottom:50px; font-size:14px; line-height:30px}
.news_bg .news_left .news_sx .fr a { line-height:30px; padding:0 15px; font-size:14px;}

}




.banner_yinj { line-height:40px; padding-bottom:20px; width:1080px; margin:0 auto; border-bottom:1px #eee solid}
.banner_yinj h1 { font-size:30px; line-height:40px}



@media all and (max-width:1100px){
.banner_yinj { width:auto; }
.banner_yinj h1 { font-size:24px;}

}
@media all and (max-width:800px){
.banner_yinj h1 { font-size:18px; line-height:30px;}

}


.yinj_lm { overflow:hidden; width:1080px; margin:0 auto; padding-top:30px}
.yinj_lm a { display:block; float:left; line-height:44px; margin-right:20px; font-size:26px; padding:0 30px}
.yinj_lm a.on { background:#DF1212; color:#fff}

@media all and (max-width:1100px){
.yinj_lm { width:90%; }
.yinj_lm a { line-height:34px; font-size:18px; padding:0 25px}

}
@media all and (max-width:800px){
.yinj_lm a { line-height:28px; font-size:14px; padding:0 10px; width:auto; text-align:center; margin:0}

}



.yinj_list { width:1080px; margin:0 auto; overflow:hidden; padding-top:24px; padding-bottom:100px}
.yinj_list ul { width:1100px}
.yinj_list ul li { float:left; width:275px; padding-bottom:20px}
.yinj_list ul li a { display:block; width:255px; background:#fff; padding:40px 0}
.yinj_list ul li img { display:block; margin:0 auto; height:158px}
.yinj_list ul li h3 { padding:60px 20px 0 20px; overflow:hidden; font-weight:bold; text-overflow:ellipsis; white-space: nowrap; font-size:24px}
.yinj_list ul li h4 { padding:15px 20px 25px 20px; font-size:16px; color:#999; line-height:24px; }
.yinj_list ul li h5 { width:106px; line-height:30px; text-align:center; color:#fff; margin-left:20px; background:#DF1212}


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

}
@media all and (max-width:800px){
.yinj_list ul li { width:50%;}
.yinj_list ul li a { width:95%; padding:30px 0}
.yinj_list ul li img { height:auto; width:80%}
.yinj_list ul li h3 { padding:20px 10px 0 10px; font-size:16px}
.yinj_list ul li h4 { padding:5px 10px; font-size:14px; line-height:24px; }
.yinj_list ul li h5 { width:50%; margin:10px auto; font-size:12px}

}



.yinj_title { width:1082px; margin:0 auto; background:#fff; position:relative; padding:100px 0; overflow:hidden}
.yinj_title img { display:block; position:absolute; height:158px; top:100px; left:80px}
.yinj_title h1 { font-size:30px; line-height:30px; font-weight:bold; padding-left:330px; color:#000}
.yinj_title h3 { font-size:22px; line-height:40px; padding-left:330px; padding-top:30px; padding-right:80px}



@media all and (max-width:1100px){
.yinj_title { width:95%; padding:60px 0}
.yinj_title img { top:60px; left:60px}
.yinj_title h1 { font-size:24px; line-height:30px;}
.yinj_title h3 { font-size:18px; line-height:30px;}

}
@media all and (max-width:800px){
.yinj_title { padding:30px 0}
.yinj_title img { display:block; position: relative; max-width:50%; margin:0 auto; height:auto; top:auto; left:auto}
.yinj_title h1 { font-size:18px; line-height:30px; padding-left:0px; text-align:center; padding-top:20px}
.yinj_title h3 { font-size:14px; line-height:28px; padding:10px}

}


.yinj_body { width:1082px; margin:0 auto; margin-top:20px; background:url(../images/news_bg1.jpg) top}

.yinj_body .yinj_right { width:318px; float:right; padding-top:40px}
.yinj_body .yinj_right h2 { width:258px; margin:0 auto; padding-bottom:20px; border-bottom:1px #eee solid; font-size:24px; font-weight:bold; color:#000; position:relative}
.yinj_body .yinj_right h2 i { display:block; width:126px; height:6px; border-radius:3px; background:#9ED1FF; position:absolute; left:0px; bottom:20px; z-index:1}
.yinj_body .yinj_right h2 b { position:relative; z-index:11}
.yinj_body .yinj_right img { display:block; margin:50px auto 40px auto}
.yinj_body .yinj_right h1 { font-size:24px; line-height:30px; font-weight:bold; text-align:center; color:#000}
.yinj_body .yinj_right h3 { font-size:14px; line-height:30px; letter-spacing:1px; text-align:center; color:#666}
.yinj_body .yinj_right h4 { text-align:center; padding-top:40px; font-size:20px; line-height:40px}


.yinj_body .yinj_left { width:744px; float:left; padding-top:40px}
.yinj_body .yinj_left h2 { width:684px; margin:0 auto; padding-bottom:20px; border-bottom:1px #eee solid; font-size:24px; font-weight:bold; color:#000; position:relative}
.yinj_body .yinj_left h2 i { display:block; width:100px; height:6px; border-radius:3px; background:#9ED1FF; position:absolute; left:0px; bottom:20px; z-index:1}
.yinj_body .yinj_left h2 b { position:relative; z-index:11}

.yinj_body .yinj_zy { width:644px; margin:20px auto; background:#F3F3F3; font-size:18px; color:#000; line-height:34px; padding:15px 20px}
.yinj_body .yinj_text { width:644px; margin:0px auto; font-size:18px; line-height:40px; padding-top:20px; padding-bottom:100px}
.yinj_body .yinj_text b { display:block; font-size:24px; line-height:30px; padding-bottom:20px}


@media all and (max-width:1100px){
.yinj_body { width:95%; background:#fff}
.yinj_body .yinj_right { width:auto; float:none; padding-bottom:30px}
.yinj_body .yinj_right h1 { font-size:18px; }
.yinj_body .yinj_right h2 { width:90%}
.yinj_body .yinj_right h4 { text-align:center; padding-top:30px; font-size:16px; line-height:30px}

.yinj_body .yinj_left { width:auto; float:none; padding-top:40px}
.yinj_body .yinj_left h2 { width:90%}
.yinj_body .yinj_zy { width:80%;}
.yinj_body .yinj_text { width:90%; padding-bottom:40px}

}
@media all and (max-width:800px){
.yinj_body .yinj_right h2 { font-size:18px}
.yinj_body .yinj_right h2 i { width:95px;}
.yinj_body .yinj_left h2 { font-size:18px}
.yinj_body .yinj_left h2 i { width:75px;}

.yinj_body .yinj_zy {font-size:14px; line-height:24px; padding:10px 15px}
.yinj_body .yinj_text { font-size:14px; line-height:24px; padding-bottom:30px}
.yinj_body .yinj_text b { font-size:18px; padding-bottom:10px}

}



.banner_honor { background:url(../images/about/honor_banner.jpg) top no-repeat; background-size:auto 100%; min-width:1200px; margin:0 auto; height:600px; position:relative; z-index:11}
.banner_honor h1 { font-size:36px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:50%; margin-top:-40px}
.banner_honor h3 { font-size:16px; line-height:40px; color:#fff; font-weight:normal; position:absolute; left:50%; margin-left:-540px; top:50%; margin-top:40px}


@media all and (max-width:1100px){
.banner_honor { min-width:800px; height:380px;}
.banner_honor h1 { font-size:24px; margin-left:-360px}
.banner_honor h3 { font-size:16px; margin-left:-360px; margin-top:20px}

}
@media all and (max-width:800px){
.banner_honor { min-width:inherit; height:220px;}
.banner_honor h1 { font-size:18px; line-height:30px; margin-left:0px; left:5%; margin-top:-20px}
.banner_honor h3 { font-size:12px; margin-left:0px; left:5%; line-height:24px; margin-top:20px}

}


.honor_1 { padding:70px 0 120px 0; width:1080px; margin:0 auto}
.honor_1 h2 { text-align:center; font-size:30px; line-height:30px; font-weight:normal;}
.honor_1 ul { overflow:hidden}
.honor_1 ul li { float:left; width:360px; text-align:center; padding-top:70px}
.honor_1 ul li img { display:block; margin:0 auto}
.honor_1 ul li h3 { font-size:26px; line-height:48px; padding-top:40px}
.honor_1 ul li span { font-size:44px; padding-right:5px}
.honor_1 ul li h4 { padding-top:25px; font-size:18px; line-height:30px}

@media all and (max-width:1100px){
.honor_1 { padding:50px 0 60px 0; width:720px;}
.honor_1 h2 { font-size:24px; padding-bottom:20px}
.honor_1 ul li { width:33.3%; padding-top:50px}
.honor_1 ul li h3 { font-size:24px; padding-top:30px}
.honor_1 ul li span { font-size:36px;}
.honor_1 ul li h4 { padding-top:15px;}

}
@media all and (max-width:800px){
.honor_1 { padding:30px 0 40px 0; width:90%}
.honor_1 h2 { font-size:18px; padding-bottom:10px}
.honor_1 ul li { padding-top:20px}
.honor_1 ul li img { max-width:80%; height:auto}
.honor_1 ul li h3 { font-size:18px; padding-top:10px}
.honor_1 ul li span { font-size:24px;}
.honor_1 ul li h4 { font-size:14px; padding-top:0}
}



.honor_2 { padding:70px 0 120px 0; min-width:1200px; margin:0 auto; background:#F8F8F8; position:relative}
.honor_2 h2 { text-align:center; font-size:30px; line-height:30px; font-weight:normal;}
.honor_2 .bd { overflow:hidden; width:1140px; margin:0 auto; position:relative}
.honor_2 .bd ul li { float:left; padding:60px 0 0 0; width:25%}
.honor_2 .bd ul li img { display:block; margin:0 auto}
.honor_2 .bd ul li h3 { font-size:18px; line-height:30px; text-align:center; padding-top:30px}
.honor_2 a.prev { display:block; width:32px; height:50px; position:absolute; left:50%; margin-left:-630px; background:#B8B8B8; cursor:pointer; top:290px}
.honor_2 a.prev:hover { background:#666}
.honor_2 a.prev i { display:block; line-height:50px; text-align:center; color:#fff; font-size:24px}
.honor_2 a.next { display:block; width:32px; height:50px; position:absolute; right:50%; margin-right:-630px; background:#B8B8B8; cursor:pointer; top:290px}
.honor_2 a.next:hover { background:#666}
.honor_2 a.next i { display:block; line-height:50px; text-align:center; color:#fff; font-size:24px}


@media all and (max-width:1100px){
.honor_2 { padding:50px 0 80px 0; min-width: inherit;}
.honor_2 h2 { font-size:24px; padding-bottom:20px}
.honor_2 .bd { width:90%}
.honor_2 .bd ul li { padding:40px 0 0 0; width:25%}
.honor_2 .bd ul li img { max-width:95%}

.honor_2 a.prev { left:10px; margin-left:0px}
.honor_2 a.next { right:10px; margin-right:0px;}

}
@media all and (max-width:800px){
.honor_2 { padding:30px 0 60px 0; overflow:hidden}
.honor_2 .bd { width:200%}
.honor_2 h2 { font-size:18px; padding-bottom:10px}
.honor_2 .bd ul li { padding:20px 0 0 0;}
.honor_2 .bd ul li img { max-width:90%}
.honor_2 a.prev { top:50%}
.honor_2 a.next { top:50%}
.honor_2 .bd ul li h3 { font-size:14px; padding-top:10px}

}