@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:"Poppins","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; min-width:1400px}

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

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

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

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#3178D0;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:1400px; margin:0 auto}

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



header { height:106px; position:fixed; left:0; top:0; right:0; background:#fff; z-index:888; box-shadow:0 0 5px #ccc}
header .w100 { position:relative}
header .logos { float:left; padding-top:25px; padding-right:110px}
header .logos img { display:block}

header .head_l { background:url(../images/head_bg2.png); width:225px; height:34px; text-align:center; line-height:32px; position:absolute; left:135px; top:38px}
header .head_l h1 { text-align:center; color:#d7ae84; font-weight:normal; font-size:16px; letter-spacing:5px}

header .head_r { float:right; line-height:56px; margin-top:25px; padding-left:30px; background:url(../../html3/images/head_ico2.png) left no-repeat; position:relative; margin-left:60px}
header .head_r a { display:block; color:#888}
header .head_r h3 { position:absolute; left:0; width:100%; background:#fff; line-height:36px; box-shadow:0 0 5px #aaa; display:none}
header .head_r i { display:block; float:right; line-height:56px; padding-left:20px}
header .head_r h3 a { padding-left:30px; border-bottom:1px #ddd solid}
header .head_r h3 a:hover { background:#f5f5f5}

header .head_2 { background:url(../images/head_ico1.png); width:130px; height:38px; margin-top:34px; float:right; line-height:36px; color:#fff;background-color:rgb(0, 110, 192);border-radius:5px;}
header .head_2 a { color:#fff}
header .head_2 i { display:block; float:left; width:50px; height:38px}


header nav { float:left}
header nav ul li { float:left; padding-right:20px; padding-top:34px}
header nav ul li a { display:block; float:left; padding:0 15px; font-size:16px; line-height:32px}
header nav ul li.nav_on a { background:rgb(0, 110, 192); color:#fff; border-radius:5px}

header .head_r2 { display:none}

@media all and (max-width:1440px){
header .logos { padding-right:20px}
header nav ul li { padding-right:10px;}
header .head_r { margin-left:20px}

}

@media all and (max-width:1100px){
header { height:60px}
header .w100 { width:100%}
header .logos { padding-top:15px; padding-right:0px; padding-left:20px}
header .logos img { height:30px}

header .head_r { height:60px; padding-top:0; margin:0; padding-right:20px}
header .head_r i { padding-left:10px}

header .head_2 { display:none}
header .head_r2 { float:right; display:block; line-height:60px; font-size:16px; padding:0 15px; }


header nav { position:absolute; left:0; top:60px; width:100%; background:#fff; display:none}
header nav ul li { float:none; padding-top:0; line-height:50px; border-top:1px #ddd solid}
header nav ul li a { border-left:3px #fff solid; display:block; padding-left:20px; float:none; line-height:50px; font-size:14px}
header nav ul li.nav_on a { background:#fff; color:rgb(0, 110, 192); border-left:3px rgb(0, 110, 192) solid; border-radius:0}
}


.banner { margin-top:106px; height:731px; position:relative; min-width:1200px}
.banner .bd { height:731px; overflow:hidden}
.banner .bd ul li { height:731px; position:relative}
.banner .bd ul li img { display:none}
.banner img.m1 { display:none}
.banner .bd ul li h3 { position:absolute; left:0; right:0; text-align:center; bottom:65px; text-align:center; font-size:24px; line-height:46px; color:#fff}

.banner .hd { position:absolute; left:0; bottom:30px; width:100%; text-align:center; z-index:333}
.banner .hd ul li { display:inline; padding:0 5px; cursor:pointer}
.banner .hd ul li i { color:#fff}
.banner .hd ul li.on i { color:#E37B20}

.banner a.prev { display:block; width:46px; height:46px; background:#fff; border-radius:50%; position:absolute; left:50%; bottom:65px; margin-left:-100px; z-index:333; cursor:pointer}
.banner a.prev i { display:block; line-height:46px; text-align:center; color:#3178CF; font-size:24px}
.banner a.next { display:block; width:46px; height:46px; background:#fff; border-radius:50%; position:absolute; right:50%; bottom:65px; margin-right:-120px; z-index:334; cursor:pointer}
.banner a.next i { display:block; line-height:46px; text-align:center; color:#3178CF; font-size:24px}


@media all and (max-width:1440px){
.banner { height:534px; min-width:1000px}
.banner .bd { height:534px;}
.banner .bd ul li { height:534px;}

.banner .bd ul li h3 { bottom:30px;}
.banner a.prev { bottom:30px;}
.banner a.next { bottom:30px;}
}


@media all and (max-width:1100px){
.banner { margin-top:61px; height:auto; position:relative; min-width:inherit}
.banner .bd { height:auto; overflow:hidden}
.banner .bd ul li { height:auto;}
.banner .bd ul li img { display:block; width:100%}

.banner .bd ul li h3 { bottom:35px; font-size:18px; line-height:32px;}

.banner a.prev { width:32px; height:32px; bottom:35px; margin-left:-60px;}
.banner a.prev i { line-height:32px; font-size:18px}
.banner a.next { width:32px; height:32px; bottom:35px; margin-right:-60px;}
.banner a.next i { line-height:32px; font-size:18px}
}

.index_1 { padding:80px 0; width:1400px; margin:0 auto}
.index_1 h1 { font-size:36px; text-align:center; line-height:40px}
.index_1 .zy { text-align:center; font-size:16px; color:#888; padding-top:20px; padding-bottom:55px}

.index_1 .bd { width:1424px; position:relative}
.index_1 ul li { float:left; width:356px}
.index_1 ul li a { display:block; background:url(../images/index_bg1a.png); width:330px; height:189px; position:relative}
.index_1 ul li h4 { font-size:10px; padding-left:35px; padding-top:30px}
.index_1 ul li h3 { font-size:24px; font-weight:bold; padding-left:35px}
.index_1 ul li h5 { font-size:14px; padding:20px 35px 0 35px}
.index_1 ul li i { background:url(../images/index_ico1.png); right:25px; bottom:25px; display:none; width:27px; height:27px; position:absolute}

.index_1 ul li a:hover { background:url(../images/index_bg1.jpg);}
.index_1 ul li a:hover h3 { color:#fff}
.index_1 ul li a:hover h4 { color:#fff}
.index_1 ul li a:hover h5 { color:#fff}
.index_1 ul li a:hover i { display:block}


.index_1 a.prev { display:block; width:46px; height:46px; background:#fff; border-radius:50%; position:absolute; left:-60px; top:65px; z-index:333; cursor:pointer;box-shadow:0 0 5px #ccc}
.index_1 a.prev i { display:block; line-height:46px; text-align:center; color:#3178CF; font-size:24px}
.index_1 a.next { display:block; width:46px; height:46px; background:#fff; border-radius:50%; position:absolute; right:-60px; top:65px; z-index:334; cursor:pointer;box-shadow:0 0 5px #ccc}
.index_1 a.next i { display:block; line-height:46px; text-align:center; color:#3178CF; font-size:24px}

@media all and (max-width:1440px){
.index_1 { padding:60px 0; width:1100px;}
.index_1 h1 { font-size:30px;}
.index_1 .zy { font-size:14px; padding-top:15px; padding-bottom:40px}

.index_1 .bd { width:1120px}
.index_1 ul li { width:280px}
.index_1 ul li a { background:url(../images/index_bg1a.png); background-size:100% 100%; width:260px; height:170px; position:relative}
.index_1 ul li a:hover { background:url(../images/index_bg1.jpg); background-size:100% 100%}

.index_1 ul li h4 { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; padding:20px 20px 0 20px}
.index_1 ul li h3 { font-size:18px; padding-left:20px}
.index_1 ul li h5 { font-size:14px; padding:15px 20px 0 20px}
}

@media all and (max-width:1100px){
.index_1 { padding:30px 0; width:auto;}
.index_1 h1 { font-size:18px;}
.index_1 .zy { font-size:12px; padding-top:0px; padding-bottom:25px}

.index_1 .bd { width:560px; margin:0 auto; overflow:hidden}
.index_1 ul li { width:280px; margin-bottom:20px}
}
@media all and (max-width:560px){
.index_1 .bd { width:auto}
.index_1 ul li { width:50%;}
.index_1 ul li a { width:95%; margin:0 auto; height:auto; padding-bottom:15px}
.index_1 ul li h5 { font-size:12px; line-height:18px}

}


.index_2 { padding:80px 0; background:#F6FBFF}
.index_2 h1 { font-size:36px; text-align:center; line-height:40px}
.index_2 .zy { text-align:center; font-size:16px; color:#888; padding-top:20px; padding-bottom:55px}



.index_2 ul { width:1400px; margin:0 auto}
.index_2 ul li { float:left; width:50%; height:158px}
.index_2 ul li a { display:block; width:680px; height:140px}
.index_2 ul li img { display:block; margin:20px 32px 20px 0; float:left; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_2 ul li h3 { font-size:18px; font-weight:bold; padding-top:15px; line-height:50px}
.index_2 ul li h4 { font-size:14px; line-height:20px; color:#888; padding-right:60px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}

.index_2 ul li a:hover { background:url(../images/index_bg2.png);background-size: 680px auto;}
.index_2 ul li a:hover img { padding-left:30px}
.index_2 ul li a:hover h4 { padding-right:30px}

.index_2 ul li:nth-child(2n) a { float:right}


@media all and (max-width:1440px){
.index_2 { padding:60px 0;}
.index_2 h1 { font-size:30px;}
.index_2 .zy { font-size:14px; padding-top:15px; padding-bottom:40px}

.index_2 ul { width:1100px; margin:0 auto}
.index_2 ul li a { width:530px; height:140px}
.index_2 ul li h3 { font-size:16px; padding-top:10px; line-height:40px}
.index_2 ul li h4 { font-size:12px;}

.index_2 ul li a:hover { background:url(../images/index_bg2.png); background-size:100% 100%}

}

@media all and (max-width:1100px){
.index_2 { padding:30px 0; width:auto;}
.index_2 h1 { font-size:18px;}
.index_2 .zy { font-size:12px; padding-top:0px; padding-bottom:25px}

.index_2 ul { width:auto;}
.index_2 ul li { float:none; width:auto; height:auto; padding-bottom:15px; overflow:hidden}
.index_2 ul li a { display:block; width:auto; height:auto}
.index_2 ul li a h4 { padding-right:0px}

.index_2 ul li a:hover { background:none}
.index_2 ul li a:hover img { padding-left:0px}
.index_2 ul li a:hover h4 { padding-right:0px}

.index_2 ul li:nth-child(2n) a { float:none}
}



.index_3 { padding:80px 0; background:url(../images/index_bg4.jpg) top no-repeat; height:663px}
.index_3 h2 { font-size:36px; text-align:center; line-height:40px; color:#fff}
.index_3 .zy { text-align:center; font-size:16px; color:#ddd; padding-top:20px; padding-bottom:55px}

.index_3 ul { width:1400px; margin:0 auto}
.index_3 ul li { float:left; width:50%; height:285px}
.index_3 ul li a { display:block; background:url(../images/index_bg3.png); width:600px; height:231px; position:relative; overflow:hidden; border-radius:10px}

.index_3 ul li img { display:block; position:absolute; right:40px; top:60px; z-index:21}
.index_3 ul li img.img2 { display:none; z-index:22}
.index_3 ul li h3 { padding-top:60px; padding-left:40px; font-size:22px; font-weight:bold; line-height:50px; color:#fff}
.index_3 ul li h4 { padding-left:40px; line-height:24px; opacity:0.6; color:#fff; width:400px; font-size:16px}

.index_3 ul li a:hover { background:#fff}
.index_3 ul li a:hover img.img1 { opacity:0}
.index_3 ul li a:hover img.img2 { display:block; z-index:22}
.index_3 ul li a:hover h3 { color:#333}
.index_3 ul li a:hover h4 { color:#333}

.index_3 ul li:nth-child(2n) a { float:right}

@media all and (max-width:1440px){
.index_3 { padding:60px 0;}
.index_3 h2 { font-size:30px;}
.index_3 .zy { font-size:14px; padding-top:15px; padding-bottom:40px}

.index_3 ul { width:1100px;}
.index_3 ul li { width:50%; height:285px}

.index_3 ul li a { background:url(../images/index_bg3.png); width:530px; background-size:100% 100%}

.index_3 ul li h3 { padding-top:40px; padding-left:30px; font-size:18px;}
.index_3 ul li h4 { padding-left:30px; line-height:24px; width:300px; font-size:14px}

}

@media all and (max-width:1100px){
.index_3 { padding:30px 0; width:auto; height:auto; padding-bottom:30px; background-size:auto 100%}
.index_3 h2 { font-size:18px;}
.index_3 .zy { font-size:12px; padding-top:0px; padding-bottom:25px}


.index_3 ul { width:90%}
.index_3 ul li { float:none; width:auto; height:auto; padding-bottom:20px}
.index_3 ul li a { background:url(../images/index_bg3.png); width:auto; height:auto; background-size:100% 100%}

.index_3 ul li img { display:block; position:absolute; right:20px; top:20px; z-index:21; width:40px}
.index_3 ul li img.img2 { display:none; z-index:22}
.index_3 ul li h3 { padding-top:20px; padding-left:20px; font-size:16px; line-height:30px;}
.index_3 ul li h4 { line-height:20px; opacity:0.6; padding:10px 50px 20px 20px; width:auto; font-size:14px}

.index_3 ul li a:hover { background:url(../images/index_bg3.png); background-size:100% 100%}
.index_3 ul li a:hover img.img1 { opacity:0}
.index_3 ul li a:hover img.img2 { display:block; z-index:22}
.index_3 ul li a:hover h3 { color:#fff}
.index_3 ul li a:hover h4 { color:#fff}

.index_3 ul li:nth-child(2n) a { float:none}

}



.index_4 { padding:80px 0; background:#F6FBFF}
.index_4 h2 { font-size:36px; text-align:center; line-height:40px}
.index_4 .zy { text-align:center; font-size:16px; color:#888; padding-top:20px; padding-bottom:55px}



.index_4 ul { width:1406px; margin:0 auto}
.index_4 ul li { float:left; width:254px}
.index_4 ul li a { display:block; padding-top:10px; position:relative}
.index_4 ul li img { display:block; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index_4 ul li i { display:block; position:absolute; left:0; width:30px; height:1px; background:#3178CF;}
.index_4 ul li h3 { font-size:18px; line-height:50px; font-weight:bold; padding-bottom:10px}
.index_4 ul li h4 { width:130px; padding-top:20px}

.index_4 ul li:last-child { width:130px}
.index_4 ul li:hover img { transform:scaleX(-1);}

@media all and (max-width:1440px){
.index_4 { padding:60px 0;}
.index_4 h2 { font-size:30px;}
.index_4 .zy { font-size:14px; padding-top:15px; padding-bottom:40px}

.index_4 ul { width:1104px; margin:0 auto}
.index_4 ul li { width:184px}
}

@media all and (max-width:1100px){
.index_4 { padding:30px 0;}
.index_4 h2 { font-size:18px;}
.index_4 .zy { font-size:12px; padding-top:0px; padding-bottom:25px}


.index_4 ul { width:90%}
.index_4 ul li { width:33.3%}
.index_4 ul li img { display:block; max-width:40%; height:auto;}
.index_4 ul li h3 { font-size:16px; line-height:40px;}
.index_4 ul li h4 { width:auto; padding-top:10px; font-size:12px; line-height:18px; padding-right:20px; height:70px}

.index_4 ul li:last-child { width:33.3%}


}


.index_5 { padding:80px 0; background:#F6FBFF}
.index_5 h2 { font-size:36px; text-align:center; line-height:40px}
.index_5 .zy { text-align:center; font-size:16px; color:#888; padding-top:20px; padding-bottom:55px}

.index_5 .contact_mess { width:1400px; margin:0 auto}
.index_5 ul li { padding-bottom:50px; text-align:left; float:left; width:50%}
.index_5 ul li h3 { font-size:16px; padding-bottom:5px}
.index_5 ul li input { line-height:36px; height:36px; background:none; width:600px; border-bottom:1px #ccc solid}

.index_5 ul li:nth-child(2n) { float:right; width:600px}

.index_5 .tijiao { padding-top:30px}
.index_5 .tijiao input { display:block; background:#3178CF; width:156px; line-height:36px; line-height:34px; text-align:center; cursor:pointer; font-size:16px; color:#fff; margin:0 auto; border-radius:18px}



@media all and (max-width:1440px){
.index_5 { padding:60px 0;}
.index_5 h2 { font-size:30px;}
.index_5 .zy { font-size:14px; padding-top:15px; padding-bottom:40px}


.index_5 .contact_mess { width:1100px; margin:0 auto}
.index_5 ul li { width:530px}
.index_5 ul li:nth-child(2n) { float:right; width:530px}

.index_5 ul li input { width:100%}

}

@media all and (max-width:1100px){
.index_5 { padding:30px 0;}
.index_5 h2 { font-size:18px;}
.index_5 .zy { font-size:12px; padding-top:0px; padding-bottom:25px}

.index_5 .contact_mess { width:90%}
.index_5 ul li { width:auto; float:none; padding-bottom:20px}
.index_5 ul li:nth-child(2n) { float:none; width:auto}

.index_5 ul li input { width:100%}
}

footer { padding:50px 0; background:#0A2548}
footer .f_logo { float:left; width:445px}
footer .f_logo img { display:block}
footer .f_logo h3 { padding-top:40px; font-size:18px; font-weight:bold; padding-bottom:10px; color:#fff}
footer .f_logo h4 { background:url(../images/foot_ico3.png) center no-repeat; width:84px; height:28px}
footer .f_logo h4 a { display:block; float:left; height:28px; width:37px; position:relative}
footer .f_logo h4 a img { display:none; position:absolute; top:-190px; height:180px; left:50%; margin-left:-90px; width:180px}
footer .f_logo h4 a:hover img { display:block}

footer .f_left { float:left; width:440px}
footer .f_left ul li { float:left; width:220px}
footer .f_left ul li h2 { font-size:18px; font-weight:bold; padding-bottom:10px; color:#fff}
footer .f_left ul li h3 a { display:block; color:#fff; opacity:0.7; line-height:36px; font-size:16px}

footer .f_right { float:right; width:490px}
footer .f_right h3 { font-size:18px; font-weight:bold; padding-bottom:10px; color:#fff}
footer .f_right h4 { display:block; color:#fff; opacity:0.7; line-height:36px; font-size:16px; padding-bottom:30px}
footer .f_right a { display:block; color:#fff; opacity:0.7; line-height:36px; font-size:16px;}



@media all and (max-width:1440px){
footer .f_logo { width:320px}

footer .f_left { width:380px}
footer .f_left ul li { width:190px}

footer .f_right { width:320px}
}

@media all and (max-width:1100px){
footer { padding:30px 0;}
footer .f_logo { float:none; width:auto}
footer .f_logo img { display:block; margin:0 auto; max-width:30%}
footer .f_logo h3 { padding-top:20px; font-size:16px; text-align:center}
footer .f_logo h4 { margin:0 auto}

footer .f_left { display:none}

footer .f_right { float:none; width:auto; text-align:center; padding-top:30px}
footer .f_right h3 { font-size:16px; padding-bottom:5px;}
footer .f_right h4 { line-height:18px; font-size:12px; padding-bottom:20px}
footer .f_right a { line-height:18px; font-size:12px;}


}


.plan_2 { padding-top:60px; width:1180px; margin:0 auto; margin-top:50px; opacity:0; padding-bottom:50px; overflow:hidden}
.plan_2 ul { width:1230px}
.plan_2 ul li { float:left; width:410px; padding-bottom:30px}
.plan_2 ul li a.a1 { display:block; width:360px;}
.plan_2 ul li img { display:block; width:360px; height:180px }
.plan_2 ul li h3 { font-size:16px; line-height:40px; font-weight:bold; padding-top:10px}
.plan_2 ul li h4 { width:360px; font-size:14px; color:#888; line-height:24px; height:72px;}



@media all and (max-width:720px){
.plan_2 { padding-top:30px; width:90%;}
.plan_2 ul { width:auto}
.plan_2 ul li { float:none; width:auto; padding-bottom:20px}
.plan_2 ul li a { width:auto;}
.plan_2 ul li img { width:100%; height:auto }
.plan_2 ul li h4 { width:auto; height:auto;}


}





.news1 { width:1400px; margin:50px auto; box-shadow:0 0 5px #ccc; overflow:hidden; border-radius:5px}
.news1 img { display:block; float:left; padding:0 80px 0 0; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.news1 h3 { padding-top:120px; font-size:16px; font-weight:bold;}
.news1 h1 { padding-top:90px; font-size:24px; line-height:30px;}
.news1 h4 { font-size:16px; padding:20px 40px 20px 0; line-height:32px; color:#888}
.news1 h5 { text-align:right; padding-right:40px}
.news1 h5 a { float:left; border-radius:10px; display:block}
.news1:hover { box-shadow:0 0 10px #3178D0}
.news1:hover img { transform: scale(1.05);}


@media all and (max-width:1440px){
.news1 { width:1100px; margin:30px auto;}
.news1 img { width:500px; padding-right:30px}
.news1 h1 { padding-top:30px;}

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


.news_list { padding:80px 0 30px 0; width:1400px; margin:0 auto}
.news_list h2 { font-size:36px; text-align:center; line-height:40px}
.news_list .zy { text-align:center; font-size:16px; color:#888; padding-top:20px; padding-bottom:55px}

.news_list ul { width:1400px;}
.news_list ul li { float:left; width:496px; padding-bottom:45px}
.news_list ul li a { display:block; width:406px; box-shadow:0 0 5px #ccc; overflow:hidden}
.news_list ul li a:hover { box-shadow:0 0 10px #3178D0}

.news_list ul li img { display:block; width:100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.news_list ul li h3 { padding:20px 20px 10px 20px; font-size:18px; font-weight:bold; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list ul li h4 { padding:0 20px 0 20px; line-height:20px; color:#888; height:80px; overflow:hidden}
.news_list ul li h5 { padding:15px 20px 10px 20px; font-size:14px; text-align:right; color:#888}
.news_list ul li h5 span { display:block; float:left}
.news_list ul li a:hover h3 { color:#3178D0}
.news_list ul li a:hover img { transform: scale(1.05);}

.news_list ul li:nth-child(3n) { width:406px}


.more { text-align:center; padding-top:30px; font-size:16px;}
.more a { color:#3178CF; padding-bottom:10px; border-bottom:1px #3178CF solid}


@media all and (max-width:1440px){
.news_list { padding:60px 0; width:1100px}
.news_list ul { width:1110px;}
.news_list ul li { width:370px; padding-bottom:20px}
.news_list ul li a { width:350px;}
.news_list ul li:nth-child(3n) { width:370px}


}

@media all and (max-width:1100px){
.news_list { padding:30px 0; width:90%}
.news_list h2 { font-size:18px;}
.news_list .zy { font-size:12px; padding-top:0px; padding-bottom:25px}

.news_list ul { width:740px; margin:0 auto}
}
@media all and (max-width:1100px){
.news_list ul { width:auto;}
.news_list ul li { float:none; width:auto; padding-bottom:20px}
.news_list ul li a { width:auto;}
.news_list ul li:nth-child(3n) { width:auto}
.news_list ul li img { height:auto}
}


@media all and (max-width:1100px){
.news1 { height:auto; padding:0 0 30px 0}
.news1 img { padding:30px 30px 0 0; width:50%}
.news1 h3 { padding-top:30px; font-size:14px;}
.news1 h1 { font-size:16px; line-height:26px; padding:15px 0}
.news1 h1 a { color:#fff;}
.news1 h4 { font-size:14px; padding-bottom:20px}
.news1 h5 { float:none; width:120px; margin:0 auto}
.news1 h5 a { padding:0; background:#fff; display:block; border-radius:10px; display:block; float:none; text-align:center}

}


.news_cn { padding:90px 0; width:1400px; margin:0 auto}

.news_cn .news_tit { padding-bottom:20px; border-bottom:1px #ddd solid; text-align:center}
.news_cn .news_tit h1 { font-size:24px; line-height:30px; padding-bottom:10px; font-weight:normal}
.news_cn .news_tit h3 { color:#888; font-weight:bold}

.news_cn .news_text { font-size:16px; line-height:30px; padding:30px 0}
.news_cn .news_text img { max-width:100%}


@media all and (max-width:1440px){
.news_cn { padding:70px 0; width:1000px}
.news_right { width:300px;} 
.news_left { width:670px}


}

@media all and (max-width:1100px){
.news_cn { padding:40px 0; width:90%}
.news_right { display:none}
.news_left { width:auto}
}


.welfare_cn { font-size:16px; line-height:30px; padding:90px 0; width:1200px; margin:0 auto}
.welfare_cn img { max-width:100%}


.news_ss { border:1px #ccc solid; height:47px; margin-bottom:30px; position:relative}
.news_ss .inp1 { width:90%; margin:0 auto; padding-left:30px; line-height:42px; height:42px; border:0 none}
.news_ss .inp2 { position:absolute; right:0; top:1px; width:65px; opacity:0; cursor:pointer; z-index:11; height:42px}
.news_ss i { position:absolute; top:1px; bottom:1px; right:0; width:65px; background:url(../images/search_ico.png) center no-repeat; z-index:10; display:block}





.banner_lm { height:432px; margin-top:106px; position:relative}
.banner_lm h2 { position:absolute; left:50%; margin-left:-650px; top:35%; font-size:60px; color:#fff; font-weight:normal; line-height:60px; font-weight:bold}
.banner_lm h3 { position:absolute; left:50%; margin-left:-650px; top:35%; font-size:24px; color:#fff; font-weight:normal; line-height:30px; margin-top:80px; text-transform:uppercase}

.banner_lm.bg5 { background:url(../images/ziying_banner.jpg) top no-repeat; background-size:auto 100%}
.banner_lm.bg4 { background:url(../images/service_pic2.jpg) top no-repeat; background-size:auto 100%}
.banner_lm.bg3 { background:url(../images/service_banner.jpg) top no-repeat; background-size:auto 100%}
.banner_lm.bg2 { background:url(../images/aboutus_pic1.jpg) top no-repeat; background-size:auto 100%}
.banner_lm.bg1 { background:url(../images/news_banner.jpg) top no-repeat; background-size:auto 100%}

.banner_lm.bg2 h2 { left:100%}
.banner_lm.bg2 h3 { left:100%}


@media all and (max-width:1440px){
.banner_lm h2 { margin-left:-450px; font-size:48px;}
.banner_lm h3 { margin-left:-450px; font-size:20px;}

.banner_lm.bg2 h2 { left:5%}
.banner_lm.bg2 h3 { left:5%}

}

@media all and (max-width:1100px){
.banner_lm { height:240px; margin-top:60px; position:relative}
.banner_lm h2 { margin-left:0; font-size:24px; top:30%; left:5%}
.banner_lm h3 { margin-left:0; font-size:14px; top:30%; left:5%; margin-top:50px}
}

.banner_lm .hd { position:absolute; left:50%; margin-left:-700px; height:40px; line-height:40px; background:#000; bottom:0; border-radius:10px; overflow:hidden;}
.banner_lm .hd a { display:block; padding:0 30px; line-height:40px; color:#fff; float:left; cursor:pointer; font-size:16px}
.banner_lm .hd a.on { background:#3177CF}


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

.banner_lm .hd { margin-left:-550px;}
.banner_lm .hd a { padding:0 15px; font-size:14px}

}
@media all and (max-width:1100px){
.banner_lm .hd { margin-left:0; left:0; right:0; height:auto; border-radius:0;}
.banner_lm .hd a { padding:0 10px; font-size:12px}

}


.ziying_1 { padding:80px 0; width:1400px; margin:0 auto}
.ziying_1 h1 { font-size:36px; text-align:center; line-height:40px}
.ziying_1 .ziying_text { text-align:center; font-size:16px; color:#888; padding-top:20px; padding-bottom:45px; width:1180px; margin:0 auto}

.ziying_1 .ziying_lx { text-align:center; padding-bottom:80px}
.ziying_1 .ziying_lx a { font-size:18px}
.ziying_1 .ziying_lx i { padding:30px 20px; background:url(../images/ziying_ico1.png) left no-repeat}
/*.ziying_1 .ziying_lx a:last-child { border-left:1px #ddd solid}*/
.ziying_1 .ziying_lx a:last-child i { background:url(../images/ziying_ico2.png) left no-repeat}

@media all and (max-width:1440px){
.ziying_1 { padding:60px 0; width:1100px; overflow:hidden}
.ziying_1 h1 { font-size:30px;}
.ziying_1 .ziying_text { font-size:14px; padding-top:15px; padding-bottom:40px}

}

@media all and (max-width:1100px){
.ziying_1 { padding:30px 0; width:90%}
.ziying_1 h1 { font-size:18px;}
.ziying_1 .ziying_text { font-size:14px; padding-top:0px; padding-bottom:5px}

.ziying_1 .ziying_lx { text-align:center; padding-bottom:40px}
.ziying_1 .ziying_lx a { padding:0; text-align:left; font-size:16px; display:block; margin-bottom:10px}
.ziying_1 .ziying_lx i { padding:0px 20px; background:url(../images/ziying_ico1.png) left no-repeat; background-size:auto 100%}
.ziying_1 .ziying_lx a:last-child { border-left:0 none}
.ziying_1 .ziying_lx a:last-child i { background:url(../images/ziying_ico2.png) left no-repeat; background-size:auto 100%}
}


.ziying_1 ul { width:1424px}
.ziying_1 ul li { float:left; width:356px; padding-bottom:50px}
.ziying_1 ul li a { display:block; background:url(../images/index_bg1a.png); width:330px; height:189px; position:relative}
.ziying_1 ul li img { display:block; position:absolute; left:20px; top:20px}
.ziying_1 ul li img.img2 { display:none}

.ziying_1 ul li h3 { font-size:24px; padding-left:85px; padding-top:30px}
.ziying_1 ul li h4 { font-size:12px; padding-left:85px; line-height:20px; padding-right:15px; padding-top:15px}

/*.ziying_1 ul li a:hover { background:url(../images/index_bg1.jpg);}*/
.ziying_1 ul li a:hover h3 { color:#fff}
.ziying_1 ul li a:hover h4 { color:#fff}

.ziying_1 ul li a:hover img.img1 { opacity:0}
.ziying_1 ul li a:hover img.img2 { display:block}



.ziying_1 .ziying_pic img { display:block; width:100%}


@media all and (max-width:1440px){
.ziying_1 ul { width:1480px}
.ziying_1 ul li { width:370px; padding-bottom:30px}

}

@media all and (max-width:1100px){
.ziying_1 ul { width:740px; margin:0 auto}
.ziying_1 ul li { width:370px; padding-bottom:20px}

}
@media all and (max-width:740px){
.ziying_1 ul { width:100%}
.ziying_1 ul li { width:auto; float:none; padding-bottom:20px}
.ziying_1 ul li a { width:auto; height:auto; padding-bottom:20px; background:url(../images/index_bg1a.png); background-size:100% 100%}
.ziying_1 ul li a:hover { background:url(../images/index_bg1.jpg); background-size:100% 100%}
.ziying_1 ul li h3 { font-size:18px; padding-top:15px}
.ziying_1 ul li h4 { padding-top:10px}
}



.ziying_2 { width:1400px; margin:0 auto}
.ziying_2 h1 { font-size:36px; text-align:center; line-height:40px; padding-bottom:40px}

.ziying_2 ul li { float:left; width:484px; position:relative; margin-bottom:40px}
.ziying_2 ul li img { display:block; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.ziying_2 ul li h3 { font-size:22px; font-weight:bold; line-height:60px}
.ziying_2 ul li i { display:block; position:absolute; left:0; width:30px; height:1px; background:#3178CF;}
.ziying_2 ul li h4 { font-size:14px; line-height:20px; padding:20px 50px 0 0; height:100px; color:#888}

.ziying_2 ul li:nth-child(2) { width:483px; border-left:1px #ddd solid}
.ziying_2 ul li:nth-child(2) img { margin-left:30px}
.ziying_2 ul li:nth-child(2) h3 { padding-left:30px}
.ziying_2 ul li:nth-child(2) h4 { padding-left:30px}
.ziying_2 ul li:nth-child(2) i { left:30px}
.ziying_2 ul li:nth-child(5) { width:483px; border-left:1px #ddd solid}
.ziying_2 ul li:nth-child(5) img { margin-left:30px}
.ziying_2 ul li:nth-child(5) h3 { padding-left:30px}
.ziying_2 ul li:nth-child(5) h4 { padding-left:30px}
.ziying_2 ul li:nth-child(5) i { left:30px}


.ziying_2 ul li:nth-child(3) { width:431px; border-left:1px #ddd solid}
.ziying_2 ul li:nth-child(3) img { padding-left:30px}
.ziying_2 ul li:nth-child(3) h3 { padding-left:30px}
.ziying_2 ul li:nth-child(3) h4 { padding-left:30px; padding-right:0}
.ziying_2 ul li:nth-child(3) i { left:30px}
.ziying_2 ul li:nth-child(6) { width:431px; border-left:1px #ddd solid}
.ziying_2 ul li:nth-child(6) img { margin-left:30px}
.ziying_2 ul li:nth-child(6) h3 { padding-left:30px}
.ziying_2 ul li:nth-child(6) h4 { padding-left:30px; padding-right:0}
.ziying_2 ul li:nth-child(6) i { left:30px}

.ziying_2 ul li:hover img { transform:scaleX(-1);}


@media all and (max-width:1440px){
.ziying_2 { padding:60px 0; width:1100px; overflow:hidden}
.ziying_2 h1 { font-size:30px;}

.ziying_2 ul li { width:370px; margin-bottom:30px}
.ziying_2 ul li:nth-child(2) { width:360px;}
.ziying_2 ul li:nth-child(5) { width:360px;}
.ziying_2 ul li:nth-child(3) { width:330px;}
.ziying_2 ul li:nth-child(6) { width:330px;}

}

@media all and (max-width:1100px){
.ziying_2 { padding:30px 0; width:90%}
.ziying_2 h1 { font-size:18px;}

.ziying_2 ul li { width:auto; float:none; margin-bottom:20px; height:none}
.ziying_2 ul li img { display:block; max-width:30%; float:left; margin-right:20px}
.ziying_2 ul li h3 { font-size:16px; line-height:30px}
.ziying_2 ul li h4 { font-size:12px; line-height:18px; padding:10px 0 10px 0; height:auto; overflow:hidden;}
.ziying_2 ul li i { display:none}

.ziying_2 ul li:nth-child(2) { width:auto; border-left:0 none; float:none}
.ziying_2 ul li:nth-child(2) img { margin-left:0}
.ziying_2 ul li:nth-child(2) h3 { padding-left:0}
.ziying_2 ul li:nth-child(2) h4 { padding-left:0; padding-right:0}
.ziying_2 ul li:nth-child(2) i { left:0}
.ziying_2 ul li:nth-child(4) { width:auto; border-left:0 none; float:none}
.ziying_2 ul li:nth-child(4) img { margin-left:0}
.ziying_2 ul li:nth-child(4) h3 { padding-left:0}
.ziying_2 ul li:nth-child(4) h4 { padding-left:0; padding-right:0}
.ziying_2 ul li:nth-child(4) i { left:0}

.ziying_2 ul li:nth-child(5) { width:auto; border-left:0 none; float:none}
.ziying_2 ul li:nth-child(5) img { margin-left:0}
.ziying_2 ul li:nth-child(5) h3 { padding-left:0}
.ziying_2 ul li:nth-child(5) h4 { padding-left:0; padding-right:0}
.ziying_2 ul li:nth-child(5) i { left:0}

.ziying_2 ul li:nth-child(3) { width:auto; border-left:0 none; float:none}
.ziying_2 ul li:nth-child(3) img { margin-left:0; padding-left:0}
.ziying_2 ul li:nth-child(3) h3 { padding-left:0}
.ziying_2 ul li:nth-child(3) h4 { padding-left:0; padding-right:0}
.ziying_2 ul li:nth-child(3) i { left:0}

.ziying_2 ul li:nth-child(6) { width:auto; border-left:0 none; float:none}
.ziying_2 ul li:nth-child(6) img { margin-left:0}
.ziying_2 ul li:nth-child(6) h3 { padding-left:0}
.ziying_2 ul li:nth-child(6) h4 { padding-left:0; padding-right:0}
.ziying_2 ul li:nth-child(6) i { left:0}
}



.ziying_4 { padding:80px 0; background:#F6FBFF}
.ziying_4 h2 { text-align:center; font-size:36px; line-height:40px; padding-bottom:50px}
.ziying_4 .zy { text-align:center; padding-top:20px; font-size:16px; color:#888; padding-bottom:50px}

.ziying_4 ul { width:1400px; margin:0 auto}
.ziying_4 ul li { float:left; width:33.3%; position:relative; height:290px}
.ziying_4 ul li a { display:block; position:relative; margin:0 auto; overflow:hidden; border-radius:10px; width:402px}
.ziying_4 ul li img { display:block; width:100%; height:auto}
.ziying_4 ul li span { display:block; left:0; right:0; top:50%; margin-top:-20px; line-height:40px; text-align:center; font-size:16px; color:#fff; position:absolute; font-weight:bold; z-index:22; font-size:18px; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.ziying_4 ul li p { display:block; left:0; right:0; top:0; bottom:0; position:absolute; background:rgba(0,0,0,0.5); z-index:11; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}

.ziying_4 ul li:hover p { opacity:0}
.ziying_4 ul li:hover span { margin-top:-40px}


.ziying_4 ul li h3 { width:402px; height:240px; background:#F3F6F9;}
.ziying_4 ul li h3 span { color:#006ec4}

@media all and (max-width:1440px){
.ziying_4 { padding:60px 0;}
.ziying_4 h2 { font-size:30px;}
.ziying_4 .zy { font-size:14px; padding-bottom:40px}

.ziying_4 ul { width:1110px}
.ziying_4 ul li { width:370px; height:auto; margin-bottom:20px}
.ziying_4 ul li a { width:350px}

.ziying_4 ul li h3 { width:350px; height:209px;}

}

@media all and (max-width:1100px){
.ziying_4 { padding:30px 0;}
.ziying_4 h2 { font-size:18px;}
.ziying_4 .zy { font-size:12px; padding-bottom:20px; padding-top:0}

.ziying_4 ul { width:740px; margin:0 auto}
}

@media all and (max-width:740px){
.ziying_4 ul { width:90%;}
.ziying_4 ul li { width:50%; height:auto; margin-bottom:10px}
.ziying_4 ul li a { width:95%}

.ziying_4 ul li h3 { width:95%; height:100px;}
}






.ziying_3 { padding:80px 0; overflow:hidden}
.ziying_3 h2 { text-align:center; font-size:36px; line-height:40px; padding-bottom:50px}
.ziying_3 .bd { width:1400px; margin:0 auto; position:relative}
.ziying_3 .bd ul { width:1450px; overflow:hidden; position:relative; z-index:33}
.ziying_3 .bd ul li { float:left; width:290px}
.ziying_3 .bd ul li a { display:block; width:240px; height:270px; background:#F4FAFF; position:relative}
.ziying_3 .bd ul li img { display:block; margin:0 auto; padding-top:40px}
.ziying_3 .bd ul li h3 { font-size:22px; font-weight:bold; line-height:60px; text-align:center}
.ziying_3 .bd ul li i { display:block; position:absolute; left:50%; margin-left:-15px; width:30px; height:1px; background:#3178CF;}
.ziying_3 .bd ul li h4 { font-size:14px; line-height:20px; padding:20px 10px 0 10px; text-align:center}

.ziying_3 .bd .bgf { width:1778px; height:184px; background:url(../images/ziying_bg.png); top:50%; margin-top:-92px; left:50%; margin-left:-889px; position:absolute; z-index:22}

@media all and (max-width:1440px){
.ziying_3 { padding:60px 0;}
.ziying_3 h2 { font-size:30px;}
.ziying_3 .zy { font-size:14px; padding-bottom:40px}

.ziying_3 .bd { width:1100px;}
.ziying_3 .bd ul { width:1120px;}
.ziying_3 .bd ul li { width:224px}
.ziying_3 .bd ul li a { width:204px;}
.ziying_3 .bd ul li h4 { padding:20px 20px 0 20px}

}

@media all and (max-width:1100px){
.ziying_3 { padding:30px 0;}
.ziying_3 h2 { font-size:18px;}
.ziying_3 .zy { font-size:12px; padding-top:0px; padding-bottom:20px}

.ziying_3 .bd { width:90%;}
.ziying_3 .bd ul { width:auto;}
.ziying_3 .bd ul li { width:50%; padding-bottom:10px}
.ziying_3 .bd ul li img { padding-top:20px}
.ziying_3 .bd ul li a { width:90%; margin:0 auto; height:auto; padding-bottom:20px}
.ziying_3 .bd ul li h3 { font-size:16px; line-height:30px;}
.ziying_3 .bd ul li h4 { font-size:12px; line-height:18px; padding:10px 10px 0 10px; height:40px}


.ziying_3 .bd .bgf { display:none}
}



.rights { position:fixed; right:10px; bottom:10px; width:40px; z-index:8888}
.rights ul li { padding-bottom:5px; height:40px; cursor:pointer; position:relative}
.rights ul li.dh a { display:block; height:40px; background:url(../images/right_ico1.png) center no-repeat; background-size:100% 100%}
.rights ul li.ly a { display:block; height:40px; background:url(../images/right_ico2.png) center no-repeat; background-size:100% 100%}
.rights ul li.fh a { display:block; height:40px; background:url(../images/right_ico3.png) center no-repeat; background-size:100% 100%}


@media all and (max-width:1440px){
.rights { width:66px;}
.rights ul li { height:66px}
.rights ul li.dh a { height:66px}
.rights ul li.ly a { height:66px}
.rights ul li.jz a { height:66px}
.rights ul li.fh a { height:66px}

.rights ul li h3 { left:-170px; width:168px; height:66px; font-size:18px; line-height:66px; display:none}
}
@media all and (max-width:1100px){
.rights { display:none}
}




.yewu_1 { padding:80px 0; width:1400px; margin:0 auto; position:relative}
.yewu_1 .fr { border-radius:10px; position:absolute; right:0; top:80px; width:571px}
.yewu_1 .fr img { display:block; width:100%; height:auto}


.yewu_1 img { display:block}
.yewu_1 h1 { font-size:36px; line-height:80px}
.yewu_1 .yewu_text { width:800px; font-size:16px; line-height:30px; height:180px}



@media all and (max-width:1440px){
.yewu_1 { padding:60px 0; width:1100px}
.yewu_1 .yewu_text { width:500px;}


}


@media all and (max-width:1100px){
.yewu_1 { padding:30px 0; width:90%}
.yewu_1 .fr { position: relative; right:auto; top:auto; width:100%; margin:0 auto}
.yewu_1 .fr img { display:block; width:100%; height:auto}

.yewu_1 h1 { font-size:24px; line-height:60px}
.yewu_1 .yewu_text { width:auto; font-size:16px; line-height:30px; height:auto; padding-bottom:20px}

}



.yewu_2 { padding:80px 0; background:#F6FBFF}
.yewu_2 h2 { text-align:center; font-size:36px; line-height:40px;}
.yewu_2 .zy { text-align:center; font-size:16px; color:#888; padding-top:20px; padding-bottom:55px}

.yewu_2 ul { width:1400px; margin:0 auto}
.yewu_2 ul li { height:220px}
.yewu_2 ul li a { display:block; height:177px; background:url(../images/service_bg3.png); position:relative}
.yewu_2 ul li:nth-child(2n) a { background:url(../images/service_bg4.png)}


.yewu_2 ul li h3 { padding-left:360px; font-size:22px; color:#fff; padding-top:50px; padding-bottom:10px}
.yewu_2 ul li h4 { font-size:13px; padding-left:360px; opacity:0.7; color:#fff}

.yewu_2 ul li i { display:block; position:absolute; left:155px; top:0; bottom:0; width:150px; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}

.yewu_2 ul li:nth-child(1) i { background:url(../images/service_ico1.png) left no-repeat}
.yewu_2 ul li:nth-child(2) i { background:url(../images/service_ico2.png) left no-repeat}
.yewu_2 ul li:nth-child(3) i { background:url(../images/service_ico3.png) left no-repeat}
.yewu_2 ul li:nth-child(4) i { background:url(../images/service_ico4.png) left no-repeat}
.yewu_2 ul li:nth-child(5) i { background:url(../images/service_ico5.png) left no-repeat}
.yewu_2 ul li:nth-child(6) i { background:url(../images/service_ico6.png) left no-repeat}
.yewu_2 ul li:nth-child(7) i { background:url(../images/service_ico7.png) left no-repeat}

.yewu_2 ul li a:hover { box-shadow:0 0 10px #000; border-radius:10px}
.yewu_2 ul li a:hover i { margin-left:-10px}


@media all and (max-width:1440px){
.yewu_2 { padding:60px 0;}
.yewu_2 h2 { font-size:30px;}
.yewu_2 .zy { font-size:14px; padding-bottom:40px}

.yewu_2 ul { width:1100px;}
.yewu_2 ul li a { background:url(../images/service_bg3.png); background-size:100% 100%}
.yewu_2 ul li:nth-child(2n) a { background:url(../images/service_bg4.png); background-size:100% 100%}

.yewu_2 ul li i { left:85px;}
.yewu_2 ul li h3 { padding-left:260px; padding-top:40px}
.yewu_2 ul li h4 { font-size:14px; padding-left:260px; padding-right:40px}
}

@media all and (max-width:1100px){
.yewu_2 { padding:30px 0;}
.yewu_2 h2 { font-size:18px;}
.yewu_2 .zy { font-size:12px; padding-bottom:20px; padding-top:0}

.yewu_2 ul { width:90%;}
.yewu_2 ul li { height:auto; padding-bottom:10px}
.yewu_2 ul li a { background:url(../images/service_bg3.png); background-size:100% 100%; height:auto; padding-bottom:20px}
.yewu_2 ul li:nth-child(2n) a { background:url(../images/service_bg4.png); background-size:100% 100%}

.yewu_2 ul li i { left:85px; display:none}
.yewu_2 ul li h3 { padding-left:20px; padding-top:20px}
.yewu_2 ul li h4 { font-size:14px; padding-left:20px; padding-right:20px}

}



.baozhang_1 { padding:80px 0; width:1400px; margin:0 auto}
.baozhang_1 h2 { text-align:center; font-size:36px; line-height:40px;}
.baozhang_1 .zy { text-align:center; font-size:16px; color:#888; padding-top:20px; padding-bottom:55px}

.baozhang_1 .baozhang_text1 { overflow:hidden; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.baozhang_1 .baozhang_text1 img { display:block; float:right;}
.baozhang_1 .baozhang_text1 h1 { font-size:24px; line-height:60px; padding-top:40px}
.baozhang_1 .baozhang_text1 h1 span { color:#3178CF}
.baozhang_1 .baozhang_text1 a { color:#3178CF; padding-bottom:10px; border-bottom:1px #3178CF solid; display:block; float:left; margin-top:30px}
.baozhang_1 .baozhang_text1 .t1 { font-size:16px; line-height:30px; width:600px}
.baozhang_1 .baozhang_text1:hover { padding:0 20px}

@media all and (max-width:1440px){
.baozhang_1 { padding:60px 0; width:1100px;}
.baozhang_1 h2 { font-size:30px;}
.baozhang_1 .zy { font-size:14px; padding-bottom:40px}

}

@media all and (max-width:1100px){
.baozhang_1 { padding:30px 0; width:90%}
.baozhang_1 h2 { font-size:18px;}
.baozhang_1 .zy { font-size:12px; padding-bottom:20px; padding-top:0}

.baozhang_1 .baozhang_text1 img { display:block; float:none; margin:0 auto; max-width:60%;}
.baozhang_1 .baozhang_text1 h1 { font-size:18px; line-height:40px; padding-top:20px; text-align:center}
.baozhang_1 .baozhang_text1 .t1 { font-size:14px; line-height:24px; width:auto}
.baozhang_1 .baozhang_text1:hover { padding:0}

}





.baozhang_2 { height:516px; position:relative; background:url(../images/baozhang_pic3.jpg) top no-repeat; background-size:auto 100%}
.baozhang_2 h3 { position:absolute; left:50%; margin-left:-650px; top:35%; font-size:30px; color:#fff; font-weight:normal; line-height:40px; font-weight:bold; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.baozhang_2 h4 { position:absolute; left:50%; margin-left:-650px; top:35%; font-size:16px; color:#fff; font-weight:normal; line-height:30px; margin-top:50px; text-transform:uppercase; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.baozhang_2:hover h3 { margin-top:-20px}
.baozhang_2:hover h4 { margin-top:30px}

@media all and (max-width:1440px){
.baozhang_2 { height:376px}
.baozhang_2 h3 { margin-left:-550px}
.baozhang_2 h4 { margin-left:-550px}
}
@media all and (max-width:1100px){
.baozhang_2 { height:160px}
.baozhang_2 h3 { margin-left:0; left:5%; top:20%; font-size:18px}
.baozhang_2 h4 { margin-left:0; left:5%; top:20%; font-size:14px; margin-top:40px; line-height:20px}

.baozhang_2:hover h3 { margin-top:0px}
.baozhang_2:hover h4 { margin-top:40px}
}


.baozhang_4 { height:516px; position:relative; background:url(../images/baozhang_pic5.jpg) top no-repeat; background-size:auto 100%}
.baozhang_4 h3 { position:absolute; left:50%; margin-left:-650px; top:35%; font-size:30px; color:#fff; font-weight:normal; line-height:40px; font-weight:bold; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.baozhang_4 h4 { position:absolute; left:50%; margin-left:-650px; top:35%; font-size:16px; color:#fff; font-weight:normal; line-height:30px; margin-top:50px; text-transform:uppercase; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}

.baozhang_4:hover h3 { margin-top:-20px}
.baozhang_4:hover h4 { margin-top:30px}


@media all and (max-width:1440px){
.baozhang_4 { height:376px}
.baozhang_4 h3 { margin-left:-550px}
.baozhang_4 h4 { margin-left:-550px}

}
@media all and (max-width:1100px){
.baozhang_4 { height:160px}
.baozhang_4 h3 { margin-left:0; left:5%; top:20%; font-size:18px}
.baozhang_4 h4 { margin-left:0; left:5%; top:20%; font-size:14px; margin-top:40px; line-height:20px}
}





.about_1 { padding:80px 0; width:1400px; margin:0 auto}
.about_1 h3 { font-size:16px; font-weight:bold; color:#006ec4; text-align:center}
.about_1 h1 { font-size:30px; padding:20px 0; text-align:center}

.about_1 .about_text1 { font-size:16px; line-height:34px; padding-top:30px}


.about_2 { height:516px; position:relative; background:url(../images/aboutus_pic2.jpg) top no-repeat; background-size:auto 100%}

@media all and (max-width:1440px){
.about_1 { padding:60px 0; width:1100px}
.about_1 h2 { font-size:30px;}
.about_1 .about_text1 { font-size:14px;}


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

.about_2 { height:240px; }

}




.about_3  { padding:80px 0; background:#F6FBFF}
.about_3 .about_pic { float:right; width:692px; position:relative}
.about_3 .about_pic .bd { overflow:hidden; border-radius:10px}
.about_3 .about_pic .bd ul { position:relative; z-index:22}
.about_3 .about_pic .bd ul li { position:relative}
.about_3 .about_pic .bd ul li img { display:block; width:100%}
.about_3 .about_pic .bd ul li h3 { position:absolute; left:0; right:0; bottom:0; height:40px; line-height:40px; background:rgba(0,0,0,0.6); color:#fff; font-size:16px; padding-left:30px}

.about_3 .about_pic a.prev { display:block; right:50px; bottom:0; position:absolute; z-index:33; cursor:pointer}
.about_3 .about_pic a.next { display:block; right:30px; bottom:0; position:absolute; z-index:34; cursor:pointer}
.about_3 .about_pic a.prev i { color:#fff; line-height:40px; font-size:18px}
.about_3 .about_pic a.next i { color:#fff; line-height:40px; font-size:18px}

.about_3 .about_pd { float:left; width:576px}
.about_3 .about_pd ul li { float:left; width:50%; height:290px}
.about_3 .about_pd ul li a { display:block; width:235px; height:258px; border-radius:10px; overflow:hidden; background:#fff; position:relative}
.about_3 .about_pd ul li a:hover { background:#3178D0}

.about_3 .about_pd ul li img { display:block; position:absolute; left:50%; top:55px; margin-left:-32px}
.about_3 .about_pd ul li img.img2 { display:none}

.about_3 .about_pd ul li a:hover img.img1 { opacity:0}
.about_3 .about_pd ul li a:hover img.img2 { display:block}

.about_3 .about_pd ul li h3 { padding-top:150px; text-align:center; font-size:22px; padding-bottom:10px}
.about_3 .about_pd ul li h4 { text-align:center; font-size:16px; color:#888}

.about_3 .about_pd ul li a:hover h3 { color:#fff}
.about_3 .about_pd ul li a:hover h4 { color:#ddd}


@media all and (max-width:1440px){
.about_3 { padding:60px 0;}
.about_3 .about_pic { width:540px}

.about_3 .about_pd { width:540px}
.about_3 .about_pd ul li { height:230px}
.about_3 .about_pd ul li a { width:235px; height:210px;}

.about_3 .about_pd ul li img { top:35px;}
.about_3 .about_pd ul li h3 { padding-top:120px; }
}

@media all and (max-width:1100px){
.about_3 { padding:30px 0;}
.about_3 .about_pic { width:100%; float:none; margin:0 auto 20px auto}

.about_3 .about_pd { width:100%; float:none}
.about_3 .about_pd ul li { height:auto; width:50%; padding-bottom:10px}
.about_3 .about_pd ul li a { width:95%; height:180px; margin:0 auto}

.about_3 .about_pd ul li img { top:35px;}
.about_3 .about_pd ul li h3 { padding-top:110px; font-size:18px; padding-bottom:0px}
.about_3 .about_pd ul li h4 { text-align:center; font-size:14px; color:#888}
}



.pages { padding-bottom:20px; text-align:center; height:100px}
.pages ul li { padding:8px 10px; margin:0 3px; border:1px #ddd solid; border-radius: 6px; display:inline; background: #fff; white-space: nowrap;}
.pages ul li.active { border:1px #2E66FE solid; background:#3178D0; color:#fff}
.pages ul li.active a { color:#fff}
.pages ul li.disabled { border:0 none}