@charset "utf-8";

html { font-size: 100%; }

body, td, th { color: #030104; }

body {
	background-color: #F1F1F1;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}

.clear { height: 0px; clear: both; }

a:link { color: #666666; text-decoration: none; }

a:visited { text-decoration: none; color: #555555; }

a:hover { text-decoration: underline; color: #030104; }

a:active { text-decoration: none; color: #666666; }

.header { width: 100%; height: 80px; margin-left: auto; margin-right: auto; }

.header .logo { width: 250px; float: left; }

.header .logo img { width: 100%; }

.header .nav {
	float: right;
	text-align: right;
	padding-top: 25px;
}

.nav li { display: inline-block; }

.nav li a {
	display: block;
	color: #666666;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}

.nav .this a { border-radius: 3px; background-color: #EFEFEF; }

.mob_nav { margin-top: 25px; position: relative; }

.mob_nav #nav { position: absolute; top: 30px; border: 1px solid #e2e1e3; background-color: #FFFFFF; right: 5px; border-radius: 6px; z-index: 99; display: none; }

#nav li a { display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; width: 120px; border-bottom: 1px dotted #BFBFBF; margin-left: 10px; margin-right: 10px; }

#nav li:last-child a { border-bottom: 0px dotted #222; }

.mob_line { width: 100%; height: 2px; background-color: #939393; }

@media screen and (min-width: 320px) and (max-width: 480px) {

.tel-logo p { font-size: 0.5em; line-height: 1.8em; }

.we-can img { width: 100% }

.case .slidecon h1 { font-size: 0.8em; line-height: 2em;}

.case .slidecon h6, .case .slidecon h5 { font-size: 0.8em; line-height: 2.5em; }

.news .list h1 { font-size: 0.8em; line-height: 2em; }

.news .list h6, .news .list h5 { font-size: 0.6em; line-height: 2.5em; }

.item h1 { font-size: 0.8em; padding-left: 10px; padding-right: 10px; }

.item h6, .item h5 { font-size: 0.6em; line-height: 2.5em; padding-left: 10px; padding-right: 10px; }

.advantage p { font-size: 0.6em; line-height: 2em; }

.advantage img { width: 100% }
}

@media screen and (min-width: 481px) {

.tel-logo p { font-size: 1.2em; line-height: 1.5em; line-height: 2em; }

.case .slidecon h1 { font-size: 1em; line-height: 2.5em; }

.case .slidecon h6, .case .slidecon h5 { font-size: 0.8em; line-height: 2.5em; }

.news .list h1 { font-size: 1em; line-height: 2.5em; }

.news .list h6, .news .list h5 { font-size: 0.8em; line-height: 2.5em; }

.item h1 { font-size: 0.8em; padding-left: 10px; padding-right: 10px; }

.item h6, .item h5 { font-size: 0.8em; line-height: 2.5em; padding-left: 10px; padding-right: 10px; }

.advantage p { font-size: 0.8em; line-height: 2em; }
}

.layui-carousel { width: 100%; margin-left: auto; margin-right: auto; }

.padding-top-bottom-40 { padding-top: 40px; padding-bottom: 40px; }

.we-can { text-align: center; }

.we-can h1 { text-align: center; }

.we-can h4 { text-align: center; font-size: 14px; color: #b5282e; }

.we-can h1 em { display: inline-block; margin-left: auto; margin-right: auto; background-color: #FFFFFF; text-decoration: none; font-style: normal; font-size: 24px; color: #666666; padding-left: 20px; padding-right: 20px; }

.tel-logo img { width: 100% }

.tel-logo { background-color: #e2e1e3; width: 100%; margin-left: auto; margin-right: auto; }

.tel-logo .ztel { float: left; width: 49%; background-color: #939393; padding-right: 1%; padding-left: 0%; text-align: right; padding-top: 20px; padding-bottom: 20px; }

.tel-logo .zlogo { width: 49%; float: right; background-color: #e2e1e3; padding-right: 0%; padding-left: 1%; padding-top: 20px; padding-bottom: 20px; }

.case {
	padding: 20px 0px;
	text-align: center;
}

.case h1 em { margin-left: auto; margin-right: auto; text-decoration: none; font-style: normal; font-size: 24px; color: #666666; padding-left: 20px; padding-right: 20px; }

.case img { width: 100% }


.case .slidecon { -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #FFF; width: 100%; overflow: hidden; border-radius: 0px 0px 1px 1px; border: 1px solid #ECECEC; padding-bottom: 10px; -webkit-box-shadow: 0px 1px 5px #E1E1E1; box-shadow: 0px 1px 5px #E1E1E1; }

.case .slidecon i { font-size: 14px; margin-right: 8px }

.case .slidecon .title {
	padding: 10px;font-size:0.8em;line-height: 1.2em;height: 2.5em;
	text-align: left;
	color: #393939;
	text-overflow: ellipsis;
	/*line-height: 30px;
	height: 65px;*/
}
.case img { width: 100%;transition: all 0.36s ease; }
.case:not(.imagelink) .slidecon:hover img {
  transform: scale(0.95);
}
.news {
	padding: 20px 0px;
	text-align: center;
}

.news .news-list {
	background-color: #FFFFFF;
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}
.news:not(.imagelink) .news-list:hover img {
  transform: scale(0.95);
}
.news h1 em { margin-left: auto; margin-right: auto; text-decoration: none; font-style: normal; font-size: 24px; color: #666666; padding-left: 20px; padding-right: 20px; }

.news img { width: 100%;transition: all 0.36s ease; }

.news .news-list span { font-size: 1em;padding: 0em .5em }

.news .news-list .title {height: 3em;line-height: 1.5em; text-align: left; color: #393939;margin: .5em;}
.news .news-list .title a{font-size:0.8em;}
.news .news-list .info { color: #585858; text-align: left; }

.advantage { padding: 40px 0px; text-align: center; background-color: #F5F5F5; color: #939393; }

.advantage h1 em { margin-left: auto; margin-right: auto; text-decoration: none; font-style: normal; font-size: 24px; color: #666666; padding-left: 20px; padding-right: 20px; }

.footer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	color: #313131;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
}
.footer a { color: #313131; }
.mob-footer {
	background-color: #FFFFFF;
	position: fixed;
	bottom: 20px;
	width: 60%;
	left: 20%;
	border-radius: 20px;
	right: 20%;
	z-index: 1000;
	line-height: 35px;
	text-align: center;
	border: 1px solid #DCDCDC;
}
.mob-footer a {
	width: 100%;
	display: block;
}

.mob-footer a .iconfont{font-size: 22px}


.container {
	padding: 2em;
	background-color: #FFFFFF;
	line-height: 2em;
	font-size: 0.8em;
	min-height: 600px;
	margin-bottom: 20px;
}

.breadcrumbs {
	line-height: 40px;
	font-size: 0.8em;
	width: 100%;
	text-align: left;
	display: block;
}
.catimg {
	width: 100%;
}


.rkbc { background-color: #FFFFFF; }

.item { border-radius: 0px 0px 1px 1px; background-color: #FFFFFF; overflow: hidden;border: 0px solid #ECECEC; padding-bottom: 10px; -webkit-box-shadow: 0px 2px 5px #888888; box-shadow: 2px 2px 5px #cccccc; }

.item h1 { border-bottom: 1px solid #E2E1E3; }


.liks h1 { font-size: 1em; line-height: 2.5em; color: #939393; }

.liks { margin-bottom: 40px; margin-top: 40px; }

.liks a { color: #939393; font-size: 0.8em; line-height: 1.2em; margin-right: 10px; }

.item img { width: 100%; }

.pagination { display: block; margin-top: 20px; text-align: center; }

.pagination li { display: inline-block; }

.pagination a { display: block; margin-left: 5px; margin-right: 5px; padding-left: 16px; padding-right: 16px; padding-top: 10px; padding-bottom: 10px; border: 1px solid #E2E2E2; text-decoration: none; font-weight: 500; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 1.2em; }

.pagination .disabled { color: #C0C0C0; }

.pagination .active { background-color: #939393; color: #FFFFFF; }

.container .title { font-size: 1.5em; color: #939393; border-bottom: 1px solid #e2e1e3; padding-bottom: 20px; margin-bottom: 10px; }

.container .infos {
	color: #939393;
}
.container .infos span {

}

.container .lks { text-align: center; }

.container .lks a { text-decoration: none; }

.container .lks i { font-size: 0.8em; margin-right: 10px; margin-left: 10px; }

.content img { max-width: 100%; }
.lang {
	font-size: 0.8em;
	line-height: 1.5em;
	margin-top: 15px;
	padding-right: 15px;
}
.mob-nav{display: none;position: fixed;left: -250px;bottom: 0;top: 0px;width: 200px;z-index: 10001;background: #1a1b1c;/*overflow: hidden;*/}
.mob-nav .close{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 200px;
	z-index: 10002;
	text-align: center;
	line-height: 40px;
	color: #F7F7F7;
	border-radius: 50%;
	background-color: #949494;
	border: 2px solid #FFFFFF;
}
.mob-nav p{
	color: #EDEDED;
	display: block;
	padding: 15px;
	margin-top: 50px;
	font-size: 0.8em;
}
.mob-nav p a{
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px 10px;
	display: inline-block;color: #F7F7F7;font-size: 0.9em;
}
.mob-nav a{
	text-decoration: none;
	color: #EDEDED;
	font-size: 0.8em;
}
.mob-nav li a{
	padding: 12px 15px;
	display: block;
	border-top: 1px solid #252525;
}
.mob-nav .this a{color:#ff4001}
/*.mcounter*/
@font-face {
  font-family: HELVETICANEUETHN;
  src: url(fonts/HELVETICANEUETHN.TTF);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: helveticaneuethn;
  src: url(fonts/helveticaneuethn.otf);
  font-weight: 400;
  font-style: normal;
}
.mcounter .item-server {
  text-align: center;
}

.mcounter .title {
  color: #999;
  font-size: 14px;
  line-height: 30px;
}

.mcounter p {
  text-align: center;
  font-size: 14px;
}

.mcounter p.number .counterDX {
  font-size: 50px;
  font-family: helveticaneuethn,Arial;
  text-align: center;
  margin-top: 15px;
  line-height: 52px;
  vertical-align: top;
	color:#909090
}

.mcounter p.number .title {
  font-size: 0.8em;
  line-height: 30px;
}

.mcounter p.number .unit {
  font-size: 14px;margin-left: 5px;
  vertical-align: top;
	color: #B7B7B7
}
.mcounter .item-server div {
	width: 100%;
}
.mcounter .item-server .item-li {
	border-right: 1px solid #D4D4D4;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
	.mcounter p.number .counterDX {font-size: 25px;line-height: 32px;}




}
/*.mcounter*/