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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0; font-size:100%; font:inherit; vertical-align: baseline;}

ul,ol,li{list-style:none}
img,fieldset,input,button{border:0; background-color:transparent;} 
em,address{font-style:normal}
a,button { cursor: pointer;font-size:13px; }
table { border-collapse: collapse; border-spacing: 0; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body { font-family:"微软雅黑","黑体"; background:#f5f5f5; margin:0; padding:0; color:#111;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a:link { color: #111; text-decoration: none; }
a:visited { color: #111; text-decoration: none; }
a:hover { color: #024165; text-decoration: none; }
* { _noFocusLine: expression(this.hideFocus=true); } 


#header{ width:100%; height:150px; border-bottom:4px solid #d9e2ef; background-image:url(../images/top_bg.jpg); background-position:top; background-repeat:repeat-x;}
#header #top{ width:1200px; height:127px; margin:auto; position: relative; clear:both;}
#logo{ float:left; width:400px; padding-top:40px; }
#menu{ float:left; height:150px;}
#menu ul { height:150px; width:800px;}
#menu ul li { float:left; width:95px; height:150px; text-align:center; margin-right:17px; margin-bottom:17px;transition: all 0.5s;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
#menu ul li p{ margin-top:70px;}
#menu ul li a{ font-size:14px; width:95px; color:#fff; width:95px; height:150px;  display: block; }
#menu ul li:hover {width:95px; cursor:pointer; margin-right:17px; margin-bottom:17px; background: #0583c1;}
#menu ul li:hover a{color:#fff; text-decoration: none;}
#menu .p1{ width:95px; background: #0583c1; }
#menu .p1 a{ color:#fff;}
#menu ul li .bk{width:95px; height:180px; background:#0583c1;position:absolute;cursor:pointer;bottom:-220px;opacity:0.2;left:400;transition: all .8s;-webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s;}
#menu ul li:hover .bk{bottom:-40px; cursor:pointer;}

.midd{ width:100%; height:690px; border-top:7px solid #616875; border-bottom:7px solid #616875; background-image:url(../images/mid_bg.jpg);}
.midcont{ width:1200px; margin:auto; position: relative; clear:both;}
.midcont ul { width:1200px;}
.midcont ul li { float:left; width:30%; padding:45px 20px 35px 20px; text-align:center;}
.midcont ul li img{ border:5px solid #5e6572; margin-bottom:30px; }
.midcont ul li .til1 a{font-size:30px; color:#fff; font-weight:bold; text-align:center; letter-spacing:3px; display:block; }
.midcont ul li .til2 a{font-size:13px; color:#aeb3bb; text-align:left; line-height:18px; height:80px; padding:20px 35px 20px 25px; text-align:justify; text-justify:inter-ideograph; display: block; }
.midcont ul li .til2 a:hover{font-size:13px; color:#bec4cc; text-align:left; line-height:18px; height:80px; padding:20px 35px 20px 25px; text-align:justify; text-justify:inter-ideograph; display: block; }
.midcont ul li .butn{ background:url(../images/button.png) no-repeat center; width:131px; height:51px; padding-top:35px; text-align:center;} 
.midcont ul li .butn a{ font-size:14px; color:#fff; text-align:center; }
.midcont ul li .butn a:hover{font-size:14px; color:#e13228; text-align:center; }

.about{ width:1200px; height:450px; padding-top:45px; margin:0 auto; position: relative; clear:both;}
.aboutleft{ float:left; width:50%; }
.aboutright{ float:left; width:50%; }
.aboutleft img{ border:5px solid #e9e9e9; margin-bottom:30px; }
.aboutright .til1{ padding-top:55px; padding-bottom:55px;}
.aboutright .til2{ font-size:13px; color:#555; text-align:left; line-height:20px; padding-right:40px; padding-bottom:10px; text-align:justify; text-justify:inter-ideograph; }
.aboutright .butn{ background:url(../images/more.png) no-repeat center; width:131px; height:51px; padding-top:32px; text-align:center;} 
.aboutright a{ font-size:15px; color:#fff; text-align:center; }
.aboutright a:hover{font-size:15px; color:#e13228; text-align:center; }

.line{ width:1200px; height:80px; background:url(../images/line.png) center no-repeat; margin:auto; position: relative; clear:both;}

.project{ width:1200px; padding-top:5px; padding-bottom:50px; margin: auto; position: relative; clear:both; height:auto!important; min-height:600px; }
.project .til1{ padding-bottom:35px; text-align:center; }
.project ul { width:1200px;}
.project ul li { float:left; width:20%; padding:25px 30px 35px 20px;}
.project ul li a{ font-size:14px; color:#555;}
.project ul li a:hover{font-size:14px; color:#e13228;}
.project ul li img{ display:block; width:250px; height:332px;}
.project ul li .til{font-size:13px; color:#333; width:210px; height:80px; line-height:18px; padding:15px 20px 10px 20px; background-color:#dbdbdb; border-bottom:#677f94 solid 5px; display:block; }
.project ul li:hover .til{font-size:13px; color:#e13228; width:210px; height:80px; line-height:18px; padding:15px 20px 10px 20px; background-color:#dbdbdb; border-bottom:#677f94 solid 5px; display:block; }
/*.project ul li .til{font-size:14px; color:#555; width:210px; padding:0 20px 10px 20px; padding-top:15px; background:url(../images/arrow.png) right no-repeat; background-color:#dbdbdb; border-bottom:#ccc solid 7px; display:block; }
.project ul li:hover .til{font-size:14px; color:#e13228; width:230px; height:35px; padding-left:20px; padding-top:15px; background:url(../images/arrow1.png) right no-repeat; background-color:#dbdbdb; border-bottom:#ccc solid 7px; display:block; }*/
.project ul li .butn{ background:url(../images/button.png) no-repeat center; width:131px; height:51px; padding-top:35px; text-align:center;} 

#contact{ width:100%; height:380px; background-color:#e4e4e4; margin: auto; position: relative; clear:both; }
#contact .us{ width:1200px; margin:auto; position: relative; clear:both;}
#contact .til1{ text-align:center; padding-top:40px; display:block; }
#contact .til2{ font-size:12px; color:#787878; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:18px; padding-top:10px; display:block; }
#contact ul { width:1200px; margin:auto; position: relative; clear:both; padding-top:25px;}
#contact ul li { float:left; font-size:14px; color:#333;}
#contact .address{width:350px; height:177px; background:url(../images/address.jpg) center top no-repeat; display:block; }
#contact .phone{width:360px; height:177px; background:url(../images/phone.jpg) center top  no-repeat; display:block; }
#contact .email{width:490px; height:177px; background:url(../images/email.jpg) center top  no-repeat; display:block; }
#contact ul li .p1{ padding:80px 0 0 75px;}
#contact ul li .p2{ padding:80px 0 0 95px;}
#contact ul li .p3{ padding:80px 0 0 185px;}

.news{ width:1100px; text-align:left; padding-top:20px; text-align:justify; text-justify:inter-ideograph; margin: auto; position: relative; clear:both; height:auto!important; min-height:600px; }
.news ul{width:100%; list-style-type:none;}
.news li{ width:100%; text-align:left; background-image:url(marker.png); background-position:left; background-repeat:no-repeat; padding:5px 0 30px 0; list-style:none;}
.news li a{ font-size:22px; color:#222; text-align:left; margin-bottom:10px; display:block;}
.news li p{ line-height:20px; font-size:13px; padding-top:5px; text-align:justify; text-justify:inter-ideograph;}

#newsline{ text-align:left; padding:18px 0 6px 20px; text-align:justify; text-justify:inter-ideograph; margin: auto; position: relative; clear:both;}
#newsline a{ font-size:13px; color:#aeb3bb; text-align:left; line-height:24px; padding:0; margin:0;}

#footer{ width:100%; height:160px; background-color:#1d1932; border-top:9px solid #393453; margin:auto; position: relative; clear:both;}
#footer .contact{ width:1200px; margin:auto; position: relative; clear:both; padding-top:30px;}
#footer .contact .flogo{ float:left;}
#footer .contact .add{ float:left; font-size:12px; color:#c0bfbf; line-height:22px; padding-top:8px; padding-left:10px;}
#footer .contact .add a{ font-size:12px; color:#c0bfbf; line-height:22px;}
#footer .contact .wm{ float:left;}

#content{ width:100%; border-top:7px solid #616875; margin:auto; position: relative; clear:both;}
#title{ width:1200px; height:40px; padding-top:35px; margin:auto; position: relative; clear:both;}
#title .til1{ float:left; font-size:28px; color:#111; font-weight:bold; text-align:left; }
#title .til2{ float:left; font-size:22px; color:#888; font-weight:bold; text-align:left; letter-spacing:-1px; padding-top:10px; padding-left:10px; }
#title dl dd{ float:left; width:15px; height:15px; margin-right:10px; margin-top:13px; list-style-type:none; cursor:pointer; border:1px solid #444; background:#024481;}

.cerf{ width:1200px; padding-top:45px; margin:0 auto; position: relative; clear:both; height:auto!important; min-height:450px; }
.cerfleft{ float:left; width:50%; text-align:center;}
.cerfright{ float:left; width:50%; text-align:center;}
.cerf img{ border:5px solid #e9e9e9; }

.about1{ float:left; width:38%; }
.about1 img{ border:5px solid #e9e9e9; margin-bottom:30px; }
.about2{ float:left; width:60%;}
.about2 .til1{ padding-top:25px; padding-bottom:10px;}
.about2 .til2{ font-size:14px; color:#222; text-align:left; line-height:20px; padding:20px 10px 0 0; text-align:justify; text-justify:inter-ideograph; }
.about2 .til2 p{ padding-bottom:10px; text-align:justify; text-justify:inter-ideograph; }
.aboutright .til3{ font-size:16px; color:#222; text-align:left; line-height:35px; padding:0 10px 0 0; text-align:justify; text-justify:inter-ideograph; }
.aboutright .til4{ font-size:25px; color:#222; text-align:left; padding-bottom:10px; font-weight:bold;}

#heights{width:100%; height:50px; margin:auto; position: relative; clear:both;}

#pages{ width:1110px; padding:15px 50px 10px 0; margin:auto; position: relative; clear:both;}
#page{ width:100%; padding-top:10px; padding-bottom:10px; font-size:14px; color:#eee; text-align:center; letter-spacing:2px; background-color:#024481; border:#dbdbdb solid 1px;}
#page a{ font-size:14px; color:#eee; letter-spacing:2px;}
#page a:hover{ font-size:14px; color:#e13228; letter-spacing:2px;}
.gray{color:#aaa; font-size:14px;}
#links{ display:none;}

.title1{ font-size:20px; color:#111; font-weight:bold; text-align:center; padding-bottom:15px;}
#title2{ font-size:22px; color:#222; text-align:left; margin:0 0 25px 15px; text-align:justify; text-justify:inter-ideograph;}
#title3{ height:80px; clear:both;}

.contents{ line-height:20px; font-size:14px; margin:auto; position:relative; clear:both; padding: 0 10px 30px 10px; text-align:justify; text-justify:inter-ideograph;}
.contents p { padding-bottom:15px;}
.contents img { display:inline-block; padding-bottom:15px;}

#linklink{ color:#1d1932; font-size:12px; text-align:center; margin:auto; position:relative; clear:both;}
#linklink a{ color:#1d1932; font-size:12px; text-align:center; margin:auto; position:relative; clear:both;}