@charset "utf-8";
/*首页页面*/

/*我们的优势*/
.Yous{padding:100px 0; background-color:#f5f5f5;}
.Yous .Ys-con{margin-top:40px; width:100%; border-radius:8px; border-top:30px solid #111111; background-color:#fff;}
.Ys-con ul li{width:100%; background:url(../images/N06.png) no-repeat left center; background-size: 52% 100% !important;}
.Ys-con li .item{float:left; width:50%;  text-align: center; padding: 56px 0; box-sizing: border-box; 
	border-bottom: 2px solid #F0F4F8;}
.Ys-con li .item b{display:block; line-height:40px;}
.Ys-con li .item p{font-size:16px;}


/*广告位*/
.adv-box{width:100%; height:120px;}
.adv-box img{display:block; max-width:100%; height:auto; margin:auto;}


/*新闻中心*/
.Fenl{margin:40px auto 60px; border:2px solid #000;}
.Fenl a{float:left; display:block; width:50%; height:60px; line-height:60px; text-align:center;}
.Fenl a span{display:inline-block; background:url(../images/N01.png) no-repeat left center; padding-left:35px;}
.Fenl a span.s02{background:url(../images/N02.png) no-repeat left center;}
.Fenl a.on{background-color:#000; color:#fff;}
.New-box li{float:left; width:47%; margin-right:6%; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:40px;}
.New-box li:nth-child(2n){margin-right:0;}
.New-box li.tw .pic{float:left; width:202px; height:124px; overflow:hidden; border: 1px solid #e1e1e1;}
.New-box li.tw .pic img{display:block; width:100%; height:auto; margin:auto;}
.New-box li.tw .text00{float:right; width:320px;}
.New-box li .tit{display:block; width:100%; height:25px; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.New-box li .tit:hover,.New-box li.tw .text00 .tit{color:#DB3D3A;}
.New-box li .cont{font-size:14px; color:#999; margin-top:10px; line-height:20px; height:60px; overflow:hidden;}
.New-box li .xq{display:block; margin-top:10px; float:right; width:120px; height:28px; line-height:28px; background-color:#fff; color:#666;
	font-size:14px; text-align:center; border:1px solid #ddd; border-radius:12px;}
.New-box li .xq:hover{background-color:#DB3D3A; color:#fff; border-color:#DB3D3A;}
.New-box li .time{float:left; width:100px; height:100px; border-radius:999px; background-color:#F3F3F3; text-align:center; color:#555;}
.New-box li .text{float:right; width:420px;}
.New-box li .time b{display:block; line-height:50px; font-size:40px; padding-top:15px;}
.New-box li .time span{display:block; font-size:14px;}
.New-box li:hover .time{background-color:#DB3D3A; color:#fff; }

/*各地分公司*/
.son-com{width:100%; background-color:#222; color:#eee; padding:50px 0 20px;}
.son-com .container{position:relative;}
.son-com .f-name{position:relative; text-align:center;}
.son-com .f-name h4{display:inline-block; margin:auto; height:40px; line-height:40px; font-size:30px; padding:0 20px; 
	background-color:#222; position:relative; z-index:3;}
.son-com .f-name .line{position:absolute; top:20px; left:0; width:100%; height:1px; background-color:#ddd; z-index:0;}
.son-com .gs-box{margin-top:60px;}
.son-com .gs-box .city{float:left; width:370px; margin:0 45px 40px 0; background: url(../images/N04.png) no-repeat 280px top;}
.son-com .gs-box .city:nth-child(3n){margin-right:0;}
.gs-box .city b{display:block; padding:5px 0; color:#DB3D3A;}
.gs-box .city p{font-size:16px; line-height:32px; color: #eee!important;}
.gs-box .city p img{vertical-align:middle; width:20px; height:auto; margin-right:10px;}
.son-com .Opinion{position:absolute; right: 20px; bottom:60px; color:#fff;}
.son-com .Opinion p{padding:10px 22px; background:rgba(255,255,255,.3); border-radius: 5px; font-size:16px;}
.son-com .Opinion b{font-size:20px; font-weight:500;}

/*手风琴效果*/
.FW-box{width:100%; background:url(../images/N05.jpg) no-repeat center; padding:100px 0;}
.FW-box .Title{color:#eee;}
.FW-box .fu-list{margin-top:60px;}
.FW-box .fu-list .la{float:left; text-align:center; transition:all 500ms;}
.fu-list .la .box01{width:140px; height:200px; padding:20px 0; margin-right:10px; background:rgba(0,0,0,.6);}
.fu-list .la .box01 img{display:block; margin:40px auto 0;}
.fu-list .la .box01 b{display:block; width:40px; height:2px; margin:20px auto; background-color:#fff;}
.fu-list .la h3{text-align:center; color:#fff;}
.fu-list .la .box02{display:none; width:300px; background:rgba(219, 61, 58,.6); color:#fff; height:160px; padding:40px 0;}
.fu-list .la .box02 p{width:80%; margin:20px auto 0;}
.fu-list .la:hover .box01,.fu-list .la.current .box01{display:none;}
.fu-list .la:hover .box02,.fu-list .la.current .box02{display:block;}


/*客户案例*/
.Case{width:100%;  position:relative; background-color:#F5F5F5;}
.Case .leftbar{float:left; width:600px;  padding:40px 0 35px;}
.leftbar .wenzi{margin: 30px auto 20px; background: url(../images/N08.png) no-repeat left top; height:410px;}
.leftbar .wenzi ul li{padding-left: 130px; padding-top: 23px;}
.leftbar .wenzi  li b{display:block; color:#DB3D3A; font-size:38px;}
.leftbar .wenzi  li p{color:#666;}
.Case .rightbar{float:right; width:600px; background-color:#fff;}
.rightbar ul li{float:left; width:200px; height:106px; transition:all 500ms;}
.rightbar li a{display:block; width:100%; height:auto; overflow:hidden; position:relative; transition:all 500ms;}
.rightbar li a .m01{display:block; width:200px; height:106px;  margin:auto; transition:all 500ms; position:relative; top:0;}
.rightbar li a .bg{position:absolute; top:0; left:0; width:100%; height:106px; line-height:106px; color:#fff; text-align:center; 
	font-size:16px; font-weight:bold; background:rgba(0,0,0,.0); transition:all 500ms; display:none;}
.rightbar li:hover .m01{top:-10px;}
.rightbar li:hover .bg{display:block; background:rgba(0,0,0,.6); }