﻿@charset "utf-8";

.home_root{ margin-top:700px; }

@media screen and (max-width:800px){
	.home_root{ margin-top:0px; padding-top:10px; }
}

.home_about{ width:1200px; margin:0px auto; }
.home_about_room{ padding:80px 0px 30px 0px; }
.home_about_head{ float:left; width:100%; font-size:36px; line-height:56px; color:#000000; padding:0px 0px 20px 0px; }
.home_about_head a{ color:#000000; }
.home_about_head a:link{ color:#000000; }
.home_about_head a:visited{ color:#000000; }
.home_about_head a:hover{ color:#000000; }

.home_about_text{ float:left; width:100%; font-size:16px; line-height:32px; color:#848484; padding:0px 0px 60px 0px; }
.home_about_text a{ color:#848484; }
.home_about_text a:link{ color:#848484; }
.home_about_text a:visited{ color:#848484; }
.home_about_text a:hover{ color:#848484; }

.home_about_list{ float:left; width:100%; padding-bottom:30px; }
.home_about_list ul{ list-style:none; }
.home_about_list ul li{ float:left; width:590px; height:300px; padding:0px 20px 0px 0px; }
.home_about_list ul li a{ padding:0px; display:block; position:relative; overflow:hidden; }
.home_about_list ul li img{ width:590px; height:300px; border:0px; transition:all 0.2s ease-in-out; }
.home_about_list ul li.last{ width:590px; padding:0px; }

.home_about_list ul li .mask{ width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(0, 0, 0, 0); -webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.home_about_list ul li .mask .diva{ float:left; width:90%; color:rgba(255, 255, 255, 0); font-size:24px; line-height:35px; padding:115px 5% 0px 5%; text-align:center; }
.home_about_list ul li .mask .divb{ float:left; width:90%; color:rgba(255, 255, 255, 0); font-size:22px; line-height:35px; padding:0px 5% 0px 5%; overflow:hidden; text-align:center; }
.home_about_list ul li:hover img{ transition:all 0.2s ease-in-out; }
.home_about_list ul li:hover .mask{ background:rgba(0, 0, 0, 0.85); -webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.home_about_list ul li:hover .mask .diva{ color:rgba(255, 255, 255, 1); }
.home_about_list ul li:hover .mask .divb{ color:rgba(255, 255, 255, 1); }

@media screen and (max-width:800px){
	.home_about{ width:95%; margin:0px auto; }
	.home_about_room{ padding:30px 0px 0px 0px; }
	.home_about_head{ font-size:18px; line-height:28px; color:#000000; font-weight:bold; }
	.home_about_text{ padding:0px 0px 10px 0px; font-size:12px; line-height:22px; text-align:justify; }
	.home_about_list{ display:none; }
	.home_about_list ul li{ float:left; width:100%; height:auto; padding:0px 0px 15px 0px; }
	.home_about_list ul li img{ width:100%; height:auto; }
	.home_about_list ul li.last{ width:100%; padding:0px; }
}

.home_tree{ width:1200px; height:210px; margin:0px auto; }
.home_tree_list{ float:left; width:399px; height:175px; }
.home_tree_list .diva{ float:left; width:100%; font-size:20px; line-height:50px; color:#606060; text-align:center; }
.home_tree_list .divb{ float:left; width:100%; font-size:68px; line-height:80px; color:#ff003c; text-align:center; font-weight:bold; }
.home_tree_list .divc{ float:left; width:100%; font-size:20px; line-height:50px; color:#606060; text-align:center; }
.home_tree_line{ float:left; width:1px; height:175px; background:#636363; }

.home_eight{ width:1200px; height:600px; margin:0px auto; }
.home_eight_head{ float:left; width:100%; height:200px; }
.home_eight_head .diva{ float:left; width:100%; height:70px; text-align:center; font-size:40px; font-weight:bold; color:#000000; }
.home_eight_head .divb{ float:left; width:100%; text-align:center; }
.home_eight_head .divb a{ color:#ffffff; font-size:18px; font-weight:bold; line-height:25px; background:#ff0000; padding:5px 15px 7px 20px; }
.home_eight_head .divb a:link{ color:#ffffff; }
.home_eight_head .divb a:visited{ color:#ffffff; }
.home_eight_head .divb a:hover{ color:#ffffff; background:#000000; }
.home_eight_list{ float:left; width:100%; }
.home_eight_item{ float:left; width:325px; height:200px; }
.home_eight_item .divx{ float:left; width:100%; }
.home_eight_item .diva{ float:left; width:100%; height:50px; font-size:19px; font-weight:bold; color:#333333; }
.home_eight_item .divb{ float:left; width:100%; font-size:15px; line-height:30px; text-align:justify; color:#555555; }
.home_eight_item_last{ width:225px; }

.home_wedo{ width:1200px; margin:0px auto; }
.home_wedo .diva{ float:left; width:100%; text-align:center; font-size:38px; line-height:50px; font-weight:bold; padding:15px 0px 0px 0px; }
.home_wedo .divb{ float:left; width:100%; text-align:center; text-align:center; }
.home_wedo .divb span{ width:60px; height:10px; border-bottom:2px solid #000000; display:block; margin:0px auto; }
.home_wedo .divc{ float:left; width:100%; text-align:center; font-size:38px; line-height:50px; padding:25px 0px 15px 0px; }
.home_wedo .divd{ float:left; width:100%; text-align:center; font-size:36px; line-height:50px; padding:0px 0px 35px 0px; }
.home_wedo .dive{ float:left; width:96%; padding:0px 2% 15px 2%; text-align:center; font-size:16px; line-height:35px; color:#555555; }

.home_score{ width:1200px; margin:0px auto; }
.home_score_list{ float:left; width:405px; height:230px; }
.home_score_list .divx{ float:left; width:374px; height:195px; border:8px solid #d7d7d7; }
.home_score_list .diva{ float:left; width:334px; font-size:28px; line-height:35px; color:#000000; padding:20px 0px 0px 20px; }
.home_score_list .divb{ float:left; width:334px; height:20px; padding:0px 0px 0px 20px; }
.home_score_list .divb span{ width:55px; height:10px; border-bottom:2px solid #ff0f47; display:block; }
.home_score_list .divc{ float:left; width:334px; font-size:16px; line-height:30px; padding:10px 0px 0px 20px; color:#626262; text-align:justify; }
.home_score_last{ width:390px; }

.home_case{ float:left; width:100%; }
.home_case_room{ width:95%; padding:50px 2.5% 50px 2.5%; }
.home_case_head{ float:left; width:100%; padding:0px 0px 20px 0px; position:relative; }
.home_case_tite{ float:left; width:48%; font-size:16px; line-height:35px; padding:0px 0px 10px 2%; }
.home_case_menu{ float:left; width:48%; line-height:35px; padding:0px 2% 0px 0px; }
.home_case_menu ul{ float:right; list-style:none; }
.home_case_menu ul li{ float:left; padding:0px 0px 0px 30px; }
.home_case_menu ul li a{ font-size:15px; line-height:36px; color:#898989; }
.home_case_menu ul li a:link{ color:#898989; }
.home_case_menu ul li a:visited{ color:#898989; }
.home_case_menu ul li a:hover{ color:#ff0000; }
.home_case_menu ul li.have a{ color:#ff0000; }
.home_case_menu ul li.have a:link{ color:#ff0000; }
.home_case_menu ul li.have a:visited{ color:#ff0000; }
.home_case_menu ul li.have a:hover{ color:#ff0000; }

.home_case_list_room{ width:95%; padding:150px 2.5% 100px 2.5%; }
.home_case_list ul{ list-style:none; }
.home_case_list ul li{ float:left; width:33.333333%; padding:0px; }
.home_case_list ul li a{ padding:0px; display:block; position:relative; overflow:hidden; }
.home_case_list ul li img{ width:100%; height:auto; border:0px; transition:all 0.2s ease-in-out; }

.home_case_list ul li .mask{ width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(0, 0, 0, 0); -webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.home_case_list ul li .mask .diva{ float:left; width:90%; color:rgba(255, 255, 255, 0); font-size:30px; line-height:40px; padding:25% 5% 25px 5%; text-align:center; transition:all 0.8s ease-in-out; }
.home_case_list ul li .mask .diva span{ border-bottom:1px solid #ffffff; font-size:20px; padding:0px 0px 8px 0px; transition:all 0.2s ease-in-out; }
.home_case_list ul li .mask .divb{ float:left; width:90%; color:rgba(255, 255, 255, 0); font-size:16px; line-height:25px; padding:0px 5% 0px 5%; overflow:hidden; text-align:center; }
.home_case_list ul li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transition:all 0.6s ease-in-out; }
.home_case_list ul li:hover .mask{ /* background:rgba(0, 0, 0, 0.85); */ background:url(../image/black.png) repeat; -webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.home_case_list ul li:hover .mask .diva{ color:rgba(255, 255, 255, 1); transition:all 0.8s ease-in-out; transform:translateY(-10px); }
.home_case_list ul li:hover .mask .divb{ color:rgba(255, 255, 255, 1); transition:all 0.8s ease-in-out; transform:translateY(-10px); }

.home_case_more{ float:left; width:100%; padding:100px 0px 0px 0px; font-size:16px; font-weight:bold; text-align:center; }
.home_case_more a{ width:325px; height:75px; color:#000000; border:1px solid #000000; display:block; margin:0px auto; line-height:75px; }
.home_case_more a:link{ color:#000000; }
.home_case_more a:visited{ color:#000000; }
.home_case_more a:hover{ color:#ff0000; border:1px solid #ff0000; }

@media screen and (max-width:800px){
	.home_case_room{ width:95%; padding:10px 2.5% 10px 2.5%; }
	.home_case_head{ padding:0px 0px 0px 0px; }
	.home_case_tite{ width:100%; padding:0px 0px 0px 0px; font-size:12px; }
	.home_case_menu{ width:100%; line-height:25px; padding:0px 0px 5px 0px; }
	.home_case_menu ul{ float:left; }
	.home_case_menu ul li{ float:left; padding:0px 20px 0px 0px; }
	.home_case_menu ul li a{ font-size:12px; line-height:25px; }
	.home_case_list_room{ width:95%; padding:80px 2.5% 50px 2.5%; }
	.home_case_list ul li{ float:left; width:100%; padding:0px 0px 15px 0px; }
	.home_case_list ul li .mask .diva{ font-size:14px; line-height:25px; padding:20% 5% 25px 5%; }
	.home_case_list ul li .mask .divb{ font-size:12px; line-height:22px; }
	.home_case_list ul li:hover .mask .diva{ transition:all 0.3s ease-in-out; }
	.home_case_list ul li:hover .mask .divb{ transition:all 0.3s ease-in-out; }
	.home_case_more{ padding:10px 0px 30px 0px; font-size:14px; }
	.home_case_more a{ width:60%; height:auto; line-height:50px; }
}

.home_news{ width:1200px; margin:0px auto; }
.home_news_room{ border-bottom:0px solid #dddddd; padding:75px 0px 60px 0px; }
.home_news_root{ float:left; width:448px; height:320px; padding:0px 0px 0px 0px; }
.home_news_root_last{ width:304px; }
.home_news_head{ float:left; width:304px; font-size:20px; font-weight:bold; line-height:50px; padding:0px 0px 0px 0px; color:#000000; border-bottom:1px solid #000000; border-top:1px solid #000000; }
.home_news_list{ float:left; width:304px; padding:10px 0px 0px 0px; }
.home_news_list ul{ list-style:none; }
.home_news_list ul li{ float:left; width:100%; font-size:13px; line-height:28px; color:#000000; }
.home_news_list ul li a{ color:#000000; transition:none; }
.home_news_list ul li a:link{ color:#000000; transition:none; }
.home_news_list ul li a:visited{ color:#000000; transition:none; }
.home_news_list ul li a:hover{ color:#ff0000; font-weight:bold; transition:none; }
.home_news_list ul li span{ font-size:12px; color:#ff0000; }
.home_news_list ul li.mobile{ display:none; }
.home_news_more{ float:left; width:304px; font-size:12px; line-height:25px; color:#848484; }
.home_news_more a{ color:#848484; }
.home_news_more a:link{ color:#848484; }
.home_news_more a:visited{ color:#848484; }
.home_news_more a:hover{ color:#ff0000; }

@media screen and (max-width:800px){
	.home_news{ width:95%; margin:0px auto; }
	.home_news_room{ border-bottom:0px solid #dddddd; padding:15px 0px 10px 0px; }
	.home_news_root{ float:left; width:100%; height:auto; padding:0px 0px 30px 0px; }
	.home_news_root_last{ width:100%; }
	.home_news_head{ float:left; width:100%; border-bottom:1px solid #767676; border-top:1px solid #767676; }
	.home_news_list{ float:left; width:100%; }
	.home_news_list ul li{ display:none; }
	.home_news_list ul li.mobile{ display:block; }
	#home_news_room{ display:none; }
	#home_news_root_2{ display:none; }
}

#home_yous_room{ background:#222222; }
.home_yous{ width:1200px; margin:0px auto; }
.home_yous_head{ float:left; width:100%; font-size:38px; line-height:50px; color:#ffffff; text-align:center; padding:10px 0px 50px 0px; }
.home_yous_item{ float:left; width:425px; padding:0px 0px 60px 0px; }
.home_yous_item .divx{ float:left; width:350px; }
.home_yous_item .diva{ float:left; width:100%; padding:0px 0px 10px 0px; text-align:center; }
.home_yous_item .divb{ float:left; width:100%; font-size:18px; line-height:35px; padding:0px 0px 10px 0px; color:#ffffff; text-align:center; }
.home_yous_item .divc{ float:left; width:100%; font-size:13px; line-height:25px; padding:0px 0px 10px 0px; color:#7b7b7b; text-align:center; }
.home_yous_last{ width:350px; }

@media screen and (max-width:800px){
	#home_yous_room{ display:none; }
	.home_yous{ width:95%; margin:0px auto; }
	.home_yous_item{ width:100%; }
	.home_yous_item .divx{ width:100%; }
}

.home_serv{ width:1200px; margin:0px auto; padding:0px 0px 50px 0px; }
.home_serv_room{ padding:100px 0px 80px 0px; border-bottom:1px solid #dddddd; }
.home_serv_root{ float:left; width:25%; padding:0px 0px 50px 0px; }
.home_serv_head{ float:left; width:100%; font-size:16px; padding:0px 0px 20px 0px; color:#000000; }
.home_serv_list{ float:left; width:100%; }
.home_serv_list ul{ list-style:none; }
.home_serv_list ul li{ float:left; width:100%; font-size:13px; line-height:28px; color:#848484; }

@media screen and (max-width:800px){
	.home_serv{ width:95%; margin:0px auto; }
	.home_serv_room{ display:none; }
	.home_serv_root{ width:50%; padding:0px 0px 50px 0px; }
}

.home_demand{ width:1200px; margin:0px auto; }
.home_demand_room{ padding:120px 0px 160px 0px; }
.home_demand_head{ float:left; width:100%; font-size:20px; padding:0px 0px 25px 0px; color:#262626; }
.home_demand_list{ float:left; width:100%; padding:0px 0px 30px 0px; }
.home_demand_list .diva{ float:left; width:180px; }
.home_demand_list .diva input{ width:168px; height:47px; padding:0px 20px 0px 20px; border:1px solid #dddddd; box-sizing:border-box; font-size:14px; color:#000000; }
.home_demand_list .diva input:focus{ border:1px solid #ff0000; color:#000000; outline:none; }
.home_demand_list .divb{ float:left; width:205px; }
.home_demand_list .divb input{ width:193px; height:47px; padding:0px 20px 0px 20px; border:1px solid #dddddd; box-sizing:border-box; font-size:14px; color:#000000; }
.home_demand_list .divb input:focus{ border:1px solid #ff0000; color:#000000; outline:none; }
.home_demand_list .divc{ float:left; width:428px; }
.home_demand_list .divc input{ width:410px; height:47px; padding:0px 20px 0px 20px; border:1px solid #dddddd; box-sizing:border-box; font-size:14px; color:#000000; }
.home_demand_list .divc input:focus{ border:1px solid #ff0000; color:#000000; outline:none; }
.home_demand_list .divd{ float:left; width:205px; }
.home_demand_list .divd input{ width:193px; height:47px; padding:0px 20px 0px 20px; border:1px solid #ff0000; box-sizing:border-box; font-size:14px; color:#ffffff; background:#ff0000; }
.home_demand_list .divd input:hover{ background:#dc0230; border:1px solid #dc0230; cursor:pointer; }
.home_demand_list .dive{ float:left; width:182px; }
.home_demand_list .dive input{ width:182px; height:47px; padding:0px 20px 0px 20px; border:1px solid #ff0000; box-sizing:border-box; font-size:14px; color:#ff0000; background:#ffffff; }
.home_demand_foot{ float:left; width:100%; font-size:12px; color:#b4b4b5; }

@media screen and (max-width:800px){
	.home_demand{ width:95%; margin:0px auto; }
	.home_demand_room{ display:none; }
	.home_demand_head{ font-size:16px; padding:0px 0px 20px 0px; }
	.home_demand_list{ padding:0px 0px 5px 0px; }
	.home_demand_list .diva{ width:100%; padding:0px 0px 10px 0px; }
	.home_demand_list .diva input{ width:100%; height:40px; padding:0px 3% 0px 3%; }
	.home_demand_list .divb{ width:100%; padding:0px 0px 10px 0px; }
	.home_demand_list .divb input{ width:100%; height:40px; padding:0px 3% 0px 3%; }
	.home_demand_list .divc{ width:100%; padding:0px 0px 10px 0px; }
	.home_demand_list .divc input{ width:100%; height:40px; padding:0px 3% 0px 3%; }
	.home_demand_list .divd{ width:100%; padding:0px 0px 10px 0px; }
	.home_demand_list .divd input{ width:100%; height:40px; padding:0px 3% 0px 3%; }
	.home_demand_list .dive{ width:100%; padding:0px 0px 10px 0px; }
	.home_demand_list .dive input{ width:100%; height:40px; padding:0px 3% 0px 3%; }
}