/*首页*/
.banner{ overflow:hidden; width:100%; height:500px;}
.video{ width:484px; }
.video .img_box{width:484px; height:374PX; background:#fff; overflow:hidden}




.title{ font-family:"微软雅黑"; line-height:40px; height:40px; margin-bottom:20px; overflow:hidden }
.title .f30{ float:left; margin-right:10px;}
.title .f18{ font-family:Arial, Helvetica, sans-serif;text-transform:Uppercase; line-height:50px;}
.title .right a:hover{ color:#07a9e5}


.table2{ text-align:center}
.table2 .f40{ line-height:48px; overflow:hidden}
.table2 .f16{font-family:Arial, Helvetica, sans-serif;text-transform:Uppercase; }

.table3{ background:url(../images/about_li_li-hover.jpg) repeat-x bottom; height:60px; line-height:58px; margin-bottom:30px;}
.table3 .f24{ float:left; margin-right:10px; background:url(../images/about_ii.jpg) repeat-x bottom;height:60px;}
.table3 .f16{font-family:Arial, Helvetica, sans-serif;text-transform:Uppercase; float:left}

.news{ width:660px;}
.news dl{ overflow:hidden; margin-bottom:15px;}
.news dt{width:10%; float:left;  text-align:center; margin-top:10px;}
.news dt .f40{ line-height:40px; margin-top:5px}
.news dd{ width:86%; float:right; height:76px; overflow:hidden;border-left:1px  dashed #ddd; padding-left:15px; }
.news dd .f18{ margin-bottom:5px;overflow:hidden;}
.news dd .f18 a{ width:100%; float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.news dd .f18 span{ float:right; color:#ff0000; font-size:14px;}
.news dd .f12{ line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	

/*案例图标*/
.bj{ background:#f6f6f6; overflow:hidden}
.bj2{ background:#fff; overflow:hidden}


/*项目业务*/
.xm_box{ background:url(../images/img_img.jpg) no-repeat; height:400px;}
.xm_box .w_1200{ position:relative;  height:400px; background:url(../images/yw-bj.png) 327px 84px no-repeat}
.xm_box .ico-logo{ width:223px; height:198px; left:518px; top:37px; position:absolute}



.xm_box dl{ text-align:center;position:absolute; }
.xm_box  dt{ text-align:center; cursor:pointer}
.xm_box  dt i{ color:#c2c2c2;}
.xm_box  dd{ margin-top:6px; color:#b0b0b0; font-size:16px;}

.xm_box .ico01{ top:66px; left:212px;}
.xm_box .ico01 dl{width:124px;}
.xm_box .ico01 dt{ width:124px; height:107px;background:url(../images/yw_01.png) no-repeat; }
.xm_box .ico01 dt:hover{ background:url(../images/yw_01-hover.png) no-repeat}
.xm_box .ico01 dt i{ line-height:107px; font-size:70px;}
.xm_box .ico01 dt:hover i{ color:#a6937c}

.xm_box .ico02{top:226px; left:359px;}
.xm_box .ico02 dl{width:91px;}
.xm_box .ico02 dt{width:91px; height:79px;background:url(../images/yw_02.png) no-repeat;  }
.xm_box .ico02 dt:hover{ background:url(../images/yw_02-hover.png) no-repeat}
.xm_box .ico02 dt i{ line-height:79px;font-size:40px; margin-left:4px;}
.xm_box .ico02 dt:hover i{ color:#f0ba74}


.xm_box .ico03{ top:250px; left:570px;}
.xm_box .ico03 dl{width:106px;}
.xm_box .ico03 dt{width:106px; height:93px;background:url(../images/yw_03.png) no-repeat;  }
.xm_box .ico03 dt:hover{ background:url(../images/yw_03-hover.png) no-repeat}
.xm_box .ico03 dt i{line-height:93px; font-size:50px;}
.xm_box .ico03 dt:hover i{ color:#84ccc9}



.xm_box .ico04{ top:215px; left:804px;}
.xm_box .ico04 dl{width:91px;}
.xm_box .ico04 dt{width:91px; height:79px;background:url(../images/yw_04.png) no-repeat;}
.xm_box .ico04 dt:hover{ background:url(../images/yw_04-hover.png) no-repeat}
.xm_box .ico04 dt i{ line-height:79px;font-size:40px; padding-top:2px; padding-left:3px;}
.xm_box .ico04 dt:hover i{ color:#e66fa7}

.xm_box .ico05{ top:49px; left:885px;}
.xm_box .ico05 dl{width:106px;}
.xm_box .ico05 dt{width:106px; height:92px;background:url(../images/yw_05.png) no-repeat; }
.xm_box .ico05 dt:hover{ background:url(../images/yw_05-hover.png) no-repeat}
.xm_box .ico05 dt i{line-height:92px; font-size:50px;}
.xm_box .ico05 dt:hover i{ color:#80c269}






.xm_box .right{ width:470px; margin-top:60px;}
.xm_box .right .f14{ height:280px; overflow:hidden; line-height:28px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;}
.xm_box .right .more{border-radius:4px; width:115px; height:40px; text-align:center; border:1px solid #00a4e2; color:#00a4e2; float:left; line-height:40px; margin-top:20px;}

/*index-案列*/

.index-bannerBtn span{
	border-radius: 50%;
	border: 2px solid #fff;
	opacity: .8;
	background: rgba(0,0,0,0);
}

.accordion {
	width: 1200px;
	height: 390px;
	overflow: hidden;
}
.accordion .warp {
	position: relative;
	margin-right: 70px;
	height: 100%;
}

.accordion .more {
	position: absolute;
	width:45px;
    height: 300px;
	padding-left:25px;
	padding-top:90px;
	background-color:#2db5e7;
	color: #fff;

}
.accordion .more span {
	display: block;
	float: none;
	height: auto;
	width: 16px;
	font-size: 16px;
}
.accordion .item {
	position: relative;
	z-index: 1;
	float: left;
	height: 100%;
	width: 25%;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
}
.accordion .hover .item { width: 20%;}
.accordion .warp .item:nth-child(5) .con-warp {
	left: auto;
	right: 0;
}
.accordion .con-warp {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}
.accordion .item.active { width: 40%; }
.accordion .item.active .txt {
	/* display: block; */
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.accordion hgroup {
	padding: 35px 0 0 25px;
	color: #fff;
}
.accordion .title {
	font-size: 22px; height:40PX; overflow:hidden; margin-bottom:0PX
}
.accordion .title-en { font-size: 14px; opacity: .7; }
.accordion .txt {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 20px;
	color: #fff;
	line-height: 20px;
	font-size: 14px;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;

	-webkit-transform: translateY(300px);
	-moz-transform: translateY(300px);
	-ms-transform: translateY(300px);
	-o-transform: translateY(300px);
}
.box{ position:relative;  width:1200px; height:918px; overflow:hidden; margin-top:30px; margin-bottom:30px; overflow:hidden}
/*合作伙伴*/
.partner{ overflow:hidden}
.partner ul{ width:105%;}
.partner img{ float:left; margin-right:21px; margin-bottom:21px; border:1px solid #ddd; width:180px; height:89px;}




/*------------------------内页----------------------*/
.top_ico{ background:#333; width:50px; height:50px;position:fixed; right:10px; bottom:150px; border-radius:50%; text-align:center; line-height:50PX; color:#FFF}
.ad{ text-align:center; overflow:hidden; width:100%; height:400px;}
.ad img{height:400px;}
.current_box{ background:#fff; box-shadow:0px 0px 8px #ccc; height:76px; overflow:hidden; margin-bottom:50px; width:100%;}
.current_box li{ float:left; font-size:16px; line-height:70px; margin-right:30px;}
.current_box li a{ color:#666;}
.current_box .hover,.current_box li:hover{ height:70px; padding-bottom:6px; background:url(../images/about_ii.jpg) bottom repeat-x;line-height:70px;}
.current_box .hover a,.current_box li:hover a{ color:#07a9e5;}
.current_box .right{ line-height:70px; color:#666}
.current_box .right span{ margin-right:5px;}

/*关于长城*/
.about01{ overflow:hidden; padding-bottom:50px;}
.about01 .left{ width:448px; height:344px; background:url(../images/about_img01.jpg) no-repeat; position:relative}
.about01 .left .img01{background:#fff;border-radius:6px; width:448px; height:329px; background:#CCC; position:absolute; left:0;top:0px; overflow:hidden}
.about01 .left .img01 img{width:448px; height:329px;}
.about01 .left .img02{background:#fff;border-radius:6px;width:246px; height:354px; background:#CCC; position:absolute; left:0;top:340px;overflow:hidden}
.about01 .left .img02 img{width:246px; height:354px;}
.about01 .left .img03{background:#fff;border-radius:6px;width:170px; height:246px; background:#CCC; position:absolute; top:448px;right:0; bottom:0;overflow:hidden}
.about01 .left .img03 img{width:170px; height:246px;}

.about01 .right{ width:720px;}

/*发展历程*/
.history{ background:url(../images/about_03.png) repeat-x 0px 100px; margin-top:40px; margin-bottom:50px; overflow:hidden}
.history .swiper-slide{float:left; width:280px;}
.history dl{ float:left; margin-left:44px; background:url(../images/about_06.png) repeat-y; margin-left:44px;}
.history dt{ font-size:18px; padding-left:20px; margin-top:40px;}
.history dd{ margin-top:5px; padding-left:20px; line-height:20px;}

.history .bluebox{}
.history .bluebox .ico{ background:url(../images/about_01.png) no-repeat;}
.history .bluebox .ico2{ background:url(../images/about_04.png) no-repeat}

.history .bluebox dt{ background: url(../images/about_img03.jpg) 4px 12px no-repeat}

.history .orgbox{}
.history .orgbox .ico{ background: url(../images/about_02.png) no-repeat}
.history .orgbox .ico2{ background: url(../images/about_05.png) no-repeat}
.history .orgbox dt{ background: url(../images/about_img03-.jpg) 4px 12px no-repeat}


.history .ico{ width:101px; height:109px; text-align:center; color:#fff; margin-bottom:5px; font-size:26px; overflow:hidden; line-height:100px}
.history .ico2{ width:15px; height:15px; float:left}

/*企业文化*/
.culture{ padding-top:50px; padding-bottom:50px; overflow:hidden}
.culture dl{ width:200px; text-align:center; float:left}
.culture dt{ margin-bottom:15px;}
.culture dd{ padding-left:24px; padding-right:24px; margin-top:5px;}

/*服务网络改为分支机构名称*/
.network{ background:url(../images/about_img02.jpg) top center no-repeat; overflow:hidden; margin-top:50px; padding-top:90px;}
.network .table3{ margin-top:740px;}
.network ul{ overflow:hidden;}
.network li{ width:160px; float:left; background:url(../images/about_img03.jpg) left no-repeat; padding-left:10px; margin-bottom:15px;}

/*分支机构取消*/
.branch{ padding-top:50px; padding-bottom:50px; overflow:hidden}
.branch ul{ width:370px; float:left; padding-right:30px}
.branch ul li{ overflow:hidden; margin-top:10px;}
.branch .f12{ line-height:24px;}

/*设计院*/
.Design{ padding-top:50px; padding-bottom:50px; overflow:hidden}
.Design01,.Design02{ overflow:hidden; border-bottom:1px dashed #ccc; padding-bottom:40px; overflow:hidden; margin-bottom:40px;}
.Design01 .left{ width:520px; height:255px; border-radius:6px; overflow: hidden;}
.Design01 .right{ width:650px;}
.Design01 .right .f16{ margin-top:10px; line-height:36px; font-size:17px;}

.Design02 .left{ width:780px}
.Design02 .left ul{ margin-top:10px; margin-bottom:30px}
.Design02 .left ul li{ margin-bottom:5px;}
.Design02 .left dl{ margin-top:10px;}
.Design02 .left dt{ width:45%; background:url(../images/about_img03.jpg) left no-repeat; float:left; margin-right:5%}
.Design02 .right{width:340px; height:400px; border-radius:6px; overflow: hidden;}

.Design03{ overflow:hidden;  padding-top:20px;}
.Design03 dl{ background:#fff; border-radius:6px; padding:25px; width:1150px; margin-bottom:30px; overflow:hidden}
.Design03 dt{width:350px; height:200px; border-radius:6px; overflow: hidden; float:left}
.Design03 dd{ width:770px; float:right; overflow:hidden;}
.Design03 dd .f24{ line-height:34px}
.Design03 dd .f18{ margin-top:10px; line-height:36px; font-size:17px;}

.Design04{ overflow:hidden;  padding-top:20px;}
.Design04 dl{ background:#fff; border-radius:6px; padding:25px; width:1150px; margin-bottom:30px; overflow:hidden}
.Design04 dt{width:1150px; border-radius:6px; overflow: hidden; float:left}
.Design04 dd{ width:1150px; float:right; overflow:hidden;}
.Design04 dd .f24{ line-height:34px}
.Design04 dd .f18{ margin-top:10px; line-height:36px; font-size:17px;}

/*---------------案例展示--------------*/
.coase_box{ width:100%; padding-top:10px}
.coase_box dl{ width:380px; float:left; border-radius:10px; overflow:hidden; background:#fff; margin-bottom:30px; margin-right:20px;box-shadow:0px 0px 6px #ccc; }
.coase_box dt{ width:380px; height:285px;background:#fff; overflow:hidden;position:relative}
.coase_box dt img{width:380px; vertical-align:bottom; }
.coase_box dd{ height:62px; font-size:16px; background:#eee; text-align:center; line-height:62px;word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) */}
.coase_box dl:hover dd{ background:#00a1e9; color:#fff}
.coase_box dl:hover dd a{color:#fff}
.coase_box .ico{ background:url(../images/1_03.png) no-repeat; width:52px; height:52px; position:absolute; right:10px; bottom:10px; cursor:pointer}
.coase_box02{ overflow:hidden}

/*---------------荣誉--------------*/
.ry .coase_box dt{width:380px; height:537px;}
.ry .coase_box dt img{width:380px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }

/*---------------新闻资讯--------------*/
.news_top{ padding-bottom:50px; overflow:hidden;border-radius:10px; padding:30px; width:1138px; margin-bottom:40px; box-shadow:0px 0px 6px #ccc;}
.news_top .left{ width:400px; height:267px; overflow:hidden; background:#000; border-radius:10px;}
.news_top .right{ width:700px;}
.news_top .right li{ overflow:hidden}
.news_top .right .f24{ margin-bottom:10px;word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) */}
.news_top .right .c-9{ border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
.news_top .right .c-9 span{ width:50%; float:left}
.news_top .right .f14{ height:120px; overflow:hidden; margin-bottom:20px; line-height:30px;verflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.news_top .more{border-radius:4px; width:115px; height:40px; text-align:center; border:1px solid #00a4e2; color:#00a4e2; float:left; line-height:40px;}


.news_list{ overflow:hidden; background:#fff; border-radius:10px; padding:30px; margin-top:40px; width:1140px;}
.news_list .left {width:350px; height:240px; border-radius:10px; overflow:hidden;}
.news_list .left img{width:350px; height:240px;}
.news_list .right{ width:700px;}
.news_list .right li{ overflow:hidden}
.news_list .right .f20{ text-align:left; height:40px;white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) */}
.news_list .right .f14{ height:180px; overflow:hidden; line-height:30px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;}
.news_list .right li .blue{ float:right}
.news_list .right .c-9{border-top:1px  dashed #ddd; padding-top:10px; margin-top:10px;}


.news_box{overflow:hidden; background:#fff; border-radius:10px; padding:30px; padding-bottom:0px; margin-top:40px; width:1140px;}
.news_box .table2{ border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:30px; margin-top:20px;}
.news_box .table2 span{ margin-left:10px; margin-right:10px;}
.news_box .table2 img{ margin-top:3px; margin-right:5px;}
.news_box .imgbox{ margin-bottom:15px; margin-top:15px;}
.news_box .f14{ line-height:30px;}

.news_box .fot{ border-top:1px solid #ddd; margin-top:20px; height:70px;overflow:hidden; line-height:70px; padding-top:20px; padding-bottom:20px; }
.news_box .fot .left,.news_box .fot .right{ width:48%;white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) */}
.news_box .fot .left{ text-align:left}
.news_box .fot .right{ text-align:right}
.news_box .fot a{ color:#00a4e2}


/*---------------人力资源 --------------*/

.job_list{}
.job_list dl{  padding-bottom:30px; padding-top:30px; overflow:hidden}
.job_list dt{ width:183px; height:183px; float:left}
.job_list dd{ width:970px; float:right;border-bottom:1px solid #eee;height:183px;}
.job_list dd .f24{ overflow:hidden; margin-bottom:20px;}
.job_list dd .f14{}
.job_box,.job_box2{overflow:hidden; background:#fff; border-radius:10px; padding:30px; padding-bottom:0px;width:1140px; padding-top:10px;}
.job_box .blue{ background:url(../images/job-ico.jpg) right no-repeat; padding-right:28px; float:right}
.job_tab{ text-align:center; width:40%; margin:0 auto; margin-top:50px; overflow:hidden; margin-bottom:40px;}
.job_tab li{ background:#aaaaaa; width:180px; height:64px; text-align:center; color:#fff;border-radius:6px; margin-left:10px; margin-right:10px; float:left; line-height:64px; font-size:16px; cursor:pointer}
.job_tab .hover{ background:#2db5e7;}
.job_tab li a{ color:#fff;}

#job_2{
 display:none; 
} 
 #job_1:target {
 display:block; 
} 
 #job_2:target {
 display:block; 
} 

.job_box2{ padding:30px;}
.job_box2 .f24{ height:60px; color:#fff; line-height:60px; padding-left:20px; background:#2db5e7;border-radius:6px; margin-bottom:20px;}
.job_box2  .f18{ margin-top:30px; margin-bottom:10px;}


/*---------------联系我们 --------------*/
.Contact{overflow:hidden;border-radius:10px; border:1px solid #ddd;}
.Contact .left{ width:745px; height:500px; background:#eee;}
.Contact .right{ width:400px; margin-right:20px;}
.Contact .right .f24{ border-bottom:1px solid #ddd; height:60px;line-height:60px; margin-top:20px; margin-bottom:30px; background:url(../images/Contact_03.jpg) left center no-repeat; padding-left:40px;}
.Contact .right ul{ margin-bottom:10px; overflow:hidden}
.Contact .right li{ line-height:24px; margin-bottom:10px;}
.Contact .right dl{ float:left; text-align:center; margin-right:20px;}