@font-face {
    font-family: 'myFont'; 
    src: url('./PingFang SC Semibold.ttf'); 
    font-weight: normal;
    font-style: normal;
  }

html,body{
	width:100%;
	/*font-size:100px;*/
	/*height:100%;*/
	/*font-family:"微软雅黑";*/
	/*font-family: "myFont";*/
	-ms-overflow-style:none;
    /*火狐下隐藏滚动条*/
    overflow:-moz-scrollbars-none;
}
/*头部导航菜单*/
.nav > li .dropdown-menu {
	margin: 0;
}
.nav > li>a:hover,.nav > li>a:focus{
	background:transparent!important;
	box-sizing:border-box;
}
.nav > li>a:hover .h_active{
	border:none;
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
	background:transparent;
}
.nav > li:hover .dropdown-menu {
	display: block;
}
.dropdown-menu li{
	font-size:0.16rem;
	color:#6C738D;
	margin:0.15rem 0;
	position:relative;
}
.navbar{
	border:none!important;
}
.navbar-defaults{
	position:fixed;
	z-index:9999;
	width:100%;
	border-radius:0;
	background:transparent;
	border-bottom:1px solid #6e5b5c;
	font-family: "myFont";
}

.navbar-header>img{
	width:1.19rem;
	margin-top:0.32rem;
	/*width:119px;
	margin-top:30px;*/
	margin-left:0.80rem;
}

.h_active{
	border-bottom:0.08rem solid  #16ac8f;
	/*box-sizing:border-box;*/
}
.navbar-defaults .navbar-collapse, .navbar-defaults .navbar-form,.nav,.nav>li{
	height:100%!important;
}
.nav>li{
	display: inline-block!important;
	height:100%;
	vertical-align:middle;
	position:relative;
}
.nav>li>span{
	height:0.08rem;
	position: absolute;
	background:#16AC8F;
	left:51%;
	right:51%;
    bottom: 0;
    transition:all 0.4s linear;
}
.navActive{
	left:0!important;
	right:0!important;
}
.dropdown-menu>li>em{
	position: absolute;
    left: 0;
    bottom: 0;
}

.dropdown-menu>li:hover em{
	animation: test 0.4s ease;
    border:0.01rem solid #16AC8F;
    width: 100%;
}
.dropdown-menu>li>a:hover{
	color:#16AC8F!important;
	background:transparent!important;
}



@keyframes test {
    from{
        width: 0;
    }

    to{
        width: 100%;
    }
}



.nav>li>a {
	text-transform: uppercase;
	/*padding: 25px 15px!important;*/
	box-sizing:border-box;
	color:#333333;
	display: inline-block!important;
	height:100%;
	vertical-align:middle;
}

/*章节标题*/
.produce_title{
	position:relative;
	margin-bottom:0.8rem;
}
.inner_title{
	position: absolute;
	top:0.6rem;
	
}
.produce_title>p{
	font-size:0.48rem;
	color:#ced4e8;
	opacity:0.5;
}
.produce_title h3{
	font-size:0.32rem;
	color:#343846;
	margin-top:-0.20rem;
}
.produce_title .line{
	width:0.65rem;
	height:7px;
	background:#16AC8F;
	margin-top:0.16rem;
}


/*底部*/
.footerArear{
	padding:0.30rem 0.80rem;
	background:#ececec;
	position:relative;
}
figure{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	z-index:99;
}
.cInfo{
	display:inline-block;
	width:0.26rem;
	/*width:16px;*/
	/*margin-right:5px;*/
	text-align: left;
}
.address{
	margin-top:-0.026rem;
}
.fAddress{
	width:85%;
	margin:0;
}
.companyInfo>li{
	font-size:0.16rem;
	color:#343846;
	margin:0.20rem 0;
	line-height:2em;
}
.fc_name{
	font-size:0.24rem!important;
	margin-top:0.08rem!important;
	/*margin-bottom:0.40rem!important;*/
}

.fc_project>li>a{
	font-size:0.14rem;
	color:#6c738d;
	text-decoration: none;
}
.fc_project{
	margin:0;
	/*padding-left:0.30rem;*/
}
.fc_project>li{
	margin:0.16rem 0;
}
.fcp_title{
	font-size:0.18rem;
	color:#343846;
	margin-bottom:0.20rem;
}
.ft_empty{
	width:1.10rem;
	height:1.10rem;
	margin:0.30rem auto;
}
.weixin{
	font-size:0.16rem;
	color:#666666;
	margin-top:0.10rem;
}
.loadFooter{
	text-align:center;
}
.copy_record{
	width:100%;
	background:#e0e0e0;
	text-align:center;
	font-size:0.14rem;
	color:#6c738d;
	padding:0.20rem 0;
}
.copy_record>p:first-child{
	margin-top:0.1rem;
}





/*首页光圈闪动*/

.round:nth-child(1) {
	position:absolute;
	padding:0.13rem;
	top:6%;
	left:28%;
	z-index:99;
	transition:0.6s all;
	cursor:pointer;
}
.round:nth-child(2) {
	position:absolute;
	padding:0.13rem;
	top:46%;
	left:6%;
	z-index:99;
	transition:0.6s all;
	cursor:pointer;
}
.round:nth-child(3) {
	position:absolute;
	padding:0.13rem;
	top:66%;
	left:47%;
	z-index:99;
	transition:0.6s all;
	cursor:pointer;
}
.round:nth-child(4) {
	position:absolute;
	padding:0.13rem;
	top:38%;
	left:80%;
	z-index:99;
	transition:0.6s all;
	cursor:pointer;
}
.round:nth-child(1)>div {
	background:#16ac8f;
}
.round:nth-child(2)>div {
	background:#fdaf4a;
}
.round:nth-child(3)>div {
	background:#2061e4;
}
.round:nth-child(4)>div {
	background:#f4495d;
}
.round>div:first-child {
	width:0.32rem;
	height:0.32rem;
	line-height:0.2rem;
}
.round>div:nth-child(2) {
	width:0.38rem;
	height:0.38rem;
}
.round>div:last-child {
	width:0.42rem;
	height:0.42rem;
}
.circle a {
	font-size:0.18rem;
	color:#ffffff;
	font-weight:bold;
	vertical-align:middle;
	line-height:0.32rem;
}
.circle {
	border-radius:100%;
	width:1.0rem;
	height:1.0rem;
	z-index:999;
	text-align:center;
	top:0.18rem;
	left:0.18rem;
	position:absolute;
}
.circle_bottom {
	background:rgba(58,150,225,0.4);
	border-radius:100%;
	width:1.0rem;
	height:1.0rem;
	filter:alpha(opacity=40);
	z-index:-100;
	position:absolute;
	top:0.16rem;
	left:0.16rem;
}
.circle_bottom2 {
	background:rgba(58,150,225,0.2);
	border-radius:100%;
	width:1.1rem;
	height:1.1rem;
	filter:alpha(opacity=20);
	z-index:-110;
	position:relative;
}
.animation {
	-webkit-animation:twinkling 2.1s infinite ease-in-out;
	animation:twinkling 2.1s infinite ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.animation2 {
	-webkit-animation:twinkling 2.1s infinite ease-in-out;
	animation:twinkling 2.1s infinite ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@-webkit-keyframes twinkling {
	0% {
		opacity:0.2;
		filter:alpha(opacity=20);
		-webkit-transform:scale(1);
	}
	50% {
		opacity:0.5;
		filter:alpha(opacity=50);
		-webkit-transform:scale(1.12);
	}
	100% {
		opacity:0.2;
		filter:alpha(opacity=20);
		-webkit-transform:scale(1);
	}
}
@keyframes twinkling {
	0% {
	opacity:0.2;
	filter:alpha(opacity=20);
	-webkit-transform:scale(1);
	}
	50% {
		opacity:0.5;
		filter:alpha(opacity=50);
		-webkit-transform:scale(1.12);
	}
	100% {
		opacity:0.2;
		filter:alpha(opacity=20);
		-webkit-transform:scale(1);
	}
}



/*详情页banner*/
.solution_banner{
	width:100%;
	height:6.24rem;
	padding-top:0.9rem;
}
.sbanner_header{
	width:100%;
	height:100%;
}


/*方案概述*/
.planSketch{
	padding:0 3.1rem;
	margin-top:-1.8rem;
}
.pTitle{
	font-size:0.58rem;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:0.3rem;
	text-shadow:5px 2px 6px #000;
	font-weight:700;
}
.sketch_content{
	width:100%;
	background:#ffffff;
	border-radius:8px;
	box-shadow:0 0 30px #cccccc;
	padding:0.3rem 0.6rem 0.7rem;
}
.produce_title>h3{
	margin-top:-0.38rem;
}
.sketch_content>p{
	font-size:0.24rem;
    color:#333333;
    margin-top:0.5rem;
    line-height:2em;
}


.copy_record a,.copy_record a:hover,.copy_record a:focus{
	color:#6c738d;
	text-decoration:none;
}


























@media(min-width: 1600px){
	.nav>li>a{
		font-size:0.24rem;
		padding: 0.25rem 0.2rem!important;
		/*font-size:22px;*/
		margin:0 0.36rem;
	}
	.navbar-header>img{
		width:1.3rem;
		margin-top:0.28rem;
		margin-left:0.80rem;
	}
	.solution_banner{
		padding-top:0.8rem;
	}
	
}
@media(min-width: 1360px) and (max-width: 1600px){
	.nav>li>a{
		font-size:0.24rem;
		padding: 0.25rem 0.28rem!important;
		/*font-size:18px;*/
		margin:0 0.26rem;
	}
	.navbar-header>img{
		width:1.3rem;
		margin-top:0.28rem;
		/*width:116px;
		margin-top:26px;*/
		margin-left:0.80rem;
	}
	.solution_banner{
		padding-top:0.8rem;
	}
    .self-adaption>div:nth-child(3){
		width:20%;
	}
}
@media (min-width: 1100px) and (max-width: 1360px){
	.nav>li>a{
		margin:0 0.23rem;
		font-size:0.26rem;
		padding:0.4rem 0.2rem!important;
		/*font-size:18px;*/
	}
	.navbar-header>img{
		width:1.8rem;
		margin-top:0.38rem;
	}
	.solution_banner{
		padding-top:1.1rem;
	}
	
}
@media (min-width: 950px) and (max-width: 1100px){
	.nav>li>a{
		margin:0 0.23rem;
	}
}
@media (min-width: 992px) and (max-width: 1200px){
	.nav>li>a{
		margin:0 0.16rem;
		padding:0.4rem 0.2rem!important;
		/*padding: 25px 10px!important;*/
	}
	.navbar-header>img{
		width:1.8rem;
		margin-top:0.38rem;
	}
	.solution_banner{
		padding-top:1.1rem;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	.nav>li>a{
		margin:0 0.12rem;
		padding:0.40rem 0.15rem!important;
		/*padding: 25px 5px!important;*/
	}
	.navbar-header>img{
		width:1.9rem;
		margin-top:0.5rem;
		/*margin-top:24px;*/
	}
	.fc_project{
		margin-bottom:0.8rem;
	}
	.round>div:last-child{
		width:0.64rem;
		height:0.64rem;
	}
	.round>div:nth-child(2) {
		width:0.50rem;
		height:0.50rem;
	}
	.round>div:first-child {
		width:0.40rem;
		height:0.40rem;
		line-height:0.3rem;
    }
    
	.circle_bottom {
		left:0.18rem;
		top:0.18rem;
	}
	.circle{
		left:0.24rem;
		top:0.24rem;
	}
	.produce_title>p{
		font-size:0.62rem;
	}
	.produce_title>h3{
		font-size:0.48rem;
	}
	
	
}
@media (max-width: 767px) {
	.nav>li{
		display: block!important;
	}
	.nav>li>a{
		margin:0 0.12rem;
		color:#333333;
		
	}
	.navbar-header>img{
		margin-top:11px;
		width:96px;
	}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    	background:#ffffff;
    }
    .loadFooter{
	   text-align:left;
    }
    .ft_empty{
    	margin:0.30rem 0;
    }
    .round>div:first-child{
		width:0.8rem;
		height:0.8rem;
		line-height:0.7rem;
	}
	.round>div:nth-child(2) {
		width:1.0rem;
		height:1.0rem;
	}
	.round>div:last-child {
		width:1.2rem;
		height:1.2rem;
	}
	.circle{
		left:0.3rem;
		top:0.3rem;
	}
	.circle_bottom{
		left:0.22rem;
		top:0.22rem;
	}
	.round:nth-child(1){
		left:28%;
		top:5%;
	}
	.round:nth-child(2){
		left:5%;
		top:46%;
	}
	.round:nth-child(3){
		left:42%;
		top:52%;
		
	}
	.round:nth-child(4){
		left:79%;
		top:38%;
	}
	.navbar-toggle {
		border:1px solid #333333!important;   
	}
	.navbar-toggle .icon-bar{
		background:#333333!important;
	}
	.navbar-collapse.in {
		background:#f3f3f3;
    }
    
    .solution_banner{
		height:7.24rem;
		padding-top:1.2rem;
	}
	.planSketch{
		margin-top:-4.2rem;
	}
}