html,body{width:100%;height:100%}
html,body,body div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,input,select,option,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video{margin:0;padding:0;border:0 none;vertical-align:baseline}
.cf:after{content:"";display:table;clear:both}.cf{*zoom:1}
body{font:12px/15px Raleway,Arial,sans-serif;font-weight:400;overflow-y:auto;overflow-x:hidden;background-color:#f8f4eb}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,canvas,video{display:block}

a{text-decoration:none}
p{padding:0 0 .9em 0}

h2{font-size:60px;line-height:70px;color:#f8f4eb;text-transform:uppercase;padding:10px 0 20px 0;margin:0 auto;font-weight:normal;}

h3{ font-weight:normal; font-size:24px;line-height:50px;text-transform:uppercase;text-align:center;letter-spacing:.03em;color:#9c0}

h4{font-weight:normal;font-size:12px;text-transform:uppercase;text-align:center;padding-top:22px;margin:0 auto}

span.line{display:block;height:6px;width:230px;margin:0 auto;border-bottom:1px solid #9c0}

span.line.bottom{border-bottom:0 none;border-top:1px solid #9c0}
.fl{float:left}.fr{float:right}
a.anchor{/*display:block;width:100%;height:75px*/}

.leftBox,.centerBox,.rightBox{position:absolute;top:50%;height:380px;text-align:center;margin-top:-190px; z-index: 9999;}

.leftBox{right:55%;width:350px;margin-right:250px}
.leftBox h3 { font-size:48px;}
.leftBox h4 {font-size:36px; line-height:36px; padding-bottom:12px;}
.leftBox p,.rightBox p{padding:28px 0px 25px 0px; width:230px;text-align:left; margin:0 auto;font-size:14px; line-height:24px; color:#888888;}
.centerBox{left:50%;width:664px;margin-left:-332px;margin-top:-292px;background:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/clients_arrow.png) no-repeat center top}
.rightBox{left:55%;width:270px;margin-left:250px}
.rightBox h3 { font-size:80px; line-height:80px;}
.rightBox h4 {font-size:36px; line-height:36px; padding-bottom:12px; color:#333;}
.rightBox P {text-align:center;}
#redian {display:block;}
#redian area {display:block;}

.link{width:230px;padding-top:10px;margin:0 auto;text-align:center}
.link .btn{width:230px;height:28px;text-align:center;margin:0 auto;overflow:hidden}
.link .btn a{display:block;width:228px;height:26px;margin:0 auto;font-size:12px;line-height:25px;color:#f8f4eb;text-decoration:none;text-transform:uppercase;border:1px solid #9c0;overflow:hidden;cursor:pointer; background:#9c0;}
.circle{width:180px;height:180px;margin:0 auto;background-repeat:no-repeat;text-align:center}
.circle.green{background-image:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/green.png)}
.circle.white{background-image:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/white.png)}
.circle.greenwhite{background-image:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/green_white.png)}
.circle img{margin-top:45px}
.green{color:#9c0}

.icon{display:inline-block;width:20px;height:20px;font-family:ls5;font-size:13px;font-style:normal;font-weight:normal;font-variant:normal;speak:none;text-decoration:none;text-align:center;text-transform:none;line-height:20px}
.icon.cancel:before{content:''}
.icon.menu:before{content:''}
.icon.dotCircled:before{content:''}
.icon.circle:before{content:''}
body.err404{background-color:#9c0;color:#f8f4eb}
#info404{padding-top:175px;text-align:center}
#info404 h1{font-size:210px;font-weight:300;line-height:220px}
#info404 h4{color:#f8f4eb}
#info404 .line{border-color:#f8f4eb}
#info404 .txt{width:250px;margin:0 auto;padding-top:20px}
#info404 .btn{background-color:#f8f4eb}
#info404 .btn a{color:#9c0;}
body #noscript{display:none}
body.noscript #noscript{display:block}
body.noscript section,body.noscript aside,body.noscript #nav{display:none}
body.noscript #noscript div{position:absolute;top:50%;left:0;width:100%;height:250px;z-index:11;margin-top:-125px}
body.noscript #noscript h3{font-size:48px;font-weight:800;line-height:50px}
body.noscript #noscript p{padding-top:20px}
body.noscript #noscript a{color:#9c0}

#page{position:relative;top:0;left:0;width:100%;}
article{position:relative;width:100%;overflow:hidden; font-family:Microsoft YaHei,黑体; }
.mininav {position:fixed;_position:absolute;top:0px; left:0px;z-index:99999;}
header{position:fixed;top:29px;left:0;width:100%;height:59px;z-index:99990;background-color:#222222;border-bottom:2px solid #99c0a5;}

#logo{position:absolute;	top:13px;	left:20px;	width:400px;	height:45px;}
#nav{position:absolute;	top:0;	right:20px;	height:59px;	overflow-y:hidden;	text-align:right;	text-transform:uppercase;	font-size:12px;	font-weight:700;	line-height:58px;	letter-spacing:.08em;	color:#9c0;	cursor:pointer;}
#navTxt{ font-weight:normal; display:inline-block; font-family:Microsoft YaHei,黑体; font-size:16px;}
.navAuName { float:left; line-height:35px; color:#a6a6a6; font-family:Microsoft YaHei,黑体; font-size:16px;}
.navAuName em  {font-style:normal; padding:0px 10px; color:#3c3c3c; }
#logo .navItem01 { float:left; width:126px; height:35px; background:url(http://mat1.gtimg.com/fashion/zhuanti/ninja/wzy/logo.png) no-repeat;}
#logo .navItem2 {width:140px; background-position: -130px 0px;}
/*侧边栏*/
aside{position:fixed;top:29px;right:-301px;width:200px;height:100%;z-index:99999;overflow:hidden;
	/*background:#28282c url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/aside_bg.jpg) repeat-x left top;*/ background:#fff; /*border-left:1px solid #9c0;*/}
aside .shadow{position:relative;height:100%;/*background:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/aside_shadow.png) repeat-y left top;*/ overflow-x:hidden;}
nav{position:relative;height:100%;}
nav ul{width:170px;padding-top:70px;list-style-type:none;}
nav ul li{height:47px;/*background:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/navItem_bg.png) no-repeat left -46px;*/}
nav a{display:block;width:230px;height:47px;text-transform:uppercase;text-decoration:none;line-height:33px;letter-spacing:.08em;color:#9c0; color:#333333; font-size:16px; font-family:Microsoft YaHei,黑体;}
nav a span.icon{font-size:20px;vertical-align:middle;margin-right:10px; }
nav a:hover,nav a.active,nav a:hover span.icon{color:#9c0}
nav .navLine{height:47px;background:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/navItem_bg.png) no-repeat left top;}
nav .navImprint{position:absolute;left:0;bottom:30px;}
nav .navImprint a{width:260px;background:0;padding:0 20px;color:#a2a2a5;}
nav .navImprint a:hover,nav .navImprint a.active{color:#f8f4eb;}
nav .navImprint a.active{color:#9c0;text-align:right;}
#tipBtn_z {margin-left:-267px; position:absolute;top:0px; left:50%; width:530px; }
#tipBtn_z2 {margin-left:-335px; position:absolute;top:0px; left:50%; width:650px; height:170px;}


#iPrivacy{width:434px;padding-left:250px}

#aboutBG{display:block;position:absolute;top:0;left:0;z-index:9}
#aboutBox{position:absolute;left:0;bottom:0;width:100%;z-index:19;}
#aboutBox .centerBox,#aboutBox .centerBox h3,#aboutBox .centerBox h4,#aboutBox .centerBox h4 span.line,#aboutBox .centerBox p{color:#f8f4eb;border-color:#f8f4eb}
#tipPic {position:absolute; left:0px; top:-61px;}

#headsBox{position:absolute;top:54px;left:0}
#headsBox{width:100%;height:100%;overflow:hidden;  z-index: 999;}
#heads .leftBox,#heads .rightBox{height:420px;margin-top:-52px}
#heads .headAni{position:absolute;top:-80px;width:0;height:100%;overflow:hidden}
#heads .headAni.left{right:50%;}
#heads .headAni.right{left:50%;;text-align:right}
#headsImg,#heads .headAni.left img,#heads .headAni.right img{top:75px}
#heads .headAni.left img,#heads .headAni.right img{position:absolute}
#heads .headAni.left img{left:0}
#heads .headAni.right img{right:0}
#heads .link .btn:hover { border:1px #9c0 solid; padding:2px; background:#fff;}
#heads .link .btn a{color:#fff}
#heads .link .btn a:hover{background-color:#9c0;border-color:#9c0;color:#f8f4eb}
#services{background-color:#28282c;color:#f8f4eb}
#servicesBox{position:relative;height:450px;overflow:hidden;text-align:center;border-left:160px solid #28282c;border-right:160px solid #28282c}
.tipLogo { width:320px; height:311px; background:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/bg_5.png) no-repeat; position:absolute; bottom:0px; left:50%; margin-left:-160px;}
.itemA { display:block; text-decoration:none; position:relative;}
#servicesBox .line.sline{
	width:100%
}

#servicesBox .line.sline.topLine{
	margin-bottom:50px
}

#servicesBox .line.sline.bottomLine{
	margin-top:15px
}

#servicesBoxNext,#servicesBoxPrev{
	position:absolute;
	top:50%;
	width:85px;
	height:90px;
	z-index:19;
	background-image:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/next-prev.png);
	background-repeat:no-repeat;
	cursor:pointer
}

#servicesBoxNext{
	left:50px;
	background-position:left top
}

#servicesBoxPrev{
	right:50px;
	background-position:right top
}

#servicesBoxNext:hover{
	background-position:left bottom
}

#servicesBoxPrev:hover{background-position:right bottom}


#references{background-color:#f8f4eb}

#refBox{/*position:absolute;top:90px;left:0;*/z-index:2; }

#refBox .item{
	position: relative;
	float: left;
	margin: 10px 0px 0px 10px;
	z-index: 7;
	overflow: hidden;
	width: 320px;
	height: 270px;
	background: #fff;
	background-color: #EBE2FA;
}

#refBox .item.noBorder{border-right:0 none}

#refBox .item.lastRow{border-bottom:0 none}

#refBox .item .itemBG{position:absolute;top:0;left:0;width:100%;height:100%}
#refBox .item .itemTxt{position:relative;top:0;left:0;width:100%;height:100%; overflow:hidden;}
.itemCon {position:relative;width:100%;height:100%; background:#99c0a5;}
.item_qs {padding-top:10px; padding-left:5px; padding-right:5px; font-size:12px; color:#909090; font-family:"微软雅黑"; margin:0px auto; text-align:left;}
.item_title { width:300px!important; font-size:16px; color:#333; text-align:left;padding-left:10px;padding-right:10px; padding-top:10px; }
.item_title a {color:#333;}


#refBox .item .itemTxt{z-index: 100;text-align:center;text-transform:uppercase}
#refBox .item .itemTxt img {height:auto; width:320px; }
#refBox .item .itemTxt b{font-size:18px;line-height:30px;letter-spacing:.08em;color:#f8f4eb;padding-bottom:10px; font-weight:normal; padding-top:10px; display: block; }
#refBox .item .itemTxt b em {display: inline-block; padding:0px 40px;  height:1px;overflow:hidden;background:#fff; margin-bottom:5px;   }
#refBox .item .itemTxt b .ts {padding:0px 10px;}
#refBox .item .itemTxt span.line{height:0;border-color:#f8f4eb;}
#refBox .item .itemTxt .project{font-size:22px;font-weight:300;line-height:30px;color:#fff; display:block;}
#refBox .item .itemTxt .project a { color:#fff;}
#refBox .item .itemTxt .project a:hover {color:#333;}
#refBox .item .itemTxt p.n {color:#fff; padding:0px 5px;}
#refBox .item .detailBtn{height:25px;font-size:14px;line-height:25px;text-align:center;text-transform:uppercase;color:#fff;}
#refBox .item .detailText{height:25px;font-size:14px;line-height:25px;text-align:center;text-transform:uppercase;color:#fff;}
#refBox .item .detailText .pl { height:20px;  line-height:20px;}


#clients{position:relative;background-color:#f8f4eb;}
#clientsB{position:absolute; width:1600px; top:0px; left:50%; margin-left:-800px;}
#clientsBox{position:absolute;top:50%;left:50%;width:705px;margin-top:-346.5px;margin-left:-352.5px;text-align:center;/*background:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/ruliu_logo.png) no-repeat left top;*/}
#clientsBox img {width:100%; height:100%;}

#clientsBoxNext,#clientsBoxPrev{display:none;position:absolute;top:50%;left:50%;width:85px;height:90px;z-index:19;margin-top:-45px;/*background-image:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/next-prev.png);*/background-repeat:no-repeat;cursor:pointer}
#clientsBoxNext{margin-left:-310px;background-position:left top;}
#clientsBoxPrev{margin-left:225px;background-position:right top}
#clientsBoxNext:hover{background-position:left bottom;}
#clientsBoxPrev:hover{background-position:right bottom}
#clientsBG{position:absolute;top:100px;left:0;width:100%;overflow:hidden; }
.clientsLogos{width:1700px;height:128px}
.clientsLogos .sliders {width:1700px; height:128px;}
.clientsLogos .sliders ul {float:left;}
.clientsLogos .sliders  li,.clientsLogos .sliders  li a  {position:relative; float:left; display: block; width:128px; height:128px; }
.clientsLogos .sliders  li { margin:15px 20px;}
.clientsLogos .sliders  li a img { /* filter:Gray;*/ -webkit-filter: grayscale(100%);  opacity:0.5;filter:alpha(opacity=0.5);  }
.clientsLogos .sliders  li b {
	width: 1px;
	height: 1427487528px;
	background: transparent url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/t_bg1.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 129px;
}
.clientsLogos .sliders  li b.t2 {display:none;}
.clientsLogos .sliders  li a:hover .t2 {background:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/t_bg.png) no-repeat; display: block;}
.clientsLogos .sliders  li a:hover img {  -webkit-filter:none;opacity:1;}
#contact{width:100%;overflow:hidden;background-color:#28282c;color:#f8f4eb;}

/*小三角*/
#ptclArea {height: 420px;overflow: hidden;width: 100%;position: absolute;top: 0px;}
#set-canvs {top: 0;position: absolute;}
#fv-head {position: absolute;height:450px;overflow: hidden;width: 100%; z-index: 99999; left:0px; top:40px;}


.close { position:absolute; width:77px; height:37px; background:url(http://mat1.gtimg.com/fashion/zhuanti/ruliu_jh/close_btn.png) no-repeat; top:0px;right:0px; cursor:pointer;z-index: 999999;}


.act_bg {position:absolute; width:100%; height:100%; z-index:99998; background:#000;  opacity: 0.5;filter:alpha(opacity=50); display: none;  left:0px; top:0px;}

#ref2 {margin:0px auto; width:1000px; overflow:hidden;}
#pageZone {clear:both;margin:0px auto; width:1000px; text-align:center; }
#pageZone span { font-size:22px; font-family:Arial; color:#333333; display: inline-block; width:32px; height:30px; line-height:30px; }
#pageZone .count,#pageZone .firstPage,#pageZone  .dis {display:none;}
#pageZone .pageNext,#pageZone .prevPages { line-height:31px; background:#fff; color:#99c0a5; border:1px #99c0a5 solid; }
#pageZone .pageNext a ,#pageZone .prevPages  a  {color:#99c0a5;}

#pageZone span.isNow {color:#fff;background:#99c0a5;margin:0px 15px;}
#listZone {margin-left:-3px;}

.tcopyright a,.tcopyright {color:#fff!important;}/*  |xGv00|eeee4cd1dd40c070a5c4d5f745a12a2b */