@charset "GBK";
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, keygen, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input, textarea, select, button { margin:0; padding:0;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {}
ol, ul { list-style:none;}
img{border:0;}
body, html { font-family: "微软雅黑"; color:#333333; font-size:16px; background-color:#ffffff;
/**	
-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
**/
}
a { color:#333333; font-size:16px; text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
a:hover { color:#CC0000;}
.clear{ clear:both; height:0;  line-height:0; font-size:0}

table{border-left:1px solid #cccccc; border-top:1px solid #dddddd; margin:auto; text-align:center;}
table td{border-right:1px solid #cccccc; border-bottom:1px solid #dddddd; padding:5px 12px 5px 12px; text-align:center;}
table td p{text-align:left;}
.no_tb{border-left:0px solid #ffffff; border-top:0px solid #ffffff; margin:auto; text-align:center;}
.no_tb td{border-right:0px solid #ffffff; border-bottom:0px solid #ffffff; text-align:center; padding:5px 12px 5px 12px;}
.no_tb td p{text-align:left;}

select{padding:5px; outline:none; }

.fd{max-width: 100%; 
	transition: all 0.8s;
	-webkit-transform: all 0.8s;    /* for Chrome || Safari */
	-moz-transform: all 0.8s;       /* for Firefox */
	-ms-transform: all 0.8s;        /* for IE */
	-o-transform: all 0.8s;         /* for Opera */
	display:block;
}
.fd:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);    /* for Chrome || Safari */
	-moz-transform: scale(1.1);       /* for Firefox */
	-ms-transform: scale(1.1);        /* for IE */
	-o-transform: scale(1.1);        /* for Opera */
}

/*首字母大写*/
.a{text-transform:capitalize;}
/*全都是大写*/
.b{text-transform:uppercase;}
/*全都是小写*/
.c{text-transform:lowercase;}

/*动画效果*/
@-webkit-keyframes fadeIn {
	0% {
	opacity: 0; /*初始状态 透明度为0*/
	}
	20%{
		filter:alpha(opacity=20); /* IE */
		-moz-opacity:0.2; /* 老版Mozilla */
		-khtml-opacity:0.2; /* 老版Safari */
		opacity: 0.2; /* 支持opacity的浏览器*/
	}
	50% {
		filter:alpha(opacity=50); /* IE */
		-moz-opacity:0.5; /* 老版Mozilla */
		-khtml-opacity:0.5; /* 老版Safari */
		opacity: 0.5; /* 支持opacity的浏览器*/
	}
	70%{
		filter:alpha(opacity=70); /* IE */
		-moz-opacity:0.7; /* 老版Mozilla */
		-khtml-opacity:0.7; /* 老版Safari */
		opacity: 0.7; /* 支持opacity的浏览器*/
	}
	100% {
		filter:alpha(opacity=100); /* IE */
		-moz-opacity:1; /* 老版Mozilla */
		-khtml-opacity:1; /* 老版Safari */
		opacity: 1; /* 支持opacity的浏览器*/
	}
}

.toe{
	/*超出省略号*/
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* function */
.f-clear { overflow:hidden; display:block; clear:both; height:0;}
.f-clearfix:before, .f-clearfix:after { content:''; display:table;}
.f-clearfix:after { clear:both;}
.f-clearfix,.f-zm { *zoom:1;}

/*网页样式*/
.wrapper{padding:0 10px 0 10px; max-width:1280px; min-width:260px; margin:auto;}
.wrap{padding:0 10px 0 10px; width:calc(100% - 20px); width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); min-width:260px; margin:auto;}


.head{ padding:20px 10px 15px 10px; width:calc(100% - 20px); width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); background-color:#FFFFFF;}
.head .logo{float:left; margin:0 0 0 10px;}
.head .logo h1{float:left;}
.head .logo > a{float:left;}
.head .logo p{float:left; height:52px; line-height:50px; background-image:url(../images/logo_bj.jpg); background-repeat:no-repeat; background-position:9px center; color:#989898; padding:0 0 0 22px;}
.head .logo p span{ color:#FFFFFF; display:inline; padding:0 10px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.head .nav{float:right;}
.head .nav li{float:left; padding:0 10px; line-height:45px; position:relative;}
.head .nav li a{ position:relative; display:block; }
.head .nav li a:hover{transition: all 0.5s; font-size:18px; font-weight:bold;} /* transition: all 1s;  transform-origin:(2%,75%);	rotateX 上下 */

.head .nav li:nth-child(11){ background-image:url(../images/shu.jpg); background-repeat:no-repeat; background-position:left center; cursor:pointer;}
.head .nav li:nth-child(12){ background-image:url(../images/tel.jpg); background-repeat:no-repeat; background-position:20px center; padding:0 20px 0 50px; color:#FE0000; font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif; line-height:42px;}

.head .nav li p{position:absolute; top:45px; left:-40px; display:none; z-index:999;}
.head .nav li:nth-child(9):hover p{ display:block;}
.head .nav li:nth-child(10):hover p{ display:block;}

/*滚动时浮动*/
.head-f{ padding:5px 10px 5px 10px; position:fixed; z-index:9998;
	box-shadow:0 1px 2px #cccccc;
}
.head-f .nav{padding:3px 0 0 0;}
.head-f .nav li{float:left; padding:0 10px; position:relative;
	transition: all 0.8s;
	-webkit-transform: all 0.8s;    /* for Chrome || Safari */
	-moz-transform: all 0.8s;       /* for Firefox */
	-ms-transform: all 0.8s;        /* for IE */
	-o-transform: all 0.8s;         /* for Opera */
}

/*手机点开*/
.nav-ico{ float:right; margin:4px 8px 0 0; display:none; width: 40px; height: 40px; line-height: 40px;}
.nav-ico img{ width: 100%; cursor:pointer;}

/*首页标题*/
.title{ padding:50px 0 2px 0; width:380px; margin:auto; background-image:url(../images/bj_xian.jpg); background-repeat:repeat-x; background-position:center 134px; text-align:center;}
.title div{height:70px; line-height:70px; font-size:48px; color:#222222; font-weight:bold;}
.title div span{font-weight:normal; font-family:"宋体";}
.title p{display:inline-block; line-height:28px; padding:0 10px 0 10px; font-size:12px; color:#2C2C2C; font-family:Arial, Helvetica, sans-serif; margin:auto; background-color:#FFFFFF;}

/*案例*/
.case-info{ text-align:center;}
.case-info span{display:inline-block; line-height:14px; border-right:1px solid #dddddd; padding:10px 20px 0 20px; font-size:14px; color:#666666;}
.case-info span:last-child{border-right:0;}

.case-list{ padding:20px 10px 10px 10px;}
.case-list li{float:left; position:relative; width:calc(25% - 20px); width:-moz-calc(25% - 20px); width:-webkit-calc(25% - 20px); margin:8px; border:1px solid #eeeeee; overflow:hidden;}
.case-list li > img{width:100%; 
height:auto; 
    display:block;
	transition: all 0.8s;
	-webkit-transform: all 0.8s;    /* for Chrome || Safari */
	-moz-transform: all 0.8s;       /* for Firefox */
	-ms-transform: all 0.8s;        /* for IE */
	-o-transform: all 0.8s;         /* for Opera */
}
.case-list li:hover > img{
	transform: scale(0.9);
	-webkit-transform: scale(0.9);    /* for Chrome || Safari */
	-moz-transform: scale(0.9);       /* for Firefox */
	-ms-transform: scale(0.9);        /* for IE */
	-o-transform: scale(0.9);        /* for Opera */
}
.case-list li > p{ height:50px; line-height:45px; padding:0 15px 0 15px; text-align:left; font-size:16px; font-weight:normal; overflow:hidden; background-color:#F1F1F1;}
.case-list li > p span{float:right;}
.case-list li .layer-bj{ position:absolute; left:0px; top:0px; width:100%; _width:100%; height:100%; background-image:url(../images/h-bj3.png); z-index:88; display:none;}
.case-list li .layer{ position:absolute; left:0px; top:0; width:100%; height:100%; z-index:99; display:none;}
/*
.case-list li .layer h2{height:40px; line-height:40px; font-size:20px; overflow:hidden; color:#FFFFFF;}
*/
.case-list li .layer a{ position:relative; display:block; width:100%; height:100%; background-image:url(../images/seach.png); background-repeat:no-repeat; background-position:center center;}

.case-list li:hover .layer-bj,
.case-list li:hover .layer{display:block;
	/*调用动画效果*/
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 1s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/
}

.case-more{ position:relative; display:block; width:calc(100% - 30px); width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); margin:auto; border-radius:40px; -moz-border-radius:40px;  -webkit-border-radius:40px; text-align:center; height:60px; line-height:60px; text-align:center; background-color:#EEEEEE; color:#333333; font-size:20px;}
.case-more:hover{ background-color:#000000; color:#FFFFFF;}


/*底部信息*/
.hei50{height:50px;}
.footer_box{background-color:#333333; padding:0px 0 0 0;}
.footer_box .foot{ padding:0 0 0 0; margin:auto; color:#9A9A9A;}
.footer_box .foot-title{ height:44px; line-height:44px; padding:30px 0 0 0; border-bottom:1px solid #666666; text-align:left; font-size:18px; color:#f3f3f3; font-weight:bold;}
.footer_box .foot .left{ float:left; width:calc(100% - 760px); width:-moz-calc(100% - 760px); width:-webkit-calc(100% - 760px); height:360px; overflow:hidden;}
.footer_box .foot .left .map{}

.footer_box .foot .right{ float:right; width:220px; line-height:34px; font-size:14px; margin-right:40px;}
.footer_box .foot .right p:nth-child(2){ font-size:24px; padding:10px 0 0 0; line-height:34px; height:34px; overflow:hidden; font-weight:bold;}
.footer_box .foot .right img{ max-width:220px; border:2px solid #ffffff;}
.footer_box .foot .right p:nth-child(3){line-height:20px;}

.footer_box .foot .contact{ float:left; width:420px; margin-left:40px;}
.footer_box .foot .contact p{padding:0 0 0 20px; background-repeat:no-repeat; line-height:34px; font-size:14px; background-position:left center;}
.footer_box .foot .contact p span{color:#FFFFFF;}
.footer_box .foot .contact p:nth-child(2){height:16px; line-height:16px;}
.footer_box .foot .contact p:nth-child(5){ background-image:url(../images/add.png);}
.footer_box .foot .contact p:nth-child(6){ background-image:url(../images/tel.png);}
.footer_box .foot .contact p:nth-child(7){ background-image:url(../images/email.jpg);}

.footer_box .foot .contact .bshare-custom{ padding:14px 0 0 0;}

.copyright{ padding:16px; text-align:center; line-height:24px; background-color:#2F2F2F; color:#868686; font-size:12px;}
.link{ background-color:#3D3D3D; padding:10px; line-height:25px; font-size:12px; border-top:1px solid #444444;}
.link p{float:left; color:#cccccc; margin:0 6px 0 6px;}
.link a{float:left; margin:0 6px 0 6px; color:#666666; font-size:12px;}


.er-banner{ height:300px; overflow:hidden; position:relative; background-repeat:no-repeat; background-position:center top; background-size: 100% auto;}
.er-banner img{width:100%;}
.er-banner p{position:absolute; width:100%; left:0; top:40%;  text-align:center; font-size:25px; line-height:60px; color:#CACBCC; text-transform:capitalize;}
.er-banner p span{ color:#FFFFFF; font-size:45px; font-weight:bold; position:relative; display:block;}

.hei30{height:30px;}



/*客服*/
.toolbar {
	width: 52px;
	position: fixed;
	right: 1%;
	top: 60%;
	margin-top: -115px;
	z-index: 999;
}
.toolbar dd {
	width: 51px;
	height: 51px;
	margin-bottom: 1px;
	position: relative;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin-top: 4px;
	border: #adadad solid 1px;
	background-color: #fff;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.toolbar dd i {
	width: 51px;
	height: 51px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.toolbar dd i span {
	width: 35px;
	height: 35px;
	display: block;
	margin: 8px 0 0 8px;
	background: url(../images/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
	display: none;
}
.toolbar .slide-tel {
	display: block;
	width: 0;
	height: 53px;
	line-height: 53px;
	font-size: 24px;
	font-weight: bold;
	font-family: arial;
	color: #FFF;
	position: absolute;
	padding: 0 0 0 53px;
	top: -1px;
	right: -2px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	overflow: hidden;
}
.toolbar .pop {
	position: absolute;
	right: 90px;
	top: -65px;
	background: #FF3333;
	display: none;
}
.toolbar .pop-code {
	width: 160px;
}
.toolbar .pop-code img {
	width: 120px;
	height: 120px;
	display: block;
	padding: 20px 20px 0;
}
.toolbar .pop-code h3 {
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
}
.toolbar .pop-code h3 b {
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.toolbar .qq span {
	background-position: -35px -47px;
}
.toolbar .qq a {
	width: 52px;
	height: 52px;
	cursor: pointer;
	display: block;
}
.toolbar .qq:hover {
	background-color: #FF3333;
	border-radius: 100%;
}
.toolbar .qq:hover span {
	background-position: 0 -47px;
}
.toolbar .tel span {
	background-position: -35px 0;
}
.toolbar .tel:hover {
	background: #FF3333;
}
.toolbar .tel:hover span {
	background-position: 0 0;
}
.toolbar .code span {
	background-position: -35px -95px;
}
.toolbar .code:hover {
	background-color: #FF3333;
	border-radius: 100%;
}
.toolbar .code:hover span {
	background-position: 0 -95px;
}
.toolbar .top span {
	background-position: -35px -142px;
}
.toolbar .top:hover {
	background-color: #FF3333;
	border-radius: 100%;
}
.toolbar .top:hover span {
	background-position: 0 -142px;
}
.toolbar dd:hover {
}