﻿.header {width:100%; height:100px;background:#fff;z-index:5;border-bottom:1px solid #e0e0e0;position:fixed; z-index:100;min-width:1200px;}
.logo{width:142px;float:left;padding-top:10px; padding-left:50px;}
.nav .navTop {position:absolute;top:0px;display:none;height:4px;background:#455318;}
.nav .navTop {transition-duration: .5s;	-ms-transition-duration: .5s;-moz-transition-duration: .5s;	-webkit-transition-duration: .5s;}
.nav {width:930px;float:right;height:100px;	position:relative;}
.nav .child {position:relative;	float:left;	width:90px;	height:100px;line-height:120px;	text-align:center;color:#666; }
.nav .child.navChildSearch {line-height:20px !important;}
.nav .child:hover .title {color:#455318;}
.nav .child .title {font-size:16px;	color:#666;}
.nav .child .title {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.nav .child.on .title {color:#455318;}
.nav .child .childContent {	display:none;position:absolute;	top:100px;	width:160px;left:-35px;}
.nav .child .childContent .childContentLi {background:#455318;color:#fff;font-size:14px;height:38px;line-height:38px;border-bottom:1px solid #455318;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
	-ms-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
	-o-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
	box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
	transition-duration: .5s;
}
.nav .child .childContent .childContentLi:hover {background:#455318;transition-duration: .5s;color:#fff;}

/*animate*/
@keyframes rightOpacityShow {0% {transform: translateX(-80px);opacity:0;}80% {transform: translateX(20px);}100% {transform:translateX(0);opacity:1;}}


.slidebox{width:100%;position:relative;z-index:99;}
.slideshow{width:100%;height:765px;margin:0 auto;overflow:hidden;position:relative; padding-top:100px;}
.slideshow ul{position:relative;width:4000px;overflow:hidden;}
.slideshow li{float:left;}
.slideshow li img{width:100%;height:auto;}

.slidebox .item-btn,.about-index-img .item-btn,.related-wrap .item-btn{width:48px;height:54px;position:absolute;z-index:99;top:50%;margin-top:-24px;background:url(../images/spirit.png) no-repeat left -54px;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:-webkit-transform 0.3s ease-in-out,opacity 0.3s ease-in-out;-moz-transition:-moz-transform 0.3s ease-in-out,opacity 0.3s ease-in-out;-o-transition:-o-transform 0.3s ease-in-out,opacity 0.3s ease-in-out;-ms-transition:-ms-transform 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:transform 0.3s ease-in-out,opacity 0.3s ease-in-out;}
.slidebox:hover .item-btn,.about-index-img:hover .item-btn,.related-wrap:hover .item-btn{opacity:1;filter:alpha(opacity=100);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.slidebox .prev,.about-index-img .prev,.related-wrap .prev{left:100px;background-position:left -74px;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-o-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);}
.slidebox .prev:hover,.about-index-img .prev:hover,.related-wrap .prev:hover{background-position:left -149px;}
.slidebox .next,.about-index-img .next,.related-wrap .next{right:100px;background-position:-92px -74px;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-o-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);}
.slidebox .next:hover,.about-index-img .next:hover,.related-wrap .next:hover{background-position:-92px -149px;}

.slidelist{position:absolute;left:50%;bottom:55px;width:100%;z-index:99;padding:18px 5px 0 5px;}
.slidelist ul{float:left;width:180%;}
.slidelist li{width:13px;height:12px;float:left;margin-right:10px;background:url(../images/spirit.png) no-repeat -33px top;cursor:pointer;position:relative;}
.slidelist li.active{background:url(../images/spirit.png) no-repeat -52px top;}
.slidelist > i{width:19px;height:12px;background:url(../images/spirit.png) no-repeat left top;position:absolute;left:0;top:0;}

.zxgg{ border-bottom:1px solid #eee; height:65px;}
.zxgg-ok{ margin:0 auto; width:1200px;}
.zxgg-ok dl dt{ float:left; width:130px; height:65px; background:url(../images/zxgg.jpg) left center no-repeat; line-height:65px; padding-left:55px; font-size:20px; color:#455318; font-weight:bold;}
.zxgg-ok dl dd{ float:right; width:1000px; line-height:65px; font-size:16px;}
.zxgg-ok dl dd a{ color:#000;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; padding-right:100px;}
.zxgg-ok dl dd a:hover{ color:#455318;}


#zxgg .swiper-button-next{background:url(../images/r.jpg) left center no-repeat;}
#zxgg .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(../images/l.jpg) left center no-repeat; left:inherit; right: 40px;}




/*案例展示*/
.case_con{width:1200px; margin:0 auto; padding:8px 0; padding-top:38px;}
.case_title{width:100%;position:relative;font-size:34px;color:#f2541c;text-align:center;margin-top:60px;}
.case_title span{display:inline-block;font-size:55px;color:#e8e8e8;position:absolute;left:0px;top:-45px;width:100%;text-align:center;}
.case_title em{position:relative;z-index:2;}
.case_title i{display:inline-block;width:30px;height:1px;background:#b1b1b1;position:relative;top:-10px;margin:0px 13px 0px 10px;z-index:2;}

.case_title p{font-size:22px;color:#515151;margin-top:10px;font-weight:500;}

.case_box_wrap{width:1200px;height:385px;margin-top:35px;}
.case_box_left{width:258px;height:388px;float:left;background:#f4f4f4;}

.caseBoxBtns{display:block;float:left;width:100%;height:45px;background:#f4f4f4;text-indent:20px;line-height:45px;color:#383838;font-size:16px;transition:0.3s;}
.caseBoxBtns:hover,.caseBoxBtns.active{background:#455318;color:#fff;}

.caseBoxBtns i{display:inline-block;width:25px;height:25px;position:relative;top:7px;*top:2px;margin-right:8px;transition:0.3s;}
.caseBoxBtn01 i{background:url(../images/icon.png) 2px -525px no-repeat;}
.caseBoxBtn02 i{background:url(../images/icon.png) 1px -572px no-repeat;}
.caseBoxBtn03 i{background:url(../images/icon.png) 0px -620px no-repeat;}
.caseBoxBtn04 i{background:url(../images/icon.png) 0px -668px no-repeat;}
.caseBoxBtn05 i{background:url(../images/icon.png) 2px -716px no-repeat;}
.caseBoxBtn06 i{background:url(../images/icon.png) 0px -763px no-repeat;}
.caseBoxBtn07 i{background:url(../images/icon.png) 0px -810px no-repeat;}

.caseBoxBtn01:hover.caseBoxBtn01 i,.caseBoxBtn01 i.active{background:url(../images/icon.png) -41px -525px no-repeat;}
.caseBoxBtn02:hover.caseBoxBtn02 i,.caseBoxBtn02 i.active{background:url(../images/icon.png) -42px -572px no-repeat;}
.caseBoxBtn03:hover.caseBoxBtn03 i,.caseBoxBtn03 i.active{background:url(../images/icon.png) -43px -620px no-repeat;}
.caseBoxBtn04:hover.caseBoxBtn04 i,.caseBoxBtn04 i.active{background:url(../images/icon.png) -43px -668px no-repeat;}
.caseBoxBtn05:hover.caseBoxBtn05 i,.caseBoxBtn05 i.active{background:url(../images/icon.png) -41px -716px no-repeat;}
.caseBoxBtn06:hover.caseBoxBtn06 i,.caseBoxBtn06 i.active{background:url(../images/icon.png) -43px -763px no-repeat;}
.caseBoxBtn07:hover.caseBoxBtn07 i,.caseBoxBtn07 i.active{background:url(../images/icon.png) -43px -810px no-repeat;}


.case_box_right{width:942px;height:388px;float:left;overflow:hidden;position:relative;}
.case_picshow_list{width:942px;height:99999px;position:relative;top:0px;background:#111;transition:0.5s;}

.case_picshow_wrap{width:942px;height:388px;position:relative;}
.case_picshow_box{width:942px;height:388px;background:#111;position:relative;}
.case_picshow_box li{width:942px;height:388px;position:absolute;left:0px;top:0px;display:none;}
.case_picshow_box li img{width:942px;height:388px;}
.case_picshow_focus{width:100%;height:54px;background:url(../images/casefade.png) center bottom no-repeat;position:absolute;left:0px;bottom:0px;z-index:1;text-align:right;}
.case_picshow_focus a{display:inline-block;width:30px;height:8px;background:#9292a7;position:relative;margin-top:24px;margin-right:5px;left:-20px;transition:0.3s;}
.case_picshow_focus a:hover,.case_picshow_focus a.active{background:#fff;}
.case_picshow_text{height:54px;position:absolute;left:0px;bottom:0px;z-index:2;}
.case_picshow_text p{text-indent:35px;width:100%;height:54px;line-height:54px;color:#fff;font-size:16px;display:none;}

.case_picshow_btn a{display:block;width:41px;height:69px;position:absolute;z-index:3;transition:0.3s;}
.case_picshow_btn a:hover{opacity:0.8;filter:alpha(opacity=80);}
.case_prev{background:url(../images/icon.png) -172px -623px no-repeat;left:-41px;top:160px;}
.case_next{background:url(../images/icon.png) -232px -623px no-repeat;right:-41px;top:160px;}

.case_picshow_wrap:hover.case_picshow_wrap .case_prev{left:0px;}
.case_picshow_wrap:hover.case_picshow_wrap .case_next{right:0px;}


.case_news_scroll_wrap{width:100%;height:140px;color:#fff;margin:20px 0px 50px 0px;}
.case_news_scroll{width:923px;height:140px;position:relative;overflow:hidden;float:right; padding-left:9px;}
.case_news_scroll ul{width:99999px;position:relative;left:0px;transition:0.5s;}
.case_news_scroll li{width:214px;height:138px;float:left;margin-right:15px; border:1px solid #e5e5e5; position:relative;background:#fff;transition:0.3s;overflow:hidden; text-align:center;}
.case_news_scroll li img{width:214px;height:137px;}
.case_news_scroll li .caseNewsText{position:absolute;width:100%;height:140px;left:0px;top:90px;z-index:1;background:url(../images/casefade2.png) center 0px;color:#fff;padding:20px 0 0px 0;font-size:18px;cursor:pointer;transition:0.5s;}
.case_news_scroll li .caseNewsText h4{font-size:14px;font-weight:500;margin-bottom:5px;}
.case_news_scroll li .caseNewsText p{width:183px;margin:0px auto;font-size:12px;color:#fff;text-indent:0px;line-height:20px;}
.case_news_scroll li .caseNewsText span{color:#ff0000;position:absolute;right:30px;top:110px;font-size:12px;}

.caseNewsLiBtn:hover.caseNewsLiBtn .caseNewsText{background:url(../images/casefade2.png) center -80px;color:#fff;z-index:5;top:60px; padding-top:10px;}
.caseNewsLiBtn:hover.caseNewsLiBtn .caseNewsText h4{}

.case_news_scroll_btn{width:100%;}
.case_news_scroll_btn a{display:inline-block;width:41px;height:69px;position:absolute;z-index:2;opacity:0.5;filter:alpha(opacity=50);transition:0.3s;}
.case_news_scroll_btn a:hover{opacity:1;filter:alpha(opacity=100);}
.case_news_scroll_btn .case_news_scroll_prev{background:url(../images/icon.png) -172px -623px no-repeat;left:-41px;top:40px;}
.case_news_scroll_btn .case_news_scroll_next{background:url(../images/icon.png) -232px -623px no-repeat;right:-41px;top:40px;}

.case_news_scroll:hover.case_news_scroll .case_news_scroll_prev{left:0px;}
.case_news_scroll:hover.case_news_scroll .case_news_scroll_next{right:0px;}

.case_news_scroll_btn a{display:block;width:41px;height:69px;position:absolute;z-index:3;transition:0.3s;}
.case_news_scroll_btn a:hover{opacity:0.8;filter:alpha(opacity=80);}

.case_news_btn{display:block;float:left;width:226px;height:30px;background:#000 url(../images/sp.jpg) 0px 0px no-repeat;transition:0.3s; padding-left:20px; font-size:14px; color:#fff; padding-top:110px;}
.case_news_btn:hover{ color:#ccc; }


.customer_title{width:100%;text-align:center;margin:35px 0px;}
.customer_title h3{color:#f2541c;font-size:36px;font-weight:500;}
.customer_title p{color:#474646;font-size:22px;margin:10px 0px;}

.customer_text{width:100%;background:#fff;text-align:center;padding:35px 0px;}
.customer_link{width:930px;text-align:left;margin:0px auto;color:#323232;}
.customer_link a{padding-right:5px;margin-bottom:5px;*margin-bottom:0px;color:#323232;transition:0.3s;display:inline-block;cursor:default;}
/*.customer_link a:hover{color:#e34a0d;}*/


/* end of footer.scss */
.flo-left {float:left; padding-left:20px;}
.flo-right {float:right; padding-right:20px;}
.access { height: 1px; left: 0; overflow: hidden; position: absolute; top: -500px; width: 1px; }

.list {height:335px; overflow: hidden; position: relative; margin-top:20px; margin-bottom:20px;}
.list li{ border-bottom: 1px solid #e3e3e3; position:relative; padding:15px 12px;transition:0.5s;}
.list li:hover{ background:#26448b; color:#FFF;transition:0.5s;}
.list li:hover a .date{color:#FFF;transition:0.5s;}
.list li:hover a p{color:#FFF;transition:0.5s;}

.list .date{ font-size:16px; font-weight:bold; }
.list a .date{color:#000;}
.list h3{ height: 18px; position: relative; font-size: 1em; font-weight: 400; line-height: 18px; }
.list p{margin: 0 5px 0 0px; line-height: 1.3; overflow: hidden;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.list a{ font-size: 1em; }
.list .new{ width: 25px; float: right; position: absolute; right: 0; top: 0; display: inline-block; *display: inline; *zoom: 1; text-indent: -9999px; *text-indent: 0; *font-size: 0px; *line-height: 0px; background: url(../images/nvi.png) no-repeat scroll 0 center transparent; }
.arrow-up, .arrow-down{ width: 30px; height: 31px; display: block; background: url(../images/news-up.png) no-repeat center 0 transparent; }
.arrow-up:hover, .arrow-down:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
.arrow-down { background-image: url(../images/news-down.png); }

.jjgd{ height:448px; overflow:hidden; margin:0 auto; width:1200px;}
.parentAll ul{  overflow:hidden; float:left; width:1200px;}
.parentAll li{ width:196px; height:130px;  float:left; text-align:center; margin:0 0px 5px 4px; }
.parentAll li a{display: table-cell;vertical-align:middle; *display:block;*font-size:175px;*font-family:Arial; width:190px; height:126px; line-height:126px; overflow:hidden;text-align:center;}
.parentAll li a img{
	max-width:190px;   /* 宽度 */ 
	max-height:126px; /* 高度 */ 
	vertical-align:middle;
	-ms-interpolation-mode: bicubic; overflow:hidden;
	}
.parentAll li a img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;}
.parentAll li a:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}


.parentAll .ScrollBox{ width:1200px; height:410px;}
.schoolTit2{ margin:0 auto; width:1200px;}
.schoolTit2 ul{ height:auto;}
.parentAllCon{ width:1200px; height:396px; margin:20px auto; overflow:hidden; position:relative;}
.parentAll{ position:relative; }
.parentAll .scrollPage{ text-align:center; }
.parentAll .scrollPage span{ display:inline-block;  cursor:pointer; width:13px; height:13px; margin:0 3px; overflow:hidden; background:url(../images/scroll.png) no-repeat 0 0;}
.parentAll .scrollPage span.on{background-position:0 -13px;}
.parentAll {position:relative; overflow:hidden;}
.parentAll .ScrollBox{ position:relative; overflow:hidden; margin:0 auto; }
.parentAll .ScrollBox ul{float:left;}
.parentAll .ScrollBox li{ overflow:hidden; position:relative; float:left;}
.ScrollBox ul li a:hover{ color:#139813;}

.parentAll .SelectScrollPN{ position:absolute; top:190px; width:100%; z-index:10;}
.parentAll .SelectScrollPN span{ display:block; width:36px; height:67px; overflow:hidden; cursor:pointer; position:absolute; background:url(../images/partnerarrow.jpg) no-repeat;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
.parentAll .SelectScrollPN span.prev{ left:-60px;}
.parentAll .SelectScrollPN span.next{ background-position:-53px 0; right:-60px;}
.parentAll .SelectScrollPN span:hover{ background-color:#c50023;}

.parentAll:hover .SelectScrollPN span.prev{ left:0;opacity: 0.7;}
.parentAll:hover .SelectScrollPN span.next{ background-position:-70px 0; right:0;opacity: 0.7;}
.parentAll .SelectScrollPN span.prev:hover,.parentAll .SelectScrollPN span.next:hover{ opacity: 1; }



.sch-teacher{ padding-top:30px;}
.sch-teacher .slider-box {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
}
.sch-teacher .slider-box .btn {
  position: absolute;
  display: block;
  width: 46px;
  height: 46px;
  background: url(../images/hs_btn01.png) no-repeat;
  top: 365px;
  cursor: pointer;
  z-index: 2;
}
.sch-teacher .slider-box .btn.prev {
  left: 50%;
  margin-left: -440px;
  background-position: 0 0;
}
.sch-teacher .slider-box .btn.prev:hover {
  background-position: 0 100%;
}
.sch-teacher .slider-box .btn.next {
  right: 50%;
  margin-right: -440px;
  background-position: 100% 100%;
}
.sch-teacher .slider-box .btn.next:hover {
  background-position: 100% 0;
}
.sch-teacher .slider {
  position: relative;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  overflow: hidden;
}
.sch-teacher .slider li {
  position: relative;
  float: left;
  width: 225px;
  margin: 80px 3px 0;
  opacity: .5;
  text-align: center;
}
.sch-teacher .slider li img {
  width: 225px;
  height: 140px;
}
.sch-teacher .slider li .tit {
  font-size: 14px;
  line-height: 2;
  color: #fff; font-weight:bold;
}
.sch-teacher .slider li .txt {
  display: none;
}
.sch-teacher .slider li.cent {
  width: 510px;
  margin: 0 -22px;
  z-index: 1;
  opacity: 1;
}
.sch-teacher .slider li.cent img {
  width: 510px;
  height:317px;
}
.sch-teacher .slider li.cent .tit {
  font-size: 24px;
  margin: 16px 0 15px;
}
.sch-teacher .slider li.cent .txt {
  display: block;
  margin: 0 -30px;
  color:#FFF; font-size:16px;
}



#lrzj_x {
	width:1200px;
	overflow: hidden;
	margin: 0 auto 20px;
	position: relative;
	background: url('../images/dot.gif') center 375px repeat-x; overflow:hidden; height:460px;
}
#dates {
	height: 100px;
	overflow: hidden;
	padding:0 600px;
}
#dates li {
	list-style: none;
	float: left;
	width: 180px;
	height: 58px;
	font-size: 16px;
	text-align: center;
	line-height:108px;
	background: url('../images/biggerdot.png') center top no-repeat;
}
#dates a {
	padding-bottom: 10px;
}
#dates .selected {
	font-size:22px;
	padding-bottom:20px; line-height:104px; color:#455318;
}
#lrzj_line {
	width: 1080px;
	overflow: hidden;
	padding-bottom:40px;
}
#lrzj_line li {
	width: 1080px;
	list-style: none;
	float: left;
}
.line-wgs{margin:45px 30px 30px 120px;}
.line-wgs dl dt{ float:right; width:450px; padding-top:35px; font-size:16px;}
.line-wgs dl dd{ float:left; width:468px; text-align:center;}



#lrzj_line li h1 {
	color: #455318;
	font-size: 24px; font-weight:normal; padding-bottom:8px;
}
#grad_left,  #grad_right {
	width: 100px;
	height: 450px;
	position: absolute;
	top: 0;
}
#grad_left {
	left: 0;
	background: url('../images/grad_left.png') repeat-y;
}
#grad_right {
	right: 0;
	background: url('../images/grad_right.png') repeat-y;
}
#next,  #prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 150px;
	width: 22px;
	height: 54px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#next:hover,  #prev:hover {
	background-position: 0 -60px;
}
#next {
	right: 0;
	background-image: url('../images/next.png');
}
#prev {
	left: 0;
	background-image: url('../images/prev.png');
}
#next.disabled,  #prev.disabled {
	opacity: 0.2;
}



/* Slidorion */
#slidorion{	width:1110px;height:317px;position:relative;left:50%;margin-left:-555px;*margin-left:-555px;}
#slider{width:770px;height:317px;position:relative;float:left;overflow:hidden;}
#slider div{position:absolute;width:100%;height:100%;}

/* accordion */
#accordion{	width:340px;height:317px;font-family:Verdana;position:relative;z-index:1;overflow:hidden;float:right;}
#accordion .link-header{padding:10px 18px;font-size:14px;font-weight:bold;color:#fff;background:#999; border-bottom:1px solid #ccc;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
#accordion .link-header:first-child{border-top:none;}
#accordion .link-header:hover{background:#455318;cursor:pointer;}
#accordion .link-header.active{border-bottom:none;background:#455318!important;filter:none;color:#fff;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

#accordion .link-content{
	height:159px;font-weight:normal;margin:0;padding:20px;border:none;overflow: hidden;color:#333; line-height:22px;
	
}
#accordion .link-content a{ padding-top:8px;color:#455318; font-weight:800; background:url(../images/sj.jpg) no-repeat right 14px; padding-right:10px; text-align:right; font-size:14px;}
#accordion .link-content a:hover{color:#333}


.lanrenzhijia{width:1120px;height:650px;position:relative; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:15px;height:70px;top:536px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(../images/prevbtn.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(../images/prevbtntop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(../images/nextbtntop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/nextbtn.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf li span{display: block;width: 1120px; position: absolute; left: 0; bottom: 0;padding: 10px 20px;line-height: 22px;text-align:left;background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000") 6}
.lanrenzhijia .picBox{height:530px;position:relative;overflow:hidden;}
.lanrenzhijia .picBox ul{height:530px;position:absolute;}
.lanrenzhijia .picBox li{width:1120px;height:530px;}


.lanrenzhijia .listBox{width:1080px;height:100px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.lanrenzhijia .listBox ul{height:100px;position:absolute;}

.lanrenzhijia .listBox li{width:129px;height:70px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:124px;height: 70px;}
.lanrenzhijia .listBox li img{width:124px;height: 70px;}
.lanrenzhijia .listBox .on img{width: 118px;height: 64px;border:3px solid #AEAEAE;}
.lanrenzhijia .listBox .on i{display:block;}




.f-cb li{ float:left;list-style: none;}

.brand-video{ background:#FFF;

}
.brand-video .video-box{
	width: 100%;
	position: relative; background:#000;
}
.brand-video .big-video{
	height: 565px;
}
.brand-video .video-box video{
	width: 100%;
	height: 100%;
}
.brand-video .video-box .video-img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.brand-video .video-box .video-img .mask{
	position: absolute;
	left: 50%;
	top:50%;
	width: 76px;
	height: 76px;
	background: url(../images/video_mask.png) no-repeat 0 0;
	margin: -38px 0 0 -38px;
}
.brand-video .video-box .video-img .tit{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 150px;
	background: url(../images/video_mask_bg.png) repeat-x;
}
.brand-video .video-box .video-img .tit p{
	font-size: 22px;
	color: #ffffff;
	height: 24px;
	line-height: 24px;
	margin: 88px auto 0;
	width: 90%;
}
.brand-video .video-list{ padding:35px;}
.brand-video .video-list li{
	width: 219px;
	text-align: center;
	margin:0 3px;
}
.brand-video .video-list li:hover .mask{
	position: absolute;
	left: 50%;
	top:72.3%;
	width: 76px;
	height: 76px;
	background: url(../images/video_mask.png) no-repeat 0 0;
	margin: -38px 0 0 -38px;
}

.brand-video .video-list li p{
	font-size: 14px;
	color: #666666;
	line-height: 3;
}
.brand-video .pc-box .more{
	display: block;
	width: 174px;
	height: 49px;
	line-height: 49px;
	text-indent: 78px;
	margin: 50px auto 0;
	background: #939393 url(../images/more_ico.png) no-repeat 42px center;
	font-size: 16px;
	color: #ffffff;
}
.brand-video .pc-box .more:hover{
	background-color: #ff0000;
}






