@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,greek-ext,vietnamese);
body{font-family:'Open Sans','Microsoft Yahei UI Light','微软雅黑';padding:0;margin:0;position:relative;color:#616161;}
/*返回顶部的箭头*/
.to-top{position:relative;z-index:555}
.to-top #back-to-top{float:right;}
.to-top #back-to-top a{position:fixed;bottom:60px;padding:15px;color:#999;}
/*End */
/*一些全局样式*/
a,a:link,a:hover{color:inherit;}
.text-green{color:#729B4F !important;}

.h-15{height:15px;clear:both;}
.mgb-15{margin-bottom:15px;}
/* 头部	*/
h1{text-transform:uppercase;}
h1.text-search{text-transform:none}
.header{
	padding-top:15px;
}
div{transition:width 0.5s;}
/* 搜索框	*/
.search-box{
	padding-top:6px;
	padding-bottom:15px;
}
section{}
section img{max-width:100%;}
.banner-buttons{text-align:center;padding-top:30px;padding-bottom:10px;}
.banner-buttons a{display:inline-block;font-size:18px;padding:8px 20px;border:1px #fff solid;text-transform : uppercase;}
.ban-box{background:rgba(0,0,0,0.8);color:#fff;}
.ban-box h1 small{color:#fff;text-transform:none;}
.ban-box .col-xs-4+div.col-xs-4:after{content:" ";position:absolute;height:150px;top:15px;border-left:1px #D1D1D1 solid;left:0;}
.underlying{z-index:0}
.search-input .input-search{display:none;}
.language{display:inline-block;line-height:30px;margin-left:10px;}
.language a+a{border-left:1px #3C3C3C solid;margin-left:5px;padding-left:5px;}
/*分享*/
.share-box{padding-top:8px;}
.share{width:36px;height:40px;display:inline-block;background-image:url(../image/share.png);background-repeat:no-repeat;}
.share.fb{background-position:-3px -3px}
.share.yb{background-position:-43px -3px}
.share.instagram{background-position:-83px -3px}
.share.tw{background-position:-124px -3px}
.banner-content{position:relative;}
.navigation{padding-top:15px;border-bottom:2px #ECECEC solid;}
ul#navigation{list-style:none;padding:0;margin:0;color:#444;font-size:16px;}
ul#navigation a:hover{text-decoration:none;background:#F6F6F6;}
ul#navigation a:link{text-decoration:none;}
@media(max-width:767px){
	.share-box{display: none;}
	.search-box{display: none;}
	.navigation .container { width: 100%; }
	ul#navigation > li > a{padding:10px 15px !important; }
}
@media(max-width:850px){
	ul#navigation > li > a{padding:10px 12px !important; }
}
@media(min-width:850px) and (max-width:991px){
	ul#navigation > li > a{padding:10px 17px !important; }
}
@media(min-width:768px){
	ul#navigation.collapse{width:1200px;display:block;height:auto !important;}
	ul#navigation li{display:inline-block;}
	ul#navigation > li > a{padding:10px 22px;display:inline-block;}
	ul#navigation:after{content:" ";clear:both;display:table;}
	.sm-right{float:right;}

	 .navigation-sub{position:absolute;left:0;width:100%;background:#F6F6F6;z-index:999}

	 .blog-item h4 small{margin-left:50px;}
	.article-feature h4{padding:0;margin:0}
	.article-feature .text{font-size:12px;}
	 .article-feature h4 a{
	 	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;display:block;
	 }

	 .blog-right:after{
		width: 1px;
    	background: #ccc;
    	transition: .6s width;
    	position: absolute;
	    display: block;
	    /*top: calc(100% + 15px);*/
		top:50px;
	    content: '';
	    left: 0;
	    height: calc(100% - 100px);
		
	}
	
	.ban-box{position:absolute;top:86px;z-index:99999}
	section .ban-box h1{font-size:48px}
	.bottom-share{float:right;}
	.banner-buttons a{margin:15px;}
}
.flexslider{margin-bottom:0}
@media(max-width:768px){
	.nav-header{display:inline-block;float: left;margin-right: -22px;}
	.navigation{background:#F6F6F6;padding-top:0}
	ul#navigation a:hover{background: #FDFDFD;}
	ul#navigation{line-height:40px;}
	ul#navigation a{display:block;padding:0 12px;}
	.navigation .container{padding:0;}
	ul#navigation .navigation-sub{background:#e1e1e1;}
	ul#navigation .navigation-sub a{padding:0 30px;}
	.banner-content{}
	dl.nav-sub{display:none;background:#e1e1e1;margin-left:-15px;margin-right:-15px;}
	dl.nav-sub a{display:block;padding:3px 20px;border-bottom:1px #fff solid}
	.ban-box h1{font-size:24px;}
	.ban-box h3{font-size:20px;}
}
.pagination>li>a, .pagination>li>span{color:inherit;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color:inherit;}
section.team{}
section.showreel{min-height:600px;}
.team-cont{position:relative;}
.team-cont .abs-text{position:absolute;width:100%;bottom:0;}
.team-cont	.team-abs-title{font-size:36px;margin-bottom:20px;color:#fff;}
.team-cont div.text{padding:10px 15px;background:rgba(0,0,0,0.8);color:#fff;}
.flexslider .slides img {width:auto;}

.nav-bottom{

}
.footer{background:#F6F6F6;padding:15px 0;margin:0}
.nav-bottom .nav-item{padding:0 15px;}
@media(min-width:960px){
	.nav-bottom .nav-item{width:10.5%;float:left;}
}

.copyright{text-align:center;line-height:45px;margin-top:30px;}
.copyright:after{content:" ";clear:both;display:table;}
.copyright p{padding:0;margin:0; line-height: 15px;}

.bg-gray{background:#F6F6F6}
.chart{
	width:185px;
	height:185px;
	position:relative;
	margin:auto;
	display:block;
}
.chart .percent{
	position:absolute;
	font-size:48px;
	font-weight:bold;
	width:100%;text-align:center;
	top:50px;
	color:#7F7E7F;
}

.section h1{margin:30px 0;}
div.team-list:after:{content:" ";clear:both;display:table;margin:15px -15px;}
@media(min-width:1075px){
	div.team-item{
		float:left;
		width:20%;
		padding-left:15px;
		padding-right:15px;
	}
}
@media(min-width:768px) and (max-width:1075px){
	div.team-item{
		float:left;
		width:33.3333%;
		padding-left:15px;
		padding-right:15px;
	}
}
@media(min-width:768px) and (max-width:1200px){
	section .ban-box h1{font-size:38px}
}
.testimonial{
	padding-bottom:60px;
	background:#0F1A09 url(../image/testimonial.png) center center no-repeat;
	color:#fff;
}
.msg-item{padding:0 15px;display:inline-block;text-align:left;}
.msg-item p{font-size: 16px;}
#messageslider{background:none;color:#fff;border:none;text-align:center;}
@media(min-width:768px){
#messageslider div.owl-item:nth-child(2n){border-left: 1px solid gray;}
}
.article-content{min-height:600px;padding-top:10px;}
.faq-content{min-height:600px;padding-top:30px;padding-bottom:30px}
.filter-category{padding:30px 0px;}
.blog-item .col-sm-3,.blog-item .col-sm-9{margin-bottom:15px;margin-top:15px;}
.faq-item{cursor:pointer;}
.faq-item:after{
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left:50px;
    color:#686868;
}

h4[aria-expanded="true"].faq-item:after{
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left:50px;
}
.cate-list ul{list-style:none;padding:15px;margin:0;text-align:left;}
.cate-list ul li{display:inline-block;padding:5px 0}
.cate-list ul li a{display:inline-block;padding:0px 20px;}
.cate-list ul li a:link{text-decoration:none;}
.cate-list ul li a:hover,
.cate-list ul li.active a{text-decoration:underline;}
.cate-list ul li+li a{position:relative;}
@media(min-width:768px){
	.cate-list ul li+li a:after{content:" ";position:absolute;left:0;border-left:1px #ccc solid;height:10px;top:5px;}
}
.showreel-list>div{padding:0;margin:0}

.verify{cursor:pointer;}

@media(min-width:992px){
	.clients-item{
		width:16.6%;
		float:left;
	}
	.container { max-width: 992px;}
}
@media(min-width:768px) and (max-width:992px){
	.clients-item{width:33.33%;padding:15px;float:left;}
	.container { width: 100%;}
}
@media(max-width:768px){
	.clients-item{width:33.33%;float:left;}
}
.nav-sub dt{font-size:12px;font-weight:normal;color:#666;line-height:20px;}
.show-search{display:block;text-align:right;}
.search-box .search-panel{}

.video-item{display:block;position:relative;overflow:hidden;}
.video-text{
	position:absolute;
	left:0;
	width:0;
	background:rgba(0,0,0,0.7);
	color:#fff;
	padding:15px;
	width:100%;
	bottom:-100px;
	transition:bottom 0.5s;
}
.video-item:hover .video-text{bottom:0;transition:bottom 0.5s}
.clients-item img{border:1px #fff solid;}
.clients-item:hover img{border:1px #ccc solid;}
.faq-box{margin-bottom:0;}
.sendmail-panel{background:#999;padding:20px;color:#fff;margin-bottom:10px;}
.search-panel{display:none;}
.search-show{cursor:pointer;color:#686868;font-size:24px;}
.contact-info p span{color:#999;}
.contact-info {font-size:16px;}
dl.nav-sub{margin-top:5px;}

.nav-list-lg{padding:0;list-style:none;}
.nav-list-lg li{display:inline-block;}
.navigation-lg{background:#F6F6F6; margin-top: -2px;}
.navigation-lg a{display:block;padding:8px 15px;}
.navigation-lg a:hover{background:#ECECEC;}

.html-About a { color:#337ab7;}
.about-color a { color:#337ab7;}
.html-About *,.about-content *{color:#7F7E7F;line-height:2 !important}
.html-Abou h4{font-size:16px !important;}
.html-About {padding-left: 14%; padding-right: 14%;}
.html-About h3,.about-content h3{margin:0;}
.html-About h3,.html-content h3{font-weight:100;}
.html-content { padding-left: 14%;padding-right: 14%;}
.faq-content { padding-left: 14%;padding-right: 14%;}
.html-content h4 { font-size: 16px !important;margin: 0;line-height:1.6; }
.html-projects h4 {margin: 0;}
.projects-box p { font-size: 16px; line-height: 2 !important;margin-bottom: 0;padding-left: 14%;padding-right: 14%;text-align: left; }
.projects-box a { color: #337ab7;}
.projects-box a:hover { color: #23527c;}

/* 修改 */
.btn-default:hover {
	background-color: #fff;
}
.btn-default:active {
	background: none !important;
}
.faq-content .faq-box p{
	margin-bottom: 0;
	font-size: 16px;
	letter-spacing:2px;
	line-height: 2 !important;
}
.faq-content .faq-box h4{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	letter-spacing:2px;
	line-height: 2 !important;
}
.text-new {
	font-size: 16px;
	font-weight: normal;
}
.img-tema-new {
	width: 100%;
	height: 100%;
}
.img-work-new {
	border: 2px solid #fff;
}
.qindent-new {
	line-height: 1.5;
	padding-left:28px;
	text-indent:-28px;
}
.qindent-new:hover { text-decoration: underline; }
.aindent-new {
	line-height: 20px;
	padding-left:25px;
	text-indent:-25px;
}
.address-new {
	float: left;
}
.address-new2 {
	line-height: 37px;
	text-align: left;
	text-decoration: none;
}
.address-new a:hover {
	text-decoration: none;
}
.nav-new {
	margin-right: 25px;
}
.nav-two-new {
	font-size: 16px;
}
.nav-two-new a:hover {
	text-decoration:none;
}
.nav-two-new a:link {
	text-decoration:none;
}
.text-more a {
	color: #71c046;
}
.title-show {
	display: none;
}

.div-logo {
	padding-top: 7px;
	width: 90%;
	float: left;
}
.btn-dropnew {
	font-size: 16px;
}
.dropdown-menu>li>a{
	font-size: 16px;
}
.content-cen p { font-size: 16px; line-height: 2; }
.content-cen ol { padding: 0 14%; font-size: 16px; line-height: 2;}
.content-cen ul { padding: 0 14%; font-size: 16px; line-height: 2;}
.content-cen table{ padding: 0 14%; font-size: 16px; line-height: 2;}
.content-cen h1{ padding: 0 14%;}
.content-cen h2{ padding: 0 14%;}
.content-cen h4{ padding: 0 14%;}
.content-cen h5{ padding: 0 14%;}
.content-cen h6{ padding: 0 14%;}
.content-cen a { color: #337ab7;}
.content-cen a:hover { color: #23527c;}

.hr-show { border-bottom: none;}
.hr-show a { color: #337ab7;}
.hr-show a:hover { color: #23527c;}

#language { padding-top: 10px; display:inline; font-size: 12px; }
#language2 { background-color: #ECECEC; }
.lang-nav { display: none !important; }
.isload-img{
	position:absolute;
	left: 46%;
	top: 50%;
}

@media(max-width:767px){
	#language { display: none; }
	.lang-nav { display: block !important; width: 100%; }
	.content-cen p:not(:nth-child(2)) { padding: 0 0;}
	.content-cen ol { padding: 0 0 0 18px;}
	.content-cen ul { padding: 0 0 0 18px;}
	.content-cen table{ padding: 0 0;}
	.content-cen h1{ padding: 0 0;}
	.content-cen h2{ padding: 0 0;}
	.content-cen h3{ padding: 0 0;}
	.content-cen h4{ padding: 0 0;}
	.content-cen h5{ padding: 0 0;}
	.content-cen h6{ padding: 0 0;}
	.html-About {padding-left: 0; padding-right: 0;}
	.projects-box p { padding-left: 0;padding-right: 0; }
	.html-content { padding-left: 0;padding-right: 0; }
	.faq-content { padding-left: 15px;padding-right: 15px;}
	.hr-show { border-bottom: 1px solid #eee;}
	.div-logo img { margin-left: -15px !important; }
}
@media(max-width:768px){
	
	.nav-new {
		margin: 0;
	}
	.home-grouptitle {
		font-size: 22px;
	}
	.text-new {
		margin-top: -50px;
		font-size: 16px;
	}
	.img-tema-new {
		height: 100%;
	}
	.team-cont .abs-text {
		margin-top: 50px;
		position:static;
	}
	.cate-list ul {
		text-align:center;
	}
	.language {
		margin-top:-18px;
	}
	.title-show {
		display: block;
	}
	.about-newtitle {
		font-size: 24px;
	}
	.html-About h1 {
		font-size: 24px;
	}
	.category-image {
		width: 95%;
		margin: 0 auto;
	}
	.ban-box .col-xs-4+div.col-xs-4:after{ height:110px; }
	.copyright p { font-size: 12px; }
	.navigation li a { line-height: 20px; }
	#language2 a { height: 40px; line-height:40px; display: block; background-color: #E1E1E1;}
}
@media(min-width:1300px){
	.div-logo { height: 50px; }
	.div-logo img { margin-left: -125px !important; }
}