@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;}


/*  字体 图标 font-ico */
@font-face {
	font-family: 'Rjdaoico';
	src: url('../fonts/rjdaoico.ttf') format('truetype'), url('../fonts/rjdaoico.woff') format('woff'), url('../fonts/rjdaoico.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
i {
	/* use !important to prevent issues with browser extensions that change fonts*/
	font-family: 'Rjdaoico' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 30px;
	line-height: 1;
	/* Better Font Rendering ===========*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-0043:before{content: "\ec6b";}
.icon-0045:before{content: "\ec69";}
.icon-0050:before{content: "\ec64";}
.icon-0061:before{content: "\ec59";}
.icon-0092:before{content: "\ec3a";}
.icon-0108:before{content: "\ec2a";}
.icon-0174:before{content: "\ebe8";}
.icon-0177:before{content: "\ebe5";}
.icon-0190:before{content: "\ebd8";}
.icon-0213:before{content: "\ebc1";}
.icon-0241:before{content: "\eba5";}
.icon-0242:before{content: "\eba4";}
.icon-0254:before{content: "\eb98";}
.icon-0260:before{content: "\eb92";}
.icon-0307:before{content: "\eb63";}
.icon-0501:before{content: "\eaa2";}
.icon-0518:before{content: "\ea91";}
.icon-0523:before{content: "\ea8c";}
.icon-0512:before{content: "\ea97";}
.icon-0541:before{content: "\ea7a";}
.icon-0545:before{content: "\ea76";}
.icon-0560:before{content: "\ea67";}
.icon-0563:before{content: "\ea64";}
.icon-0625:before{content: "\ea26";}
.icon-0646:before{content: "\ea11";}
.icon-0665:before{content: "\e9fe";}
.icon-0679:before{content: "\e9f0";}
.icon-0716:before{content: "\e9cb";}
.icon-0720:before{content: "\e9c7";}
.icon-0737:before{content: "\e9b6";}
.icon-0761:before{content: "\e99e";}
.icon-0797:before{content: "\e97a";}
.icon-0827:before{content: "\e95c";}
.icon-0841:before{content: "\e94e";}
.icon-0969:before{content: "\ec98";}
.icon-0972:before{content: "\ec68";}

/*网页样式*/
.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{position:fixed; top:0; left:0; z-index:55555; padding:20px 10px 10px 10px; width:100%; margin:auto; 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 div{float:left;}
.head .logo > a{float:left;}
.head .logo p{float:left; height:52px; line-height:50px;  color:#222222; padding:0 0 0 12px;}
.head .logo p span{ color:#FFFFFF; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0 2px 0 0; background-color:#fe0201; width:22px; line-height:24px; text-align:center;
border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%;}
.head .logo h1{ float:left; height:52px; line-height:50px; color:#222222; font-size:16px; font-weight:normal;}
.head .nav{float:right;}
.head .nav li{float:left; padding:0 20px 0 20px; line-height:45px; position:relative;}
.head .nav li a{ position:relative; display:block; font-size:16px; color:#000000;  text-shadow: 1px 1px 1px #ffffff; -webkit-text-shadow: 1px 1px 1px #ffffff; -moz-text-shadow: 1px 1px 1px #ffffff;}
.head .nav li a:hover{background-position:left center;
	transition: all 0.2s; 
	-webkit-transform: all 0.2s;    /* for Chrome || Safari */
	-moz-transform: all 0.2s;       /* for Firefox */
	-ms-transform: all 0.2s;        /* for IE */
	-o-transform: all 0.2s;         /* for Opera */
	color:#FF0000;
	font-size:18px;
}   
 /* transition: all 1s;  transform-origin:(2%,75%);	rotateX 上下 */
.head .nav li:nth-child(7){}
.head .nav li:nth-child(7):before{content: "";}
.head .nav li:nth-child(8){ cursor:pointer;  border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.head .nav li:nth-child(8) i{ font-size:20px;}
.head .nav li:nth-child(9){ padding:0 10px 0 20px; color:#FE0000; font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif, microsoft yahei; line-height:42px;}
.head .nav li p{position:absolute; line-height:16px; font-size:14px; padding-bottom:15px; text-align:center; width:160px; top:45px; left:-50px; display:none; z-index:999; padding:10px 5px 10px ; background-color:#FFFFFF;}
.head .nav li p img{width:100%;}
.head .nav li i{font-size:22px;}


/*滚动时浮动*/
.head-f{ padding:6px 10px 5px 10px; z-index:9998; background-color: rgba(255,255,255,0.95) !important;
	box-shadow:0 1px 2px #cccccc;
}
.head-f .nav{padding:3px 0 0 0;}
.head-f .nav li{float:left; padding:0 15px 0 15px; 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 */
}

.head-k{height:90px;}

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

/*首页标题*/
.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;}
.title2{ width:80%;}
.title div{height:70px; line-height:70px; font-size:48px; color:#222222; font-weight:bold;}
.title div span{font-weight:normal; font-family:"宋体";}
.title h1{ line-height:70px; font-size:48px; color:#000000;}
.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-info a{font-size:14px !important; color:#666666 !important;}

.case-list{ padding:20px 10px 10px 10px;}
.case-list li{float:left; width:23%; 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 div{ position:relative; overflow:hidden;}
.case-list li div img{width:100%; 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 div 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 div .layer-bj{position:absolute; display:block; left:0px; top:0px; text-align:center; width:100%; _width:100%; height:20%; padding:40% 0 40% 0; background-color:#000000; background-color: rgba(0,0,0,0.7); z-index:88; display:none; color:#FFFFFF;}
.case-list li div .layer-bj i{font-size:70px;}
.case-list li:hover div .layer-bj{
	display:block;
	/*调用动画效果*/
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 0.5s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/
}
.case-list li .c-title{ 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 .c-title span{float:right;}
.case-list li .c-title span i{font-size:16px; color:#666666;}
.case-list li:hover .c-title{background-color:#CA0000; color:#FFFFFF; text-align:center;
/*调用动画效果*/
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 0.5s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/
}
.case-list li:hover .c-title span i{ color:#FFFFFF;}

.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:40%; width:calc(100% - 760px); width:-moz-calc(100% - 760px); width:-webkit-calc(100% - 760px); height:360px; overflow:hidden;}
.footer_box .foot .left .map{ height:360px; background-image:url(../images/map.jpg); background-repeat:no-repeat; background-position:center center; position:relative;}
.footer_box .foot .left .map a{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:center; padding:130px 0 0 10px;}
.footer_box .foot .left .map a i{ font-size:50px; color:#FE0000;}

.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){ line-height:34px; padding:16px 0 0 0;}
.footer_box .foot .right img{ max-width:120px; 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 0; background-repeat:no-repeat; line-height:34px; font-size:14px;}
.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 i{ font-size:14px; color:#f3f3f3;}
.footer_box .foot .contact p:nth-child(7){ padding:8px 0 0 0;}
.footer_box .foot .contact p:nth-child(7) a{ display:inline-block; font-size:26px; color:#FFFFFF; font-family:"Times New Roman", Times, serif; background-color:#D60000;
border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; -o-border-radius:40px; -ms-border-radius:40px; padding:4px 40px 6px 40px; font-weight:700;
}

.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;}
.copyright a{font-size:12px; color:#868686;}
.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:35%;  text-align:center; font-size:25px; line-height:60px; color:#ffffff; text-transform:capitalize; text-shadow: 1px 1px 1px #444444;}
.er-banner p span{font-size:45px; font-weight:bold; position:relative; display:block;}
.er-banner div{position:absolute; width:100%; left:0; top:35%;  text-align:center; font-size:25px; line-height:60px; color:#ffffff; text-transform:capitalize; text-shadow: 1px 1px 1px #444444;}
.er-banner div h2{font-size:45px; font-weight:bold; position:relative; display:block;}


.hei30{height:30px; line-height:30px;}

.tag{ padding:20px 0 0 0; text-align:left; font-size:14px; color:#777777;}
.tag a{ font-size:14px; color:#777777;}


/*跳动的动画*/
@-webkit-keyframes bounce-down {
 25% {-webkit-transform: translateY(-5px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(5px);}
}

@keyframes bounce-down {
 25% {transform: translateY(-5px);}
 50%, 100% {transform: translateY(0);}
 75% {transform: translateY(5px);}
}

.animate-bounce-down{ background:#333; width: 100px; height: 100px; margin:100px auto;-webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;
}

@-webkit-keyframes bounce-up {
 25% {-webkit-transform: translateY(10px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(-10px);}
}

@keyframes bounce-up {
 25% {transform: translateY(10px);}
 50%, 100% {transform: translateY(0);}
 75% {transform: translateY(-10px);}
}
.animate-bounce-up{ -webkit-animation: bounce-up 1.5s linear infinite;animation: bounce-up 1.5s linear infinite;}

/*客服*/
.kefu{ position:fixed; right:0; bottom:50%; width:50px; padding:6px 0 6px 0; border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px;  -webkit-border-radius:6px 0 0 6px; background-color:#FF0000; opacity:0.8; filter:alpha(opacity=80);}
.kefu li{ padding:10px 0 10px 0; min-height:25px; position:relative; border-bottom:1px solid #ffffff;}
.kefu li a{ position:relative; display:block; background-color:#FF0000; width:50px; text-align:center; z-index:333;}
.kefu li a i{color:#FFFFFF;}
.kefu li p{  position:absolute; top:0; left:50px; z-index:222; padding:10px 0 10px 10px; height:30px; line-height:30px; width:134px; right:-90px; border-radius:10px 0 0 10px;  -moz-border-radius:10px 0 0 10px;  -webkit-border-radius:10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:18px;
	transition: all 0.4s;
	-webkit-transform: all 0.4s;    /* for Chrome || Safari */
	-moz-transform: all 0.4s;       /* for Firefox */
	-ms-transform: all 0.4s;        /* for IE */
	-o-transform: all 0.4s;         /* for Opera */
}
.kefu li p img{width:110px;}
.kefu li:hover p{ right:50px; left:auto; text-align:center; color:#FFFFFF; background-color:#FF0000;}

.kefu li:nth-child(2) p{ height:130px; font-size:14px; padding:12px 0 12px 10px; line-height:16px;}
.kefu li:last-child{border-bottom:0;}


/*在线咨询*/
.consult-img{ position:fixed; z-index:999999999; right:0; bottom:10%; cursor:pointer;}
.consult{ position:fixed; display:none; z-index:999999999; width:300px; right:0px; bottom:0px; border-radius:8px; -moz-border-radius:8px;  -webkit-border-radius:8px; background-color: rgba(230,230,230,0.9);}
.consult .consult-title{ background-color:#2780C4; height:46px; line-height:45px; border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0;  -webkit-border-radius:8px 8px 0 0; padding:0 15px 0 15px;}
.consult .consult-title span{float:left; font-size:16px; color:#FFFFFF; font-weight:bold;}
.consult .consult-title a{float:right; margin-top:3px; font-size:16px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.consult .consult-box{ padding:11px;}
.consult .consult-box .consult-message{ background-color:#f1f1f1; height:180px; padding:12px; font-size:12px; overflow-y:auto;}
.consult .consult-box .consult-message ul{}
.consult .consult-box .consult-message ul li{ padding:4px 4px 4px 40px; background-image:url(../images/consult-ico1.png); background-repeat:no-repeat; background-position:left 8px;}
.consult .consult-box .consult-message ul li p{max-width:70%; max-width:calc(100% - 30px); max-width:-moz-calc(100% - 30px); max-width:-webkit-calc(100% - 30px); padding:4px 8px 4px 8px; background-color:border-radius:8px; -moz-border-radius:8px;  -webkit-border-radius:8px; line-height:20px; background-color:#FFFFFF; text-align:justify;}
.consult .consult-box .consult-message ul .li2{padding:8px 40px 8px 4px; background-image:url(../images/consult-ico2.png); background-position:right 8px;}
.consult .consult-box .consult-message ul .li2 p{float:right;}
/*提交输入框*/
.consult .consult-box .consult-form{}
.consult .consult-box .consult-form p{ padding:0 0 2px 0; text-align:right;}
.consult .consult-box .consult-form p .consult-input{ background-color:#FFFFFF; width:90%; width:calc(100% - 22px); width:-moz-calc(100% - 22px); width:-webkit-calc(100% - 22px); border:1px solid #dddddd; padding:8px 10px 8px 10px; height:4.5em; line-height:1.5em; font-size:12px;}
.consult .consult-box .consult-form p .consult-submit{ font-size:12px; cursor:pointer; border:0; color:#ffffff; height:28px; line-height:27px; width:80px; text-align:center; background-color:#2980C5;}

/*回复*/
.consult_reply{position:inherit; width:80%; display:block; margin:auto;}