@charset "gbk";

/* 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:1500px){
.w100 { width:1400px;}
}

    video::-webkit-media-controls{
        display:none !important;
    }


/* 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 { position:absolute; left:0; top:0; width:468px; height:116px; background:#fff}
.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:720px){

}






.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 { width:100%; height:700px;}
.banner .bd ul li img { display:block; width:100%}


.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(/html/images/bg2.png); margin-left:2px; height:5px; cursor:pointer}
.banner .hd ul li.on { background:url(/html/images/bg1.png)}





.index_1 { height:948px; background:url(/html/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}


.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}



.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 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(/html/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(/html/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}



.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}
.index_4 .index_td1 ul { width:1420px}
.index_4 .index_td1 ul li { float:left; width:270px; padding-top:68px; position:relative}
.index_4 .index_td1 ul li img { display:block; width:250px}

.index_4 .index_td1 ul li a { display:none; position:absolute; left:20px; width:280px; bottom:12px; height:215px; background:url(/html/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.on a { display:block;}


.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(/html/images/bg3.png)}





.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(/html/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(/html/images/bg3.png); line-height:48px}





.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}


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


.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}




.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 .copyright { background:#333333; clear:both; line-height:48px; text-align:center; color:#fff}





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



.about_2 { padding:60px 0; background:#EDF0F2}
.about_2 h3 { text-align:center; font-size:16px; letter-spacing:10px; background:url(/html/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:1054px; height:443px; margin:0 auto}
.about_2 .about_sp img { display:block}



.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}



.about_5 { height:575px; background:url(/html/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(/html/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}




.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(/html/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}




.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_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(/html/images/about_pic04.jpg) top}





.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}

.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}




.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(/html/images/case_top.jpg) top no-repeat}



.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; padding-bottom:20px}
.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}





.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}
.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}
.case_pic .case_gd .hd ul li img { display:block; width:100%}
.case_pic .case_gd .hd ul li p { position:absolute; left:0; width:100%; top:0; height:100%; background:url(/html/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}





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






.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}
.life_list ul li h4 { padding-left:15px; color:#888;}
.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(/html/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}





.life_cnc { background:#141414; padding:30px 0; min-width:1400px}
.life_cnc .life_sp { width:1260px; height:710px; 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}







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



.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(/html/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(/html/images/bg1.png);}




.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:24px; padding-right:20px; height:80px}
.shigong_list ul li h5 { color:#aaa}





.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}
.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}







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


.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}





.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; padding-bottom:30px}








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



.laofang_2 { padding:60px 0 0 0; background:#EDF0F2}
.laofang_2 h1 { text-align:center; font-size:18px; letter-spacing:10px; background:url(/html/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}


.laofang_3 { height:854px; background:url(/html/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}




.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(/html/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(/html/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}



.laofang_5 { height:852px; min-width:1400px; background:url(/html/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}


.laofang_6 { padding:60px 0 60px 0; background:url(/html/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(/html/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(/html/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}









.tc { position: fixed; left:0; width:100%; top:0; height:100%; background:url(/html/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}