.justify { text-align:justify; text-justify:distribute-all-lines; /*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}

a, .yuan, .imgBox img, .why li>img, .why li, .caseList li img, .flowList i, .rzlp a img, .swiper-button-prev, .swiper-button-next,

.designerList a img, .designerList li:after, .whoList i, .whoList a span, .whoList1 span:after, .whoList1 p, input,

.close img, .newsR ul li img, .newsList li, .newsList li:after, .imgList li img, .banner .swiper-button-next, .banner .swiper-button-prev,

.vrCase li, .vrL h3, .vrL p, ol li, ol li:after, .imgBar img, .bsGood li span, .bsGood li i, .standard ul p, .whoList1 span i,

.whoList1 span, .materials ul p, .fzlc aside ul li, .fzlcList img, .sjs ul li, .sjs figure p, .news2 ul li, .newsMan span,

.case1 li h3, .case1 li p, .case1 li span, .designerList1 li:after, .designerList1 a span, input[type=submit], .footL ul li,

.whoList3 a div, .whoList3 a div i, .strategy li div, .commitment li, .newsMan h3, .next li, .ryzz li p, .open>img, .city ul li,

.element li, .clothing ul li p, .soft li p, .searchXq li span, .searchXq li p, .searchXq li, .joinList li>p, .whoList31 li span, 

.whoList31 span i, .designerList1 li a img, .joinList li>p span:before, .joinList li>p span:after, .joinList li>p span, sup, .video b,

.siteList li img, .theCase .caseLink:nth-of-type(4) span{cursor:pointer;

   transition:all .4s ease 0s;

  -webkit-transition:all .4s ease 0s;

   -moz-transition:all .4s ease 0s; 

  -ms-transition:all .4s ease 0s; 

  -o-transition:all .4s ease 0s; 

}

ul:after{content: '';display: block;clear: both;}

.imgBox, .why li, .caseList li, .rzlp a, .designerList a, .newsR ul li, .imgList li, .imgBar figure, .fzlcList figure, .designerList1 li a, .siteList li a{overflow: hidden;}

.imgBox img, .why li>img, .caseList li img, .rzlp a img, .designerList a img, .newsR ul li img, .imgList li img, .imgBar img, .fzlcList img, .designerList1 li a img, .siteList li a img{width: 100%;}

.imgBox:hover img, .why li:hover>img, .caseList li:hover img, .rzlp a:hover img, .designerList li:hover a img, .newsR ul li:hover img, .designerList1 li:hover a img,

.imgBar li:hover img, .imgList li:hover img, .fzlcList li>div:hover img, .siteList li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}

.divBox{width: 1400px;margin: 0 auto;max-width: 98%;}

.more{width: 160px;height: 48px;background: #fff;text-align: center;line-height: 48px;color: #db9c43;font-size: 13px;display: block;margin-top: 115px;}

/*字母转大写*/

/*.title span, .title strong{text-transform:uppercase;}*/

/*绝对居中*/

.yuan img, .caseList li div, .newsR ul li div, .banBox .divBox, .joinList li>p span:before, .joinList li>p span:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translateX(-50%,-50%);-moz-transform: translateX(-50%,-50%);-o-transform: translateX(-50%,-50%);}

/*上下居中*/

.phone:after, .titleBox, .theCase2 .divBox>h3:before, .theCase2 .divBox>h3:after{position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}

/*左右居中*/

section>h3:after, .banner .swiper-slide .divBox{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}

/*盒子*/

.why li a, .designerList li, .whoList a span, .whoList1 span, .caseList li, .newsR ul li div, .siteList li, .vrL,

.bsGood li i, .whoList1 span i, .sjs figure, .teamXq, .designerList1 li, .cantactList, .commitment ul, .strategy li div,

.hotXq textarea, .zsgdMan, .online2 input[type="text"], .online2 li textarea{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}

/*圆形*/

.yuan, .phone:after, .caseList li span, .whoList a span, .whoList i, .menuBar a i, .whoList3 a div, .whoList3 a div i,

.theCase2 .divBox>h3:before, .theCase2 .divBox>h3:after, .online2 a, .joinList li>p span{display:block; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}

/*inline-block*/

header .divBox h1, .city, .city p span, nav ul li, .designerList li, .yy form, .yyyy form, .phone1, .title1 h2 span,

ol li, .banBox2 a, .teamXq h3, .teamXq img, .teamXq div, .origin div img, .origin div p, .origin div,

.commitment figure, .commitment ul,  .aboutUs figure, .aboutUs .aboutTitle, .page a, .search1 form,

.search1 p, .hotXqTit figure, .hotXqTit div, .element figure, .element ul, .element li img, .element li span, 

.element li p, #map{display: inline-block;vertical-align: middle;}

.phone, .search, .why li, .flowList li, .siteList li, .whoList li, .whoList1 li, .newsL, .newsR, .imgList, .newsList, 

.newTitle, .time, .footL, .footR, .footL img, .footL ul, .vrL, .vrCase figure, .bishuBox ul li, .bsGood li,

.standard li, .materials li, .material li, .service li, .fzlc aside, .fzlcList, .fzlcList li>div div, .fzlcList figure,

.sjs ul li, .case1 li, .designerList1 li, .cantactList, .cantactList ul, .cantactList figure, .newsTime span, .newsTime time,

.whoList3 li, .strategy li, .news2 figure, .news2 .time, .news2 .newsMan, .newsXQ aside, .newsXq, .caseLink p, .caseLink a, 

.caseLink ul, .caseLink ul li, .hotCaseList ul li, .ryzz li, .soft li, .element li, .imgBar li, .zsgdMan ul li,

.whoList31 li{display: inline-block;vertical-align: top;}

/*:after*/

 

 h3:after {
    width: 40px;
    height: 3px;
    background: #BB2221;
    bottom: -2px;
}

.yy{background: rgba(187,34,33,0.6);position: fixed;height: 100px;left: 0;bottom: 0;width: 100%;z-index: 11;}

.yy, .scale{transition:all .4s ease-out 0s;

	  -webkit-transition:all .4s ease-out 0s;

	   -moz-transition:all .4s ease-out 0s; 

	  -ms-transition:all .4s ease-out 0s; 

	  -o-transition:all .4s ease-out 0s; }

.yy .divBox{padding: 0 70px;padding: 28px 0;}

.yy form input[type="text"]{width: 218px;height: 30px;text-indent: 1em;font-size: 12px;color: rgba(0,0,0,0.5);border: none;}

/*.yy form input[type="text"]:focus{color: #fff;}*/

.yy form input[type="submit"]{width: 115px;height: 30px;border: none;background: #000;color: #fff;font-size: 14px;text-align: center;line-height: 30px;}

.yy form input[type="submit"]:hover{background: #fff;color: #000;}

.yy form input{margin-right: 12px;}







.yyyy{display:none;background: rgba(114,114,114,0.8);position: fixed;height: 150px;top:35%;left: 35%;width: 30%;z-index: 11;}

.yyyy, .scale{transition:all .4s ease-out 0s;

	  -webkit-transition:all .4s ease-out 0s;

	   -moz-transition:all .4s ease-out 0s; 

	  -ms-transition:all .4s ease-out 0s; 

	  -o-transition:all .4s ease-out 0s; }

.yyyy .divBox{padding: 0 70px;padding: 28px 0;}

.yyyy form input[type="text"]{margin-left:6%;margin-top:3%;width: 218px;height: 30px;text-indent: 1em;font-size: 12px;color: rgba(0,0,0,0.5);border: none;}

/*.yy form input[type="text"]:focus{color: #fff;}*/

.yyyy form input[type="submit"]{margin-top:5%;margin-left:40%;width: 115px;height: 30px;border: none;background: #000;color: #fff;font-size: 14px;text-align: center;line-height: 30px;}

.yyyy form input[type="submit"]:hover{background: #fff;color: #000;}

.yyyy form input{margin-right: 12px;}

.yyyy.active{left: -100%;}

.yyyy .close{top:0px;right:2px;line-height:28px;}





.phone1{margin-left: 150px; padding-left: 108px;background: url(../images/ico-35.png) no-repeat left center;position: relative;height: 54px;}

.phone1:after{width: 1px;height: 100%;background: #fff;content: '';display: block;position: absolute;top: 0;left: 85px;}

.phone1 p{color: rgba(255,255,255,0.5);margin-bottom: 8px;}

.phone1 b{font-size: 24px;color: #fff;}

.close{position:absolute; width: 32px;height: 32px;right: 23px;top: 33px;text-align: center;line-height: 32px;}

.close:hover img{transform: rotateZ(-90deg);}

.open{position: absolute;right: -119px;top: 0;height: 100%;z-index: 11;cursor: pointer;}

.open span{display: inline-block;vertical-align: middle;width: 18px;font-size: 12px;color: #fff;}

.open img{vertical-align: middle;}

.open p{height: 75px;display: inline-block;vertical-align: middle;background: #BB2221;padding-top: 25px;padding: 25px 8px;}

.yy.active{left: -100%;}

.open>img{margin-left: -16px;}

.open:hover>img{transform: translateX(20px);-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-o-transform: translateX(20px);}

.scale{width: 228px;height: 480px;z-index: 11; background: #fff; border-bottom-right-radius: 5px;border-top-right-radius: 5px;position: fixed;left: 0;bottom: 180px;border: 1px solid #E7E7E7;border-left: none;}

.scale h4{height: 45px;line-height: 45px;color: #fff;text-align: center; font-size: 14px;font-weight: normal;border-top-right-radius: 5px;background: #BB2221;margin-bottom: 15px;}

.scale p{padding: 0 23px;color: #1c1818;font-size: 12px;text-align: center;margin-bottom: 20px;}

.scale form{padding: 0 23px;}

.scale input, .scale textarea{background: #F8F8F8;width: 100%;border: 1px solid #EDEDED;font-size: 12px;text-indent: 1em;}

.scale input{height: 25px;margin-bottom: 10px;}

.scale textarea{height: 105px;margin-bottom: 28px;resize: none;}

.scale input[type="submit"]{border: none;background: #000;color: #fff;text-indent: 0;}

.scale input[type="submit"]:hover{background: #BB2221;}

.scale article{position: relative;}

.scale .close{top: 5px;right: 1px;}

.openScale{cursor: pointer; z-index: 11;width: 30px;height: 38px;padding: 6px 10px;color: #fff;background: #BB2221;position: fixed;left: -50px;bottom: 610px;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}

.scale.active{left: -230px;}

.openScale.active{left: 0;}

.menuBar{position: fixed;width: 60px;height: 243px;right: 0;top: 50%;margin-top: -135px;z-index: 11;}

.menuBar a{display: block;position: absolute;left: 0; width: 127px;height: 60px;color: #fff; border-bottom-left-radius: 5px;border-top-left-radius: 5px;background: #4B4949;}

.menuBar a b{font-family: arial, "微软雅黑"; font-size: 28px;color: #fff;display: inline-block;vertical-align: middle;padding: 0 20px;}

.menuBar a.goTop{width: 60px;top: auto;bottom: 0;height: 48px;left: auto;right: 0;}

.menuBar a.speak{top: 0;width: 330px;}

.menuBar a.online{top: 65px;}

.menuBar a.ly{top: 130px;}

.menuBar a i{display: inline-block;width: 40px;height: 40px;border: 1px solid rgba(255,255,255,0.2);vertical-align: middle;margin: 9px;}

.menuBar a span{color: #fff;font-size: 16px;display: inline-block;vertical-align: middle;width: 32px;}

.menuBar a.speak i{background: url(../images/ico-07.png) no-repeat center;}

.menuBar a.online i{background: url(../images/ico-08.png) no-repeat center;}

.menuBar a.ly i{background: url(../images/ico-09.png) no-repeat center;}

.menuBar a.goTop{background: #4B4949 url(../images/ico-10.png) no-repeat center;}

.menuBar a:hover{background-color: #BB2221;}

.menuBar a.speak:hover{left: -254px;}

.menuBar a.online:hover, .menuBar a.ly:hover{left: -51px;}



.foot{padding: 60px 0;background: #262525;}

.foot .divBox{width: 1120px;max-width: 98%;}

.footL,.footR{width: 50%;}

.footL nav a, .link li{display: inline-block;margin-right: 28px;position: relative;color: #fff;}

.footL nav a:after, .link li:after{content: '';display: block;width: 1px;height: 15px;background: #D1D1D1;top: 3px;right: -15px;position: absolute;}

.footL nav a:last-child:after{display: none;}

.footL nav, .footR p{margin-bottom: 30px;}

.footL img{display: inline-block;margin-right: 40px;}

.footL ul li{margin-bottom: 10px;color: rgba(255,255,255,0.5);font-size: 12px;}

.footR p{color: #fff;}

.footR p img{vertical-align: bottom;margin-right: 10px;}

.footR p span{font-size: 12px;color: #595757;margin-left: 5px;display: inline-block;vertical-align: bottom;}

.link{padding: 45px 0 75px;margin-top: 45px;border-top: 1px dashed rgba(255,255,255,0.1);text-align: center;}

.link a, .link li{color: rgba(255,255,255,0.7);}

.link li:hover a{color: #fff;}

.foot .divBox>img{display: block;margin: 0 auto;}

.link>li:first-child:after, .link li:last-child:after{display: none;}

.link>li:first-child{margin-right: 0;}

.footL nav a:hover{color: #BB2221;}

.footL ul li:hover{color: #fff;}

.rzlp a, #hotlist a, .hotXqTit figure{position: relative;}

.rzlp a:after, #hotlist a:after, .hotXqTit figure:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';display: block;background: url(../images/hotmark.png) no-repeat left top;}























/*优势*/
.ysBox{position:relative; margin-bottom:40px; height:1410px; background-color:#fff;}
.ysBox .bsYs{position:absolute; top:0; right:-470px; width:470px; height:1410px; background-color:#fff;}
.ysBox .ysDb{position:absolute; top:914px; left:-230px; width:230px; height:324px; background:url(../images/ysDb.png) no-repeat center;}
.ysBox .ysTit{position:absolute; top:0; left:-470px; width:730px; height:552px; background:url(../images/ysTit.jpg) no-repeat center;}
.ysBox dl{margin-left:300px; margin-bottom:20px; overflow:hidden;}
.ysBox dt{float:left; padding-left:20px; width:78px; height:98px; overflow:hidden; background-color:#303030; color:#5f5f5f;}
.ysBox dt b{display:block; padding-top:18px; font-size:24px; color:#fff;}
.ysBox dt i{display:block;}
.ysBox dt span{font-size:20px; font-family:arial;}
.ysBox dd{float:left; padding-left:32px; padding-bottom:20px; width:550px; background-color:#f3f3f3;}
.ysBox dd h5{padding-top:20px; font-size:20px; color:#e22c08;}
.ysBox dd span{margin:4px 0; display:block; font-size:20px; color:#1a1a1a;}
.ysBox dd i{display:block; margin-bottom:8px;}
.ysBox dd p{padding-left:12px; height:28px; line-height:28px; font-size:13px; color:#333; background:url(../images/ysDdp_ico.png) no-repeat left center;}
.ysBox dl:hover dt{background-color:#e22c08;}
.ysBox dl:hover dt *{color:#fff;}
.ysBox dl.xR dt{float:right;}
.ysBox dl.ys01{padding-top:46px;}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	font-family: microsoft yahei;
}
.syys{
	width:100%;
	margin:0 auto;
	background-color:#f3f3f3;
	}
	
/*页尾*/
.fot{
	width:100%;
	margin:0 auto;
	padding-top: 38px;
	padding-bottom: 100px;
	background-color: #181818;
	height:300px;
}
.fotWrap {
	width:1200px;
	margin:0 auto;
}
.fotGy {
	padding: 0 40px;
	float: left;
	height: 286px;
	border-right: 1px dotted #3a3a3a;
}
.fotGy.fotT1 {
	padding-left: 0;
}
.fotGy dt {
	margin-bottom: 10px;
}
.fotGy dd {
	height: 30px;
	line-height: 30px;
}
.fotGy dd a {
	color: #999;
}
.fotLx {
	padding: 0 48px;
	float: left;
	height: 286px;
}
.fotLx dt {
	margin-bottom: 20px;
}
.fotLx em {
	color: #e22c08;
}
.fotLx b {
	display: block;
	font-size: 24px;
	color: #e22c08;
	font-weight: normal;
}
.fotLx p {
	margin-top: 24px;
	margin-bottom: 4px;
	line-height: 20px;
	color: #999;
}
.fotLx span {
}
.fotLx .qylj {
	position: relative;
	margin-top: 38px;
	width: 204px;
	height: 30px;
}
.fotLx .qylj h4 {
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	background: url(../images/yqljH4.png) no-repeat center;
}
.fotLx .qylj ul {
	position: absolute;
	left: 0px;
	bottom: 30px;
	width: 100%;
	height: 0;
	overflow-y: auto;
	background-color: #333;
}
.fotLx .qylj ul li {
	height: 30px;
	line-height: 30px;
}
.fotLx .qylj ul li a {
	padding: 0 20px;
	display: block;
	color: #ccc;
}
.fotLx .qylj:hover ul {
	height: 240px;
}
.erw {
	float:right;
	width:100px;
}
#roll_top, #fall, #ct {
	position: relative;
	cursor: pointer;
	height: 72px;
	width: 26px;
}
#roll_top {
	background: url(../images/top.gif) no-repeat;
}
#fall {
	background: url(../images/top.gif) no-repeat 0 -80px;
}
#ct {
	background: url(../images/top.gif) no-repeat 0 -40px;
}
#roll {
	display: block;
	width: 15px;
	margin-right: -515px;
	position: fixed;
	right: 50%;
	top: 50%;
	_margin-right: -525px;
	_position: absolute;
	_margin-top: 300px;
_top: expression(eval(document.documentElement.scrollTop));
}
.clear{
	clear:both;}	
	
	
	
	
	
	
	
	
	
	
	
	h2{font-size: 42px;color: #0059ce;text-align: center;}

section>h3{font-size: 28px;color: #000;padding-bottom: 40px;text-align: center;border-bottom: 1px solid #F1F1F1;position: relative;}
section>h3:after{width: 40px;height: 3px;background: #BB2221;bottom: -2px;}
.why{margin-top: 65px;}
.why li{width: 24.5%;margin-right: 0.65%;position: relative;border-bottom: 4px solid #fff;}
.why li:last-child{margin-right: 0;}
.why li a{display: block;position: absolute;height: 100%;top: 0;left: 0;padding: 65px 40px 0;width: 100%;background: rgba(0,0,0,0.7);}
.why li a h3{font-size: 24px;color: #fff;margin: 25px 0 10px;}
.why li a p{color: rgba(255,255,255,0.5);}
.why li:hover{border-bottom-color: #BB2221;}
.about{padding: 100px 0 115px;}
.case{padding: 85px 0 100px;background: #F5F5F7;}
.case .divBox>p, .flow .divBox>p, .hot .divBox>p, .who .divBox>p{color: #636363;font-size: 18px;margin: 40px 0 30px;text-align: center;}
.icoBox{display: block;margin: 0 auto 60px;text-align: center;}
.caseList li{float: left;position: relative;border: 1px solid #fff;width: 25%;}
.caseList li:first-child{width: 50%;}
.caseList li a{display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: absolute;top: 0;left: 0;opacity: 0;}
.caseList li:hover a{opacity: 1;}
.caseList li div{text-align: center;width: 100%;}
.caseList li h3{color: #fff;font-size: 20px;font-weight: normal;margin-bottom: 5px;}
.caseList li p{color: #fff;}
.caseList li span{display: block;width: 35px;height: 35px;background: url(../images/ico-15.png) no-repeat center;margin: 30px auto 0;border: 1px solid rgba(255,255,255,0.3);}


.reMore{
	font-size: 14px;
	color: #1c1818;
	font-family: arial;
	display: block;
	margin: 50px auto 0;
	border: 1px solid #D2D2D2;
	width: 286px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
}
.reMore:hover{border-color: #006fe3;color: #006fe3;}
.reMore2{
	font-size: 14px;
	color: #FFF;
	font-family: arial;
	display: block;
	margin: 30px auto 0;
	border: 1px solid #D2D2D2;
	width: 286px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
}
.reMore2:hover{border-color: #C86C6F;color: #C86C6F;}
.flow{padding: 105px 0 85px;background: url(../images/index_bg02_02.jpg) no-repeat center top;}
.flow h2{color: #fff;}
.flow .divBox>p{color: #fff;font-size: 18px;}
.flow p{color: #fff;}
.flowList span, .flowList i{display: block;width: 100px;height: 100px;}
.flowList span{padding: 15px;border: 1px solid rgba(255,255,255,0.2);}
.flowList i{background: #fff url(../images/ico-17.png) no-repeat center;}
.flowList li{margin-left: 90px;text-align: center;padding-bottom: 15px;}
.flowList li:nth-of-type(2) i{background-image: url(../images/ico-18.png);}
.flowList li:nth-of-type(3) i{background-image: url(../images/ico-19.png);}
.flowList li:nth-of-type(4) i{background-image: url(../images/ico-20.png);}
.flowList li:nth-of-type(5) i{background-image: url(../images/ico-21.png);}
.flowList li:nth-of-type(1):hover i{background-image: url(../images/ico-17-1.png);}
.flowList li:nth-of-type(2):hover i{background-image: url(../images/ico-18-1.png);}
.flowList li:nth-of-type(3):hover i{background-image: url(../images/ico-19-1.png);}
.flowList li:nth-of-type(4):hover i{background-image: url(../images/ico-20-1.png);}
.flowList li:nth-of-type(5):hover i{background-image: url(../images/ico-21-1.png);}
.flowList li:hover i{background-color: rgba(0,0,0,0.5);}
.flowList p{margin-top: 40px;}
.hot{padding: 120px 0 105px;}
.hot .divBox>p{margin-bottom: 110px;}
.rzlp a{display: block;position: relative;}
.rzlp p{position: absolute;bottom: 10px;width: 96%;left: 2%;height: 45px;line-height: 45px;text-align: center;background: rgba(0,0,0,0.5);font-size: 18px;color: #fff;}
.rzlp a img{width: 100%;}
.rzlpBox{position: relative;}
.rzlpBox .swiper-button-prev, .rzlpBox .swiper-button-next{width: 48px;height: 48px;opacity: 1 !important;}
.rzlpBox .swiper-button-prev{background: #BAB9B9 url(../images/ico-23-1.png) no-repeat center;left: -88px;}
.rzlpBox .swiper-button-next{background: #BAB9B9 url(../images/ico-24-1.png) no-repeat center;right: -88px;}
.rzlpBox .swiper-button-prev:hover, .rzlpBox .swiper-button-next:hover{background-color: #BB2221;}
.site{padding: 105px 0 120px;background: url(../images/index_02.jpg) no-repeat center top;}
.designer{padding: 110px 0 105px;background: url(../images/index_02.jpg) no-repeat center top;}
.designer .divBox{
	margin-top: 60px;
}
.designerList a{display: block;position: relative;}
.designerList a span{position: absolute;left: 2%;bottom: 10px;height: 30px;width: 96%;background: rgba(0,0,0,0.5);font-size: 14px;color: #fff;text-align: center;line-height: 30px;}
.designerList li{border: 1px solid #fff;width: 198px;position: relative;}
.designerList li:after, .whoList1 span:after{content: '';display: block;width: 100%;height: 3px;background: #A22020;position: absolute;left: 0;bottom: 0;opacity: 0;}
.designerList li:hover:after, .whoList1 li:hover span:after{opacity: 1;}
.designerList li:nth-of-type(9){width: 396px;}
.designerList li:nth-of-type(9) a{padding: 55px 80px 35px;background: #000;text-align: center;}
.designerList li:nth-of-type(9) a h3{font-size: 24px;color: #fff;}
.designerList li:nth-of-type(9) a p{color: rgba(255,255,255,0.5);}
.designerList a .line{position: inherit;width: 100%;width: 25px;height: 3px;background: #A22020;margin: 7px auto;left: 0;bottom: auto;display: block;}
.designerList b{font-size: 12px;font-weight: normal;color: #fff;}
.who{padding: 110px 0 90px;background: url(../images/index-bg_02.jpg) no-repeat center top;}
.who h2, .who h3{color: #fff;}
.who .divBox>p{color: rgba(255,255,255,0.8);margin-bottom: 60px;}
.who .divBox>span{display: block;text-align:center;margin-bottom: 25px; height: 30px;line-height: 30px;background: #A22020;width: 158px;color: #fff;}
.who .divBox>span i{font-weight: bold;margin-right: 5px;color: #fff;}
.whoList a span{display: block;width: 120px;height: 120px;padding: 5px;border: 1px solid rgba(255,255,255,0.2);margin: 0 auto 17px;}
.whoList i{display: block;width: 100%;height: 100%;text-align: center;line-height: 110px;}
.whoList li{width: 16.666%;text-align: center;}
.whoList li:hover i{background: #BB2221;}
.whoList li:hover span{background: #432122;}
.whoList p{color: #fff;}
.whoList{margin-bottom: 70px;}
.whoList1 span{display: block;border: 1px solid #E4E4E4;position: relative;}
.whoList1 li{width: 33%;margin-right: 0.5%;margin-bottom: 20px;}
.whoList1 li:nth-of-type(3n){margin-right: 0;}
.whoList1 p{
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFFFFF;
}
.whoList1 li:hover p{color: #A22020;}
.play{padding: 150px 0;background: url(../images/index_125.jpg) no-repeat center top;}
.play .divBox{position: relative;height: 355px;}
.video{width: 208px;height: 285px;border: 1px solid rgba(255,255,255,0.3);text-align: center;padding-top: 68px;cursor: pointer;position: absolute;top: 0;left: 50%; margin-left: -104px;cursor: pointer;z-index: 2;}
.video img, .video b{display: block;margin: 0 auto;}
.video b{color: #fff;font-size: 33px;margin-top: 5px;}
.video:hover b{font-size: 36px;}
.video p{color: rgba(255,255,255,0.5);}
.video .line{width: 22px;height: 3px;background: #fff;display: block;margin: 25px auto 0;}
.play video{height: 500px;display: block;margin: 0 auto;display: none; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.news{padding: 110px 0 130px;background: url(../images/index_05.jpg) no-repeat 100% 60%;}
.newsL h2{text-align: left;padding-bottom: 40px;border-bottom: 1px solid #EEEEEE;position: relative;margin-bottom: 30px;}
.newsL h2:after{position: absolute;left: 0;bottom: -2px;width: 40px;height: 3px;background: #BB2221;content: '';display: block;}
.newsL h2 b{font-size: 28px;font-weight: normal;margin-left: 10px;vertical-align: middle;}
.newsL h2 a{float: right;font-weight: normal;margin-top: 40px;}
.newsL h2 a:hover{color: #BB2221;}
.imgList{width: 257px;}
.imgList li{display: none;}
.imgList li:first-child{display: block;}
.newsList{width: 520px;margin-left: 20px;background: #fff;}
.newsList li{padding: 20px 14px;position: relative}
.newsList li:after{position: absolute;content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-right-color: #BB2221;top: 50%;margin-top: -10px;left: -20px;opacity: 0;}
.newsList li:hover, .newsList li.active{background: #BB2221;}
.newsList li:hover:after, .newsList li.active:after{opacity: 1;}
.time time{
	font-size: 16px;
	font-family: arial;
	color: #000;
	text-align: right;
	display: block;
}
.time span{text-align: right;font-size: 12px;color: #000;display: block;}
.time{padding: 10px 10px 10px 0;border-right: 1px solid #E0E0E0;}
.newTitle{margin-left: 10px;width: 305px;}
.newTitle h3{font-size: 18px;color: #000;}
.newTitle p{color: rgba(0,0,0,0.5);}
.newsList li:hover h3, .newsList li:hover p, .newsList li:hover .time time, .newsList li:hover .time span,
.newsList li.active h3, .newsList li.active p, .newsList li.active .time time, .newsList li.active .time span{color: #fff;}
.newsR{width: 260px;float: right;}
.newsR h2{height: 107px;line-height: 107px;text-align: center;color: #fff;background: #A22020;margin-bottom: 30px;}
.newsR ul li{position: relative;margin-bottom: 7px;}
.newsR ul li div{position: absolute;padding: 60px 35px 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);text-align: center;}
.newsR ul h4, .newsR ul p{color: #fff;}
.newsR ul h4{font-size: 24px;}
.newsR ul h4 a{font-size: 24px;color: #fff;}
/*.siteList li:last-child div{display: inline-block;width: 50%;}*/
.site h3{margin-bottom: 75px;}
.siteList li a{display: block;}
.siteList li div{position: relative;border: 1px solid #fff;border-bottom: none;overflow: hidden;}
.siteList li div p{position: absolute;text-align: center; width: 100%;height: 45px;line-height: 45px;color: #fff;left: 0;bottom: 0;background: rgba(0,0,0,0.4);}
.siteList li:first-child{position: relative;border: 1px solid #fff;}
.siteList li:first-child article{position: absolute;width: 80%;left: 10%;text-align: right;bottom: 80px;}
.siteList li:first-child article h2{font-size: 48px;color: #fff;text-align: right; padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.7);}
.siteList li:first-child article p{color: #fff;font-size: 20px;}
.siteList li:first-child article h3{font-size: 24px;color: #fff;}
.siteList li div:last-child{border-bottom: 1px solid #fff;}
.siteList img{width:100%}
.banner .swiper-slide{overflow: hidden;position: relative;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .divBox{height: 100%;top: 0;}
.banner{width: 100%;}
.banner .swiper-button-next, .banner .swiper-button-prev{width: 70px;height: 70px;margin-top: -35px;}
.banner .swiper-button-prev{background: rgba(0,0,0,0) url(../images/ico-23.png) no-repeat center;left: 60px;}
.banner .swiper-button-next{background: rgba(0,0,0,0) url(../images/ico-24.png) no-repeat center;right: 60px;}
.banner .swiper-pagination-bullet{width: 70px;height: 3px;background: #CCCACD;opacity: 1 !important;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;}
.banner .swiper-pagination-bullet-active{background: #BB2221;}
section>h2, section>h3, .why, .case .divBox>p, .flow .divBox>p, .hot .divBox>p, .who .divBox>p, .icoBox,
.caseList li, .reMore, .flowList li, .rzlpBox, .siteList li:first-child, .siteList li div, .designerList,
.who .divBox>span, .whoList li, .whoList1 li, .video, .newsL, .newsR, .footL, .footR, .link, .foot .divBox>img{transform: translateY(50px);-webkit-transform: translateY(50px);-moz-transform: translateY(50px);-o-transform: translateY(50px);opacity: 0;}
section>h2.active, section>h3.active, .why.active, .case .divBox>p.active, .flow .divBox>p.active, 
.hot .divBox>p.active, .who .divBox>p.active, .icoBox.active, .caseList.active li, .reMore.active,
.flowList.active li, .rzlpBox.active, .siteList.active li:first-child, .siteList.active li div,
.designerList.active, .who .divBox>span.active, .whoList.active li, .whoList1.active li,
.video.active, .news .newsL.active, .news .newsR.active, .footL.active, .footR.active, .link.active,
.foot .divBox>img.active{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);opacity: 1;}
.flowList li:nth-of-type(1), .siteList li:first-child, .whoList li:nth-of-type(1), .whoList1 li:nth-of-type(1),
section>h2, section>h3, .why, .case .divBox>p, .flow .divBox>p, .hot .divBox>p, .who .divBox>p, .icoBox,
.caseList li, .reMore, .rzlpBox, .siteList li div, .designerList, .who .divBox>span, .video, .newsL, .newsR, 
.footL, .footR, .link, .foot .divBox>img{transition: all 0.5s ease-out 0s;}
.flowList li:nth-of-type(2), .siteList li:nth-of-type(2) div:nth-of-type(1), .whoList li:nth-of-type(2), .whoList1 li:nth-of-type(2){transition: all 0.5s ease-out 0.3s;}
.flowList li:nth-of-type(3), .siteList li:nth-of-type(2) div:nth-of-type(2), .whoList li:nth-of-type(3), .whoList1 li:nth-of-type(3){transition: all 0.5s ease-out 0.6s;}
.flowList li:nth-of-type(4), .siteList li:nth-of-type(3) div:nth-of-type(1), .whoList li:nth-of-type(4), .whoList1 li:nth-of-type(4){transition: all 0.5s ease-out 0.9s;}
.flowList li:nth-of-type(5), .siteList li:nth-of-type(3) div:nth-of-type(2), .whoList li:nth-of-type(5), .whoList1 li:nth-of-type(5){transition: all 0.5s ease-out 1.2s;}
.siteList li:nth-of-type(3) div:nth-of-type(3), .whoList li:nth-of-type(6), .whoList1 li:nth-of-type(6){transition: all 0.5s ease-out 1.5s;}
.siteList li:nth-of-type(4) div:nth-of-type(1){transition: all 0.5s ease-out 1.8s;}
.siteList li:nth-of-type(4) div:nth-of-type(2){transition: all 0.5s ease-out 2.1s;}
.siteList li:nth-of-type(4) div:nth-of-type(3){transition: all 0.5s ease-out 2.4s;}
.rzlp .swiper-slide:nth-child(2n+1){margin-top: 0 !important;}
@media (max-width: 576px) {
	h2{font-size: 26px;color: #0059ce;text-align: center;}
	.case .divBox>p, .flow .divBox>p, .hot .divBox>p, .who .divBox>p{color: #636363;font-size: 14px;margin: 10px 0 5px;text-align: center;}
	.case {
		padding: 32px 0 28px;
		background: #F5F5F7;
	}
	.icoBox {
		display: block;
		margin: 0 auto 7px;
		text-align: center;
	}
	.reMore {
		font-size: 14px;
		color: #1c1818;
		font-family: arial;
		display: block;
		margin: 21px auto 0;
		border: 1px solid #D2D2D2;
		width: 170px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border-radius: 30px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		-o-border-radius: 30px;
	}
}