﻿@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; font-family:"微软雅黑"; outline:none; }
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;} 
html{-webkit-text-size-adjust:100%; -webkit-touch-callout:none; -webkit-user-select:none; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/}
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, caption,tbody,tfoot,thead,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
body{}
a{text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); background: transparent; /*修正win8系统IE连接灰色背景*/ }
a:focus {outline: 0; -moz-outline-style: none; /* FF */}
a:active, a:hover { outline: 0; }
a div,a span{ cursor:pointer; }
img, input{ border:0;}
img{ -ms-interpolation-mode:bicubic}
input,textarea,select { border:0; outline:none; } 
textarea{ resize:none;}/*防止textarea放大时，三个斜线被放大*/
ul li{ list-style:none;}
.qing{ overflow:hidden; display:block; clear:both;}
.c:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.c{*+height:1%;}
.center{ width:100%; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
.lf{ overflow:hidden; display:block; float:left;}
.rf{ overflow:hidden; display:block; float:right;}
.song{ font-family:"宋体" !important;}
.tupian img{ width:100% !important; height:auto !important;}




/****************************************************- index.html -***************************************************/
.header{ width:100%; height:53px; overflow:visible; position:absolute; top:0; left:0; z-index:99999; background:url(../images/hea_bg.png) left top repeat-x; background-size:100% 53px; }

/**- 企业业务 -**/
.yw{ padding:10px 0; background:#FFF; }
.yw_jie{}
.biao{ padding-bottom:10px; }
.ti_bt{ font-size:18px; color:#000; line-height:24px;width: 100%;text-align: center;}
.ti_bt:visited{ color:#000; }
.ti_bt:active{ color:#000; }
.ti_bt img{ }
.ti_more{ width:68px; height:32px; font-size:14px; color:#FFF; line-height:32px; text-align:center; background:#b7b7b7; }
.ti_more:visited{ color:#FFF; }
.ti_more:active{ color:#FFF; background:#b42b2e; }

/**- 左右切换开始 -**/
.main_visual{height:255px; overflow:hidden; display:block; position:relative; }
.main_image{height:255px; overflow:hidden; display:block; position:relative;}
.main_image ul{width:9999px; overflow:hidden;position:absolute;top:0;left:0;}
.main_image li{float:left;width:100%;}
#btn_prev,#btn_next{z-index:20;position:absolute;display:block;width:34px!important;height:31px!important;bottom:0; background-size:34px 31px !important; }
#btn_prev{ background:url(../images/bzuo.jpg) left top no-repeat; left:50%; margin-left:-34px; }
#btn_next{ background:url(../images/byou.jpg) right top no-repeat; left:50%;}
/**- 左右切换结束 -**/

.qy a{ width:30%; height:115px; overflow:hidden; display:inline-block; float:left; position:relative; left:0; background:#f9f9f9;margin:1.6%;border-radius: 5px;}
.qy1{	
	animation:qy 0.6s linear 0s both;
	-webkit-animation:qy 0.6s linear 0s both;
	-moz-animation:qy 0.6s linear 0s both;
	-o-animation:qy 0.6s linear 0s both;
	opacity:1; left:0;
}
.qy2{	
	animation:qy 0.6s linear 0.5s both;
	-webkit-animation:qy 0.6s linear 0.5s both;
	-moz-animation:qy 0.6s linear 0.5s both;
	-o-animation:qy 0.6s linear 0.5s both;
	opacity:1; left:0;
}
.qy3{	
	animation:qy 0.6s linear 1s both;
	-webkit-animation:qy 0.6s linear 1s both;
	-moz-animation:qy 0.6s linear 1s both;
	-o-animation:qy 0.6s linear 1s both;
	opacity:1; left:0;
}
@keyframes qy{
0%{ opacity:0; left:60px; }
100%{ opacity:1; left:0; }
}
@-webkit-keyframes qy{
0%{ opacity:0; left:60px; }
100%{ opacity:1; left:0; }
}
@-moz-keyframes qy{
0%{ opacity:0; left:60px; }
100%{ opacity:1; left:0; }
}
@-o-keyframes qy{
0%{ opacity:0; left:60px; }
100%{ opacity:1; left:0; }
}

.qy_img{ width:40px; height:40px; position:relative; z-index:10; margin-left:auto; margin-right:auto;    margin-top: 20px;}
.qimg{ width:40px; height:40px; position:relative; z-index:12; }
.qtu{ width:40px; height:40px; position:absolute; top:0; left:0; z-index:12; }
.qy_bt{ padding-top:12px; text-align:center; }

/**- 加盟我们 -**/
.jia{ padding:22px 0; }
.jia_jie{ background:url(../images/jia_bg.png) center center no-repeat; }
.jia_jie td{ padding:12px 0; }
.jia_jie td:last-child a{ border:0; }
.jia_jie a{ padding:8px 15px; border-right:1px solid #9b9b9b; }
.jia_num{ width:37px; height:37px; margin-left:auto; margin-right:auto; border:1px solid #a4a4a4; }
.jia_bt{ text-align:center; padding-top:11px; padding-bottom:6px; }
.jia_jian{ height:66px; text-align:center; }

/**- 客户案例 -**/
.anli{ padding:0px 0 0px; background:#FFF; }
.anli .ti_bt{ width:100%; overflow:hidden; display:block; margin-left:auto; margin-right:auto; text-align:center; font-weight:bold; padding-top:5px;}
.ant{ width:43px; height:6px; border-bottom:1px solid #9b9b9b; margin-left:auto; margin-right:auto; }
/**- 渐显开始 -**/
.main{ width:100%; height:270px; position:relative; z-index:10; }
.anli_bai{ width:100%; height:auto; position:relative; z-index:12; }
.cbp-bislideshow{ width:100%; height:auto; position:absolute; top:0; left:0; z-index:14; }
.cbp-bislideshow li{ width:100%; height:auto; position:absolute; top:0; left:0; opacity:0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; background:#f5f5f5; }
.anli_img{ width:100%; height:128px; background:url(../images/anli_bg.jpg) center center no-repeat; background-size:auto 100%; text-align:center; }
.anli_img span{ display:block; height:128px; width:52%; margin:0 auto;  background-size:100% auto !important; background-position:center center !important; background-repeat:no-repeat !important; }

/*.anli_img img{ width:69.8%; height:auto; margin:0 auto; }*/
.anli_bt{ height:36px; text-align:center; padding-top:14px; }
.anli_jian{ padding-top:11px;height:66px; }
.cbp-bicontrols{ width:68px; height:31px; position:absolute; bottom:0; left:50%; z-index:16; margin-left:-34px; }
.cbp-bicontrols span{ width:34px; height:31px; overflow:hidden; display:block; float:left; position:relative; cursor:pointer;margin-left: -1px;}
.cbp-bicontrols span:before { width:34px; height:31px; position: absolute; -webkit-font-smoothing: antialiased; opacity: 0.7; }
/**- 渐显结束 -**/

/**- 资讯中心 -**/
.xw{ padding:22px 0; }
.xw li{ padding-top:12px; border-bottom:1px solid #a4a4a4; }
.xw_date{ width:42px; padding-right:12px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#a4a4a4; line-height:22px; text-align:center; background:url(../images/xw_date.png) left 15px no-repeat; }
.xw_date span{ overflow:hidden; display:block; font-size:16px; color:#6b6b6b; text-align:center; }
.xw_bt{ font-size:14px; color:#000; line-height:22px; }
.xw_jian{ padding-top:9px; padding-bottom:11px; }






/**- 通用样式 -**/
.ab_bt{ font-size:16px; color:#000; line-height:24px; }
a.ab_bt:visited{ color:#000; }
a.ab_bt:active{ color:#b42b2e; }
.ab_jian{ font-size:14px; color:#333; line-height:24px; width:94%; margin:0 auto;text-align:center;}
a.ab_jian:visited{ color:#333; }
a.ab_jian:active{ color:#b42b2e; }

.abtus-tit h3 {
	font-size: 18px;
	font-weight: normal;
	color: #1e1e1e;
	text-align: center;
}

.abtus-tit h3 small {
	font-size: 14px;
	color: #b1b1b1;
}

.abtus-pic {
	 overflow:hidden;
}

.abtus-pic-l {
	float: left;

}

.abtus-pic-r {
	float: left;
	width: 40%;
	
	background: url(../images/pic-rbg.png) no-repeat;
}

.abtus-pic-r h4 {
	font-size: 26px;
	font-weight: normal;
	color: #fefeff;
	padding: 90px 44px 0 44px;
}

.abtus-pic-r h4 small {
	font-size: 16px;
	color: #fff;
	opacity: .5;
}

.abtus-art {
	padding: 36px 6px 92px 0;
}

.abtus-art p {
	font-size: 14px;
	color: #444;
	line-height: 34px;
	text-indent: 2em;
	margin-bottom: 42px;
}






@charset "utf-8";
/* CSS Document */
/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
维护：玉伯(lifesinger@gmail.com), 正淳(ragecarrier@gmail.com)
*/

*{
-webkit-tap-highlight-color:rgba(255,0,0,0);	
}
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, font, 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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
}
body {
	font-family: "微软雅黑";
	font-size: 20px;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
/* 重置列表元素 */
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
/* 重置文本格式元素 */
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ -webkit-tap-highlight-color:transparent;} 
a:focus{ -moz-outline-style: none; /* FF */ }
a:hover,a:link,a:visited { text-decoration: none; }
img{
	border: 0 none;
}
/* remember to highlight inserts somehow! */
ins,a {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0 none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
   font-family: "微软雅黑";
}

.clearfix {
  overflow: auto;
  zoom: 1;
}
.qing{
	display: block;
	clear: both;
 	 padding-top:15px;
}
.public-container{
	width: 94%;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	position: relative;
}
.fl{
	display: block;
	float: left;
}
.fr{
	display: block;
	float: right;
}



.bottom20{
	margin-bottom: 16vw;
}
.bottom18{
	padding-bottom: 18px;
}

.bjgray{
	background-color: #f4f4f4;
}
.bjwh{
	background-color: #fff;
}
.bot-shadow{
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 0px 20px #f6f6f6;
	box-shadow: 0px 0px 20px #f6f6f6;
}

/*新闻动态*/

.news {
	position: relative;
	width: 100%;
	/*height: 100vw;*/
	background:#FFFFFF;
	
}

.news-tit {
	padding-top: 5.2vw;
	overflow: hidden;
	zoom: 1;
}

.news-title {
	position: relative;
	display: block;
}

.news-title span {
	display: block;
}

.news-more {
	position: relative;
	display: block;
}

.news-tit-line {
	position: relative;
	display: block;
	width: 7.7vw;
	height: 1px;
	background: #b7b7b7;
}

.news-tit-text {
	position: relative;
	font-size: 18px;
	line-height: 18px;
	color: #313131;
	padding-top: 10px;
}

.news-tit-eng {
	position: relative;
	font-size: 12px;
	color:#333;font-weight: normal;
}

.news-more {
	position: relative;
	display: block;
	width:15vw;
	height: 6.4vw;
	border: 1px solid #DADADA;
	font-size: 12px;
	color: #404040;
	text-align: center;
	line-height: 6.4vw;
	margin-top: 8px;border-radius: 50px;
}

.news-main {
	position: relative;
	margin-top: 10px;
	
}

.nm-items {
	position: relative;
	/*height: 37.9vw;*/
	padding: 4.6875vw 0;
	box-sizing: border-box;
	border-top: 1px solid #dadada;
	overflow: hidden;
    zoom: 1;
}

.nm-items:first-child {
	border-top: 1px solid #dadada;
}

.nm-itemspic {
	position: relative;
	display: block;
}

.nm-itemspic a {
	display: block;
	width: 25vw;
	height: auto;
	border-radius:0;
	overflow: hidden;
}

.nm-itemspic img {
	width: 100%;
}

.nm-itemcon {
	position: relative;
	margin-left: 28vw;
}

.nm-itemcon a {
	display: block;
}

.nm-itemcon h5 a {
	font-size: 16px;
	line-height: 28px;
	
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.nm-itemcon p a {
	font-size: 14px;
	color:#747474;
	line-height: 24px;
}

.nm-itemcon-more {
	position: relative;
	font-size: 12px;
	color: #818181;
}

/*底部*/

.pub-footer {
	position: relative;
	width: 100%;
	/*height: 60.2vw;*/
	background: url(../images/footerbg.png) no-repeat;
	background-size: 100% 100%;
	padding-top: 3vw;
	overflow: hidden;
	zoom: 1;
	
}

.footer-logo {
	position: relative;
	display: block;
	width: 33.75vw;
	margin: 0 auto;
}

.footer-logo img {
	width: 100%;
}

.footer-tel {
	position: relative;
	margin-top: 10px;
}

.tel-icon {
	position: relative;
	width: 34.9vw;
	height: 6.46vw;
	margin: 0 auto;
	background: url(../images/footerbg1.png) center repeat-x;
}

.tel-icon span {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 10.625vw;
	background:#f1f1f1;
}

.tel-icon span img {
	position: relative;
	display: block;
	width: 6.46vw;
	height: 6.46vw;
	margin: 0 auto;
}

.tel-num {
	text-align: center;
	font-size: 16px;
	line-height: 38px;
	color: #444444;
}

.add-t {
	text-align: center;
	font-size: 14px;
	line-height: 38px;
	color: #9d9d9d;
}

.footer-add {
	margin-bottom: 10px;
}

.footer-copy {
	width: 92%;
	margin: 0 auto;
	text-align: center;
	/*height: 11.875vw;*/
	font-size: 12px;
	line-height: 24px;
	color: #444444;
	border-top: 1px solid #A7A7A7;
	padding: 10px 0;
}

.footer-copy a {
	color: #444444;
}


/*底部导航*/

.botnav {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 14.2vw;
	background: #414141;
	z-index: 10;
}

.botnav-items {
	width: 25%;
	float: left;
}

.botnav-items a {
	display: block;
	width: 9.17vw;
	height: 9.17vw;
	margin: 2.5vw auto;
}

.botnav-items a img {
	width: 100%;
}


.hy {
	/*padding: 40px 0;*/
	background: #f3f3f3;
	/*height: 785px;*/
}

#dtlist li {
	list-style: none;
	text-align: left;
	/*height: 150px;*/
	padding: 2.69vw 0;
	border-bottom: 1px solid #e1e1e1;
}
#dtlist li span{
	display: block;
}

.hy_nr_tit {
	position: relative;
	font-size: 16px;
	line-height:30px;
	color: #1a1a1a;
	
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.hy_nr_tit:before{
	position: absolute;
	display: block;
	content: '';
	width: 30px;
	height: 30px;
	left: 0;
	top: 50%;
	margin-top: -8px;
	
}

.hy_nr_time{
	font-size:14px;
	color: #bababa;
	margin-left: 30px;
}

#dtlist li {
	list-style: none;
	text-align: left;
	/*height: 150px;*/
	padding: 2.69vw 0;
	border-bottom: 1px solid #e1e1e1;
}








