@charset "UTF-8";
@import url("animate.css");
@import url('font-awesome.css');
@import url('flaticon.css');

.header-text-center{
	text-align:center;
}
.logo {
	margin-bottom:20px;
	margin-top:20px;
}
.logo img{
	width:100%;
}
.phone {
	width:100%;
	font-size:30px;
	color:#008cd1;
	line-height:75px;
}
.phone i.fa{
	margin-right:10px;
	font-size:30px;
}



@media (min-width: 768px) {
.logo {
	text-align:left;
}
.logo img{
	width:312px;
}
.phone {
	margin-top:20px;
	text-align:right;
}
}
.bg-tabs {
	background: url("../images/bg-shadow-bottom.png") #fff repeat-x center bottom;
	padding-bottom:6px;
	height:100px;
	overflow:hidden;
}
.nav-tabs li {
	text-align:center;
}
.nav-tabs li dt{
	margin-left:auto;
	margin-right:auto;
}
.nav-tabs li dt.one{
	background: url("../images/1.svg") no-repeat center bottom;
	width:50px;
	height:50px;
}
.nav-tabs li.active dt.one{
	background: url("../images/11.svg") no-repeat center bottom;
	width:50px;
	height:50px;
}
.nav-tabs li dt.two{
	background: url("../images/2.svg") no-repeat center bottom;
	width:50px;
	height:50px;
}
.nav-tabs li.active dt.two{
	background: url("../images/22.svg") no-repeat center bottom;
	width:50px;
	height:50px;
}
.nav-tabs li dt.three{
	background: url("../images/3.svg") no-repeat center bottom;
	width:50px;
	height:50px;
}
.nav-tabs li.active dt.three{
	background: url("../images/33.svg") no-repeat center bottom;
	width:50px;
	height:50px;
}
.nav-tabs li i.fa{
	color:#888;
	font-size:50px;
}
.nav-tabs li.active i.fa{
	color:#008cd1;
}



.nav-tabs-category {
  height:90px;
  width:600px;
  margin-left:auto;
  margin-right:auto;
}
.nav-tabs-category > li {
  float: left;
  line-height:90px;
  width:200px;
  text-align:center;
}
.nav-tabs-category > li > a {
	color:#888;
	font-size:16px;
	border-top:solid 3px #fff;

}
.nav-tabs-category > li > a:hover {
	background:#f6f6f6;
	border-top:solid 3px #008cd1;
	color:#008cd1;
}
.nav-tabs-category > li.current-menu-item > a,
.nav-tabs-category > li.current-menu-item > a:hover,
.nav-tabs-category > li.current-menu-item > a:focus {
  color: #008cd1;
  cursor: default;
  background:#f6f6f6;
  border-top:solid 3px #008cd1;
}

.bg-f6f6f67 {
	background:#f6f6f6;
}


.bg-f6f6f6 {
	background: url("../images/bg.jpg") no-repeat center bottom;
}
.color0186d1 {
	color:#0186d1;
}
.color0186d1 h1{
	text-align:center;
	margin-bottom:30px;
	font-size:50px;
}
.bg-fangan {
	background: url("../images/bg-index-fangan.jpg") #f6f6f6 no-repeat center bottom;
	padding-top:50px;
	padding-bottom:50px;
}
.index-fangan {
	background:#fff;
	padding:0px 20px 20px 20px;
	margin:0px auto;
	overflow:hidden;
}
.index-fangan h1{
	border-bottom:solid 2px #4ab344;
	margin-bottom:30px;
	padding-bottom:10px;
	font-size:25px;
}
.index-fangan img{
	width:220px;
	height:220px;
	float:left;
	margin-right:10px;
}

.index-fangan ul{
	float:left;
	margin-top:5px;
}
.index-fangan ul li{
	background: url("images/bg-icons-index-fangan.png") #4ab344 no-repeat left 50%;
	margin-bottom:20px;
	padding-left:10px;
	padding-right:auto;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:35px;
	width:240px;
}

@media (max-width: 768px) {
.index-fangan img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.index-fangan ul li{
	background: #0186d1;
	margin-bottom:20px;
	margin-left:0px;
	padding-left:10px;
	padding-right:auto;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:35px;
	width:100%;
}
}


.index-bg-about {
	background: url("../images/bg-index-about.jpg") #fff no-repeat center bottom;
	padding-top:50px;
	padding-bottom:50px;
}
.index-video video{
	width:100%;
	height:auto;
}
.index-about {
	color:#4ab344;
}
.index-about h1{
	font-size:35px;
}
.index-about p{
	line-height:25px;
	margin-top:15px;
	margin-bottom:15px;
	font-size:15px;
	text-indent:2em;
}


.bg-blue-img {
	background: url("../images/bg-blue-header.png") repeat-x center bottom;
	overflow:hidden;
}
@media only screen and (max-width: 767px) {
.bg-blue-img {
	background:none;
}
}

.bg-blue {
	background:#4ab344;
	padding-top:30px;
	padding-bottom:15px;
	overflow:hidden;
}
.bg-blue h1{
	margin:0px;
	padding:0px;
	color:#fff;
	font-size:40px;
	text-align:center;
}
.bg-blue p{
	padding-top:10px;
	color:#fff;
	font-size:16px;
	text-align:center;
	word-spacing:8px;
}
.bg-blue p span{
	font-size:14px;
}


.index-news {
	padding-top:20px;
	padding-bottom:20px;
}

.index-news h1{
	background: url("../images/bg-border-left-blue.png") no-repeat left 50%;
	padding-left:13px;
	color:#4ab344;
	font-size:35px;;
	margin-bottom:30px;
}
.index-list-news {
	background:#f5f3f4;
	margin-bottom:30px;
}
.index-list-news:hover {
	background:#eee;
	margin-bottom:30px;
}
.index-list-news img{
	float:left;
	margin-right:15px;
	height:auto;
}
@media only screen and (max-width: 767px) {
.index-list-news img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
}
.index-list-news .content{
	padding:10px;
}
.index-list-news .content h1{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:16px;
	font-weight:normal;
	line-height:30px;
}
.index-list-news .content p{
	margin:0px;
	padding:0px;
	line-height:23px;
}

.index-list-news .content time{
	line-height:25px;
	color:#888;
}
.index-list-news .content time i{
	margin-right:5px;
}
.portfolio{
	padding-top:50px;
	padding-bottom:50px;
}
.portfolio .item{
	background:#0186d1;
}
.portfolio .item h1{
	padding-bottom:10px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
.portfolio .item h1 a{
	color:#fff;
}

.footer {
	padding-top:45px;
	text-align:center;
}

.footer ul{
	
	text-align:center;
}
.footer ul li{
	
	line-height:23px;
	color:#fff;
}
.footer ul li a{
	color:#fff;
}
.footer .weixin-footer{
	width:100px;
	height:100px;
}
.footer .backtop{	
    margin-top:30px;
	line-height:50px;
	text-align:center;
	font-size:20px;
	border-top:solid 2px #fff;
	
}
.footer .backtop a{
	color:#fff;
}
.footer .backtop i{
	margin-right:6px;
}

.title-page {
 text-align:center;
 width:100%;
}
.title-page img{
 width:100%;
}
.content-page {
	margin-top:30px;
	margin-bottom:30px;
}
.content-page .title{
	background:#f6f6f6;
	line-height:30px;
	padding-left:10px;
}
.content-page h1{
	margin-bottom:20px;
    padding-bottom:10px;
	font-size:30px;
	border-bottom:solid 1px #ddd;
}
.content-page .wp-video {
	margin:20px auto;

}
.content-page h2{
	margin:30px auto 0px auto;
	text-align:center;
	font-weight:bold;
}
.content-page .data{
	margin-bottom:30px;
	text-align:center;
	line-height:50px;
}
.content-page p{
	text-indent:2em;
	margin:20px auto;

}

#map {
    height: 400px
}
#map.small {
    height: 300px
}
#map{
background: url("../images/loading.gif") no-repeat center 50%;

}
.page-contact-bottom {
	margin:30px auto 50px auto;
	text-align:center;
	line-height:50px;
	
}
.page-contact-bottom i.fa{
	display: inline-block;
  font-size: 38px;

  height: 80px;
  width: 80px;
  line-height: 80px;
	background:#333;
	color:#fff;
	border-radius: 50%;
}

.four-list {

}
.four-list ul{
	margin-top:20px;

}
.four-list ul li{
	

}
.four-list ul li:hover{
	color:#0186d1;
}
.four-list ul li dl dt{
	 width:180px; 
	 height:120px;
	 text-align:center;
	 line-height:120px;
	 font-size:20px;
    border: 2px solid #dedede;
    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */
}
.four-list ul li:hover dl dt{
	 border: 2px solid #0186d1;          /* W3C syntax */
}
.four-list ul li dl dd{
	line-height:30px;

}

.one-img {

}
.one-img img{
	width:100%;
}
.four-img {

}
.four-img img{
	width:100%;
}



.title-list {
 text-align:center;
 width:100%;
}
.title-list img{
 width:100%;
}
.content-list {
	margin-top:30px;
	margin-bottom:30px;
}
.content-list .title{
	background:#f6f6f6;
	line-height:30px;
	padding-left:10px;
}
.content-list h1{
	margin-bottom:20px;
    padding-bottom:10px;
	font-size:30px;
	border-bottom:solid 1px #ddd;
}
.content-list h1 a{
	color:#0186d1;
}

.list-news {
	background:#f5f3f4;
	margin-bottom:30px;
}
.list-news:hover {
	background:#eee;
	margin-bottom:30px;
}
.list-news img{
	float:left;
	margin-right:30px;
	width:280px;
	height:auto;
}
@media only screen and (max-width: 767px) {
.list-news img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
}
.list-news .content{
	padding:15px 30px;
}
.list-news .content h1{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:25px;
	line-height:40px;
	border:0px;
}
.list-news .content p{
	margin:0px;
	padding:0px;
	line-height:25px;
}

.list-news .content time{
	line-height:30px;
	color:#888;
}
.list-news .content time i{
	margin-right:5px;
}


.list-case {
	width:100%;
}
.list-case .item{
	background:#0186d1;
}
.list-case .item img{
	width:100%;
	height:100%;
}
.list-case .item h1{
	padding-bottom:10px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
.list-case .item h1 a{
	color:#fff;
}
.no-margin {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:30px;
	padding-bottom:30px;
}
.mt30 {
	margin-top:30px;
}
.mb30 {
	margin-bottom:30px;
}



.product .item{
  text-align:center;
 
	margin-bottom:30px;
}
.product .item img{
  width:100%;
  height:100%;
  background:#fff;
}
.product .item div{
  font-size:16px;
  font-weight:bold;
  background:#fff;
   padding-bottom:10px;
   line-height:40px;
}


/*·ÖÒ³µÄÑùʽ */
.pagination{ margin:20px auto 30px auto;width:100%;text-align:center;}
.pagination span, .pagination a{
font-size:16px;
background:#fff;
padding:4px 10px;
border-radius:0%;
border:1px solid #0186d1;
margin-right:15px;
color:#0186d1;
box-shadow:0px 0px 0px 0px #e4e4e4;
}
.pagination a.none-style{

background:#fff;
padding:4px 10px;
border-radius:0%;
border:0px solid #fff;
margin-right:none;
color:#0186d1;
box-shadow:0px 0px 0px 0px #e4e4e4;
}
.pagination a:hover{background: #0186d1;border:1px solid #0186d1;color:#fff;}
.pagination .current{background: #0186d1;border:1px solid #0186d1;color:#fff;}



.bg-services-title-blue {
	background: url("../images/bg-services-title-blue.png") #0186d1 no-repeat center 50%;
	height:170px;
}
.bg-services-1 {
	background: url("../images/bg-services-1.jpg") no-repeat center 50%;
	height:auto;
	padding-top:50px;
	padding-bottom:50px;
}
.services-q {
	background: url("../images/bg-services-q.png") no-repeat center 50%;
	height:173px;
	width:173px;
	margin-left:auto;
	margin-right:auto;
    padding-top:40px;
	font-size:30px;
}
.services-q:hover{
	background: url("../images/bg-services-qh.png") no-repeat center 50%;
	color:#fff;
}
.services-q.active{
	background: url("../images/bg-services-qh.png") no-repeat center 50%;
	color:#fff;
}
.services-center {
	text-align:center;
	margin:30px auto;
}
.bg-services-title-white {
	background: url("../images/bg-services-title-white.png") #fff no-repeat center 50%;
	height:170px;
}




.col-lg-2dot4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 1200px) {
.col-lg-2dot4 {
float: left;
}
.col-lg-2dot4 {
width: 20%;
}
.col-lg-pull-2dot4 {
right: 20%;
}
.col-lg-push-2dot4 {
left: 20%;
}
.col-lg-offset-2dot4 {
margin-left: 20%;
}
}



.col-lg-2dot4:hover{
	background: #0186d1;
}

.col-lg-2dot4 .item5-1{
	background: url("../images/s1.svg") no-repeat center 15px;
	padding-top:100px;
}
.col-lg-2dot4 .item5-1:hover{
	background: url("../images/s11.svg") no-repeat center 15px;
	color:#fff;
}
.col-lg-2dot4 .item5-2{
	background: url("../images/s2.svg") no-repeat center 15px;
	padding-top:100px;
}
.col-lg-2dot4 .item5-2:hover{
	background: url("../images/s22.svg") no-repeat center 15px;
	color:#fff;
}
.col-lg-2dot4 .item5-3{
	background: url("../images/s3.svg") no-repeat center 15px;
	padding-top:100px;
}
.col-lg-2dot4 .item5-3:hover{
	background: url("../images/s33.svg") no-repeat center 15px;
	color:#fff;
}
.col-lg-2dot4 .item5-4{
	background: url("../images/s4.svg") no-repeat center 15px;
	padding-top:100px;
}
.col-lg-2dot4 .item5-4:hover{
	background: url("../images/s44.svg") no-repeat center 15px;
	color:#fff;
}
.col-lg-2dot4 .item5-5{
	background: url("../images/s5.svg") no-repeat center 15px;
	padding-top:100px;
}
.col-lg-2dot4 .item5-5:hover{
	background: url("../images/s55.svg") no-repeat center 15px;
	color:#fff;
}





.col-lg-2dot4 h1{
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.col-lg-2dot4 p{
	line-height:30px;
}

.bg-join-1 {
	background: url("../images/bg-join-1.png") #fff no-repeat right bottom;
	min-height:477px;
}
.bg-join-2 {
	background: url("../images/bg-join-2.png") #fff no-repeat center 50%;
	min-height:477px;
}
.bg-join-1 h1,.bg-join-2 h1{
	font-size:30px;
	margin-top:80px;
}
.bg-join-1 p,.bg-join-2 p{
	font-size:16px;
	margin-top:30px;
}



.list-group-ul {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-ul .menu-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.menu-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.menu-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.menu-item,
button.menu-item {
  color: #555;
}
a.menu-item .menu-item-heading,
button.menu-item .menu-item-heading {
  color: #333;
}
a.menu-item:hover,
button.menu-item:hover,
a.menu-item:focus,
button.menu-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.menu-item {
  width: 100%;
  text-align: left;
}
.menu-item.disabled,
.menu-item.disabled:hover,
.menu-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.menu-item.disabled .menu-item-heading,
.menu-item.disabled:hover .menu-item-heading,
.menu-item.disabled:focus .menu-item-heading {
  color: inherit;
}
.menu-item.disabled .menu-item-text,
.menu-item.disabled:hover .menu-item-text,
.menu-item.disabled:focus .menu-item-text {
  color: #777;
}
ul.list-group-ul li.current-menu-paren,
ul.list-group-ul li.current-menu-paren:hover,
ul.list-group-ul li.current-menu-paren:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.menu-item.active .menu-item-heading,
.menu-item.active:hover .menu-item-heading,
.menu-item.active:focus .menu-item-heading,
.menu-item.active .menu-item-heading > small,
.menu-item.active:hover .menu-item-heading > small,
.menu-item.active:focus .menu-item-heading > small,
.menu-item.active .menu-item-heading > .small,
.menu-item.active:hover .menu-item-heading > .small,
.menu-item.active:focus .menu-item-heading > .small {
  color: inherit;
}
.menu-item.active .menu-item-text,
.menu-item.active:hover .menu-item-text,
.menu-item.active:focus .menu-item-text {
  color: #c7ddef;
}



.menu-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.menu-item > .badge {
  float: right;
}
.menu-item > .badge + .badge {
  margin-right: 5px;
}

.list-group-ul .menu-item-92{
	background: url("../images/1-icon.svg") no-repeat 8px 50%;
	padding-left:40px;
}
.list-group-ul .menu-item-93{
	background: url("../images/2-icon.svg") no-repeat 10px 50%;
	padding-left:40px;
}
.list-group-ul .menu-item-94{
	background: url("../images/3-icon.svg") no-repeat 10px 50%;
	padding-left:40px;
}
/*** 

====================================================================
	Services Section style
====================================================================

***/
.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.services-section{
	position:relative;
	padding:10px 0px 90px;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#243a51;
}

.services-section.style-three{
	background:#ffffff !important;
	background-image:none !important;	
}

.services-section:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(../images/bg-pattern-2.png) center center no-repeat;
	background-color:#4ab344;
}

.services-section.style-three:before{
	display:none !important;	
}

.services-section .row{
	margin-left:-5px;
	margin-right:-5px;	
}

.default-service-block{
	position:relative;
	margin-bottom:10px;	
}

.services-section .default-service-block{
	padding:0px 5px;	
}

.default-service-block .inner-box{
	position:relative;
	padding:25px 25px 25px 110px;
	background:#fff;
	color:#4ab344;
	border:1px solid rgba(255,255,255,0.50);
	border-radius:2px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.style-three .default-service-block .inner-box{
	background:#f7f7f7;
}

.default-service-block .inner-box:hover{
	background:#0b9ccb;
	border-color:rgba(255,255,255,0);
	color:#fff;
}

.style-three .default-service-block .inner-box:hover{
	background:#ffffff;
	border-color:rgba(0,0,0,0.20);
}

.default-service-block .inner-box .icon-box{
	position:absolute;
	left:10px;
	top:25px;
	width:100px;
	line-height:50px;
	font-size:42px;
	color:#00d0fd;
	text-align:center;	
}

.default-service-block .inner-box:hover .icon-box{
	color:#ffffff;	
}

.style-three .default-service-block .inner-box:hover .icon-box{
	color:#ff304d;	
}

.default-service-block .inner-box h3{
	font-size:20px;
	font-weight:600;
	margin-bottom:12px;
	line-height:1.4em;	
}

.style-three .default-service-block .inner-box h3{
	color:#1c2125;	
}

.default-service-block .inner-box .text{
	position:relative;
	color:#4ab344;
	line-height:1.6em;	
}
.default-service-block .inner-box .text:hover{
	position:relative;
	color:#fff;
	line-height:1.6em;	
}

.style-three .default-service-block .inner-box .text{
	color:#808284;
}

.service-block{
	position:relative;
}

.services-grid {
	padding:100px 0px;
}
.services-grid .service-block{
	margin-bottom:40px;
}

.service-block .inner-box{
	position:relative;
	display:block;
	background:#ffffff;
}

.services-grid .service-block .inner-box{
	border:1px solid #f0f0f0;
}

.service-block .inner-box .image-box{
	position:relative;
	display:block;
	overflow:hidden;
}

.service-block .inner-box .image-box img{
	position:relative;
	display:block;
	width:100%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block .inner-box:hover .image-box img{
	-webkit-transform:scale(1.1,1.1) rotate(3deg);
	-ms-transform:scale(1.1,1.1) rotate(3deg);
	-o-transform:scale(1.1,1.1) rotate(3deg);
	-moz-transform:scale(1.1,1.1) rotate(3deg);
	transform:scale(1.1,1.1) rotate(3deg);	
}

.service-block .inner-box .lower-content{
	position:relative;
	padding:20px 20px 15px;	
}

.service-block .inner-box h3{
	position:relative;
	font-size:20px;
	font-weight:600;
	margin-bottom:15px;
	padding-bottom:8px;
	line-height:1.4em;
	color:#242424;
}

.service-block .inner-box h3:after{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:40px;
	border-bottom:3px solid #00c6ff;	
}

.service-block .inner-box .text{
	position:relative;
	color:#808284;
	line-height:1.6em;
	margin-bottom:15px;	
}

.service-block .inner-box .read-more{
	position:relative;
	display:inline-block;
	color:#242424;
	font-weight:600;
	word-spacing:2px;
	text-transform:capitalize;
	font-family: 'Titillium Web', sans-serif;	
}

.service-block .inner-box .read-more:hover{
	color:#00c6ff;	
}

.service-block .inner-box .bottom-btn{
	position:absolute;
	right:0px;
	bottom:0px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#ffffff;
	background:#ff304d;	
}

.service-block .inner-box .bottom-btn:hover{
	background:#00c6ff;	
}
/*** 

====================================================================
	Title style
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:50px;
}

.sec-title h2{
	font-size:32px;
	color:#1c2125;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:10px;	
}

.sec-title.light h2{
	color:#ffffff;	
}

.sec-title h1{
	font-size:48px;
	color:#1c2125;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:20px;	
}

.sec-title.light h1,
.sec-title.light h2{
	color:#ffffff;	
}

.sec-title .text{
	font-size:18px;
	color:#838d95;
	line-height:1.8em;
	font-family: 'Titillium Web', sans-serif;	
}

.sec-title.light .text{
	color:#dfdbdb;
}

.sec-title .text strong{
	font-weight:600;
	color:#484b4e;	
}

.sec-title.light .text strong{
	color:#ff304d;
}