@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust:none;}
#html{
#-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
#filter: grayscale(100%);
#}

body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; background:#F2F3F5}
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}


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:#082E7F;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:1160px; margin:0 auto}

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


/* leftsead */


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

}

.head { height:90px; margin:0 auto; position:relative; background:#F2F3F5; z-index:222}
.head .w100 { position:relative}
.head .logo_s { float:left; padding-top:20px}
.head .logo_s img { display:block}
.head_r2 { display:none;}

.nav { height:60px; min-width:1160px; background:#121212; border-bottom:1px #363636 solid; position:relative}
.nav h3 { float:right; line-height:22px; padding-top:8px; font-size:16px; color:#A0A0A0; text-align:right}
.nav ul { float:left; width:960px; position:relative; z-index:555}
.nav ul li { float:left; line-height:60px; padding:0px 30px; font-size:16px; position:relative; height:60px}
.nav ul li a { color:#fff}
.nav ul li i { display:none}
.nav ul li.nav_on i { display:block; position:absolute; width:28px; height:2px; background:#fff; bottom:-1px; left:50%; margin-left:-14px}
.nav ul li h4 { position:absolute; text-align:left; line-height:80px; top:60px; left:50%; margin-left:-150px; display:none; width:960px}
.nav ul li h4 a { padding:0 20px}
.nav .bgf { position:absolute; left:0; width:100%; top:61px; height:80px; background:url(../images/bgf.png); display:none; z-index:444}

.nav.h_2 { display:none; position:fixed; left:0; top:0; width:100%; z-index:8100; height:60px}



@media all and (max-width:1200px){
.head .nav ul li { padding-left:50px}
.head .nav ul li.nav_on i { left:22px;}
}
@media all and (max-width:720px){
.head { height:60px;}
.head .w100 { width:95%; margin:0 auto}
.head .logo_s { padding-top:14px}
.head .logo_s img { height:30px; width:auto}

.head_r2 { display:block; line-height:60px; z-index:88889; position:fixed; top:0; right:5%}
.head_r2 i { font-size:14px; color:#062F81}
.head_r2 i.fa-remove { color:#fff}

.nav { position:fixed; left:0; width:100%; top:0; background:#1C1D21; padding-top:0; display:none; min-width:inherit; height:auto; z-index:88888}
.nav h3 { padding-left:20px; float:left; text-align:left; padding-bottom:15px}
.nav ul { width:auto}
.nav ul li { float:none; line-height:30px; border-top:1px #444 solid; height:auto; padding:15px 20px}
.nav ul li h4 { position:relative; display:block; left:auto; top:auto; margin-left:0; padding-left:0px; line-height:30px; width:auto}
.nav ul li h4 a { color:#aaa; padding:0 5px 0 0}
.nav .w100 { width:100%; margin:0 auto}
.nav ul li.nav_on i { display:none}
}






.footer { background:#313131; height:290px}
.footer h2 { font-size:16px; padding-top:20px; line-height:50px; color:#fff; font-weight:normal}
.footer .foot_l { float:left}
.footer .foot_l h2 a { color:#fff;}
.footer .foot_l ul li { float:left; width:310px; line-height:24px}
.footer .foot_l ul li a { display:block; color:#ADADAD;}
.footer .foot_r { float:right; padding-top:50px; text-align:center; color:#ADADAD}
.copyright { line-height:44px; background:#222222; text-align:center; color:#fff; height:44px; min-width:1200px}


@media all and (max-width:720px){
.footer { display:none}
.copyright { font-size:12px; line-height:32px; height:32px; min-width:inherit; margin-bottom:60px}
}



.banner { height:654px; overflow:hidden; position:relative; z-index:111}
.banner .bd { height:654px}
.banner .bd ul li { height:654px}
.banner .bd ul li a { display:block; height:654px}
.banner .hd { position:absolute; left:0; width:100%; bottom:20px; text-align:center}
.banner .hd ul li { display:inline; padding:7px 10px; cursor:pointer}
.banner .hd ul li i { color:#fff}
.banner .hd ul li.on i { color:#073080}

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

@media all and (max-width:720px) {
.banner { height:180px; padding-bottom:30px}
.banner .bd { height:180px}
.banner .bd ul li { height:180px}
.banner .bd ul li a { display:block; height:180px}
.banner .hd { bottom:0}
.banner .hd ul li { padding:3px 5px}
}
@media all and (max-width:480px) {
.banner { height:120px}
.banner .bd { height:120px}
.banner .bd ul li { height:120px}
.banner .bd ul li a { display:block; height:120px}

}



.index1_1 { width:1160px; padding-top:50px; margin:0 auto}
.index1_1 img { display:block; float:left}
.index1_1 .index1_js { float:right; height:361px; background:#fff; width:805px}
.index1_1 .index1_js h1 { font-size:24px; line-height:60px; padding-top:15px; width:745px; margin:0 auto; font-weight:normal}
.index1_1 .index1_js p { padding:0 30px; font-size:14px; line-height:28px}
.index1_1 .index1_js a { display:block; text-align:center; background:#3A5999; color:#fff; width:132px; height:36px; line-height:36px; margin-top:20px}
.index1_1 .index1_js a:hover { background:#2B416F}

@media all and (max-width:720px) {
.index1_1 { width:95%; background:#fff; margin-top:30px; padding-top:20px}
.index1_1 img { float:none; max-width:80%; height:auto; margin:0 auto}
.index1_1 .index1_js { float:none; width:auto; height:auto; padding-bottom:20px}
.index1_1 .index1_js h1 { width:auto; font-size:18px; line-height:28px; padding:15px 20px 10px 20px}
.index1_1 .index1_js p { padding:0 20px; color:#888}
}

.index1_1s { width:1160px; padding:50px 0; margin:0 auto}
.index1_1s .index_video { float:left; position:relative; width:508px; height:357px}
.index1_1s .index_video #a67 { position:absolute; left:0; top:0; width:100%; height:100%; z-index:222}
.index1_1s img { display:block; float:left; opacity:0; position:relative; z-index:11; width:100%; height:auto}
.index1_1s .index1_js { float:right; height:361px; background:#fff; width:625px}
.index1_1s .index1_js h1 { font-size:24px; line-height:60px; padding-top:15px; padding-left:30px; margin:0 auto; font-weight:normal}
.index1_1s .index1_js p { padding:0 30px; font-size:14px; line-height:24px}
.index1_1s .index1_js a { display:block; text-align:center; background:#3A5999; color:#fff; width:132px; height:36px; line-height:36px; margin-top:20px}
.index1_1s .index1_js a:hover { background:#2B416F}

@media all and (max-width:720px) {
.index1_1s { width:95%; background:#fff; margin-top:30px; padding:20px 0}
.index1_1s .index_video { float:none; max-width:80%; height:auto; margin:0 auto}


.index1_1s .index1_js { float:none; width:auto; height:auto; padding-bottom:20px}
.index1_1s .index1_js h1 { width:auto; font-size:18px; line-height:28px; padding:15px 20px 10px 20px}
.index1_1s .index1_js p { padding:0 20px; color:#888}
}

.index1_2 { width:1160px; padding-top:50px; margin:0 auto}
.index1_2 h2 { font-size:36px; line-height:50px; text-align:center; font-weight:normal; padding-bottom:20px}
.index1_2 ul li { float:left; width:394px; height:220px; margin-bottom:20px; position:relative}
.index1_2 ul li.index1_yw1 i { background-position:0 0}
.index1_2 ul li.index1_yw2 i { background-position:-38px 0}
.index1_2 ul li.index1_yw3 i { background-position:-76px 0}
.index1_2 ul li.index1_yw4 i { background-position:-114px 0}
.index1_2 ul li.index1_yw5 i { background-position:-152px 0}

.index1_2 ul li a { display:block; width:372px; float:right; height:220px; background:#fff}
.index1_2 ul li.index1_yw1 a { width:372px; height:460px; float:none}


.index1_2 ul li.index1_yw1 { width:372px; height:460px}
.index1_2 ul li i { display:block; width:38px; height:39px; position:absolute; background:url(../images/index_ico1.png); left:52px; top:26px}
.index1_2 ul li.index1_yw1 i { left:30px;}

.index1_2 ul li h1 { font-size:18px; line-height:50px; padding-top:20px; padding-left:90px; font-weight:normal}
.index1_2 ul li h3 { padding:15px 30px 0 30px; color:#888; font-size:14px; line-height:28px}

.index1_2 ul li a:hover { background:#D7953F}
.index1_2 ul li a:hover h1 { color:#fff}
.index1_2 ul li a:hover h3 { color:#fff}
.index1_2 ul li.index1_yw1 a:hover i { background-position:0 -39px}
.index1_2 ul li.index1_yw2 a:hover i { background-position:-38px -39px}
.index1_2 ul li.index1_yw3 a:hover i { background-position:-76px -39px}
.index1_2 ul li.index1_yw4 a:hover i { background-position:-114px -39px}
.index1_2 ul li.index1_yw5 a:hover i { background-position:-152px -39px}

.index1_2s { padding-top:50px; margin:0 auto}
.index1_2s h2 { font-size:36px; line-height:50px; text-align:center; font-weight:normal; padding-bottom:20px}
.index1_2s .tac { line-height:20px; padding-bottom:15px; text-align:center; font-size:16px}
.index1_2s .tac a { padding:0 10px}
.index1_2s .tac a.on { color:#3A5999}
.index1_2s .yewu_bg { background:url(../images/lingyu.jpg) top no-repeat; height:658px}

.index1_3s { margin-top:50px; background:url(../images/shuju.jpg) top no-repeat; height:651px}

@media all and (max-width:720px) {
.index1_2 { width:95%;}
.index1_2 h2 { font-size:24px; line-height:40px;}
.index1_2 ul li { float:none; margin-bottom:0; width:auto; height:auto; padding-bottom:20px}
.index1_2 ul li a { float:none; width:auto}
.index1_2 ul li i { left:30px}
.index1_2 ul li.index1_yw1 { width:auto; height:auto}

.index1_2 ul li.index1_yw1 a { float:none; width:auto; height:auto; padding-bottom:20px}
}


.index1_3 { width:1160px; margin:0 auto; margin-top:30px; background:#fff; padding:10px 0 30px 0}
.index1_3 h2 { font-size:36px; line-height:50px; text-align:center; font-weight:normal; padding:20px 0}
.index1_3 .w100 { width:1144px; margin:0 auto}
.index1_3 .index_zx ul { float:left; width:286px;}
.index1_3 .index_zx ul li { margin-bottom:20px; position:relative; height:184px}
.index1_3 .index_zx ul li img { display:block; margin:0 auto}
.index1_3 .index_zx ul li a { display:block; position:absolute; width:274px; left:6px; top:0; height:100%; overflow:hidden}
.index1_3 .index_zx ul li a img { position:absolute; left:0; top:0; z-index:22}
.index1_3 .index_zx ul li a h3 { position:absolute; left:0; width:100%; top:50%; font-size:16px; line-height:30px; margin-top:-15px; z-index:33; color:#fff; text-align:center}
.index1_3 .index_zx ul li a h4 { position:absolute; right:10px; bottom:10px; font-size:14px; color:#fff; z-index:34}
.index1_3 .index_zx ul li a i { position:absolute; right:0px; bottom:0px; width:100%; height:100%; background:url(../images/bgf2.png); z-index:24}
.index1_3 .index_zx ul li a:hover i { background:url(../images/bgf.png);}

.index1_3 .zx_hd { text-align:center}
.index1_3 .zx_hd ul li { display:inline; padding:3px 10px; cursor:pointer}
.index1_3 .zx_hd ul li i { color:#8396BE}
.index1_3 .zx_hd ul li.on i { color:#062F81}

@media all and (max-width:720px) {
.index1_3 { width:95%;}
.index1_3 h2 { font-size:24px; line-height:40px;}
.index1_3 .w100 { overflow:hidden; width:286px}
.index1_3 .index_zx ul { float:left; width:286px;}

}



.index1_4 { width:1160px; padding-top:50px; margin:0 auto; overflow:hidden}
.index1_4 h2 { font-size:36px; line-height:50px; text-align:center; font-weight:normal; padding-bottom:20px}
.index1_4 .w100 { width:1180px}
.index1_4 ul { float:left; width:295px;}
.index1_4 ul li { margin-bottom:20px; position:relative}
.index1_4 ul li img { display:block}
.index1_4 ul li h3 { position:absolute; left:0; width:252px; bottom:0; height:40px; background:url(../images/bgf2.png); color:#fff; overflow:hidden; padding:0 15px;}
.index1_4 ul li h3 b { display:block; line-height:40px; font-size:16px; font-weight:normal}

@media all and (max-width:720px) {
.index1_4 { width:95%;}
.index1_4 h2 { font-size:24px; line-height:40px;}
.index1_4 .w100 { width:auto}
.index1_4 ul { width:50%}
.index1_4 ul li { margin-bottom:16px}
.index1_4 ul li img { width:96%; display:block; margin:0 auto}
.index1_4 ul li h3 { left:2%; width:96%; font-size:12px; line-height:20px; padding:0}
.index1_4 ul li h3 b { font-size:14px;}
}


.index1_5 { padding-top:30px; margin:0 auto; position:relative; padding-bottom:30px; background:#fff}
.index1_5 .w100 { position:relative}
.index1_5 .more { float:right; line-height:30px; font-size:16px}
.index1_5 h2 { font-size:24px; line-height:30px; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:20px; font-weight:normal}
.index1_5 .w100 { overflow:hidden}
.index1_5 ul { width:1180px}
.index1_5 ul li { float:left; width:590px; height:150px}
.index1_5 ul li img { display:block; float:left; margin-right:20px}
.index1_5 ul li h3 { font-size:18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:30px; padding-right:20px}
.index1_5 ul li h4 { font-size:14px; color:#888; padding-right:20px; padding-top:6px}

.index1_5 .xinwen_hd { position:absolute; top:0px; right:50px; line-height:30px; color:#888}
.index1_5 .xinwen_hd a { padding:0 20px; font-size:16px; cursor:pointer}
.index1_5 .xinwen_hd a.on { color:#062F81}

@media all and (max-width:720px) {
.index1_5 { width:95%;}
.index1_5 h2 { margin-bottom:10px}
.index1_5 .xinwen_hd { position:relative; top:auto; right:auto; text-align:right; padding-bottom:20px}
.index1_5 .xinwen_hd a { margin-right:0px; margin-left:0px; padding:0 5px; font-size:14px}

.index1_5 .w100 { overflow:hidden; width:90%}
.index1_5 ul { width:auto}
.index1_5 ul li { float:none; width:100%; height:auto; padding-bottom:20px; margin-bottom:20px; border-bottom:1px #ddd dashed}
.index1_5 ul li img { max-width:30%; height:auto}
.index1_5 ul li h3 { font-size:16px; overflow:auto; text-overflow:auto; white-space:normal; line-height:26px; padding-right:0}
.index1_5 ul li h4 { padding-right:0; padding-top:0}
}




.nav3 { position:absolute; left:0; top:0; width:100%; z-index:8100; height:60px; min-width:1160px; background:#fff; }
.nav3.bg2 { background:#fff; position:relative}
.nav3 .logo_s { float:left; padding-top:8px}
.nav3 .head_r { display:none; position:absolute; top:0; right:5%; color:#233152}
.nav3.bg2 .logo_s img { height:40px; width:auto}
.nav3 h3 { line-height:22px; padding-top:8px; font-size:17px; color:#eee; text-align:right}
.nav3 ul { float:right; position:relative; z-index:555}
.nav3 ul li { float:left; line-height:60px; margin-left:20px; font-size:16px; position:relative; height:60px}
.nav3 ul li a { color:#fff; padding:0 15px; display:block}
.nav3 ul li i { display:none}
.nav3 ul li.nav_on i { display:block; position:absolute; width:28px; height:2px; background:#233152; bottom:5px; left:50%; margin-left:6px}
.nav3 ul li h4 { position:absolute; text-align:left; line-height:80px; top:60px; left:50%; margin-left:-150px; display:none; width:960px}
.nav3 ul li h4 a { padding:0 20px}
.nav3 .bgf { position:absolute; left:0; width:100%; top:98px; height:60px; background:url(../images/bgf2.png); display:none; z-index:444}

.nav3.bg2 ul li.nav_on i { display:none}
.nav3.bg2 ul li a { color:#666}
.nav3.bg2 ul li a:hover { color:#029FE9;}
.nav3.bg2 ul li.nav_on {}
.nav3.bg2 ul li.nav_on a { color:#233152; font-weight:bold}

.nav3.h_2 { position:fixed; height:60px; display:none}
.nav3.h_2 .logo_s { float:left; padding-top:10px;}
.nav3.h_2 .logo_s img { height:40px; width:auto}
.nav3.h_2 ul li.nav_on i { bottom:15px}
.nav3.h_2 ul li { line-height:54px}
.nav3.h_2 .bgf { top:60px}


@media all and (max-width:720px) {
.nav3.bg2 { height:50px; min-width:inherit; position:fixed}
.nav3 .logo_s { padding-top:12px; padding-left:20px}
.nav3 .logo_s img { height:26px}
.nav3 .head_r { display:block; font-size:18px; line-height:50px}

.nav3 ul { position:fixed; left:0; width:100%; top:50px; background:#000; padding-top:0; display:none}
.nav3 ul li { float:none; line-height:52px; border-top:1px #666 solid; height:auto; padding:0; padding-left:20px; font-size:14px; margin-left:0}
.nav3 ul li a { display:block; font-weight:bold}

.nav3.bg2 ul li { line-height:52px}
.nav3.bg2 .logo_s img { height:30px}
}


.banner2 { height:731px; overflow:hidden; position:relative; z-index:111}
.banner2 .bd { height:731px}
.banner2 .bd ul li { height:731px; position:relative}
.banner2 .bd ul li p.bp { height:100%; width:100%; position:absolute; left:0; top:0}
.banner2 .bd ul li a { display:block; height:731px; width:510px; position:absolute; left:50%; top:0; margin-left:-600px; background:url(../images/bgf6.png)}
.banner2 .bd ul li h3 { font-size:24px; color:#fff; padding:110px 0 40px 80px; line-height:30px}
.banner2 .bd ul li h4 { font-size:16px; color:#fff; padding:0 80px; line-height:30px}
.banner2 .bd ul li h4 font { display:block; margin-top:90px; width:145px; line-height:42px; text-align:center; background:#082E7F}

.banner2 .hd { position:absolute; right:50%; margin-right:-580px; bottom:20px; text-align:center}
.banner2 .hd ul li { display:inline; padding:7px 10px; cursor:pointer}
.banner2 .hd ul li i { color:#fff}
.banner2 .hd ul li.on i { color:#073080}

.banner2 a.prev { display:block; position:absolute; left:2%; top:50%; cursor:pointer; height:80px; margin-top:-40px; width:40px; text-align:center; background:url(../images/bgf4.png)}
.banner2 a.prev i { display:block; line-height:80px; font-size:60px; color:#aaa; text-align:center}
.banner2 a.next { display:block; position:absolute; right:2%; top:50%; cursor:pointer; height:80px; margin-top:-40px; width:40px; text-align:center; background:url(../images/bgf4.png)}
.banner2 a.next i { display:block; line-height:80px; font-size:60px; color:#aaa; text-align:center}

.banner2 a.prev:hover i { color:#fff}
.banner2 a.next:hover i { color:#fff}

@media all and (max-width:1420px) {
.banner2 { height:550px;}
.banner2 .bd { height:550px}
.banner2 .bd ul li { height:550px}
.banner2 .bd ul li a { height:550px}
}

@media all and (max-width:720px) {
.banner2 { height:275px; margin-top:50px}
.banner2 .bd { height:275px}
.banner2 .bd ul li { height:275px}
.banner2 .bd ul li a { display:block; height:275px}
.banner2 .hd { bottom:0}
.banner2 .hd ul li { padding:3px 5px}

.banner2 a.prev { height:40px; margin-top:-20px; width:30px; top:30%;}
.banner2 a.prev i { line-height:40px; font-size:24px}
.banner2 a.next { height:40px; margin-top:-20px; width:30px; top:30%;}
.banner2 a.next i { line-height:40px; font-size:24px}

.banner2 .bd ul li a.bp { height:100%; margin:0; width:100%; position:absolute; left:0; top:0; padding:0}
.banner2 .bd ul li h3 { font-size:16px; padding:10px 15px; line-height:30px; text-align:left}
.banner2 .bd ul li h4 { height:auto; position:absolute; font-size:12px; color:#ccc; padding:20px 5%; width:90%; background:url(../images/bgf6.png); line-height:20px; left:0; top:auto; bottom:10%; margin-left:0px}
.banner2 .bd ul li h4 b { display:block; padding-bottom:10px; font-size:16px}
.banner2 .bd ul li h4 p { padding:0}
.banner2 .bd ul li h4 font { float:right; font-size:12px; margin:10px 5% 0 0; width:80px; line-height:26px; text-align:center; background:#082E7F}
}
@media all and (max-width:480px) {
.banner2 { height:180px}
.banner2 .bd { height:180px}
.banner2 .bd ul li { height:180px}

}



.banner_cn { height:499px; min-width:1200px; background-position:center; background-repeat:no-repeat}
.banner_cn.bg1 { background:url(../images/banner_about.jpg) top no-repeat; background-size:auto 100%}
.banner_cn.bg2 { background:url(../images/banner_news.jpg) top no-repeat; background-size:auto 100%}
.banner_cn.bg3 { background:url(../images/banner_lingyu.jpg) top no-repeat; background-size:auto 100%}
.banner_cn.bg4 { background:url(../images/banner_case.jpg) top no-repeat; background-size:auto 100%}
.banner_cn.bg5 { background:url(../images/banner_chuangxin.jpg) top no-repeat; background-size:auto 100%}
.banner_cn.bg6 { background:url(../images/banner_zhaobiao.jpg) top no-repeat; background-size:auto 100%}
.banner_cn.bg7 { background:url(../images/banner_lianxi.jpg) top no-repeat; background-size:auto 100%}
@media all and (max-width:1680px) {
.banner_cn { height:435px}
}
@media all and (max-width:1200px) {
.banner_cn { height:310px; min-width:inherit}
}
@media all and (max-width:720px) {
.banner_cn { height:190px}
}
@media all and (max-width:480px) {
.banner_cn { height:155px}
}




.about_c { width:1200px; margin:0 auto; padding:40px 0}
.about_c h2 { text-align:center; font-size:36px; font-weight:normal; position:relative; line-height:40px; margin-bottom:30px}
.about_c h2 i { display:block; position:absolute; width:70px; height:2px; background:#000}
.about_c h2 i.i1 { left:50%; top:19px; margin-left:-122px}
.about_c h2 i.i2 { right:50%; top:19px; margin-right:-122px}

@media all and (max-width:720px) {
.about_c { width:90%; padding:20px 0}
.about_c h2 { font-size:18px; margin-bottom:20px;}
.about_c h2 i { width:40px; height:1px;}
}


.about_c .about_left { float:left; width:290px; background:#fff}
.about_c .about_left ul li { line-height:58px; font-size:16px; border-bottom:1px #eee solid}
.about_c .about_left ul li a { display:block; padding-left:22px}
.about_c .about_left ul li a:hover { background:#f5f5f5}
.about_c .about_left ul li.about_lm { border-left:3px #082E7F solid}
.about_c .about_left ul li.about_lm a { color:#082E7F}

@media all and (max-width:720px) {
.about_c .about_left { float:none; width:auto; overflow:hidden}
.about_c .about_left ul li { float:left; width:33.3%; line-height:38px; font-size:14px;}
.about_c .about_left ul li a { display:block; padding-left:18px; border-left:1px #ddd solid}
.about_c .about_left ul li.about_lm { border-left:0 none}
.about_c .about_left ul li.about_lm a { background:#082E7F; color:#fff}

}

.about_c .about_right { float:right; width:890px; background:#fff; padding-bottom:30px}
.about_c .about_right .about_lm { font-size:24px; line-height:40px; padding-left:30px; padding-top:20px}

.about_c .about_right .about_list1 { padding-top:20px; width:810px; margin:0 auto}
.about_c .about_right .about_list1 ul li { padding-bottom:35px; margin-bottom:35px; border-bottom:1px #ddd solid; overflow:hidden}
.about_c .about_right .about_list1 ul li img { display:block; float:left; margin-right:32px}
.about_c .about_right .about_list1 ul li h3 { font-size:16px; line-height:40px; padding-bottom:10px; font-weight:bold}
.about_c .about_right .about_list1 ul li h4 { color:#888; font-size:12px; line-height:20px; height:140px}
.about_c .about_right .about_list1 ul li h5 { color:#888; font-size:12px; line-height:20px; position:relative}
.about_c .about_right .about_list1 ul li h5 i { display:block; position:absolute; right:30px; top:0; font-size:18px; line-height:40px}

.about_c .about_right .about_list1 ul li a:hover i { color:red;}

@media all and (max-width:720px) {
.about_c .about_right { float:none; width:auto; overflow:hidden}
.about_c .about_right .about_lm { font-weight: bold; font-size:16px; line-height:40px; padding-left:20px; border-bottom:1px #ddd dashed; margin-bottom:10px}


.about_c .about_right .about_list1 { padding:20px; width:auto}
.about_c .about_right .about_list1 ul li { padding-bottom:20px; margin-bottom:20px}
.about_c .about_right .about_list1 ul li img { float:none ; margin:0 auto; height:auto}
.about_c .about_right .about_list1 ul li h3 {  text-align:center; padding-top:10px; line-height:24px}
.about_c .about_right .about_list1 ul li h4 {  text-align:center; font-size:12px; line-height:18px; height:auto; padding-bottom:10px}

}

.about_c .about_right .about_list2 { padding-top:20px; width:810px; margin:0 auto}
.about_c .about_right .about_list2 ul li { padding-bottom:35px; position:relative; min-height:240px; margin-bottom:35px; border-bottom:1px #ddd solid; overflow:hidden; padding-left:210px}
.about_c .about_right .about_list2 ul li img { display:block; position:absolute; left:0; top:0;}
.about_c .about_right .about_list2 ul li h3 { font-size:16px; line-height:20px; padding-bottom:20px; font-weight:bold}
.about_c .about_right .about_list2 ul li h4 { color:#666; font-size:14px; line-height:24px;}

@media all and (max-width:720px) {
.about_c .about_right .about_list2 { padding:20px 10px; width:auto}
.about_c .about_right .about_list2 ul li { padding-bottom:20px; padding-left:0; margin-bottom:20px}
.about_c .about_right .about_list2 ul li img { float:none; max-width:40%; height:auto ; position:relative; left:auto; top:auto; margin:0 auto; height:auto}
.about_c .about_right .about_list2 ul li h3 { text-align:center; padding-top:10px; line-height:24px}
.about_c .about_right .about_list2 ul li h4 { font-size:12px; line-height:18px}

}


.about_c .about_right .about_list3 { width:810px; margin:0 auto; margin-top:20px; position:relative}
.about_c .about_right .about_list3 .s1 { position:absolute; left:370px; width:1px; height:100%; background:#747474; top:0; z-index:22}
.about_c .about_right .about_list3 ul { position:relative; z-index:33}
.about_c .about_right .about_list3 ul li { line-height:62px; height:62px; position:relative}
.about_c .about_right .about_list3 ul li i { display:block; position:absolute; background:url(../images/about_pic4.jpg); width:21px; height:21px; top:20px; left:360px}
.about_c .about_right .about_list3 ul li h3 { line-height:22px; width:330px; text-align:right; font-size:14px; padding-top:10px}
.about_c .about_right .about_list3 ul li img { position:absolute; left:410px; top:20px; max-width:400px; display:none}

@media all and (max-width:720px) {
.about_c .about_right .about_list3 { padding:20px; width:auto}
.about_c .about_right .about_list3 ul li { padding-bottom:20px; margin-bottom:20px; height:auto; border-bottom:1px #ddd solid}
.about_c .about_right .about_list3 ul li img { position:relative; left:auto; top:auto; display:block; float:none ; margin:0 auto; max-width:100%; height:auto}
.about_c .about_right .about_list3 ul li h3 {  text-align:left; padding-top:10px; line-height:24px}
.about_c .about_right .about_list3 .s1 { display:none}
.about_c .about_right .about_list3 ul li i { display:none}

}


.about_c .about_right .about_list4 { width:810px; margin:0 auto; margin-top:20px; position:relative}
.about_c .about_right .about_list4 .s1 { position:absolute; left:370px; width:1px; height:100%; background:#747474; top:0; z-index:22}
.about_c .about_right .about_list4 ul { position:relative; z-index:33}
.about_c .about_right .about_list4 ul li { float:left; width:33.3%}
.about_c .about_right .about_list4 ul li h3 { line-height:22px; text-align:center; font-size:14px; padding-top:10px}
.about_c .about_right .about_list4 ul li img { display:block; margin:0 auto; max-width:80%}

@media all and (max-width:720px) {
.about_c .about_right .about_list4 { padding:20px; width:auto}
.about_c .about_right .about_list4 ul li { float:left; width:50%}

}

.about_c .about_right .about_body { padding-top:20px; width:830px; margin:0 auto; font-size:16px}
.about_c .about_right .about_body p { padding-bottom:15px}
.about_c .about_right .about_body img { max-width:100%; height:auto}

@media all and (max-width:720px) {
.about_c .about_right .about_body { width:auto; padding:0 20px; font-size:14px}

}





.news_c { width:1200px; margin:0 auto; padding:40px 0}
.news_c h2 { text-align:center; font-size:36px; font-weight:normal; position:relative; line-height:40px; margin-bottom:30px}
.news_c h2 i { display:block; position:absolute; width:70px; height:2px; background:#000}
.news_c h2 i.i1 { left:50%; top:19px; margin-left:-122px}
.news_c h2 i.i2 { right:50%; top:19px; margin-right:-122px}

@media all and (max-width:720px) {
.news_c { width:90%; padding:20px 0}
.news_c h2 { font-size:16px; margin-bottom:20px; line-height:30px;}
.news_c h2 i { width:40px; height:1px;}
}

.news_c .news_lm { height:64px; position:relative; padding-left:20px; background:#fff; margin-bottom:3px}
.news_c .news_lm ul { overflow:hidden;}
.news_c .news_lm ul li { float:left; text-align:center; padding:10px 20px 0 20px; line-height:50px; font-size:16px}
.news_c .news_lm ul li i { display:block; width:35px; height:3px; margin:0 auto}
.news_c .news_lm ul li a { cursor:pointer;}
.news_c .news_lm ul li.lm_on a { color:#082E7F}
.news_c .news_lm ul li.lm_on i { background:#082E7F;}

@media all and (max-width:720px) {
.news_c .news_lm { height:auto; padding-left:0px}
.news_c .news_lm ul li { text-align:center; padding:0px 15px; line-height:30px; font-size:12px}
}


.news_c .news_list { padding:30px 50px; background:#fff}
.news_c .news_list ul li { padding-bottom:35px; margin-bottom:35px; border-bottom:1px #ddd solid; overflow:hidden}
.news_c .news_list ul li img { display:block; float:left; margin-right:32px}
.news_c .news_list ul li h3 { font-size:18px; line-height:40px; padding-bottom:10px; font-weight:bold}
.news_c .news_list ul li h4 { color:#888; font-size:12px; line-height:20px; height:100px}
.news_c .news_list ul li h5 { color:#888; font-size:12px; line-height:20px; position:relative}
.news_c .news_list ul li h5 i { display:block; position:absolute; right:30px; top:0; font-size:18px; line-height:40px}

.news_c .news_list ul li:hover i { color:red;}

@media all and (max-width:720px) {
.news_c .news_list { padding:10px 20px}
.news_c .news_list ul li { padding-bottom:20px; margin-bottom:20px;}
.news_c .news_list ul li img { display:block; float:none; margin:0 auto; max-width:60%; height:auto}
.news_c .news_list ul li h3 { font-size:16px; line-height:24px; padding-top:10px;}
.news_c .news_list ul li h4 { height:auto; padding-bottom:10px}
}

.news_c .news_id { padding:30px 50px; background:#fff}
.news_c .news_id .news_title { padding-bottom:15px; border-bottom:1px #ddd solid}
.news_c .news_id .news_title h1 { font-size:24px; line-height:30px; padding-bottom:10px; font-weight:normal}
.news_c .news_id .news_title h3 { font-size:14px; color:#888;}

.news_c .news_id .news_body { padding:20px; font-size:16px}
.news_c .news_id .news_body p { padding-bottom:15px}
.news_c .news_id .news_body img { max-width:100%; height:auto}

.news_c .news_fh { padding:15px 10px;}
.news_c .news_fh .fr { line-height:52px}

@media all and (max-width:720px) {
.news_c .news_id { padding:15px 15px}
.news_c .news_id .news_title h1 { font-size:18px; line-height:26px;}
.news_c .news_id .news_title h3 { font-size:12px; color:#888;}

.news_c .news_id .news_body { padding:10px 0; font-size:14px}
.news_c .news_id .news_body img { width:inherit !important; height:inherit !important}
.news_c .news_id .news_body table { width:inherit !important; height:inherit !important}
.news_c .news_fh { font-size:12px}

}


.lingyu_1 { width:1200px; margin:0 auto; padding:40px 0}
.lingyu_1 h2 { text-align:center; font-size:36px; font-weight:normal; position:relative; line-height:40px; margin-bottom:30px}
.lingyu_1 h2 i { display:block; position:absolute; width:70px; height:2px; background:#000}
.lingyu_1 h2 i.i1 { left:50%; top:19px; margin-left:-204px}
.lingyu_1 h2 i.i2 { right:50%; top:19px; margin-right:-204px}

@media all and (max-width:720px) {
.lingyu_1 { width:90%; padding:20px 0}
.lingyu_1 h2 { font-size:18px; margin-bottom:20px;}
.lingyu_1 h2 i { width:40px; height:1px;}
.lingyu_1 h2 i.i1 { margin-left:-124px}
.lingyu_1 h2 i.i2 { margin-right:-124px}
}

.lingyu_1 ul { overflow:hidden; height:320px}
.lingyu_1 ul li { float:left; width:240px; height:320px; position:relative}
.lingyu_1 ul li img { display:block; margin:0 auto}
.lingyu_1 ul li a { display:block; position:absolute; width:236px; height:320px; left:2px; top:0; background:url(../images/bgf3.png)}
.lingyu_1 ul li a:hover { background:url(../images/bgf5.png)}
.lingyu_1 ul li h3 { font-size:24px; padding-top:100px; text-align:center; color:#fff; line-height:40px}
.lingyu_1 ul li h4 { color:#fff; text-align:center; padding:15px 15px 0 15px; display:none}
.lingyu_1 ul li h4 span { display:block; padding-top:15px; text-decoration:underline}
.lingyu_1 ul li h5 { text-align:center; width:40px; height:40px; text-align:center; line-height:36px; font-size:36px; color:#fff; border:1px #fff solid; margin:0 auto; margin-top:20px}

@media all and (max-width:720px) {
.lingyu_1 ul { height:auto}
.lingyu_1 ul li { width:50%; position:relative; height:auto; margin-bottom:10px}
.lingyu_1 ul li img { display:block; width:90%; height:auto; margin:0 auto}
.lingyu_1 ul li a { width:90%; height:100%; left:5%; top:0; background-size:100% 100%}
.lingyu_1 ul li a:hover { background:url(../images/bgf5.png)}
.lingyu_1 ul li h3 { font-size:14px; padding-top:50px;}
.lingyu_1 ul li h5 { width:30px; height:30px; line-height:30px; font-size:24px;}

}


.lingyu_2 { width:1200px; margin:0 auto; padding:40px 0}
.lingyu_2 h2 { text-align:center; font-size:36px; font-weight:normal; position:relative; line-height:40px; margin-bottom:30px}
.lingyu_2 h2 i { display:block; position:absolute; width:70px; height:2px; background:#000}
.lingyu_2 h2 i.i1 { left:50%; top:19px; margin-left:-204px}
.lingyu_2 h2 i.i2 { right:50%; top:19px; margin-right:-204px}

@media all and (max-width:720px) {
.lingyu_2 { width:90%; padding:20px 0}
.lingyu_2 h2 { font-size:18px; margin-bottom:20px;}
.lingyu_2 h2 i { width:40px; height:1px;}
.lingyu_2 h2 i.i1 { margin-left:-124px}
.lingyu_2 h2 i.i2 { margin-right:-124px}
}

.lingyu_2 ul { overflow:hidden;}
.lingyu_2 ul li { float:left; width:240px; position:relative}
.lingyu_2 ul li a { display:block; width:234px; text-align:center; font-size:16px; line-height:96px; border:1px #ddd solid; background:#fff}
.lingyu_2 ul li a:hover { background:#092D81; border:1px #092D81 solid; color:#fff}

@media all and (max-width:720px) {
.lingyu_2 ul li { width:50%; position:relative}
.lingyu_2 ul li a { width:auto; line-height:46px; font-size:14px}
}






.case_c { width:1200px; margin:0 auto; padding:40px 0}
.case_c h2 { text-align:center; font-size:36px; font-weight:normal; position:relative; line-height:40px; margin-bottom:30px}
.case_c h2 i { display:block; position:absolute; width:70px; height:2px; background:#000}
.case_c h2 i.i1 { left:50%; top:19px; margin-left:-164px}
.case_c h2 i.i2 { right:50%; top:19px; margin-right:-164px}

@media all and (max-width:720px) {
.case_c { width:90%; padding:20px 0}
.case_c h2 { font-size:18px; margin-bottom:20px;}
.case_c h2 i { width:40px; height:1px;}
.case_c h2 i.i1 { margin-left:-124px}
.case_c h2 i.i2 { margin-right:-124px}
}


.case_c .case_lm1 { height:64px; padding-left:20px; background:#fff; margin-bottom:3px}
.case_c .case_lm1 ul li { float:left; text-align:center; padding:10px 15px 0 15px; line-height:50px; font-size:14px; position:relative}
.case_c .case_lm1 ul li i { display:none; width:35px; height:3px; background:#082E7F; margin:0 auto; position:absolute; bottom:0; left:50%; margin-left:-17px}
.case_c .case_lm1 ul li.case_on a { color:#082E7F}
.case_c .case_lm1 ul li.case_on i { display:block;}

@media all and (max-width:720px) {
.case_c .case_lm1 { height:auto; overflow:hidden; padding-left:0px}
.case_c .case_lm1 ul li { width:33.3%; padding:0px; line-height:40px; font-size:14px}
.case_c .case_lm1 ul li a { display:block; border-bottom:1px #ddd solid;}
}

.case_c .case_lm2 { padding:15px 0 15px 30px; overflow:hidden; background:#fff; margin-bottom:1px}
.case_c .case_lm2 ul li { float:left; padding:0 15px 0 15px}
.case_c .case_lm2 ul li.case_on a { background:#082E7F; color:#fff; padding:5px 10px}

@media all and (max-width:720px) {
.case_c .case_lm2 { display:none}
}


.case_c .zhaopin_t { padding:20px 60px; background:#fff; border-bottom:1px #ddd solid}
.case_c .zhaopin_t h3 { font-size:18px; color:#8D0000; padding-bottom:10px}
.case_c .zhaopin_t h4 { font-size:16px; line-height:30px}
.case_c .zhaopin_t h5 { text-align:right;}
.case_c .zhaopin_t h5 a { color:#888; padding-bottom:20px}

@media all and (max-width:720px) {
.case_c .zhaopin_t { padding:20px 15px;}
}


.case_c .zhaopin_li { padding:20px 40px; background:#fff;}
.case_c .zhaopin_li ul li.zpt { background:#f5f5f5}
.case_c .zhaopin_li ul li { line-height:60px; padding:0 15px; overflow: hidden; border-bottom:1px #ddd solid; text-align:center; position:relative}
.case_c .zhaopin_li ul li h3 { float:left;  text-align:center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.case_c .zhaopin_li ul li h4 { line-height:20px; text-align:left; padding:0 30px 30px 30px; display:none; clear:both}
.case_c .zhaopin_li ul li h5 { float:right; padding-left:20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; max-width:25%;}
.case_c .zhaopin_li ul li i { line-height:60px; float:right; display:block; padding:0 10px;  font-size:18px; color:#082E7F; cursor:pointer}

@media all and (max-width:720px) {
.case_c .zhaopin_li { padding:10px 10px; background:#fff;}
.case_c .zhaopin_li ul li.zpt { display:none}
.case_c .zhaopin_li ul li { line-height:20px; padding:15px 0}
.case_c .zhaopin_li ul li h3 { float:none; width:auto; text-align:left}
.case_c .zhaopin_li ul li h5 {  font-size:12px; max-width:20%; padding-left:10px; padding-top:10px}
.case_c .zhaopin_li ul li i { line-height:20px; position:absolute; top:15px; right:5px;}

.case_c .zhaopin_li ul li h4 { padding:10px 10px 20px 10px;}
}


.case_c .case_list { padding:20px 15px; background:#fff;}
.case_c .case_list ul li { float:left; width:390px; height:390px; position:relative}
.case_c .case_list ul li img { display:block; margin:0 auto}
.case_c .case_list ul li p.img { width:380px; height:227px; display:block; position:absolute; top:0; left:5px; overflow:hidden}
.case_c .case_list ul li p.img img { position:absolute; top:0; left:0}

@media all and (max-width:720px) {
.case_c .case_list ul li { float:none; width:auto; height:auto; position:relative; padding-bottom:15px}
.case_c .case_list ul li img { max-width:100%; height:auto}
.case_c .case_list ul li p.img { display:none}
}

.case_c .case_list ul li p.a2 { display:block; position:absolute; width:380px; height:227px; left:5px; top:0; background:url(../images/bgf2.png); opacity:0}
.case_c .case_list ul li p.a2 font { display:block; width:72px; height:52px; color:#fff; border:1px #fff solid; text-align:center; line-height:46px; font-size:36px; position:absolute; left:50%; margin-left:-37px; top:50%; margin-top:-27px}
.case_c .case_list ul li h3 { width:350px; margin:0 auto; padding-top:10px; line-height:30px; text-align:right; font-size:12px; color:#888}
.case_c .case_list ul li h3 span { display:block; float:left; font-size:16px; font-weight:bold; text-align:left; width:85%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.case_c .case_list ul li h4 { font-size:12px; line-height:20px; color:#666; padding:5px 20px 0 20px}
.case_c .case_list ul li h5 { text-align:right; padding-top:10px; padding-right:20px; font-size:18px}
.case_c .case_list ul li:hover h5 { color:red}

@media all and (max-width:720px) {
.case_c .case_list ul li p.a2 { display:none}
.case_c .case_list ul li h3 { width:auto}
.case_c .case_list ul li h4 { padding:5px 0 0 0}
}

.case_c .case_xx { padding:15px 20px; position:relative; background:#fff; margin-bottom:25px}
.case_c .case_xx h3 { font-size:16px; line-height:30px; font-weight:bold; padding-bottom:5px}
.case_c .case_xx .case_body { font-size:16px; color:#666}

@media all and (max-width:720px) {
.case_c .case_xx .case_body { font-size:14px; color:#666; line-height:20px}
}


.case_c .case_tp { height:560px; position:relative}
.case_c .case_tp .bd { height:560px; overflow:hidden}
.case_c .case_tp .bd ul li { height:560px; background-color:#fff}
.case_c .case_tp .bd ul li a { display:block;}
.case_c .case_tp .bd ul li img { display:block; margin:0 auto; height:560px}

.case_c .case_tp .bd ul li::-webkit-scrollbar {/*滚动条整体样式*/
        width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }

.case_c .case_tp .bd ul li::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 4px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }

.case_c .case_tp .bd ul li::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 4px;
        background: #EDEDED;
}

@media all and (max-width:720px) {
.case_c .case_tp { height:auto}
.case_c .case_tp .bd { display:none}
}

.case_c .case_tp .hd { position:absolute; left:0; width:100%; overflow-x:scroll; bottom:0; white-space:nowrap; height:90px; background:url(../images/bgf2.png)}
.case_c .case_tp .hd ul { padding:0 20px; text-align: center;}
.case_c .case_tp .hd ul li { display: inline-block; padding-top:12px; padding-right:10px;}
.case_c .case_tp .hd ul li img { display:block; height:60px; width:auto; border:3px #CECECE solid}
.case_c .case_tp .hd ul li.on img { border:3px #092D81 solid}

.case_c .case_tp .hd::-webkit-scrollbar
{
	width: 4px;
	height: 4px;
	background-color: #79797A;
}
.case_c .case_tp .hd::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 2px;
	background-color: #79797A;
}
.case_c .case_tp .hd::-webkit-scrollbar-thumb
{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #999;
}


@media all and (max-width:720px) {
.case_c .case_tp .hd { position:relative; left:auto; bottom:auto; height:auto; background:none}
.case_c .case_tp .hd ul { width:100%; padding:0}
.case_c .case_tp .hd ul li { display: block; float:none; padding-top:5px; padding-right:0}
.case_c .case_tp .hd ul li img { height:auto; width:100%; border:0 none}
.case_c .case_tp .hd ul li.on img { border:0 none}
}

.case_c .case_cx1 { background:#fff; padding:40px 0; overflow:hidden}
.case_c .case_cx1 img { display:block; float:right; margin-right:20px; margin-top:10px}
.case_c .case_cx1 .cx1_bg { padding-left:30px; font-size:16px; line-height:28px; width:440px}

@media all and (max-width:720px) {
.case_c .case_cx1 { padding:20px 0;}
.case_c .case_cx1 img { display:block; float:none; margin:0 auto; max-width:100%}
.case_c .case_cx1 .cx1_bg { padding:10px 15px 0 15px; font-size:14px; line-height:24px; width:auto}

}


.case_c .cx2_t { font-size:30px; font-weight:normal; position:relative; line-height:40px; padding:50px 0 20px 0}

.case_c .case_cx2 { background:#fff; padding:40px 130px; overflow:hidden}
.case_c .case_cx2 h3 { font-size:24px; text-decoration:underline; padding:20px 0}

@media all and (max-width:720px) {
.case_c .cx2_t { font-size:18px; line-height:30px; padding:20px 0 10px 0}
.case_c .case_cx2 { padding:20px 20px; overflow:hidden}
.case_c .case_cx2 h3 { font-size:16px;}
.case_c .case_cx2 img { max-width:100%; height:auto}
}

.case_c .contact_cn { padding:40px 0; background:#fff;}
.case_c .contact_cn .con_c1 { float:left; width:340px}
.case_c .contact_cn .con_c1 ul li { padding-left:115px; padding-bottom:35px; font-size:16px; line-height:28px; position:relative}
.case_c .contact_cn .con_c1 ul li i { display:block; position:absolute; left:55px; top:10px; font-size:18px}

.case_c .contact_cn .con_c2 { float:left; border:1px #ddd solid}
.case_c .contact_cn .con_c2 img { display:block}


@media all and (max-width:720px) {
.case_c .contact_cn .con_c1 { float:none; width:auto}
.case_c .contact_cn .con_c2 { float:none; width:auto}
.case_c .contact_cn .con_c2 img { max-width:100%; height:auto}
}


.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:#082E7F; 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}
}






.news_body#ly_al { padding:20px 15px; background:#fff;}
.news_body#ly_al ul li { float:left; width:33.3%; height:390px; position:relative}
.news_body#ly_al ul li img { display:block; margin:0 auto; width:100%; height:auto}
.news_body#ly_al ul li a.img { width:90%; height:200px; margin:0 auto; display:block; overflow:hidden}

@media all and (max-width:720px) {
.news_body#ly_al ul li { float:none; width:auto; height:auto; position:relative; padding-bottom:15px}
.news_body#ly_al ul li img { max-width:100%; height:auto}
.news_body#ly_al ul li a.img { display:none}
}

.news_body#ly_al ul li a.a2 { display:block; position:absolute; width:90%; height:200px; left:5%; top:0; background:url(../images/bgf2.png); opacity:0}
.news_body#ly_al ul li a.a2 font { display:block; width:72px; height:52px; color:#fff; border:1px #fff solid; text-align:center; line-height:46px; font-size:36px; position:absolute; left:50%; margin-left:-37px; top:50%; margin-top:-27px}
.news_body#ly_al ul li h3 { width:90%; margin:0 auto; padding-top:10px; line-height:30px; text-align:right; font-size:12px; color:#888}
.news_body#ly_al ul li h3 a { display:block; float:left; font-size:16px; font-weight:bold; text-align:left; width:85%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_body#ly_al ul li h4 { font-size:12px; line-height:20px; color:#666; padding:5px 20px 0 20px}
.news_body#ly_al ul li h5 { text-align:right; padding-top:10px; padding-right:20px; font-size:18px}
.news_body#ly_al ul li:hover h5 a { color:red}

@media all and (max-width:720px) {
.news_body#ly_al ul li a.a2 { display:none}
.news_body#ly_al ul li h3 { width:auto}
.news_body#ly_al ul li h4 { padding:5px 0 0 0}
}





.fanhui { float:right; padding:20px 20px 0 0}
.fanhui a { background:#082E7F; color:#fff; padding:5px 10px}
.fanhui a:hover { background:#111;}

@media all and (max-width:720px) {
.fanhui { position:absolute; top:-40px; right:0; padding:0}

.case_c .case_xx .fanhui { top:0px;}
}