
/*Brand-info*/
.Brand-info{ float:left; width:100%; padding-top:4; border-bottom:1px solid #8b8a8b;}
.Brand-info-list{ float:left; width:100%; padding:2.2% 30px 0 22px;}
.Brand-info-list ul{ float:left; width:100%;}
.Brand-info-list ul li{ float:left; width:100%; position:relative; margin-top:12.36%;}
.Brand-info-list ul li .info-left{ float:left; width:555px; height:370px; overflow:hidden; position:absolute; left:0; top:0;}
.Brand-info-list ul li .info-left img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Brand-info-list ul li:hover .info-left img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.Brand-info-list ul li .info-right{ float:left; width:100%; min-height:370px; padding-left:605px;}
.Brand-info-list ul li .info-right .News{ float:left; width:100%; color:#595757; font-size:24px; line-height:34px; font-weight:bold; margin:5px 0 25px 0;}
.Brand-info-list ul li .info-right .title{ float:left; width:100%;}
.Brand-info-list ul li .info-right .title a{ float:left; width:100%; color:#595757; font-size:24px; line-height:34px; font-weight:bold; overflow:hidden;
white-space: nowrap; text-overflow:ellipsis;}
.Brand-info-list ul li .info-right .info{ float:left; width:100%; color:#595757; font-size:18px; line-height:30px; height:150px; overflow:hidden; margin:22px 0 50px 0;}
.Brand-info-list ul li .info-right .more{ float:left; width:100%;}
.Brand-info-list ul li .info-right .more a{ float:left; width:167px; height:50px; line-height:46px; border:2px solid #D42f36; color:#D42f36; font-size:24px; text-align:center;}
.Brand-info-list ul li:hover .info-right .title a{ color:#D42f36; }
.Brand-info-list ul li:hover .info-right .more a{ color:#fff; background:#D42f36;}


@media screen and (max-width:1229px ) {

.Brand-info-list{ padding:3% 0 0 0;}
.Brand-info-list ul li .info-left{ width:500px; height:333px;}
.Brand-info-list ul li .info-right{ min-height:333px; padding-left:530px;}
.Brand-info-list ul li .info-right .News{ margin:5px 0 15px 0;}
.Brand-info-list ul li .info-right .info{ font-size:16px; margin:15px 0 30px 0;}

}

@media screen and (max-width:991px ) {

.Brand-info-list ul li{ margin-top:30px;}
.Brand-info-list ul li .info-left{ width:360px; height:240px;}
.Brand-info-list ul li .info-right{ min-height:240px; padding-left:380px;}
.Brand-info-list ul li .info-right .News{ margin:5px 0; font-size:18px; line-height:28px;}
.Brand-info-list ul li .info-right .title a{ font-size:18px; line-height:28px;}
.Brand-info-list ul li .info-right .info{ font-size:14px; line-height:26px; height:104px; margin:10px 0 20px 0;}
.Brand-info-list ul li .info-right .more a{ width:140px; font-size:18px; height:40px; line-height:38px;}


}

@media screen and (max-width:767px ) {

.Brand-info-list ul li{ margin-top:12px;}
.Brand-info-list ul li .info-left{ width:141px; height:94px;}
.Brand-info-list ul li .info-right{ min-height:90px; padding-left:153px;}
.Brand-info-list ul li .info-right .News{ margin:0; font-size:12px; line-height:18px;}
.Brand-info-list ul li .info-right .title a{ font-size:15px; line-height:24px;}
.Brand-info-list ul li .info-right .info{ font-size:14px; line-height:18px; height:18px; margin:0 0 8px 0;}
.Brand-info-list ul li .info-right .more a{ width:80px; font-size:14px; height:26px; line-height:24px; border:1px solid #d32e36;}


}


/* 分页 */
.paging{ float:left; width:100%; padding:12.75% 0 9.75%; text-align:center;}
.paging-pc{ display:inline-block; *display:inline; *zoom:1;}
.paging-pc a { float:left; width:38px; height:38px; line-height:38px;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#727171; color:#fff; font-size:20px;  margin:0 2px;}
.paging-pc a:hover,
.paging-pc a.on{color:#fff; background-color:#D42f36;}

.paging-pc{ display:inline-block;}	
.paging-Mobile{ display:none;}	

@media  screen and (max-width:991px){

.paging-pc{ display:none;}	
.paging-Mobile{ display:block;}		
.paging{padding:20px 0;}
.paging-Mobile{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
.paging-Mobile a{ padding:5px 25px; color:#fff; border:solid 1px #D42f36; background:#D42f36; border-radius:16px; overflow:hidden;}
.paging-Mobile span{ padding:5px 20px; color:#272727;}

}




/*Brand-info-details*/
.Brand-info-det{ float:left; width:100%; padding:79px 0 16px 0;}
.Brand-info-det .info-det{ float:left; width:100%;}
.Brand-info-det .info-det .title{ float:left; width:100%; text-align:center; color:#595757; font-size:32px; line-height:42px;}
.Brand-info-det .info-det .time{ float:left; width:100%; margin:4px 0 38px 0; text-align:center; color:#cccccc; font-size:14px; line-height:24px;}
.Brand-info-det .info-det .time .Label{ padding:0 110px 0 142px;}
.Brand-info-det .info-det .time .browse{ padding-left:24px; background:url(../images/inf5.png) left center no-repeat; cursor:pointer;}
.Brand-info-det .info-det .time .browse.on{ background:url(../images/inf5_1.png) left center no-repeat; color:#D42f36;}
.Brand-info-det .info-det .time .Fabulous{ padding-left:24px; background:url(../images/inf6.png) left center no-repeat; margin-left:28px; cursor:pointer;}
.Brand-info-det .info-det .time .Fabulous.on{ background:url(../images/inf6_1.png) left center no-repeat; color:#D42f36;}
.Brand-info-det .info-det .info{ float:left; width:100%; color:#595757; font-size:16px; line-height:25px;}

@media  screen and (max-width:1229px){

.Brand-info-det .info-det .title{ font-size:22px; line-height:32px;}

}

@media  screen and (max-width:991px){

.Brand-info-det{ padding:20px 0 8px 0;}
.Brand-info-det .info-det .title{ font-size:18px; line-height:28px;}
.Brand-info-det .info-det .time{ margin:4px 0 15px 0; font-size:12px; line-height:22px;}
.Brand-info-det .info-det .time .Label{ padding:0 58px 0 74px;}
.Brand-info-det .info-det .time .Fabulous{ margin-left:14px;}
.Brand-info-det .info-det .info{ font-size:14px; line-height:24px;}

}
@media  screen and (max-width:767px){

.Brand-info-det .info-det .time .Label{ padding:0 10px;}
.Brand-info-det .info-det .time .Fabulous{ margin-left:10px;}
.Brand-info-det .info-det .title{ overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.Brand-info-det .info-det .time{ margin:0 0 7px 0; }

}


.Paging-up-down{ float:left; width:100%; margin:58px 0 47px 0;}
.Paging-up-down a{ float:left; width:100%; color:#595757; font-size:16px; line-height:25px;}
.Paging-up-down a:hover{ color:#D42f36;}

@media  screen and (max-width:991px){

.Paging-up-down{ margin:20px 0;}
.Paging-up-down a{ font-size:14px; line-height:24px;}

}

.Related-News{ float:left; width:100%; border-bottom:1px solid #8b8a8b; padding-bottom:66px;}
.Related-News-list{ float:left; width:100%; margin-top:52px;}
.Related-News-list ul{ margin:0 -23px;}
.Related-News-list ul li{ float:left; width:33.333%; padding:0 23px;}
.Related-News-list ul li .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.Related-News-list ul li .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Related-News-list ul li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Related-News-list ul li .title{ float:left; width:100%;}
.Related-News-list ul li .title h5{ float:left; width:100%; color:#595757; font-size:14px; line-height:22px; margin:13px 0 26px 0;}
.Related-News-list ul li .title h4{ float:left; width:100%; color:#595757; font-size:18px; line-height:26px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.Related-News-list ul li .title p{ float:left; width:100%; color:#595757; font-size:12px; line-height:20px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.Related-News-list ul li a:hover .title h4{ color:#D42f36;}

@media  screen and (max-width:1229px){
.Related-News-list ul{ margin:0 -15px;}
.Related-News-list ul li{ padding:0 15px;}
}

@media  screen and (max-width:991px){

.Related-News{ padding-bottom:30px;}
.Related-News-list{ margin-top:20px;}
.Related-News-list ul{ margin:0 -6px;}
.Related-News-list ul li{ padding:0 6px;}
.Related-News-list ul li .title h5{ margin:10px 0 3px 0;}
.Related-News-list ul li .title h4{ font-size:16px; line-height:26px;}



}
@media  screen and (max-width:767px){

.Related-News{ padding-bottom:24px;}
.Related-News-list{ margin-top:14px;}
.Related-News{ padding-bottom:20px;}
.Related-News-list{ margin-top:20px;}
.Related-News-list ul li{ width:100%; margin:7px 0;}



}

/*works-class*/
.works-class{ float:left; width:100%; padding:72px 5% 0 5%; position:relative; z-index:33;}
.mainNav{ float:right; margin-right:2px;}
.mainNav .child.childList{ float:left; margin-left:2px; width:228px; position:relative;}
.mainNav .child.childList span{ float:left; width:100%; height:48px; line-height:46px; border:1px solid #D42f36; text-indent:22px; color:#D42f36; font-size:24px; position:relative;}
.mainNav .child.childList span::after{ float:left; width:17px; height:100%; position:absolute; right:15px; top:0; content:''; background:url(../images/inf7.png) right center no-repeat;}
.mainNav .child.childList.on span{background:#D42f36;color:#fff;}
.mainNav .child.childList.on span::after{ background:url(../images/inf7_1.png) right center no-repeat;}
.mainNav .child.childList ul{display:none;background:#fff;position:absolute;top:46px;left:0; width:100%; border:1px solid #B9B8B8;}
.mainNav .child.childList ul li{color:#808080;padding-left:18px;width:100%;height:34px;line-height:34px; font-size:14px;}
.mainNav .child.childList ul li:hover{background:#eee;}

.works-list{ padding-top:42px;}

@media  screen and (max-width:991px){

.works-class{ padding:23px 11px 5px 11px;}
.works-list{ padding-top:0;}
.mainNav{ width:100%; margin:0; text-align:center; height:36px;}
.mainNav .child.childList{ float:none; display:inline-block; *display:inline; *zoom:1; width:142px; text-align:left; margin:0 1px 0 2px; vertical-align:top;}
.mainNav .child.childList span{ height:36px; line-height:34px; text-indent:12px; font-size:12px;}
.mainNav .child.childList span::after{ background-size:13px 10px; right:12px;}
.mainNav .child.childList.on span::after{ background-size:13px 10px;}
.mainNav .child.childList ul{ top:36px;}
.mainNav .child.childList ul li{ padding-left:12px; font-size:12px;}


}


/*品牌案例-2-内页*/
.Brand-Cases-line{ float:left; width:100%; height:36px; border-bottom:1px solid #8b8a8b; margin-top:88px;}
.Brand-info-det .Cases-title{ float:left; width:100%; text-align:center; color:#3e3a39; font-size:36px; line-height:46px;}
.Brand-info-det .service{ float:left; width:100%; text-align:center; color:#727171; font-size:16px; line-height:26px; margin-bottom:42px;}
.works .content-bottom-0{ padding-bottom:0;}

@media  screen and (max-width:1229px){

.Brand-info-det .Cases-title{ font-size:24px; line-height:34px;}
}

@media  screen and (max-width:991px){

.Brand-Cases-line{ margin-top:54px; height:12px;}
.Brand-info-det .Cases-title{ font-size:18px; line-height:28px;}
.Brand-info-det .service{ font-size:14px; line-height:24px; margin-bottom:15px;}

}

.Brand-info-line{ float:left; width:100%; height:1px; background:#8b8a8b;}












