@charset "gb2312";
/* CSS Document */

body{
	width:100%;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-family:"微软雅黑";
	font-size:14px;
	}
@media (min-width:1877px){
	body{
	font-size:18px;}
}
li{ list-style:none;}
a{ text-decoration:none;}
img{display:block;}
#googleMap{ padding:16% 0; margin-top:4%;overflow:hidden;}
@media (max-width:425px){
	#googleMap{ padding:50% 0; margin-top:10%;overflow:hidden;}
	}
#header,#content{ width:100%; margin-left:auto; margin-right:auto;}
#header .head-top{ background-color:#3f4140;/* position:fixed; z-index:3;padding:1% 0;*/ border-top:solid 1px #fff; height:40px; width:100%;}
@media (max-width:768px){
	#header .head-top{ height:20px;}
	}
#header{border-bottom:solid 2px #3cb5c0;}


#cont{
	width:80%;
	max-width:1240px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
@media (max-width:768px){
	#cont{
		width:90%;
		max-width:1400px;
		margin-left:auto;
		margin-right:auto;
		overflow:hidden;
	}
}

.gongsifl{ width:100%; position:relative;}
@media (max-width:2560px){
	.content{ background:url(../images/beijing1.jpg) no-repeat; background-size:cover; padding:2% 0;}
	.gongsifl{ padding:22.4% 0;}
}
@media (max-width:1920px){
	.content{ background:url(../images/beijing1.jpg) no-repeat; background-size:cover; padding:2% 0;}
	.gongsifl{ padding:22.4% 0;}
}
@media (max-width:1860px){
	.content{ background:url(../images/beijing1.jpg) no-repeat; background-size:cover; padding:2% 0;}
	.gongsifl{ padding:22.4% 0;}
}
@media (max-width:1680px){
	.content{ background:url(../images/beijing1.jpg) no-repeat; background-size:cover; padding:2% 0;}
	.gongsifl{ padding:22.4% 0;}
}
@media (max-width:1440px){
	.content{ background:url(../images/beijing.jpg) no-repeat; background-size:cover; padding:2% 0;}
	.gongsifl{ padding:22.2% 0;}
}
/*公司分类*/
#owl-demo1 .item{
    padding: 0;
    margin:4%;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	position:relative;
	overflow:hidden;
}
#owl-demo1 .item img{
	width:100%;}
#owl-demo1 .item span{
	color:#fff;
	font-size:14px;
	display:block;
	line-height:200%;
	}
#owl-demo1 .item p{
	color:#ccc;
	font-size:12px;
	margin:0;
	line-height:200%;
	}
	
#owl-demo1 .item .xinxi{
	position:absolute;
	bottom:-14%;
	padding:2% 4%;
	width:100%;
	background:rgba(0,0,0,0.6);
	}	
#owl-demo1 .item:hover .xinxi{
	position:absolute;
	bottom:0;
	}
.customNavigation{
	position:absolute;
	top:42%;
	width:100%;
}
@media (max-width:2560px){
	.customNavigation{
	position:absolute;
	top:46%;
	width:100%;
}
	}
@media (max-width:1920px){
	.customNavigation{
	position:absolute;
	top:46%;
	width:100%;
}
	}
@media (max-width:1860px){
	.customNavigation{
	position:absolute;
	top:46%;
	width:100%;
}
	}
@media (max-width:1680px){
	.customNavigation{
	position:absolute;
	top:46%;
	width:100%;
}
	}
@media (max-width:1440px){
	.customNavigation{
	position:absolute;
	top:46%;
	width:100%;
}
	}
.prev{ display:block;width:23px; height:41px;position:absolute; left:0;background:url(../images/jiantou.png) no-repeat left; background-size:cover;}
.next{ display:block;width:23px; height:41px;position:absolute; right:0;background:url(../images/jiantou.png) no-repeat right; background-size:cover;}
.prev:hover,.next:hover{ cursor:pointer;}
//use styles below to disable ugly selection
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 
/*公司分类 end*/


#logo{ width:28%; float:left; padding:10px 0;}
#logo img{ width:100%;}
@media (max-width:768px){
	#logo{ width:26%; float:left;}
	}
@media (max-width:425px){
	#logo{ width:34%; float:left;}
	}

.head{overflow:hidden;}
#nav{ float:right; width:60%;}
@media (max-width:1920px){
	#nav{ float:right; width:64%;}
	}
@media (max-width:1680px){
	#nav{ float:right; width:58%;}
	}
@media (max-width:1440px){
	#nav{ float:right; width:60%;}
	}
@media (max-width:768px){
	#nav{ float:right; width:100%;}
	}
.headnav{ float:left;}
#cssmenu > ul > li.yuyan{ display:none;}

#header .yuyan{ display:block; float:right;padding:36px 30px; background:#3cb5c0; color:#fff;}
@media (max-width:768px){
	#cssmenu > ul > li.yuyan{ display:block;}
	#header .yuyan{ display:none; padding:0;}
	}



#title{ overflow:hidden; text-align:center;}
#title span{ color:#333; font-size:24px; letter-spacing:1px;}
#title p{color:#666; font-size:18px; margin:4px 0; font-family:Arial; font-style:italic;}
#title p .zi{ font-size:20px; color:#3cb5c0;}
#title img{ margin-left:auto; margin-right:auto; margin-top:1%;}
@media (max-width:425px){
	#title span{ font-size:20px;}
	#title p{font-size:16px;}
	#title p .zi{ font-size:18px;}
	#title img{ width:60%;}
	}
	
	
.index-about{/*padding:4% 0;*/overflow:hidden;}
.index-about .index-aboutcont{/* width:88%; line-height:200%; text-align:center; color:#333;margin:30px auto;*/background:url(../images/aboutbj.jpg) no-repeat; background-size:cover;}

/*项目背景颜色移动*/
@-webkit-keyframes moveh1{
	from{left:-269px;}
	to{left:0px;}	
}
/*项目右边*/
/*@-webkit-keyframes moveh2{
	from{right:-524px; opacity:0;}
	to{right:0px; opacity:1;}	
}*/

.index-application,.index-gongsilist{ padding:4% 0; overflow:hidden;}
@media (max-width:768px){
	.index-application,.index-gongsilist{ padding:6% 0; overflow:hidden;}
	}

.index-application .indexappcon{ margin:3% 0;}
.index-application .indexappcon ul{ margin:0; padding:0;}
.index-application .indexappcon ul li{ width:32.4%; float:left; margin:6px; position:relative; overflow:hidden;}
.index-application .indexappcon ul li img{ width:100%;}
.index-application .indexappcon ul li .xinxi{ position:absolute; top:0; width:100%;background:rgba(0,0,0,0.6);height:auto; text-align:center; padding:27% 0;}
.index-application .indexappcon ul li:hover .xinxi{background:rgba(0,0,0,0.2);}
.index-application .indexappcon ul li .xinxi span{ display:block;}
.index-application .indexappcon ul li .xinxi span.cn{ font-size:30px; font-family:"黑体"; letter-spacing:3px; color:#fff;}
.index-application .indexappcon ul li .xinxi span.en{ font-size:18px; font-family:Arial; color:#ccc; margin:1% 0;}

@media (max-width:768px){
	.index-application .indexappcon ul li{ width:48%;}
	.index-application .indexappcon ul li .xinxi{padding:26% 0;}
	.index-application .indexappcon ul li .xinxi span.cn{ font-size:24px; }
	.index-application .indexappcon ul li .xinxi span.en{ font-size:16px;}
	}
@media (max-width:425px){
	.index-application .indexappcon ul li{ width:46%;}
	.index-application .indexappcon ul li .xinxi{padding:24% 0;}
	.index-application .indexappcon ul li .xinxi span.cn{ font-size:20px; }
	.index-application .indexappcon ul li .xinxi span.en{ font-size:14px;}
	}

#more{ width:100px; border:solid 1px #d90349; text-align:center; padding:10px 20px; color:#d90349; display:block; margin-left:auto; margin-right:auto;}
#more:hover{ background:rgba(255,255,255,0.4)}

/*内页*/

/*位置*/
#home{ width:100%;overflow:hidden; border-bottom:solid 1px #ccc;}
#home ul{ margin:2% auto 1% auto;overflow:hidden; padding:0;}
#home ul li{ float:left; margin:0 0.6%; padding:0.2% 0;line-height: 20px;}
#home ul li a{ color:#333;}
#home ul li a:hover{ text-decoration:underline;}
/*位置 end*/

.abouts{ padding:4% 0; overflow:hidden;}

.aboutcont{ margin:2% 0; width:88%; margin-left:auto; margin-right:auto; line-height:200%; text-align:center;letter-spacing:1px;}
.aboutcont .companyname{ font-size:24px; color:#219aae; padding:2% 0;}
.aboutcont .xinxi{ margin-top:2%;}
.aboutcont .xinxi p{ margin:0;}
@media (max-width:425px){
	.aboutcont{ margin:4% 0; width:100%;text-align:left;}
	}

.productscontent{ padding:4% 0; overflow:hidden;}
.productscontent .productlists{ width:20%; float:left; border-left:solid 1px #ccc;border-right:solid 1px #ccc;}
.productscontent .productlists .prlitname{ padding:4% 0; line-height:200%; background:#3cb5c0; color:#fff; text-align:center;}
.productscontent .productlists .prlitname span{ display:block;}
.productscontent .productlists .prlitname .cn{ font-size:18px;}
.productscontent .productlists .prlitname .en{ font-size:14px;text-transform:uppercase;}
.productscontent .productlists ul{ padding:0; width:80%; margin-left:auto; margin-right:auto; overflow:hidden;}
.productscontent .productlists ul li{ border-bottom:dashed 1px #ccc; padding:2%; position:relative;}
.productscontent .productlists ul li a{line-height:200%; color:#333;}
.productscontent .productlists ul li:hover{ background:#3cb5c0;}
.productscontent .productlists ul li:hover a{ color:#fff;}

.productscontent .productlists ul li span{ color:#333; position:absolute; right:2%;}
.productscontent .productlists ul li:hover span{ color:#fff;}

.productscontent .products{ width:78%; float:right;}
.productscontent .products ul{ margin:0; padding:0; overflow:hidden;}

.productscontent .products ul li{ width:31%; float:left; padding:0 1%; margin-bottom:2%;}
.productscontent .products ul li .proimg{ width:100%; border:solid 1px #ccc;}
.productscontent .products ul li .name{ padding:2% 0; line-height:200%; text-align:center; font-size:16px; color:#333;}
.productscontent .products ul li:hover .proimg{ border:solid 1px #3cb5c0;}
.productscontent .products ul li:hover .name{color:#3cb5c0;}


.products .prodtop{ padding-bottom:2%;overflow:hidden;}
.products .prodtop .proimg{ width:48%; float:left; border:solid 1px #ccc;}
.products .prodtop .proxinxi{ width:48%; float:right; overflow:hidden; padding:2% 0;}
.products .prodtop .proxinxi .name{ font-size:20px; color:#3cb5c0; font-weight:bold;}
.products .prodtop .proxinxi .jieshao{ margin-top:4%; line-height:200%; color:#666;}
.products .back{ float:right; display:block; color:#333;}
.products .back:hover{ color:#3cb5c0; text-decoration:underline;}

.products .prodbottom .name{ padding:2% 1%;border-bottom:dashed 1px #ccc; font-size:18px; color:#666;}
.products .prodbottom .prodviews{ padding:2%; line-height:160%;}

@media (max-width:425px){
	.productscontent .productlists{ width:100%; float:none; border:none; margin:4% 0;}
	.productscontent .productlists ul{ display:none; width:90%;}
	
	.productscontent .products{ width:100%; float:none;}
	.productscontent .products ul{ padding:4% 0;}
	.productscontent .products ul li{ width:48%;}
	}


.honors{ width:100%; margin:3% 0;}
.honors ul{ margin:0; padding:0;overflow:hidden;}
.honors ul li{ width:31%; padding:1%;float:left; overflow:hidden;}
.honors ul li img{ border:solid 1px #ccc; width:100%;}
.honors ul li .name{ text-align:center; line-height:200%; color:#333; padding:2% 0;}
@media (max-width:768px){
	.honors ul li{ width:48%; margin:1%;float:left; overflow:hidden;}
}

.news{ width:100%; margin:3% 0;}
.news ul{ margin:0; padding:0;overflow:hidden; width:90%; margin-left:auto; margin-right:auto;}
.news ul li{ width:100%; padding:2% 0;float:left; overflow:hidden; border-bottom:dashed 1px #ccc;}
.news ul li .name{ line-height:200%; color:#3cb5c0; padding:1% 0; font-size:18px; font-weight:bold;}
.news ul li .time{ text-align:center;}
.news ul li .newcont{ line-height:200%; color:#666; font-size:14px; text-indent:3%;}
.news ul li:hover{ border-bottom:dashed 1px #3cb5c0;}
.news ul li:hover .newcont{color:#333;}


.news h2{ text-align:center;color:#3cb5c0;}
.news .time{ text-align:center;}
.news .newconts{ margin:2% 0; text-indent:3%; line-height:200%; border-top:dashed 1px #ccc;}
.news .back{ display:block; float:right; color:#333;}
.news .back:hover{color:#3cb5c0; text-decoration:underline;}

.contacts{ margin:3% 0;}
.contacts .contactcont{ text-align:center;}
.contacts .contactcont .name{color:#3cb5c0; font-size:20px;}

#yema{ width:100%; margin-top:4%;}
#yema ul{overflow:hidden; }
#yema ul li{ float:left; border:solid 1px #ccc; padding:0.5% 0; margin:0 0.8%; text-align:center; width:6%;line-height:200%;}
#yema ul li a{ color:#666;}
#yema ul li:hover{background-color:#3cb5c0;}
#yema ul li:hover a{color:#fff;}
#yema ul li.ye,#yema ul li.ye1{ width:3%;}
#yema ul li.ye1{background-color:#3cb5c0;}
#yema ul li.ye1 a{ color:#fff;}
@media (max-width:425px){
	#yema ul li{ width:10%;}
	#yema ul li.ye,#yema ul li.ye1{ width:8%;}
	}


.lianxi,.map{width:50%; float:left;}
.lianxi span{ display:block;font-size:24px; margin-bottom:2%;color:#d90349;}



/*内页 end*/

#footer{ width:100%; margin-left:auto; margin-right:auto; background:#272727;}
#footer .foot-top{background:#272727;; background-size:cover; padding:3% 0;border-bottom:solid 1px #666;}

.foot-top .footcon{ overflow:hidden;}
.foot-top .footcon .logo{ width:30%; float:left;}
.foot-top .footcon .advertising{ width:30%; float:right; margin-top:2%;}

.foot-top .footconent{ margin:3% 0;}

.foot-top .footconent .footerlist{ width:auto; float:left; padding:0 3%;}
.foot-top .footconent .footerlist span{color:#fff; font-size:16px; padding:10px 0; display:block; line-height:200%;}
.foot-top .footconent .footerlist .line{ width:26px; height:2px; background:#3cb5c0;}
.foot-top .footconent .footerlist .xinxi{ color:#ccc; margin-top:4%;}
.foot-top .footconent .footerlist .xinxi p{ margin:0; line-height:200%;}

.foot-top .footconent .footerlist .xinxi ul{ padding:0;}
.foot-top .footconent .footerlist .xinxi ul li a{ line-height:200%; color:#ccc;}
.foot-top .footconent .footerlist .xinxi ul li a:hover{ text-decoration:underline;}

.foot-top .footconent .footerlist .xinxi .more a{color:#ccc; overflow:hidden;}
.foot-top .footconent .footerlist .xinxi .more a:hover{ text-decoration:underline;}

.foot-top .footconent .footerlist .xinxi .code{ width:100%; margin-top:12%;}

/*table{ width:100%; margin:4% 0; margin:0 0 0 6%; overflow:hidden; position:relative; top:2%;}
table tr{ background:#3e403f; overflow:hidden;}
table tr td{ padding:2%;}
table tr .left{ width:50%; color:#696767; padding:2%;}
table tr .right{ width:50%;}
input{ border:none; background:#3e403f; color:#fff; padding:2%;}
#submit{width:96%; display:block;cursor:pointer; background:#696766; height:36px; border:none; margin-left:6%;}*/

#footer .foot-bottom{ color:#ccc; text-align:center;padding:1% 0;background-color:#272727;}
#footer .foot-bottom p{ margin:0;}
#footer .foot-bottom p span{ margin-left:3%;}
#footer .foot-bottom p span a{ color:#3cb5c0;}
#footer .foot-bottom p span a:hover{ text-decoration:underline;}

@media (max-width:768px){
	#footer .foot-top{ padding:6% 0;}
	.foot-top .footcon .logo{ width:50%; float:none; margin-left:auto; margin-right:auto;}
	.foot-top .footcon .advertising{ width:50%; float:none; margin-top:6%;margin-left:auto; margin-right:auto;}
	.foot-top .footconent .footerlist{ width:auto; float:none; padding:3% 0; text-align:center;}
	.foot-top .footconent .footerlist .line{margin-left:auto; margin-right:auto;}
	.foot-top .footconent .footerlist .xinxi .code{ width:20%; margin-top:4%;margin-left:auto; margin-right:auto;}
	#footer .foot-bottom p{ line-height:180%;}
	#footer .foot-bottom p span a{ text-decoration:underline;}
	}
@media (max-width:425px){
	.foot-top .footcon .logo{ width:60%; float:none; margin-left:auto; margin-right:auto;}
	.foot-top .footcon .advertising{ width:60%; float:none; margin-top:6%;margin-left:auto; margin-right:auto;}
	.foot-top .footconent .footerlist .xinxi .code{ width:50%; margin-top:6%;margin-left:auto; margin-right:auto;}
	#footer .foot-bottom p span{ display:block;}
	}