@charset "utf-8";
/* CSS Document */
body{ font-size:14px; color:#3d3d3d;}
.content{ width:100%; max-width:1200px; margin:0 auto}

header{ border-top:#1c3587 solid 5px;}
header a{width:472px; height:64px; display:block; overflow:hidden; margin:28px 0; }
header a img{ width:100%; height:auto;}
header p{ display:block; overflow:hidden; width:216px; font-size:12px; line-height:24px;text-align:justify;text-justify:inter-ideograph; margin:24px 0; color:#666}
header p i{ font-style:normal; color:#e10f19; margin-right:6px;}
header p>span{display: inline-block /* Opera */; padding-left: 100%;}

.navbox{ width:100%; height:50px; background:#1c3586; position:relative; z-index:9999}
.navbox nav ul li{ width:12.5%; float:left; position:relative}
.navbox nav ul li h3 a{ display:block; overflow:hidden; height:50px; line-height:50px; font-size:16px; text-align:center; font-style:normal; color:#FFF}
.navbox nav ul li h3 a:hover,.navbox nav ul li .on a{ background:#14255e}
.navbox nav ul li dl{ display:none; overflow:hidden; position:absolute; top:50px; width:100%; left:0; background:url(../images/naverbg.png) repeat; z-index:999} 
.navbox nav ul li dl dd{ height:32px; width:100%; line-height:32px; border-bottom:#686968 dashed 1px; text-align:center}
.navbox nav ul li dl dd a{ display:block; overflow:hidden; color:#c4cce5; font-size:12px;}
.navbox nav ul li dl dd a:hover{ color:#fff;background:#14255e}

/*wap_nav*/
.zzc{ display:none; overflow: hidden; background:#000; filter:alpha(opacity=70);opacity:0.7; position:fixed; width:100%; height:100%;  z-index:990 }
.nav_btn{ display:none; width:48px; border-radius:24px 0 0 24px; -moz-border-radius:24px 0 0 24px; -ms-border-radius:24px 0 0 24px; -o-border-radius:24px 0 0 24px; -webkit-border-radius:24px 0 0 24px; height:48px; background:#1c3586 url(../images/navbtn.png) center center no-repeat; background-size:57%; position: absolute; top:24px;right:0; z-index:999}


.banner{ width:100%;height: auto;position:relative; overflow:hidden; z-index:90}
.banner .bd{ position:relative; z-index:1;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height: auto; }
.banner .bd li .siteWidth{ width:1200px; position:relative;  margin:0 auto;  height: auto;}
.banner .bd li a{ height: auto; display:block;  }
.banner .bd li a img{ width:100%; height:440px; display:block; overflow:hidden}
.banner .hd{ width:100%;  position:absolute; z-index:3; bottom:32px; height:4px; line-height:4px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px;  margin:8px; background:#fff; color:#fff; font-size:1px; overflow:hidden; line-height:1px;
}
.banner .hd ul .on{ background:#1c3586; color:#1c3586 }


.about{ margin:40px 0; width:100%; max-width:1200px;}
.about .bt{ display:block; overflow:hidden; background:url(../images/sybg.jpg) top left no-repeat; font-size:16px; line-height:30px; color:#999; width:180px; padding-top:16px; }
.about .bt b{ color:#3d3d3d; font-size:18px}
.about .bt a,a.more{ display:block; overflow:hidden; width:73px; height:32px; line-height:32px; text-align:center; color:#FFF; line-height:30px; background:#1c3586; font-size:14px; margin-top:16px;}
.about .bt a:hover,a.more:hover{background:#14255e}
.about .nr{ display:block; overflow:hidden; width:82%; float:right; }
.about .nr p{ width:61%; float:left;font-size:14px; line-height:30px; max-height:120px;}
.about .nr img{ display:block; overflow:hidden; float:right; margin-left:40px;}

.main01{ background:#f4f4f4; border-bottom:#ddd solid 1px; border-top:#ddd solid 1px; margin:40px 0; display:block; overflow:hidden}

.news{ width:32.4%; display:block; overflow:hidden; padding:32px 0; margin-right:40px; }
.news .bt,.case .bt{ height:56px; line-height:56px; border-bottom:#ddd solid 1px;  margin-bottom:8px;}
.news .bt span,.case .bt span{ display:block; line-height:52px;  overflow:hidden; float:left; border-bottom:#1c3586 solid 4px; font-size:16px; color:#999}
.news .bt span b,.case .bt span b{ color:#3d3d3d; font-size:18px;}
.news dl{ border-bottom:#ddd dashed 1px; padding:16px 0; margin-bottom:10px;}
.news dl a{ display:block; overflow:hidden; }
.news dl a dt{ color:#1c3586;text-overflow:ellipsis ; white-space:nowrap; overflow:hidden; display:block; margin-bottom:8px; width:100%; font-weight:bolder; }
.news dl a dd{ color:#999; font-size:12px; line-height:24px; height:48px;}
.news dl a:hover dt{ text-decoration:underline}
.news dl a:hover dd{ color:#666}
.news ul li{ height:36px; line-height:36px; background:url(../images/ico01.png) left center no-repeat; padding-left:16px; }
.news ul li a{ float:left; color:#3d3d3d; text-overflow:ellipsis ; white-space:nowrap; width:69%; overflow:hidden; display:block}
.news ul li a:hover{ color:#1c3586}
.news ul li span{ float:right; font-size:12px; color:#999}

.honor{ display:block; overflow:hidden; width:28.5%; background:#dfe1ea; padding:32px 0;}
.honor .bt{ background:url(../images/sybg.jpg) bottom center no-repeat; text-align:center; font-size:16px; line-height:30px; color:#999; padding-bottom:16px}
.honor .bt b{ color:#3d3d3d; font-size:18px;}
.honorlist {padding:16px; position:relative; height:292px; overflow:hidden}
.honorlist ul{overflow:hidden; zoom:1;}
.honorlist ul li{ display: block; overflow:hidden; }
.honorlist ul li img{ height:244px; width:100%}

.honorlist .prev{ display:block; overflow:hidden;width:42%; height:32px; float:left; background:#b8bfd6 url(../images/pre.png) center center no-repeat; position:absolute; bottom:15px; left:16px }
.honorlist .next{display:block; overflow:hidden;width:42%; height:32px; float:left; background:#b8bfd6 url(../images/next.png) center center no-repeat;position:absolute; bottom:15px; right:16px  }
.honorlist .prevStop{background:#808595 url(../images/pre.png) center center no-repeat;}
.honorlist .nextStop{ background:#808595 url(../images/next.png) center center no-repeat; }

.case .bt{ margin-bottom:40px;}
.case{ display:block; overflow:hidden; padding-bottom:40px; }
.case ul { display:block; overflow:hidden; zoom:1;}
.case ul li{ display:block; overflow:hidden; float:left; margin-right:24px; width:23.5%}
.case ul li a{ display:block; overflow:hidden; border:#ddd solid 1px;}
.case ul li a img{ width:100%; height:244px; }
.case ul li a p{height:40px; line-height:40px; padding-left:10px; color:#3d3d3d}
.case ul li a:hover{ background:#f4f4f4}
.case ul li a:hover p{ color:#1c3586}

.friend{ background:#f4f4f4; border-top:#ddd solid 1px; display:block; overflow:hidden; padding:32px 0;}
.friend .bt{ display:block; overflow:hidden; float:left; font-size:16px; color:#999; width:10%; line-height:32px;}
.friend .bt b{ color:#3d3d3d; font-size:18px;}
.friend .con{ width:84%; display:block; overflow:hidden; float:right; line-height:28px;}
.friend .con a{ color:#3d3d3d; margin-right:16px; font-size:12px;}
.friend .con a:hover{ color:#1c3586}

.footer{ background:#1c3586; display:block; overflow:hidden; padding:32px 0;}
.footer p{ color:#b5c3ef; font-size:12px; line-height:30px; float:left; display:block; overflow:hidden}
.footer img{ float:right; display:block; overflow:hidden; margin:36px 0;}

/*sub*/
.subbanner{ width:100%; height:160px; line-height:160px;  display:block; overflow:hidden;  }
.subbanner span{ display:block; overflow:hidden;font-size:24px; padding-left:280px;}
.ys01{ color:#14255e}
.ys02{ color:#fff}

.submain{ display:block; overflow:hidden}

.sub_right{ display:block; overflow:hidden; width:25%; }
.sbg_r{ background:#f4f4f4; display:block; overflow:hidden}
.mune{ display:block; overflow:hidden; padding:16px; }
.mune .hd{ text-align:center; font-size:14px; color:#666 ; line-height:30px; padding:16px 0;}
.mune .hd b{ font-size:24px; color:#1c3586}
.mune ul{ display:block; overflow:hidden; background:#FFF; border:#ddd solid 1px; padding:16px;} 
.mune ul li{ height:48px; line-height:48px; text-align:center; border-bottom:#ddd dashed 1px; }
.mune ul li a{ display:block; overflow:hidden; color:#3d3d3d}
.mune ul li a:hover,.mune ul .on a{ background:#1c3586; color:#fff}

.sub_right .news{ width:268px; padding:12px 16px;} 
.sub_right .news ul li a{ width:80%}

.tel{ background:url(../images/dh.gif) 0 0 no-repeat; width:100%; height:112px; padding-top:16px; padding-left:112px; color:#fff; margin-top:16px; display:block; overflow:hidden;}
.tel b{ font-size:18px;}


.sub_left{ display:block; overflow:hidden; width:71.5%}
.stitle{ background:url(../images/subline.png) 0 0 repeat-x; margin-top:48px; height:20px;  }
.stitle .hd{ display:block; overflow:hidden; height:20px; background:#fff; border-left:#1c3586 solid 6px; font-size:18px; font-weight:bolder; color:#1c3586; padding-left:10px; padding-right:10px;line-height:16px; }
.stitle .location{ display:block; overflow:hidden; background:#fff; height:20px; color:#999; padding-left:6px; font-size:12px;}
.stitle .location a{ color:#999}
.stitle .location a:hover{ color:#1c3586}

article{ display:block; overflow:hidden;  padding:40px 0; }
article h1{ border-bottom:#ddd solid 1px; background: url(../images/sub02.png) bottom center no-repeat; font-size:24px; text-align:center; padding-bottom:16px; line-height:30px; }
article h5{ font-size:12px; color:#999; text-align:center; line-height:24px; margin-bottom:32px; font-weight:normal}
article p{ font-size:14px; line-height:36px; color:#555; text-indent:32px; margin-bottom:12px; }
    article img { /*display:block; overflow:hidden;*/
        margin: 8px;
        max-width: 100%;
    }


.newslist{ display:block; overflow:hidden; padding:32px 0;}
.newslist ul li{ height:60px; line-height:60px; border-bottom:#ddd dashed 1px; background:url(../images/subico.png) left center no-repeat;}
.newslist ul li a{ display:block; overflow:hidden; width:74%; color:#3d3d3d;text-overflow:ellipsis;white-space:nowrap; float:left; margin-left:24px; }
.newslist ul li span{ display:block; overflow:hidden; float:right; font-size:12px; color:#999}
.newslist ul li a:hover{ color:#1c3586; font-weight:bolder }

.imglist{ display:block; overflow:hidden; margin:24px 0;border-right:#ddd solid 1px;border-top:#ddd solid 1px;}
.imglist ul li{ width:33.2%; display:block; overflow:hidden;border-bottom:#ddd solid 1px; border-left:#ddd solid 1px; float:left}
.imglist ul li a{ display:block; overflow:hidden; padding:8px; line-height:32px; color:#666; text-align:center}
.imglist ul li a img{ width:100%; height:200px; display:block; overflow:hidden}
.imglist ul li a:hover{ background:#f4f4f4; color:#1c3586}