/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
html, body{
  	font-family: '微软雅黑', sans-serif;
    font-size: 100%;
  	 background: #FFf;
	 overflow-x:hidden;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
img{ max-width:100%;}
/*-----start-header----*/
.header{ position:fixed; z-index:123456; width:100%;}
.logo{
	float: left;
}
.logo a{
	color: #303030;
	font-weight: 200;
	text-transform: uppercase;
	margin-top: 0.8em;
}
.logo a:hover{
	text-decoration:none;
}
.logo320{
	display:none;
}
/*----navbar-nav----*/
.top-header{
	background-color: rgba(0,0,0,0.6);
	border-bottom:1px solid rgba(137,150,240,0.5);
}
.top-nav ul li a{
	color: #FFFFFF;
	padding: 0.2em 1.5em;
	font-size: 0.875em;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	font-weight: 900;
}
.top-nav ul li .sons{ 
	display:none;
	width: 100%;
    position: absolute;
    left: 0;
    padding-bottom: 12px;
    background: #fff;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    overflow: hidden;
    padding-top: 6px;
    box-shadow: 0 0 2px #ccc inset;}
.top-nav ul li .sons a{
	display: block;
    width: 100%;
    margin: 0 auto;
	line-height:28px;
    border-bottom: 1px solid #f2f2f2;
    padding: 2px 0;
	font-size:12px;
	font-weight:normal;
	}
.top-nav ul li .sons a span{ 
    width: 96%;
    display: block;
    line-height: 28px;
    border-radius: 4px;
    line-height: 28px;
    color: #999;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
}
.top-nav ul li .search_wrap{ display:none;}
.top-nav ul li .sons a:hover span{ background: #202d76;
    color: #fff;}
@media (min-width: 992px) and (max-width: 1199px) {
  .top-nav ul li a{
  	  padding: 0.2em 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
	.top-nav ul li a{
  	  padding: 0.2em 5px;
  }
}
.top-nav ul li span{ color:#fff;}
.top-nav ul li a:hover{
	color:#8fc320;
}
.logo a{
	display:block;
}
/* top-nav */
.top-nav:before,
.top-nav:after {
    content: " ";
    display: table;
}
.top-nav:after {
    clear: both;
}
nav {
	position: relative;
	float: right;
}
nav ul {
	padding: 0;
	float: right;
	margin-top:1.5em;
	margin-bottom:0;
}
nav li {
	display: inline;
	float: left;
	position:relative;
}
nav a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 57px;
}
nav a:hover{
	text-decoration:none;
	color:#00A2C1;
}
nav a#pull {
	display: none;
}
#homepage{}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 768px) {
	nav { 
  		height: auto;
  		float:none;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 100%;
  		position: relative;
		float:none;
  	}
  	nav li a {
		border-bottom: 1px solid #eee;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
  	}
	.top-nav ul li a {}
	.top-nav ul li span { display:none;}

}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 768px) {
	nav {
		border-bottom: 0;
		float:none;
	}
	nav ul {
		display: none;
		height: auto;
		margin:0;
		background: #fff;
	}
	nav a#pull {
		display: block;
		position: relative;
		color: #F26D7D;
		text-align: right;
		position: absolute;
	}

	nav a#pull img{
		margin-right:2%;line-height:2.5em;
	}
	.top-nav ul li a {
		color: #2C3E50; line-height:2.5em;
	}
	.top-nav ul li a:last-Child{ display:none;}

}
/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav {
		float:none;
	}
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #EEE;
	}
}
/*---- banner ----*/
.banner{

	position:relative;
	 background: url(../images/home_bg1.jpg) center bottom no-repeat;
	 background-size:cover;
	 overflow:hidden; background-size:cover;
}
@media screen and (max-width: 768px) {
.bannerin{ position:relative; background: url(../images/bannerin1.jpg) center bottom no-repeat; background-size:cover; overflow:hidden; background-size:cover;}
}
.banner-info{
	position: absolute;
	left: 50%;
	top: 25%;
	margin-left:-255px;
	display:none;
}
/*-- //banner ----*/
/*业务支持*/
.service.container{ padding:0; width:1200px; }
.service .myTab_menu{ background:#f5f5f5;}
.service .nav-tabs{ width:1200px; margin:0 auto; border:none;}
.service .nav-tabs > li{width:25%; text-align:center;} 
.service .nav-tabs > li.myTab_menu1{ background:url(../images/spec_icon1.png) center 48px no-repeat; border-left:1px solid #e5e5e5;}
.service .nav-tabs > li.myTab_menu2{ background:url(../images/spec_icon2.png) center 48px no-repeat; border-left:1px solid #e5e5e5;}
.service .nav-tabs > li.myTab_menu3{ background:url(../images/spec_icon3.png) center 48px no-repeat; border-left:1px solid #e5e5e5;}
.service .nav-tabs > li.myTab_menu4{ background:url(../images/spec_icon4.png) center 48px no-repeat; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.service .nav-tabs > li a{ display:block;height:240px; width:100%; }
.service .nav-tabs > li a p{ margin-top:168px;}
.service .nav-tabs > li a:hover{ color:#888;}
.service .nav-tabs > li.active.myTab_menu1{ background:#8fc320 url(../images/spec_icon1_hover.png) center 48px no-repeat;}
.service .nav-tabs > li.active.myTab_menu2{ background:#8fc320 url(../images/spec_icon2_hover.png) center 48px no-repeat;}
.service .nav-tabs > li.active.myTab_menu3{ background:#8fc320 url(../images/spec_icon3_hover.png) center 48px no-repeat;}
.service .nav-tabs > li.active.myTab_menu4{ background:#8fc320 url(../images/spec_icon4_hover.png) center 48px no-repeat;}
.service .nav-tabs > li.active a{background:none; color:#fff; border:none;}
.service .tab-content{ padding:146px 0 130px;}
.service .tab-content .col-md-6{ padding:0;}
.service .tab-content .col-md-6 .tab_con_tit{display: inline-block; color:#333333; font-size:24px; font-weight:700; border-top:3px solid #8fc320; border-bottom:3px solid #8fc320; padding:10px 0;}
.service .tab-content .col-md-6 .tab_con_tex{ margin-top:30px; color:#666666; line-height:38px; font-size:12px; margin-bottom:20px;}
.service .tab-content .col-md-6 a.tab_con_btnm{ width:155px; height:47px; background:#8fc320; border-radius:4px; display:inline-block; text-align:center; line-height:47px; color:#fff;}
.service .tab-content .col-md-6 a.tab_con_btnc{ width:155px; height:47px; background:#fff; border-radius:4px; display:inline-block; text-align:center; line-height:47px; color:#1295f2; border:1px solid #1295f2; margin-left:15px;}
/*---应用领域---*/
.work .myTab_menu2{ background:url(../images/sildmenu_bg.jpg) center top no-repeat;}
.work .myTab_menu2 .nav-tabs{ width:1200px; margin:0 auto; border:none;}
.work .myTab_menu2 .nav-tabs > li{width:25%;  height:100px;} 
.work .myTab_menu2 .nav-tabs > li a{ display:block; border:none; line-height:100px; font-size:18px; color:#fff; padding:0; margin:0; border-radius:0; text-indent:86px;} 
.work .myTab_menu2 .nav-tabs > li a:after{ content:''; display:inline-block; width:13px; height:7px; background:url(../images/icon_down.png) center no-repeat; margin-left:6px;}
.work .myTab_menu2 .nav-tabs > li.myTab_menu11 a{ background:url(../images/sildmenu_icon1.png) 55px center no-repeat; }
.work .myTab_menu2 .nav-tabs > li.myTab_menu12 a{ background:url(../images/sildmenu_icon2.png) 55px center no-repeat; }
.work .myTab_menu2 .nav-tabs > li.myTab_menu13 a{ background:url(../images/sildmenu_icon3.png) 55px center no-repeat; }
.work .myTab_menu2 .nav-tabs > li.myTab_menu14 a{ background:url(../images/sildmenu_icon4.png) 55px center no-repeat; }
.work .myTab_menu2 .nav-tabs > li.active  a{ color:#90c221;}
.work .myTab_menu2 .nav-tabs > li.active  a:after{ content:''; display:inline-block; width:13px; height:7px; background:url(../images/icon_down_hover.png) center no-repeat; margin-left:6px;}
.work .myTab_menu2 .nav-tabs > li.active.myTab_menu11  a{ background:#fff url(../images/sildmenu_icon1_hover.png) 55px center no-repeat; }
.work .myTab_menu2 .nav-tabs > li.active.myTab_menu12  a{ background:#fff url(../images/sildmenu_icon2_hover.png) 55px center no-repeat; }
.work .myTab_menu2 .nav-tabs > li.active.myTab_menu13  a{ background:#fff url(../images/sildmenu_icon3_hover.png) 55px center no-repeat; }
.work .myTab_menu2 .nav-tabs > li.active.myTab_menu14  a{ background:#fff url(../images/sildmenu_icon4_hover.png) 55px center no-repeat; }
.work .tab-content .tab_con_tex .tab_con_tex1{ color:#333; font-size:28px; padding:1rem 0; text-align:center; margin:0;}
.work .tab-content .tab_con_tex .tab_con_tex2{ color:#888; font-size:14px; margin:0 auto 10px; line-height:34px; text-align:center; width:60%;}
.work .tab-content .works-grid{ overflow:hidden;}
.works-head h2{
	color:#02918C;
	font-weight:900;
	font-size:3em;
	margin:0;
	padding:0;
}
.works-head span{
	width:162px;
	height:9px;
	display:inline-block;
	background:url(../images/border-bg.png) no-repeat 0px 0px;
}
.works-head p{
	color: #7E8287;
	font-size: 1.2em;
	font-weight: 300;
	width: 40%;
	line-height: 1.8em;
	margin: 1em auto;
}
/*---- works-grids ----*/
.works-grid{
	padding:0;
	position:relative;
}
.works-grid img{
	width:100%;
}
.works-grid div.captions{
	display:none;
}
.works-grid:hover div.captions{
	display: block;
}

.works-grid:hover img{transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	}
.work div.captions{
	position:absolute;
	bottom:0px;
	width:100%;
	height:2.5rem;
	background:rgba(0,0,0,0.4);
}
.work div.captions h4{
	font-size:1em;
	color:#FFF;
	text-indent:10px;
	font-weight:bold;
}
.work div.captions p{
	color:#FFF;
	line-height:1.4em;
}



/*---- about ----*/
.about{ height:850px; background:url(../images/home_bg2.jpg) center top no-repeat;}
.about .about_con{ height:640px; color:#fff; text-align:center; background:url(../images/jfkla.png) center top no-repeat;}
.about .about_con h2{ padding-top:150px; font-size:28px;}
.about .about_con p{ line-height:30px;font-size:14px;}
.about .about_con a{ width:122px; height:30px; border:1px solid #fff; text-align:center; line-height:30px; color:#fff; font-size:14px; display:block; margin:0 auto; margin-top:25px;}


/*----//about ----*/
/*社会责任*/
.socity{ width:100%; overflow:hidden;}
.socity .soc-grid{ position:relative;}
.socity .column{ padding:0;}
.socity .soc-grid img{ width:100%;}
.socity .soc_texcon .t1{ font-size:36px; padding-top:18%; padding-bottom:11%; color:#90c221; text-align:center;}
.socity .soc_texcon .t1{ font-size:36px; padding-top:50px; padding-bottom:20px; color:#90c221; text-align:center;}
.socity .soc_texcon .t2{  text-align:center;color:#666; font-size:16px;}
.socity .soc_texcon a{color:#90c221; width:154px; height:44px; display:block; text-align:center; line-height:44px; border:1px solid #90c221; margin:50px auto 0; }
.socity div.captions{position:absolute;bottom:0px;width:100%;height:3.5rem;background:rgba(144,194,33,0.9);}
.socity div.captions h4{	font-size:1em;	color:#FFF;	text-indent:10px;font-weight:bold;}
.socity div.captions p{	color:#FFF;text-indent:10px; font-size:0.75px;}
/*---servies---*/
.socity div.captions2{ position:absolute; width:100%; height:100%; top:0;}
.socity div.captions2 .t5{ position:absolute; right:0; height:2.5em; color:#fff; background:#1295f2; font-size:1.5em; line-height:2.5em; padding:0 2em; top:30%; z-index:123;}
.socity div.captions2 .t6{ position:absolute; right:0; height:2.5em; color:#fff; background:#90c221; font-size:1.5em; line-height:2.5em; padding:0 2em; bottom:30%; z-index:123;}
.service-head{
	
}
.service-head h2{
	color: #02918C;
	font-weight: 900;
	font-size: 3em;
	margin: 0;
	padding: 0;
}
.service-head span {
	width: 162px;
	height: 9px;
	display: inline-block;
	background: url(../images/border-bg.png) no-repeat 0px 0px;
}
.service-head p {
	color: #7E8287;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.8em;
	margin: 1em 0;
}

/*--services-grid-left-grid--*/
.services-grid-left-grid{
	position:relative;
	padding:1em 0;
}
.services-grid-left-grid span{
	width:33px;
	height:34px;
	display:inline-block;
	background:url(../images/service-icon.png) no-repeat 0px 0px;
}
.services-grid-left-grid h3{
	margin:0;
	padding:0;
}
.services-grid-left-grid h3 a{
	color: #7E8287;
	font-weight: 400;
	font-size: 1em;
	margin: 0.5em 0 0;
	display: inline-block;
}
.services-grid-left-grid h3 a:hover{
	text-decoration:none;
	color:#02918C;
}
.services-grid-left-grid p{
	color: #7E8287;
	font-size: 0.875em;
	line-height: 1.8em;
	width:60%;
	margin: 0.6em 0;
}
.services-grid-left-grid span.search{
	background-position: -38px 0px;
}
.services-grid-left-grid span.clock{
	background-position: -83px 0px;
}
.services-grid-left-grid span.chart{
	background-position: -124px 0px;
}
.services-grid-right{
}

/*----news---*/
.news{ background:url(../images/home_bg3.jpg) center top repeat-y; padding-bottom:5em;}
.news .conatiner{ width:1200px; margin:0 auto;}
.news .conatiner .new_tit{ text-align:center; font-size:32px; color:#333; font-weight:bold; padding-top:110px;}
.news .conatiner .news_des{ text-align:center; font-size:14px; color:#666;  padding-top:20px;}
.news .conatiner .new_wrap { padding:1.5em 0.8em;background:#fff; margin-top:3em;height: 500px; }

.news .conatiner .new_box .fl{ float:left;}
.news .conatiner .new_box .fr{ float:right;}
.news .conatiner .new_box .new_top .fl{ font-size:20px; color:#333; border-left:3px solid #90c221; padding-left:10px;}
.news .conatiner .new_box .center .hotnews{ position:relative; }
.news .conatiner .new_box .center .hotnews a{ position:absolute; height:2em; background:rgba(0,0,0,0.7); bottom:0; width:100%; color:#fff; line-height:2em; text-indent:0.2em; display:block;}
.news .conatiner .new_box .center .hotnews a span{ position:absolute; right:0.2em;}
.news .conatiner .new_box  ul{ padding:0; margin:0;}
.news .conatiner .new_box  li{ list-style:none;}
.news .conatiner .new_box  li.new_sbox{ margin-bottom:23px;}
.news .conatiner .new_box  li.new_sbox .fl{ width:30%;}
.news .conatiner .new_box  li.new_sbox .fr{ width:68%;}
.news .conatiner .new_box  li.new_sbox .fr p{ font-size:1em; color:#333; margin-bottom:3px;}
.news .conatiner .new_box  li.new_sbox .fr  a{ color:#888; font-size:12px;}
.news .conatiner .new_box  li.new_sbox .fr .news_title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news .conatiner .new_box  li.new_sbox .fr .news_description{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .conatiner .new_box .center .new_con li { margin-top:20px; background:url(../images/list_s.png) center left no-repeat; padding-left:10px;}
.news .conatiner .new_box .center .new_con li a{ color:#666; position:relative; display:block; width:100%;} 
.news .conatiner .new_box .center .new_con li span{ position:absolute; right:0; color:#999;}
/*---- copy-right ----*/

.copy-right{ background:#242426 url(../images/foot_bg.jpg) center top no-repeat; padding:1.8em 0 1em;
}
.copy-right p{
	text-transform:uppercase;color:#919090;
	 font-size:12px;
}
.copy-right .guanzhu  p{
	text-transform:uppercase;color:#919090;
	 font-size:12px;
	 width:100%; text-align:center; margin:5px auto;
}
.copy-right p.white{ color:#fff; text-align:left;}
.copy-right .hengx{ height:0; border-bottom:1px solid #585858; width:90%;}
.copy-right .join .hengx {width:40%;}
.copy-right .guanzhu .hengx {width:100%;}
.copy-right .guanzhu .erweim{ text-align:right; margin-top:1em;}
.copy-right .guanzhu  img{ width:90%; display:inline-block; }
.copy-right a, .copy-right span{
	color:#919090; line-height:2.5em;font-size:12px;
	display:block;
}
.copy-right p a:hover{
	text-decoration:none;
	color:#7E8287;
}
.copy-right .copy_con{ border-top:1px solid #444343;}
.copy-right .copy_con p{ padding-top:20px;}
.copy-right .copy_con p.text_r{ text-align:right;}
.copy-right .copy_con p.text_r a{ float: right; line-height: normal;}
.copy-right .copy_con p.text_r a:hover{ color: #fff;}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 14px;
	right: 3%;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url("../images/to-top1.png") no-repeat 0px 0px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
.floor_tip{ position:fixed; left:50%; margin-left:670px; bottom:200px; z-index:212;}
.floor_tip li{ width:91px; height:23px; background:url(../images/floor.png) right center no-repeat;}
.floor_tip li a{  padding:0; display:block; height:23px; line-height:23px; width:90px; border-radius:0; text-indent:-9999px;transition: 0.1s all;
    -webkit-transition: 0.1s all;
    -moz-transition: 0.1s all;
    -o-transition: 0.1s all;
    -ms-transition: 0.1s all;}
.floor_tip li.active{ background:url(../images/floor_active.png) right center no-repeat;}
.floor_tip li.active a{ text-indent:10px; color:#fff; font-size:12px; display:block; background:url(../images/floor_tips.png) left top no-repeat;  }
.floor_tip li.active a:hover{ background:url(../images/floor_tips.png) left top no-repeat; }
/*---- responsive-design ----*/
@media (max-width:1680px){
.floor_tip{ margin-left:630px;}
.socity .soc_texcon .t1 {font-size: 32px; padding-top: 30px; padding-bottom: 20px;color: #90c221; text-align: center;}
.socity .soc_texcon .t2{  text-align:center;color:#666; font-size:14px;}
.socity div.captions2 .t5{ height:2em; font-size:1.5em; line-height:2em; padding:0 2em; top:30%; }
.socity div.captions2 .t6{ height:2em; font-size:1.5em; line-height:2em; padding:0 2em; bottom:30%;}
}
@media (max-width:1440px){
.floor_tip{ margin-left:0; left:90%;}
.socity .soc_texcon .t1 {font-size: 32px; padding-top: 20px; padding-bottom: 10px;color: #90c221; text-align: center;}
.socity .soc_texcon .t2{  text-align:center;color:#666; font-size:12px;}
}
@media (max-width:1366px){
.socity .soc_texcon .t2{  text-align:center;color:#666; font-size:12px;}
.socity .soc_texcon .t1 {font-size: 18px; padding-top: 10px; padding-bottom: 10px;color: #90c221; text-align: center;}
.socity .soc_texcon a {margin: 20px auto 0;}
.socity div.captions2 .t5{ height:1.5em; font-size:1.5em; line-height:1.5em; padding:0 2em; top:25%; }
.socity div.captions2 .t6{ height:1.5em; font-size:1.5em; line-height:1.5em; padding:0 2em; bottom:25%;}
}
@media (max-width:1280px){

.socity .soc_texcon .t1 {font-size: 14px; padding-top: 10px; padding-bottom: 10px;color: #90c221; text-align: center;}
.socity .soc_texcon .t2{  text-align:center;color:#666; font-size:12px;}
.socity .soc_texcon a {margin: 10px auto 0;}
.copy-right .copy_con{ display:none;}

}
@media (max-width:1024px){
	.work  .col-md-3{ width:50%; float:left;}
	.top-nav ul li a {padding: 0.2em 4px;}
	.header .container{padding:0;}
}
@media (max-width:993px){
	.floor_tip{display:none;}
	.top-nav ul li span{ display:none;}
	
}
@media (max-width:768px){
	.banner-info {
		left: 8%; width:84%;margin-left:0;
	}
	.services-grid-left {
		padding: 1em 2em;
	}
	.works-grid:hover div.caption{
		margin:1em;
		padding:0.5em;
		min-height:150px;
	}
	.banner {
		min-height: 526px;
	}
	.bannerin {
		min-height:450px;
	}
	.works-head p {
		width: 80%;
		margin: 0em auto;
		font-size: 1em;
	}
	.banner-info h1 {
		font-size: 3.2em;
	}
	.about-head h2,.service-head h2,.works-head h2{
		font-size: 1.8em;
	}
	.about-head p {
		font-size: 1em;
		width: 90%;
	}
	.about {
		padding: 1em 0;
	}
	.works {
		padding: 1em 0;
	}
	.top-header {
		background-color: rgba(0,0,0,0.7);
		border-bottom: 1px solid rgba(137,150,240,0.8);
	}
	.top-header {
		padding: 0em 0 1em;
	}
	.top-header .container{
		padding:  0 ; width:100%;
	}
	.logo {
		margin-top: 0.5em;
	}
	.logo a{
		margin-top: 0em;margin-left: 0.5em;
	}
	.banner-info p {
		font-size: 1.8em;
	}
	.services-grid-left-grid p {
		width: 100%;
	}
	.services-grid-left-grid {
		padding: 0.5em 0;
	}
	.services-grid-right {
		display:none;
	}
	.about-grids {
		padding: 0em 0 0em;
	}
	.service-head p {
		font-size: 1em;
		margin: 0.4em 0;
	}
	.service .tab-content {
		padding: 2em 0.5em ;
	}
	.service .nav-tabs > li a {
		display: block;
		height: 120px;
		width: 100%;
	}
	.service .nav-tabs > li.myTab_menu1{ background-position: center 5px; background-size:auto 65%; }
	.service .nav-tabs > li.myTab_menu2{ background-position: center 5px; background-size:auto 65%; }	
	.service .nav-tabs > li.myTab_menu3{ background-position: center 5px; background-size:auto 65%; }	
	.service .nav-tabs > li.myTab_menu4{ background-position: center 5px; background-size:auto 65%; }	
	.service .nav-tabs > li.active.myTab_menu1{ background-position: center 5px; background-size:auto 65%; }
	.service .nav-tabs > li.active.myTab_menu2{ background-position: center 5px; background-size:auto 65%; }
	.service .nav-tabs > li.active.myTab_menu3{ background-position: center 5px; background-size:auto 65%; }
	.service .nav-tabs > li.active.myTab_menu4{ background-position: center 5px; background-size:auto 65%; }
	.service .nav-tabs > li a p{ margin-top:80px;}
		.works-grid:nth-child(2),.works-grid:nth-child(3),.works-grid:nth-child(4),.works-grid:nth-child(5),.works-grid:nth-child(6){
		display:none;
	}
	.contact-head h2 {
		font-size: 1.8em;
	}
	.contact-head p {
		font-size: 1em;
		width: 80%;
		line-height: 1.5em;
	}
	.Contact-form {
		padding: 1em 0 1em;
		margin-top: 1.5em;
	}
	.send-form {
		width: 90%;
	}
	.copy-right {
		padding: 1em 0;
	}
	.send-form input[type="submit"] {
		margin: 1.5em 0;
	}
	.work .col-md-3{ width:100%;}
	.service.container {
		padding: 0;
		width: 100%;
	}
	.service .nav-tabs {
		width: 100%;
		margin: 0 auto;
		border: none;
	}
	.news .conatiner {
		width: 100%;
		margin: 0 auto;
	}
	.work .myTab_menu2 .nav-tabs {
		width: 100%;
		margin: 0 auto;
		border: none;
	}
	.work .myTab_menu2 .nav-tabs > li a{ text-indent:0px; text-align:center;}
	.work .myTab_menu2 .nav-tabs > li.active.myTab_menu11 a,
	.work .myTab_menu2 .nav-tabs > li.active.myTab_menu12 a,
	.work .myTab_menu2 .nav-tabs > li.active.myTab_menu13 a,
	.work .myTab_menu2 .nav-tabs > li.active.myTab_menu14 a{ background:#fff;}
	.work .myTab_menu2 .nav-tabs > li.myTab_menu11 a,
	.work .myTab_menu2 .nav-tabs > li.myTab_menu12 a,
	.work .myTab_menu2 .nav-tabs > li.myTab_menu13 a,
	.work .myTab_menu2 .nav-tabs > li.myTab_menu14 a{ background:none;}
	.about .about_con { background-size:80% auto;}
	.socity .column.col-md-4 img{ width:100%;}
	.news .conatiner .new_tit{ padding-top:2em; font-size:2em;}
	.news .conatiner .news_des{ font-size:0.9em; width:90%; line-height:2em; text-align:center; margin:0 auto;}
	.news .conatiner .new_box .new_top .fl{ font-size:1.25em;}
	.news .conatiner .new_box .col-md-4{ width:100%;}
	.news .conatiner .new_box img{ width:100%;}
	.news .conatiner .new_box li.new_sbox .fr p{ font-size:1.5em;}
	.news .conatiner .new_box li.new_sbox .fr a{ font-size:1em; line-height:2em;}
	.news .conatiner .new_box  li.new_sbox .fr .news_description{ -webkit-line-clamp: 3; }
	.copy-right .col-md-3{ width:25%; float:left;}
	.copy-right .join  .col-md-6{ width:50%; float:left;}
	.works-grid div.captions {
	   display: block;    background: rgba(0,0,0,0.6);
	} 
	.socity .soc_texcon a{ height:auto; padding:0.2em 0; line-height:1.5em;}
	.top-nav ul li .sons{ 	display: none; width: 100%; position:relative; left: 0;  background: #fff; overflow: hidden;   padding-top: 6px; background:#fafafa;}
	.top-nav ul li .sons a{	display: block;  width: 100%;  margin: 0 auto; border-bottom: 1px solid #f2f2f2; font-size:0.7em;	font-weight:normal;}
	.top-nav ul li .sons a span{   color: #999;   font-size:0.7em;  text-align: center;  margin: 0 auto;}
	.bannerimg{ display:none;}

}
@media (max-width:640px){
	.socity div.captions2 .t5{ height:1.5em; font-size:0.8em; line-height:1.5em; padding:0 2em; top:15%; }
	.socity div.captions2 .t6{ height:1.5em; font-size:0.8em; line-height:1.5em; padding:0 2em; bottom:15%;}
	.socity .soc_texcon .t2{  text-align:center;color:#666; line-height:1.5em; font-size:0.8em; margin-bottom:.2em;}
	.socity .soc_texcon .t1 {font-size: 0.9empx; padding-top: 0.5em; padding-bottom: 0.1em;color: #90c221; text-align: center;}
	.socity .soc_texcon a {  height: auto;   padding: 0.2em 0; line-height: 1.5em; margin-bottom:.5em;}
	.banner-info {
		left: 5%; width:90%; margin-left:0;
	}
	.services-grid-left {
		padding: 1em 2em;
	}
	.works-grid:hover div.caption{
		margin: 2em 0 0 2em;
		padding:0.5em;
		min-height:150px;
	}
	.banner {
		min-height: 450px;
	}
	.bannerin {
		min-height:300px;
	}
	.works-head p {
		width: 80%;
		margin: 0em auto;
		font-size: 1em;
	}
	.banner-info h1 {
		font-size: 2.8em;
	}
	.about-head h2,.service-head h2,.works-head h2{
		font-size: 1.8em;
	}
	.about-head p {
		font-size: 1em;
		width: 90%;
		margin:0.5em auto;
		line-height: 1.5em;
	}
	.about {
		padding: 1em 0;
	}
	.about .about_con {
		width:90%;
		margin:0 auto;
		background-size: 100% auto;
	}
	.about .about_con h2 {
		padding-top: 2em;
		font-size: 1.5em;
	}
	.about .about_con p{ font-size:0.875em; width:90%; margin:0 auto;}
	.about .about_con a{font-size:0.875em;}
	.works {
		padding: 1em 0;
	}
	.top-header {
		padding: 0em 0 1.7em;
	}
	.logo {
		margin-top: 0.5em;
	}
	.banner-info p {
		font-size: 1.8em;
	}
	.services-grid-left-grid p {
		width: 100%;
	}
	.services-grid-left-grid {
		padding: 0.5em 0;
	}
	.services-grid-right {
		display:none;
	}
	.about-grids {
		padding: 0em 0 0em;
	}
	.service-head p {
		font-size: 1em;
		margin: 0.4em 0;
	}
	.works-grid:nth-child(2),.works-grid:nth-child(3),.works-grid:nth-child(4),.works-grid:nth-child(5),.works-grid:nth-child(6){
		display:none;
	}
	.contact-head h2 {
		font-size: 1.8em;
	}
	.contact-head p {
		font-size: 1em;
		width: 80%;
		line-height: 1.5em;
	}
	.Contact-form {
		padding: 1em 0 1em;
		margin-top: 1.5em;
	}
	.send-form {
		width: 90%;
	}
	.copy-right {
		padding: 1em 0;
	}
	.send-form input[type="submit"] {
		margin: 1.5em 0;
	}
	.about-grid {
		position: relative;
		padding: 0.5em 0;
	}
		.service.container {
    padding: 0;
		width: 100%;
	}.service .nav-tabs {
		width: 100%;
		margin: 0 auto;
		border: none;
	}
	.news .conatiner {
		width: 100%;
		margin: 0 auto;
	}
	.work .myTab_menu2 .nav-tabs {
		width: 100%;
		margin: 0 auto;
		border: none;
	}
	.news .conatiner .new_box li.new_sbox .fr p{ font-size:1em;}
	.news .conatiner .new_box li.new_sbox .fr a{ font-size:0.8em; line-height:1.7em;}
	.copy-right .col-md-3{ width:25%; float:left;}
	.copy-right .join  .col-md-6{ width:50%; float:left; padding:0;}
	.news .conatiner .new_box  li.new_sbox .fr .news_description{ -webkit-line-clamp: 4; }
}
@media (max-width:480px){
	nav a#pull{ line-height:3em;}
	.container { padding: 0; 
    margin: auto;
}
	.top-header {
		background-color: rgba(0,0,0,0.7);
		border:none;
	}
	.banner-info {
		left: 5%; width:90%;margin-left:0;
	}
	.services-grid-left {
		padding: 1em 2em;
	}
	.works-grid:hover div.caption{
		margin: 1.5em 0 0 1.5em;
		padding: 0.5em;
		min-height: 150px;
	}
	.banner {
		min-height: 380px;
	}
	.about {
		min-height: 380px;
	}
	.works-head p {
		width: 80%;
		margin: 0em auto;
		font-size: 1em;
	}
	.banner-info h1 {
		font-size: 2.2em;
	}
	.about-head h2,.service-head h2,.works-head h2{
		font-size: 1.5em;
	}
	.about-head p {
		font-size: 1em;
		width: 90%;
		margin:0.5em auto;
		line-height: 1.5em;
	}
	.about {
		padding: 1em 0;
	}
	.works {
		padding: 1em 0;
	}
	.top-header {
		padding: 0em 0 0.3em;
	}
	
	.logo {
		margin-top: 0.2em;
		margin-left: 0.2em;
		width:30%;
	}
	.logo a {
		color: #303030;
		font-weight: 200;
		text-transform: uppercase;
		margin-top: 0.4em;
		margin-bottom:0.4em;
	}
	.banner-info p {
		font-size: 1.3em;
	}
	.services-grid-left-grid p {
		width: 100%;
	}
	.services-grid-left-grid {
		padding: 0.5em 0;
	}
	.services-grid-right {
		display:none;
	}
	.about-grids {
		padding: 0em 0 0em;
	}
	.service-head p {
		font-size: 1em;
		margin: 0.4em 0;
	}
	.works-grid:nth-child(2),.works-grid:nth-child(3),.works-grid:nth-child(4),.works-grid:nth-child(5),.works-grid:nth-child(6){
		display:none;
	}
	.contact-head h2 {
		font-size: 1.8em;
	}
	.contact-head p {
		font-size: 1em;
		width: 80%;
		line-height: 1.5em;
	}
	.Contact-form {
		padding: 1em 0 1em;
		margin-top: 1.5em;
	}
	.send-form {
		width: 90%;
	}
	.copy-right {
		padding: 1em 0;
	}
	.send-form input[type="submit"] {
		margin: 1.5em 0;
	}
	.about-grid {
		position: relative;
		padding: 0.5em 0;
	}
	.send-form span.text-box1,.send-form span.text-box2 {
		width: 80%;
	}
	.send-form input[type="submit"] {
		font-size: 1.1em;
		padding: 0.6em 2.2em;
	}
		.service .nav-tabs > li a {
		display: block;
		height:6em;
		width: 100%;
	}
	.service .nav-tabs > li.myTab_menu1 { background-size: auto 40%; background-position:center 10%;}
	.service .nav-tabs > li.myTab_menu2 { background-size: auto 40%; background-position:center 10%;}
	.service .nav-tabs > li.myTab_menu3 { background-size: auto 40%; background-position:center 10%;}
	.service .nav-tabs > li.myTab_menu4 { background-size: auto 40%; background-position:center 10%;}
	.service .nav-tabs > li.myTab_menu1 { background-size: auto 40%; background-position:center 10%;}
	.service .nav-tabs > li.active.myTab_menu1 { background-size: auto 40%; background-position:center 10%;}
	.service .nav-tabs > li.active.myTab_menu2 { background-size: auto 40%; background-position:center 10%;}
	.service .nav-tabs > li.active.myTab_menu3 { background-size: auto 40%; background-position:center 10%;}
	.service .nav-tabs > li.active.myTab_menu4 { background-size: auto 40%; background-position:center 10%;}
	.service .nav-tabs > li a p{ position:absolute; width:80%; text-align:center; left:10%; top:60%; font-size:0.5em; margin:0;}
	.service .tab-content {
		padding: 2em 0.5em 2em;
	}
	.service .tab-content .col-md-6 {
		width:100%; padding:0.3em;
	}
	.service .tab-content .col-md-6 a.tab_con_btnm{ width:40%; height:3em;}
	.service .tab-content .col-md-6 a.tab_con_btnc{ width:40%; height:3em; margin-left:20%;}
	.work .myTab_menu2 .nav-tabs > li{ height:4em;}
	.work .myTab_menu2 .nav-tabs > li a {height:5em; line-height:5em; font-size:0.8em; text-indent:0; text-align:center; }
	.work .myTab_menu2 .nav-tabs > li.myTab_menu11 a,.work .myTab_menu2 .nav-tabs > li.myTab_menu12 a,.work .myTab_menu2 .nav-tabs > li.myTab_menu13 a,.work .myTab_menu2 .nav-tabs > li.myTab_menu14 a{ background:none;}
	.work .myTab_menu2 .nav-tabs > li.active.myTab_menu11 a,.work .myTab_menu2 .nav-tabs > li.active.myTab_menu12 a,.work .myTab_menu2 .nav-tabs > li.active.myTab_menu13 a,.work .myTab_menu2 .nav-tabs > li.active.myTab_menu14 a{ height: 5em; width:100%; line-height:5em; font-size:0.8em; color:#fff; text-align:center; background:#accf69; }
	.work .myTab_menu2 .nav-tabs > li.active a:after ,.work .myTab_menu2 .nav-tabs > li.active a:after { display:none;}
	.work .myTab_menu2 .nav-tabs > li a:after{ display:none;}
	.copy-right .guanzhu .erweim{ text-align:left;}
	.copy-right .guanzhu img{ width:90%;}
	.work .tab-content .tab_con_tex .tab_con_tex1{ font-size:1.5em;}
	.work .tab-content .tab_con_tex .tab_con_tex2{ font-size:0.875em; width:80%;}
	.news .conatiner .new_box li.new_sbox .fr p{ font-size:.8em;}
	.news .conatiner .new_box li.new_sbox .fr a{ font-size:0.6em; line-height:1.4em;}
	.news .conatiner .new_box  li.new_sbox .fr .news_description{ -webkit-line-clamp: 3; }
}
@media (max-width:320px){
	nav a#pull {
		line-height: 1.6em;
	}
	.banner-info {
		left: 6.6%;
		top: 21%;
	}
	.services-grid-left {
		padding: 1em 2em;
	}
	.works-grid:hover div.caption{
		margin: 1em 0 0 1em;
		padding: 0.5em;
		min-height: 150px;
	}
	.banner {
		min-height: 320px;
	}
	.bannerin {
		min-height: 260px;
	}
	.works-head p {
		width: 80%;
		margin: 0em auto;
		font-size: 1em;
	}
	.banner-info h1 {
		font-size: 1.4em;
		margin: 0.2em 0 0.4em;
	}
	.about-head h2,.service-head h2,.works-head h2{
		font-size: 1.2em;
	}
	.about-head p {
		font-size: 0.9em;
		width: 100%;
		margin: 0.3em auto;
		line-height: 1.5em;
	}
	.about {
		padding: 1em 0;
	}
	.works {
		padding: 1em 0;
	}
	.top-header {
		padding: 0em 0 1.7em;
	}
	.logo {
		margin-top: 0.5em;
	}
	.banner-info p {
		font-size: 1em;
	}
	.services-grid-left-grid p {
		width: 100%;
	}
	.services-grid-left-grid {
		padding: 0.5em 0;
	}
	.services-grid-right {
		display:none;
	}
	.about-grids {
		padding: 0em 0 0em;
	}
	.service-head p {
		font-size: 0.9em;
		margin: 0.4em 0;
	}
	.works-grid:nth-child(2),.works-grid:nth-child(3),.works-grid:nth-child(4),.works-grid:nth-child(5),.works-grid:nth-child(6){
		display:none;
	}
	.contact-head h2 {
		font-size: 1.2em;
	}
	.contact-head p {
		font-size: 0.9em;
		width: 90%;
		line-height: 1.5em;
		margin: 0 auto;
	}
	.Contact-form {
		padding: 1em 0 1em;
		margin-top: 1.5em;
	}
	.send-form {
		width: 90%;
	}
	.copy-right {
		padding: 1em 0;
	}
	.send-form input[type="submit"] {
		margin: 1.5em 0;
	}
	.about-grid {
		position: relative;
		padding: 0.5em 0;
	}
	.send-form span.text-box1,.send-form span.text-box2 {
		width: 90%;
	}
	.send-form input[type="submit"] {
		font-size: 0.9em;
		padding: 0.7em 2.2em;
	}
	a.bannner-btn {
		padding: 0.8em 1.5em;
		font-size: 0.9em;
	}
	.about-head p label {
		font-size: 1.1em;
	}
	.about-grid label {
		display:none;
	}
	.about-grid p {
		line-height: 1.5em;
		margin: 0.4em auto;
		width:100%;
	}
	.services-grid-left-grid h3 a {
		font-size: 0.9em;
	}
	.send-form label {
		border-bottom: 1px solid #7E8287;
		padding: 0.3em 0;
		font-size: 0.95em;
	}
	.send-form input[type="submit"],.send-form input[type="text"],.send-form textarea{
		-webkit-appearance:none;
	}
	.top-header {
		padding: 0em 0 0.3em;
	}
	.logo {
		margin-top: 0.2em;
		margin-left: 0.2em;
		width:30%;
	}
	.logo a {
		color: #303030;
		font-weight: 200;
		text-transform: uppercase;
		margin-top: 0.2em;
	}
	.socity .column {
		padding: 0.5em 0.3em;
	}
	a#pull {line-height:20px;top:10px;}
	nav a#pull img{ width:20px;  }
	.top-nav ul li a{ line-height:2em;}
	.news .conatiner .new_tit{ padding-top:2em;}
	.news .conatiner .news_des{ padding-top:1em; padding-left:0.5em; padding-right:0.5em;}
	.news .conatiner .new_box .center .new_con li a{ font-size:0.6em;}
	.news .conatiner .new_box li.new_sbox .fr p{ font-size:0.8em;}
	.news .conatiner .new_box li.new_sbox .fr a{ font-size:0.5em;}
	.copy-right .col-md-3 {width: 100%;}
	.copy-right .col-md-3 a{ width:50%; float:left;}
	.copy-right .join  .col-md-6 {width:100%;float: none;    padding-right: 15px;
    padding-left: 15px;}
	.copy-right .join .hengx {
		width: 90%;
	}
	
	.copy-right .join .guanzhu  .col-md-6 {width: 50%;float: none; padding:0; float:left;}
	
}

.fadeInUp{ }