@charset "utf-8";

body,html{background:#fff;}
body,th,td{color:#666;font-size:12px;font-family: Arial, Helvetica, sans-serif;}
body,ul,li,p,form,h2,h4,h5{padding:0;margin:0;}
ul,li{list-style:none;list-style-position:outside}
img{border:0;}
table{border-collapse:collapse;border:0;width:100%}
a:link,a:visited{color:#666;text-decoration:none}
a:hover{color:#2ea7d8}
.fl{float:left}
.fr{float:right}
.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.none{display:none}
.clear{clear:both;}
.red,a.red{color:#2ea7d8;}
.bk,.bk10,.bk20{clear:both;height:15px;overflow:hidden;}
.bk10{height:10px;}
.bk20{height:20px;}
.xian{padding:0;margin:0;height:1px;overflow:hidden;border-top:1px #CCC dotted;}
.textbox,.textbox_foucs{border:1px #eee solid;padding:5px;font-size:14px;font-family:Verdana, Geneva, sans-serif,"微软雅黑";background:#eee;color:#666;}
.textbox_foucs{background:#FFF;border-color:#ddd;}
.button{background:#ddd;height:24px;border-top:0;border-left:0;border-bottom:1px solid #666;border-right:1px solid #666;padding:3px 6px;}

.table_form{}
.table_form td{padding-left:12px}
.table_form th{font-weight:normal;text-align:right;padding-right:10px;color:#777}
.table_form td label,.table_form img{vertical-align:middle}
.table_form td,.table_form th{padding:4px 0 4px 8px}

.table_list{background:#CCC;}
.table_list tr{background:#FFF;}
.table_list strong{font:18px Verdana;color:#2ea7d8;font-weight:bold}

.alert{border:1px #FFCC7F solid;background:#FFFFE5;padding:5px 9px;padding-bottom:3px;line-height:20px;}
.alert strong,.alert span{color:#2ea7d8;font-weight:bold}

.pagination{display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination ul{border-radius: 3px 3px 3px 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);display: inline-block;margin-bottom: 0;margin-left: 0;}
.pagination li{display: inline;}
.pagination a, .pagination span{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #FFFFFF;border-color: #DDDDDD;border-image: none;border-style: solid;border-width: 1px 1px 1px 0;float: left;line-height: 38px;padding: 0 14px;text-decoration: none;}
.pagination .active a, .pagination .active span{background-color: #2ea7d8;}
.pagination .active a, .pagination .active span{color: #fff;cursor: default;}
.pagination a:hover{background-color: #F5F5F5;}
.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover{background-color: transparent;color: #999999;cursor: default;}
.pagination li:first-child a, .pagination li:first-child span{border-left-width: 1px;border-radius: 3px 0 0 3px;}
.pagination li:last-child a, .pagination li:last-child span{border-radius: 0 3px 3px 0;}
.pagination-centered{text-align: center;}
.pagination-right{text-align: right;}

#header{width:100%;background:#2ea7d8;}
#footer{width:100%;background:#2a2b2d;}
#header .inner,#main .inner,#footer .inner{width:1200px;margin:0 auto;}
#main .inner{padding:10px 0;}

#header .inner{height:80px;}
#header .logo{float:left;margin:18px 0 17px 0;height:45px;overflow:hidden;}
#header .nav{float:right;position:relative;}
#header .nav ul{}
#header .nav li{float:left;line-height:80px;font-size:16px;font-family:"微软雅黑";}
#header .nav a{color:#fff;display:block;text-decoration:none;padding:0 20px;}
#header .nav .hover,#header .nav .selected{background:#156281;}
#header .nav .sub{position:absolute;z-index:10;background:#00a0e8;display:none;line-height:40px;}
#header .nav .sub a{font-size:14px;padding:0 21px;}
#header .nav .sub a:hover{background:#156281;}
#header.fixed{position:fixed;z-index:9999;}

#footer{clear: both;}
#footer .nav{padding:15px 0;}
#footer .nav ul{float:left;width:200px;padding-bottom:5px;margin-right:20px;}
#footer .nav h4{font-size:14px;line-height:40px;color:#FFF;font-family:"微软雅黑";}
#footer .nav li{line-height:25px;}
#footer .link{padding-bottom: 15px;}
#footer .link a{margin: 0 8px;}
#footer .copyright{background:#121213;padding:10px 0;height:21px;line-height:21px;font-family:Verdana, Geneva, sans-serif;}

.layout{clear:both;zoom:1;}
.layout:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.layout .col-sub{float:left;width:230px;overflow:hidden;}
.layout .col-main{float:right;width:715px;overflow:hidden}

.main_title{clear:both;padding:15px 0;font-family:"微软雅黑";text-align:center;}
.main_title h2{font-size:24px;color:#000;font-weight:normal;}
.main_title p{font-size:14px;color:#999;margin-top:10px;}

.box1{}
.box1 div.title{height:31px;overflow:hidden;border-bottom:1px #ddd dotted;}
.box1 div.title h4{float:left;font-family:"微软雅黑";font-size:16px;color:#000;font-weight:bold;}
.box1 div.title span{float:right;margin-top:5px;}
.box1 div.content{padding:10px 2px 0 2px}

.box2{background:url(../img/box2.gif) no-repeat;}
.box2 div.title{height:30px;line-height:30px;overflow:hidden;padding:0 10px;}
.box2 div.title h4{float:left;font-size:14px;color:#fff;font-weight:bold;}
.box2 div.title span{float:right;}
.box2 div.title span a{color:#FFF;}
.box2 div.content{padding:8px 0 8px 10px;}

.box3{}
.box3 div.title{height:45px;overflow:hidden;border-bottom:1px #eee solid;}
.box3 div.title h4{float:left;font-size:18px;font-family:"微软雅黑";color:#000;font-weight:bold;margin:10px 0;}
.box3 div.title span{float:right;margin:15px 0;}
.box3 div.content{padding:10px 0;min-height:474px;}

.page_content,.page_content td{font-size:14px;line-height:25px;color:#666;}
.page_content p{padding:5px 0;}

.main_top{background:#f5f5f5 url(../img/main_top.jpg) no-repeat center top;text-align:center;font-family:"微软雅黑";padding:50px 0;margin-bottom:10px;}
.main_top h2{font-size:36px;font-weight:normal;color:#000;}
.main_top span{font-size:18px;display:block;margin-top:15px;}

.subnav{display:inline-block;font-size:14px;padding:10px 0 20px 0;margin:0 auto;}
.subnav a{background:#f1f1f1;padding:12px 20px;margin:0 15px;}
.subnav a.current{background:#2ea7d8;color:#FFF;}

.news_list{clear:both;}
.news_list ul{padding:15px 0;height:90px;border-bottom:1px #eee dotted;}
.news_list li{float:left;}
.news_list .date{width:90px;height:90px;background:#eee;text-align:center;margin-right:15px;}
.news_list .date .day{font-size:52px;color:#000;margin-top:3px;}
.news_list .date .year{color:#999;}
.news_list .text{width:895px;}
.news_list .title{font-size:18px;line-height:40px;font-family:"微软雅黑";color:#000}
.news_list .description{color:#999;line-height:21px;}
.news_list a:hover .date{background:#2ea7d8}
.news_list a:hover .date .day{color:#FFF}
.news_list a:hover .date .year{color:#FFF}
.news_list a:hover .title{color:#2ea7d8}

.cases_list{clear:both;}
.cases_list ul{float:left;width:33.33%;}
.cases_list li{margin:0 15px;}
.cases_list .thumb{margin-top:15px;}
.cases_list img{width:100%;}
.cases_list .text{position:relative;background:#eee;height:50px;padding:15px;margin-bottom:15px;}
.cases_list .text p{padding:6px 0;line-height:30px;color:#999;}

.news_title{padding:10px;text-align:center;border-bottom:1px #ddd dotted;}
.news_title h2{line-height:28px;font-size:20px;font-weight:bold;color:#000;}
.news_title p{padding:10px 0 2px 0;}
.news_content{line-height:25px;font-size:14px;min-height:300px;}
.news_content p{padding:5px 0;}
.news_content img{text-align:center;margin-bottom:5px;}

.content_bottom{border-top:1px #ddd dotted;padding:20px;color:#999;}
.content_bottom .prev{}
.content_bottom .list{text-align:center;width:100%;}
.content_bottom .next{}
.content_bottom a{display:inline-block;width:45px;height:45px;background:url(../img/news_arrow.png) no-repeat;}
.content_bottom .prev a{background-position:0 0;}
.content_bottom .list a{background-position:0 -92px;}
.content_bottom .next a{float:right;background-position:-45px 0;}
.content_bottom .prev a:hover{background-position:0 -46px;}
.content_bottom .list a:hover{background-position:-45px -92px;}
.content_bottom .next a:hover{float:right;background-position:-45px -46px;}

.case_name{padding:10px;text-align:center;border-bottom:1px #ddd dotted;}
.case_name h2{line-height:28px;font-size:20px;font-weight:bold;color:#000;}
.case_name p{padding:10px 0 2px 0;}
.case_content{width:688px;overflow:hidden;line-height:25px;padding:8px 0;font-size:14px;min-height:413px;}
.case_content p{padding:5px 0;}
.case_content img{text-align:center;margin-bottom:3px;display:block;border:1px #eee solid;background:#000;}
.case_more{border-top:1px #ddd dotted;padding-top:10px;color:#999;}
.case_more p{line-height:21px;}

/*.service{}
.service ul{padding:15px 5px;border-bottom:1px #ddd dotted}
.service li{padding-left:55px;}
.service .name{height:25px;font-size:14px;font-weight:700;}
.service .name a{color:#2873c2}
.service .description{color:#999}
.service .qq{background:url(../img/service_qq.gif) no-repeat 2px center;}
.service .guestbook{background:url(../img/service_guestbook.gif) no-repeat 2px center;}
.service .faq{background:url(../img/service_faq.gif) no-repeat 2px center;}
.service .download{background:url(../img/service_download.gif) no-repeat 2px center;}*/

.link{line-height:22px;}

/*客服*/
.kefu {
	position: fixed;
	top: 50%;
	margin-top: -120px;
	right: 0;
	width: 45px;
	z-index: 9999;
}
.kefu li {
	width: 45px;
	height: 45px;
	line-height: 45px;
	float: right;
	position: relative;
	margin: 1px 0;
	background: #333;
	transition: .3s;
	cursor: pointer;
	border-radius: 1px;
	zoom: 1;
	transition: 0.5s;
}
.kefu li:hover {
	background: #0595c7;
}
.kefu li em {
	float: left;
	display: block;
	width: 45px;
	height: 45px;
	overflow: hidden;
}
.kefu li a {
	display: block;
	height: 45px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
}
.kefu .wx .code {
	display: none;
	right: 47px;
	position: absolute;
	top: -135px;
	width: 150px;
	padding: 5px;
	border: 1px #ddd solid;
	background: #fff;
}
.kefu .wx .code img {
	width: 100%;
}
.kefu .wx .code p {
	line-height: 20px;
	text-align: center;
	font-size: 14px;
}
.kefu .m .code {
	display: none;
	right: 47px;
	position: absolute;
	top: -135px;
	width: 150px;
	padding: 5px;
	border: 1px #ddd solid;
	background: #fff;
}
.kefu .m .code img {
	width: 100%;
}
.kefu .m .code p {
	line-height: 20px;
	text-align: center;
	font-size: 14px;
}
.kefu .wx,.kefu .m{line-height:normal;}
.kefu .qq em {
	background: url(../img/side-kefu.png) no-repeat center;
}
.kefu .wx em {
	background: url(../img/side-weixin.png) no-repeat center;
}
.kefu .m em {
	background: url(../img/side-code.png) no-repeat center;
}
.kefu .tel em {
	background: url(../img/side-tel.png) no-repeat center;
}
.kefu .tel a {
	font-size: 16px;
}
.kefu .gotop em {
	background: url(../img/side-top.png) no-repeat center;
}