@charset "utf-8";
body{background:#fff; color:#862c2a; font:12px/1.5 Tahoma, Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1", sans-serif; _width:1600px; _height:861px; overflow:hidden; _position:relative;}
a:link{text-decoration:none; color:#862c2a;}
a:visited {color:#862c2a}
a:hover{color:#D88381; text-decoration:none;}
a:active{color:#862c2a}
a{	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;}


.header{position:fixed;top:0;height:100%;background:url(/images/page/tm2.png) repeat;left:0px;z-index:101; min-height:500px; border-right:1px solid #fff; left:0px;
_position:absolute; _width:227px;
}
.headerFl{ width:226px;}
.logo{ padding:30px 0 0 50px;}
.nav{ padding:37px 0 0 27px;}
.nav dl{ position:relative;}
.nav dl dd{}
.nav dl dd a{ display:block; height:30px; line-height:30px; padding-left:25px; font-size:14px;}
.nav dl dt{background:url(/images/page/lih.png) no-repeat left center; position:absolute; left:0px; top:0px; display:block; width:19px; height:30px;}


.headerFr{ cursor:pointer; position:absolute; right:-32px; top:0px; bottom:0px; width:32px; background:url(/images/page/tm1.png) repeat; _height:860px; display: block;}
/*body.index .headerFr{display: block;}*/
.headerFr .menu{ background:url(/images/page/more1.png) no-repeat center top; text-align:center; color:#fff; width:32px; position:absolute; left:50%; top:50%; margin:-11px 0 0 -16px; padding-top:22px;}


.footer{ position:fixed; width:226px; bottom:-114px; z-index:120; bottom:40px; left:-227px; _position:absolute;}
.footer .p1{ text-align:center; border-bottom:1px solid #85ada9; margin:0 20px; padding-bottom:5px; font-family:\5b8b\4f53; color:#862c2a;}
.footer .p2{ padding-top:9px; text-indent:-9999px; background:url(/images/page/tet.png) no-repeat center 9px;}

.index .footer{ bottom:-114px; left:0px;}
.index .header .footer{ display:none;}

/*fixed 20140805*/
.header{left: -227px;}
.header .footer{left: -227px;}
.index .header{left: 0px;}
.index .header .footer{left: 0px;}


.icon{ position:fixed; bottom:-154px; left:0px; right:0px; z-index:110; 
_position:absolute; _bottom:-154px;}
.iconFl{ padding-left:227px; width:710px; border-right:1px solid #e4e5e4;height:154px;background:url(/images/page/tm3.png) repeat;}
.iCase { padding:14px 0 0 0; width:664px; overflow:hidden; position:relative; height:140px; margin-left:27px;}
.iCase h2{ font-size:14px; color:#862c2a; height:28px; line-height:28px; overflow:hidden; padding:0 5px 0 0px;}
.iCase h2 .more{ float:right; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.iCase dl{ position:absolute;}
.iCase dt{ position:absolute; display:none;}
.iCase dd{ float:left; margin-right:14px; _width:212px;}
.iCase dd a{ display:block; padding:8px 8px 0 8px; color:#666;}
.iCase dd a:hover,.iCase dd.cur a{ background-color:#e1e1e2; color:#862c2a}
.iCase dd .p1{ height:66px;}
.iCase dd .p2{ text-align:center; height:27px; line-height:27px;}


.iconFr{ position:absolute; left:0px; width:100%; right:0px; bottom:0px; margin-left:938px; height:154px;background:url(/images/page/tm4.png) repeat; _width:721px;}
.iService{ padding:20px 0 0 30px;}
.iService h2{ font-size:18px; color:#fff; height:20px; line-height:20px;}
.iService p{ font-size:12px; line-height:18px;color:#fff; padding-top:17px;}
.shu{ position:absolute; width:0px; height:0px; left:392px; bottom:0px;}

.imoreB{ position:absolute; background:url(/images/page/more2.png) no-repeat; width:38px; height:38px; top:-50px; left:50%; margin-left:-19px; cursor:pointer;}
.imoreBh{background:url(/images/page/more2h.png) no-repeat;}



.ibnr{ }
.ibnr ul{min-height:500px; min-width:1000px; position:relative;}
.ibnr li{ position:absolute; left:0px; top:0px; z-index:9; display: none;}
.ibnr li.over{ z-index:10;}

.right{}
.cnt{display: none; position: absolute; z-index:109; margin:-20px 0 0 500px;}
.cnt1{ left:0px; top:50%;}
.cnt2{ left:136px; top:50%;}
.cnt3{ left:136px; top:50%;}


.ibnr .prev{ position:fixed; right:20px; top:50%; background:url(/images/page/fl.png) no-repeat; width:44px; height:44px; cursor:pointer; opacity:0.5; z-index:11; _position:absolute;}
.ibnr .next{ position:fixed; right:20px; top:50%; background:url(/images/page/fr.png) no-repeat; width:44px; height:44px; cursor:pointer; margin-top:-55px; opacity:0.5; z-index:11;_position:absolute;}
.ibnr .prev:hover,
.ibnr .next:hover{ opacity:1;}





/*inside*/
.inside{position: absolute; right: 0px; top: 0px; width: 640px; height: 100%; background-color: #fff; z-index:102; color: #666666;}
.inside a{color: #666666; text-decoration: none; 
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;}
.inside a:hover {color: #862c2a;}
.langZh{height: 36px; line-height: 36px; position: absolute; top: 50px; left: 26px; font-size: 28px; font-weight: bold;}
.langEn{height: 30px; line-height: 30px; position: absolute; top: 84px; left: 26px; font-size: 28px; color: #c0c0c0; font-family: "Arial"; text-transform:uppercase;}
.position{width: 570px; height: 60px; line-height: 60px; text-align: right; margin-left: 26px; font-family: "\u5b8b\u4f53"; border-bottom: 1px #d6d6d6 solid; margin-top: 62px;}
.position strong{font-weight: normal;}

.insideBtnBg{background-color: #000; opacity: 0.3; filter:alpha(opacity=30); width: 100%; height: 46px; position: 
fixed; bottom: 0px; left: 0px; z-index: 99;}
.prevInside{ position:fixed; left:50%; bottom:12px; background:url(/images/page/fr_inside.png) 0px 0px no-repeat; width:18px; height:18px; cursor:pointer; opacity:0.5; z-index:11; _position:absolute; z-index: 100;}
.nextInside{ position:fixed; left:50%; bottom:12px; background:url(/images/page/fr_inside.png) 0px -20px no-repeat; width:18px; height:18px; cursor:pointer; margin-top:-55px; opacity:0.5; z-index:11;_position:absolute; z-index: 100;}
.prevInside:hover,
.nextInside:hover{ opacity:1;}

.editor{font-size: 14px; width: 570px; height: 70%; position: absolute; top: 150px; left: 26px; overflow: hidden; line-height: 1.8em;}

.insideNav{position: absolute; right: 640px; top: 120px;}
.insideNav ul li{float: right; height: 30px; line-height: 30px; background-color: #fff; padding: 0px 10px; margin-bottom: 10px;}
.insideNav ul li a{white-space:nowrap; font-size: 15px;}
.insideNav ul li a:hover, .insideNav ul li.active a{color: #862c2a;}


/*news*/
.news{line-height: 2em;}
.news .newsFrist{height: 114px; overflow: hidden; padding-bottom: 40px; border-bottom: 1px #eeeeee solid;}
.news .newsFrist img{float: left; margin-right: 30px;}
.news .newsFrist .newsFirstTit{height: 18px; line-height: 18px; font: 14px; font-weight: bold;}
.news .newsFrist .newsFirstTxt{margin-top: 4px; text-indent: 2em; line-height: 1.8em;}
.news .newsFrist .newsFirstTime{margin-top: 0px;}
.news .newsFrist .newsFirstTime span{float: left;}
.news .newsFrist .newsFirstTime a{float: right;}
.news .newsList{padding-top: 14px;}
.news .newsList li{height: 36px; line-height: 36px; padding-left: 14px; background:url(/images/news_bg0.jpg) 2px center no-repeat;}
.news .newsList li a{float: left;}
.news .newsList li span{float: right;}

.newsPageRank{height: 42px; line-height: 42px; background-color: #e5e5e5; text-align: center; margin-top: 14px;}
.newsPageRank a, .newsPageRank span{padding: 0px 2px; margin: 0px 2px;}
.newsPageRank span{color: #862c2a;}

.newsDetail{line-height: 2em;}
.newsDetail .newsDetailTit{font-size: 20px; height: 30px; line-height: 30px; text-align: center; font-weight: bold; font-family: "\5FAE\8F6F\96C5\9ED1";}
.newsDetail .newsDetailTime{height: 30px; line-height: 30px; text-align: center; margin-bottom: 16px;}


.newsBack{margin-top: 20px; margin-bottom: 20px;}
.newsPage{background-color: #e5e5e5; padding: 12px 18px;}
.newsPage li{height: 24px; line-height: 24px; padding-left: 14px; background:url(/images/news_bg0.jpg) 2px center no-repeat;}



/*case*/
.case{width: 100%; height: 100%; background-color: #f5f5f5; overflow: hidden; position: relative;}

.case .caseNav{height: 38px; top: 118px;  left: 286px; position: absolute;}
.case .caseNav li{float: left; margin-right: 32px; width: 102px; height: 38px; background-color: #ededed; line-height: 38px; text-align: center; font-size: 14px; position: relative;}
.case .caseNav li a{display: block; width: 100%; height: 100%;}
.case .caseNav li span{display: block; border: 8px #862c2a solid; width: 0px; height: 0px; border-color: transparent; border-top-color: #862c2a; position: absolute; left: 50%; margin-left: -8px; display: none;}
.case .caseNav li.active a, .case .caseNav li a:hover{background-color: #862c2a; font-weight: bold; color: #fff;}
.case .caseNav li.active span, .case .caseNav li:hover span{display: block;}

.case .caseList{width: 100%; height: 100%; background-color: #ebebeb; position: absolute; top: 164px; left: 0px;}

.case .caseListWrapp{padding-top: 50px; padding-left: 290px;}
.case .caseListWrapp ul li{float: left; margin-right: 18px; margin-bottom: 40px; width: 295px; height: 218px; position: relative; overflow: hidden;}
.case .caseListWrapp ul li img{display: block;}
.case .caseListWrapp ul li h3{height: 48px; line-height: 48px; text-align: center; font-size: 14px; background-color: #fff; position: absolute; width: 100%; overflow: hidden; left: 0px; bottom: 0px;}
.case .caseListWrapp ul li .caseListTxt{width: 295px; height: 218px; background:url(/images/case_bg0.png) 0px 0px repeat; position: absolute; left: 0px; top: -48px; opacity: 0; filter:alpha(opacity=0);}
.case .caseListWrapp ul li .caseListTxt .caseListLink{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #fff;}
.case .caseListWrapp ul li .caseListLink p{font-size: 14px; margin-top: 64px; height: 28px; line-height: 28px; text-align: center; font-weight: bold;}
.case .caseListWrapp ul li .caseListLink .caseListDesp{padding: 0px 38px; margin-top: 14px;}

/*case detail*/

.caseDetail{position: absolute; right: 0px; top: 0px; width: 420px; height: 100%; background-color: #fff; z-index:102; color: #666666;}
.caseDetail a{color: #666666; text-decoration: none; 
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;}
.caseDetail a:hover {color: #862c2a;}

.caseDetailEditor{font-size: 14px; width: 370px; height: 70%; position: absolute; top: 200px; left: 25px; overflow: hidden; line-height: 1.8em;}
.caseDetail .caseNav{height: 46px; top: 102px;  left: 25px; position: absolute; overflow: hidden;}
.caseDetail .caseNav ul{width: 500px;}
.caseDetail .caseNav li{float: left; margin-right: 32px; width: 102px; height: 38px; background-color: #ededed; line-height: 38px; text-align: center; font-size: 14px; position: relative;}
.caseDetail .caseNav li a{display: block; width: 100%; height: 100%;}
.caseDetail .caseNav li span{display: block; border: 8px #862c2a solid; width: 0px; height: 0px; border-color: transparent; border-top-color: #862c2a; position: absolute; left: 50%; margin-left: -8px; display: none;}
.caseDetail .caseNav li.active a, .caseDetail .caseNav li a:hover{background-color: #862c2a; font-weight: bold; color: #fff;}
.caseDetail .caseNav li.active span, .caseDetail .caseNav li:hover span{display: block;}

.caseDetail h1{font-size: 16px; line-height: 30px; font-weight: bold; margin-bottom: 14px;}
.caseDetail .caseDetailBody{margin-bottom: 30px;}


.joinList li{height: 42px; line-height: 42px; overflow: hidden; border-bottom: 1px #ececec solid; padding-left: 28px; background: url(/images/join_bg0.jpg) 13px center no-repeat; -webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;}
.joinList li.odd{background-color: #fafafa;}
.joinList li:hover{background-color: #f6f5f5;}
.joinList li span{display: block; float: left;}
.joinList li span.job{width: 246px;}
.joinList li span.loca{width: 176px;}
.joinPageRank{margin-top: 20px;}
.joinPageRank a{float: left; margin-right: 30px;}
.joinPageRank p{float: right;}



.businessDetail{padding-top: 20px;}

.business{width: 1080px; overflow: hidden; height: 611px; position: absolute; top: 50%; left: 50%; margin-top: -305px; margin-left: -427px; z-index: 100;}
.business li .slideLink{position: absolute; width: 100%; height: 100%;}
.business .bussTit{width: 100%; text-align: center; height: 84px;}
.business .bussTit h2{height: 40px; line-height: 40px; font-size: 34px; color: #808080; font-weight: bold;}
.business .bussTit h3{height: 44px; line-height: 44px; font-size: 42px; color: #e7ebeb;}
.bussSlide{width: 1080px; overflow: hidden; height: 527px; position: absolute; left: 0px; bottom: 0px;}
.bussSlide li{position: absolute; top: 0px; width: 480px; height: 527px; border-left: 2px #fff solid;}
.bussSlide li.slide1{left: 0px; background:url(/images/business_pic1.jpg) 0px center repeat;}
.bussSlide li.slide2{left: 216px; background:url(/images/business_pic2.jpg) 0px center repeat;}
.bussSlide li.slide3{left: 432px; background:url(/images/business_pic3.jpg) 0px center repeat;}
.bussSlide li.slide4{left: 648px; background:url(/images/business_pic4.jpg) 0px center repeat;}
.bussSlide li.slide5{left: 864px; background:url(/images/business_pic5.jpg) 0px center repeat;}
.bussSlide li .slideTxt{height: 125px; background: url(/images/case_bg0.png) 0px 0px repeat; width: 100%; position: absolute; left: 0px; bottom: 0px; color: #fff; display: none;}
.bussSlide li .slideTxt .slideTxtWrapp{padding: 24px 55px 0px 132px; background: url(/images/business_bg.png) 56px 28px no-repeat;}
.bussSlide li .slideTxt .slideT1{font-size: 18px; color: #fff; font-weight: bold;}
.bussSlide li .slideTxt .slideT2{/*width: 370px;*/ height: 72px;}

/*zzm*/
.contact{ position:absolute; left:308px; top:50%; margin-top:-173px; z-index:95; width:845px; height:337px; background:url(/images/uploads/bg1.png) no-repeat;}
.contact .pd{ padding:25px 45px 0 45px;}

.tit1{}
.tit1 ul{ padding-left:20px; border-bottom:1px solid #e3e3e3}
.tit1 li{ float:left; font-size:16px; color:#666; line-height:40px;}
.tit1 li a{ margin:0 0 -1px -1px; position:relative; z-index:9;float:left; padding:0 20px;cursor:pointer;}
.tit1 li.over{ color:#862c2a;}
.tit1 li.over a{ z-index:15; border-left:1px solid #e3e3e3;border-top:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-bottom:1px solid #fff; background-color:#fff;}

.text1{padding:30px 420px 21px 20px;}
.text1 h1{ color:#862c2a; font-size:22px; line-height:30px; height:30px;}
.text1 p{ color:#666666; font-size:14px; line-height:30px; padding-top:5px;}

.map1{ width:413px; height:206px; position:absolute; background:url(/images/uploads/map1.png) no-repeat; left:387px; top:97px;}
.map1 li{ position:absolute; background:url(/images/uploads/cur.png) no-repeat 0 3px; padding-left:16px;}
.map1 .li1{ left:327px; top:88px;}

.map2{ width:341px; height:282px; position:absolute; background:url(/images/uploads/map2.png) no-repeat; left:40px; top:120px;}
.map2 li{ font-size:14px; position:absolute; background:url(/images/uploads/cur.png) no-repeat 0 3px; padding:0 0 0 16px;}
.map2 li.odd{ background-position:right 3px; padding:0 16px 0 0;}
.map2 .li1{ left:292px; top:173px;}
.map2 .li2{ right:86px; top:99px;}

.text2{ position:absolute; left:462px; top:103px; width:302px; height:210px; border:1px solid #e7e5e5;}
.text2 .p1{ height:26px;}
.text2 .p1 .np1{ border-right:1px solid #e7e5e5; border-bottom:1px solid #e7e5e5; width:141px; height:25px; float:left;}
.text2 .p1 .np2{ border-left:1px solid #e7e5e5; border-bottom:1px solid #e7e5e5; width:141px; height:25px; float:right;}
.text2 .p1 select{ border:none; width:138px; background:transparent;}
.text2 .p2{ padding:20px;}
.text2 .p2 h1{ color:#862c2a; font-size:18px; line-height:24px; height:30px;}
.text2 .p2 p{ color:#666666; font-size:12px; line-height:24px;}

.branch{ position:absolute; left:308px; top:50%; margin-top:-240px; z-index:95; width:845px; height:475px; background:url(/images/uploads/bg2.png) no-repeat;}
.branch .pd{ padding:25px 45px 0 45px;}

.school{ width:535px;}
.school .p1{ background-color:#e7e6e6;}
.school .p1 dd{ padding:0 8px;}
.school .p1 dd li{ height:30px; line-height:30px; overflow:hidden; padding:0 18px; font-size:12px; color:#666666;}
.school .p1 dd li.even{background-color:#f2f1f1;}
.school .p1 .np1{ float:left; border-right:1px solid #fff; width:267px;}
.school .p1 .np1 dt{ background:url(/images/uploads/stit1.jpg) no-repeat; height:40px; text-align:center; color:#fff; line-height:35px; padding-left:10px;}
.school .p1 .np2{ float:left; width:267px;}
.school .p1 .np2 dt{ background:url(/images/uploads/stit2.jpg) no-repeat; height:40px; text-align:center; color:#fff; line-height:35px; padding-left:10px;}
.school .p2{ padding-top:20px;}
.school .p2 h3{ height:38px; line-height:38px; font-size:22px;}
.school .p2 ul{ width:110%;}
.school .p2 li{ width:264px; margin-right:5px; text-align:center; float:left;}


.joinInfo{}
.joinInfo .p1{ font-size:18px; line-height:30px; color:#862c2a;}
.joinInfo .p2{ font-size:12px; padding-top:10px;}
.joinInfo .p2 li{ float:left; width:33%;}
.joinInfo .p3{ font-size:12px; padding-top:5px; padding-bottom:30px;}
.joinInfo .p3 h3{ padding:15px 0; line-height:1;}
.joinInfo .p4{ border-top:1px solid #dadada; padding-top:17px;}
.joinInfo .p4 .np1{ float:left; background:url(/images/uploads/jt1.png) #862c2a no-repeat 135px 14px; width:165px; height:42px; line-height:42px;}
.joinInfo .p4 .np1 a{ color:#fff; padding-left:14px; display:block;}
.joinInfo .p4 .np2{ margin-left:190px; height:42px; line-height:42px; color:#85a5c2;}
.joinInfo .p4 .np2 a{ color:#85a5c2;}



.brands{}
.brands .p1{ padding-bottom:60px; }
.brands .p1 li{ padding-bottom:30px;}
.brands .p1 h3{ font-size:22px; color:#862c2a;}
.brands .p1 .p{ font-size:16px; line-height:20px; padding-top:5px;}
.brands .p2{ padding-right:100px;}
.brands .p2 ul{ background:url(/images/uploads/line1.jpg) center top no-repeat; padding-top:20px;}
.brands .p2 li{ padding-bottom:30px; float:left; width:50%; text-align:center;}
.brands .p2 h3{ font-size:18px;  color:#666666;}
.brands .p2 .p{ font-size:14px; line-height:20px; padding-top:6px;}

.aboutNav{ position:absolute; left:50%; bottom:280px; z-index:120; margin:0 0 0 -300px;}
.aboutNav ul{ height:56px; background:url(/images/uploads/line1.png) no-repeat 50px 14px;}
.aboutNav ul li{ margin-right:50px; text-align:center; float:left; background:url(/images/uploads/dian1.png) no-repeat center 8px;}
.aboutNav ul li a{ display:block; padding-top:35px; font-size:14px; color:#FFF; float:left; width:100px;}
.aboutNav ul li a:hover,.aboutNav ul li.over a{ background:url(/images/uploads/dian2.png) no-repeat center top;}
.atext1{ background:url(/images/uploads/tm1.png) repeat; padding-left:22px; width:625px; height:69px; line-height:69px; font-size:40px; color:#fff; position:absolute; right:0px; top:160px; z-index:130;}
.atext2{ font-size:40px; color:#fff; position:absolute; left:330px; top:160px; z-index:130;}
.atext3{ font-size:40px; color:#fff; position:absolute; opacity:0.33; left:330px; top:210px; z-index:130;}