@charset "utf-8";
/* css document */

*{margin:0; padding:0;}
ul,li{list-style:none;}
img{border:none;}

.fl{ float:left; }
.fr{ float:right; }
.clear{ clear:both; }
.por{ position: relative; }
.poa{ position: absolute; }

/* 字体大小、颜色、行距等样式,需要根据《开发测试表》要求自行定义 */  
body{overflow-y:scroll; font-family:folio lt bt,'微软雅黑'; font-size:16px; color:#000000; background:#313131; line-height:25px;}  

/* outline:none;取消链接点击后产生的虚线框; transition设置鼠标经过时的缓动；*/
body a{text-decoration:none;color:#000000;outline:none; } 
body a:hover{text-decoration:none; outline:none; }		

/* 取消苹果设备的默认按钮样式 */
input {-webkit-appearance:none;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance: none;}
textarea { -webkit-appearance: none;} 

input,textarea{ font-family:"微软雅黑"; border:none; outline:none; }

/***** banner *******/
.banner .swiper-container{ width:100%; position:relative;}
.banner .swiper-container .swiper-wrapper{position: relative; width:100%; top: 0px;}
.banner .swiper-container .swiper-slide{ width:100%; position:relative; opacity:1; }
.pagination{ position:absolute; bottom:30px; width:100%; height:12px; text-align:center; }
.pagination span{ display:inline-block; width:15px; height:15px; background:#0c1b34; opacity:0.6; border-radius:50%; margin:0 8px; transition:all 0.5s ease 0s; }
.pagination span.swiper-active-switch{ opacity:1;}

/***** 活动版块 *******/
.index_activity{ padding:88px 4px; background:#e5e5e5; } 
.index_activity_main{ width:1548px;  margin:0 auto; overflow:hidden; }
.index_activity_main .activity_li{ float:left; width:387px; overflow:hidden; }
.index_activity_main .activity_li_{ display:block; padding:0 6px; position:relative; }
.index_activity_main .imgbox{ width:100%; overflow: hidden;}
.index_activity_main .imgbox img{ width:100%; transition:all 0.5s ease 0s;}

.activity_mark{ position:absolute; bottom:0; left:6px; right:6px; background:rgba(0,0,0,0.6); transition:all 0.5s ease 0s; }
.activity_mark .activity_chname{ color:#ffffff; text-align:center; transition:all 0.5s ease 0s;}
.activity_mark .activity_enname{ font-family:arial; color:#fefefe; text-align:center;  }
.activity_mark .line{ width:32px; height:1px; background:#fff; margin:0 auto; }

/********* 案例 *********/
.index_case{ padding-top:120px; }
.index_case_head .case_chname{ font-size:36px; color:#000000; text-align:center;  transition:all 0.5s ease 0s;}
.index_case_head .case_chname span{ color:#b2162c; font-weight:bold; }
.index_case_head .case_enname{ text-align:center; margin-top:20px; }
.index_case_head .case_enname .line{ display:inline-block; border-bottom:1px solid #b7b7b7; width:178px; transition:all 0.5s ease 0s;}
.index_case_head .case_enname span{ font-family:folio lt bt; font-size:24px; color:#999999; padding:0 30px; position:relative; top:8px; transition:all 0.5s ease 0s;}
.tab_tit{ text-align: center; margin: 40px 0 43px; }
.tab_tit li{ display: inline-block; width:238px; height:48px; border:1px solid #c6c6c6; background:#fff; font-size:16px; line-height:48px; color:#000000; margin: 0 4px; cursor: pointer; position: relative; transition:all 0.5s ease 0s; }
.tab-a{ position:relative; }
.tab-a em{ display:block; width:17px; height:9px; background:url(/uploads/image/vaimages/tab_arrow.png) no-repeat; position:absolute; bottom:-9px; left:50%; margin-left:-8px; display:none; }
.tab_tit li.on{ background:#b32838; border:1px solid #b32838; }
.tab_tit li.on a{ color:#fff; }
.tab_tit li.on em{ display:block; }
.tab-cont{ padding:0 6px;}
.tab-b{ width:1548px; margin:0 auto; display:none; }
.case_big_box{ display:block; padding:0 6px; text-align:center; position:relative; }
.case_big_img{ overflow:hidden; }
.case_big_img img{ width:100%; transition:all 0.5s ease 0s; }
.case_big-info{ position:absolute; left:0; top:50%; width:100%; z-index:200; transition:all 0.5s ease 0s; }
.case_big-info .chname{ font-size:46px; line-height:60px; color:#ffffff; transition:all 0.5s ease 0s; }
.case_big-info .enname{ font-size:18px; line-height:21px; color:#ffffff; transition:all 0.5s ease 0s; }
.case_big_box .mark{ position:absolute; top:0; left:6px; right:6px; height:100%; background:rgba(0,0,0,0.5); z-index:100; transition:all 0.5s ease 0s; }
.case_big_box .mark .mark_img{ position:relative; transition:all 0.5s ease 0s; height:0; overflow:hidden; }
.case_big_box .mark .mark_line{ width:125px; height:1px; background:#fff; margin:33px auto 12px; position:relative;   transition:all 0.5s ease 0s; }
.case_big_box .mark .mark_img img{ transition:all 0.5s ease 0s; }
.case_new_box{ padding:0 6px;  margin-top:40px; overflow:hidden; }
.case_new_left{ float:left; width:600px;}
.case_new_left a{ display:block; position:relative; overflow: hidden; }
.case_new_left a .case_img img{ transition:all 0.5s ease 0s; }
.case_new_left a .case_info{ position:absolute; bottom:0; left:0; width:100%; height:63px; padding-top:17px; background:rgba(0,0,0,0.6);}
.case_new_left a .case_info .tit{ font-size:20px; color:#ffffff; padding:0 30px; transition:all 0.5s ease 0s; }
.case_new_left a .case_info .author{ font-size:14px; color:#ffffff; padding:0 30px; transition:all 0.5s ease 0s; }
.case_new_left a .case_mark{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease 0s; }
.case_new_left a .case_new_icon{ position:absolute; top:0; left:0; }
.case_new_left a .case_mark .case_more{ position:absolute; top:50%; left:50%; width:170px; height:60px; margin-left:-85px; margin-top:-30px; background:#b32838; font-size:16px; color:#ffffff; line-height:60px; text-align:center; }

.case_new_right{ float:left; width:930px; margin-left:6px; overflow:hidden;}
.case_new_li{ float:left; width:310px; margin-bottom:20px;}
.case_new_li a{ display:block; position:relative; margin-left:20px; overflow: hidden; }
.case_new_li a .case_img img{ transition:all 0.5s ease 0s; }
.case_new_li a .case_info{ position:absolute; bottom:0; left:0; width:100%; height:45px; background:rgba(0,0,0,0.6);}
.case_new_li a .case_info .tit{ font-size:20px; color:#fff; line-height:45px; padding:0 15px; }
.case_new_li a .case_info .author{ font-size:12px; color:#ffffff; line-height:45px; }
.case_new_li a .case_mark{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease 0s; }
.case_new_li a .case_mark .case_new_icon{ position:absolute; top:0; left:0; }
.case_new_li a .case_mark .case_more{ position:absolute; top:50%; left:50%; width:82px; height:30px; margin-left:-41px; margin-top:-15px; background:#b32838; font-size:12px; color:#ffffff; line-height:30px; text-align:center; }

.watch_more{ width:100%; height:140px; }
.watch_more div{ height:100px; margin:0 6px; padding-top:40px; background:#e5e5e5; text-align:center; }
.watch_more div .watch_more_btn{ display:inline-block; width:238px; height:58px; border:1px solid #c6c6c6; background:#fff; font-size:16px; line-height:60px; text-align:center;margin: 0 12px; transition:all 0.5s ease 0s; }
.watch_more_btn_a{ display:inline-block; width:238px; height:58px; border:1px solid #c6c6c6; background:#fff; font-size:16px; line-height:60px; text-align:center;margin: 0 12px; transition:all 0.5s ease 0s; }

/********* 设计师 *********/
.custom_list_box_{ width:1548px; margin:77px auto 0; }
.custom_list{ padding:0 2px; overflow:hidden; }
.custom_li{ width:20%; float:left; margin-bottom:20px; }
.custom_li .custom_li_{ margin:0 10px; }
.custom_li .custom_li_ .custom_img{ overflow:hidden; }
.custom_li .custom_li_ img{ width:100%; transition:all 0.5s ease 0s; }
.custom_li .custom_name{ overflow:hidden; margin-bottom:1px; }
.custom_li .custom_name div{ float:left; width:50%; font-size:20px; color:#000000; line-height:40px; text-align:center; background:#e5e5e5; }
.custom_li .custom_name div.custom_level{ font-size:12px; }
.custom_li .custom_experience{ overflow:hidden; }
.custom_li .custom_experience div{ float:left; width:50%; font-size:14px; color:#000000; line-height:25px; text-align:center; background:#e5e5e5; }
.custom_li .custom_experience div span{ color:#b83b49; }
.custom_li .custom_link{ overflow:hidden; }
.custom_li .custom_link a{ float:left; width:50%; font-size:12px; color:#ffffff; line-height:25px; text-align:center; }
.custom_li .custom_link a.custom_link_01{ background:#7b7b7b; }
.custom_li .custom_link a.custom_link_02{ background:#b32838; }

/********* 解析 *********/
.analyze_list_box{ background:#434343; padding:120px 0 100px; margin-top:77px; position:relative; }
.analyze_arrow{ position:absolute; top:-1px; left:50%; margin-left:-18px; width:35px; height:23px; background:url(/uploads/image/vaimages/analyze_arrow.png) no-repeat; }
.analyze_list_box_{ width:1548px; margin: 0 auto; }
.analyze_list{ padding:0 6px; overflow:hidden; }
.analyze_li{ width:25%; margin-bottom:20px; float:left; }
.analyze_li_{ padding:0 6px; }
.analyze_li_ .analyze_img{ overflow:hidden; }
.analyze_li_ .analyze_img img{ width:100%; transition:all 0.5s ease 0s; }
.analyze_title{ font-size:28px; color:#525050; text-align:center; background:#e5e5e5; padding:28px 0 16px; }
.analyze_line{ background:#e5e5e5; text-align:center; }
.analyze_desc{ font-size:14px; line-height:20px; color:#525050; text-align:center; background:#e5e5e5; padding:20px 0; max-height:999999999px; }
.analyze_desc span{ margin:0 7px; }
.analyze_desc span b{ font-weight:normal; color:#b83b49; }
.analyze_more_btn{ display:block; width:240px; height:60px; font-size:16px; line-height:60px; text-align:center; color:#000000; background:#fff; margin:80px auto 0; transition:all 0.5s ease 0s; }

/********* 在施工地 *********/
.index_construction{}
.index_construction .index_case_head{ width:80%; padding:120px 6px 90px; margin:0 auto;  }
.index_construction .index_case_head .case_chname{ font-size:36px; color:#000000; line-height:130px; text-align:center; background:#e5e5e5; }
.construction_list_box{ width:100%; padding-bottom:138px; background:url(/uploads/image/vaimages/construction_bg.jpg) no-repeat center;}

.construction_list_box_{ width:1548px; margin: 0 auto; }
.construction_list{ padding:120px 6px 0; overflow:hidden; }
.construction_li{ float:left; width:222px; height:222px; border:7px solid #8e8787; text-align:center; margin-bottom:90px; margin-right:89px; transition:border 0.5s ease 0s,background 0.5s ease 0s; }
.construction_num{ font-size:30px; color:#fff; margin-top:65px; transition:all 0.5s ease 0s; }
.construction_num span{ font-size:44px; }
.construction_line{ width:81px; height:1px; background:#fff; margin:20px auto; transition:all 0.5s ease 0s; }
.construction_area{ font-size:36px; color:#fff; transition:all 0.5s ease 0s; }

.construction_more_btn{ display:block; width:238px; height:58px; border:1px solid #ffffff; font-size:16px; line-height:60px; text-align:center; color:#ffffff; margin:0 auto; transition:all 0.5s ease 0s; }

/********* 新闻 *********/
.index_news{ padding-bottom:85px; }
.index_news_list{ padding:0 6px; overflow:hidden; }
.index_news_li{ float:left; margin-right:33px; width:490px;}
.index_news_li_{ position:relative; }
.index_news_li .mark{ position:absolute; bottom:0; left:0; right:0; height:60px; padding: 0 20px; font-size:16px; line-height:60px; color:#ffffff; text-align:center; background:rgba(0,0,0,0.6); }
.index_news_li .news_img{ overflow:hidden; }
.index_news_li .news_img img{ width:100%; transition:all 0.5s ease 0s; }

@media screen and (min-width: 1000px) {  /*** 屏幕大于1000像素***/
	.firstani{ transition: all 0.5s ease 0s; }
	.secondani{ transition: all 0.5s ease 0s; }
	.first.firstani{ transform:translatex(-30px); opacity:0; }
	.first.secondani{ transform:translatex(30px); opacity:0; }
		
	/***** 活动版块 *******/
	.activity_mark{ height:50px; }
	.activity_mark .activity_chname{ line-height:50px; font-size:18px; }
	.activity_mark .activity_enname{ line-height:25px; font-size:14px; }
	.index_activity_main .activity_li_:hover .activity_mark{ height:60px; }
	.index_activity_main .activity_li_:hover .activity_chname{ line-height:34px; }	
	.index_activity_main .activity_li_:hover img{transform:scale(1.05);}
	
	/********* 案例 *********/
	.tab_tit li:hover{ background:#b32838; border:1px solid #b32838; }
	.tab_tit li:hover a{ color:#fff; }
	.case_big_box:hover .mark .mark_img{ height:90px; }
	.case_big_box:hover .case_big_img img{ transform:scale(1.05);}
	.case_new_left:hover a .case_mark{ opacity:1; visibility:visible; }
	.case_new_left:hover a .case_img img{ transform:scale(1.05);}
	.case_new_li a .case_info .tit{float: left; width:80px; overflow:hidden; }
	.case_new_li a .case_info .tit span{white-space:nowrap;}
	.case_new_left a .case_info .tit span{white-space:nowrap;}
	.case_new_li:hover a .case_mark{ opacity:1; visibility:visible; }
	.case_new_li:hover a .case_img img{ transform:scale(1.05);}
	.watch_more div .watch_more_btn:hover{ background:#b32838; color:#fff; border:1px solid #b32838; }
	.watch_more_btn_a:hover{ background:#b32838; color:#fff; border:1px solid #b32838; }
	
	/********* 设计师 *********/
	.custom_li:hover .custom_li_ img{ transform:scale(1.05);}
	
	/********* 解析 *********/
	.analyze_li:hover .analyze_img img{ transform:scale(1.05);}
	.analyze_more_btn:hover{ background:#b32838; color:#fff; }
	
	/********* 在施工地 *********/
	.construction_li:hover{ border:7px solid #be1b2e; background: #999999; }
	.construction_li:hover .construction_num{ color:#be1b2e; }
	.construction_li:hover .construction_line{ background:#be1b2e; }
	.construction_li:hover .construction_area{ color:#be1b2e; }
	.construction_more_btn:hover{ border:1px solid #b32838;background:#b32838; color:#fff;}
	
	.index_news_li:hover .news_img img{ transform:scale(1.05);}
}

@media screen and (min-width: 1300px) {  /*** 屏幕大于1300像素***/
	/***** 活动版块 *******/
	.activity_mark{  height:70px; }
	.activity_mark .activity_chname{ line-height:70px; font-size:24px; }
	.activity_mark .activity_enname{ line-height:40px; font-size:14px; }
	.index_activity_main .activity_li_:hover .activity_mark{ height:100px; }
	.index_activity_main .activity_li_:hover .activity_chname{ line-height:59px; }
	
	.case_big_box:hover .mark .mark_img{ height:105px; }
}

@media screen and (max-width: 1556px) {  /*** 屏幕小于1556像素***/
	/***** 活动版块 *******/
	.index_activity_main{ width:100%; }
	.index_activity_left,.index_activity_right{ width:50%; float:left; }
	.index_activity_main .activity_li{ width:50%; }
	
	/********* 案例 *********/
	.tab-b{ width:100%; }
	/*.case_big-info{ bottom:18%;}*/
	.case_big-info .chname{ font-size:40px; }
	.case_big-info .enname{ font-size:16px; }	
	.case_big_box .mark .mark_line{  }
	.case_new_left{ width:39%; }
	.case_new_left a .case_img img{ width:100%; }
	.case_new_right{ width:60%; }
	.case_new_li{ width:33.33%; }
	.case_new_li a .case_img img{ width:100%; }
	
	/********* 设计师 *********/
	.custom_list_box_{ width:100%; }
	
	/********* 解析 *********/
	.analyze_list_box_{ width:100%; }	
	
	/********* 在施工地 *********/
	.construction_list_box_{ width:100%; }
	.construction_list{ width:1246px; margin:0 auto; }
	.construction_li{ width:180px; height:180px; margin-right:69px; margin-bottom:69px; }
	.construction_num{ margin-top:45px; }
	
	/********* 新闻 *********/
	.index_news_li{ width:33.33%; margin-right:0; }
	.index_news_li_{ padding:0 6px; }
	.index_news_li .news_img img{ width:100%; }
	.index_news_li .mark{ left:6px; right:6px;}
}

@media screen and (max-width: 1300px) {  /*** 屏幕小于1300像素***/
	/********* 案例 *********/
	.index_case_head .case_chname{ font-size:30px; }
	.index_case_head .case_enname .line{ width:128px; }
	.index_case_head .case_enname span{ font-size:20px; }
	.tab_tit li{ width:208px; height:38px; line-height:38px; }
	/*.case_big-info{ bottom:12%;}*/
	.case_big-info .chname{ font-size:30px; line-height:40px; }
	.case_big-info .enname{ font-size:12px; }
	.case_big_box .mark .mark_img img{ width:90px; height:90px; }	
	
	/********* 在施工地 *********/
	.construction_list{ width:983px; margin:0 auto; }	
}

@media screen and (max-width: 1200px) {  /*** 屏幕小于1200像素***/
	.case_new_li a .case_info .author{ display:none; }
	.case_new_left a .case_info .tit{ font-size:16px; }
	.case_new_left a .case_info .author{ font-size:12px; }	
	
	.analyze_desc{ font-size:12px; }
}
 
@media screen and (max-width: 1000px) {  /*** 屏幕小于1000像素***/
	/***** 活动版块 *******/
	html,body{height:100%;}
	.index_activity_left,.index_activity_right{ width:100%; }
	.activity_mark{ height:70px; }
	.activity_mark .activity_chname{ line-height:70px; font-size:24px; }
	.activity_mark .activity_enname{ line-height:40px; font-size:12px; }
	.index_activity_main .activity_li{ width:50%; margin-bottom:12px; }

	.index_activity{ padding:44px 4px;}
	
	/********* 案例 *********/
	.case_big_box .mark{ left:0; right:0; }
	.case_new_left{ width:100%; margin-bottom:20px; }
	.case_new_left a .case_img img{ width:100%; }
	.case_new_left a .case_info{ height:38px; }
	.case_new_left a .case_info .tit{ font-size:20px; }
	.case_new_left a .case_info .author{ display:none; }
	.case_new_right{ width:100%; margin-left:0; }
	.case_new_li{ width:50%; }
	.case_new_li a{ margin-left:10px; margin-right:10px; }
	.case_new_li a .case_info .tit{ display:block; height:45px; overflow:hidden; }
	.case_new_li a .case_img img{ width:100%; }
	.case_new_li a .case_info .author{ display:none; }
	.case_new_li a .case_mark .case_more{ width:100px; height:40px; margin-left:-50px; margin-top:-20px; font-size:16px; line-height:40px;  }

	.index_case{ padding-top:60px; }
	.case_new_left a{ margin: 0 10px;}
	.case_new_box{ padding:0 6px;  margin-top:20px; overflow:hidden; }
	.case_big_box{padding:0;}
	.watch_more div{ height:100px; margin:0 0px; padding-top:40px; background:#e5e5e5; text-align:center; }
	.tab_tit li{ font-size:18px;}

	
	/********* 设计师 *********/
	.custom_li{ width:50%; }
	.custom_li .custom_experience div{ font-size:16px; }
	.custom_li.neednone{ display:none; }
	
	.custom_list{  padding:0 10px; overflow:hidden; }

	.analyze_desc{ font-size:16px; }
	
	/********* 解析 *********/
	.analyze_li{ width:100%; }
	.analyze_li.neednone{ display:none; }

	.analyze_line{ display: none; }
	
	/********* 在施工地 *********/
	.index_construction .index_case_head{ padding:60px 6px 60px; }
	.index_construction .index_case_head .case_chname{ font-size:30px; }
	.construction_list{ width:590px; margin:0 auto; }
	.construction_li{ width:150px; height:150px; margin-right:49px; margin-bottom:49px; }
	.construction_num{ margin-top:30px; font-size:24px; }
	.construction_num span{ font-size:38px; }
	.construction_area{ font-size:30px; }
	
	/********* 新闻 *********/
	.index_news .tab_tit li{ width:108px; }
	.index_news_li{ width:100%; }
	.index_news_li.neednone{ display:none; }
	.index_news_li .mark{ font-size:20px; }

	.index_news{ padding-bottom:40px; }
	.index_fassic{ display: none; }
}

@media screen and (max-width: 640px) {  /*** 屏幕小于640像素***/
	.index_case_head .case_chname{ font-size:30px; }
	.index_case_head .case_enname .line{ width:100px; }
	.index_case_head .case_enname span{ font-size:18px; }
	.tab_tit li{ width:208px; height:38px; line-height:39px; }
	.watch_more{ height:100px; }
	.watch_more div{ height:75px; padding-top:25px; }
	.watch_more div .watch_more_btn{ height:48px; line-height:50px; }
}