@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, 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('/css/Rjdaoico.ttf?f7ueaf') format('truetype'), url('/css/Rjdaoico.woff?f7ueaf') format('woff'), url('/css/Rjdaoico.svg?f7ueaf#Rjdaoico') 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;}

/*�ֻ��㿪*/
.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(../img/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(../img/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;}