@charset "utf-8";
/*全局样式*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, span, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, section, nav, header, footer{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;text-align:inherit;line-height:inherit;}
html{ height:100%;}
body{ font-size:12px; color:#8a8a8a; line-height:20px; font-family:Arial,"Lucida Grande","微软雅黑","黑体"; background:#fff; height:100%;}
strong{ font-weight:bold;}
a{ text-decoration:none; text-transform:none; color:#000;}
a:hover{ text-decoration:underline;}
a span{ cursor:pointer;}
h1, h2, h3, h4, h5, h6{ color:#181818; font-family:"Lucida Grande","微软雅黑","黑体";}
em{ text-transform:none; color:#181818; font-style:normal;}
.clear{ width:0; height:0; display:block; clear:both; overflow:hidden;}
.noFloat:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
textarea{ resize:none;}
input:focus{ outline:none;}
ul, ol, dl{ list-style:none; display:block;}
dd, dt, li{ display:block;}

/*结构样式*/
#header{ height:105px; width:100%; background:#fff; position:relative; z-index:10; box-shadow: 0 1px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.2);}
/*.headerFix{}*/
#header .bgA_01{ max-width:1158px; height:100%; overflow:hidden; width:96%; margin:0 auto; padding:0 20px; position:relative;}
#header:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#header .logoField{ padding:29px 0 0; height:58px; width:406px; float:left;}
#header .logoField .logo{ display:block; height:100%; width:406px; overflow:hidden;}
#header .logoField .logo img{ display:block;}

#header .telNumField{ position:absolute; right:20px; top:6px;}
#header .telNumField a{ display:inline-block;zoom:1;*display:inline; background: url(../images/line_01.gif) 100% 50% no-repeat; padding: 0 10px }
#header .telNumField .lastlink{ background:none; padding-right:20px}
#header .telNumField a:hover{ color:#2e7eae; }
#header .telNumField h1{ display:inline-block;zoom:1;*display:inline; padding:0 0 0 30px; line-height:40px; background:url(../images/icon_telNum_01.gif) -10px -40px no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#272626;}

#header .navField{ margin:0 0 0 406px; padding:45px 0 0;}
#header .navField ul{ font-size:0; margin:0 -15px 0 0; text-align:right;}
#header .navField li{ display:inline-block; vertical-align:top; text-align:center; line-height:60px; font-size:18px; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -moz-transition: -moz-transform 0.3s, background-color 0.3s; -ms-transition: -ms-transform 0.3s, background-color 0.3s; -o-transition: -o-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s;}
#header .navField li a{ display:inline-block; padding:0 20px; line-height:60px;  color:#777; text-align:center; position:relative; background:99% -34px no-repeat; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}
#header .navField li.link2,#header .navField li.link3,#header .navField li.link4{ padding:0 3px 0 0;}
#header .navField li.link2 a,#header .navField li.link3 a,#header .navField li.link4 a{ background-image:url(../images/icon_arrow_04.gif);}
#header .navField li a:hover, #header .navField li a.on, #header .navField li.act a{ text-decoration:none; color:#2e7eae; background-position:99% 26px;}
#header .navField li.act{ background:#f2f2f2;}

#header .menuField{ position:absolute; width:100%; top:105px; background:#f2f2f2; box-shadow: 5px 5px 8px rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.2);}
#header .menuField .child{ max-width:1158px; width:96%; margin:0 auto; padding:0 20px; text-align:center; display:none}
#header .menuField .current{ display:block;}
#header .menuField .child:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#header .menuField .child dl{ color:#222; position:relative; margin:0 0 0 406px; text-align:center; padding:20px}
#header .menuField .child a{ color:#666;font-size:14px; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}
#header .menuField .child a:hover{ text-decoration:none; color:#2e7eae;}
#header .menuField .child dl dt{ font-size:16px; line-height:50px;}
#header .menuField .child dl dd{ font-size:14px; line-height:28px; display:inline-block; padding:0 20px;}

#header .menuField .child .servic{ width:100%; max-width:1092px; display:inline-block;zoom:1;*display:inline; vertical-align:top}
#header .menuField .child .servic .table_00{ width:100%; padding:0; margin:0; table-layout:fixed}
#header .menuField .child .servic .table_00 td{ text-align:center; padding:40px 0;}
#header .menuField .child .servic .table_00 td .list{ display:inline-block;zoom:1;*display:inline; width:100%; text-align:center}
#header .menuField .child .servic .table_00 td .list i{display:block; height:62px;background-position:0 100%; background-repeat:no-repeat;text-align:left; width:118px; display:inline-block;zoom:1;*display:inline  }
#header .menuField .child .servic .table_00 td .list i a{ display:block; width:100%; height:100%;}
#header .menuField .child .servic .table_00 td .list .icstyle_01{ background-image:url(../images/icon_header_lk1.png)}
#header .menuField .child .servic .table_00 td .list .icstyle_02{ background-image:url(../images/icon_header_lk2.png)}
#header .menuField .child .servic .table_00 td .list .icstyle_03{ background-image:url(../images/icon_header_lk3.png)}
#header .menuField .child .servic .table_00 td .list .icstyle_04{ background-image:url(../images/icon_header_lk4.png)}
#header .menuField .child .servic .table_00 td .list .icstyle_05{ background-image:url(../images/icon_header_lk5.png)}
#header .menuField .child .servic .table_00 td .list .icstyle_06{ background-image:url(../images/icon_header_lk6.png)}

#header .menuField .child .servic .table_00 td .list h2{ padding:18px 0 17px; border-bottom:1px solid #d8d8d8; color:#000000; text-align:left; width:118px; display:inline-block;zoom:1;*display:inline }
#header .menuField .child .servic .table_00 td .list h2 a{color:#000000; text-decoration:none; font-size:22px;  -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}
#header .menuField .child .servic .table_00 td .list ul{ padding:6px 0 0}
#header .menuField .child .servic .table_00 td .list ul li{  text-align:center}
#header .menuField .child .servic .table_00 td .list ul li a{ display:block;  width:100%; display:inline-block;zoom:1;*display:inline ;padding:6px 0; font-size:14px; text-align:center}
#header .menuField .child .servic .table_00 td .list ul li a span{  width:118px; display:inline-block;zoom:1;*display:inline ; text-align:left}
#header .menuField .child .servic .table_00 td .list ul li a:hover{ background:#d23333; color:#fff;}
#header .menuField .child .servic .table_00 td:hover{ background:#ececec;}
#header .menuField .child .servic .table_00 td:hover i{ background-position:0 0}
#header .menuField .child .servic .table_00 td:hover i.istyle2{ background-position:0 4px}
#header .menuField .child .servic .table_00 td:hover i.istyle3{ background-position:0 8px}
#header .menuField .child .servic .table_00 td:hover i.istyle4{ background-position:0 6px}
#header .menuField .child .servic .table_00 td:hover i.istyle5{ background-position:0 5px}
#header .menuField .child .servic .table_00 td:hover i.istyle6{ background-position:0 7px}
#header .menuField .child .servic .table_00 td:hover .list h2 a{ color:#d23333}


#header .langField{ position:absolute; right:20px; top:30px; width:84px; background:#fff; padding:0 0 0 10px; display:none; z-index:2;}
#header .langField a{  -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}
#header .langField a:hover{ text-decoration:none; color:#00aeff;}


#banner{ width:100%; position:relative;}
#banner .picField{ width:100%; height:100%; position:relative; z-index:2;}
#banner .picField .list{ width:100%; height:100%;}
#banner .picField .list ul{ width:100%; height:100%; position:relative;}
#banner .picField .list ul li{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; overflow:hidden;}
#banner .picField .list ul li a,#banner .picField .list ul li span{ display:block; width:100%; margin:0 auto; height:100%;}
#banner .picField .list ul li img{ display:block; height:100%; width:auto; margin:0 auto;}
#banner .controlField{ width:100%; height:0; position:absolute; left:0; top:0; z-index:1;}
#banner .controlField span{ position:absolute; top:0; display:block; width:100px; cursor:pointer;}
#banner .controlField .leftArrow{ left:0; background:url(../images/btn_arrow_05.gif) 50% 50% no-repeat;}
#banner .controlField .rightArrow{ right:0; background:url(../images/btn_arrow_06.gif) 50% 50% no-repeat;}

#menu{ width:100%; height:48px; background:#292929;}
#menu .bgA_01{ padding:0 0 8px; margin:0 0 -8px; position:relative; background:url(../images/bg_shadow_01.png) 0 100% repeat-x;}
#menu .bgA_02{ max-width:1158px; width:96%; margin:0 auto; padding:0 20px;}
#menu .bgA_02:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#menu .titleField{ width:13%; height:48px; float:left; background:#da5626;}
#menu .titleField h1{ font-size:18px; color:#fff; line-height:48px; text-align:center;}
#menu .btnField{ float:right; padding:12px 0;}
#menu .btnField .btn{ background:none; color:#fff; line-height:24px; cursor:pointer; padding:0 15px 0 0;}
#menu .menuField{ margin:0 0 0 13%; width:76% font-size:0; position:relative;}
#menu .menuField ul{ font-size:0; width:100%; height:48px; position:relative;}
#menu .menuField ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#menu .menuField li{ display:block; float:left; width:12.5%; height:46px; border:solid #fff; border-width:2px 0 0;}
#menu .menuField li.link1{ border-color:#2eb0bd;}
#menu .menuField li.link2{ border-color:#8bba30;}
#menu .menuField li.link3{ border-color:#bea881;}
#menu .menuField li.link4{ border-color:#ef3a5b;}
#menu .menuField li.link5{ border-color:#83a8c3;}
#menu .menuField li.link6{ border-color:#ebb741;}
#menu .menuField li.link7{ border-color:#f2854c;}

#menu .menuField li.link8{ border-color:#e56c19;}
#menu .menuField li.link9{ border-color:#018287;}
#menu .menuField li.link10{ border-color:#01c03f;}
#menu .menuField li.link11{ border-color:#006ac0;}
#menu .menuField li.link12{ border-color:#b71b1c;}
#menu .menuField li.link13{ border-color:#9706a0;}
#menu .menuField li.link14{ border-color:#49bd16;}
#menu .menuField li.hide{ display:none;}
#menu .menuField li.more{ border-color:#1e5eac;}
#menu .menuField li a{ display:block; border-right:1px solid #3a3a3a; overflow:hidden; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -moz-transition: -moz-transform 0.3s, background-color 0.3s; -ms-transition: -ms-transform 0.3s, background-color 0.3s; -o-transition: -o-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s;}
#menu .menuField li.more a{ background:url(../images/icon_arrow_01.gif) 70% 50% no-repeat;}
#menu .menuField li em{ display:block; line-height:46px; font-size:12px; text-align:center; color:#fff;}
#menu .menuField li span{ display:none; line-height:20px; font-size:13px; padding:0 2px; color:#c8c8c8;}
#menu .menuField li a:hover{ text-decoration:none; border:0; padding-right:1px;}
#menu .menuField li.link1 a:hover{ background-color:#2eb0bd;}
#menu .menuField li.link2 a:hover{ background-color:#8bba30;}
#menu .menuField li.link3 a:hover{ background-color:#bea881;}
#menu .menuField li.link4 a:hover{ background-color:#ef3a5b;}
#menu .menuField li.link5 a:hover{ background-color:#83a8c3;}
#menu .menuField li.link6 a:hover{ background-color:#ebb741;}
#menu .menuField li.link7 a:hover{ background-color:#f2854c;}

#menu .menuField li.link8 a:hover{ background-color:#e56c19;}
#menu .menuField li.link9 a:hover{ background-color:#018287;}
#menu .menuField li.link10 a:hover{ background-color:#01c03f;}
#menu .menuField li.link11 a:hover{ background-color:#006ac0;}
#menu .menuField li.link12 a:hover{ background-color:#b71b1c;}
#menu .menuField li.link13 a:hover{ background-color:#9706a0;}
#menu .menuField li.link14 a:hover{ background-color:#49bd16;}
#menu .menuField li.more a:hover{ background-color:#1e5eac;}




#footer{ width:100%; background:#f9f9f9; border-top:1px solid #e5e5e5; height:300px;}
#footer .bgA_01{ max-width:1158px; width:96%; margin:0 auto; padding:0 20px;}
#footer .bgA_01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#footer .contactField{ padding:25px 0 0 142px; background:url(../images/bg_contact_02.gif) 0 0 no-repeat; position:relative;}
#footer .contactField .info1{ line-height:24px; font-size:14px;}
#footer .contactField .info2{ line-height:24px; padding:12px 0 0;}
#footer .contactField .info em{ font-weight:bold;}
#footer .contactField .qrCode{ position:absolute; left:3px; top:95px; width:104px;}
#footer .contactField .qrCode span{ display:block; width:100%;}
#footer .contactField .qrCode img{ display:block; width:100%; height:auto;}
#footer .copyrightField{ float:right; width:360px; padding:25px 0 0; height:170px; line-height:24px; background:url(../images/bg_footer_01.png) 100% 100% no-repeat; position:relative; z-index:2;}
#footer .copyrightField .police{ padding:10px 0 0;}
#footer .copyrightField .police a{ display:block; position:relative; width:150px; height:52px;}
#footer .copyrightField .police a img{ display:block; width:100%; height:auto;}
#footer .copyrightField .police a span{ display:block; font-size:12px; line-height:18px; color:#001b75; text-align:center; text-decoration:none; top:30px;left:64px;position:absolute;cursor:pointer;}

#footer .copyname{zoom:1}
#footer .copyname:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#footer .copyname .namettt{ float: left;}
#footer .copyname .name{ margin-left: 192px}



#side{ position:absolute; top:0; right:0; z-index:30; width:60px; display:none;}
#side ul{}
#side .btn{ display:block; margin:1px 0 0; cursor:pointer; text-align:right; font-size:0; width:60px; height:60px; float:right; clear:both;}
#side .btn span,#side .btn a{ display:inline-block; vertical-align:middle; text-align:center; font-size:0; color:#fff; width:60px; height:60px; line-height:60px; background:15px 50% no-repeat; background-color:rgba(0,0,0,0.4); -webkit-transition: -webkit-transform 0.3s, background-color 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, background-color 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, background-color 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, background-color 0.3s, opacity 0.3s; transition: transform 0.3s, background-color 0.3s, opacity 0.3s;}
#side .up span{ background-image:url(../images/btn_up_01.png);}
#side .msg{ text-align:left; overflow:hidden;}
#side .msg .bg_01{ width:243px; height:100%;}
#side .msg span{ background:url(../images/btn_bg_01.gif) 0 0 repeat-x; line-height:20px; font-size:16px; padding:10px; width:40px; height:40px;}
#side .msg .link{ margin:0 0 0 1px;}
#side .msg .link1{ background:url(../images/btn_contact_01.gif) 0 0 no-repeat;}
#side .msg .link2{ background:url(../images/btn_contact_02.gif) 0 0 no-repeat;}
#side .msg .link3{ background:url(../images/btn_contact_03.gif) 0 0 no-repeat;}
#side .tel{ overflow:hidden;}
#side .tel .bg_01{width:216px;}
#side .tel span{ background-image:url(../images/btn_tel_01.png);}
#side .tel em{ display:inline-block; vertical-align:middle; width:155px; text-align:center; height:60px; line-height:60px; margin:0 0 0 1px; font-size:19px; background:#aa0b0b; color:#fff; font-family:Georgia, "Times New Roman", Times, serif;}
#side .btn:hover span, #side .on span{ background-color:#000; font-size:19px; background-image:none;}
#side .msg:hover span{ opacity:0.8; font-size:16px; text-decoration:none; background:url(../images/btn_bg_01.gif) 0 0 repeat-x;}



#contact{ position:fixed; bottom:0; left:0; width:100%; height:96px; background:#e7e7e7; display:none; z-index:29;}
#contact .bgA_01{ max-width:1158px; width:96%; margin:0 auto; padding:0 20px 60px; height:100%;}
#contact .infoField{ width:480px; float:left;}
#contact .infoField .title{ padding:22px 0 0 120px; width:100px; float:left; line-height:26px; height:74px; font-size:16px; color:#5b5b5b; background:url(../images/bg_contact_02.gif) 0 0 no-repeat;}
#contact .infoField .telNum{ padding:22px 0 0 60px; width:200px; float:left; line-height:52px; font-size:30px; font-family:Georgia, "Times New Roman", Times, serif; color:#da5626; background:url(../images/icon_arrow_05.gif) 10px 28px no-repeat;}
#contact .btnField{ width:480px; float:right;}
#contact .btnField .title{ width:155px; float:left; padding:35px 0 0 5px; height:40px; line-height:26px; font-size:16px; color:#5b5b5b; background:url(../images/icon_arrow_05.gif) 108px 28px no-repeat;}
#contact .btnField .links{ width:183px; float:left; padding:18px 0 0; height:60px;}
#contact .btnField .links .btn{ display:block; width:61px; height:60px; float:left;}
#contact .btnField .links .link1{ background:url(../images/btn_contact_01.gif) 0 0 no-repeat;}
#contact .btnField .links .link2{ background:url(../images/btn_contact_02.gif) 0 0 no-repeat;}
#contact .btnField .links .link3{ background:url(../images/btn_contact_03.gif) 0 0 no-repeat;}
#contact .btnField .btns{ width:122px; float:right; padding:18px 0 0; height:60px;}
#contact .btnField .btns .btn{ display:block; width:60px; height:60px; line-height:60px; text-indent:-9999px; overflow:hidden; margin:0 0 0 1px; text-align:center; font-size:18px; float:left; color:#fff; cursor:pointer; background-color:rgba(0,0,0,0.4); background-repeat:no-repeat; background-position:50% 50%; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -moz-transition: -moz-transform 0.3s, background-color 0.3s; -ms-transition: -ms-transform 0.3s, background-color 0.3s; -o-transition: -o-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s;}
#contact .btnField .btns .btn:hover, #contact .btnField .btns .on{ background-color:rgba(0,0,0,1); background-image:none; text-indent:0; text-decoration:none;}
#contact .btnField .btns .btn1{ background-image:url(../images/btn_up_01.png);}
#contact .btnField .btns .btn2{ background-image:url(../images/btn_close_01.png);}


.four_404{ width:100%; }
.four_404 .fbg{ background:url(../images/404.jpg) 50% 0 no-repeat;height:844px}
.four_404 .f_bg{ background:url(../images/404.jpg) 50% 0 no-repeat; padding:330px 0 0}
.four_404 .f_bg .backbtn{ padding:30px 0}
.four_404 .f_bg .backbtn a{ display:inline-block;zoom:1;*display:inline; width:123px; height:35px; background:url(../images/404btn.gif) 0 0 no-repeat; text-align:center; line-height:35px; color:#2d2c2c; font-size:15px; margin-left:30px}
.four_404 .f_bg .texs{ color:#6d6c6c; font-size:16px; padding-left:30px}


#statistics{ display:none;}


.newGonggao{ position:fixed; left:0;top:50%; margin-top:-150px; width:195px; border:2px solid #ca1414; border-left:0 none; z-index:100; background:#fff}
.newGonggao .title{ background:#ca1414; text-align:center; padding:10px 0; text-align:center; position:relative}
.newGonggao .title h2{ font-size:18px; color:#fff; text-align:center}
.newGonggao .title .closebtn{ position:absolute;right:0; top:50%; bottom:0; width:40px; height:40px;  margin-top:-20px; background:url(../images/newclosebtn.png) 50% 50% no-repeat}

.newGonggao .ggcontent{ padding:14px;}
.newGonggao .ggcontent p{ font-size:14px; line-height:20px;text-justify:inter-ideograph; text-align:justify;  }
.newGonggao .ggcontent p a{ color:#ca1414}

.qqLink{position: absolute;left: 3px;top: 33px;width: 118px;height: 38px;line-height: 36px;text-align: center;border: solid 1px #94979a;cursor: pointer;text-decoration: none;}
.qqLink img{width:14px;vertical-align: middle;display: inline-block;line-height: 38px;margin-right: 10px;}
.qqLink span{line-height:36px;vertical-align: middle;color: #94979a;}
.qqLink:hover{text-decoration:none;}