@charset "utf-8";
/* CSS Document */
body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dd, dl, dt, input {margin: 0;padding: 0;}
body {
    color: #666;
    font-family: "微软雅黑",Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-left: 0;
    min-width: 1080px;
}
ul, li, em, i {font-style: normal;font-weight: normal;list-style: outside none none;}
a {color: #666;outline: medium none;text-decoration: none;}
a:hover {text-decoration: none;}
img {border: 0 none;vertical-align: middle;}
em {font-style: normal;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;content: "";display: table;}
.clearfix::after {clear: both;content: " ";display: block;}
.wrapper {margin: 0 auto;position: relative;width: 1080px;}


#head{ background:#f3f3f3; height:35px; text-align:right;}
#head a{ color:#fff; display:inline-block; height:35px; line-height:35px; text-align:center; width:120px;}
#head a.qq{ background:#6bd28b}
#head a.weibo{ background:#58d0cf}
#head a.weixin{ background:#50aee2}
#head img{ margin-right:5px;}

#header{ height:120px;}
#header img{ margin-top:13px;}

.search{ float:right; margin-top:45px;}
.search input{ border:1px solid #50aee1; font-size:12px; height:28px;padding-left:10px; vertical-align:middle; width:300px; }
.search a{ background:#50aee1; color:#fff; display:inline-block; height:30px; line-height:30px; vertical-align:middle; width:60px; text-align:center;}


#nav{ background:#0090d6; height:50px;}
#nav a{ color:#fff; display:inline-block; font-size:14px; height:50px; line-height:50px; text-align:center; width:150px;}
#nav a.current{ background:#58d0cf; }
#nav a:hover{ background:#58d0cf; }

#main{ z-index:99}

.bus{ margin:-100px 0 30px;}


.blueberry { background:#f3f3f3; position: relative; z-index:1}
.blueberry .slides {display: block;position: relative;overflow: hidden; height:400px;}
.blueberry .slides li { background-position:center center; height:400px; background-repeat:no-repeat; }
.blueberry .slides li.active {display: block;position: relative;}
.blueberry .pager { bottom:110px;left:0;width:100%;height: 40px;text-align: center;position:absolute;z-index:999;  text-align:center;}
.blueberry .pager li {display: inline-block; margin-top:10px; width:30px;}
.blueberry .pager li a, .blueberry .pager li a span {display: block;height: 20px;width: 20px;}
.blueberry .pager li a {margin:0 5px;}
.blueberry .pager li a span {overflow: hidden;background: url(../images/bullets.png) 0px 2px no-repeat ;text-indent: -9999px;width:20px;height:20px;}
.blueberry .pager li.active a span {background-position: 0px -22px;}

.intro{ background:#f0f0f0; float:left; padding:20px; width:320px;}
.intro img{ background:#fff; padding:10px;}
.intro .right{width:150px;}
.intro h2{ border-bottom:1px solid #ccc; color:#0095d7; font-size:14px; line-height:14px; height:45px;}
.intro h2 span{ color:#666; display:block; font-weight:normal; font-size:12px; margin-top:8px;}
.intro dl{ color:#999; height:74px; line-height:37px;}
.intro a{ background:#50aee1; color:#fff; display:inline-block; height:30px; line-height:30px; text-align:center; width:75px;}
.intro a.detail{ background:#50d0d1;}
.intro .dt{ line-height:31px; margin-top:15px;}

.news{ float:right; width:690px;}
.news .dt{ border:2px solid #f4f4f4; border-top:0; padding:20px;}
.news .dt ul{ float:right; width:330px;}
.news .dt li{ border-bottom:1px dashed #cecece; height:39px; line-height:39px;}

h2.title{ border:2px solid #f4f4f4; border-left:0; height:36px; line-height:36px;}
h2.title span{border-left:2px solid #50aee4; display:inline-block; font-size:14px; height:36px; line-height:36px; padding:0 15px;}
h2.title em{ color:#999; font-size:13px; margin-left:10px; text-transform:uppercase;}
h2.title a{ background:#50aee4; color:#fff; font-size:12px; font-weight:normal; float:right; height:40px; line-height:40px; margin-top:-2px;*margin-top:-40px; text-align:center; width:120px;}

.cases{ margin-top:30px;}

/*gundong*/
.v_show { border:2px solid #f4f4f4; border-top:0; width:1076px; }
.change_btn { float:left; width:25px; margin:0 15px;}
.change_btn span { display:block; float:left; width:25px; height:48px; overflow:hidden; margin:145px 0 0; background:url(../images/btn_cartoon.png) no-repeat; text-indent:-9999px; cursor:pointer; }
.change_btn .prev { background-position:0 0; }
.change_btn .next { background-position:0 -50px;  }
.v_content { float:left; position:relative; width:966px; height:360px; margin:0; overflow:hidden;}
.v_content_list { position:absolute; width:2500px;top:0px; left:0px; }
.v_content ul {float:left;}
.v_content ul li {border:1px solid #eaeaea; width:220px; display:inline; float:left; height:320px; margin:20px 10px; padding:0px; position:relative; }
.v_content ul li img { margin:10px;}
.v_content li h3{ border-bottom:1px solid #eaeaea; font-weight:normal; font-size:16px; height:50px; line-height:50px; text-align:center;}
.v_content li a{ color:#666666;}
.v_content li div{ color:#999; line-height:20px; margin:0 10px;}
.v_content li a.more{ background:#50aee4; color:#fff; display:block; height:26px; line-height:26px; text-align:center; width:80px; position:absolute; left:50%; margin-left:-40px;bottom:0; text-transform:uppercase;}

#footer{ background:#f3f3f3; border-top:8px solid #0190d4; margin-top:50px; height:145px; }
#footer .wrapper{ height:145px;}
#footer .left{ height:145px;}
#footer dl{ border-bottom:1px dashed #c7c7c7; height:50px; line-height:50px;}
#footer dl a{ display:inline-block; margin-right:25px;}
#footer dt{ line-height:30px; margin:10px 0;}

#footer .right{ margin-top:35px; height:110px;}
#footer strong{ background:#58d0cf; display:block; color:#fff; font-size:18px; height:50px; line-height:50px; text-align:center; width:270px;}
#footer .right div.wp{ background:#fff; height:60px; padding:0; }
#footer .right div.wp div{padding:8px 0 0 20px;}

.ban{ background:url(../images/ban.png) no-repeat center top; height:310px;}

#left{ background:#f7f7f7; width:250px; position:relative;}
#left h1{  background:#0090d6; color:#fff; font-size:24px; height:60px; padding:20px; position:absolute; left:0; top:-100px; z-index:99; width:210px;}
#left h1 span{ display:block; text-transform:uppercase;}
#left a{ border-bottom:1px solid #dedede; display:block; font-size:14px; height:65px; line-height:65px; text-align:center;}
#left a:hover{ background:#58d0cf; color:#fff;}
#left a.current{ background:#58d0cf; color:#fff;}

#right{ padding:20px 30px 30px; width:770px;}
#loc{ border-bottom:4px solid #0e2334; color:#0e2334; font-size:16px; height:30px; line-height:30px;}
#loc em{ font-weight:bold; font-size:14px; color:#999; margin-left:10px; text-transform:uppercase;}
#loc span{ display:inline-block; float:right; font-size:12px; height:30px; line-height:30px; *margin-top:-30px;}

.content{ line-height:23px; padding:30px 0;}
.content img{ max-width:100%;}

#news li{ border-bottom:1px dashed #ccc; line-height:40px; line-height:40px;}
#news li span{ float:right; *margin-top:-40px;}

.page{ margin-top:30px ;text-align:center;}
.page a{ border:1px solid #ccc; color:#333; display:inline-block; height:25px; line-height:25px; margin:0 5px; padding:0 10px;}
.page a.curr{ background:#c4292d; color:#fff;}
.page a:hover{ background:#c4292d; color:#fff;}
.page span{background:#c4292d; color:#fff;display:inline-block; height:25px; line-height:25px; margin:0 5px; padding:0 10px;}

.top{ color:#333; font-size:16px; margin-bottom:20px; text-align:center;}
.top span{ color:#999; display:block; font-size:12px;}

.bot{ border-top:1px solid #CCC; height:30px; line-height:30px; margin-top:20px;}
.bot a.next{ float:right;}


.case{ float:left; height:190px; margin:0 12px 25px; width:360px; position:relative;}
.case img{height:190px; width:360px;}
.case p.tit{ position:absolute; color:#fff; left:0; bottom:0; background:url(../images/bg.png) repeat; height:50px; line-height:50px; padding:0 10px; width:340px;}
.case p.tit span{ margin-right:10px;}
.case:hover .hover{ display:block;}
.case .hover{ display:none; background:url(../images/hover_bg.png) repeat; color:#fff; position:absolute; left:15px; top:10px; width:330px; height:170px;}
.case .hover .dt{ height:140px; width:200px; margin-left:100px;}
.case .hover h5{ font-size:14px; font-weight:normal; height:30px; line-height:30px; margin:10px 0;}
.case .hover dl{ border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px 0 20px;}
.case .pos{ font-size:16px; position:absolute; left:15px; bottom:10px;}
.case .pos strong{ font-size:24px; display:block; font-weight:normal;}
.case .hover img{ position:absolute; right:16px; bottom:15px; height:auto; width:auto;}


#case .page{ border-bottom:1px dashed #ccc; padding-bottom:30px;}