@font-face {	font-family: 'ElegantIcons';	src:url('fonts/ElegantIcons.eot');	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),		url('fonts/ElegantIcons.woff') format('woff'),		url('fonts/ElegantIcons.ttf') format('truetype'),		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');	font-weight: normal;	font-style: normal;}
/* Global styles================================================== */
html{overflow-x: hidden !important;width: 100%;height: 100%;position: relative;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;font-family:"΢���ź�", simsun,arial,helvetica,clean,sans-serif;}
body {background:no-repeat;background-position: center center;	background-size: cover;	width: 100%;height: 100%;border: 0;	margin: 0;	padding: 0;	color: #333333;	font-size: 14px;}
html, body {position: relative;height: 100%;}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
a:link,a:visited{   text-decoration: none;}
a:hover{text-decoration: none;	color: #00AEFF;	cursor: pointer;}
section{	position: relative;	width: 100%;height: 100%;}
section .container{	width: 66%;	height: 100%;}
.no-padding{	padding: 0;}a:focus{	outline: 0;}
a{	color: #444;}a.read-more:hover{	color: #00AEFF;}
ul{	list-style-type: none;}img {	width: 100%;}
.swiper-pagination0 .swiper-pagination-bullet{width: 6px;height: 50px;border-radius: 0;}
.swiper-pagination0 .swiper-pagination-bullet-active{background: #108dc4;}
body, p{	font-size: 14px;	line-height: 23px;	/*letter-spacing: 1px;*/}
h1, h2, h3, h4, h5, h6 {	font-family: 'Open Sans', sans-serif;}
h1{    font-size: 36px;    line-height: 48px;}
h2{    font-size: 32px;    line-height: 40px;    font-weight: 700;}
h3{    font-size: 24px;    line-height: 32px;    font-weight: 400;}
h4{    font-size: 18px;    line-height: 20px;    font-weight: 700;}
h5{   font-size: 14px;    line-height: 24px;}
.heading-inner{	/*width: 60%;*/	margin: 8% auto 5%;	position: relative;}
.sec-title{padding: 8px 0px 10px 0px;text-transform: uppercase;font-weight:700;font-size: 40px;line-height: 45px;font-family: 'Open Sans', sans-serif;letter-spacing: 5px;}
.sec-title span{color: #0276cb;}
.heading-inner p{	margin-top: 20px;}
.heading-inner .info{text-align: left;text-indent:2em;}
.heading-inner:after{	position: absolute;	content:"";	border-bottom: 1px dotted#ddd;	width: 330px;	left: 0px;	top: 25px;	padding: 5px 10px;	overflow: hidden;}
.heading-inner:before{	position: absolute;	content:"";	border-bottom: 1px dotted#ddd;	width: 330px;	right: 0px;	top: 25px;	padding: 5px 10px;	overflow: hidden;}
#companyProfile,#productDisplay ,#feedback ,#footer{	background: #fff;}
#slider-part .container{margin-top: 20%;}
#slider-part b:first-child{text-shadow:0px 5px 0 #3677b1;color: #fff;font-weight: normal;}
#slider-part b:last-child{text-shadow: 0px 5px 0 #3677b1;color: #fff;margin: 100px 0 0 7%;font-weight: normal;clear: left;}
#slider-part .div-icon{position: absolute;right:5%;bottom: 5%;}
#slider-part .div-icon .fa{color: #fff;font-size: 30px;margin-right: 20px;float: left;}
#slider-part .div-icon img{width: 30px;}
.bgImages{position: absolute;width: 100%;height: 100%;}
/*NAvbar menu styles
========================================*/
.navbar{margin-bottom: 0px;}
#tf-menu {	padding: 15px;	-webkit-transition: all 0.8s;	-o-transition: all 0.8s;	transition: all 0.8s;}
#tf-menu.navbar-default {	background-color: rgba(248, 248, 248, 0);	border-color: rgba(231, 231, 231, 0);}
#tf-menu a.navbar-brand {	text-transform: uppercase;	font-size: 22px;	color: #fff;	font-weight: 900;	border-right: 1px solid#ccc;}
#tf-menu.navbar-default .navbar-nav > li > a {	text-transform: uppercase;	color: #FFF;	font-size: 14px;	font-weight: 600;}
.on{	background-color: #28292E !important;	padding: 0px !important;}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {	background-color: transparent;}
.on.navbar-default .navbar-brand{	margin-left: -90px;	padding-left: 90px;}
.navbar-brand {   margin-top: -18px;}
.navbar-default .navbar-nav  a:hover{	color: #00AEFF!important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {  color: #00AEFF!important;  background: transparent;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: inherit;}
.navbar-toggle:hover{background:inherit;}
.navbar-default .navbar-toggle .icon-bar {   background-color: #fff;}
/*SLIDER HEADER
============================================================*/
.slider {    min-height: 580px;    overflow: hidden;}
#companyProfile .about-inner:hover{cursor: pointer;}
#companyProfile .about-inner:hover h4{color: #1fa2dc;font-size: 29px;}
#companyProfile .about-inner .fa{border-radius: 50%;background: #fff;height: 80px;width: 80px;line-height: 80px;}
#companyProfile .about-inner:hover .fa{color: #fff;background: #1fa2dc;}
#productDisplay{	padding: 30px 0px;}
#productDisplay p{text-align: center;margin-top:20px;letter-spacing: 2px;}
.about-inner{padding: 0px 20px;margin-bottom: 30px;}
.about-inner i{	font-size: 50px;	color: #00AEFF;	text-align: center;	line-height: 50px;	margin-right: 20px;	-webkit-transition: all .3s linear 0s;	-o-transition: all .3s linear 0s;	transition: all .3s linear 0s;	margin: 0px auto;}
.about-content h4{	border-bottom: 1px solid#ddd;	text-transform: uppercase;	letter-spacing: 1px;	font-weight: 600;	font-size: 18px;	color: #111;	margin: 20px 0px 15px;	line-height: 38px;}
.about-content .icon{width: 36px;height: 36px;}
/*PROCESS section
=====================================================*/
.carousel-indicators li{	background: #444;	border: 0px;}
.carousel-indicators li.active{	background: #00AEFF;	border: 0px;}
/* PORTFolio
==================================*//*
#app-carousel .item{	float: left;}*/
#app-carousel  .carousel-indicators {    bottom: -65px;}
.thumbnail{	position: relative;}
.caption{	position: absolute;	width: 100%;	height: 100%;	background: rgba(0,174,255,.7);	top: 800px;	left: 0px;	text-align: center;	opacity: 0;	-webkit-transition: all .4s ease-in-out 0s ;	-o-transition: all .4s ease-in-out 0s ;	transition: all .4s ease-in-out 0s;}
.caption-content {	position: relative;	top: 40%;}
.caption-content a i{	text-align: center;	margin: 0 auto;	width: 50px;	height: 50px;	background: rgba(0,0,0,0.7);	color: #fff;	border-radius: 100%;	padding-top: 18px;}
#app-carousel .item img{	-webkit-transition: opacity .3s ease 0s;	-o-transition: opacity .3s ease 0s;	transition: all .3s ease 0s;	opacity: 1;}
/*?BENEFit section
===========================================================*/
.partnerClient{	position: relative;/*	background: url("../images/bg/features-bg2.jpg") no-repeat;	background-size: cover;*/	background: #FFF;}
.partnerClient .heading-inner{margin: 14% 0 5% 0;}
.partnerClient h4,.partnerClient h5{font-weight: bold;}
.partnerClient .recruitImg{width: 50%;}
.partnerClient p{margin:0;}
.partnerClient .grade{margin-top: 20px;}
#projectIntroduction{	position: relative;/*	background: url("../images/bg/features-bg1.jpg") no-repeat;	background-size: cover;	*/background:#fff;}
#partner{	position: relative;/*	background: url("../images/bg/1.jpg") no-repeat;	background-size: cover;*/	background:#fff;}
#partner .partner .row>div img{width: 50%;}
#partner .partner .row>div{height: 130px;line-height: 130px;text-align: center;}
#partner .heading-inner{margin-top: 12%;}
#partner .partnerImg{width: 100%;}
#projectIntroduction h3{color:#0276cb;}
.partnerClient .myClient{overflow: hidden;width: 100%;margin-top:0;}
.partnerClient .myClient .row{margin-top: -1px;margin-left: -1px;}
.partnerClient .myClient .row .clientImg{border-top:1px dashed #e5e5e5;border-left:1px dashed #e5e5e5;position: relative;width: 20%;}
.partnerClient .myClient .row .clientImg>img{position:relative;z-index: 9;}
.partnerClient .myClient .row .clientImg>img:nth-child(2){opacity: 0;position: absolute;top:0;left: 50%;margin:-3% 0 0 -40%;}
.partnerClient .myClient .row .clientImg .mask{position: absolute;top: 0;left: 0;background: rgba(0,0,0,.4);width: 100%;height: 100%;z-index: 8;opacity: 0;}
.item-list-left{padding-left: 0;}
.item-list-left li{	cursor: pointer;	color: #8e8e8e;width: 100%;}
.item-list-left li i{	border: 2px solid #8e8e8e;	border-radius: 50%;	color: #8e8e8e;	float: left;	font-size: 24px;	height: 56px;	line-height: 50px;	text-align: center;	width: 56px;}
.item-list-left li.hoverClass{color:  #fff;}
.item-list-left li.hoverClass i{color:  #00aeff;
	border: 2px solid #00aeff;}
.item-list-left li.hoverClass .item-content h3{ color: #00aeff;font-size: 32px;}
.item-list-left li .item-content{	margin:  0px 0px 0px 70px;	padding-bottom: 20px;}
.item-list-left li .item-content h3{	font-weight: 600;	text-transform: uppercase;	color: #8e8e8e;}
/*ITEM-right-lits
==================================================================*/
.item-right-list .col-md-5,.item-right-list .col-md-7{	padding: 0px;}
.item-right-list .col-md-7{	margin-left: -40px;}
.item-img img{margin: 0 auto;}
/* Clients
================================================== */
.clear{overflow: hidden;}
.clients{	color: #fff;	padding: 0 55px;}
.clients h2.title{	border-left: 0;	color: #fff;}
.client-carousel .item a{	margin-right:15%;	display: inline-block;	padding: 10px 0;	-webkit-transition: all 350ms;	-ms-transition: all 350ms;	transition: all 350ms;}
.owl-carousel {    display: block!important;    overflow: hidden;    width: 100%;    text-align: center;}
/*CAROUSEL SLDIER COMMON STYLE
================================================================*/
.carousel-inner{	display: block;	width: 90%;margin: 0 auto;}
.carousel-control.right, .carousel-control.left{	background-image: none;}
.carousel-control{	top: 40%;}
.carousel-control.left{	position: absolute;	left: -10%;}
.carousel-control.right{	position: absolute;right: -10%;}
.carousel-control img{	max-width: 45px;}
/*CONATCT
=====================================================================*/
#contact{background: #fff;}
#contact .info{width: 70%;}
#contact i{font-size: 45px;margin:2% 0;}
#contact .mapcontent{height: 40%;}
#contact .col-md-4{padding:0;margin-left: 15px;overflow: hidden}
#contact .map{background: #fae0e1;color:#ec3c42;width: 25%;float: left;margin:0 4.17%;}
#contact .tel{background: #afe7f7;color:#0276cb;width: 25%;float: left;margin:0 4.17%;}
#contact .email{background: #e1f7af;color:#75ae01;width: 25%;float: left;margin-left:4.17%;}
/*FOoter
=========================================================================*/
#footer{	padding: 2% 0px;background: #2e2e2e;color: #fff;position: absolute;;bottom: 0;width: 100%;}
.footer-socail{	margin: 15px 0px;}
.BMapLib_SearchInfoWindow .BMapLib_trans{width: 30px;}
.anchorBL{display: none;}
.swiper1 {width: 100%;height: 100%;	margin-left: auto;	margin-right: auto;position: inherit;}
.swiper1 .swiper-slide {	height:100%;text-align: center;}
.swiper1 .swiper-slide img{width: 84%;margin: 0 auto;max-height: 160px;min-height: 57px;}
.swiper-button-prev1, .swiper-container-rtl .swiper-button-next1{left: 13%;}
.swiper-button-next1, .swiper-container-rtl .swiper-button-prev1{right: 13%;}
.swiper-button-next1, .swiper-button-prev1 {background-position: center center;background-repeat: no-repeat;	background-size: 60px 60px;	cursor: pointer;	height: 60px;	margin-top:20px;	position: absolute;	top: 50%;	width: 60px;	z-index: 10;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination1{bottom: 10%;}
.logo{width: 160px;}
@media screen and (max-width: 2800px){
	section .container{	width:72%;}
	#partner .partner .row>div img{width: 50%;}
	#slider-part b:first-child{font-size: 68px;}
	#slider-part b:last-child{font-size: 51px;}
	#projectIntroduction ul li:first-child{height: 200px;margin-bottom: 50px;}
	#partner .partnerImg{width: 80%;}
}
/*�ֻ�����ʾ��ʽ*/
@media screen and (max-height:530px) and (max-width: 340px){
	body, p{line-height: 15px;}
	.about-inner{margin-bottom:0;}
	#contact .mapcontent{height: 33%;}
	.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination1{bottom: 3%;}
	#app-carousel .carousel-indicators{bottom: -35px;}
	.item-list-left li .item-content{padding-bottom:1%;margin: 0 0 0 10px;}
	#slider-part .div-icon{bottom: 20%;}
	.logo{width: 100px;margin: 10px 10px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		padding-left: 5px;padding-right: 5px;
	}
	.about-inner{margin-bottom: 0;}
	.heading-inner{margin: 28% auto 0;}
	.thumbnail{width: 70%;}
	.item-list-left li .item-content h3{padding-bottom: 1px;}
}
@media screen and (max-width:330px){
}
@media screen and (max-width:640px) and (min-height: 480px){
	h1{    font-size: 20px;}
	h2{    font-size: 14px; font-weight: 700;}
	h3{    font-size: 12px; font-weight: 400;}
	h4{    font-size: 12px;  font-weight: 700;}
	h5{   font-size: 12px;}
	body, p{font-size: 12px;}
	p{margin-bottom: 5px;}
	section .container{	width:98%;}
	.owl-carousel .owl-item img{width: 70%;}
	.client-carousel .item a{margin-right:2%;}
	.swiper-pagination0 .swiper-pagination-bullet{width: 3px;height: 30px;}
	.swiper-container-vertical > .swiper-pagination-bullets{right: 6px;}
	.clients{padding: 0 8px;}
	.logo{width: 120px;margin: 8px 10px;float: left;}
	.sec-title{font-size: 22px;padding: 0;line-height: 21px;}
	.heading-inner{margin: 25% auto 0;padding:0;width: 100%;}
	.heading-inner p{margin: 0;}
	/*��ҳ*/
	#slider-part .container{margin-top: 56%;padding-left: 12%;}
	#slider-part b:first-child{font-size: 36px;}
	#slider-part b:last-child{font-size: 24px;margin: 50px 0 0 80px;}
	#slider-part .div-icon{bottom:5%;right: 5%;}
	#slider-part .div-icon img{width: 24px;}
	#slider-part .div-icon .fa{font-size: 22px;}
	/*��˾���*/
	#companyProfile .about-inner .fa{width: 32px;height: 32px;line-height: 32px;}
	#companyProfile .about-inner:hover h4{font-size: 12px;}
	.about-inner i{font-size: 20px;}
	.about-content h4{font-size: 12px;margin: 0 0 8px 0;padding: 0;line-height: 22px;}
	.item-list-left li i{font-size: 16px;width: 28px;height: 28px;line-height: 26px;margin:0 10px;}
	.item-list-left li .item-content h3{margin: 0;padding-bottom:4px;}
	.item-list-left li .item-content{margin: 0 0 0 20px;}
	.item-list-left li.hoverClass .item-content h3{font-size: 13px;}
	/*��Ʒչʾ*/
	.carousel-inner{width: 70%;}
	.thumbnail{width: 70%;margin:10px auto;}
	.carousel-control img{max-width: 25px;}
	.carousel-control.left{left: 1%;}
	.carousel-control.right{right: 1%;}
	#productDisplay .heading-inner{margin: 16% auto 5%;}
	/*�������*/
	#partner .heading-inner{margin-top:35%;}
	#partner .partner .row > div{height: 80px;line-height: 80px;}
	#partner .partner .row > div img{width: 100%;}
	#partner .partner{margin-top: 20px;}
	/*�ҵĿͻ�*/
	.partnerClient .heading-inner{margin: 33% auto 0;}
	.partnerClient .myClient .row .clientImg{width: 33.3%;}
	section .container{width: 100%;}
	.partnerClient .myClient{margin-top: 8%;}
	.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination1{bottom:5%;}
	.swiper1{margin-top: -1px;}
	/*��ϵ����*/
	#contact .row i{font-size: 24px;}
	#contact .row p{font-size: 11px;}

	#projectIntroduction ul li:first-child{height: 200px;margin:0;}
	#productDisplay p{margin-top: 10px;}
	.about-inner{margin-bottom: 10px;}
	#partner .partnerImg{width: 100%;}
}