body {color: #000;font-size: 14px;margin: 0 auto;line-height: 21px;background: #fff;font-family: Microsoft YaHei;}
* {margin: 0px;padding: 0px;transition:all .3s;}
li {list-style-type: none;}
a{color: #333;text-decoration: none}
a:hover {color: #f00;}
.l{ float:left;}
.r{ float:right;}
.c,.center{ text-align:center;}
.pt1{ padding-top:80px;}

h1 {font-size: 18px;padding: 0px;}
h2 {font-size: 18px;padding: 0px;}
h3 {font-size: 14px;padding: 0px;}
h1.title{ font-size:40px; padding:30px;}
.gray {color: #999;}
.red {color: #CC0000;}
.bggray{ background:#eee}
.b {font-weight: bold;}
.ob {	font-weight: normal;}
.clear,.cl {clear: both;}

.big {font-size: 20px;}
.mtit {position: absolute;text-indent: -5000px;}
.list {line-height: 30px;}
.list img {padding: 3px;}
.title {padding: 10px;}
.more {padding-left: 570px;}
.layout{width: 1600px;margin:0 auto;}
.hd{position: fixed;left: 0;z-index: 1000;width: 100%;height: 96px;box-shadow:0 0 10px 5px rgba(0,0,0,.07);background:#fff;}
.topbar{background: #2c3749;}
.topbar span{ color:#fff; padding:5px;}
.img-boder {border: 1px solid #aaa;padding: 5px;background-color: #FFFFFF;}
.border-bottom {border-bottom: #bbb 1px dotted;}
.box_white{	line-height: 35px;font-size: 15px;padding: 20px;background:#fff;box-shadow:0 0 10px 5px rgba(0,0,0,.07)}
.logo{margin-left: 50px;display:inline-block;}
#menu{ background:#0070e0;}
#menu ul{ width:1000px; float:right;padding-top: 20px;}
#menu li {float: left;width:9%;height: 66px;line-height: 66px;text-align: center; margin:0 10px;}
#menu li a {display: block;font-size: 16px;color: #fff; padding:0 5px;}
#menu li a:hover {color: #fff; background:#c50303;font-size: 14px;}
#banner{position:relative;padding-top:0px;}
ul.topnav.r { display: none;}
.topnav li{ display:inline; float:left; height:31px; line-height:31px; padding:0 20px;}
.topnav a{ color:#000;}
.colnav{ text-align:center; padding-bottom:20px;}
.colnav a{ background:#00c1de; padding:8px 15px; margin:5px; color:#fff;}
.colnav a:hover{box-shadow:0 0 10px 5px rgba(0,193,222,.2); background:#2be3ff;}
.colnav  a.select{ background:#CC0000;}

.sub{ background:#eee;}
.sub_title{ padding:15px;}
.piclist li {width: 20%;float: left;}
.piclist li img {padding:5px;width: 96%;}

.piclist li .box{ padding:5px;}
.piclist li .box:hover {border:1px solid #00c1de;box-shadow:0 0 10px 5px rgba(0,193,222,.2); margin:-2px 0 0 0 ;padding:0px;}
.piclist li .txt {height: 32px;line-height: 32px;overflow: hidden;padding: 0 10px;}
.piclist li:hover .txt{ background: #00c1de; color:#fff;}
.act li{height:206px;}
.honor li{ height:222px;}
.honor li:nth-child(n+16){ height:412px;}
.select h2,.case h2, .sub h2,.item h2{font-size: 26px;color: #666666;font-weight: bold;letter-spacing: 2px; padding:20px;}
.select h6, .case h6,.sub h6 ,.item h6{text-align: center;color: #999;margin-bottom: 10px; font-weight:normal;}

.select {margin: 30px auto;text-align:center;}
.select ul{padding:10px 0 0 0 ;}
.select li{display:inline-block;width:30%;text-align:center;}
.select li p img{display:block;margin:0 auto;}
.select li p span{padding:20px 0; display:block;}

.news{ padding-bottom:20px;}
.news li { font-size:16px; height:40px; line-height:40px;}
.news .time{ height:36px; line-height:18px; width:47px; float:left; background:#00c1de; text-align:center; font-size:12px; color:#fff;}
.news li:hover .time{box-shadow:0 0 10px 5px rgba(0,193,222,.2); background:#2be3ff;}
.case li{ width:300px; float:left; height:280px;}
.textarea{    line-height: 3em;}
.case li img{ width:268px; height:200px; margin:10px 10px 5px 10px;}
.case li .box{ margin:5px;border:1px solid #eaeaea; margin-bottom:15px;}
.case li:hover .box{ margin:0px 5px 0 5px ;border:1px solid #00c1de;box-shadow:0 0 10px 5px rgba(0,193,222,.2)}
.case li span{ display:block;}
.case li:hover span{ background: #00c1de; color:#fff;}



.page_list{ text-align:center;}
.page_list a{ background:#00c1de; padding:8px 15px; margin:5px; color:#fff;}
.page_list a:hover{box-shadow:0 0 10px 5px rgba(0,193,222,.2); background:#2be3ff;}

.detail .info{ height:35px; line-height:35px; color:#aaa;}
.detail .video{ width:640px; margin:0 auto;}
#links h1 {padding-left: 2px;text-align:left;margin-top:20px;}
#links a {color: #666;}
#links A:hover{color: #f00;text-decoration: none;}
#links ul{ margin-left:5px;}
#links li{ display:inline-block; margin-right:30px;float:left;  height:30px; line-height:30px;}


#footer {line-height: 20px;color: #000;border-top: 10px solid #3596c3;text-align: center;background:url(images/footer_bg.jpg) center no-repeat;background-size:cover;color:#fff;margin-top:20px;}
#footer a{ color:#fff;}
#footer a:hover{ color:#F00;}
#footer .layout {position: relative;margin-top:40px;}
#footer  .wx{ position:absolute; right:-35px; top:10px;}
#footer  .wj{ position:absolute; left:85px; top:30px;}