@charset "utf-8";
body {
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-top:80px;
}
.navbar-brand img{
	width:200px;
	height:60px;
}
.row{
	margin-right: 0;
    margin-left: 0;
    margin:auto;
}
ol{padding:0;}
li{list-style:none;}

#top_menu{
	background: rgba(255,255,255,0.8);
}
#top_menu .navbar-header{ margin-top:5px;}
#top_menu li a {
    font-size: 16px;
    line-height: 80px;
    padding-top: 0;
    padding-bottom: 0;
    color: #000;
    text-align: center;
    -webkit-transition:color 200ms linear;
    -moz-transition:color 200ms linear;
    -o-transition:color 200ms linear;
    transition:color 200ms linear;
}
#top_menu li a:hover{
	color:#49b369;
}
#top_menu li.selected> a {
    color: #49b369;
    text-decoration:underline;
}
#top_menu li.red > a {
    color: red;
}


/*大海报*/
.banner{max-width:1920px; margin:0 auto;}
.banner .autoimg{ width:1920px; max-width:1920px; margin:0 auto;}

/*优势*/
#advantage{padding:30px 0 70px 0;}
.service-item:hover .service-icon{
	background:#49b369;
	}
.sec-title>h2 {
    font-size: 38px;
    padding:40px 0 20px 0;
	margin:0;
	font-weight:bold;
    text-transform: uppercase;
} 
.sec-title>p{font-size: 19px; padding-bottom:50px;}
.service-icon {
    background: #999;
    display: inline-block;
    color: #fff;
    height: 85px;
    width: 85px;
    line-height: 101px;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.service-icon i{ font-size:3em;}
.service-item p{
	line-height:2;
	color: #777;
}

/*常见问题*/
#index_faq{ padding:60px 0 130px 0;background-color:#eeeeee;}
#index_faq .container{/*background:url(../images/footer_background.png) no-repeat;background-position-y: 50px;*/}
#index_faq .media_div{height: 120px;}
#index_faq .media_div a p{color:#000; padding:10px 0 0 0}

/*我们的客户*/
#customer{padding:20px 0 30px;
		  background-color: #eeeeee;
}
#customer .sec-title p {
    padding-bottom: 40px;
}
#customer a{ cursor:default;}
#customer .customer_div{
	overflow:hidden;
	position:relative;
	height:170px;
	border:1px solid #d5d5d5;
	margin-bottom:30px;
	
}
#customer .customer_div img{ width:100%;height:100%;}
#customer .customer_div_noimg{
	width: 100%;
    border: 1px solid #dddddd;
    margin: 10px 0;
    padding: 5px 0;
	transition:all ease-in 0.2s;
	-webkit-transition:all ease-in 0.2s;
}
#customer .customer_div_noimg:hover{
	background:#eeeeee;
}
#customer .customer_div h4{
	width:100%;
	height:40px;
	line-height:40px;
	font-weight:300;
	font-size:16px;
	background: rgba(0,0,0,0.6);
	color:#FFF;
	position:absolute;
	bottom:0px;	
	margin:0;
	-webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
	
}
#customer .customer_div:hover h4{
	bottom:0;	
}


#footer{ background-color:#1e1b29;color:#FFF;}
#footer .container{ padding-left:30px;}
#footer .tel{background:url(../images/tel.jpg) no-repeat 0 0;padding:0px 0 20px 70px;}
#footer .tel .icq{ padding:30px 0 0 0;margin: 0 auto;display: block;}
#footer .tel .tex{text-align: center;}
#footer .tel h2{ font-size:34px;padding-top: 20px;}
#footer .tel h3{ font-size:20px;}
#footer .tel p{ line-height:2;}
#footer .copyright{ padding:8px;}

/*关于我们*/
#about{ padding:20px 0;}
#about .slide{width:266px;float:left;padding:40px 0 70px 40px;}
#about .slide a{width:98px; height:98px;display:block;/*position:relative; */text-decoration:none;text-align:center; margin-bottom:7px;color:#555; float:left; margin-left:10px; transition:.2s;}
#about .slide a span{ display:block; padding:20px 0 5px 0; font-size:40px;}
#about .slide a.active{ background:#49b369;color:#FFF;}
/*#about .slide a:before{
	content: "";
	width:0; 
    height:0; 
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-left: 15px solid #49b369;
	position:absolute;
	top:33%;
	left:97px;
	visibility:hidden;
}*/
#about .slide a:hover{background:#49b369;color:#FFF;}
/*#about .slide a:hover::before{visibility:visible;}
#about .slide a.active::before{visibility:visible;}*/
#about .body{float:left;max-width:800px;padding:30px 0 100px 50px;border-left:1px solid #d6d6d6; min-height:900px;}
#about .body .hr{margin: 15px 0 20px 0;}
#about .body>p{line-height: 25px;font-size: 16px;text-indent: 2em; line-height:1.8em;}
#about .body>p img{display:block;width:750px;padding:30px; margin:0 auto;}

/*新闻列表*/
#news{padding:50px 0 50px 0;}
#news>li {
    overflow: hidden;
	position:relative;
}
#news>li .big_green{ display:block; position:absolute;    left: 180px;top: 45px;}
#news>li:last-child{ border:none;}
.media_con{ border-left:1px solid #CCC;padding: 20px 50px;min-height:170px;}
.media_tip h2 {
    height: 130px;
    line-height: 130px;
    color: #49b369;
    text-align: center;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 5em;
    margin-top: 0;
}
.media_tip p {
    color: #49b369;
    text-align: center;
}
.media_con img {
	margin-top:20px;
    margin-bottom: 30px;
    //width: 100%;
	border:1px solid #CCC;
}
.media_title {
    overflow: hidden;
	padding-bottom: 5px;
}
.media_con h4 {
    font-weight: bold;
    margin: 0;
    float: left;
	font-size: 23px;
}
.media_title a {
    float: right;
    color: #49b369;
    margin-top: 5px;
}
.media_sub_title {
    margin-top: 10px;
}
.media_sub_title p {
	color: #888;
    margin: 5px 0 0;
    font-size: 12px;
}
.media_text {
    margin-top: 10px;
}
.media_text p {
    color: #656565;
	font-size: 16px;
	line-height: 1.8em;
}

/*加入我们*/
#join{padding:0px 40px 40px 40px;;min-height:700px;}
#join .slide{padding:15px 0; overflow:hidden;}
#join .slide a{width: 200px;height: 70px;display:block;text-decoration:none;text-align:center; margin-bottom:7px;color:#555; float:left; margin-right:10px; font-size:20px; line-height:70px; border:1px solid #CCC;}
#join .slide a:last-child{ margin-right:0;}
#join .slide a span{ display:block; padding:20px 0 5px 0; font-size:40px;}
#join .slide a.active{ background:#49b369;color:#FFF;}
#join .slide a:hover{background:#49b369;color:#FFF;}
#join .body{padding:20px 40px 40px 40px;border:1px solid #CCC;}
#join .body hr{ margin:10px 0;}
#join .body p{ font-size:16px; line-height:30px;}

/*客户案例*/
#customer>h2 {
    font-size: 38px;
    padding:40px 0 20px 0;
	margin:0;
	font-weight:bold;
    text-transform: uppercase;
} 
#customer>p{font-size: 19px; padding-bottom:50px;}

/*联系我们*/
#contact{ overflow:hidden;}
.vdinfo{ z-index:2; position: fixed; width:100%; height:100%; }
.vdinfo video{ position:absolute; z-index:-1;}
.vdinfo .fldv{  width:1040px; margin:0 auto; z-index:99; bottom:20%; height:100%; position:relative;}
.vdinfo .fldv img{ margin-left:210px;}
.vdinfo-main{height:auto;}
.cnlist{ width:1040px; margin:0 auto; display:table; margin-top:60px; letter-spacing:1px;}
.cnlist ul{float:right; width:830px;}
.cnlist ul li{ float:left; width:350px; margin-right:90px; margin-bottom:60px; font-size:14px; color:#646464;}
.cnlist ul li.event{ margin-right:0;}
.cnlist ul li h2{ border-bottom:1px solid #d2d2d2; font-size:14px; line-height:18px; margin-bottom:15px; color:#646464; padding-bottom:5px;}
.cnlist ul li h2.ens{ font-size:14px;}
.cnlist .l-times{ float:left; width:195px;}
.cnlist p { margin-bottom:5px; font-size:16px;}
.cnlist p strong,.cnlist p a{color:#333;}
.cnlist ul li a.more{ border:1px solid #333333;-moz-border-radius: 10px;
-webkit-border-radius: 10px;
display:inline-block; margin-right:10px;
border-radius:10px; padding:1px 10px; margin-bottom:15px; transition:all ease 0.3s}
.cnlist ul li a.more:Hover{ background:#4c4c4c; color:#fff; border:1px solid #4c4c4c; text-decoration:none;}

/*悬浮*/
.sidebar{
	position: fixed; right: 0; top: 55%; margin-top: -80px; width: 55px; background: rgba(0,0,0,0.3); padding: 12px 0 0 0; border-radius:8px 0 0 8px; z-index:999999;
}
.sidebar li{
	height: 50px; width: 170px; padding-left: 30px;margin-left: -50px; border-radius:8px 0 0 8px;
	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;
}
.sidebar li img{
	display: block;
}
.sidebar li:hover{
	margin-left: -155px; background: rgba(0,0,0,0.6); 
}
@media (max-width: 1600px){
	.banner .autoimg{
		width: 100%;
		max-width: none;
	}
	#about .body>p img{display:block;width:750px;}
}
@media (max-width: 1200px){
	#customer .customer_div{height: 140px;}
	#about .body{max-width:820px;}
	#about .slide{padding:70px 0 70px 0px;width:120px}
	#news>li .big_green {
		display: block;
		position: absolute;
		left: 146px;
		top: 45px;
	}
	.cnlist .l-times{ display:none;}
	.cnlist ul{ float:none; width:auto;overflow: hidden;padding-left: 10px;}
	.cnlist{ width:auto;}
}
@media (max-width: 992px){
	#customer .customer_div{
		height:auto;
		max-height:210px;
	}
	#about .body>p img{display:block;width:550px;}
	#customer .customer_div img{width:100%;}
	#index_faq{ padding:60px 0 60px 0;}
	#index_faq .media_div{height: 150px;}
	#customer .customer_div{
	}
	#about .body{max-width:600px;}
	#about .slide{padding:70px 0 70px 0px;width:120px}
	#news>li .big_green {
    	display: none;
	}
	.media_con{ border-left:none;}
	.foo-content .foo-logo{
		display:none;
	}
}
@media (max-width: 768px){
	body{
		padding-top:50px;
	}
	
	#top_menu{
		background: rgba(255,255,255,1);
	}
	#top_menu .navbar-header{ margin-top:0px;}
	#top_menu .navbar-header img{width:72px; height:37px;}
	#top_menu li a {
		font-size: 16px;
		line-height: 40px;
		padding-top: 0;
		padding-bottom: 0;
	}
	#index_faq .media_div{height: 150px;}
	#customer .customer_div{
	}
	#about .slide{padding:0;width: 100%;float: none;overflow: hidden;}
	#about .slide a{width: 33.333%;height: 4em;line-height: 4em; margin-left:0;}
	#about .slide a span{ font-size:0;padding: 0;}
	#about .body{width: 90%; padding:10px 0 0 0; margin:0 auto; float:none; border:none;}
	#about .body>p img{width:90%;padding:10px;}
	.sidebar{ display:none;}
	#join{ padding:0 15px; margin-bottom:2em;}
	#join .slide{padding: 0px 0;}
	#join .slide a{width: 48%;height: 3em; line-height:3em;
		margin-right: 0;
		margin: 5px 1%;
	}
	.foo-content .foo-list{
		width:200px;
		margin-left: -250px;
	}
	.foo-content .foo-list ul{
		margin-left: 0;
	}
	.foo-content .foo-logo{
		display:none;
	}
	.foo-content .foo-left{
		display:none;
	}
	.foo-content .foo-location{
		display: none;
	}

}
@media (max-width: 600px){
	.container_fluid .foo-content{
		width:0;
	}
	.foo-content .foo-list{
		width:200px;
		margin-left: -100px;
	}
	.foo-content .foo-list ul{
		margin-left: 0;
	}
	.foo-content .foo-logo{
		display:none;
	}
	.foo-content .foo-left{
		display:none;
	}
	.foo-content .foo-location{
		display: none;
	}
}
@media (max-width: 425px){
	#top_menu .navbar-header{ margin-top:0px;}
	#top_menu .navbar-header img{ width:72px; height:37px;}
	#customer .customer_div{
	}
	.foo-content .foo-list{
		width:200px;
		margin-left: -105px;
	}
	.foo-content .foo-list ul{
		margin-left: 0;
	}
	.foo-content .foo-logo{
		display:none;
	}
	.foo-content .foo-left{
		display:none;
	}
	.foo-content .foo-location{
		display: none;
	}
}
		
		.navbar-toggle{
			width: 48px;
			height: 33px;
			padding: 0;
			font-family: Microsoft YaHei;
		}

		.bottom-g{
			display: block;
			position: relative;
			left: -3px;
			top:-4px;
		}
        .bottom-arrow1,.bottom-arrow2{
            width:0;
            height:0;
            display:block;
            position:absolute;
            left:0;
            top:0;
            z-index: 5;/*兼容ie8-*/
            border-bottom:10px transparent dashed;
            border-left:10px transparent dashed;
            border-right:10px transparent dashed;
            border-top:10px white solid;
            overflow:hidden;
        }
        .bottom-arrow1{
            top:1px;/*重要*/
            border-top:10px green solid;
        }
        .bottom-arrow2{
            border-top:10px white solid;
        }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        	background-color: white;
        }

        .iphone{
        	    font-size: 16px;
			    line-height: 80px;
			    padding-top: 0;
			    padding-bottom: 0;
			    color: #48aa66;
			    text-align: center;
        }
		.place{
			    padding: 5px 15px;
		}

		.service-icon img{
			margin-left: -55px;
			vertical-align: baseline;
		}

		.white{
			background-color: #FFF;
			margin: 0 auto;
			// width: 1140px;
		}

		// FOOTER KK
		*{
			padding:0;
			margin:0 auto;
		}
		.foo-content{
			width: 850px;
			margin:0 auto;
			text-align: center;
			// margin-left: -30px;
		}
		.foo-list{
			/*width: 600px;*/
			/*height: 200px;*/
			text-align: center;
			display: inline-block;
			margin-left: 10px;
    		margin-top: 16px;
		}
		.foo-logo{
			width: 50px;
			height: 50px;
			display: inline-block;
			margin-top: 16px;
    		margin-left: -170px;
    		position: absolute;
		}
		.foo-logo img{
			/*width: 150px;
			height: 50px;*/
		}
		.foo-list ul{
			padding: 0;
			margin:0;
			margin-left: 70px;
			display: block;	
			padding-top: 10px;
		}
		.foo-list li p{
			font-weight: 微软雅黑;
			font-weight: 600;
			font-size: 17px;
		}
		.foo-list li{
			list-style: none;	
			float: left;
			margin-left: 30px;
			font-weight: 100;

		}
		.foo-list li a{
			text-decoration: none;
			color: #ccc;
			margin-top: 10px;
			display: block;

		}
		.foo-left{
			display: inline-block;
			
			margin-top: 20px;
			position:absolute;
		}
		.foo-left p{
			/*margin-left: 0px;*/
			font-size: 14px;
			/*position: absolute;*/
			/*top: 10px;*/
			font-weight: 600;
		}
		.foo-location{
			margin-top: 145px;
			font-size: 12px;
			color: #ccc;
		}
		// FOOTER KK over