/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* 在线工具 Tool.Adminbuy.Cn */
/* QQ：9490489 */
html{color:#444;}
.content-box{
		  min-height:500px;
  	}
  	.uk-navbar-nav > li > a{
  		color:#ccc;
  	}
  	.uk-navbar-brand{
  		color:#fafafa;
  	}
  	
  	.servers .title .subject{
	margin:40px 0 10px 0;
	font-size:25px;
}

.servers .title .subtitle{
	margin:0px 0 20px 0;
}

.servers .box i{
	font-size:100px;
	color:#ccc;
}

.servers .box{
	border:1px solid #eee;
	padding:20px;
	margin-bottom:30px;
}

.servers .box .subject{
	font-size:23px;
	margin:10px 0;
	color:#333;
}

.servers .box .info{
	color:#999;
}
/* .active{
	color:red;
} */
.page{
	margin:50px 0;
	font-size: 14px;
	text-align:center;
	color:#666;
}
.page a{
	color:#666;
	padding:10px 15px;
	border:1px solid #e2dfdf;
	margin-right: 10px;
	
}
.page a.page-num-current{ border-color:#275585; background: #275585; color:#fff;}
.page span{
	margin:0 3px;
}
.uk-list a{ 
	color:#666;
}
.uk-navbar-center{
	max-width:100%;
}

.uk-container{padding: 0 15px;}
.tm-section-color-1{background:#f7f7f7;}
.tm-section-color-2{background:#275585;}
.uk-slidenav-position .uk-slidenav{display: block;}

.head-top{ height: 37px; background:#565a5e; color:#c5c1c1; line-height: 37px;}

.lang{float: right; background: #275585;}
.lang a{ color:#fff; padding:0 15px; display: inline-block; text-decoration: none;}
.lang a:first-child{background: #000;}
.head-nav{background:#fff; height: 80px;box-shadow: 0px 0px 5px #676767;}
/* .head-nav .uk-navbar-brand{height: 110px;} */
.head-nav .head-navbar-nav{margin-top: 35px;}
.head-nav .head-navbar-nav > li{float:left; font-size: 16px; position: relative; list-style: none;}
.head-nav .head-navbar-nav > li:first-child{ margin-left:20px;}
.head-nav .head-navbar-nav > li span{color:#e7e7e7;}
.head-nav .head-navbar-nav > li > a{ color:#333;padding:20px 30px; text-decoration: none;}
.head-nav .head-navbar-nav > li:last-child span{display:none;}
.head-nav .head-navbar-nav > li:hover>a,.head-nav .head-navbar-nav > li > a:focus, .head-nav .head-navbar-nav > li.active > a{  background:#f4f4f4; border-bottom:4px solid #035195;  box-shadow: none;}
/* .head-nav .head-navbar-nav > li.active span{ color:#666;} */
.head-nav .head-navbar-nav li dl{
	position: absolute;
	width: 200px;
	margin:0;
    top: 48px;
    left: -10px;
    z-index: 999;
	/* background: url(../images/nav-bg1.png) repeat; */
	background:#fff;
	box-shadow: 0 0px 6px #ccc;
    display: none;
}
.head-nav .head-navbar-nav li dd a {
    display: block;
    text-align: center;
	border-bottom: 1px solid #eee;
	text-decoration: none;
    font-size: 14px;
    color: #666;
    line-height: 55px;
    height: 55px;
    overflow: hidden;
}
.head-nav .head-navbar-nav li dd a:hover{color:#035195;}
.mobile-toggle{ width:40px; height:40px; position: absolute; display: block; top:30px;right:30px; color:#565a5e; border:1px solid #565a5e;line-height: 40px; text-align: center; border-radius:5px;}
.uk-offcanvas-bar{background:#275585;}
.uk-nav-offcanvas>li>a{color:#fff;}
.uk-nav-offcanvas ul a{color:#fff;}
.uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover{background: #254a71;}

.tm-section-colored p{color:#fff;}
.h-about{ background:#0d95a3; border-color:#0d95a3; border-radius:0;}
.h-title{font-size: 36px;}
.h-title span{ font-size:20px; margin-left:30px; text-transform: uppercase;}
.h-content{padding:15px 15px;}
.h-more{ padding:6px 40px; color:#fff; border:1px solid #fff; display: inline-block;}
.h-more:hover{ color:#fff;}

.h-prob{background:#f6ab45;height:100%;}
.h-product{ background:#206098; padding:45px 30px;}
.h-prolist li{ float:left; font-size:12px;}
.h-product-con{background:#f6ab45;padding:35px 30px;}

.h-perf{padding: 0 30px;}
.h-perf-wrap{ padding:0 60px;}
.h-perf-wrap .uk-slidenav-position .uk-slidenav-previous{left:-55px;}
.h-perf-wrap .uk-slidenav-position .uk-slidenav-next{right: -55px;}
.h-perf-wrap a.uk-slidenav{text-decoration: none; top:40% !important;}
.h-perf li{ padding:0 20px;}
.h-perf .rad-pic{ border:5px solid #fff; overflow: hidden;}
.h-perf-wrap .pic{  overflow: hidden; height: 200px;background-size: cover; background-position: center center;}
.h-perf-wrap .title{ font-size:14px; color:#444; margin: 20px 0; display: inline-block;}
.h-perf-wrap .title:hover{ text-decoration: none; color:#275585;}
.h-perf a{text-decoration: none;}
.h-perf h3{ color:#fff; margin-top:15px;}
.h-perf-text{line-height: 1.8; margin:0 40px; font-size:16px;}
.h-perf-title i{ font-style:normal; padding: 0 25px;}
.h-perf-title span{font-size:20px; margin-left:30px; text-transform: uppercase;}

.h-perf-titleen span {
    font-size: 20px;
    text-transform: uppercase;
    font-family: "DIN-Medium";
    font-size: 40px;
    font-weight: bold;
}

.h-perf-title:before, .h-perf-title:after {
    content: "";
    display: inline-block;
    width: 325px;
    vertical-align: middle;
    border-top: 1px solid #88a2bc;
}
.h-pro .uk-slidenav{font-size: 40px;}
.h-pro .uk-slidenav-previous:before {
    content: "\f100";
    font-family: FontAwesome;
}
.h-pro .uk-slidenav-next:before {
    content: "\f101";
    font-family: FontAwesome;
}

.h-title { font-size:24px;color:#625a5a;}
.h-title a{ color:#666;}
.h-title a:hover{ text-decoration: none;}
.h-title:after{content:" "; display:inline-block; width:25px; border-top:1px solid #000; position:relative; top:-10px;}
.h-title .en{ margin-top:10px; text-transform:uppercase;}
.h-titleen .en {
    margin-top: 10px;
    text-transform: uppercase;
    font-family: "DIN-Medium";
    font-size: 40px;
    font-weight: bold;
    color: #005baa;
	margin-bottom:10px;}
	

	
.h-ab-list span{ margin-right:20px;}

.h-new-pic{ height:200px;background: no-repeat center center;background-size: 100% auto;transition: background-size .5s;}
.h-news:hover .h-new-pic{
    background-size: 120% auto;
}
.h-news:hover a{ text-decoration: none;}
.h-new-text{ padding:30px 20px 20px; color:#fff;height:180px;}

.news-pic{ height: 100px; display: block; background-size:cover; background-position: center center;}
.bg-1{background:#0d95a3;}
.bg-2{background:#275585;}
.bg-3{background:#9cacc3;}
.h-new-text .tit{ font-size:24px;}
/*.h-new-text .tit:after{content:'';display:block; width:280px; height:2px; background:#fff;margin-top: 10px;}*/


.footer{background: #353535;padding:30px 0; color:#fff;}
.foot-contact{ font-size:12px; line-height: 24px;}
.foot-navlist,.foot-meaasge {padding-top:0px; padding-bottom:15px;}
.foot-navlist .team{float:left; padding-left:45px;}
.foot-navlist .team h3,.foot-meaasge h3{color:#fff; font-size:18px;}
.foot-navlist .team a{color:#fff; font-size:12px;}
.foot-navlist .team li{line-height: 30px;}

.foot-meaasge .uk-button{ border:none; background:#0968c7; color:#fff; width:5rem; height:2rem; text-shadow:none;}
.foot-meaasge .uk-button:hover{ background:#195088}
.foot-meaasge .uk-form textarea,.foot-meaasge .uk-form input[type=text]{ border-radius: 0; }
.h-news h2{ font-size: 16px; font-weight: bold;}
.h-news .title:hover h2{ color:#035195;}
.h-news .time{ font-size:12px; color:#9e9e9e;margin:-10px 0;}

/* 内页 */
.about-con{padding-bottom: 50px;}
.b-position{ padding:20px 0; background:#f5f5f5; margin-bottom: 30px; box-shadow: 0px 0px 3px #ccc;}
.b-position .uk-breadcrumb{ margin-bottom: 0;}


.imgs{    width: 100%;
    max-width: 430px;
    height: 340px;
    background: no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;}
.prolist-con .uk-overlay{width:100%; border:1px solid #e7e7e7;box-sizing: border-box;}
.prolist-con .uk-overlay-icon:before{
	content: "\f0c1";
	background:rgba(39,85,133,0.6);
	width:80px;height:80px;
	margin-top:-40px;margin-left: -40px;
	font-size: 40px;
	border-radius:50%;
	line-height: 80px;
}
.prolist-con .uk-overlay-background{    background: rgba(37, 74, 113,0.8); font-size: 18px;}
.prolist-con .imgs{ height:200px;}
.prolist-con a{ text-decoration: none; font-size: 14px;color:#444;}
.prolist-con .uk-thumbnail-caption{ font-size: 14px; margin-top: 10px;}
.prolist-nav{border-left: 4px solid #275585;color: #275585; padding:5px 0 5px 20px;}
.n-ban{ height: 250px; background:no-repeat center center; background-color:#254a71;}
.n-ban-title{letter-spacing: 7px;  margin-top: 60px; color:#f5f5f5; font-size:24px; text-align: right; font-weight: bold; line-height: 1.8; text-shadow: 2px 2px 3px #000;}

.p-pro-name>*{ font-size: 18px;line-height: 1.8;}

.n-left{ padding-left:50px;}
.l-cons a:hover{ text-decoration: none;}
.l-cons{ background:#fff; padding:30px 0px; border-top:3px solid #275585; font-size: 14px;}
.l-cons ul li{ line-height: 35px; margin-bottom: 5px;}
.l-cons ul li>a { display:block; background:#656565; color:#fff;  padding:5px 0;padding-left:10px;}
.l-cons ul li>a:hover{background:#275585;}
.l-cons ul li.active>a{ font-weight: bold;background:#275585;}
.l-cons ul li dl{ padding:0 10px; margin-top:0; border:1px solid #e7e7e7;}
.l-cons ul li dl dd{ border-bottom:1px solid #e7e7e7;}
.l-cons ul li dl dd.active a{ color:#275585; font-weight: bold;}
.l-cons ul li dl dd a:hover{color:#275585; }

.newlist-con li{padding:17px 0 10px; border-bottom:1px dotted #e0e0e0;}
.newlist-nav{ padding:3px 15px; background:#eee;  font-weight: bold; color:#b50606;}
.newlist-data{ margin:0 15px; font-style: italic;}
.case-desc{ background:#275585; padding: 30px; color:#fff;}
.case-desc h2{ color:#fff;}

.prev-next{ padding:30px 0;}
.prev-next .back{float: right;
    display: inline-block;
    padding: 2px 22px;
    border: 2px solid #eee;
    color: #888;
	transition: all 0.3s; margin-top: 20px;} 
.prev-next .back:hover{ text-decoration: none; background:#275585; color:#fff;}
.cert-con .uk-thumbnail{width:100%;height: 365px; position: relative; overflow: hidden;}
.cert-con .uk-thumbnail img{ position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    max-width: 100%;
	max-height: 100%;}
	
.related{position: relative;}
.related .uk-slidenav{ position: absolute;  top:0; color:#000; font-size: 30px; width: 30px; height: 30px; line-height: 30px;}
.related .uk-slidenav-previous{right:40px;}
.related .uk-slidenav-next{right:0px;}
@media (min-width: 1220px){
	.uk-container {
		max-width: 1270px;
		padding: 0 35px;
	}
	.tm-middle, .tm-section, .tm-footer {
        padding: 60px 0;
	}
}
.tm-middle, .tm-section, .tm-footer {
    padding: 50px 0;
}
/* Tablet and bigger */
 @media (max-width: 959px) {
    .tm-middle, .tm-section, .tm-footer {
        padding: 40px 0;
	}
	.h-titleen span{ font-size:30px;}	
	.n-ban-title:before, .n-ban-title:after { width:100px;}
}
@media (max-width: 767px) {
	.n-ban-title{letter-spacing: 3px;}
    .n-ban-title i{padding:0 10px;}
	.n-ban-title:before, .n-ban-title:after { width:60px;}
	.h-perf-text{ margin-left: 0; margin-right: 0; text-align: left;}
	.h-title span{display: block; margin-left: 0;}
	.h-perf-title span{display: block;margin-left: 0;}
	.h-perf-wrap{ padding:0 0;}
	.h-perf-wrap .uk-slidenav-position .uk-slidenav-previous{left:-30px;}
.h-perf-wrap .uk-slidenav-position .uk-slidenav-next{right: -30px;}
.n-ban{ height: 100px; }
.n-ban-title{ font-size: 18px;margin-top: 30px;}
.uk-margin-remove{ height:80px;}
.uk-navbar-center{ float:left}
.h-perf-wrap .pic{ height:120px;}
.uk-slideshow{}
.uk-article-title{ font-size:20px; margin-bottom:5px; line-height:30px}
.uk-article-meta{ margin:0}
#maximg{ line-height:24px}
.prolist-con .imgs{ height:250px}
.p-pro-name{ margin-top:20px}
}
.ueditor_baidumap{ max-width: 100%;}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

#maximg img{ max-width:100% !important; height:auto !important}