﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
/* basic */
html, body, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	border: 0;
}
section, nav, header, footer {
	display: block;
}
html {
	font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ul, ol, li {
	list-style-type: none;
}
img {
	border: 0;
	display: block;
}
select, input, select {
	vertical-align: middle;
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
iframe {
	border: none;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #0093ff;
	text-decoration: none;
}
a:active {
	color: #0093ff;
	text-decoration: none;
}
.h {
	display: none;
	visibility: visible;
}
.c {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	visibility: visible;
}
.fix {
*zoom:1;
}
.fix:after {
	clear: both;
	content: "";
	display: table;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.width100 {
	width: 100%;
}
.f72 {
	font-size: 4.5rem;
}
.f60 {
	font-size: 3.75rem;
}
.f48 {
	font-size: 3rem;
}
.f36 {
	font-size: 2.25rem;
}
.f30 {
	font-size: 1.875rem;
}
.f28 {
	font-size: 1.75rem;
}
.f26 {
	font-size: 1.625rem;
}
.f24 {
	font-size: 1.5rem;
}
.f22 {
	font-size: 1.375rem;
}
.f20 {
	font-size: 1.25rem;
}
/* editor */
.editor {
	line-height: 1.6;
	text-align: left;
	padding-bottom: 5%;
	font-size: 1.5rem;
}
.editor p {
	text-indent: 0em;
}
.editor ol li {
	list-style-type: circle;
	margin-left: 25px;
}
.editor ul li {
	list-style-type: square;
	margin-left: 25px;
}
/* include begin */
html {
	background-color: #fff;
}
body {
	margin: 0px auto;
	min-width: 320px;
	max-width: 640px;
	background-color: #fff;
	min-height: 100%;
}
header {
	padding: 2% 0;
}
header h1 {
	width: 33.4375%;
}
header .title {
	line-height: 2.35;
	width: 56%;
	text-align: center;
}
header .nav {
	width: 12.0313%;
}
header .back {
	width: 20.9375%;
}
.bak-header2 {
	border-bottom: 2px solid #43bcc7;
}
footer {
	background-color: #2eafbb;
	color: #fff;
}
.foot_service {
	width: 86%;
	margin: 0px auto;
	padding-top: 3%;
	padding-bottom: 0%;
}
.foot_contact {
	width: 86%;
	margin: 0px auto;
	padding-top: 3%;
	padding-bottom: 5%;
}
.foot_service li {
	float: left;
	width: 31%;
	margin-right: 2.8%;
	margin-bottom: 3%;
}
.foot_service li.last {
	margin-right: 0;
}
.foot_service li a {
	display: block;
	border: 1px solid #cccccc;
	color: #eee;
	line-height: 2.2;
	padding: 0px 4%;
	text-align: center;
}
.foot_service_t, .foot_contact_t {
	line-height: 2.4;
}
.foot_service_t a, .foot_contact_t a {
	color: #fff;
}
.foot_contact_list li {
	line-height: 1;
	color: #dddddd;
	padding: 2% 0px;
}
.foot_contact_list li a {
	color: #dddddd;
}
.foot_contact_list li div {
	width: 3.8%;
	max-width: 17px;
	display: inline-block;
	padding-right: 2%;
	margin-top: 0.5%;
}
.top_nav {
	display: none;
}
.top_nav ul {
	border-top: 1px solid #ec0938;
}
.top_nav li {
	text-align: left;
	padding: 4%;
	border-bottom: 1px solid #dddddd;
}
.top_nav li.last {
	border-bottom: 0px none;
	padding-bottom: 2%;
}
.top_nav li a {
	color: #333;
	display: block;
}
.top_nav li div {
	display: block;
	width: 2.3438%;
	float: right;
	padding-top: 1%;
}
.copyright {
	background-color: #ffffff;
	line-height: 1.5;
	color: #999999;
	text-align: center;
	padding: 5%;
	padding-bottom: 20%;
}
nav {
	position: fixed;
	bottom: 0px;
	width: 100%;
}
nav li {
	width: 25%;
	float: left;
	max-width: 160px;
}
.btn_more {
	width: 28%;
	margin: 10% auto;
	text-align: center;
}
.btn_more a {
	color: #2eafbb;
	line-height: 2.2;
}
.page_t {
	color: #333333;
	text-align: center;
	line-height: 3;
	font-weight: bold;
}
.page_t span {
	color: #43bcc7;
	display: inline-block;
	padding-right: 1%;
}
 @-webkit-keyframes rotate {
 from {
-webkit-transform:rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
/* include end */

/* index begin */
/* preloader */
.preloader {
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.preloader div {
	border: 1px solid #ddd;
	border-radius: 50%;
	box-sizing: border-box;
	width: 20%;
	margin: 0 auto;
	margin-top: 50%;
	margin-bottom: 50%;
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 3s;
	padding: 3%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	background-color: #fff;
}
.preloader div img {
	max-width: 100px;
}
/* banner */
.banner {
}
.focus {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.focus .hd {
	width: 100%;
	height: 11px;
	position: absolute;
	z-index: 1;
	bottom: 5px;
	text-align: center;
}
.focus .hd ul {
	display: inline-block;
	height: 5px;
	padding: 3px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 0;
	vertical-align: top;
}
.focus .hd ul li {
	display: inline-block;
	width: 30px;
	height: 1px;
	background: #fff;
	margin: 0 10px;
	vertical-align: top;
	overflow: hidden;
}
.focus .hd ul .on {
	background: #a0c179;
}
.focus .bd {
	position: relative;
	z-index: 0;
}
.focus .bd li img {
	width: 100%;
	background: url(../images/loading.gif) center center no-repeat;
}
.focus .bd li a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 取消链接高亮 */
}
.service_list {
}
.service_list dl {
	width: 46%;
	padding-right: 2.6333%;
	float: left;
	text-align: center;
}
.service_list dl.f {
	padding-left: 2.6333%;
}
.service_list .t {
	line-height: 2.2;
	margin-top: 4%;
}
.service_list .t a {
	color: #333;
}
.service_list .t a em {
	color: #43bcc7;
	display: inline-block;
	padding-right: 2%;
	font-style: normal;
}
.service_list .spec a {
	color: #999999;
	line-height: 1.2;
}
.service_list .btn {
	width: 40.7609%;
	margin-top: 9%;
	margin: 6% auto 12% auto;
}
.case_list li {
	width: 50%;
	float: left;
}
.news_f {
	width: 91.25%;
	margin: 0px auto;
}
.news_list {
	width: 91.25%;
	margin: 0px auto;
}
.news_list dl {
	margin-bottom: 5%;
	margin-top: 5%;
}
.news_list dl dt a {
	color: #118e99;
	line-height: 2.5;
	display: block;
	background-color: #ede9e9;
}
.news_list dl dt a span {
	display: inline-block;
	background-color: #118e99;
	color: #fff;
	width: 10%;
	text-align: center;
	margin-right: 2%;
}
.news_list dl dt.t {
	display: none;
}
.news_list dl dt.t a {
	color: #191818;
}
.news_list dl dd {
	border-top: 1px solid #e0d5d5;
	display: none;
}
.news_list dl dd a {
	color: #8d7f7f;
	line-height: 1.6;
}
.news_list dl dd.spec {
	background-color: #efe7e7;
	color: #8d7f7f;
	padding: 4%;
}
/* index end */

/* cases begin */
.case_list dl {
	float: left;
	width: 50%;
	position: relative;
}
.case_list dd {
	position: absolute;
	bottom: 0px;
	background: url(../images/cases_dd_bg.png) repeat;
	width: 100%;
	text-align: center;
	line-height: 2;
}
.case_list dd a {
	color: #eeeeec;
}
.case_info {
	width: 92%;
	margin: 5% auto;
}
.case_info h1 {
	color: #43bcc7;
	line-height: 2;
}
.case_info .spec {
	color: #777777;
	line-height: 2;
}
.case_info .desc {
	color: #777777;
	line-height: 1.5;
	margin-top: 2%;
	margin-bottom: 2%;
}
.case_info .spec span {
	color: #000000;
}
.case_info .desc span {
	color: #000000;
}
/* cases end */

/* news begin */
.news_item {
	width: 94%;
	margin: 5% auto;
	border: 1px solid #2eafbb;
}
.news_item .fl {
	width: 26%;
	background-color: #2eafbb;
	box-sizing: border-box;
	color: #fff;
	padding: 2%;
	text-align: right;
	padding-bottom: 5%;
}
.news_item .fl a {
	color: #fff;
}
.news_item .fl dd {
	line-height: 1.5;
}
.news_item .fl .line {
	width: 25%;
	margin: 3% 0 3% 73%;
}
.news_item .fr {
	width: 74%;
	box-sizing: border-box;
	padding: 2%;
}
.news_item .fr dt {
	line-height: 2;
}
.news_item .fr dd {
	line-height: 1.2;
}
.news_item .fr dd.more {
	margin-top: 2%;
}
.news_item .fr dt a {
	color: #2eafbb;
}
.news_item .fr dd.spec a {
	color: #6a6e6e;
}
.news_item .fr .hits_t {
	color: #999999;
	line-height: 2.4;
}
.news_item .fr .hits_num {
	color: #f00;
	line-height: 2.4;
}
.news_item .fr .btn_a {
	display: block;
	float: right;
	border: 1px solid #2eafbb;
	line-height: 2.4;
	padding: 0 4%;
	color: #2eafbb;
}
.news_type li {
	width: 27.0833%;
	float: left;
}
.news_type li a {
	line-height: 2.32;
	text-align: center;
	display: block;
	color: #fff;
}
.news_type li a.li1 {
	background-color: #1dd0e5;
}
.news_type li a.li2 {
	background-color: #6bb52a;
}
.news_type li a.li3 {
	background-color: #e48583;
}
.news_type li.more {
	width: 18.75%;
	background-color: #318b96;
	color: #fff;
}
.news_type li.more a span {
	width: 17.5%;
	display: inline-block;
}
.news_type dl {
	display: none;
}
.news_type dd {
	padding: 4% 0px;
	border-bottom: 1px solid #dddddd;
}
.news_type dd a {
	display: block;
	line-height: 1;
	width: 94%;
	margin: 0 auto;
	color: #333;
}
.news_type dd a span {
	display: inline-block;
}
.news_type dd div {
	width: 2.0313%;
	float: right;
}
.news_info {
	width: 93.75%;
	margin: 0px auto;
}
.news_info h1 {
	color: #413c3c;
	line-height: 1.2;
	border-bottom: 1px solid #ddd;
	padding: 6% 0;
}
.news_info .spec {
	color: #30a3d9;
	line-height: 2;
	margin-top: 2%;
	margin-bottom: 2%;
}
.news_info .tag {
	line-height: 2;
	margin-bottom: 2%;
}
.news_info .spec span {
	color: #a39c9c;
}
.news_info .tag span {
	color: #a39c9c;
}
.news_info .tag a {
	color: #30a3d9;
}
/* news end */

/* about begin */
.sub_menu {
	border-top: 2px solid #43bcc7;
}
.sub_menu li {
	float: left;
	width: 25%;
	box-sizing: border-box;
	text-align: center;
	line-height: 1.2;
	padding: 2.4% 0;
}
.sub_menu li.sel {
	border-bottom: 2px solid #f7b80f;
}
.sub_menu li a {
	display: block;
	color: #a1a0a0;
	border-right: 1px solid #cccccc;
}
.sub_menu li.last a {
	border-right: 0px none;
}
.sub_menu li.sel a {
	color: #2aa9b4;
}
.about_con {
	width: 92.75%;
	margin: 0 auto;
	padding-bottom: 5%;
}
.about_con p {
	margin-top: 5%;
	color: #999999;
	line-height: 1.5;
}
.about_con p b {
	color: #005bac;
}
.about_sou {
	width: 50%;
	margin: 3% auto;
	padding-bottom: 5%;
}
.about_sou li {
	line-height: 2.4;
}
.about_sou li span {
	width: 14.375%;
	display: inline-block;
	text-align: center;
	margin-right: 3%;
	color: #fff;
	background: url(../images/about_sou_pic.jpg) no-repeat left center;
	background-size: 100%;
}
.about_cul_t3 {
	width: 90%;
	margin: 4% auto 7% auto;
}
.about_zizhi_list dl {
	width: 43.75%;
	float: left;
	margin: 3% 3.1% 4% 3.15%;
}
.about_zizhi_list dt {
}
.about_zizhi_list dd {
	line-height: 2;
	text-align: center;
	color: #544c4b;
}
.job_t {
	margin-left: 4%;
}
.job_t dl {
	width: 20%;
	float: left;
	margin-right: 4%;
}
.job_t dl dt {
	width: 100%;
	height: 100%;
	line-height: 1.7;
	background-color: #d2d0d0;
	color: #363434;
	border-radius: 50%;
	text-align: center;
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.job_t dd {
	color: #a8afb0;
	text-align: center;
	line-height: 2;
}
.job_t dl.sel dt {
	background-color: #268d96;
	color: #fff;
}
.job_t dl.sel dd {
	color: #268d96;
}
.job_detail {
	width: 93%;
	margin: 5% auto;
}
.job_detail h3 {
	color: #2199a4;
	line-height: 2;
}
.job_detail div {
	color: #909697;
	line-height: 1.5;
}
/* about end */

/* contact begin */
.contact_1 {
	margin: 0 auto 5% auto;
	width: 90%;
}
.contact_1 dl {
	width: 45%;
	float: left;
	margin-top: 5%;
}
.contact_1 dt {
	width: 51.3889%;
	margin: 0 auto;
}
.contact_1 dd.t {
	color: #333333;
	line-height: 2;
	text-align: center;
}
.contact_1 dd.spec {
	color: #a5b2b3;
	text-align: center;
	line-height: 1.2;
}
.contact_border {
	width: 100%;
	height: 1px;
	line-height: 1px;
	background-color: #ccc;
}
.contact_2 {
	width: 90%;
	margin: 5% auto;
}
.contact_2 dl {
	margin-top: 5%;
}
.contact_2 dt {
	color: #f36018;
	vertical-align: middle;
}
.contact_2 dt .div1 {
	width: 8.4375%;
	margin-right: 3%;
}
.contact_2 dt .div2 {
	line-height: 2;
}
.contact_2 dd {
	color: #879091;
	line-height: 1.2;
	margin-top: 3%;
}
.contact_2 dd .div1 {
	color: #000000;
}
.contact_2 dd .div2 {
	width: 86%;
}
.contact_3 {
	width: 90%;
	margin: 5% auto;
}
.contact_3 div {
	margin-top: 3%;
}
.contact_3 .input1 {
	width: 100%;
	padding: 3%;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
.contact_3 .text1 {
	width: 100%;
	padding: 3%;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
.contact_3 .btn1 {
	background-color: #2399a4;
	color: #fff;
	width: 100%;
	height: 23.625%;
	border: none 0px;
	padding: 3% 0;
	box-sizing: border-box;
}
/* contact end */

/* service begin */
.service_dl_con dl {
	text-align: center;
	margin: 8% auto;
}
.service_dl_con dl.first {
	margin-top: 0;
}
.service_dl_con dd {
	margin: 2% auto;
	width: 75.9375%;
	text-align: center;
}
.service_dl_con dd.t1 {
	font-weight: bold;
	margin-top: 4%;
}
.service_dl_con dd.t2 {
	background-color: #313333;
	color: #fff;
	line-height: 1.5;
	width: 50%;
	margin: 0 auto;
}
.service_2_item {
	color: #fff;
	background-color: #43bcc7;
}
.service_dl2_con .s1 {
	width: 50%;
	float: left;
}
.service_dl2_con .s2 {
	padding: 2%;
	padding-top: 12%;
	line-height: 1.5;
	box-sizing: border-box;
	width: 50%;
	float: left;
}
/* service end */

/* mobile begin */
.mobile_1 {
	width: 90%;
	margin: 5% auto;
}
.mobile_1 dt {
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	color: #000;
}
.mobile_1 dd {
	text-align: center;
	line-height: 1.5;
	color: #333;
}
.mobile_1 dd.spec {
	color: #999999;
	line-height: 1.2;
}
.mobile_2 {
	background-color: #43bcc7;
}
.mobile_2_text {
	color: #fff;
	width: 60%;
	margin: 0 auto;
}
.mobile_2 .page_t {
	color: #fff;
}
.mobile_2 .page_t span {
	color: #fff;
}
.mobile_3 {
	width: 90%;
	margin: 5% auto;
}
.mobile_3 dt {
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	color: #000;
}
.mobile_3 dd.spec {
	color: #999999;
	line-height: 1.2;
	margin-top: 3%;
}
/* mobile end */

/* solution begin */
.solution_list dl {
	width: 45.3%;
	float: left;
	margin: 4% 2.35%;
}
.solution_list dd.t2 {
	border-bottom: 1px solid #0dafbe;
	line-height: 2;
}
.solution_list dd.t2 a {
	color: #0dafbe;
}
.solution_list dd.spec {
	line-height: 1.2;
	margin-top: 3%;
}
.solution_list dd.spec a {
	color: #878a8a;
}
/* solution end */

/* pay begin */
.pay_list {
	width: 96%;
	margin: 5% auto
}
.pay_list table {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}
.pay_list table td {
	width: 50%;
	line-height: 1.5;
	padding: 0px;
	margin: 0px;
}
.pay_list dl {
	margin: 5% auto;
}
.pay_list dt {
	width: 38%;
	float: left;
	padding: 5% 0;
}
.pay_list dd {
	line-height: 2;
	font-size: 1.2rem;
}
.pay_spec {
	color: #999;
	line-height: 1.5;
	padding: 5%;
}
/* pay end */

@media all and (min-width:600px) and (max-width:639px) {
html {
	font-size: 15px;
}
}
 @media all and (min-width:480px) and (max-width:599px) {
html {
	font-size: 13px;
}
}
 @media all and (min-width:361px) and (max-width:479px) {
html {
	font-size: 11px;
}
}
 @media all and (max-width:360px) {
html {
	font-size: 9px;
}
}
/*分页*/
.m-page {
	text-align: center;
	font-size: 0;
	height: 38px;
	line-height: 38px;
	padding-right: 10px;
	margin-top: 20px;
}
.m-page li {
	display: inline
}
.m-page a, .m-page i {
	display: inline-block;
	font-size: 15px;
	background-color: #fff;
	padding: 0px 13px;
	height: 36px;
	overflow: hidden;
	text-align: center;
	border: 1px #2eafbb solid;
	color: #2eafbb;
	font-family: Arial;
	margin-left: 5px;
	vertical-align: top;
}
.m-page a.next, .m-page a.prev {
	font-family: 宋体;
	font-size: 16px;
	font-weight: 700;
}
.m-page a:hover, .m-page li.thisclass a {
	background-color: #2eafbb;
	color: #fff;
}
.m-page span {
	font-size: 14px;
	padding-right: 10px;
}
