@charset "utf-8";
/* CSS Document */


html{-webkit-text-size-adjust:none; height:100%;}
body {font-size:14px; background:#F6F6F6;color:#333;line-height:22px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; }

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

input,button,select,textarea{outline:none;}

a { outline:none;-moz-outline:none; color:#333; cursor:pointer;}
a:link {color:#343434;text-decoration: none}
a:visited {color:#343434;text-decoration: none}
a:active {color:#B50100;text-decoration: none}
a:hover {color:#B50100;text-decoration: none}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear{ clear:both;}
.w100 { width:1200px; margin:0 auto}
img { border:0 none}

.head { position:fixed; left:0; top:0; width:100%; height:84px; border-bottom:1px #666666 solid; background:#fff; z-index:8880}
.head i.fa-reorder { display:none}
.head .logo_s { padding-top:13px; float:left}
.head .head_r { float:right;}
.head .head_r h5 { float:right; padding-top:15px; font-size:12px; color:#333; font-weight:bold; padding-left:15px; height:25px}
.head .head_r h5 a.on { color:#D7000F}
.head .head_r h4 { padding-top:15px; text-align:right; font-size:12px; font-weight:bold}
.head .head_r h4 i { padding-right:5px; font-size:14px}

.head .nav { clear:both; height:34px; overflow:hidden; padding-top:10px}
.head .nav ul { float:right; line-height:32px}
.head .nav ul li { float:left; padding-left:50px; line-height:32px; font-size:16px; font-weight:bold}
.head .nav ul li a { text-transform:Uppercase;}
.head .nav ul li.on a { display:block; float:left; border-bottom:2px #D7000F solid; color:#D7000F; padding-right:15px; background:url(../images/nav_ico.png) right no-repeat}

.s_ico { bottom:20px; position:fixed; right:50%; margin-right:-600px; z-index:6000; background:url(../images/index_footer1.png); width:249px; height:56px}

.head .nav2 { display:none}

.footer { background:#333232; text-align:center; color:#fff; padding:15px 0; font-size:12px; position:absolute; left:0; width:100%; bottom:0; z-index:7000}
.footer h3 { font-size:14px}
.footer h4 { font-size:12px; width:1100px; margin:0 auto; padding:5px 0}
.footer h4 a { color:#fff;}

.footer2 { background:#333232; text-align:center; color:#fff; padding:15px 0; font-size:12px}
.footer2 h3 { font-size:14px}
.footer2 h4 { font-size:12px; width:1100px; margin:0 auto; padding:5px 0}
.footer2 h4 a { color:#fff;}

@media all and (max-height:860px){

.s_ico { bottom:20px;}
}

@media all and (max-width:1200px) {
.head .w100 { width:720px}
.footer2 h4 { width:auto}
.footer h4 { width:auto}
}
@media all and (max-width:720px) {
.head { height:60px;}
.head i.fa-reorder { display:block; float:right; padding-left:20px; font-size:24px; line-height:60px; color:#333}
.head i.fa-remove { display:block; float:right; padding-left:20px; font-size:24px; line-height:60px; color:#333}
.head .logo_s { padding-top:10px}
.head .logo_s img { height:40px; width:auto}

.head .head_r { width:130px}
.head .head_r h5 { padding-top:10px; float:none; text-align:right}
.head .head_r h4 { padding-top:0px; float:none; text-align:right}

.head .w100 { width:90%}

.head .nav { display:none; width:1px; height:1px}

.nav2 { position:fixed; left:0; width:100%; top:61px; background:#fff}
.nav2 ul li { border-bottom:1px #ddd solid; overflow:hidden; line-height:38px}
.nav2 ul li a { font-size:16px; padding-left:20px; background:#f5f5f5; display:block;} 
.nav2 ul li h3 a { text-align:center; background:#fff; padding:0; float:left; width:50%}
}

.nowsite { text-align:right; line-height:30px}


.about { width:1200px; margin:0 auto; margin-top:120px; padding-bottom:50px}
.about .about_left { float:left; width:180px}
.about .about_left h2 { height:60px; line-height:30px; font-size:30px}
.about .about_left h2 font { font-weight:bold; font-size:24px; color:#B50100; text-transform:uppercase; padding-left:10px}

.about .about_left ul { background:#F6F6F6; border-left:2px #000 solid}
.about .about_left ul li { line-height:40px; font-size:16px; padding-bottom:6px}
.about .about_left ul li a { display:block; padding-left:25px}
.about .about_left ul li.about_on a { border-left:2px #000 solid; background:#fff}

.about .about_right { float:right; width:960px}
@media all and (max-width:1200px) {
.about { width:720px;}
.about .about_left { float:left; width:240px}
}
@media all and (max-width:720px) {
.about { width:90%; margin-top:80px}
.about .about_left { float:none; width:auto}
.about .about_left ul { padding:0; overflow:hidden}
.about .about_left ul li { line-height:32px; padding:0; font-size:14px; float:left; width:33.3%; border-bottom:2px #fff solid}
.about .about_left ul li a { padding-left:15px}
}


.about .about_right .about_text { padding-top:30px; font-size:14px; line-height:22px; text-align:justify}
.about .about_right .about_text p { padding-bottom:15px}
.about .about_right .about_text img { max-width:100%; height:auto}
@media all and (max-width:1200px) {
.about .about_right { width:460px}
}
@media all and (max-width:720px) {
.about .about_right { width:auto; float:none}
}

.about_dsj { padding-top:45px; position:relative; width:100%; padding-bottom:100px}
.about_dsj h1 { top:5px; left:138px; background:url(../images/about_dsj1.png) left no-repeat; padding-left:65px; line-height:40px; font-size:18px; position:absolute; font-weight:normal; color:#333}
.about_dsj ul li { padding-left:150px; position:relative; min-height:52px; z-index:333}
.about_dsj ul li.main { z-index:444}
.about_dsj ul li h3 { font-size:18px; width:130px; text-align:right; position:absolute; left:0; top:10px}
.about_dsj ul li h3 i { font-size:12px}
.about_dsj ul li h4 { z-index:55; padding-left:35px; background:url(../images/about_dsj2.png) left no-repeat; text-align:left; height:52px; line-height:52px; position:relative}
.about_dsj ul li h4.h4at { z-index:56;}
.about_dsj ul li h4 font { color:#888; display:block; float:left; height:42px; line-height:42px; margin-top:6px; padding:0 30px 0 10px; font-size:14px}
.about_dsj ul li h4:hover font { background:url(../images/about_dsj3.jpg) right no-repeat #E70012; color:#fff}
.about_dsj ul li h4 img { position:absolute; right:50px; top:0; border:1px #E70012 solid; display:none; height:260px; width:auto}
.about_dsj ul li h4:hover img { display:block}


@media all and (max-width:1200px) {
.about_dsj h1 { left:38px}
.about_dsj ul li { padding-left:50px;}
.about_dsj ul li h4 { height:auto; padding:10px 0 10px 35px; line-height:32px}
.about_dsj ul li h4 img { right:0}
}

@media all and (max-width:720px) {
.about_dsj h1 { line-height:30px; font-size:18px; left:10%; background-size:auto 100%; padding-left:45px}
.about_dsj ul li { padding-left:0}
.about_dsj ul li h3 { font-size:18px; position:relative; left:auto; top:auto; font-size:18px;}
.about_dsj ul li h4 { padding-left:10px; background:none; line-height:24px; height:auto}
.about_dsj ul li h4 img { display:block; margin:0 auto; position:relative; right:auto; top:auto}
.about_dsj ul li h4 font { font-size:14px; line-height:24px; margin-top:11px; float:none; height:auto; line-height:24px; text-align:center; padding-bottom:5px}
.about_dsj ul li h4:hover font { background:#E70012; color:#fff}
}







.case { width:1200px; margin:0 auto; margin-top:120px; padding-bottom:50px}
.case .case_t { height:50px;}
.case .case_t h2 { float:left; line-height:30px; font-size:30px}
.case .case_t h2 font { font-weight:bold; font-size:24px; color:#B50100; text-transform:uppercase; padding-left:10px}


.case .case_lm { height:30px; border-bottom:1px #BFBFBF solid}
.case .case_lm h3 { float:left; color:#BFBFBF; line-height:30px}
.case .case_lm ul li { float:left; padding-right:30px; line-height:30px;}
.case .case_lm ul li a { display:block; padding:0 27px 0 15px; background:url(../images/case_ico2.png) right no-repeat}
.case .case_lm ul li.lm_on a { background:url(../images/case_ico1.png) right no-repeat #BFBFBF}
.case .case_lm ul li.nobg a { background:none}
.case .case_lm ul li:hover a { background:url(../images/case_ico1.png) right no-repeat #BFBFBF}
.case .case_lm ul li.nobg:hover a { background:none}

.case .s_lm { border-bottom:1px #E8E8E8 solid; height:46px}
.case .s_lm ul li { padding-right:20px; line-height:46px; display:none}
.case .s_lm ul li.on { display:block}
.case .s_lm ul li a { display:block; float:left; margin-right:30px}

.case .s_nf { border-bottom:1px #E8E8E8 solid; height:32px; line-height:32px; font-size:12px; display:none}
.case .s_nf h3 { float:left; padding:0 10px; background:#f3f3f3; font-size:12px}
.case .s_nf a { display:block; float:left; margin-left:30px}


.case_list { padding:20px 0 30px 0; overflow:hidden}
.case_list ul { width:1208px}
.case_list ul li { float:left; width:302px; position:relative; height:410px}
.case_list ul li img { display:block; background:#F6F6F6; padding-bottom:10px}
.case_list ul li a.span { display:none; width:294px; height:182px; background:url(../images/case_ico3.png) center no-repeat; position:absolute; left:0px; top:0px}
.case_list ul li h3 { width:294px; background:#F6F6F6; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.case_list ul li h3 font { font-size:12px; display:block; float:right; color:#C3C2C2}
.case_list ul li h3 a { font-size:14px}
.case_list ul li h4 { width:294px; background:#F6F6F6; font-size:10px; line-height:18px; color:#828282; height:90px}
.case_list ul li h5 { width:294px; background:#F6F6F6; padding:20px 0 20px 0; height:30px}
.case_list ul li h5 a { display:block; float:right; background:url(../images/case_ico3s.png) center no-repeat; width:23px; text-align:center; height:30px}
.case_list ul li:hover h5 { display:none;}

.case_list2 { display:none}
.jiazai { display:none}

@media all and (max-width:1200px) {
.case { width:720px}
.case .s_nf a { margin-left:20px}

.case .case_lm { display:none}
.case .case_lm ul li.nobg { display:block; float:none; padding-right:0}
.case .case_lm ul li.nobg font { display:block; float:right}

.case .case_lm2 { display:block; border-bottom:1px #BFBFBF solid; padding-bottom:5px}
.case .case_lm2 font { display:block; float:right; font-size:14px}

.shaixuan { position:fixed; left:-180px; top:0; height:100%; width:180px; background:#fff; border-right:1px #ddd solid; z-index:666; overflow-y:scroll}
.shaixuan .s_lm  { height:auto; padding-top:120px}
.shaixuan .s_lm ul li { display:block; float:none; padding-bottom:10px; line-height:32px; overflow:hidden; padding-right:0}
.shaixuan .s_lm ul li h3 { display:block; background:#f5f5f5; padding-left:10px; height:32px; margin-bottom:5px; text-align:left}
.shaixuan .s_lm ul li a { display:block; float:left; width:50%; text-align:center; margin:0; font-size:12px}

.shaixuan .s_nf { height:auto; overflow:hidden}
.shaixuan .s_nf h3 { float:none; padding:0; font-size:14px; margin-bottom:5px; padding-left:10px}
}
@media all and (max-width:720px) {
.case { width:90%; margin-top:80px}
.case .case_t { height:auto; padding-bottom:20px}
.case .case_t h2 { float:none}

.case .case_lm ul li { padding-right:0px}
.case .case_lm h3 { display:none}
.shaixuan .s_lm  { height:auto; padding-top:70px}
}

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

.jiazai { display:block;}
.jiazai img { display:block; margin:0 auto; max-width:100%; height:auto}
.case_list2 { display:block; padding:20px 0 30px 0; overflow:hidden; clear:both} 
.case_list2 ul { width:608px; margin:0 auto}
.case_list2 ul li { float:left; width:304px; position:relative; padding-bottom:25px}
.case_list2 ul li img { display:block; padding:10px; background:#F6F6F6}
.case_list2 ul li a.span { display:none; width:264px; height:182px; background:url(../images/case_ico3.png) center no-repeat; position:absolute; left:10px; top:10px}
.case_list2 ul li h3 { width:254px; background:#F6F6F6; line-height:30px; padding:0 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.case_list2 ul li h3 font { font-size:12px; display:block; float:right; color:#C3C2C2}
.case_list2 ul li h3 a { font-size:14px}
.case_list2 ul li h4 { width:254px; background:#F6F6F6; padding:0 15px; font-size:12px; line-height:22px; color:#828282; height:90px}
.case_list2 ul li h5 { width:254px; background:#F6F6F6; padding:20px 15px 20px 15px; height:24px}
.case_list2 ul li h5 a { display:block; float:left; margin-right:10px; background:#B50100; color:#fff; font-size:12px; width:50px; text-align:center; line-height:24px}

}


@media all and (max-width:720px) {
.case_list2 ul { width:100%}
.case_list2 ul li { float:none; width:auto; border-bottom:1px #ddd dashed; margin-bottom:20px}
.case_list2 ul li img { float:left; height:50px; width:auto; padding-top:0}
.case_list2 ul li h3 { width:auto; background:none; line-height:25px; padding:0; overflow:auto; white-space:inherit; text-overflow:auto}
.case_list2 ul li h3 font { float:none; display:inline; padding-right:5px}
.case_list2 ul li h4 { clear:both; background:none; width:auto; padding:0 10px; height:auto} 
.case_list2 ul li h5 { clear:both; background:none; width:auto; padding-top:5px; padding-bottom:0} 
.case_list2 ul li h5 a { float:none; display:block; margin:0 auto}
}


.contact_text { font-size:16px; line-height:30px; padding-bottom:20px; padding-top:30px}
.contact_text .con_map { font-size:12px; height:367px; line-height:24px}
.contact_text h1 { font-size:24px; line-height:40px; padding-bottom:20px}
.contact_text h1 i { font-size:36px; display:block; float:left; padding-right:5px}


.contact_pic { padding-top:30px;}
.contact_pic img { max-width:100%; height:auto; margin:0 auto; display:block}

.contact_li { width:1200px; overflow:hidden}
.contact_li h2 { font-size:36px; color:#888; text-align:center; padding-top:40px; padding-bottom:20px; text-transform:uppercase}
.contact_li h2 b { font-size:36px; color:#333; line-height:50px; display:block; font-weight: normal}
.contact_li ul { width:1203px;}
.contact_li ul li { float:left; width:399px; border-right:2px #fff dashed; position:relative; height:200px; border-bottom:2px #fff dashed}
.contact_li ul li h4 { position:absolute; width:68px; height:68px; text-align:center; line-height:68px; color:#fff; background:#333131; font-size:24px; border-radius: 50%; left:100px; top:163px}
.contact_li ul li h3 { padding:25px 0 0 60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.contact_li ul li h5 { padding:30px 25px 0 60px; font-size:14px;}
.contact_li ul li a.ljlx { display:block; margin:0 auto; width:116px; line-height:20px; text-align:center; background:#F5AA13; color:#fff; border-radius:20px}

@media all and (max-width:1200px) {
.contact_map img { max-width:100%; height:auto}
.contact_li ul { width:460px;}

}
@media all and (max-width:720px) {
.contact_text img { max-width:100%; height:auto}
.contact_li h2 b { font-size:24px; line-height:40px;}
.contact_li ul { width:298px; margin:0 auto}
.contact_li ul li { float:none; width:100%}

.contact_text h1 { font-size:18px}

}



.exhi { width:1200px; margin:0 auto; margin-top:120px; padding-bottom:50px}
.exhi .exhi_t { height:50px;}
.exhi .exhi_t h2 { float:left; line-height:30px; font-size:30px}
.exhi .exhi_t h2 font { font-weight:bold; font-size:24px; color:#B50100; text-transform:uppercase; padding-left:10px}



.exhi .exhi_left { float:left; width:248px}
.exhi .exhi_left h2 { line-height:42px; background:#B50101; color:#fff; font-size:16px; padding-left:15px; font-size:16px}
.exhi .exhi_left ul { margin-bottom:15px; border:1px #A0A0A0 solid; border-top:0 none; padding:10px; overflow:hidden}
.exhi .exhi_left ul li { float:left; width:33.3%; line-height:28px}


.exhi .exhi_right { width:942px; float:right}
.exhi .exhi_right .exhi_index ul li { float:left; width:296px; padding-bottom:13px; padding-left:18px}
.exhi .exhi_right .exhi_index ul li h3 { line-height:42px; background:#B50101; color:#fff; font-size:16px; padding-left:15px; font-size:16px}
.exhi .exhi_right .exhi_index ul li h3 a { color:#fff}
.exhi .exhi_right .exhi_index ul li h4 { border:1px #A0A0A0 solid; border-top:0 none; padding:10px 20px 20px 10px}
.exhi .exhi_right .exhi_index ul li h4 a { display:block; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.exhi .exhi_right .exhi_list { padding-left:20px}
.exhi .exhi_right .exhi_list ul li { height:172px; border-bottom:1px #eee solid} 
.exhi .exhi_right .exhi_list ul li h3 { font-size:16px; line-height:30px; padding-top:15px; font-weight:bold}
.exhi .exhi_right .exhi_list ul li h3 a { color:#000}
.exhi .exhi_right .exhi_list ul li h4 { font-size:12px; line-height:20px; color:#000; padding-top:5px}
.exhi .exhi_right .exhi_list ul li h4 font { color:#B50101; font-size:12px}
.exhi .exhi_right .exhi_list ul li h5 { font-size:12px; color:#aaa; line-height:20px; padding-bottom:10px}



.exhi .exhi_right .exhi_top { padding-left:20px; text-align:center; border-bottom:1px #eee solid; padding-bottom:15px}
.exhi .exhi_right .exhi_top h1 { font-size:24px; font-weight:bold; padding-bottom:10px}
.exhi .exhi_right .exhi_top h3 { color:#aaa; font-size:12px}

.exhi .exhi_right .exhi_text { padding:20px 10px 20px 30px; font-size:14px; line-height:28px; border-bottom:1px #eee solid}
.exhi .exhi_right .exhi_text p { padding-bottom:15px}
.exhi .exhi_right .exhi_text img { max-width:100%; height:auto}

.exhi .exhi_right .exhi_sx { padding:20px 0; height:52px; line-height:52px}
.exhi .exhi_right .exhi_sx .ft { padding-left:60px; background:url(../images/news_ico1.jpg) left no-repeat}
.exhi .exhi_right .exhi_sx .fr { padding-right:60px; background:url(../images/news_ico2.jpg) right no-repeat}
.exhi .exhi_right .exhi_sx .tac { width:52px; height:52px; margin:0 auto; background:url(../images/news_ico3.jpg) center no-repeat}
.exhi .exhi_right .exhi_sx .tac a { display:block; height:52px}

@media all and (max-width:1200px) {
.exhi { width:720px}
.exhi .exhi_left { width:170px}
.exhi .exhi_left ul li { width:50%;}
}
@media all and (max-width:720px) {
.exhi { width:95%; margin-top:80px}
.exhi .exhi_left { display:none}

.exhi .exhi_t { height:auto; padding-bottom:20px;}
.exhi .exhi_t h2 { float:none; font-size:24px}
}

@media all and (max-width:1200px) {
.exhi .exhi_right { width:550px}
.exhi .exhi_right .exhi_index ul li { width:265px; padding-left:10px}
}
@media all and (max-width:720px) {
.exhi .exhi_right { width:100%}
.exhi .exhi_right .exhi_index ul li { float:none; padding-left:0; width:auto}
}

.zizhi_text { font-size:14px; line-height:28px; padding-top:30px; padding-bottom:20px}



.zhaopin { padding-top:30px}
.zhaopin h1 { font-size:24px; text-align:center; font-weight:bold; line-height:30px; padding-bottom:20px}
.zhaopin ul li { height:48px; line-height:48px; border-bottom:1px #eee solid; text-align:center}
.zhaopin ul li.zp_tio { background:#f5f5f5}
.zhaopin ul li h3 { float:left; width:140px}
.zhaopin ul li h4 { float:left; width:200px}
.zhaopin .zz_yw { padding-top:20px; text-align:right}


@media all and (max-width:1200px) {
.zhaopin ul li { height:auto; padding:10px 0; line-height:26px; text-align:left}
.zhaopin ul li.zp_tio { display:none}
.zhaopin ul li h4 { float:none; width:auto; font-weight:bold; font-size:16px}
.zhaopin ul li h3 { float:left; width:auto; padding-right:20px}
}
@media all and (max-width:720px) {


}

a.pc {}
a.sj { display:none}

@media all and (max-width:1200px) {
a.pc { display:none}
a.sj { display:inline}
}





.con_top { width:850px; margin:0 auto; padding-top:30px}
.con_top h1 { font-size:24px; line-height:30px; padding:0 240px 20px 0}
.con_top h3 { font-size:12px; line-height:20px; color:#aaa}

.con_li { width:850px; margin:0 auto; overflow:hidden; padding-top:15px}
.con_li img { float:right; padding-right:50px}
.con_li ul li { line-height:26px}
.con_li ul li h3 { float:left; font-weight:bold}

.con_text { width:850px; margin:0 auto; padding-top:15px; font-size:14px; line-height:26px}
.con_text p { padding-bottom:15px}
.con_text img { max-width:100%; height:auto}

@media all and (max-width:1200px) {
.con_top { width:720px;}
.con_li { width:720px;}
.con_text { width:720px;}
}
@media all and (max-width:720px) {
.con_top { width:90%; padding-top:10px; margin-bottom:50px}
.con_li { width:90%;}
.con_text { width:90%;}


}



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




.banner { height:100%; position: absolute;left:0; top:0; width:100%}
.banner .bd { height:100%}
.banner .bd ul { height:100%}
.banner .bd ul li { height:100%}
.banner .bd ul li img { display:block; margin:0 auto; height:65%; width:auto; margin-top:13%}
.banner .hd { position:absolute; left:0; width:100%; height:5px; bottom:30px; text-align:center; overflow:hidden}
.banner .hd ul li { display:inline; background:#fff; padding:5px 25px; cursor:pointer; margin:0 10px}
.banner .hd ul li.on { background:#D7000F}

@media all and (max-height:680px){
.banner .bd { height:100%}
.banner .bd ul li img { max-height:60%; margin-top:20%}
}



.c2 { position:relative;}
.c2 .w100 { width:100%; height:500px; position:absolute; top:50%; margin-top:-230px; left:0;}
.c2 .cg_left { float:left; width:160px; left:0; margin-left:-600px; top:0; position:absolute; opacity:0}
.c2 .cg_left h2 { font-size:24px; line-height:30px; padding-bottom:10px; border-bottom:2px #333 solid; color:#666; margin-bottom:10px}
.c2 .cg_left ul { background:url(../images/index_ico1.png) no-repeat 0 16px}
.c2 .cg_left ul li { line-height:54px; font-size:14px; font-weight:bold}
.c2 .cg_left ul li a { padding:0 5px 10px 30px; border-bottom:1px #F6F6F6 solid}
.c2 .cg_left ul li.on a { border-bottom:1px #838383 solid}

.c2 .cg_right { width:1014px; height:480px; top:0; position:absolute; right:0; margin-right:-600px; opacity:0}
.c2 .cg_right .al_r1 { position:relative}
.c2 .cg_right .al_r1 ul li { background:#fff}
.c2 .cg_right .al_r1 ul li a { display:block; height:100%}
.c2 .cg_right .al_r1 ul li span { display:block}
.c2 .cg_right .al_r1 ul li span.dakai { display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/overlay2.png)}
.c2 .cg_right .al_r1 ul li img { width:338px; height:160px}

.c2 .cg_right .al_r1 ul li.rs_1 { position:absolute; width:338px; height:320px; top:0px; left:0px; background:#838182; overflow:hidden}
.c2 .cg_right .al_r1 ul li.rs_1 img { position:absolute; left:0; top:160px; display:block}
.c2 .cg_right .al_r1 ul li.rs_1 h3 { font-size:16px; color:#fff; padding:40px 0 5px 25px}
.c2 .cg_right .al_r1 ul li.rs_1 h4 { font-size:18px; color:#fff; padding:0 0 0 25px}

.c2 .cg_right .al_r1 ul li.rs_2 { position:absolute; width:676px; height:160px; top:320px; left:0px; overflow:hidden}
.c2 .cg_right .al_r1 ul li.rs_2 img { position:absolute; left:338px; top:0; display:block}
.c2 .cg_right .al_r1 ul li.rs_2 h3 { font-size:16px; color:#888; padding:40px 0 5px 25px}
.c2 .cg_right .al_r1 ul li.rs_2 h4 { font-size:18px; color:#888; padding:0 0 0 25px}

.c2 .cg_right .al_r1 ul li.rs_3 { position:absolute; width:676px; height:160px; top:0px; left:338px; overflow:hidden}
.c2 .cg_right .al_r1 ul li.rs_3 img { position:absolute; left:0; top:0; display:block}
.c2 .cg_right .al_r1 ul li.rs_3 h3 { font-size:16px; color:#888; padding:40px 0 5px 363px}
.c2 .cg_right .al_r1 ul li.rs_3 h4 { font-size:18px; color:#888; padding:0 0 0 363px}

.c2 .cg_right .al_r1 ul li.rs_4 { position:absolute; width:338px; height:320px; top:160px; left:676px; background:#838182; overflow:hidden}
.c2 .cg_right .al_r1 ul li.rs_4 img { position:absolute; left:0; top:0; display:block}
.c2 .cg_right .al_r1 ul li.rs_4 h3 { font-size:16px; color:#fff; padding:205px 0 5px 25px}
.c2 .cg_right .al_r1 ul li.rs_4 h4 { font-size:18px; color:#fff; padding:0 0 0 25px}

.c2 .cg_right .al_r1 ul li.rs_5 { position:absolute; width:338px; height:160px; background:#131313; top:160px; left:338px}
.c2 .cg_right .al_r1 ul li.rs_5 i { display:block; font-size:30px; line-height:50px; padding-top:25px; color:#fff; text-align:center}
.c2 .cg_right .al_r1 ul li.rs_5 h3 { text-align:center; color:#fff; font-size:18px; padding-bottom:5px}
.c2 .cg_right .al_r1 ul li.rs_5 h4 { text-align:center; color:#fff; font-size:16px; text-transform:uppercase}




.c3 { position:relative;}
.c3 .index_ab { width:1200px; position:absolute; top:50%; margin-top:-280px; left:50%; margin-left:-600px}
.c3 .index_ab h2 { font-size:30px; text-align:center; color:#666; letter-spacing:5px; line-height:40px; padding-bottom:25px; opacity:0; margin-top:20px}
.c3 .index_ab h2 a { border-bottom:1px #383838 solid; padding-bottom:15px}
.c3 .index_ab h3 { width:980px; text-align:center; margin:0 auto 50px auto; padding:30px 0 20px 0; background:url(../images/index_ico15.png) bottom no-repeat; opacity:0; margin-top:20px}
.c3 .index_ab .more1 { margin-top:20px; float:right; padding-left:40px; background:url(../images/index_ico4.png) left no-repeat; line-height:32px; font-size:16px; margin-bottom:50px; opacity:0; margin-top:40px}
.c3 .index_ab ul { clear:both; width:1000px; margin:0 auto; opacity:0; margin-top:20px; position:relative; z-index:444}
.c3 .index_ab ul li { float:left; width:250px; height:167px; background:url(../images/index_ico13.png) center no-repeat; text-align:center}
.c3 .index_ab ul li i { display:block; width:82px; height:60px; margin:0 auto; margin-top:15px; background:url(../images/index_ico5.png) no-repeat; margin-bottom:5px}
.c3 .index_ab ul li h5 { font-size:18px; line-height:30px}
.c3 .index_ab ul li.ab1 i { background-position:14px 0}
.c3 .index_ab ul li.ab2 i { background-position:-234px 0}
.c3 .index_ab ul li.ab3 i { background-position:-485px 0}
.c3 .index_ab ul li.ab4 i { background-position:-742px 0}
/*
.c3 .index_ab ul li:hover { background:url(../images/index_ico14.png) center no-repeat; color:#D7000F}
.c3 .index_ab ul li.ab1:hover i { background-position:14px -120px}
.c3 .index_ab ul li.ab2:hover i { background-position:-234px -120px}
.c3 .index_ab ul li.ab3:hover i { background-position:-485px -120px}
.c3 .index_ab ul li.ab4:hover i { background-position:-742px -120px}
*/

.c3 .index_ab ul.ul2 { position:absolute; bottom:-25px; left:120px; z-index:333}
.c3 .index_ab ul.ul2 li { opacity:0; filter:blur(2px)}



.c4 { position:relative;}
.c4 .w100 { width:100%; height:510px; position:absolute; top:50%; margin-top:-230px; left:0;}
.c4 .news_left { width:180px; left:0; margin-left:-600px; top:0; position:absolute; opacity:0}
.c4 .news_left h2 { font-size:24px; line-height:30px; padding-bottom:10px; border-bottom:2px #333 solid; color:#666; margin-bottom:10px}
.c4 .news_left ul { background:url(../images/index_ico6.png) left no-repeat}
.c4 .news_left ul li { line-height:54px; font-size:14px; font-weight:bold}
.c4 .news_left ul li a { padding:0 5px 10px 30px; border-bottom:1px #F6F6F6 solid}
.c4 .news_left ul li.on a { border-bottom:1px #838383 solid}

.c4 .news_right { width:914px; height:510px; background:url(../images/index_ico7.png) no-repeat; background-size:100% 100%; top:0; position:absolute; right:0; margin-right:-600px; opacity:0}
.c4 .news_right .news_t1 { padding:45px 45px 0 45px}
.c4 .news_right .news_t1 img { display:block; float:left; margin-right:25px}
.c4 .news_right .news_t1 h1 { font-size:16px; line-height:28px;}
.c4 .news_right .news_t1 h4 { font-size:12px; color:#aaa}
.c4 .news_right .news_t1 h3 { font-size:12px; line-height:20px; padding-right:30px}
.c4 .news_right .news_li { clear:both; padding:20px 0 0 45px}
.c4 .news_right .news_li ul li { float:left; width:382px; padding-right:40px; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.c4 .news_right .news_li ul li i { display:block; float:left; color:#B50100; width:0; overflow:hidden; line-height:32px; opacity:0}
.c4 .news_right .more2 { clear:both; padding-top:20px; text-align:right; padding-right:70px}



.c5 { position:relative;}
.c5 .index_ab { width:1200px; height:540px; position:absolute; top:50%; margin-top:-250px; left:50%; margin-left:-600px}
.c5 .index_ab h2 { font-size:30px; text-align:center; color:#666; letter-spacing:5px; line-height:40px; padding-bottom:25px;}
.c5 .index_ab h2 a { border-bottom:1px #383838 solid; padding-bottom:15px}

.c5 .index_ab .hb_bd { padding-top:30px; padding-bottom:20px; padding-bottom:20px}
.c5 .index_ab .hb_bd ul li img { display:block; margin:0 auto}
.c5 .index_ab h4 { text-align:center}
.c5 .index_ab h4 a { padding:5px 15px; background:url(../images/index_ico8.png) center no-repeat}
.c5 .index_ab h4 a.on { background:url(../images/index_ico9.png) center no-repeat}

@media all and (max-height:680px){
.c5 .index_ab { height:440px; margin-top:-220px;}
.c5 .index_ab .hb_bd { padding-top:20px}
.c5 .index_ab .hb_bd ul li img { height:300px; width:auto}
}


.c6 { position:relative;}
.c6 .index_contact { width:1200px; height:440px; position:absolute; top:50%; margin-top:-240px; left:50%; margin-left:-600px}
.c6 .index_contact h2 { text-align:center; font-size:18px; line-height:40px; padding-bottom:20px}
.c6 .index_contact h2 b { font-size:36px; line-height:50px; display:block; font-weight:normal}
.c6 .index_contact .dh { text-align:center; font-size:30px; padding-bottom:40px;}
 
.c6 .index_contact .w100 { position:relative;}
.c6 .index_contact .index_lx1 { position:absolute; left:0; bottom:0}
.c6 .index_contact .index_lx2 { text-align:center; font-size:18px;}
.c6 .index_contact .index_lx2 img { display:block; margin:30px auto;}
.c6 .index_contact img { display:block}

.c6 .index_contact .index_lx3 { width:520px; margin:0 auto}
.c6 .index_contact .index_lx3 h3 { background:url(../images/index_ico11.png) top no-repeat; overflow:hidden}
.c6 .index_contact .index_lx3 h3 a { display:block; float:left; width:104px; text-align:center; padding-top:35px; font-size:16px}
.c6 .index_contact .index_lx3 ul li { line-height:30px; font-size:16px}


@media all and (max-height:680px){
.c6 .index_contact { margin-top:-170px;}
}
@media all and (max-height:1440px){
.c6 .footer h3 { display:none;}
.c6 .footer h4 { display:none;}
}


.nav_1 { position:absolute; top:84px; left:0; width:100%; height:290px; background:url(../images/nav_bg.png); display:none}
.nav_1 .nav_left { float:left; margin-top:30px; border-right:1px #adadad solid; width:334px}
.nav_1 .nav_left img { display:block}
.nav_1 .nav_left h1 { font-size:16px; padding-top:20px; color:#D7000F}
.nav_1 .nav_left h3 { font-size:12px; padding-top:5px;}
.nav_1 h4 { float:left; padding:30px 0 0 60px; width:800px}
.nav_1 h4 a { display:block; float:left; width:200px; height:38px}

.nav_1 h5 { float:left; padding:30px 0 0 60px; width:140px; text-align:center; line-height:40px; height:240px; overflow:hidden}
.nav_1 h5 b { font-size:16px; display:block}
.nav_1 h5 a { font-size:12px; display:block; line-height:30px}
.nav_1 h5 b a { font-size:14px;}
.nav_1 h5.zhanhuis { width:420px}
.nav_1 h5.zhanhuis b { width:100%; text-align:left; float:none; height:40px}
.nav_1 h5.zhanhuis a { float:left; width:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left}


@media all and (max-width:1200px) {
.nav_1 .w100 { width:720px}
.nav_1 .nav_left { display:none}
.nav_1 h4 { float:none; padding-left:0; width:720px}

.nav_1 h5 { padding:30px 20px 0 0}
}
@media all and (max-width:720px) {
.nav_1 { width:1px; height:1px; overflow:hidden}
}


#backtop{ width:50px; height:50px; position:fixed; bottom:40px; right:20px; background:#9e9e9e;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
 }

#backtop:hover{ background:#e0244d; }
#backtop i{ display:block; width:100%; height:100%; background:url('../images/backtop.png') no-repeat 50% 50%; cursor:pointer; }
#backtop.show{ opacity:1; visibility:visible; }



.bdsharebuttonbox { position:absolute; top:50px; right:40px}

@media all and (max-width:720px) {
#backtop { width:40px; height:40px; bottom:20px; right:10px}
#backtop i{ background:url('../images/backtop.png') no-repeat 40% 40%;}
.bdsharebuttonbox { top:120px; right:20px}
}

.about_text .hb_bd { padding-top:30px; padding-bottom:20px; padding-bottom:20px}
.about_text .hb_bd ul li img { display:block; margin:0 auto}
.about_text h4 { text-align:center}
.about_text h4 a { padding:5px 15px; background:url(../images/index_ico8.png) center no-repeat}
.about_text h4 a.on { background:url(../images/index_ico9.png) center no-repeat}



.mc_1 { width:100%; margin-top:60px}
.mc_1 .banner { position:relative; height:400px; left:auto; width:100%; top:auto}

.mc_2 { clear:both}
.mc_2 .w100 { width:90%}
.mc_2 .cg_left { padding-top:30px; text-align:center}
.mc_2 .cg_left h2 { font-size:24px; line-height:30px; padding-bottom:10px; margin-bottom:10px; text-align:center}
.mc_2 .cg_left ul li { padding:0 10px; line-height:34px; font-size:14px; font-weight:bold; float:none; display:inline}
.mc_2 .cg_left ul li.on a { color:#B50100}

.mc_2 .cg_right { clear:both;}
.mc_2 .cg_right ul li { border-bottom:1px #ddd dashed; padding-bottom:15px; margin-bottom:15px; text-align:left}
.mc_2 .cg_right ul li img { max-width:100%; height:auto}
.mc_2 .cg_right ul li h3 { float:left; font-size:16px; padding-right:10px}
.mc_2 .cg_right ul li h4 { color:#888}

@media all and (max-width:420px) {
.mc_2 .cg_right ul li img { width:100%; height:auto}
}

.mc_3 { background:#f5f5f5; overflow:hidden; padding:30px 0}
.mc_3 .index_ab {}
.mc_3 .index_ab h2 { font-size:24px; line-height:30px; padding-bottom:10px; margin-bottom:10px; text-align:center}
.mc_3 .index_ab h3 { width:90%; margin:0 auto; padding:0px 0 20px 0}
.mc_3 .index_ab .more1 { text-align:center}
.mc_3 .index_ab .more1 a { background:#DF3B46; padding:5px 15px; color:#fff}


.mc_4 { clear:both; padding:30px 0}
.mc_4 .w100 { width:90%}
.mc_4 .news_left {}
.mc_4 .news_left h2 { font-size:24px; line-height:30px; padding-bottom:10px; margin-bottom:10px; text-align:center}
.mc_4 .news_right img { display:block; margin:0 auto; padding-bottom:10px}
.mc_4 .news_right h1 { font-size:18px; line-height:24px}
.mc_4 .news_right h4 { color:#888;}
.mc_4 .news_right h3 { padding-bottom:20px}
.mc_4 .news_right .more2 { text-align:center; padding-top:10px}
.mc_4 .news_right .more2 a { background:#DF3B46; padding:5px 15px; color:#fff}

.mc_4 .news_li ul li { line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.mc_4 .news_li ul li i { padding-right:10px}

.mc_5 { clear:both; padding:30px 0; background:#f5f5f5;}
.mc_5 .index_ab h2 { font-size:24px; line-height:30px; padding-bottom:10px; margin-bottom:10px; text-align:center}
.mc_5 .index_ab .hb_bd img { display:block; margin:0 auto; max-width:100%; height:auto}
.mc_5 .index_ab h4 { text-align:center; height:30px; margin-top:15px}
.mc_5 .index_ab h4 a { padding:5px 10px; background:url(../images/index_ico8.png) center no-repeat}
.mc_5 .index_ab h4 a.on { background:url(../images/index_ico9.png) center no-repeat}


.mc_6 { padding:30px 0}
.mc_6 .w100 { width:90%}
.mc_6 .index_contact h2 { font-size:24px; line-height:30px; padding-bottom:10px; text-align:center}
.mc_6 .index_contact .dh { text-align:center; font-size:16px; color:#888}

.mc_6 .index_contact .index_lx2 { text-align:center}
.mc_6 .index_contact .index_lx3 h3 { float:left; width:80px; text-align:center; background:url(../images/index_ico11.png) top no-repeat}
.mc_6 .index_contact .index_lx3 h3 a { display:block; line-height:50px; text-align:center; padding-top:16px}
.mc_6 .index_contact .index_lx3 ul li { height:56px; font-size:12px; padding-top:10px}
.mc_6 .index_contact .index_lx3 ul li a { padding-left:10px}