@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:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none;}
img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size: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;}
a:link {color:#343434;text-decoration: none}
a:visited {color:#343434;text-decoration: none}
a:active {color:#343434;text-decoration: none}
a:hover {color:#1890ED;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:1400px){
.w100 { width:1000px;}
}
@media all and (max-width:1000px){
.w100 { width:95%;}
}



/* leftsead */


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

}

.head { position:relative; z-index:5555; height:100px; margin:0 auto; background:#ECF0F3; min-width:1400px}
.head .w100 { position:relative}

.head .logo_s { float:left; height:100px;}
.head .logo_s img { display:block; margin:0 auto; padding-top:20px}

.head .head_r { display:none; position:absolute; top:0; right:5%}

.head .nav { float:right;}
.head .nav h4 { font-size:16px; color:#939293; text-align:right; padding-top:15px; line-height:30px}
.head .nav h4 font { font-size:16px; color:#207FE3}

.head .nav ul { position:absolute; top:50px; right:0}
.head .nav ul li { float:left; position:relative; height:48px; line-height:30px; margin-left:60px; position:relative}
.head .nav ul li a { font-size:16px;}
.head .nav ul li.nav_on { border-bottom:2px #1890ED solid;}
.head .nav ul li.nav_on a { color:#1890ED;}

.head .nav ul li h3 { background:#1890ED; position:absolute; left:-100%; width:300%; top:48px; display:none; }
.head .nav ul li h3 a { display:block; font-size:14px; line-height:42px; border-top:1px #59C9FF solid; color:#fff; text-align:center}
.head .nav ul li h3 a:hover { background:#0F77C4}
.head .nav ul li.nav_on h3 a { background:none; border-radius:0; color:#fff; padding-bottom:0}


.head.h_2 { position:fixed; left:0; width:100%; top:0; height:50px; display:none; width:100%; margin-left:0; border-bottom:1px #eee solid}
.head.h_2 .logo_s { padding-top:5px; position:relative; left:auto; top:auto; width:auto; height:50px; float:left; padding:0 30px}
.head.h_2 .logo_s img { height:40px; padding-top:5px}
.head.h_2 h3 { display:none}
.head.h_2 .nav ul { position:absolute; top:0; right:0}
.head.h_2 .nav ul li { height:48px; line-height:48px;}




@media all and (max-width:1400px){
.head { height:80px; min-width:1000px}
.head .logo_s { width:auto; height:80px; padding:0 20px}
.head .logo_s img { padding-top:15px; height:50px}
.head .nav h4 { padding-top:5px;}
.head .nav ul { top:35px;}
.head .nav ul li { margin-left:35px; height:43px;}
.head .nav ul li h3 { top:45px;}

}

@media all and (max-width:1000px){
.head { height:50px; position:fixed; left:0; top:0; width:100%; z-index:8100; background:#fff; min-width:inherit; border-bottom:1px #ddd solid}
.head .logo_s { height:40px; padding:5px 0}
.head .logo_s img { padding-top:0; height:40px; width:auto}

.head.hp .logo_s { padding-top:10px}

.head .head_r { display:block; font-size:18px; line-height:50px}
.head .head_r2 { display:none}

.head .nav { position:fixed; left:0; width:100%; background:#fff; top:51px; padding-top:0; display:none}
.head .nav h4 { width:95%; margin:0 auto}
.head .nav ul { position:relative; left:auto; right:auto; top:auto}
.head .nav ul li { width:90%; margin:0 auto; float:none; line-height:42px; border-bottom:1px #ccc solid; height:auto; padding:5px 0}
.head .nav ul li a { display:block; font-weight:bold}
.head .nav ul li h3 { width:1px; height:1px; overflow:hidden; opacity:0}

.head.h_2 .logo_s { padding:5px 0; height:40px}
.head.h_2 .logo_s img { padding:0}

.head .head_hy { display:none}
.head .nav ul li.nav_on { border-bottom:1px #ccc solid}

.head.h_2 .nav ul li { line-height:54px; height:51px}
.head.h_2 .nav { opacity:0; width:1px; height:1px; overflow:hidden}

.head.hp { height:50px;}
}




.banner { position:relative; height:700px; min-width:1400px; z-index:100}
.banner .bd { position:relative; width:100%; z-index:111; height:700px; z-index:111}
.banner .bd ul li { position:relative; width:100%; height:700px;}
.banner .bd ul li img { display:block; width:100%}
.banner .bd ul li a { display:block; width:100%; height:100%; left:0; top:0; cursor:pointer;}

.banner .hd { position:absolute; bottom:20px; right:50%; margin-right:-700px; height:5px; overflow:hidden; z-index:333}
.banner .hd ul li { float:left; width:120px; background:url(../images/bg2.png); margin-left:2px; height:5px; cursor:pointer}
.banner .hd ul li.on { background:url(../images/bg1.png)}


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

.banner { height:510px; min-width:1000px;}
.banner .bd { height:510px;}
.banner .bd ul li { height:510px;}

.banner .hd { margin-right:-500px;}
.banner .hd ul li { width:100px;}
}

@media all and (max-width:1000px){
.banner { height:365px; min-width: inherit; margin-top:50px}
.banner .bd { height:365px;}
.banner .bd ul li { height:365px;}

.banner .hd { margin-right:0; right:5%}
.banner .hd ul li { width:50px;}
}
@media all and (max-width:560px){
.banner { height:200px; overflow:hidden;}
.banner .bd { height:200px;}
.banner .bd ul li { height:200px;}

}



.index_1 { height:948px; background:url(../images/index_bg1.jpg) top; background-size:auto 100%}

.index_1 h2 { text-align:center; text-transform:uppercase; font-size:18px; font-weight:normal; padding-top:90px; line-height:30px; height:30px}
.index_1 h2 a { position:relative; color:#888; letter-spacing:10px}
.index_1 h2 i { display:block; position:absolute; height:2px; background:#87888A; width:430px; top:14px}
.index_1 h2 i.i1 { right:210px}
.index_1 h2 i.i2 { left:200px}

.index_1 .index_js { padding-top:60px; float:left; width:560px}
.index_1 .index_js h1 { font-size:36px; line-height:40px; padding-bottom:10px; font-weight:normal}
.index_1 .index_js h3 { color:#888; font-size:16px; padding-bottom:40px}
.index_1 .index_js .js_text {}
.index_1 .index_sp { padding-top:60px; float:right; height:570px}

.index_1 ul { width:1416px}
.index_1 ul li { float:left; width:236px}
.index_1 ul li a { display:block; width:200px; height:126px; background:#fff; box-shadow:0 0 5px #ccc; padding-left:20px; line-height:18px; cursor:pointer}
.index_1 ul li b { display:block; font-size:30px; padding:25px 0 15px 0; line-height:30px; font-weight:normal}
.index_1 ul li a:hover { color:#1890ED; box-shadow:0 0 5px #999}


@media all and (max-width:1400px){
.index_1 { height:700px;}

.index_1 h2 { padding-top:60px;}
.index_1 .index_js { padding-top:40px; width:500px}
.index_1 .index_js h1 { font-size:30px; padding-bottom:0px;}
.index_1 .index_js h3 { padding-bottom:20px}
.index_1 .index_sp { width:470px; padding-top:130px; height:320px}
.index_1 .index_sp img { display:block; width:100%; height:auto}

.index_1 ul { width:1008px}
.index_1 ul li { width:168px}
.index_1 ul li a { width:140px; height:96px; padding:0 10px;}
.index_1 ul li b { font-size:16px; padding:10px 0 5px 0;}

}
@media all and (max-width:1000px){
.index_1 { height:auto; background-size:auto 100%; padding-bottom:30px; overflow:hidden}
.index_1 h2 { padding-top:40px;}
.index_1 h2 i { width:100px;}

.index_1 .index_js { padding-top:20px; float:none; width:auto}
.index_1 .index_js h1 { font-size:24px;}
.index_1 .index_js h3 { font-size:14px; padding-bottom:20px}
.index_1 .index_js .js_text {}
.index_1 .index_sp { padding-top:20px; float:none; width:auto; height:auto; padding-bottom:30px}

.index_1 ul { width:auto}
.index_1 ul li { width:auto; float:none; margin-bottom:10px}
.index_1 ul li a { width:auto; height:auto; padding:0 15px 10px 15px; line-height:20px; color:#888}
.index_1 ul li b { font-size:16px; padding:10px 0 0 0; font-weight:bold; color:#333}
}




.index_2 { width:1400px; margin:0 auto; overflow:hidden; padding-bottom:80px}
.index_2 h2 { text-align:center; text-transform:uppercase; font-size:18px; font-weight:normal; padding-top:50px; line-height:30px; height:60px}
.index_2 h2 a { position:relative; color:#888; letter-spacing:10px}
.index_2 h2 i { display:block; position:absolute; height:2px; background:#87888A; width:430px; top:14px}
.index_2 h2 i.i1 { right:250px}
.index_2 h2 i.i2 { left:240px}

.index_2 h1 { text-align:center; font-size:36px; line-height:40px; padding-bottom:10px; font-weight:normal}
.index_2 .zy { text-align:center; font-size:14px; color:#aaa; padding-bottom:50px}


.index_2 .index_sh1 { float:left; width:635px}
.index_2 .index_sh1 img { display:block}

.index_2 ul { float:right; width:650px}
.index_2 ul li { height:105px;}
.index_2 ul li img { display:block; float:left; margin-right:20px}
.index_2 ul li h3 { font-size:18px; color:#333}
.index_2 ul li h4 { padding-top:5px; color:#888}


@media all and (max-width:1400px){
.index_2 { width:1000px; padding-bottom:60px}

.index_2 h2 { padding-top:40px;}
.index_2 h1 { font-size:30px;}
.index_2 .zy { padding-bottom:30px}

.index_2 .index_sh1 { width:450px}
.index_2 .index_sh1 img { display:block; width:100%; height:auto}
.index_2 .index_sh1 iframe { display:block; width:100%; height:330px}

.index_2 ul { width:520px}
.index_2 ul li { height:85px;}
.index_2 ul li img { height:70px; width:auto}
.index_2 ul li h3 { font-size:16px; color:#333}
.index_2 ul li h4 { font-size:12px; line-height:20px; height:40px; overflow:hidden}
}
@media all and (max-width:1000px){
.index_2 { width:95%}
.index_2 h1 { font-size:24px; line-height:30px;}

.index_2 .index_sh1 { width:100%; margin-bottom:15px}

.index_2 ul { width:100%}
.index_2 ul li h4 { display:none}

}

.index_3 { background:#333333; overflow:hidden; padding-bottom:80px}
.index_3 h2 { text-align:center; font-size:36px; line-height:40px; padding-bottom:20px; font-weight:normal; padding-top:50px; color:#fff}
.index_3 h2 font { display:block; color:#aaa; font-size:14px;}


.index_3 .index_alfl { text-align:center; color:#aaa; height:60px}
.index_3 .index_alfl a { color:#aaa; padding:0 30px}
.index_3 .index_alfl a.on { color:#207FE3}
.index_3 .index_alfl a:hover { color:#207FE3}

.index_3 ul { width:1420px; margin:0 auto; padding-left:20px; position:relative; overflow:hidden}
.index_3 ul li { float:left; width:355px; position:relative}
.index_3 ul li img { display:block; width:335px}
.index_3 ul li.al_1 { position:absolute; left:20px; bottom:0; width:690px}
.index_3 ul li.al_1 img { width:690px}
.index_3 ul li.al_2 { position:absolute; right:0px; bottom:0;}

.index_3 ul li h4 { position:absolute; bottom:40px; padding-top:20px; left:0; width:315px; background:url(../images/bg3.png); text-align:right; color:#8C8C8C; padding-right:20px; display:none}
.index_3 ul li h3 { position:absolute; bottom:0; height:40px; font-size:16px; color:#fff; left:0; width:315px; background:url(../images/bg3.png); text-align:right; padding-right:20px; display:none}

.index_3 ul li.al_1 h4 { width:670px}
.index_3 ul li.al_1 h3 { width:670px}

.index_3 ul li p { position:absolute; left:0px; top:0; width:335px; height:100%; overflow:hidden}
.index_3 ul li p img { position:absolute; left:0; top:0; width:335px;}
.index_3 ul li.al_1 p { width:690px}

@media all and (max-width:1400px){
.index_3 {}
.index_3 h2 { font-size:30px;}

.index_3 .index_alf2 { width:1046px; overflow:hidden; margin:0 auto}

}
@media all and (max-width:1000px){
.index_3 { padding-bottom:30px}
.index_3 h2 { font-size:24px; line-height:30px; padding-bottom:10px; padding-top:20px}

.index_3 .index_alf2 { width:90%; margin:0 auto}
.index_3 .index_alfl a { padding:0 10px}

.index_3 ul { width:auto; padding-left:0}
.index_3 ul li { float:none; width:auto; position:relative; margin-bottom:10px}
.index_3 ul li img { width:100%}

.index_3 ul li.al_1 { display:none}
.index_3 ul li.al_2 { position:relative; right:auto; bottom:auto;}
.index_3 ul li h4 { display:block; width:100%}
.index_3 ul li h3 { display:block; width:100%}
.index_3 ul li p { width:1px; height:1px; overflow:hidden; opacity:0}
}

.index_4 { width:1400px; margin:0 auto; overflow:hidden; padding-bottom:80px}
.index_4 h2 { text-align:center; text-transform:uppercase; font-size:18px; font-weight:normal; padding-top:50px; line-height:30px; height:60px}
.index_4 h2 a { position:relative; color:#888; letter-spacing:10px}
.index_4 h2 i { display:block; position:absolute; height:2px; background:#87888A; width:430px; top:14px}
.index_4 h2 i.i1 { right:270px}
.index_4 h2 i.i2 { left:260px}


.index_4 h1 { text-align:center; font-size:36px; line-height:40px; padding-bottom:10px; font-weight:normal}
.index_4 .zy { text-align:center; font-size:14px; color:#aaa; padding-bottom:50px}


.index_4 .index_td1 { overflow:hidden; position:relative; height:404px}
.index_4 .index_td1 ul { height:404px; position:relative; z-index:22}
.index_4 .index_td1 ul li { position: absolute; top: 0; left: 0; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.index_4 .index_td1 ul li img { display:block; width:94%; margin:0 auto}

.index_4 .index_td1 ul li a { display:none; position:absolute; left:20px; width:280px; bottom:12px; height:215px; background:url(../images/bg3.png)}
.index_4 .index_td1 ul li h4 { padding-top:30px; text-align:center; font-size:14px; color:#fff; line-height:34px}
.index_4 .index_td1 ul li h4 b { display:block; font-weight:normal; font-size:24px}
.index_4 .index_td1 ul li h3 { text-align:center; padding-top:40px; color:#fff; font-size:18px}
.index_4 .index_td1 ul li h3 font { color:#1890ED; display:block; padding-bottom:5px; font-size:16px; cursor:pointer}

.index_4 .index_td1 ul li.on { width:340px; padding-top:0}
.index_4 .index_td1 ul li.on img { width:320px}
.index_4 .index_td1 ul li.p4 a { display:block;}


@media all and (max-width:1400px){
.index_4 { width:1000px; padding-bottom:60px}
.index_4 h2 { font-size:16px; padding-top:40px; height:50px }

.index_4 h1 { font-size:30px;}


}
@media all and (max-width:1000px){
.index_4 { width:90%; padding-bottom:30px}
.index_4 h1 { font-size:24px; line-height:30px;}

.index_4 .zy { padding-bottom:0}
.index_4 .index_td1 { display:none}

.index_4 h2 i.i1 { right:250px}
.index_4 h2 i.i2 { left:240px}
}


.btn_left { position:absolute; left:10px; top:0; cursor:pointer; font-size:24px; z-index:222}
.btn_right { position:absolute; right:10px; top:0; cursor:pointer; font-size:24px; z-index:223}


.index_4 .index_td2 { overflow:hidden; padding-top:30px}
.index_4 .index_td2 ul li { float:left; width:140px; position:relative}
.index_4 .index_td2 ul li img { display:block; width:140px}
.index_4 .index_td2 ul li p { position:absolute; left:0; width:100%; top:0; height:100%; background:url(../images/bg3.png)}


.p1 {
    transform: translate3d(-265px, 0, 0);
    opacity: 0;
    z-index: 1; width:265px; padding-top:75px
}

.p2 {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transform-origin: 0 50%;
    z-index: 2; width:265px; padding-top:75px
}

.p3 {
    transform: translate3d(265px, 0, 0);
    opacity: 1;
    transform-origin: 0 50%;
    z-index: 3; width:265px; padding-top:75px
}

.p4 {
    transform: translate3d(530px, 0, 0);
    opacity: 1;
    z-index: 4; width:340px
}

.p5 {
    transform: translate3d(870px, 0, 0);
    opacity: 1;
    transform-origin: 0 50%;
    z-index: 3; width:265px; padding-top:75px
}

.p6 {
    transform: translate3d(1135px, 0, 0);
    opacity: 1;
    transform-origin: 0 50%;
    z-index: 2; width:265px; padding-top:75px
}
.p7 {
    transform: translate3d(1400px, 0, 0);
    opacity: 0;
    transform-origin: 0 50%;
    z-index: 2; width:265px; padding-top:75px
}



.index_5 { height:635px; background:#272526; min-width:1400px}
.index_5 .index_gy1 { float:left; padding-top:100px; position:relative; width:800px}
.index_5 .index_gy1 img { display:block; float:right}
.index_5 .index_gy1 .gy_s { position:absolute; width:392px; height:238px; background:url(../images/bg1.png); left:0; top:230px}
.index_5 .index_gy1 .gy_s h4 { padding-left:40px; line-height:60px; color:#B2C3DD}
.index_5 .index_gy1 .gy_s h3 { padding-left:40px; font-size:24px; color:#fff; line-height:24px}
.index_5 .index_gy1 .gy_s h5 { padding-left:40px; line-height:24px; color:#fff; padding-top:25px; padding-right:40px}

.index_5 .index_gy2 { float:right; width:560px; padding-top:100px}
.index_5 .index_gy2 ul li { float:left; width:280px; position:relative; margin-bottom:20px}
.index_5 .index_gy2 ul li img { display:block; width:260px; padding-left:20px}
.index_5 .index_gy2 ul li h3 { position:absolute; left:20px; width:260px; bottom:0; height:48px; text-align:center; color:#fff; font-size:18px; background:url(../images/bg3.png); line-height:48px}

.index_5 .index_gy2 ul li h5 { display:none}
.index_5 .index_gy2 ul li:hover h3 { background:url(../images/bg1.png)}

@media all and (max-width:1400px){
.index_5 { height:auto; min-width:1000px}
.index_5 .index_gy1 { float:none; padding-top:50px; width:auto; overflow:hidden}
.index_5 .index_gy2 { float:none; width:1020px; padding-top:20px; overflow:hidden}
.index_5 .index_gy2 ul li { width:255px;}
.index_5 .index_gy2 ul li img { width:235px; padding-left:0; display:block;}
.index_5 .index_gy2 ul li h3 { left:0px; width:235px; bottom:0; height:38px; font-size:16px; line-height:38px;}

}

@media all and (max-width:1000px){
.index_5 { min-width:inherit}
.index_5 .index_gy1 { padding-top:30px}
.index_5 .index_gy1 img { display:none}
.index_5 .index_gy1 .gy_s { position:relative; width:auto; height:auto; left:auto; top:auto; padding-bottom:20px}

.index_5 .index_gy1 .gy_s h4 { padding-left:30px; line-height:30px; padding-top:20px}
.index_5 .index_gy1 .gy_s h3 { padding-left:30px; font-size:18px;}
.index_5 .index_gy1 .gy_s h5 { padding-left:30px; line-height:20px; padding-top:10px; height:80px}

.index_5 .index_gy2 { width:100%;}
.index_5 .index_gy2 ul li { width:50%; margin-bottom:10px}

.index_5 .index_gy2 ul li img { width:90%; margin:0 auto; height:auto}
.index_5 .index_gy2 ul li h3 { left:5%; width:90%; height:38px; font-size:14px; line-height:38px}
}


.index_6 { background:#ECF0F3; overflow:hidden; padding-bottom:80px}
.index_6 h2 { text-align:center; text-transform:uppercase; font-size:18px; font-weight:normal; padding-top:50px; line-height:30px; height:60px}
.index_6 h2 a { position:relative; color:#888; letter-spacing:10px}
.index_6 h2 i { display:block; position:absolute; height:2px; background:#87888A; width:430px; top:14px}
.index_6 h2 i.i1 { right:270px}
.index_6 h2 i.i2 { left:260px}

.index_6 h1 { text-align:center; font-size:36px; line-height:40px; padding-bottom:10px; font-weight:normal}
.index_6 .zy { text-align:center; font-size:14px; color:#aaa; padding-bottom:50px}

.index_6 ul { width:1400px; margin:0 auto}
.index_6 ul li { float:left; width:280px}
.index_6 ul li a { display:block; padding:20px; background:#fff; border:1px #eee solid; cursor:pointer;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
	filter: gray;
	opacity:0.7;
}
.index_6 ul li a:hover {
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
	filter: none;
	opacity:1;
}
.index_6 ul li img { display:block; margin:0 auto}


.index_6.ren {}
.index_6.ren h2 { font-size:30px}
.index_6.ren ul { width:1400px; margin:0 auto}

@media all and (max-width:1400px){
.index_6.ren h2 { font-size:24px}
.index_6.ren ul { width:1000px;}
}
@media all and (max-width:1000px){
.index_6.ren h2 { font-size:18px}
.index_6.ren ul { width:95%;}
}



@media all and (max-width:1400px){
.index_6 h2 { font-size:16px; padding-top:40px; height:50px}
.index_6 h1 { font-size:30px;}

.index_6 ul { width:1000px; margin:0 auto}
.index_6 ul li { width:200px}
.index_6 ul li a { padding:10px 20px}
.index_6 ul li img { max-width:100%}
}


@media all and (max-width:1000px){
.index_6 { padding-bottom:40px; overflow:hidden}
.index_6 h2 { height:40px}
.index_6 h2 i { width:100px;}
.index_6 h2 i.i1 { right:220px}
.index_6 h2 i.i2 { left:210px}


.index_6 h1 { font-size:24px; line-height:30px}

.index_6 .zy { padding-bottom:20px}
.index_6 ul { width:95%}
.index_6 ul li { width:33.3%}
.index_6 ul li img { height:auto}
}



.index_7 { background:url(../images/index_bg2.jpg); height:645px; min-width:1400px}
.index_7 h3 { color:#DFBA29; text-align:center; font-size:120px; line-height:100px; padding-top:180px; font-weight:bold}
.index_7 h4 { color:#fff; text-align:center; font-size:48px; color:#fff; line-height:100px; padding-top:20px}
.index_7 h4 font { font-size:48px; color:#207FE3}
.index_7 h5 { font-size:14px; color:#fff; text-align:center}

@media all and (max-width:1400px){
.index_7 { background-size:auto 100%; height:480px; min-width:1000px}
.index_7 h3 { font-size:90px; line-height:100px; padding-top:130px;}
.index_7 h4 { font-size:36px; padding-top:10px}

}

@media all and (max-width:1000px){
.index_7 { min-width: inherit; height:auto; padding-bottom:30px}
.index_7 h3 { font-size:48px; line-height:60px; padding-top:50px;}
.index_7 h4 { font-size:24px; line-height:40px; padding:10px 20px 20px 20px}
.index_7 h4 font { font-size:36px;}

}


.index_8 { padding-top:50px; width:1400px; margin:0 auto; padding-bottom:80px; position:relative}
.index_8 h2 { font-size:24px; padding-bottom:15px; border-bottom:2px #ddd solid}
.index_8 .index_xw1 { position:absolute; right:-10px; top:55px}
.index_8 .index_xw1 a { padding:0 10px}


.index_8 .index_xw2 { padding-top:25px; overflow:hidden}
.index_8 .index_xw2 .ft { width:660px}
.index_8 .index_xw2 .ft img { display:block; width:640px; margin:0 auto}
.index_8 .index_xw2 .ft h3 { font-size:18px; line-height:40px; padding:10px 10px 0 10px}
.index_8 .index_xw2 .ft h4 { color:#666; padding:0 10px}


.index_8 .index_xw2 ul { float:right; width:700px}
.index_8 .index_xw2 ul li { height:115px}
.index_8 .index_xw2 ul li h5 { float:left; width:90px; height:100px; background:#B4B4B4; text-align:center; font-size:16px; color:#fff; margin-right:30px}
.index_8 .index_xw2 ul li h5 font { display:block; font-size:36px; padding-top:15px; line-height:40px}
.index_8 .index_xw2 ul li h3 { font-size:18px; line-height:40px;}
.index_8 .index_xw2 ul li h4 { color:#666;}
.index_8 .index_xw2 ul li:hover h5 { background:#207FE3}


@media all and (max-width:1400px){
.index_8 { padding-top:40px; width:1000px; padding-bottom:60px;}
.index_8 .index_xw2 .ft { float:none; width:auto; overflow:hidden; padding-bottom:20px; }
.index_8 .index_xw2 .ft img { float:left; margin-right:20px; height:80px; width:auto}
.index_8 .index_xw2 .ft h3 { padding:0 10px 0 10px}

.index_8 .index_xw2 ul { float:none; width:auto; overflow:hidden}
.index_8 .index_xw2 ul li { float:left; width:50%}
.index_8 .index_xw2 ul li h3 { font-size:16px; line-height:30px; padding-right:10px}
.index_8 .index_xw2 ul li h4 { font-size:12px; line-height:20px; color:#666; padding-right:10px;}
.index_8 .index_xw2 ul li h5 { width:70px; height:80px; font-size:14px; margin-right:20px}
.index_8 .index_xw2 ul li h5 font { font-size:30px; padding-top:10px;}
}

@media all and (max-width:1000px){
.index_8 { padding-top:20px; width:95%; padding-bottom:30px;}
.index_8 .index_xw2 .ft { display:none}
.index_8 h2 { font-size:18px; font-weight:normal; padding-bottom:10px; margin-bottom:5px}

.index_8 .index_xw1 { position:relative; right:auto; top:auto; text-align:right}
.index_8 .index_xw1 a { padding:0 5px}

.index_8 .index_xw2 ul li { float:none; width:auto; height:auto; overflow:hidden; margin-bottom:15px}
.index_8 .index_xw2 ul li h3 { padding-top:10px}
.index_8 .index_xw2 ul li h4 { display:none}


}

.footer { background:#101010; padding-top:30px; overflow:hidden}
.footer .foot_l { float:left; width:492px; padding-bottom:30px}
.footer .foot_l img { display:block}
.footer .foot_2 { float:left; width:760px}
.footer .foot_2 ul li { float:left; padding-left:65px; color:#C1C1C1;}
.footer .foot_2 ul li h2 { font-weight:normal; color:#fff; font-size:16px; height:30px}
.footer .foot_2 ul li a { display:block; line-height:30px; color:#C1C1C1}
.footer .foot_3 { float:right; color:#fff}
.footer .foot_3 h2 { font-weight:normal; color:#fff; font-size:16px; height:30px}
.footer .foot_3 img { margin-top:10px}

.footer .copyright { background:#333333; clear:both; line-height:48px; text-align:center; color:#fff}


@media all and (max-width:1400px){
.footer .foot_l { display:none}
.footer .foot_2 { padding-bottom:30px; overflow:hidden}
}
@media all and (max-width:1000px){
.footer { padding-top:0;}
.footer .w100 { display:none}
.footer .copyright { background:#101010; line-height:20px; padding:5px 20px; font-size:12px}
}


.about_1 { height:449px; background:url(../images/about_top1.jpg) top; min-width:1400px}

@media all and (max-width:1400px){
.about_1 { height:327px; background-size:auto 100%; min-width:1000px}
}
@media all and (max-width:1000px){
.about_1 { height:233px; min-width:inherit; margin-top:51px}
}
@media all and (max-width:560px){
.about_1 { height:160px;}
}


.about_2 { padding:40px 0 60px 0; background:#fff}
.about_2 h3 { text-align:center; font-size:16px; letter-spacing:10px; background:url(../images/bg4.png) center no-repeat; color:#666}
.about_2 h2 { text-align:center; line-height:80px; font-size:30px; font-weight:normal}
.about_2 .about_sp { width:1200px; margin:0 auto; font-size:16px; line-height:30px; margin-top:20px}
.about_2 .about_sp img { display:block; float:right; margin-left:50px}
.about_2 h4 { overflow:hidden; margin-top:20px;}
.about_2 h4 a { display:block; float:left; width:155px; height:45px; background:#141414; border:1px #7A7A7A solid; margin-right:20px; text-align:center; color:#fff; font-size:16px; line-height:44px}

@media all and (max-width:1400px){
.about_2 .about_sp { width:1000px; font-size:14px; line-height:24px;}
.about_2 .about_sp img { width:300px; height:auto; margin-left:30px}
}
@media all and (max-width:1000px){
.about_2 { padding:20px 0 30px 0;}
.about_2 h3 { font-size:14px; letter-spacing:0px; background-size:160% auto}
.about_2 h2 { line-height:50px; font-size:24px;}
.about_2 .about_sp { width:95%; font-size:14px; line-height:20px;}
.about_2 .about_sp img { width:80%; float:none; margin:0 auto; margin-bottom:20px}

.about_2 h4 { width:80%; margin:20px auto; text-align:center}
.about_2 h4 a { float:none; display:inline; margin:0; font-size:14px; line-height:34px; padding:5px 15px; margin:0 5px}
}

.about_3 { background:#212122; }
.about_3 .w100 { padding:20px 0; position:relative; width:1360px}
.about_3 h2 { font-size:24px; color:#fff; line-height:30px; font-weight:normal}
.about_3 .ajj_text { color:#87898A; width:860px; padding-top:15px; padding-bottom:15px}
.about_3 h3 { overflow:hidden}
.about_3 h3 a { display:block; float:left; width:155px; height:45px; background:#141414; border:1px #7A7A7A solid; margin-right:20px; text-align:center; color:#fff; font-size:16px; line-height:44px}
.about_3 .ajj_pic { position:absolute; right:0; top:-20px}




.about_4 { background:#EDF0F2; padding:60px 0}
.about_4 h2 { text-align:center; line-height:80px; font-size:30px; font-weight:normal}
.about_4 h2 font { font-size:30px; color:#207FE3}
.about_4 h4 { text-align:center; width:194px; height:40px; line-height:40px; color:#fff; background:#207FE3; border-radius:20px; margin:0 auto; font-size:18px; margin-bottom:35px}

.about_4 ul { width:1400px; margin:0 auto; overflow:hidden}
.about_4 ul li { float:left; width:280px}
.about_4 ul li a { display:block; width:260px; padding:30px 0; margin:0 auto; background:#fff; box-shadow:0 0 5px #ccc; text-align:center; font-size:18px; line-height:40px}
.about_4 ul li font { display:block; font-size:24px; color:#207FE3}


@media all and (max-width:1400px){
.about_4 { padding:40px 0}
.about_4 ul { width:1000px;}
.about_4 ul li { width:200px}
.about_4 ul li a { width:180px; padding:20px 0; font-size:16px; line-height:34px;}
.about_4 ul li font { font-size:18px;}
}

@media all and (max-width:1400px){
.about_4 h2 { font-size:16px; line-height:30px; margin-bottom:10px}
.about_4 h2 font { font-size:18px;}
.about_4 h4 { width:124px; height:30px; line-height:30px; border-radius:15px; font-size:14px; margin-bottom:15px}

.about_4 ul { width:95%;}
.about_4 ul li { width:50%; padding-bottom:15px}
.about_4 ul li a { width:95%; padding:10px 0 15px 0; font-size:14px; line-height:24px;}
.about_4 ul li font { font-size:16px;}
}

.about_5 { height:575px; background:url(../images/about_pic03.jpg) top no-repeat}
.about_5 h2 { text-align:center; line-height:100px; font-size:30px; font-weight:normal; color:#fff; padding-bottom:10px}
.about_5 h2 font { font-size:30px; color:#207FE3}
.about_5 ul { width:1000px; margin:0 auto}
.about_5 ul li { background:url(../images/bg5.png); text-align:center; font-size:16px; margin-bottom:10px; border:1px #888 solid; line-height:60px; color:#aaa}
.about_5 ul li:hover { background:#1F7EE2; color:#fff; font-size:18px}

@media all and (max-width:1400px){
.about_5 ul { width:800px;}
}
@media all and (max-width:1400px){
.about_5 { height:auto; padding-bottom:30px; background-size:auto 100%}
.about_5 h2 { line-height:60px; font-size:18px; padding-top:10px;}
.about_5 h2 font { font-size:18px;}
.about_5 ul { width:90%}
.about_5 ul li { font-size:14px; line-height:20px; padding:10px 10px}
.about_5 ul li:hover { font-size:14px}
}


.about_6 { background:#EDF0F2; padding:60px 0}
.about_6 h2 { text-align:center; line-height:80px; font-size:30px; font-weight:normal}
.about_6 h2 font { font-size:30px; color:#207FE3}

.about_6 ul { width:1400px; margin:0 auto; padding-top:84px; background:url(../images/bg6.png) top no-repeat; overflow:hidden}
.about_6 ul li { height:145px; position:relative; float:left; width:50%}
.about_6 ul li h3 { font-size:18px; padding-left:30px; line-height:36px; padding-top:10px}
.about_6 ul li h4 { line-height:20px; color:#666; padding-left:30px; padding-right:20px}
.about_6 ul li h5 { position:absolute; height:100px; width:100px; text-align:center; border-radius:50%}
.about_6 ul li h5 font { display:block; font-size:24px; color:#fff; border:3px #fff solid; line-height:94px; border-radius:50%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}

.about_6 ul li.fz1 h5 { top:0; right:40px}
.about_6 ul li.fz1 a { display:block; float:left; width:536px; background:#fff; height:104px; border-radius:52px}

.about_6 ul li.fz2 h5 { top:52px; left:40px}
.about_6 ul li.fz2 a { display:block; width:536px; background:#fff; height:104px; border-radius:52px; position:absolute; top:52px; right:0}

.about_6 ul li.yz1 h5 { border:5px #5DA1E7 solid; background:#207FE3}
.about_6 ul li.yz1 a { border:2px #5DA1E7 solid;}
.about_6 ul li.yz1:hover h5 font { background:#fff; color:#207FE3}

.about_6 ul li.yz2 h5 { border:5px #F6A957 solid; background:#FA8B15}
.about_6 ul li.yz2 a { border:2px #F6A957 solid;}
.about_6 ul li.yz2:hover h5 font { background:#fff; color:#FA8B15}

.about_6 ul li:hover a { box-shadow:0 0 5px #888}


@media all and (max-width:1400px){
.about_6 { padding:40px 0}
.about_6 ul { width:1000px; }

.about_6 ul li.fz1 a { width:330px;}
.about_6 ul li.fz2 a { width:330px;}

.about_6 ul li h3 { font-size:16px; line-height:30px; padding-top:5px}
.about_6 ul li h4 { line-height:20px;}
}
@media all and (max-width:1000px){
.about_6 { padding:30px 0}
.about_6 h2 { line-height:30px; font-size:18px}
.about_6 h2 font { font-size:18px}

.about_6 ul { width:95%; background:none; padding-top:10px}
.about_6 ul li { float:none; width:auto; height:auto; padding-bottom:15px}
.about_6 ul li h5 { display:none} 

.about_6 ul li.fz1 a { width:auto; float:none; height:auto; padding-bottom:10px; border-radius:0}
.about_6 ul li.fz2 a { width:auto; float:none; top:auto; right:auto; position:relative; height:auto; padding-bottom:10px; border-radius:0}
}

.about_7 { padding:40px 0; width:1400px; margin:0 auto}
.about_7 h2 { text-align:center; line-height:60px; font-size:30px; font-weight:normal; border-bottom:1px #ddd solid; margin-bottom:50px}

.about_7 ul li { height:140px}
.about_7 ul li img { display:block; float:right; border:1px #ccc solid; margin-left:60px}
.about_7 ul li h5 { float:left; width:90px; height:100px; background:#B4B4B4; text-align:center; font-size:16px; color:#fff; margin-right:30px}
.about_7 ul li h5 font { display:block; font-size:36px; padding-top:15px; line-height:40px}
.about_7 ul li h3 { font-size:18px; line-height:40px;}
.about_7 ul li h4 { color:#666;}
.about_7 ul li:hover h5 { background:#207FE3}


.about_7 .more { width:230px; margin:0 auto; height:42px; line-height:42px; text-align:center; background:#B4B4B4}
.about_7 .more a { display:block; text-align:center; font-size:16px; line-height:42px; color:#fff; background:#B4B4B4}
.about_7 .more a:hover { background:#207FE3}

@media all and (max-width:1400px){
.about_7 { padding:30px 0; width:1000px;}

}
@media all and (max-width:1400px){
.about_7 { width:auto;}
.about_7 h2 { line-height:30px; font-size:24px; margin-bottom:20px; padding-bottom:10px}
.about_7 ul li { height:auto; padding-bottom:15px; margin-bottom:15px}
.about_7 ul li img { width:20%; height:auto; margin-left:20px; margin-bottom:10px}
.about_7 ul li h3 { font-size:16px; line-height:28px; padding-top:5px}
.about_7 ul li h4 { clear:both}
}

.about_8 { background:#EDF0F2; min-width:1400px}
.about_8 h2 { text-align:center; line-height:40px; font-size:30px; font-weight:normal; padding-top:40px}
.about_8 .about_lx { width:1400px; height:254px; margin:0 auto}
.about_8 .about_lx ul li { float:left; width:25%; position:relative}
.about_8 .about_lx ul li a { display:block; width:274px; height:274px; background:#fff; border-radius:50%; position:absolute; top:30px; left:38px; z-index:1}
.about_8 .about_lx ul li i { position:relative; z-index:11; color:#F74D16; display:block; text-align:center; padding-top:40px; font-size:36px; line-height:80px}
.about_8 .about_lx ul li h3 { position:relative; z-index:22; text-align:center; font-size:18px; padding-bottom:10px}
.about_8 .about_lx ul li h4 { position:relative; z-index:33; color:#666; text-align:center; font-size:16px; padding:0 75px 10px 75px}
.about_8 .about_pic { height:517px; background:url(../images/about_pic04.jpg) top}
.about_8 .about_lx ul li img { position:relative; z-index:44; display:block; margin:0 auto; width:120px}

@media all and (max-width:1400px){
.about_8 { min-width:1000px}
.about_8 .about_lx { width:1000px; height:220px}
.about_8 .about_lx ul li a { width:230px; height:230px; left:10px;}
.about_8 .about_pic { height:376px; background-size:auto 100%}
.about_8 .about_lx ul li h3 { font-size:16px; padding-bottom:5px;}
.about_8 .about_lx ul li h4 { font-size:14px; padding:0 35px 5px 35px}
}
@media all and (max-width:1400px){
.about_8 { min-width: inherit}
.about_8 h2 { line-height:30px; font-size:18px; padding-top:30px; padding-bottom:20px}
.about_8 .about_lx { width:auto; height:auto; padding-bottom:30px; overflow:hidden}
.about_8 .about_lx ul li { width:50%; height:220px}

.about_8 .about_lx ul li a { width:90%; border-radius:0; top:auto; left:5%; margin:0 auto; display:block; height:200px}
.about_8 .about_lx ul li i { padding-top:0px; line-height:50px; padding-top:10px}
.about_8 .about_lx ul li h4 { padding:0 15px 5px 15px}

.about_8 .about_pic { display:none}
}



.lanmu { padding:30px 0 10px 0; width:1400px; margin:0 auto}
.lanmu .nowsite { font-size:16px; padding-bottom:5px; border-bottom:1px #ddd solid; color:#888; padding-left:10px}
.lanmu .nowsite a { color:#888}
.lanmu .lanmu_fl { padding-top:30px; overflow:hidden; line-height:30px}
.lanmu .lanmu_fl ul li { overflow:hidden; padding-bottom:20px}
.lanmu .lanmu_fl h3 { float:left; padding-left:10px; font-size:18px}
.lanmu .lanmu_fl a { display:block; float:left; margin-left:40px; font-size:16px; padding:0 15px}
.lanmu .lanmu_fl a.on { background:#207FE3; color:#fff; border-radius:15px}


.lanmu h1 { font-size:24px; font-weight:normal; padding-top:20px; line-height:40px}
.lanmu .lm_sm { color:#666; line-height:40px; font-size:16px}
.lanmu h4 { color:#aaa; padding-bottom:20px}
.lanmu h4 i { padding-right:10px}



@media all and (max-width:1400px){
.lanmu { width:1000px}
.lanmu .lanmu_fl { padding-top:20px;}

}
@media all and (max-width:1000px){
.lanmu { width:95%; padding-top:10px; font-size:12px; padding-bottom:0}
.lanmu .lanmu_fl { padding-top:20px;}
.lanmu .nowsite { font-size:12px}

.lanmu .lanmu_fl { line-height:26px; font-size:12px; padding-top:10px}
.lanmu .lanmu_fl h3 { font-size:14px}
.lanmu .lanmu_fl a { margin-left:10px; font-size:14px; padding:0 10px}

.lanmu .lm_sm { font-size:14px; line-height:26px}

}

.about_zp { background:#EDF0F2; min-width:1400px; padding:40px 0}
.about_zp .w100 { width:1350px; margin:0 auto; background:#fff; padding-bottom:20px}
.about_zp h2 { text-align:center; line-height:80px; font-size:30px; font-weight:normal; padding-top:20px}
.about_zp h1 { width:506px; height:60px; margin:0 auto; background:#207FE3; color:#fff; border-radius:30px; text-align:center; color:#fff; font-size:24px; line-height:60px; font-weight:normal}

.about_zp ul { width:1240px; margin:0 auto; margin-top:30px}
.about_zp ul li { padding-top:30px; position:relative; padding-left:210px; color:#666; border-top:1px #ddd solid; padding-bottom:30px}
.about_zp ul li h3 { position:absolute; left:0; width:200px; text-align:center; font-size:18px; color:#207FE3}


@media all and (max-width:1400px){
.about_zp { min-width:1000px; padding:30px 0}
.about_zp .w100 { width:960px;}
.about_zp ul { width:960px; margin-top:20px}
}
@media all and (max-width:1000px){
.about_zp { min-width:inherit;}
.about_zp .w100 { width:90%;}
.about_zp h2 { line-height:60px; font-size:24px;}

.about_zp ul { width:90%; margin-top:20px}
.about_zp ul li { padding-top:20px; padding-left:0px; padding-bottom:20px}
.about_zp ul li h3 { position:relative; left:auto; width:auto; text-align:left; font-size:16px}

}



.pages { height:80px;}
.pages ul{ text-align:center; list-style-type:none; padding:14px 0px;}
.pages ul li { display:inline; list-style-type:none; font-family:Tahoma;line-height:26px;margin-right:6px;border:#ccc 1px solid;background:#EAEAEA;-moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; padding:8px;}
.pages ul li a{ padding:2px 3px; color:#6e6e6e;}
.pages ul li.on a{color:#343434;}
.pages ul li.thisclass{ background:#207FE3; font-weight:bold; text-align:center;border:#fff 1px solid}
.pages ul li.thisclass a { color:#fff;}

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


.case_1 { height:450px; min-width:1400px; background:url(../images/case_top.jpg) top no-repeat}


@media all and (max-width:1400px){
.case_1 { height:327px; background-size:auto 100%; min-width:1000px}
}
@media all and (max-width:1000px){
.case_1 { height:233px; min-width:inherit; margin-top:51px}
}
@media all and (max-width:560px){
.case_1 { height:160px;}
}



.case_list { background:#EDF0F2; min-width:1400px; padding:40px 0}
.case_list ul { width:1400px; margin:0 auto}
.case_list ul li { float:left; width:350px; padding-bottom:25px; position:relative}
.case_list ul li a { display:block; width:320px; margin:0 auto; background:#fff; border-radius:5px 5px 0 0;}
.case_list ul li a:hover { box-shadow:0 0 10px #999}
.case_list ul li img.bigpic { display:block; width:320px; margin:0 auto; border-radius:5px 5px 0 0}
.case_list ul li h3 { padding-left:15px; padding-top:5px; line-height:40px; font-size:16px}
.case_list ul li h4 { padding-left:15px; color:#888; height:68px}
.case_list ul li h5 { padding:10px 15px; border-top:1px #ddd solid; line-height:40px}
.case_list ul li h5 font { display:block; float:right}
.case_list ul li h5 img { display:block; float:left; border-radius:50%; margin-right:15px}
.case_list ul li p { position:absolute; left:15px; top:0; width:320px; height:208px; overflow:hidden}
.case_list ul li p img { position:absolute; left:0; top:0; width:320px;}

.case_list h2 { width:1380px; margin:0 auto; border-bottom:1px #ddd solid; margin-bottom:20px; font-size:16px; padding-bottom:10px}

@media all and (max-width:1400px){
.case_list { min-width:1000px;}
.case_list ul { width:1002px}
.case_list ul li { width:334px;}
.case_list ul li p { left:7px; }

.case_list h2 { width:1000px}

}
@media all and (max-width:1000px){
.case_list { min-width:inherit;}
.case_list ul { width:668px}
.case_list h2 { width:95%}
}
@media all and (max-width:668px){
.case_list ul { width:334px}
}



.case_pic { background:#141414; padding:30px 0; min-width:1400px}
.case_pic .case_gd { overflow:hidden; margin-bottom:20px}
.case_pic .case_gd .bd { float:left; width:1200px; height:711px; overflow:hidden}
.case_pic .case_gd .bd img { display:block; max-width:100%}

.case_pic .case_gd .hd { float:right; width:182px}
.case_pic .case_gd .hd a.prev { display:block; height:24px; line-height:24px; background:#3D3E3F}
.case_pic .case_gd .hd a.prev:hover { background:#5D5E5E}
.case_pic .case_gd .hd a.next { display:block; height:24px; line-height:24px; background:#3D3E3F}
.case_pic .case_gd .hd a.next:hover { background:#5D5E5E}
.case_pic .case_gd .hd i { display:block; font-size:24px; line-height:24px; text-align:center; color:#fff}

.case_pic .case_gd .hd ul li { position:relative; margin:3px 0; overflow:hidden}
.case_pic .case_gd .hd ul li img { display:block; width:auto; margin:0 auto}
.case_pic .case_gd .hd ul li p { position:absolute; left:0; width:100%; top:0; height:100%; background:url(../images/bg3.png)}
.case_pic .case_gd .hd ul li.on p { display:none}

.case_pic .case_js { overflow:hidden}
.case_pic .case_js .case_sjs1 { width:220px; float:left; position:relative; height:354px}
.case_pic .case_js .case_sjs1 img { display:block; width:220px; border-radius:10px; }
.case_pic .case_js .case_sjs1 a { display:block; width:220px; border-radius:10px; height:40px; margin-top:10px; background:#207FE3; color:#fff; text-align:center; font-size:16px; line-height:40px; margin-top:36px}
.case_pic .case_js .case_sjs1 h3 { position:absolute; left:0; width:90%; bottom:50px; padding:10px 0; background:#EDF0F2; border-radius:0 0 10px 10px; padding-left:10%}

.case_pic .case_js .case_sjs2 { float:right; background:#2F3031; border-radius:10px; width:1110px; padding:20px; height:314px; color:#787878; line-height:30px}


@media all and (max-width:1400px){
.case_pic { min-width:1000px}
.case_pic .case_gd .bd { width:100%; height:500px; float:none}

.case_pic .case_gd .hd { width:100%; overflow:hidden; height:200px; overflow:hidden; padding-bottom:20px; float:none}
.case_pic .case_gd .hd ul li { float:left; width:12.5%}
.case_pic .case_gd .hd ul li img { width:100%; height:auto}
.case_pic .case_gd .hd a.prev { display:none}
.case_pic .case_gd .hd a.next { display:none}


.case_pic .case_js .case_sjs2 { width:720px;}
}

@media all and (max-width:1000px){
.case_pic { min-width:inherit}
.case_pic .case_gd .bd { display:none}
.case_pic .case_gd .hd { height:auto;}
.case_pic .case_gd .hd ul li { width:50%; padding-bottom:15px}
.case_pic .case_gd .hd ul li img { width:95%; height:auto}

.case_pic .case_js .case_sjs1 { float:none; margin:0 auto}
.case_pic .case_js .case_sjs2 { width:90%; margin:0 auto; float:none; padding:20px 5%; height:auto}
}


.life_1 { height:449px; min-width:1400px; background:url(../images/life_top.jpg) top no-repeat}


@media all and (max-width:1400px){
.life_1 { height:327px; background-size:auto 100%; min-width:1000px}
}
@media all and (max-width:1000px){
.life_1 { height:233px; min-width:inherit; margin-top:51px}
}
@media all and (max-width:560px){
.life_1 { height:160px;}
}



.life_list { background:#EDF0F2; min-width:1400px; padding:40px 0}
.life_list ul { width:1400px; margin:0 auto}
.life_list ul li { float:left; width:350px; padding-bottom:25px; position:relative}
.life_list ul li a { display:block; width:320px; margin:0 auto; background:#fff; border-radius:5px 5px 0 0;}
.life_list ul li a:hover { box-shadow:0 0 10px #999}
.life_list ul li img.bigpic { display:block; width:320px; margin:0 auto; border-radius:5px 5px 0 0}
.life_list ul li h3 { padding-left:15px; padding-top:5px; line-height:40px; font-size:16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.life_list ul li h4 { padding-left:15px; color:#888; height:40px; line-height:20px}
.life_list ul li h5 { padding:10px 15px; line-height:40px; color:#888}
.life_list ul li h5 i { padding-right:10px}
.life_list ul li h5 font { display:block; float:right}
.life_list ul li h5 img { display:block; float:left; border-radius:50%; margin-right:15px}
.life_list ul li p { position:absolute; left:15px; top:0; width:320px; height:208px; overflow:hidden}
.life_list ul li p img { position:absolute; left:0; top:0; width:320px;}
.life_list ul li h6 { position:absolute; left:15px; top:0; width:320px; height:208px; overflow:hidden; background:url(../images/bg3.png)}
.life_list ul li h6 i { display:block; margin:0 auto; width:54px; height:54px; border:2px #fff solid; border-radius:50%; text-align:center; line-height:54px; font-size:36px; color:#fff; margin-top:75px}


.life_list h2 { width:1380px; margin:0 auto; border-bottom:1px #ddd solid; margin-bottom:20px; font-size:16px; padding-bottom:10px}


@media all and (max-width:1400px){
.life_list { min-width:1050px}
.life_list ul { width:1050px}
.life_list h2 { width:1000px}
}
@media all and (max-width:1000px){
.life_list { min-width:inherit}
.life_list ul { width:700px}
.life_list h2 { width:95%}
}
@media all and (max-width:700px){
.life_list { min-width:inherit}
.life_list ul { width:350px}
}


.life_cnc { background:#141414; padding:30px 0; min-width:1400px}
.life_cnc .life_sp { width:1260px; height:auto; padding-bottom:20px; margin:0 auto}
.life_cnc .life_sp img { display:block}

.life_cnc .life_js { background:#2F3031; border-radius:10px; width:1220px; padding:20px; height:204px; color:#787878; line-height:30px; margin:20px auto 0 auto}

@media all and (max-width:1400px){
.life_cnc { min-width:1000px}
.life_cnc .life_sp { width:980px; height:auto}
.life_cnc .life_sp video { width:100%; height:400px}
.life_cnc .life_sp iframe { width:100%; height:400px}

.life_cnc .life_js { width:960px;}
}
@media all and (max-width:1000px){
.life_cnc { min-width:inherit}
.life_cnc .life_sp { width:90%; height:auto}
.life_cnc .life_sp video { height:300px}
.life_cnc .life_sp video { height:300px}

.life_cnc .life_js { width:90%; height:auto; padding:20px 20px;}
}





.team_1 { height:450px; background:url(../images/team_top01.jpg) top; min-width:1400px}
.team_1s { height:450px; background:url(../images/team_top02.jpg) top; min-width:1400px}

@media all and (max-width:1400px){
.team_1 { height:327px; background-size:auto 100%; min-width:1000px}
.team_1s { height:327px; background-size:auto 100%; min-width:1000px}
}
@media all and (max-width:1000px){
.team_1 { height:233px; min-width:inherit; margin-top:51px}
.team_1s { height:233px; min-width:inherit; margin-top:51px}
}
@media all and (max-width:560px){
.team_1 { height:160px;}
.team_1s { height:160px;}
}



.team_list { padding:60px 0; background:#EDF0F2}
.team_list h2 { width:1380px; margin:0 auto; border-bottom:1px #ddd solid; margin-bottom:20px; font-size:16px; padding-bottom:10px}
.team_list ul { width:1400px; margin:0 auto;}
.team_list ul li { float:left; width:350px; margin-bottom:20px; overflow:hidden; position:relative}
.team_list ul li img { display:block; width:330px; height:auto; margin:0 auto}
.team_list ul li h3 { position:absolute; bottom:20px; left:30px; width:290px; background:url(../images/bg3.png); text-align:center; padding:10px 0; line-height:40px; font-size:18px; color:#fff}

.team_list ul li:hover h3 { background:url(../images/bg1.png);}

@media all and (max-width:1400px){
.team_list { padding:40px 0;}
.team_list h2 { width:1000px}
.team_list ul { width:1050px; margin:0 auto;}

}
@media all and (max-width:1000px){
.team_list { padding:30px 0;}
.team_list h2 { width:90%; font-size:14px;}
.team_list ul { width:90%;}
.team_list ul li { width:50%}
.team_list ul li img { max-width:90%}
.team_list ul li h3 { left:10%; width:80%; line-height:30px; font-size:14px}

}


.shigong_list { width:1400px; margin:0 auto}
.shigong_list h2 { width:1380px; margin:0 auto; border-bottom:1px #ddd solid; margin-bottom:20px; font-size:16px; padding-bottom:10px}
.shigong_list ul li { float:left; width:50%; overflow:hidden; padding-bottom:30px}
.shigong_list ul li img { display:block; float:left; margin-right:20px; width:244px}
.shigong_list ul li h3 { font-size:16px; line-height:40px; padding-right:20px}
.shigong_list ul li h4 { font-size:14px; color:#888; line-height:20px; padding-right:20px; height:80px}
.shigong_list ul li h5 { color:#aaa}


@media all and (max-width:1400px){
.shigong_list { width:1000px;}
.shigong_list h2 { width:1000px}
.shigong_list ul li h3 { line-height:24px; padding-bottom:10px}

}
@media all and (max-width:1000px){
.shigong_list { width:90%; font-size:14px;}
.shigong_list h2 { width:100%}
.shigong_list ul li { float:none; width:100%;}
.shigong_list ul li img { width:20%; height:auto}

}



.team_idd { padding:60px 0; background:#EDF0F2}
.team_idd h2 { width:1380px; margin:0 auto; border-bottom:1px #ddd solid; margin-bottom:20px; font-size:16px; padding-bottom:10px}

.team_idd .team_db1 { width:1400px; margin:0 auto; overflow:hidden}
.team_idd .team_db1 ul li { float:left; width:350px; padding-bottom:25px; position:relative}
.team_idd .team_db1 ul li a { display:block; width:320px; margin:0 auto; background:#fff; border-radius:5px 5px 0 0;}
.team_idd .team_db1 ul li a:hover { box-shadow:0 0 10px #999}
.team_idd .team_db1 ul li img.bigpic { display:block; width:320px; margin:0 auto; border-radius:5px 5px 0 0}
.team_idd .team_db1 ul li h3 { padding-left:15px; padding-top:5px; line-height:40px; font-size:16px}
.team_idd .team_db1 ul li h4 { padding-left:15px; color:#888;}
.team_idd .team_db1 ul li p { position:absolute; left:15px; top:0; width:320px; height:208px; overflow:hidden}
.team_idd .team_db1 ul li p img { position:absolute; left:0; top:0; width:320px;}


.team_idd .team_db2 { padding:30px; width:1340px; margin:0 auto; overflow:hidden; background:#2F3030; margin-bottom:30px}
.team_idd .team_db2 .ft { float:left; width:290px}
.team_idd .team_db2 .ft img { display:block; width:290px; border:2px #fff solid; border-radius:10px}
.team_idd .team_db2 .ft a { display:block; border-radius:10px; height:40px; margin-top:20px; background:#207FE3; color:#fff; text-align:center; font-size:16px; line-height:40px;}

.team_idd .team_db2 .fr { float:right; width:950px; color:#ABACAC}
.team_idd .team_db2 .fr h1 { color:#fff; font-size:24px; line-height:40px; font-weight:normal; color:#fff}
.team_idd .team_db2 .fr .db_text { padding-right:50px}
.team_idd .team_db2 .fr .db_text h2 { width:auto}



@media all and (max-width:1400px){
.team_idd { padding:40px 0}
.team_idd h2 { width:1000px;}
.team_idd .team_db1 { width:1050px;}

.team_idd .team_db2 { padding:30px; width:940px;}
.team_idd .team_db2 .fr { width:600px;}


}
@media all and (max-width:1000px){
.team_idd { padding:30px 0}
.team_idd h2 { width:90%; font-size:14px; margin:0 auto}
.team_idd .team_db1 { width:700px;}


.team_idd .team_db2 { padding:20px 0; width:100%;}
.team_idd .team_db2 .ft { float:none; margin:0 auto}
.team_idd .team_db2 .fr { width:auto; float:none; padding-top:20px;}
.team_idd .team_db2 .fr h1 { text-align:center}

.team_idd .team_db2 .fr .db_text { padding-right:0; width:90%; margin:0 auto}


}
@media all and (max-width:700px){
.team_idd .team_db1 { width:90%;}
.team_idd .team_db1 ul li { width:50%; padding-bottom:15px;}
.team_idd .team_db1 ul li a { width:90%;}
.team_idd .team_db1 ul li img { width:100%}
.team_idd .team_db1 ul li p { width:1px; height:1px; opacity:0}
}



.news_1 { height:450px; background:url(../images/news_top01.jpg) top; min-width:1400px}

@media all and (max-width:1400px){
.news_1 { height:327px; background-size:auto 100%; min-width:1000px}
}
@media all and (max-width:1000px){
.news_1 { height:233px; min-width:inherit; margin-top:51px}
}
@media all and (max-width:560px){
.news_1 { height:160px;}
}

.news_list { padding:30px 0; background:#EDF0F2}
.news_list ul { width:1400px; margin:0 auto}
.news_list ul li { margin-bottom:5px; background:#fff; overflow:hidden}
.news_list ul li img { display:block; float:left; margin:20px}
.news_list ul li h3 { font-size:18px; padding-top:20px; height:40px}
.news_list ul li h4 { padding-right:30px; color:#666; height:100px}
.news_list ul li h5 { padding-right:30px; color:#aaa;}
.news_list ul li h5 font { display:block; float:right}
.news_list ul li h5 i { padding-right:10px}

@media all and (max-width:1400px){
.news_list ul { width:1000px;}
}
@media all and (max-width:1000px){
.news_list ul { width:95%;}
.news_list ul li img { width:30%; height:auto; margin:10px 20px 10px 10px}
.news_list ul li h3 { font-size:14px; padding-top:15px; line-height:20px}
.news_list ul li h4 { font-size:12px; padding:0 10px; clear:both; line-height:18px; height:auto}
.news_list ul li h5 { padding:5px 10px 10px 10px}
}



.news_id { padding:30px 0; background:#EDF0F2}
.news_id .w100 { width:1400px; margin:0 auto; background:#fff}
.news_id .news_title { padding:0 30px}
.news_id .news_title h1 { padding-top:20px; font-size:24px; font-weight:normal; line-height:40px}
.news_id .news_title h3 { color:#888; padding:10px 0; border-bottom:1px #ddd solid}
.news_id .news_title i { padding-right:10px}

.news_id .news_text { padding:20px 30px; font-size:16px; line-height:28px; color:#666}
.news_id .news_text p { padding-bottom:15px}
.news_id .news_text img { max-width:100%}

.news_id .news_sx { width:1340px; margin:0 auto; border-top:1px #ddd solid; padding-top:10px; margin-top:20px; padding-bottom:30px; color:#888}


@media all and (max-width:1400px){
.news_id .w100  { width:1000px;}
.news_id .news_sx { width:940px;}
}

@media all and (max-width:1000px){
.news_id .w100  { width:95%;}
.news_id .news_sx { width:90%;}

.news_id .news_title { width:90%; padding:0; margin:0 auto}
.news_id .news_title h1 { padding-top:20px; font-size:18px; line-height:24px}
.news_id .news_title h3 { font-size:12px; line-height:20px}

.news_id .news_text { padding:20px 0; width:90%; margin:0 auto; font-size:14px; line-height:20px; }

.news_id .news_sx .fr { float:none; text-align:center; padding-bottom:10px}
}





.laofang_1 { height:449px; background:url(../images/laofang_pic1.jpg) top; min-width:1400px}
@media all and (max-width:1400px){
.laofang_1 { height:327px; background-size:auto 100%; min-width:1000px}
}
@media all and (max-width:1000px){
.laofang_1 { height:233px; min-width:inherit; margin-top:51px}
}
@media all and (max-width:560px){
.laofang_1 { height:160px;}
}


.laofang_2 { padding:60px 0 0 0; background:#EDF0F2}
.laofang_2 h1 { text-align:center; font-size:18px; letter-spacing:10px; background:url(../images/bg4.png) center no-repeat; color:#666; font-weight:normal}
.laofang_2 h2 { text-align:center; font-size:30px; line-height:60px; font-weight:normal; padding-top:30px; padding-bottom:15px}
.laofang_2 ul { height:136px; width:1400px; margin:0 auto}
.laofang_2 ul li { height:136px; float:left; width:33.3%; position:relative}
.laofang_2 ul li a { display:block; width:98%; left:1%; top:0; height:146px; background:#fff}
.laofang_2 ul li h3 { float:left; padding-top:40px; width:225px; text-align:right; color:#888; font-size:18px; line-height:30px}
.laofang_2 ul li h3 font { color:#333; font-size:18px; display:block}
.laofang_2 ul li h4 { float:right; width:216px; font-size:36px; padding-top:40px; line-height:60px}
.laofang_2 ul li h4 font { color:#207FE3; font-size:36px; padding-right:10px}

@media all and (max-width:1400px){
.laofang_2 { padding:30px 0 0 0}
.laofang_2 h2 { font-size:24px; line-height:40px; padding-top:10px; padding-bottom:10px}
.laofang_2 ul { width:1000px; height:90px;}
.laofang_2 ul li { height:90px;}
.laofang_2 ul li a { height:100px;}
.laofang_2 ul li h3 { padding-top:20px; width:145px; font-size:14px}
.laofang_2 ul li h3 font { font-size:16px;}
.laofang_2 ul li h4 { width:166px; font-size:30px; padding-top:20px; line-height:60px}
.laofang_2 ul li h4 font { font-size:30px;}
}

@media all and (max-width:1000px){
.laofang_2 h1 { font-size:14px; letter-spacing:5px; background-size:100% auto}
.laofang_2 h2 { padding-top:0}
.laofang_2 ul { width:95%; height:auto;}
.laofang_2 ul li { height:110px; float:none; width:auto; position:relative}
.laofang_2 ul li h3 { width:50%; font-size:14px}
.laofang_2 ul li h4 { width:45%}
}




.laofang_3 { height:854px; background:url(../images/laofang_pic2.jpg) top}
.laofang_3 ul { width:1400px; margin:0 auto}
.laofang_3 ul li { float:left; width:25%; padding-top:85px}
.laofang_3 ul li a { display:block; width:320px; margin:10px auto; background:#3B4046}
.laofang_3 ul li img { display:block; width:320px; margin:10px auto; border-radius:5px}

.laofang_3 ul li h3 { font-size:18px; padding:10px 0 0 15px; line-height:40px; color:#fff}
.laofang_3 ul li h4 { color:#AEAFB1; padding:0 15px; line-height:22px; height:410px}
.laofang_3 ul li h4 i { font-size:xx-small; padding-right:5px}


@media all and (max-width:1400px){
.laofang_3 { height:750px; background-size:auto 100%}
.laofang_3 ul { width:1000px;}
.laofang_3 ul li { padding-top:50px}
.laofang_3 ul li a { width:95%}
.laofang_3 ul li img { width:95%;}
.laofang_3 ul li h4 { font-size:12px}
}

@media all and (max-width:1000px){
.laofang_3 { height:auto; background-size:auto 100%; padding-bottom:40px}
.laofang_3 ul { width:90%;}
.laofang_3 ul li { float:none; width:100%; padding-top:15px}
.laofang_3 ul li img { display:none}
.laofang_3 ul li h4 { height:auto; padding-bottom:20px}

}



.laofang_4 { padding:30px 0 80px 0; width:1400px; margin:0 auto}
.laofang_4 h2 { text-align:center; font-size:30px; line-height:60px; font-weight:normal; padding-bottom:15px}

.laofang_4 ul { overflow:hidden}
.laofang_4 ul li { position:relative; margin-bottom:10px; overflow:hidden}
.laofang_4 ul li img { display:block; width:100%}

.laofang_4 ul li p { position:absolute; left:0px; top:0; width:100%; height:100%; overflow:hidden}
.laofang_4 ul li p img { position:absolute; left:0; top:0; width:100%;}

.laofang_4 ul li.ys1 { float:left; width:49%}
.laofang_4 ul li.ys1 a { display:block; position:absolute; left:0; width:287px; top:0; height:100%; background:url(../images/bg1.png)}
.laofang_4 ul li.ys1 h3 { padding-left:20px; line-height:80px; padding-top:5px; font-size:18px; color:#fff}
.laofang_4 ul li.ys1 h4 { padding:20px 20px 0 20px; color:#fff; line-height:32px; font-size:16px}
.laofang_4 ul li.ys1 i { position:absolute; display:block; height:1px; background:#fff; left:20px; top:85px; width:80px}

.laofang_4 ul li.ys2 { float:right; width:50%}
.laofang_4 ul li.ys2 a { display:block; position:absolute; left:0; width:100%; bottom:0; height:248px; background:url(../images/bg3.png)}
.laofang_4 ul li.ys2 h3 { padding-left:20px; line-height:80px; padding-top:5px; font-size:18px; color:#fff}
.laofang_4 ul li.ys2 h4 { padding:20px 20px 0 20px; color:#fff; line-height:32px; font-size:16px}
.laofang_4 ul li.ys2 i { position:absolute; display:block; height:1px; background:#fff; left:20px; top:85px; width:80px}
.laofang_4 ul li.ys3 { float:left; width:23.8%}
.laofang_4 ul li.ys3 img { display:block; width:99%}
.laofang_4 ul li.ys4 { float:left; width:28.6%}
.laofang_4 ul li.ys4 a { display:block; position:absolute; left:0; top:0}
.laofang_4 ul li.ys4 h3 { padding-left:20px; line-height:80px; padding-top:5px; font-size:18px; color:#fff}
.laofang_4 ul li.ys4 h4 { padding:10px 20px 0 20px; color:#fff; line-height:32px; font-size:24px}
.laofang_4 ul li.ys4 h5 { padding:50px 20px 0 20px; color:#fff; font-size:12px}



@media all and (max-width:1400px){
.laofang_4 { padding:20px 0 60px 0; width:1000px; margin:0 auto}
.laofang_4 h2 { font-size:24px; line-height:40px;}

.laofang_4 ul li.ys1 h3 { line-height:60px; font-size:16px;}
.laofang_4 ul li.ys2 h3 { line-height:60px; font-size:16px;}
.laofang_4 ul li.ys1 h4 { line-height:24px; font-size:14px}
.laofang_4 ul li.ys2 h4 { line-height:24px; font-size:14px}

.laofang_4 ul li.ys1 i { top:65px;}
.laofang_4 ul li.ys2 i { top:65px;}

.laofang_4 ul li.ys4 h3 { line-height:60px; font-size:16px}
.laofang_4 ul li.ys4 h4 { line-height:26px; font-size:18px}
.laofang_4 ul li.ys4 h5 { padding:30px 20px 0 20px;}

}

@media all and (max-width:1000px){
.laofang_4 { width:90%; padding-bottom:30px}
.laofang_4 h2 { font-size:18px;}

.laofang_4 ul li.ys1 { float:none; width:100%}
.laofang_4 ul li.ys1 a { left:0; width:100%; top:0; height:100%;}

.laofang_4 ul li.ys2 { float:none; width:100%}
.laofang_4 ul li.ys2 a { left:0; width:100%; top:0; height:100%;}

.laofang_4 ul li.ys3 { width:33.3%}
.laofang_4 ul li.ys4 { width:100%; float:none}
}

.laofang_5 { height:852px; min-width:1400px; background:url(../images/laofang_pic16.jpg) bottom no-repeat; position:relative; overflow:hidden}
.laofang_5 h2 { width:1400px; margin:0 auto; font-size:18px; color:#888; font-weight:normal; line-height:90px}
.laofang_5 h2 b { font-size:30px; color:#333; font-weight:normal; padding-right:10px}
.laofang_5 .fr { position:absolute; top:0; right:50%; margin-right:-960px}
.laofang_5 .ft { float:none; padding-top:60px; width:1400px; margin:0 auto;}

.laofang_5 ul { width:890px}
.laofang_5 ul li { float:left; width:178px}
.laofang_5 ul li.k1 { width:89px; height:220px}
.laofang_5 ul li img { display:block; -webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease}
.laofang_5 ul li h3 { font-size:16px; text-align:center; line-height:40px; height:60px; width:165px; color:#CACACA}



@media all and (max-width:1400px){
.laofang_5 { min-width:1000px;}
.laofang_5 h2 { width:1000px; font-size:16px;}
.laofang_5 .fr { display:none}
.laofang_5 .ft { width:1000px;}
.laofang_5 ul { margin:0 auto}
}

@media all and (max-width:1000px){
.laofang_5 { min-width:inherit; height:auto; background:none}
.laofang_5 h2 { width:90%; line-height:40px; text-align:center}

.laofang_5 .ft { padding-top:20px; width:100%; background:url(../images/laofang_pic16.jpg) bottom no-repeat; padding-bottom:20px; background-size:100% 100%}

.laofang_5 ul { width:95%; overflow:hidden}
.laofang_5 ul li { width:20%}
.laofang_5 ul li img { width:90%}
.laofang_5 ul li h3 { font-size:14px; line-height:30px; height:40px; width:90%;}
.laofang_5 ul li.k1 { width:10%; height:100px}
}
.laofang_6 { padding:60px 0 60px 0; background:url(../images/laofang_pic17.jpg) bottom no-repeat}
.laofang_6 h2 { text-align:center; font-size:30px; line-height:60px; font-weight:normal; padding-bottom:15px}
.laofang_6 .zy { color:#A72424; font-weight:bold; font-size:36px; line-height:62px; width:730px; margin:0 auto; border:4px #A72424 solid; border-radius:31px; text-align:center; margin-bottom:25px}
.laofang_6 .zy i { font-size:18px; padding:0 10px; line-height:50px}

.laofang_6 .ul1 { width:1398px; margin:0 auto; height:286px; background:url(../images/laofang_pic14.png) top no-repeat; margin-bottom:70px}
.laofang_6 .ul1 li { float:left; width:233px; text-align:center}
.laofang_6 .ul1 li h3 { font-size:18px; padding-top:150px; color:#fff}
.laofang_6 .ul1 li h4 { font-size:16px; padding-top:30px; color:#fff}

.laofang_6 .ul2 { width:1360px; margin:0 auto; height:236px; background:url(../images/laofang_pic15.png) top no-repeat; margin-bottom:50px}
.laofang_6 .ul2 li { float:left; width:272px; text-align:center; font-size:18px; color:#fff; padding-top:110px}

.laofang_6 .ul3 li { height:54px; text-align:center}
.laofang_6 .ul3 li a { text-align:center; font-size:24px; color:#fff; background:#206CBC; padding:7px 100px; border:1px #ccc solid; border-radius:5px}



@media all and (max-width:1400px){
.laofang_6 { padding:40px 0 40px 0; background-size:100% auto}
.laofang_6 h2 { font-size:24px; line-height:50px;}
.laofang_6 .zy { font-size:18px; line-height:42px; width:430px; margin:0 auto; border:2px #A72424 solid; border-radius:21px; margin-bottom:15px}
.laofang_6 .zy i { font-size:14px; line-height:40px}

.laofang_6 .ul1 { width:1020px; height:206px; background-size:auto 100%; margin-bottom:50px}
.laofang_6 .ul1 li { width:170px;}
.laofang_6 .ul1 li h3 { font-size:18px; padding-top:105px; }
.laofang_6 .ul1 li h4 { font-size:14px; padding-top:15px;}

.laofang_6 .ul2 { width:1030px; height:178px; background-size:auto 100%; margin-bottom:40px}
.laofang_6 .ul2 li { width:206px; font-size:16px; padding-top:80px}

.laofang_6 .ul3 li a { font-size:18px; padding:7px 80px;}

}

@media all and (max-width:1000px){
.laofang_6 { padding:30px 0 0 0; background:none}
.laofang_6 h2 { font-size:24px; line-height:40px;}
.laofang_6 .ul1 { display:none}
.laofang_6 .ul2 { display:none}

.laofang_6 .ul3 { padding-top:30px; width:100%; background:url(../images/laofang_pic16.jpg) bottom no-repeat; padding-bottom:20px; background-size:100% 100%}
.laofang_6 .ul3 li { padding-bottom:20px; height:auto}
.laofang_6 .ul3 li a { font-size:16px; padding:7px 20px; display:block; width:80%; margin:0 auto}
}







.tc { position: fixed; left:0; width:100%; top:0; height:100%; background:url(../images/bg3.png); z-index:88888; display:none}
.tc .yuyue { width:500px; height:400px; background:#fff; border-radius:10px; position:absolute; left:50%; margin-left:-250px; top:50%; margin-top:-200px}
.tc .yuyue i { color:#888; font-size:24px; position:absolute; right:15px; top:15px; cursor:pointer; line-height:20px}
.tc .yuyue h2 { font-size:24px; text-align:center; line-height:90px; font-weight:normal}
.tc .yuyue ul li { margin-bottom:18px; overflow:hidden}
.tc .yuyue ul li h3 { font-size:16px; width:100px; text-align:right; padding-right:20px; float:left; line-height:40px;}
.tc .yuyue ul li .inp1 { width:300px; float:left; background:#E4E4E4; padding:0 10px; line-height:40px; height:40px; margin-right:12px; border-radius:5px}
.tc .yuyue ul li a { color:#FC7817}
.tc .yuyue ul li .inp2 { width:123px; display:block; margin:0 auto; background:#1890ED; line-height:40px; height:40px; border-radius:5px; color:#fff; font-size:16px}






.join_box{
    width: 920px;
    padding-top: 36px;
    padding-top: 36px; margin:0 auto
}
.join_box .main_box{
    padding: 0 20px;
}
.join_box .title{
    width: 100%;
    height: 131px;
    /*line-height: 131px;*/
    text-align: center;
    color: #ffffff;
    border-bottom: 1px solid #ccc;
    background: url(../images/title_bg.jpg) no-repeat;
    padding-bottom: 10px;
    overflow: hidden;
}
.join_box .title .p1s{
    font-size: 30px;
    margin-top: 40px;
}
.join_box .title .p2s{
    font-size: 18px; padding-top:10px
}
.join_box .four_site{
    width: 100%;
    height: 200px;
    background-color: #f8f7fa;
    margin-top: 12px;
    position: relative;
    z-index: 100;
    overflow: hidden;
}
.join_box .four_site .left,.join_box .four_site .bottom{
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: #bfbfbf;
    z-index: 1000;
}
.join_box .four_site .left,.join_box .four_site .right{
     width: 1px;
     height: 100px;
 }
.join_box .four_site .bottom,.join_box .four_site .ttop{
    height: 1px;
    width: 200px;
}
.join_box .four_site .right,.join_box .four_site .ttop{
    position: absolute;
    top: 10px;
    right: 10px;
    background: #bfbfbf;
    z-index: 1000;
}
.join_box .four_site .left{
    bottom: 5px;
}
.join_box .four_site .bottom{
    left: 5px;
}
.join_box .four_site .ttop{
    right: 5px;
}
.join_box .four_site .right{

    top: 5px;
}
.join_box .four_site p {
    font-size: 24px;
    padding-left: 84px;
    line-height: 30px;
    background: url(../images/p_bg.png) no-repeat ;
}
.join_box .four_site p.p1s{
    margin-top: 34px;
    color: #f9b100;
    background-position: 245px 10px;
}
.join_box .four_site p.p2s{
    color: #5ea585;
    background-position: 245px -36px;
}
.join_box .four_site p.p3s{
    color: #6e96c7;
    background-position: 245px -82px;
}
.join_box .four_site p.p4s{
    color: #7eb34b;
    background-position: 245px -129px;
}
.join_box .four_site p span{
    font-size: 16px;
    color: #616161;
    margin-right: 20px;
}
.join_box .four_site p span:nth-child(1){
    margin-left: 50px;
}
.join_box .sub_title{
    height: 114px;
    color: #000000;
    border-bottom: 1px solid #ccc;
    text-align: center;
    overflow: hidden;
}
.join_box .sub_title .p1s{
     font-size: 30px;
     margin-top: 30px;
 }
.join_box .sub_title .p2s{
    font-size: 18px; padding-top:10px
}
.join_box .four_advs{
    padding: 30px 80px 0;
    clear: both;
    overflow: auto;
}
.join_box .four_advs li{
    background: url(../images/input_bg.jpg) no-repeat;
    width: 359px;
    height: 48px;
    margin-bottom: 20px; float:left
}
.join_box .four_advs li:nth-child(1),.join_box .four_advs li:nth-child(3){
    margin-right: 30px;
}
.join_box .four_advs li span{
    line-height: 48px;
    display: block;
    text-align: center;
    float: left;
}
.join_box .four_advs li span:nth-child(1){
    width: 97px;
    color: #ffffff;
    font-size: 24px;
}
.join_box .four_advs li span:nth-child(2){
    color: #616161;
    font-size: 16px;
    margin-left: 25px;
}
.join_box .four_tips{
    padding: 25px 260px;
    border-bottom: 1px solid #ccc;
}
.join_box .four_tips p{
    font-size: 30px;
    text-align: center;
    margin-top: 30px;

}
.job_box .job{
    width: 224px;
    height: 60px;
    margin: 35px 0 25px 0;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    background: #474683;
    color: #ffffff;
}
.job_box .p1s{
    font-size: 24px;
    color: #262626;
    margin-bottom: 20px;
}
.job_box .p1s span{
    margin-right: 50px;
}
.job_box .p2s{
    font-size: 16px;
    color: #262626;
    margin-bottom: 20px;
    margin-left: 40px;
}

.contact{
    margin-top: 30px;
}
.contact .job{
    font-size: 28px;
}
.contact .p1s{
    font-size: 18px;
    color: #000000;
    margin-left: 40px;
}



@media all and (max-width:1000px){
.join_box { width:90%; padding-top:15px}
.join_box .title .p1s { font-size:24px}

.join_box .four_site p.p1s { font-size:18px; padding-left:30px; background:none}
.join_box .four_site p.p2s { font-size:18px; padding-left:30px; background:none}
.join_box .four_site p.p3s { font-size:18px; padding-left:30px; background:none}
.join_box .four_site p.p4s { font-size:18px; padding-left:30px; background:none}
.join_box .four_site p span { font-size:14px}

.join_box .four_site p span:nth-child(1) { margin-left:10px}

.join_box .sub_title .p1s { font-size:24px}
.join_box .sub_title .p2s { font-size:14px}

.join_box .four_advs { padding:30px 0}
.join_box .four_advs li { float:none; margin:0 auto; margin-bottom:15px}

.join_box .four_advs li:nth-child(1), .join_box .four_advs li:nth-child(3) { margin:0 auto; margin-bottom:15px}

.join_box .four_tips { padding:25px 0}
.join_box .four_tips img { max-width:100%; display:block; margin:0 auto}
.join_box .four_tips p { font-size:18px}

.job_box .job { width:140px; height:40px; line-height:40px; font-size:18px}
.job_box .p2s { margin-left:0}
.contact .p1s { margin-left:0}
}

@media all and (max-width:560px){
.join_box .four_site p.p1s { font-size:16px;}
.join_box .four_site p.p2s { font-size:16px;}
.join_box .four_site p.p3s { font-size:16px;}
.join_box .four_site p.p4s { font-size:16px;}

.join_box .four_site p span { margin-right:10px}

.join_box .four_advs li { width:100%; background-size:100% 100%}
.join_box .four_advs li span:nth-child(2) { font-size:14px; margin-left:10px}
}



.about_zs { padding-top:40px; padding-bottom:80px; width:1100px; margin:0 auto}
.about_zs .zs_bd { border:1px #B2B2B2 solid; height:506px; margin-bottom:30px}
.about_zs .zs_bd ul li img { height:506px; width:auto; display:block; margin:0 auto}

.about_zs .zs_hd { width:950px; margin:0 auto; position:relative}
.about_zs .zs_hd ul li { float:left; width:188px; border:1px #fff solid; padding:5px 0; position:relative}
.about_zs .zs_hd ul li img { display:block; margin:0 auto; padding:2px; border:1px #ddd solid}
.about_zs .zs_hd ul li h3 { position:absolute; bottom:-40px; left:0; width:100%; text-align:center}
.about_zs .zs_hd ul li.on { border:1px #E60012 solid;}
.about_zs .zs_hd ul li.on h3 { color:#E60012; text-decoration:underline}
.about_zs .zs_hd a.prev { display:block; position:absolute; width:38px; height:38px; background:url(../images/about_zs2.jpg); left:-70px; top:100px; cursor:pointer}
.about_zs .zs_hd a.next { display:block; position:absolute; width:38px; height:38px; background:url(../images/about_zs2.jpg) -38px 0; right:-70px; top:100px; cursor:pointer}
.about_zs .zs_hd a.prev:hover { background:url(../images/about_zs2.jpg) 0 -38px}
.about_zs .zs_hd a.next:hover { background:url(../images/about_zs2.jpg) -38px -38px}




@media all and (max-width:1400px){
.about_zs { padding-top:30px; padding-bottom:60px; width:980px;}

}

@media all and (max-width:1000px){
.about_zs { padding-top:20px; padding-bottom:30px; width:90%;}
.about_zs .zs_bd { display:none}

.about_zs .zs_hd { width:95%}
.about_zs .zs_hd ul li { float:left; width:50%; border:0 none}
.about_zs .zs_hd ul li img { width:90%; height:auto}
.about_zs .zs_hd ul li h3 { position:relative; bottom:auto; left:auto}
.about_zs .zs_hd a.prev { display:none}
.about_zs .zs_hd a.next { display:none}

}









.error { padding:150px 0}
.error img { display:block; margin:0 auto}
.error h3 { font-size:18px; line-height:50px; text-align:center}
.error h4 { font-size:14px; line-height:30px; text-align:center; color:#888}
.error h4 a { font-size:14px; display:block; margin:20px auto; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; background:#2282ED; border-radius:5px}







.xuanfu { position: fixed; left:0; bottom:10px; width:556px; height:145px; background:url(../images/bg7.png); z-index:8888}
.xuanfu i { position:absolute; right:5px; top:5px; color:#ccc; cursor:pointer}
.xuanfu h2 { padding-left:20px; line-height:40px; padding-top:10px; font-size:24px; color:#F4BA37}
.xuanfu h3 { padding-left:20px; font-size:16px; color:#fff}
.xuanfu h4 { padding-left:20px; line-height:24px; padding-top:10px; font-size:18px; color:#F4BA37}
.xuanfu ul { position:absolute; top:10px; left:330px; width:194px}
.xuanfu ul li { padding-bottom:5px}
.xuanfu ul li .inp1 { height:28px; line-height:28px; background:#fff; padding:0 5px; width:184px}
.xuanfu ul li .inp2 { height:28px; line-height:28px; background:#207FE3; color:#fff; text-align:center; width:194px}