﻿
@media only screen and (min-width:0px) and (max-width:767px){
 .header{ height: 80px; }
 .header .logo-main{ margin:20px auto; float: none; text-align:center;overflow: hidden; }
 .header nav ul,.form-hint{ display: none; }
 .header .header-menu{ background-color: #e4e4e4; width: 95%; margin: 0px auto; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
 .header .header-menu #responsive-nav{ width: 100%; display: block; margin: 0px auto; border: 1px solid #ddd; }  
}
@media only screen and (min-width:480px) and (max-width:599px)
{
 .header{height:80px; }
 .header nav ul,.form-hint{ display: none; }
 .header .header-menu{ background-color: #e4e4e4; width: 95%; margin: 0px auto; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
 .header .header-menu #responsive-nav{ width: 100%; display: block; margin: 0px auto; border: 1px solid #ddd;} 
 }
@media only screen and (min-width:0px) and (max-width: 479px){
.header{height:80px;}
 .header nav ul,.form-hint{ display: none; }
 .header .header-menu{ background-color: #e4e4e4; width: 95%; margin: 0px auto; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
 .header .header-menu #responsive-nav{ width: 100%; display: block; margin: 0px auto; border: 1px solid #ddd; } 
}
@media only screen and (min-width:767px) and (max-width:992px){
.logo-main{margin:20px auto; float: none; text-align:center;overflow: hidden; }
.header-menu .menu > li > a{padding:15px 25px 15px;}
.header-menu{float:none;width:650px;margin:0 auto;}
.logo-main{float:none;text-align:center;}
.header-menu .menu > li{border:none;}
.sub-menu{top:70px;}
}

/*******新增*********/
@media screen and (min-width:1200px){
    .logo-main{ width: 1200px; margin:0 auto; padding-top:20px; overflow: hidden; }
    .header-menu .menu{ width: 1200px; margin:0 auto; }
}

@media only screen and (min-width:0px) and (max-width:767px){
.header-menu{ background-color: #e4e4e4; width: 95%; margin: 0px auto; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.header-menu #responsive-nav{ width: 100%; display: block; margin: 0px auto; border: 1px solid #ddd;} 
 }
 
 
@media screen and (min-width:1024px){
	.dl-menuwrapper{ display:none;}
    .service{ width: 1200px; padding-top:55px; margin:0 auto; background-color:#fff; }
    .service .service-title{ padding:15px 0 30px 0;font-size: 1em;}
    .dl_two{ width:1200px; margin:0px auto 16px; height:70px;}
	.dl_two ul li{ width:239px; float:left; border-right:1px #7a98bd solid; position:relative;}
	.dl_two ul li a{background:#10315a; height:46px; display:block; text-align:center; color:#fff; font-size:16px; line-height:22px; padding-top:22px;}
	.dl_two ul li.cur a{ background:#5ba350;}
	.dl_two ul li.cur a span{background:url(../images/dlg_27.jpg) center no-repeat; width:17px; height:9px; position:absolute; left:36px; bottom:-9px;}
	.dl_three{ background:#efefef; width:1200px; margin:0px auto 74px; height:460px; text-align:left;}
	.dl_three .item{display:none;}
	.dl_three .c_js{ width:405px; float:left; margin-left:22px; padding-top:35px; padding-right:10px;}
	.c_js h3{background:url(../images/dlg_34.jpg) left bottom no-repeat; font-size:22px; color:#10315a; padding-bottom:10px; margin-bottom:10px;}
	.c_js h3 a{color:#10315a;}
	.c_js .nr{ font-size:14px; line-height:24px; height:182px;}
	.c_js .nr p{ margin-bottom:15px;}
	.c_js .nr .blue{ color:#10315a; font-weight:bold;}



   
   .index-project{ width: 1200px; padding-top:0; padding-bottom:20px; margin:0 auto; }
   .index-project .project-top-img{ padding-bottom:20px;}
   .index-project .project-container ul{width:1200px; margin:0 auto;}
   .index-project .project-container ul li{width:286px; height:248px; float:left; margin:0 7px 14px 7px; background-color:#efefef}
   .index-project .project-container ul li img{width:286px; height:185px;}
   .index-project .project-container ul li .title{width:100%; padding:15px 0 ; text-align:center; font-family:"微软雅黑"; font-size:1em; color:#666;}
   
   
   .index{width:1200px; padding:15px 0; margin:0 auto;}
   .index .index-about{width:70%; float:left;background-color:#f5f5f5;}
   .index .index-about .title{width:98%; height:1.2em; text-align:left; padding:10px 1%; font-size:1.1em; border-bottom:1px dashed #d7d6d6;}
   .index .index-about .index-img{width:303px; height:224px; float:left; margin:5px 10px 0 0;}
   .index .index-about .index-container{ padding:5px 1%; text-align:left;vertical-align: top;float:left; }
   .index .index-about .index-container p{text-indent:2em;font-size:14px; line-height:27px; color:#333;}
   
   
   .index .index-news{width:28.5%; float:left; height:380px; margin-left:1.5%;}
   .index .index-news .title{width:98%; height:1.2em; text-align:left; padding:10px 1%; font-size:1.1em; border-bottom:1px dashed #d7d6d6;}
   .index .index-news .news-img{width:339px; height:168px; float:left; margin:5px 10px 5px 0;}
   .index .index-news ul{width:100%; }
   .index .index-news ul li{width:100%; height:2em; float:left; border-bottom:1px dashed #999;font-size:0.9em; color:#333;padding-top:0.5em}
   .index .index-news ul li a{ color:#333;}
   
   
   
   .bottom{width:100%;height:50px; background-color:#000c1c; padding:10px 0; margin:40px 0 0 0; border-bottom:1px solid #031229; }
   .bottom .bottom-contact{width:1200px; height:30px; margin:0 auto;}
   .bottom .bottom-contact  li > a{padding:15px 25px 15px; float:left;}
   
   
   .foot{width:100%; height:180px; background-color:#000c1c; padding:10px 0; }
   .foot .foot-contact{width:1200px; margin:0 auto;}
   .foot .foot-contact .foot-logo{width:127px; height:71px; margin:45px 0 0 30px; padding-right:40px; float:left;}
   .foot .foot-contact .foot-line{width:1px; height:130px; margin:20px 40px 0 0; border-right:1px solid #495257; float:left;}
   .foot .foot-contact .foot-lxfs{ width:700px;height:130px; float:left;  margin:15px 30px 0 0;}
   .foot .foot-contact .foot-lxfs p{line-height:28px; color:#fff; font-size:13px;}
   /**********联系我们*********/
   .contact-container{width:1200px; padding:60px 0 30px 0; margin:0 auto; height:500px; }
   .contact-container .contact-map{width:638px; float:left; border:1px solid #cccccc;}
   .contact-container .con-contact{width:530px;height:500px; float:left; background-color:#f7f7f7; }
   /************关于我们***********/
   .about-container{width:1200px; padding:40px 0 10px 0; margin:0 auto; }

   .about-container .about-mess{width:100%; }
   .about-container .about-mess p{text-indent:2em;font-size:14px; line-height:27px;}
   .about-container .about-mess .about-img{width:303px; height:224px; float:left; margin:5px 10px 0 0;}
   
   .about-container .about-imgs{width:100%; float:left;padding:1em 0;}
   .about-container .about-imgs li{width:286px; height:185px; float:left; padding:5px 7px;}
   /***************通用导航***************/
   .lines .lines-daohang{width:1200px; height:30px; margin:0 auto; padding:15px 0;}
   .lines .lines-daohang .line-title{ font-family:"微软雅黑"; font-size:1em; float:left; width:50%; padding-left:10px;}
   
/******************新闻资讯*********************/
    .news{width:1200px; height:auto; margin:0 auto; padding-bottom:10px;}
	.news ul{width:100%; height:100%; overflow:hidden;}
	.news ul li{width:100%; height:170px;padding-top:20px;  border-bottom:1px dashed #afafaf;}
	.news .imgs{width:202px; height:129px; float:left; padding:10px; border:1px solid #afafaf; }
	.news .imgs img{width:202px;height:126px;}
	.news .new{width:890px; height:150px; float:left; margin-left:30px;}
	.news .new .title{width:880px; height:40px; float:left; text-align:left; font-size:16px; font-family:"微软雅黑"}
	.news .new .message{width:880px; height:60px; line-height:28px; float:left; margin-bottom:10px; text-align:left; font-size:14px; color:#818181; overflow:hidden; font-family:"微软雅黑"}
	.news .new .shows{width:60px; height:23px; padding:6px 15px; border:1px solid #a0a0a0;border-radius:15px; color:#fff; background-color:#a0a0a0; float:right; font-size:14px; font-family:"微软雅黑"}
	.news .new .shows a{color:#fff;}
	.news ul li a{ color:#333;}
	
	.news  .imgs a{ color:#000;}
	.news p{ line-height:32px;}
	/**************案例展示***************/
	.project{width:1200px; height:auto; margin:0 auto; position:relative; overflow:hidden;}
	.project ul{width:1200px; height:auto; float:left; padding:10px 0 20px 0;}
	.project ul li{float:left; position:relative;margin-right:20px;margin-top:20px;}
	
	.project ul li .item_t a img{width:362px;height:234px;}
	.project ul li .item_t h2{width:360px;height:50px;border:1px solid #ddd;text-align:center; background:#fff;}
	.project ul li .item_t h2 a p{font-size:15px;color:#333;line-height:24px;padding-top:13px;}
	.project ul li .item_t h2 span{font-size:13px; color:#999;}
	.projectul li .item_t h2 a:hover p{color:#024594;}
	.project ul li .item_b{width:362px;height:234px; background:rgba(0,0,0,0.5);text-align:center; display:
	none;}
	.project ul li .item_b a{ display:block;width:362px;height:234px;}
	.project ul li .item_b a img{margin-top:101px;}
	.project ul li:hover .item_b{ position:absolute;left:0;top:0; display:block;border-bottom:7px solid #c4141c;}
	/***********服务项目**********/
	.service-fuwu{width:1200px; padding:20px 0; margin:0 auto;}
	.service-fuwu .service-fuwu-img{width:500px; float:left; margin-right:15px;}
	.service-fuwu p{text-indent:2em; font-size:1em;  line-height:33px;}
	.service-fuwu .pb{ font-weight:bold;}
	.service-fuwu .service-imgs{width:100%; float:left;padding:1em 0;}
    .service-fuwu .service-imgs li{width:286px; height:185px; float:left; padding:5px 7px;}
   
}

@media only screen and (min-width:0px) and (max-width:767px){.tel{ display:none;}
		.menu{ display:none;}
	.service{ padding-top:25px; margin:0 auto; }
	.service .service-title{ padding:15px 0 10px 0;font-size: 0.5em; position:relative; overflow:hidden; line-height:1.5em}
	.dl_two{ display:none; width:100%; margin:0px auto 16px; height:70px;}
	.dl_two ul li{ width:299px; float:left; border-right:1px #7a98bd solid; position:relative;}
	.dl_two ul li a{background:#10315a; height:46px; display:block; text-align:center; color:#fff; font-size:16px; line-height:22px; padding-top:22px;}
	.dl_two ul li.cur a{ background:#5ba350;}
	.dl_two ul li.cur a span{background:url(../images/dlg_27.jpg) center no-repeat; width:17px; height:9px; position:absolute; left:36px; bottom:-9px;}
	
	.dl_three{ background:#efefef; width:98%; margin:1em 1%; text-align:left;}
	.dl_three .item{ position:relative; overflow:hidden;}
	.dl_three .c_js{ width:96%; float:left; padding-top:35px; padding:1em 2%;}
	.c_js h3{background:url(../images/dlg_34.jpg) left bottom no-repeat; font-size:1.2em; color:#10315a; padding-bottom:10px; margin-bottom:10px;}
	.c_js h3 a{color:#10315a;}
	.c_js .nr{ font-size:0.8em; line-height:24px; overflow:hidden; }
	.c_js .nr p{ margin-bottom:12px;}
	.c_js .nr .blue{ color:#10315a; font-weight:bold;}
	.dl_three .item img{width:100%;}


	.index-project{ padding-top:25px; margin:0 auto;}
	.index-project .project-top-img{ padding-bottom:10px;}
	.index-project .project-container ul{width:98%; margin:1em 1%;}
    .index-project .project-container ul li{width:98%; margin:1em 1%; background-color:#efefef}
    .index-project .project-container ul li img{width:100%; border:0;}
    .index-project .project-container ul li .title{width:100%; padding:15px 0 ; text-align:center; font-family:"微软雅黑"; font-size:1em; color:#666;}
   
   
	
	
   .index .index-about{width:100%; float:left; background-color:#f5f5f5;}
   .index .index-about{width:100%; float:left;}
   .index .index-about .title{width:98%; height:1.2em; text-align:left; padding:0.8em 1%; font-size:1.1em; border-bottom:1px dashed #d7d6d6;}
   .index .index-about .index-img img{width:100%;margin:5px 10px 5px 0;}
   
   .index .index-about .index-container{ padding:0.2em 0.5em; text-align:left;vertical-align: top;float:left; }
   .index .index-about .index-container p{text-indent:2em;font-size:14px; line-height:27px; color:#333;}
   
   
   .index .index-news{100%; float:left;}
	
   .index .index-news .title{width:98%; height:1.2em; text-align:left; padding:10px 1%; font-size:1.1em; border-bottom:1px dashed #d7d6d6;}
   .index .index-news .news-img img{width:98%; float:left; margin:5px 1% 5px 1%;}
   .index .index-news ul{width:98%;  margin:0 1% 0 1%;}
   .index .index-news ul li{width:100%; height:2em; float:left; border-bottom:1px dashed #999;font-size:0.9em; color:#333;padding-top:0.5em}
   .index .index-news ul li a{ color:#333;}
	
	
	
	/***********底部**********/
	.bottom{ display:none;}
	.foot{width:100%;  background-color:#000c1c; padding:10px 0; }
	.foot .foot-contact .foot-logo{ display:none;}
	.foot .foot-contact .foot-line{ display:none;}
	.foot .foot-contact .foot-lxfs{ width:96%; padding:1em 2%;}
    .foot .foot-contact .foot-lxfs p{line-height:28px; color:#fff; font-size:13px;}
	/**********联系我们*********/
    .contact-container{width:100%; margin:0 auto; }
    .contact-container .contact-map{width:100%; float:left; }
    .contact-container .con-contact{width:100%; float:left; background-color:#f7f7f7; }
	
	   /************关于我们***********/
   .about-container{width:96%; margin:10px 2%; height:auto; position:relative; overflow:hidden; }

   .about-container .about-mess{width:100%; }
   .about-container .about-mess p{text-indent:2em;font-size:0.9em; line-height:27px;}
   .about-container .about-mess .about-img{width:100%; float:left; margin:5px 10px 0 0;}
   
   .about-container .about-imgs{width:100%; padding:0.5em 0;}
   .about-container .about-imgs li{width:49%; float:left; padding:5px 0.5%;}
   .about-container  img{width:100%;}
	
	/***************通用导航***************/
   .lines .lines-daohang{width:98%; height:30px; margin:0 auto; padding:15px 1%;}
   .lines .lines-daohang .line-title{ font-family:"微软雅黑"; font-size:1em; float:left; width:60%; padding-left:10px;}
	/******************新闻资讯*********************/
    .news{width:100%; height:auto; margin:0 auto; padding-bottom:10px;}
	.news ul{width:96%; height:100%; padding:0 2%; position:relative; overflow:hidden;}
	.news ul li{width:100%; padding-top:20px;  border-bottom:1px dashed #afafaf; position:relative; overflow:hidden;}
	.news .imgs{width:98%;  float:left; padding:1%; }
	.news .imgs img{width:100%;}
	.news .new{width:100%; height:150px; float:left;}
	.news .new .title{width:100%; height:40px; float:left; text-align:left; font-size:16px; font-family:"微软雅黑"}
	.news .new .message{width:100%; height:60px; line-height:28px; float:left; margin-bottom:10px; text-align:left; font-size:14px; color:#818181; overflow:hidden; font-family:"微软雅黑"}
	.news .new .shows{width:55px; height:20px; padding:6px 15px; border:1px solid #a0a0a0;border-radius:15px; color:#fff; background-color:#a0a0a0; float:right; font-size:0.8em; font-family:"微软雅黑"}
	.news .new .shows a{color:#fff;}
	.news ul li a{ color:#333;}
	
	.news  .imgs a{ color:#000;}
	.news p{ line-height:32px;}
	/**************案例展示***************/
	.project{width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden;}
	.project ul{width:100%; height:auto; float:left; padding:10px 0 20px 0;}
	.project ul li{width:98%;float:left; position:relative;margin:1em 1%;}
	
	.project ul li .item_t a img{width:100%;}
	.project ul li .item_t h2{width:100%;height:50px;border:1px solid #ddd;text-align:center; background:#fff;}
	.project ul li .item_t h2 a p{font-size:15px;color:#333;line-height:24px;padding-top:13px;}
	.project ul li .item_t h2 span{font-size:13px; color:#999;}
	.projectul li .item_t h2 a:hover p{color:#024594;}
	.project ul li .item_b{width:100%; background:rgba(0,0,0,0.5);text-align:center; display:
	none;}
	.project ul li .item_b a{ display:block;width:100%;}
	.project ul li .item_b a img{margin-top:101px;}
	.project ul li:hover .item_b{ position:absolute;left:0;top:0; display:block;border-bottom:7px solid #c4141c;}
	/***********服务项目**********/
	.service-fuwu{width:100%; padding:20px 0; margin:0 auto; position:relative; overflow:hidden;}
	.service-fuwu .service-fuwu-img{width:98%; float:left; padding:1em 1%;}
	.service-fuwu p{text-indent:2em; font-size:1em;  line-height:33px;}
	.service-fuwu .pb{ font-weight:bold;}
	.service-fuwu .service-imgs{width:100%; padding:0.5em 0;}
    .service-fuwu .service-imgs li{width:49%; float:left; padding:5px 0.5%;}
	.service-fuwu .service-imgs  img{width:100%;}
	.logo{
		display: block;
		text-align: center;
		line-height: 1rem;
		width: 320px;
		padding:0;

		font-size: 0.3rem;
	}
	.logo img{
		display: block;
		width: 100%;
	}
	.header-menu{ display:none;}
	.dl-menuwrapper {
		width: 100%;
		float: right;
		position: absolute;
		top: 0;
		right: 0;
		padding-top:1rem;
		z-index: 999;
		-webkit-perspective: 1000px;
		-moz-perspective: 1000px;
		perspective: 1000px;
		-webkit-perspective-origin: 50% 200%;
		-moz-perspective-origin: 50% 200%;
		perspective-origin: 50% 200%;
	}
	
	.dl-menuwrapper:first-child {
		margin-right: 100px;
	}
	
	.dl-menuwrapper button {
		
		border: none;
		width: 3.5rem;
		height: 3.5rem;
		text-indent: -900em;
		overflow: hidden;
		position: absolute;
		top: 12px;
		right: 0;
		cursor: pointer;
		outline: none;
		background:  url(../images/menu-button-bg.png) no-repeat center center;
		background-size: 50%;
	}
	
	.dl-menuwrapper button:hover ,
	.dl-menuwrapper button.dl-active {
		
		background-color: #fff;
	}
	
	.dl-menuwrapper ul {
		margin-top:0.5rem;
		background: #0493e0;
	}
	
	.dl-menuwrapper ul {
		padding: 0;
		list-style: none;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		margin-top:65px;
	}
	
	.dl-menuwrapper li {
		position: relative;
	}
	
	.dl-menuwrapper li a {
		display: block;
		position: relative;
		font-size: 0.8rem;
		line-height: 3.0rem;
		font-weight: 300;
		color: #fff;
		border-top: 1px solid #fff;
		/*border-bottom: 1px solid #fff;*/
		outline: none;
	}
	
	.no-touch .dl-menuwrapper li a:hover {
		background: rgba(255,248,213,0.1);
	}
	
	.dl-menuwrapper li.dl-back > a {
		padding-left: 30px;
		background: rgba(0,0,0,0.1);
	}
	
	.dl-menuwrapper li.dl-back:after,
	.dl-menuwrapper li > a:not(:only-child):after {
		position: absolute;
		top: 0;
		line-height: 50px;
		font-family: 'icomoon';
		speak: none;
		-webkit-font-smoothing: antialiased;
		content: "\e000";
	}
	
	.dl-menuwrapper li.dl-back:after {
		left: 10px;
		color: rgba(255,255,255,0.8);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	
	.dl-menuwrapper li > a:after {
		right: 10px;
		color: rgba(255,255,255,0.8);
	}
	
	.dl-menuwrapper .dl-menu {
		text-align: center;
		position: absolute;
		right: 0;
		width: 100%;
		opacity: 0;
		pointer-events: none;
		-webkit-transform: translateY(0.1rem);
		-moz-transform: translateY(0.1rem);
		transform: translateY(0.1rem);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.dl-menuwrapper .dl-menu.dl-menu-toggle {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.dl-menuwrapper .dl-menu.dl-menuopen {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	
	
}
 
 
 /**********************新增结束******************/

@media only screen and (max-width: 1366px){	
	#fwslider .title {font-size: 4em;}
	
}
@media only screen and (min-width:640px){	
	.baidu_map .div2{display:none;}

}
@media only screen and (max-width: 640px){	
	#filters li span {font-size: 0.82355em;padding: 7px 10px;}
	.links{display:none;}
	.form-control{height:40px;}
	.form-control,.con_cont textarea {padding:6px 0 6px 5px;line-height:40px;margin-top:20px;}
	.n_about h1{font-size:1.6em !important;}
	.baidu_map .div1{display:none;}
	.baidu_map{height:330px;}
	.baidu_map .div2{text-align:center;}
	.baidu_map .div2 img{width:100%;}
	.in_prolist #container {height:650px !important;}

}
@media only screen and (max-width: 480px){	
	#options li a {font-size: 0.82355em;padding: 6px 5px;}
	.footer_l a{padding:5px 5px}
}
@media only screen and (max-width:320px){	
      #filters li span {padding:7px 1px;}	
	  .n_top h2{width:40%;}
	  .baidu_map{height:230px;}
	
}
@media only screen and (max-width:350px){	
	  .n_top h2{width:40%;}
	
}

@media (max-width:1000px){   
.pro_class .col-md-1{width:18%;}
.class_line{display:block;border-top:1px solid #E4E4E4;width:100%;position:absolute;top:50%;}

}

@media (max-width:767px) {
   .develept li span{display:block;width:100%;text-align:center;margin-bottom:2%;float:none;padding:0;} 
}

@media only screen and (min-width:1000px)
{.home-device{display:none;}

}	    
@media only screen and (max-width:1000px){
	.fullwidthbanner-container{display:none;}
	.home-device { width: 100%;margin: 0px auto;position: relative;}
	.home-device .arrow-left { background:url(../images/jt-l.png) no-repeat left top; position: absolute; left: 0; top: 50%; margin-top: -25px; width: 30px; height: 54px; z-index:101; }
	.home-device .arrow-right { background:url(../images/jt-r.png) no-repeat left bottom; position: absolute; right: 0; top: 50%; margin-top: -25px; width: 30px; height: 54px; z-index:100; }
	.swiper-main {width: 100%;position: relative;}
	.swiper-container, .swiper-slide{width: 100%;}
	.swiper1, .swiper1 .swiper-slide,{height: 280px; }
	.swiper-container {margin: 0px auto;position: relative;overflow: hidden;backface-visibility: hidden;z-index: 1;}
	.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px,0,0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px,0,0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px,0,0); -o-transition-timing-function: ease; -o-transform: translate(0px,0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px,0,0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px,0,0); transition-timing-function: ease; }
	.swiper-slide {float:left;}
	.main_r{margin-left:100px;}
	 h2{font-size:1.125em;}
	 .footer_l{float:none;text-align:Center;width:100%;padding-bottom:20px;}
	 .footer_r{display:none;}
	
}
/*
@media (max-width: 992px){
.n_newslist .col-md-3{float:none;}
.n_newslist section h3{margin-top:15px;}
}
@media (max-width:560px){
   .n_top h2{width:38%;}
}

@media (max-width:990px){
    #options li{margin:4px 8px 4px 0;}
   #options li a{border:1px solid #ddd !important;background:#fff;color:#8FC41F;padding:10px 23px;}
   #options li a.selected{background:#8FC41F;border:1px solid #8FC41F !important;color:#fff;border:1px solid #8FC41F;}
   .pro_class,.portfolio-bg{border:none !important;}
}
@media (max-width:970px){
  .join_style{background:#F1F1F1;}
  .join_cn{margin-top:0px;}
}
@media (max-width:400px)
{  .in_aboutcon{height:420px;overflow:hidden;}
   .baidu_map{height:300px;}
 }
@media (max-width:600px)
{  .in_aboutcon{padding:0 1em;}
   .in_aboutcon img{float:none;width:100%;}
 }
@media (min-width:768px){
    .container {width:750px;}
}
@media (min-width: 992px){
    .container {width:970px;}
}

@media (min-width:1200px)
{    .container {width:1000px;}
}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
 .container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
 .row{margin-right:-15px;margin-left:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,
 .col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,
 .col-md-7,.col-lg-7, .col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,
 .col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;
 box-sizing:border-box;}
 .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}
 .col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}
 .col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}
 .col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}
 .col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}
 .col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}
 .col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}
 .col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}
 .col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}
 .col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}
 .col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}
 .col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:5%}
 .col-xs-offset-0{margin-left:0}
 @media (min-width:768px){.col-sm-1,.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-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}
	 .col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}
	 .col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}
	 .col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}
	 .col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}
	 .col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}
	 .col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}
	 .col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}
	 .col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}
	 .col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}
	 .col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%} .col-sm-offset-0{margin-left:0}
 }
 @media (min-width:992px){.col-md-1,.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-md-10,.col-md-11,.col-md-12{float:left}
	 .col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}
	 .col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}
	 .col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}
	 .col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}
	 .col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}
	 .col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}
	 .col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}
	 .col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}
	 .col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}
	 .col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}
	 .col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}
	 .col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}
 }
 @media (min-width:1200px){.col-lg-1,.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-lg-10,.col-lg-11,.col-lg-12{float:left}
 .col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}
 .col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}
 .col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}
 .col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}
 .col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}
 .col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}
 .col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}
 .col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}
 .col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}
 .col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}
 .col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}
 .col-lg-offset-1{margin-left:8.33333333%} .col-lg-offset-0{margin-left:0;}
 }
 .clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,
 .container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,
 .btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,
 .navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,
 .panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}
 .clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,
 .btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,
 .modal-footer:after{clear:both;}
*/