@charset "utf-8";
.container{position:relative;}
.main-content{position:relative;}
.swiper-container{position:relative;z-index:99;width:100%;overflow: hidden;}
.swiper-container img{width:100%;}
.swiper-pagination-bullet{width:14px;height:14px;border-radius:0;background: rgba(0, 0, 0, 0.8);opacity:1;transition: width 0.3s ease-in-out;}
.swiper-pagination-bullet-active{width:40px;background:#A12428;}

.number-layout .grid .shadow,.number-layout .grid .title,.about-box .about-intro h2,.arrow-bar .arrow-icon,.arrow-bars .arrow-icon,.arrow-barss .arrow-icon,.service-list li,.service-list li i,.main-service li .service-icon i{background:url(../images/common.png) 0 0 no-repeat;}

.number-layout{padding:50px 0}
.number-layout .grid{float:left;width:33.33333%;text-align:center;background:url(../images/line.png) right center no-repeat;}
.number-layout .grid .number-wrap{display: block; color: #9F2528;}
.number-layout .grid .number-wrap strong.number{height: 56px;font: normal 70px/1 'AkzidenzGrotesk-BoldCondAlt';display: inline-block;vertical-align: top;}
.number-layout .grid .number-wrap strong.icon{font-size:30px;position: relative;}
.number-layout .grid .shadow{height:50px;margin:0 auto;width:160px;background-position:0 -90px}
.number-layout .grid .title{height:30px;margin:0 auto;width:160px;}
.number-layout .grid.d1 .title{background-position:0 0}
.number-layout .grid.d2 .title{background-position:0 -30px}
.number-layout .grid.d3 .title{background-position:0 -60px}
.number-layout .grid.d3{background:none}
.number-layout .grid span{font-size:16px;color:#666;line-height:30px;}

.about-layout{background:#232323;height:200px;padding-top:150px;margin-bottom:200px;}
.about-box{width:950px;margin:0 auto;background:#A12428;padding:30px 50px;}
.about-box .about-img{position:relative;margin-top:-100px;float:left;width:400px;}
.about-box .about-img img{width:100%;box-shadow:0 0 30px rgba(0,0,0,.5)}
.about-box .about-intro{float:left;padding-left:50px;width:500px}
.about-box .about-intro h2{padding-left:180px;height:20px;padding-top:22px;background-position:-430px 0;margin-bottom:20px;font-size:14px;color:#FFF;}
.about-box .about-intro p{text-indent:30px;line-height:35px;font-size:16px;color:#FFF;}
.arrow-bar{text-align:center;margin-bottom:30px;}
.arrow-bar h4{font-size:16px;color:#333;margin-bottom:10px;}
.arrow-bar .arrow-icon{display:inline-block;height:21px;width:22px;background-position: 0 -140px;}
.arrow-bars{display:none;text-align:center;margin-bottom:30px;}
.arrow-bars h4{font-size:16px;color:#333;margin-bottom:10px;margin-top: 20px;}
.arrow-bars .arrow-icon{display:inline-block;height:21px;width:22px;background-position: 0 -140px;}

.arrow-barss{text-align:center;margin-bottom:30px;}
.arrow-barss h4{font-size:16px;color:#333;margin-bottom:10px;}
.arrow-barss .arrow-icon{display:inline-block;height:21px;width:22px;background-position: 0 -140px;}

.design-slogan{padding:30px 0;text-align: center;background: url(../images/bg1.jpg) center center no-repeat;margin-bottom:30px;color:#444243;}
.design-slogan h1{font:900 40px/60px 'Microsoft Yahei', 'PingFangSC', sans-serif;margin-bottom:10px;}
.design-slogan h4{text-align:center;}
.design-slogan h4 img{margin:0 auto;}
.design-charac{padding:50px 0;}
.design-charac .charac-item{float:left;width:33.33333%;text-align: center;position: relative;cursor: pointer;}
.design-charac .charac-item u{display:block;margin:0 auto;width:150px;height:150px;border-radius:75px;background-color:#A12428;}
/* .design-charac .charac-item i{display:inline-block;width:80px;height:80px;margin:35px auto 0;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.design-charac .charac-item:hover i{-webkit-transform: rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);} */
.design-charac .charac-item img{width:100%;height:100%;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.design-charac .charac-item:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform: rotate(360deg)}
.design-charac .charac-item h4{margin-top:15px;font-size:18px;line-height:30px;color:#444243;}


.caption-layout{padding:50px 0;text-align:center;color:#333;}
.caption-layout .caption-title{font:900 40px/60px 'Microsoft Yahei', 'PingFangSC', sans-serif;border-bottom:5px solid #A12428;padding-bottom:10px;}
.caption-layout .caption-subtitle{font:900 40px/60px 'Microsoft Yahei', 'PingFangSC', sans-serif;padding-bottom:10px;}
.caption-layout .caption-title .stress-text,.caption-layout .caption-subtitle .stress-text{font-size:50px;color:#A2272C}
.caption-layout .caption-desc{font:900 18px/30px 'Microsoft Yahei', 'PingFangSC', sans-serif;padding-top:10px;}

.section-core{background:url(../images/bg2.jpg) center top no-repeat;height:600px;}
.section-core .layout{position:relative;height:100%;}
.section-core .core-text{position:absolute;top:100px;left:100px;width:600px;height:260px;}

.service-list{margin-bottom:30px;}
.service-list li{float:left;width:205px;height:130px;padding-top:10px;text-align:center;background-position:-160px -80px;margin-right:10px;cursor:pointer;}
.service-list li.on{background-position:-366px -80px;}
.service-list li.last-item{margin-right:0;}
.service-list li i{display:inline-block;width:100px;height:70px;}
.service-list li i.s1{background-position:0 -230px;}
.service-list li.on i.s1{background-position:0 -300px}
.service-list li i.s2{background-position:-100px -230px}
.service-list li.on i.s2{background-position:-100px -300px}
.service-list li i.s3{background-position:-200px -230px}
.service-list li.on i.s3{background-position:-200px -300px}
.service-list li i.s4{background-position:-300px -230px}
.service-list li.on i.s4{background-position:-300px -300px}
.service-list li i.s5{background-position:-400px -230px}
.service-list li.on i.s5{background-position:-400px -300px}
.service-list li i.s6{background-position:-500px -230px}
.service-list li.on i.s6{background-position:-500px -300px}
.service-list li h4{font-size:16px;color:#DC4832;}
.service-list li.on h4{color:#FFF;}
.main-service{padding:50px 0;}
.main-service li{float:left;width:310px;margin:0 5px;border-bottom:10px solid #8C8C8C;cursor: pointer;position: relative;overflow: hidden;}
.main-service li .mark{height:100%; overflow:hidden;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;position:absolute; top:-100%; left:0; width:100%;background:rgba(203,28,0, 0.5);}
.main-service li .service-icon{width:200px;height:200px;margin:0 auto 20px;}
.main-service li .service-icon i{display:block;width:100%;height:100%;margin:0 auto 20px;}
.main-service li .service-icon i.s1{background-position:0 -370px}
.main-service li .service-icon i.s2{background-position:-200px -370px}
.main-service li .service-icon i.s3{background-position:0 -570px}
.main-service li .service-icon i.s4{background-position:-200px -370px}
.main-service li .service-desc{background-color:#E5E5E5;text-align: center;padding:8px 0;}
.main-service li .service-desc h3{font-size:20px;color:#000;}
.main-service li .service-desc h4{font-size:18px;color:#FF1A00;}
.main-service li:hover .mark{top:0;}

.section-title{padding:50px 0 30px;text-align:center;background-color:#464646;}
.section-title img{display:inline}
.main-case{margin-bottom:60px;}
.case-item{float:left;position: relative;width:420px;margin-right:10px;margin-bottom:20px;border-bottom:6px solid #292C2B;-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;}
.case-item:nth-child(3n+0){margin-right:0;}
.recommend-item{margin-right:0;width:850px;}
.case-item .case-img{width:100%;height:400px;position:relative;overflow:hidden;}
.case-item .case-img img{width:100%;height:100%;display:block;}
.case-item .case-img .mark{height:100%; overflow:hidden;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;position:absolute; top:-100%; left:0; width:100%;background:rgba(0, 0, 0, 0.3);}
.case-item .case-con{width:100%;padding:10px 0;text-align: center;display:table;}
.case-item .case-con .case-logo{display:inline-block;height:50px;line-height:50px;border-bottom:2px solid #292C2B;overflow: hidden;display:table-cell;vertical-align:middle;}
.case-item .case-con .case-logo img{display:block;margin:0 auto;}
.case-item .case-con h3{font-size:18px;height:30px;line-height:30px;padding:0;margin:0;color:#333;}
.case-item .case-con a:hover h2,.case-item .case-con a:hover h3{color:#FF0000;}
.recommend-item .case-con{padding-left:50px;text-align: left;}
.recommend-item .case-con .case-logo{float:left;height:70px;line-height:70px;margin-right:20px;border:none}
.recommend-item .case-con .case-desc{float:left;}
.recommend-item .case-con .case-desc h2{height:50px;line-height:50px;font-size:18px;border-bottom:2px solid #292C2B;padding:0 50px 0 30px;color:#333}
.recommend-item .case-con .case-desc h3{padding:0 50px 0 30px}
.case-item:hover{border-color:#B92932;}
.case-item:hover .case-img .mark{top:0;}

.section-view{background:url(../images/bg3.jpg) center top no-repeat;padding:20px 0 60px;}
.section-view .section-title{background:none;}
.grid-view li{float:left;margin-right:20px;width:630px;height:230px;margin-bottom:60px;overflow: hidden;}
.grid-view li:nth-child(2n){margin-right:0;}
.grid-view li a{display:block;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;position:relative;}
.grid-view li a:after{display:block;clear:both;height:0;content:"\0020"}
.grid-view li a:hover{background-color:rgba(152,152,152,.3);}
ul.list-view{float: left;width: 33.33%}
.grid-view li .view-img{float:left;width:320px;height:230px;overflow: hidden;margin-right: 15px;}
.grid-view li .view-img img{width:100%;height:100%;}
.grid-view li .view-con h2{padding-top:10px;height:60px;line-height: 30px;font-size:18px;color: #EAEAEA;overflow: hidden;}
.grid-view li .view-con .con-desc{height:130px;line-height:20px;font-size:14px;color: #838383;overflow:hidden;}
.grid-view li .view-con .con-date{height:30px;font-size:14px;color: #EAEAEA}
.list-view li{width:100%;display: inline-block;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.list-view li a{float:left;padding-left:20px;height:30px;line-height:30px;color:#EAEAEA;font-size:16px;background: url(../images/dot.png) 0 10px no-repeat;}
.list-view li a:hover{color:#838383;}

.youqing{width: 1280px;margin: 0 auto}
.youqing ul li{float: left;margin-left: 5px}
.youqing ul li a{color: white}
.youqing span{float: left;color: white}

@media (max-width:1280px){
	.service-list{text-align:center;}
	.service-list li{float:none;display:inline-block;margin:0 30px 30px;}
	.service-list li.last-item{margin:0 30px 30px;}
	.main-service li{width:23%;margin:0 1%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
	.case-item{width:320px;margin-right:15px;}
	.case-item .case-img{height:320px;}
	.recommend-item{width:655px;margin-right:0;}
	.grid-view li{width:485px;height:145px;margin-bottom:20px;}
	.grid-view li a{height:145px;}
	.grid-view li .view-img{width:200px;height:145px;}
	.grid-view li .view-con h2{height:30px;padding-top:5px;}
	.grid-view li .view-con .con-desc{height:85px;}
	.grid-view li .view-con .con-date{height:20px;}
	.swiper-container {
		margin-top: 50px;
	}
    .youqing{width: 100%}
}
@media (max-width:1100px){
	.about-layout{margin-bottom:100px;}
	.about-box{width:840px;padding:30px;}
	.about-box .about-img{width:300px;}
	.about-box .about-intro{padding-left:30px;}
	.about-box .about-intro p{font-size:14px;line-height:25px;}
	.recommend-case{display:none;}
	.view-layout{width:auto;margin:0 20px;}
	.grid-view{margin-bottom:30px;}
	.grid-view li{width:100%;height:auto;margin-bottom:20px;}
	.grid-view li a{height:auto;}
}
@media (max-width:990px){
	.main-case{margin:0 20px 50px;}
	.case-item,.case-item:nth-child(3n+0){width:46%;margin:10px 2%;border-bottom: 6px solid #9b1313;}
}
@media (max-width:960px){
	.about-layout{padding-top:120px;margin-bottom: 60px}
	.about-box{width:auto;margin:0 25px;}
	.service-list li{margin:0 10px 20px}
	.about-box .about-img{display:none;}
	.about-box .about-intro{padding:0;width:100%;position: relative;}
	.about-box .about-intro h2{position: absolute;top:-110px;}
	.section-core .core-text{top:50%;left:50%;transform: translate(-50%,-50%);}
	.main-service li{width:46%;margin:0 2%;}
	.list-view li{width:50%;}
}
@media (max-width:780px){
	.caption-layout .caption2-title,.caption-layout .caption2-subtitle{font-size:30px;line-height:40px;}
	.caption-layout .caption2-title .stress-text,.caption-layout .caption2-subtitle .stress-text{font-size:40px;}
	.main-service li .service-icon{width:140px;height:140px;}
	.main-service li .service-icon i{background-size:420px auto;}
	.main-service li .service-icon i.s1{background-position:0 -259px;}
	.main-service li .service-icon i.s2{background-position:-140px -259px;}
	.main-service li .service-icon i.s3{background-position:0 -399px;}
	.main-service li .service-icon i.s4{background-position:-140px -399px;}
	.case-item .case-img{height:200px;}
	.service-list li,.service-list li.last-item{width:180px;margin:0 10px 20px;background-position:-170px -80px;}
	.service-list li.on{background-position:-376px -80px;}
	.ones{display: none}
	.case-item .case-con .case-logo img {
		display: block;
		margin: 0 auto;
		width: 110px;
	}
	.case-item .case-img img {
		width: 100%;
		height: 100%;
		display: block;
		margin-left: 0px;
	}
	.case-item .case-img {
		height: 280px;
	}
}
@media (max-width:690px){
	.design-slogan h1{font-size:30px;}
	.section-core{height:400px;}
	.section-core .core-text{width:400px;}
	.section-core .core-text img{width:100%;}
	.service-list li,.service-list li.last-item{width:140px;margin:0 10px 20px;background-position:-193px -80px;}
	.service-list li.on{background-position:-399px -80px;}

}
@media (max-width:560px){
	.number-layout{padding:30px 0;}
	.number-layout .grid .number-wrap strong.number{font-size:50px;}
	.number-layout .grid .shadow{display: none}
	.number-layout .grid span{font-size:14px;}
	.about-layout{margin-bottom: 80px}
	.about-box{padding:20px 30px;}
	.about-box .about-intro h2{padding:50px 0 0 0;}
	.design-charac,.caption-layout{padding:0px 0;}
	.main-service {
		padding: 0px 0;
	}
	.arrow-bars{display: block}
	.arrow-barss{display: none}
	.design-charac .charac-item u{width:100px;height:100px;border-radius: 50px;}
	.design-charac .charac-item i{margin-top:12px;}
	.design-charac .charac-item h4{font-size:14px;}
	.caption-layout .caption-title{font-size:30px;line-height:40px;}
	.caption-layout .caption-desc{font-size:16px;}
	.service-list li,.service-list li.last-item{margin:0 5px 10px;}
	.caption-layout .caption2-title,.caption-layout .caption2-subtitle{font-size:20px;line-height:40px;}
	.caption-layout .caption2-title .stress-text,.caption-layout .caption2-subtitle .stress-text{font-size:30px;}
	.case-item .case-img{height:185px;}
	.case-item .case-con h3{font-size:16px;}
	/*.section-view{display:none}*/
	.section-title {
		padding: 0 0 30px;
		text-align: center;
		background-color: #464646;
	}
	.case-item .case-con .case-logo img {
		display: block;
		margin: 0 auto;
		width: 70px;
		height: 30px;
	}
	.case-item .case-con .case-logo {
		display: inline-block;
		height: 30px;
		line-height: 50px;
		border-bottom: 2px solid #292C2B;
		overflow: hidden;
		display: table-cell;
		vertical-align: middle;
		width: 80px;
	}
	.design-slogan {
		padding: 10px 0;
		text-align: center;
		background: url(../images/bg1.jpg) center center no-repeat;
		margin-bottom: 30px;
		color: #444243;
	}
	.caption-layout .caption-title {
		border-bottom: 3px solid #A12428;
		 padding-bottom:0px;
		margin-top: 15px;
	}
	.caption-layout .caption-desc {
		 padding-top: 0px;
	}
}
@media (max-width:470px){
	.number-layout .grid .number-wrap strong.number{font-size:50px;}
	.number-layout .grid .title{display:none}
	.number-layout .grid span{font-size:12px;}
	.about-layout{margin-bottom:100px}
	.design-slogan h1{font-size:26px;}
	.design-slogan h4{font-size:14px;}
	.design-charac .charac-item h4,.caption-layout .caption-desc{font-size:12px;}
	.section-core{height:300px;}
	.section-core .core-text{width:300px;height:150px;}
	.service-list li,.service-list li.last-item{width:110px;height:110px;margin:0 1px 5px;background-position:-208px -100px;}
	.service-list li.on{background-position:-414px -80px;}
	.service-list li h4{font-size:14px;}
	.case-item .case-img{height:120px;}
	.case-item .case-con h3 {
		font-size: 12px;
		line-height: 45px;
		position: relative;
		bottom: 8px;
	}
	.case-item .case-img img {
		width: 100%;
		height: 100%;
		display: block;
		margin-left: 0px;
	}
    .section-title img {
        display: inline;
        margin-top: 15px;
    }
	.section-view .section-title img {
		display: inline;
		width: 180px;
        margin-top: 0;
	}
	.section-title {
		padding: 0px 0 30px;
		text-align: center;
		height: 33px;
		background-color: #464646;
	}
	.case-item .case-img {
		height: 160px;
	}
	.case-item .case-con .case-logo img {
		display: block;
		margin: 0 auto;
		width: 85px;
		height: 20px;
	}
	.case-item, .case-item:nth-child(3n+0) {
		width: 46%;
		margin: 10px 2%;
		border-bottom: 3px solid #9b1313;
		height: 225px;
	}
}
@media (max-width: 420px) {
	.case-item .case-img {
		height: 150px;
	}
	.case-item, .case-item:nth-child(3n+0) {
		height: 215px;
	}
}
@media (max-width: 400px) {
	.case-item .case-img {
		height: 140px;
	}
	.case-item, .case-item:nth-child(3n+0) {
		height: 205px;
	}
}
@media (max-width: 380px) {
	.case-item .case-img img {
		width: 100%;
		height: 100%;
		display: block;
		margin-left: 0px;
	}
	.case-item .case-img {
		height: 200px;
	}
	.about-layout {
		margin-bottom: 80px;
		height: 240px;
	}
	.case-item .case-img {
		height: 145px;
	}
	.case-item .case-con {
		width: 100%;
		padding: 0px 0;
		text-align: center;
		display: table;
	}
	.about-box .about-intro img {
		top: -68px;
		left: -30px;
		width: 105px;
	}
	.about-box .about-intro h2 {
		left: 75px;
	}

}
@media (max-width:350px){
	.about-layout{height:240px;}
	.service-list li, .service-list li.last-item{width:90px;background-position:-218px -100px;}
	.service-list li.on{background-position:-424px -100px;}
	.service-list li i{display:block;width:90px;}
	.case-item .case-img img {
		width: 100%;
		height: 100%;
		display: block;
		margin-left: 0px;
	}
	.case-item .case-img {
		height: 100px;
	}
	.about-box .about-intro img {
		top: -65px;
		left: -30px;
		width: 85px;
	}
	.about-box .about-intro h2 {
		left: 60px;
		font-size: 12px;
	}
	.case-item, .case-item:nth-child(3n+0) {
		height: 158px;
	}
}