/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */



/* QQ：9490489 */



/* 仿站：Fang.AdminBuy.Cn */



/* 素材：Sc.AdminBuy.Cn */



/*** ESSENTIAL STYLES ***/



.sf-menu, .sf-menu * {



	margin: 0;



	padding: 0;



	list-style: none;



}



.sf-menu {



	line-height: 1.0;



}



.sf-menu ul {



	position: absolute;



	top: -999em;



	width: 13em; /* left offset of submenus need to match (see below) */



}



.sf-menu ul li {



	width: 115px;

	

	text-align:center



}



.sf-menu li:hover {



	visibility: inherit; /* fixes IE7 'sticky bug' */



}



.sf-menu li {



	float: left;



	position: relative;



}



.sf-menu a {



	display: block;



}



.sf-menu li:hover ul, .sf-menu li.sfHover ul {



	left: 0;



	top: 2.4em;



*top:2.2em; /* ie6,7 bug */



	z-index: 99;



}



ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {



	top: -999em;



}



ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {



	left: 15em; /* match ul width */



	top: 0;



}



ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {



	top: -999em;



}



ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {



	left: 15em; /* match ul width */



	top: 0;



}



/*** DEMO SKIN ***/



.youshi {

	width:1200px; 

	

	margin:0 auto}



.youshi .p1{

	font-size:35px; color:#025B9A; font-weight:bold}	

	

.youshi .p2{

	width:31px; border-bottom:1px #ccc solid; margin:10px}	



.youshi .p3{ font-size:14px; padding-bottom:20px}	



.youshi .div1{

	width:380px; height:200px; float:left; margin:10px}	



.youshi .p4{

	

	font-size:21px;

	

	font-weight:bold

	

	}	



.youshi .p5{

	line-height:30px;

	

	text-align:left;

	

	width:300px}	



.sf-menu a {



	border-left: 1px solid #fff;



	border-top: 1px solid #CFDEFF;



	padding: .75em 1em;



	text-decoration: none;



}



.sf-menu a, .sf-menu a:visited {



	color: #13a;



}



.sf-menu li {



	background: #BDD2FF;



}



.sf-menu li li {



	background: #AABDE6;



}



.sf-menu li li li {



	background: #9AAEDB;



}



.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {



	background: #CFDEFF;



	outline: 0;



}



/*** arrows **/



.sf-menu a.sf-with-ul {



	padding-right: 1.8em;/*min-width:1px;*/



}



.sf-sub-indicator {



	position: absolute;



	display: block;



	right: .75em;



	top: 1.05em; /* IE6 only */



	width: 10px;



	height: 10px;



	text-indent: -999em;



	overflow: hidden;



	background: url('../img/superfish-arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */



}



a > .sf-sub-indicator {



	top: .8em;



	background-position: 0 -100px; /* use translucent arrow for modern browsers*/



}



/* apply hovers to modern browsers */



a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {



	background-position: -10px -100px; /* arrow hovers for modern browsers*/



}



/* point right for anchors in subs */



.sf-menu ul .sf-sub-indicator {



	background-position: -10px 0;



}



.sf-menu ul a > .sf-sub-indicator {



	background-position: 0 0;



}



/* apply hovers to modern browsers */



.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {



	background-position: -10px 0; /* arrow hovers for modern browsers*/



}



/*** shadows for all but IE6 ***/



.sf-shadow ul {



	background: url('../img/superfish-shadow.png') no-repeat bottom right;



	padding: 0 8px 9px 0;



}



.sf-shadow ul.sf-shadow-off {



	background: transparent;



}



/*** 垂直 adding sf-vertical in addition to sf-menu creates a vertical menu ***/



.sf-vertical, .sf-vertical li {



	width: 10em;



}



/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */



.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {



	left: 10em; /* match ul width */



	top: 0;



}



/*** alter arrow directions ***/



.sf-vertical .sf-sub-indicator {



	background-position: -10px 0;



} /* IE6 gets solid image only */



.sf-vertical a > .sf-sub-indicator {



	background-position: 0 0;



} /* use translucent arrow for modern browsers*/



/* hover arrow direction for modern browsers*/



.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {



	background-position: -10px 0; /* arrow hovers for modern browsers*/



}





/*聚焦客户 辐射全国*/

.about_a{color: #fff;width: 302px;height: 450px;float: left;position: relative;}

.about_a .h3{color: #fff;position: absolute;top: 38px;left: 28px;}

.about_a .h4{color: #fff;position: absolute;top: 73px;left: 28px;}

.about_b{margin: 87px 450px 80px 302px;height: 450px;background-color: #3595e8;color: #FFF;}

.about_b h4{padding: 119px 36px 27px 43px;line-height: 1;}

.about_b p{color: #d8e7f9;padding: 0 36px 61px 43px;line-height: 1.5;}

.about_b a{margin-left: 43px;border: 1px solid  #fff;height: 44px;line-height: 44px;padding: 0 30px;color: #fff;display: inline-block;}

.about_c{width: 450px;height: 450px;background-color: #eff3f7;}

.about_c div{text-align: center;width: 150px;height: 150px;}

.about_c div em{font-style: normal;font-size: 36px;line-height: 36px;}

.about_c div span{vertical-align: bottom;line-height: 36px;display: block;padding-top: 45px;}

.about_white{background-color: #fff;color: #4c4c4c;}

.about_blue{color: #fff;background-color: #3595e8;}

.about_c div img{width: 150px;height: 150px;}

/*企业文化*/

.ani{-webkit-transition: all .3s;

-moz-transition: all .3s;

-ms-transition: all .3s;

-o-transition: all .3s;

transition: all .3s;

}

.wenhua_block{background: url(/skin/img/bg-wenhua.jpg) 50% 0 no-repeat;height: 595px;}

/*客户为中心*/



.kwicks{list-style: none;position: relative;margin: 0;padding:60px 0 0;}

.kwicks .fl{width: 260px;position: relative;z-index: 1;background-color: #FFF;}

.kwicks .fl .kwContent{position: absolute;background-color: #FFF;height: 70px;width: 260px;bottom: 0;left: 0;padding-top: 50px;overflow: hidden;}

	.kwContent em{font-style: normal;font-size: 20px;margin-bottom: 10px;line-height: 1.1;text-align: center;display: block;}

	.kwContent span{display: block;width: 45px;height: 3px;background-color: #000;margin: 0 auto;}

	.kwContent .p{display: none;}

.kwicks .fl.act .kwContent{position: absolute;background-color: #FFF;width: 372px;height: 255px;bottom: 0;left: 260px;padding: 75px 24px 0;}

.kwicks .fl.act{width: 680px;z-index: 2;box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);}

.act .kwContent em{text-align: left;}

.act .kwContent span{margin: 0;}

.act .kwContent .p{display: block;line-height: 2;padding-top: 10px;}

/*手风琴补充效果*/

.accordion{

	font-size: 0;

	white-space: nowrap;

	overflow: hidden;

	cursor: pointer;

}

.accordion-left{

	position: relative;

	width: 260px;

	height: 330px;

	display: inline-block;

	overflow: hidden;

	box-sizing: border-box;

}

.accordion-imgbox{

	position: absolute;

	bottom:120px;

	left: 0;

	width: 100%;

	height: 330px;

}

.accordion-titles{

	position: absolute;

	bottom: 0;

	left: 0;

	height: 120px;

	width: 100%;

	padding-top: 48px;

	box-sizing: border-box;

	transition: all .5s;

	background: #fff;

	border-right: 1px solid #f5f5f5;

}

.accordion-titles em{font-style: normal;font-size: 20px;margin-bottom: 10px;line-height: 1.1;text-align: center;display: block;}

.accordion-titles span{display: block;width: 45px;height: 3px;background-color: #2d91ea;margin: 0 auto;}

.accordion-right{

	display: inline-block;

	width: 420px;

	height: 330px;

	vertical-align: top;

	padding-left: 25px;

	padding-right: 25px;

	padding-top: 65px;

	box-sizing: border-box;

}

.accordion-right .accordion-titles{

	position: relative;

}

.act .accordion-left .accordion-titles{bottom:-120px;overflow: hidden;}

.act .accordion-left .accordion-titles em{font-size: 0;}

.act .accordion-imgbox{bottom: 0;}

.accordion-content{font-size: 14px;line-height: 1.5;white-space:normal;}

.accordion-right .accordion-titles{height: auto;padding-top: 0; margin-bottom: 20px;}

.accordion-right .accordion-titles em{text-align: left;}

.accordion-right .accordion-titles span{margin-left: 0;}



/*服务*/

.servLst{padding-top: 65px;}

.servItem{width: 25%;text-align: center;position: relative;}

.servItem i{display: block;width: 1px;height: 56px;background-color: #e5e5e5;position: absolute;right: 0;top:50%;margin-top: -28px}

.servImg{position: relative;width: 72px;height: 82px;margin: 0 auto 15px;}

.servImg img.imgBd{position: absolute;width: 60px;height: 68px;top: 0;left: 6px;opacity: 0;}

.servImg>img{width: 60px;height: 68px;margin-top: 6px;}

.servItem:hover .servImg>img{width: 72px;height: 82px;margin-top: 0;}

.servItem:hover .servImg img.imgBd{opacity: 1;width: 89px;height: 103px;top: -9px;left: -9px;max-width: inherit;}

/*优势*/

.youshi_block{background:#3c93e1 url(/skin/img/bg-youshi.jpg) 50% 100% no-repeat;padding: 45px 0;color: #fff;}

.youshi_lst{padding-top: 20px;}

.youshi_block .h4{color: #fff;}

.youshiItm{width: 25%;position: relative;}

.youshiItm i{width: 1px;position: absolute;top: 0;bottom: 0;right: 0;background-color: #65a2dc;background-color: rgba(255,255,255,.1);display: block;}

.youshiItm img{display: block;margin: 18px auto 15px;width: 94px;height: 96px;}

.youshiItm:hover img{width: 112px;height: 114px;margin: 9px auto 6px;}

.youshiItm p{text-align: center;font-size: 16px;}



/*合作伙伴*/

.labelA img{position: absolute; margin: auto;top: 0;left: 0;right: 0;bottom: 0;}

.labelAct{border-radius:5px; box-shadow:0px 4px 8px 2px #f8f8f8 ;}

.labelWrap{width: 1200px;overflow: hidden;}

.labelList {overflow: hidden;height:400px;}

.labelList li{width: 220px;height: 110px;margin: 42px 10px;float: left;}

.labelList a{width: 220px;height: 100px;display: block;position: relative;}

.labelList a img{position: absolute;}

.labelHead{position: relative;z-index: 9;}

.labelHead a{width: 56px;height: 56px;background: url(/skin/img/btn-labelslide.png) no-repeat;position: absolute;top: 150px;}

.labelHead a.next{background-position: -93px 0;right: -45px;}

.labelHead a.prev{background-position: 0 0;left: -45px;}



.w{width: 1200px;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}



.blockWrap{padding-bottom: 95px;padding-top: 95px}



.fl{float:left;}

.fr{float:right;}



.tc{text-align:center !important;}