﻿@charset "utf-8";.banner{height:574px;}
.main{width:1200px;margin: -40px auto 0px auto;background: #e8e8e8;position: relative; z-index:1;}
.window{ width:100%; overflow: hidden;}
.window_left{position: relative;float: left;height:350px;overflow: hidden;background: url("../images/first_bj.jpg") no-repeat;width:402px;}
.window_left .title{width: 85%;margin: 30px auto 0px auto;color: #fff;font-size: 36px;font-weight: bold;text-transform: uppercase;}
.window_left .info{display: block;width: 88%;margin:20px auto; color:#fff;}
.window_left .info p{ color:#fff;}
.window_left .more{position: absolute;right:0px;bottom:0px;overflow: hidden;background: #f7f6f5;}
.window_left .more:hover{ background:#000;}
.window_right{ float: right; width:798px; height: 350px;}
.window_right img{ display: block; width:100%; overflow: hidden;}
/*新闻列表*/
.newslist{position: relative;width:100%;overflow: hidden;background: url("../images/h2.jpg") bottom no-repeat;}
.newslist .news_title{width: 95%;margin:50px auto 40px auto;font-size:36px;color:#333333;font-weight: bold;}
.news_list{width: 100%;margin:0px auto;overflow: hidden;}
.news_list li{ cursor:pointer; float:left;width:47%;margin-left: 3%;margin-bottom: 30px;}
.news_list li:hover .data{background:url("../images/data_bj2.jpg") no-repeat;}
.news_list li .data{width:67px;height:67px;float:left;background: url("../images/data_bj.jpg") no-repeat;font-size:24px;color:#ffffff;font-weight:bold;padding:5px 8px;line-height:25px;}
.news_list .news_info{float: left;width: 85%;}
.news_list .news_info a.title{width:100%;overflow:hidden;color:#808080;font-weight:bold;line-height:30px;height:30px;display:block;text-overflow:ellipsis;white-space: nowrap;}
.news_list .summary{ display:block; width:100%; overflow:Hidden; font-size:12px; color:#808080; max-height:40px; line-height:20px;}
.newslist .more{position: absolute;right:0px;bottom:8px;background: #e9a23b;}
.newslist .more:hover{background:#6b2e89;}

/*成功案例*/
.cases{width:100%;overflow:hidden;min-height:602px;margin-top: -40px; position:relative;}
.cases .cases_bj{ position:absolute; top:0px; left:0px; width:100%; overflow:Hidden; z-index:-1;}
.case_info{ width:1200px; overflow: hidden; margin:0px auto; color:#fff;}
.case_main{ float: left; width:50%; overflow: hidden;}
.case_info .title{width:100%;font-size:48px;color:#fff;font-weight: bold;margin-top: 80px;line-height: 100px;text-transform: uppercase;}
.case_info .info{width:100%;color:#ffffff;font-weight:bold;line-height: 25px;}
.case_info .case_tit{font-size:24px;color:#fff;font-weight:bold;line-height: 55px;}
.case_info .info span{display:block;width:100%;height:40px;line-height:20px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.case_main .more{display: block;float:left;margin-top: 30px;background: #e9a23b;}
.case_main .more:hover{ background:#6b2e89;}
/*地图分布*/
.main2{ position: relative; width:1200px; margin:-40px auto 0px auto; overflow: hidden; background: #e8e8e8 url("../images/h3.jpg") bottom no-repeat;}
.map_title{width:100%;text-align: center;overflow: hidden;font-size:36px;color:#333333;font-weight: bold;line-height: 110px;text-transform: uppercase;}
.map_summary{ width:90%; margin:0px auto; color:#808080; line-height:30px; text-align: center;}
.main2 .map{position:relative;margin:50px auto 30px auto;width:840px;height:420px;/* overflow: hidden; */}

.map .icon{ position: absolute;}
.map .icon i{display: block;width: 0px;border: 7px solid transparent;border-bottom-color: rgba(0,0,0,0.5);}
.map .icon p{display: block; font-size:18px; color:#fff; font-weight:bold; text-align:center;background:rgba(0,0,0,0.5);line-height: 35px;padding: 0px 20px;border-radius: 5px;}
.map .one{left: -9px;top: 168px;}
.map .one .locat{ margin-left:200px;}
.map .two{left: 263px;top: 121px;}
.map .two .locat{margin-left: 120px;}
.map .three{top: 235px;left: 227px;}
.map .three .locat{  margin-left: 175px;}
.map .four{left: 520px;top: 103px;}
.map .four .locat{margin-left: 150px;position: absolute;bottom: -29px;}
.map .four .locat i{border-bottom-color: transparent;border-top-color: rgba(0,0,0,0.5); bottom:15px; position: absolute;}
.map .five{top: 205px;left: 602px;}
.map .five .locat{margin-left: 50px;}

.main2 .more{position: absolute;right:0px;bottom:8px;background: #6b2e89;}
.main2 .more:hover{ background:#e9a23b;}

