@charset "utf-8";
/* CSS Document */
.banner{ position:relative;width:100%; margin: 0 auto; overflow:hidden;}
.banner .bd{ position:relative; width:1920px; left:50%; margin-left:-960px;}
.banner .bd img{ vertical-align:top;}
.banner .hd { position:absolute; height:12px; width:100%; bottom:20px; text-align:center;}
.banner .hd ul li{ display:inline-block; width:12px; height:12px; font-size:0; background:#fff; margin: 0 4px; cursor:pointer; border-radius:100%; vertical-align:top;}
.banner .hd ul .on{background:#181dbf;}

.con-01{ width:100%; background:#f5f5f5;}
.con-01 .g-in{ padding-left:40px; background:url(attention.jpg) no-repeat left top; overflow:hidden;}
.con-01 ul li{ float:left; width:300px; margin-left:20px;padding-left:18px; line-height:50px; font-size:12px; background:url(con-01-li-bcg.jpg) no-repeat left center; text-overflow:ellipsis;}
.con-01 ul li span{ float:right;}

.con-02{ padding:20px 0 58px;}
.hd-common-01{ padding: 22px 0;}
.hd-common-01 h1{ float:left;font-size:16px; color:#242487; font-weight:normal;}
.hd-common-01 a{ float:right;display:inline-block; text-transform:uppercase; font-size:12px; color:#afafaf; }
.con-02  .news{ float:left; width:700px; margin-right:30px; }
.news .pic{ float:left;  position:relative; margin-right:24px;}
.news .pic .bd ul li { position:relative;}
.news .pic .bd ul li img{ vertical-align:top;}
.news .pic .bd ul li a{ display:block;}
.news .pic .bd ul li span{position:absolute; bottom:0; height:40px; line-height:40px; text-align:center; width:100%; left:0; font-size:12px; color:#fff; background:rgba(0,0,0,0.5);}
.news .pic .hd{ position:absolute; height:12px; bottom:10px; width:100%;  text-align:right;}
.news .pic .hd ul li{ vertical-align:top;display:inline-block; width:8px; height:8px; background:#fff; font-size:0; margin: 0 2px; cursor:pointer; border-radius:100%;}
.news .pic .hd ul .on{ background:#181dbf;}
.news .list{ float:left; width:346px;}
.news .list .hd ul li{ float:left;}
.news .list .hd ul li a{ display:inline-block; margin: 0 12px 10px; font-size:14px;}
.news .list .hd ul li:first-child a{ margin-left:0;}
.news .list .bd ul li{ line-height:47px; height:47px; border-bottom:1px dashed #ccc; font-size:12px; padding-left:12px; background:url(news-li-bcg.jpg) no-repeat left center;}
.news .list .bd ul li span{ float:right;}

.honor{ float:left;}
.honor ul li { padding: 0 2px;}
.honor ul li img{ vertical-align:top;}
.honor ul li span{ display:block; width:100%; line-height:35px; height:35px; background:#f5f5f5; font-size:14px; text-align:center;}

.con-03{ position:relative; width:100%; padding:20px 0 30px;margin:0 atuo; overflow:hidden;background:#f5f5f5; }
.case{ float:left; width:670px; margin-right:30px;}
.case .bd li{ float:left; padding: 0 12px;}
.case .bd li span{ display:block; font-size:12px; line-height:42px; text-align:center; font-size:12px;}

.service{ float:left; width:324px;}
.service .bd{  background:url(service.jpg) no-repeat top center; width:100%; padding:30px 0 40px;}
.service .bd li { text-align:right; margin:4px;}
.service .bd li  a{ display:inline-block; width:107px; height:29px; line-height:29px; text-align:center; font-size:14px; color:#fff; background:url(service-li-bcg.jpg) no-repeat top center; }

.con-04{ padding: 20px 0;}
.con-04 a{ margin: 0 6px;}