@charset "utf-8";
/*!
 * @名称：master.css
 * @功能：主要内容区样式表
 *   
 */

/* 头部*/
.header{
	position: relative;
	width:100%;
	font-size: 16px;
}
/*顶部*/
.header .topbar{
	width: 100%;
	height: 32px;
	line-height: 32px;
	background: #f2f2f2;
}
.header .tophead{
	margin-top:10px;
	margin-bottom: 10px;
}
.header .contactUs{
    padding-top: 3%;
}

.search-input {
    color: #999;
    border: 1px solid #D0D0D0;
    height: 33px;
    line-height: 33px;
    margin-right: 5px;
    padding: 0 10px;
    width: 268px;
}
.search-btn {
    background: none repeat scroll 0 0 #003279;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
    cursor: pointer;
    height: 35px;
    line-height: 33px;
    padding: 0;
    vertical-align: baseline !important;
    width: 76px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    position: relative;
}


/*导航*/
.header .mainnav{
	position: relative;
	width: 100%;
	height: 70px;
	background: #003279;
}
.header .mainnav li{
	float: left;
	width: 12%;
	height: 70px;
	line-height: 70px;
}
.header .mainnav li span{
	display: none;
}
.header .mainnav li .aNav{
	height: 70px;
	line-height: 70px;
	vertical-align: middle;
	position: relative;
}
.header .mainnav li a{
	display: block;
	color: #fff;
	text-align: center;
}
.header .mainnav li:hover{
	background: url(../images/nav_aon.png) no-repeat center;
}
.header .mainnav li.on{
	background: url(../images/nav_aon.png) no-repeat center;
}
.header .mainnav li a:hover{
	text-decoration: none;
}

/*子导航*/
.header .mainnav dl,
.header .mainnav .subnav{
	position: absolute;
	line-height: 40px;
	z-index: 100px;
	display: none;
	text-align: center;
}

/*固定导航*/
.header .fixnav{
	position: fixed;
	top: 0;
	width: 100%;
	height:70px;
	background: #003279;
	z-index: 999;
}

.header .fixnav li {
	vertical-align: middle;
	float: left;
	width: 12%;
	height: 70px;
	line-height: 70px;
}
.header .fixnav li a{
	display: block;
	color: #fff;
	text-align: center;
}
.header .fixnav li:hover{
	background: url(../images/nav_aon.png) no-repeat center;
}

.header .fixnav li a:hover{
	text-decoration: none;
}

/*子导航*/
.header .mainnav .subnav{
	position: absolute;
	line-height: 40px;
	z-index: 100;
	display: none;
	text-align: center;
}
.header .mainnav dl{
	margin-left: -8%;
	margin-top: 0;
	margin-bottom: 0;
}
/*.header .mainnav li:last-child dl{
	left:auto!important;right: 0;
}*/
.header .mainnav dd,
.header .mainnav dd a{
	display: inline-block;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
}
.header .subbg{
	position: absolute;
	left: 0;
	width: 100%;
	top: 100%;
	z-index: 50;
	height: 40px;
	display: none;
	background: #000;
}


/*媒体查询*/
@media(max-width:990px){
	.header{
		position: relative;
		width: 100%;
		height: 70px;
		margin-top: 0;
		margin-bottom: 0;
	  }
	.header .topbar{
	 	display: none;
	}
	.header .tophead{
		margin-top: 0;
		margin-bottom: 0;
	}
	.header .logo {
	 	width: 80%;
	}
	.header .contactUs{
	 	display: none;
	}
	
	.header .phonenav{
		width:48px;
		height: 32px;
		background:#c88c0e;
		border-radius: 5px;
		position: absolute;
		right: 15px;
		top: 30%;
		cursor: pointer;
	}
	.header .phonenav i,
	.header .phonenav i::before,
	.header .phonenav i:after{
		position: absolute;
		background-color: #fff;
		height: 3px;
		width: 100%;
	}
	.header .phonenav i{ 
		left:15%; 
		width:70%; 
		top:50%; 
		margin-top:-1.5px;
	}
 	.header .phonenav i::before,
 	.header .phonenav i::after{ 
 		content:''; 
 		left:0; 
 		top:8px;
 	}
 	.header .phonenav i::after{ 
 		top:-8px;
 	}
 	.header .phonenav:before{ 
 		position:absolute; 
 		content:''; 
 		width:3px; 
 		height:100%;
 		background:#c88c0e; 
 		left:15%; 
 		margin-left:4px; 
 		z-index:1;
 	}

 	.header .mainnav{
 		position: fixed;
 		left: 0;
 		top: 0;
 		width: 100%;
 		max-width: 220px;
 		height: 100%;
 		background-color: #003279;
 		z-index: 100;
 		transform: translateX(-100%);
 		opacity: 0;
 		transition: 0.3s;
 		padding: 0;
 		margin:0;
 	}
 	.header .mainnav.navOut{
 		transform: translateX(0);
 		opacity: 1;
 	}
 	.header .mainnav li{
 		float: none;
 		width: 100%;
 		border-bottom: 1px solid #fff;
 		height: auto;;
 	}
 	.header .mainnav li a{
 		text-align: left;
 	}
 	.header .mainnav li span{
 		color: #fff;
 		display: block;
 		line-height: 50px;
 		text-align: center;
 	}
	.header .mainnav li span a{
 		
 		text-align: center;
 	}
 	.header .mainnav li .aNav{
 		display: none;
 	}
 	.header .mainnav li dl,
 	.header .mainnav li .subnav{
 		position: static;
 		width: 100%;
 	}
 	.header .mainnav dl{
 		margin-left: 0;
 	}
 	.header .mainnav li dd{
 		display: block;
 		position: relative;
 		line-height: 30px;
 		margin:0;
 	}


 	.header .subbg{
 		position: fixed;
 		left: 0;
 		top: 0;
 		height: 100% !important;
 		width: 100%;
 		background: url(../images/nav_last.png);
 		max-height: 100%;
 		overflow: auto;
 		display: none;

 	}
 	.header .subbgOut{
 		display: block !important;
 	}
 	.header .mainnav li:hover{
 		background: none;
 	}
 	.header .fixnav{
 		display: none;
 	}
}

/* banner*/
 #kinMaxShow{
 	display:none;
 }

 #kinMaxShow .sub_1_1{ 
 	display:block; 
 	position:absolute;
 	left:110px; 
 	top:136px;
 }
 #kinMaxShow .sub_1_2{ 
 	display:block; 
 	position:absolute;
 	left:110px; 
 	top:120px;
 }
 
 #kinMaxShow .sub_2_1{ 
 	display:block; 
 	position:absolute;
 	left:-160px; 
 	bottom:0px;
 }
 #kinMaxShow .sub_2_2{ d
 	isplay:block; 
 	position:absolute;
 	left:110px; 
 	top:20px;
 } 
 #kinMaxShow .sub_3_1{ 
 	display:block; 
 	position:absolute;
 	right:180px; 
 	bottom:0px;
 }
 #kinMaxShow .sub_3_2{ 
 	display:block; 
 	position:absolute;
 	left:30px; 
 	top:40px;
 }
 .indexcon1{
 	padding-top: 5%;
 }

/*技术能力*/
.t_title{
	text-align: center;
	padding-bottom: 3%;
}
.t_title h3{
	font-size: 42px; 
	font-weight:normal;
	color: #333;
	position: relative; 
}
.t_title p{
	color: #7c7c7c;
	font-size: 14px;
}
.technology .more{
	display: block;
	width: 200px;
	height: 40px;
	margin: 40px auto;
	background: #1C4BA5 url(../images/more_a_hover.jpg) no-repeat 119% center;
	color: #fff;
	padding-left: 50px;
	line-height: 40px;
}
.technology li{

	float: left;
	width: 33.3%;
	text-align: center;
	color: #fff;
	height: 300px;
	overflow:hidden
	
}
.technology ul li.li_0{
	background: #1b4ba4;
	
}
.technology ul li.li_1{
	padding:0;
}
.technology ul li.li_2{
	background: #292929;
}
.technology ul li.li_3{
	padding:0;
}
.technology ul li.li_4{
	background: #c00000;
}
.technology ul li.li_5{
	padding:0;
}
.technology ul li.li_6{
	background: #936f00;
}
.technology ul li.li_7{
	padding:0;
}
.technology ul li.li_8{
	background: #002060;
}
.technology ul li.li_9{
	background: #292929;
}
.technology ul li.li_10{
	padding:0;
}
.technology ul li.li_11{
	background: #936f00;
}
.technology ul li h3{
	margin-top:3%;
	font-weight: lighter;
	font-size: 30px;
	position: relative;
}
.technology ul li h3:after{
	position: absolute;
	content: '';
	left: 50%;
	margin-left: -25px;
	background-color: #fff;
	width: 50px;
	height: 2px;
	bottom: -15px;
}
.technology ul li p{
	padding-top: 30px;
	font-size: 18px;
	line-height:1.8;
	
}

@media(max-width: 1000px){
	.technology li { 
		width: 50%; 
		height: 240px; 
	}
	.technology ul li h3{
		font-size: 18px;
	}
	.technology ul li p{
		padding-top: 4%;
	}
	.t_title h3{
		font-size: 24px;
	}
	.t_title img{
		width:40%;
	}

}

@media(max-width: 640px){
	.technology ul li{
		height: 190px;
	}
	.technology ul li p{
		padding-top:10;
		font-size: 12px;
	}
	.t_title h3{
		font-size: 18px;
	}
}

/*indecon2*/
 .indexcon2{
 	padding-top: 5%;
 }
.indexcon2 .tab{
	text-align: center;
	padding: 0 0 5%;
}
.indexcon2 .tab span{
	display: inline-block;
	min-width: 125px;
	font-size: 18px;
	padding: 0 2% 2px;
	cursor: pointer;
	border-right: 1px solid #bababa;
	color: #666;
}
.indexcon2 .tab span:last-child{
	border-right: 0;
}
.indexcon2 .tab span.cur{
	color: #3076f6;
}
.indexcon2 .list ul{
	
}

.indexcon2 .list li{
	float: left;
	width: 33.333333%;
}

.indexcon2 .list li p{
	font-size: 16px;
	text-align: center;
	padding-bottom: 3%;
}
.indexcon2 .list li a{
	padding: 0 5px;
	display: block;
}
.indexcon2 .list li div{
	position: relative;
	display: block;
	height: 100%;

}
.indexcon2 .list img{
	display: block;
	width: 95%;
}
.indexcon2 .list li a .bgbg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/hpro_bg.png);
	opacity: 0;
	transition: 0.3s;
}
.indexcon2 .list li a:hover .bgbg{
	opacity: 1;
}
.indexcon2 .list li dl{
	display: table;
	width: 100%;
	padding: 3%;
	color: #fff;
	margin: 0;
}
.indexcon2 .list li dd{
	margin: 0;
	font-size: 16px;
	padding-top: 5%;
	line-height: 28px;
	padding-bottom:5%;
}
.indexcon2 .list li dt{
	font-size: 24px;
}


.indexcon2 .list li dl span{
	border-bottom:1px solid #fff;
}

@media(max-width: 1000px){
	
	.indexcon2 .list li{
		width: 98%;
		margin-bottom: 2%;
	}
}

@media(max-width: 640px){
	.indexcon2 .tab span{
		min-width: inherit;
		padding: 0 5%;
		margin-bottom: 5%;
		font-size: 14px;
	}
	.indexcon2 .list li{
		width: 100%;
		margin-bottom: 2%;
	}
}

/*indexcon3 */
.indexcon3{
	background: url(../images/linian_bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 5% 0;
	margin: 3% 0;
}
.indexcon3 .ico_ti{
	width: 80%;
	color: #fff;
}
.indexcon3 .ico_ti h2,
.indexcon3 .ico_ti h3{
	font-weight: lighter;
	font-size: 48px;
}
.indexcon3 .ico_ti h3{
	margin-top: 0;
}
.indexcon3 .ico_ti p{
	margin-top: 10px;;
	font-size: 14px;
	margin-bottom: 15%;
}
.indexcon3 .ico_ti a{
	border:1px solid #93abd7;
	padding: 15px 50px;
	color: #fff;
	font-size: 14px;
}
.indexcon3 .ico_ti a i{
	font-style: normal;
	font-family: "宋体"
	padding-left:50px;
}
@media(max-width: 640px){
	.indexcon3 .ico_ti{
		padding-left: 1%;
	}
	.indexcon3 .ico_ti h2,
	.indexcon3 .ico_ti h3{
		font-weight: lighter;
		font-size: 18px;
	}
	.indexcon3 .ico_ti p{
		font-size: 14px;
	}
	.indexcon3 .ico_ti a{
		padding: 2% 3%;
	}
}

/*底部*/
.footer{
	width: 100%;
	background: url(../images/bottom_bg.png);
	padding: 1% 0;
}
.footer .footer_fl{
	float: left;
	color: #999;
	font-size: 14px;
	width: 50%;
}
.footer .footer_fl a{
	color: #999;
}
.footer .footer_fl i{
	font-style: normal;
	padding: 0 10px;
	color: #999;
}
.footer .footer_ft {
	width: 32%;
	float: right;
}


/*banner*/
.banner{
}
/*.banner div{
	height: 420px;
	background: url(../images/1.jpg) no-repeat center top;*/
}
@media(max-width: 990px){
	.banner img {
    display: block;
    width: 100%;
}
/*	.banner div{
		width: 100%;
		height: 100px;
	}*/
}

/*menu*/
.list_menu{ padding-bottom:2%; background: #f4f4f4;}
.list_menu .wrap_1200{ position: relative;}
.list_menu dt{font-size:12px; color:#999; background: url(../images/dq_ico.png) no-repeat center left; position: absolute; top: 55px; padding-left: 25px; padding-top: 5px;}
.list_menu dt a{  margin-left: 8px; margin-right:8px;color:#999;}
.list_menu dt span{ color:#006cba;margin-left: 8px;}
.list_menu dd{ width:300px; height:100px; background:url(../images/menu_bg.png) no-repeat left top; font-size:24px;
 color:#fff; position:absolute; z-index:1; padding-left: 35px; padding-top: 25px;  margin-left: 0; left: 0; top: -45px;}
.list_menu dd span{ display: block; text-transform: capitalize; font-size: 16px;}

.list_menu .list_nav{
 line-height:50px;height:52px;}
.list_menu .list_nav ul{ float:right; margin-top: 18px;}
.list_menu .list_nav li{display:inline-table; padding: 0 20px;}
.list_menu .list_nav li a{ display:block; padding:0 12px; position:relative; font-size: 16px; color: #666;}
.list_menu .list_nav li a:after{ position:absolute; left:0; width:100%; height:3px;  content:''; bottom:-1px;}
.list_menu .list_nav li.aon{background: url(../images/menu_nav.png) no-repeat center;}
/*.menu nav li.aon{ font-weight:bold; }*/
.list_menu .list_nav li:hover{background: url(../images/menu_nav.png) no-repeat center;}
.list_menu .list_nav li:hover a{ color: #fff;}
.list_menu .list_nav li.aon a{color:#fff;}
@media(max-width:1200px){
 .list_menu .list_nav li{margin-left:20px; }
}
@media(max-width:1000px){
 .list_menu dd,
 .list_menu .list_nav{margin-top:0;}

}
/*@media(max-width:1000px) and (min-width:641px){*/
 /*.menu dl{ overflow:hidden;}*/
 /*.menu dd{ background: #2d90eb;}*/
 /*.menu dt{ float:right; }*/
/*}*/
@media(max-width:768px){
 .list_menu dt{ display: none;}
 .list_menu dd{ background: #1b4081; position: inherit; font-size: 14px; top: 0; height: auto;  width: 100%; padding:3%;}
 .list_menu dd span{ font-size: 12px;}
 .list_menu .list_nav{height:auto; line-height:40px;}
 .list_menu .list_nav ul{ float:none;}
 .list_menu .list_nav ul{ padding: 3%; margin: 0;}
 .list_menu .list_nav li{ margin:0; width:25%; text-align:center; float: left; padding: 0;}
 .list_menu .list_nav li.aon{ background: #2d90eb;}
 .list_menu .list_nav li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size: 12px; color: #666;}
 .list_menu .list_nav li:hover{background: #2d90eb;}
}
@media(max-width:640px){
 .list_menu dt{ padding-top:15px; padding-bottom:15px;}
 .list_menu dd{ width:auto; line-height:normal; text-align:left; padding:2%; background-position: right top; background-size:contain;}
}
@media(max-width:480px){
 .list_menu dd{ font-size:20px;}
 .list_menu .list_nav li{ width:33.33333333333%;}
}

/*新闻内容*/
.newcon{padding: 2% 0; margin-top: 2%;}
.newcon li{ overflow:hidden; padding:2%; background: #f4f4f4; margin-bottom: 2%;}
.newcon li:last-child{ border-bottom:0;}
.newcon li div{ position:relative; padding-left:25%;}
.newcon li .Ispic{ position:absolute; left:0; top:0; height:100%; width:22%;}
.newcon li .Ispic img{ display:none;}
.newcon li h1{ margin:0; font-size:18px; font-weight:normal; padding:15px 0;}
.newcon li time{ color:#999; background: #e9e9e9;}
.newcon li p{color:#666; margin: 0; padding: 0; line-height:30px; font-size: 14px;}
.newcon li:hover h1 a{ color: #3d5f9d;}
.newcon li:hover time{ color: #fff; background: #3d5f9d;}
@media(max-width:768px){
 .newcon li div{ padding-left:45%;}
 .newcon li .Ispic{width:42%;}
 .newcon li time{ margin-top: 20px; display: block;}
}
@media(max-width:480px){
 .newcon li div{ padding-left:0;}
 .newcon li .Ispic{ position:relative; display:block; width:auto; padding-bottom:5%;}
 .newcon li p{line-height:24px; font-size:14px;}
 .newcon li h1{font-size:16px;}
}
/*分页*/
.page{ text-align: center; }
.page .p_page a{ border:1px solid #eee; line-height:21px; padding:5px 15px; display:inline-block;}
.page .p_page a:hover,
.page .p_page a.a_cur{ background-color:#3b5d9f; border-color:#3b5d9f; color:#fff;}
.page .p_page em{ font-style:normal;}
@media(max-width:640px){
.page .p_page a.a_first,
.page .p_page a.a_end,
.page .p_page em{ display:none;}
.page .p_page a{ padding:2% 5%; line-height:normal;}
}

/*新闻内容*/
.info_con{
	padding-bottom: 2%;
	padding-top: 3%;
}
.info_con .news_info .title{
	text-align: center;
	padding-bottom: 20px;	
}
.info_con .news_info .title h1{ margin:0; padding-bottom:15px; font-size:22px;}
.info_con .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;}
.info_con .news_info .title p span{ margin:0 36px; color:#999;  font-size:12px;}
.info_con .news_info .info{ text-align:justify; text-justify:inter-ideograph; min-height: 450px;}
.info_con .news_info .info_back{ clear:both; padding:40px 0;}
.info_con .news_info .info_back a{ 
	color:#666;
	font-size:14px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	-o-text-overflow: ellipsis;
 	white-space: nowrap;
 	display: block;
}
.info_con .news_info .info_back a:hover{color:#00448f;}
.info_con .news_info .info p{ font-size:14px; color:#666; line-height:26px; margin:12px 0; text-indent:2em;}
@media(max-width:640px){
 .info_con{ padding: 3%; width: 100%;}
 .info_con .news_info .title h1{ font-size: 16px;}
}

/*当前位置*/
.location { border-bottom: 1px solid #dcdcdc; text-align:right; padding-bottom: 1%; margin-bottom: 1%; margin-top: 1%;}
.location em{ font-style: normal; padding-left:20px; background:url(../images/home.jpg) no-repeat left center; font-size:14px; line-height:2; margin-top:13px; color:#d6d6d6; }
.location em a {  color: #999; }
.location em a:hover{ text-decoration:underline;}
.location em span{ color:#1b4ba4; font-weight:bold;}



/*关于我们*/
.about3{padding:1% 0;}

.about3 li{ position:relative; padding: 12% 52% 12% 5%; overflow: hidden; background: #f4f4f4;}
.about3 li:nth-child(2n){ padding:2% 5% 2% 52%;overflow: hidden;}
.about3 li .Ispic{ position:absolute; right:0; top:0; width:50%; height:100%;}
.about3 li .Ispic img{ display:none;}
.about3 li .Ispic aside{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); opacity:0; transition:0.3s;}
.about3 li .Ispic span{ position:absolute;  left:50%; margin-left:-66px; width:132px;top:50%; line-height:40px; margin-top:-20px;color:#fff; font-size:16px; text-align:center;}
.about3 li .Ispic span::before,
.about3 li .Ispic span::after{ position:absolute; content:''; width:100%; height:1px; background-color:#fff; left:0; transition:0.3s;}
.about3 li .Ispic span::before{ top:-15px;}
.about3 li .Ispic span::after{ bottom:-15px;}

.about3 li .Ispic:hover aside{ opacity:1;}
.about3 li .Ispic:hover span::before{ top:0;}
.about3 li .Ispic:hover span::after{ bottom:0;}

.about3 li:nth-child(2n) .Ispic{ right:auto; left:0;}
.about3 li p{ margin:0; line-height:28px; font-size:14px; color:#888; overflow:hidden;}
.about3 li h4{ font-size:24px; font-weight:normal; margin:5% 0; position: relative;}
.about3 li h4 a{ font-size:24px; color: #3b5d9e;}

.about3 li h4:after { position: absolute; content: ''; left: 25px; margin-left: -25px; background-color: #3d5f9d; width: 50px; height: 2px; bottom: -15px; }
.about3 li time{ width:100px; height:100px; border:2px solid #ebebeb; position:relative; display:block;}
.about3 li time i{ font-style:normal; color:#b48a56; font-size:30px;font-family:Tahoma, Geneva, sans-serif; position:absolute; left:10%; bottom:-2px; border-bottom:2px solid #b48a56;}


.about1 ul li{ float: left; width: 14%; text-align: center; padding: 1%;}
.about1 ul li img{ width: 80%;}
.about1 ul li.last{ margin-right: 0;}
.about1 ul li h3{ font-weight: normal; font-size: 16px; margin: 0; margin-top: 1%;}
.about1 ul li span{ font-size: 14px;}




.ywys ul li{ float: left; width:18%; padding: 1%;}
.ywys ul li img{ width: 30%;}
.ywys ul li.last{ margin-right: 0;}
.ywys ul li h3{ font-weight:bolder; font-size: 18px; margin: 0; margin-top: 1%;margin-bottom: 1%;text-align: center; }
.ywys ul li span{ font-size:14px; line-height:26px; color: #7E7E7E; text-align: left;}


.hxly ul li{ float: left; width:12%; padding: 1%;}
.hxly ul li img{ width: 30%;}
.hxly ul li.last{ margin-right: 0;}
.hxly ul li h3{ font-weight:bolder; line-height:30px;background-color:#004ea1; color:#FFFFFF; font-size: 18px; margin: 0; margin-top: 1%;margin-bottom: 1%;text-align: center; }
.hxly ul li span{ font-size:14px; line-height:26px; color: #7E7E7E; text-align: left;}





@media(max-width:768px){
 .about1 ul li { float: left; width: 48%;}
 .ywys ul li { float: left; width: 90%;}
 .hxly ul li { float: left; width: 48%;}


.tuandui ul li{ float: left; width: 30%; text-align: center; padding: 1%;}
.tuandui ul li img{ width: 100%;}
.tuandui ul li.last{ margin-right: 0;}
	
}

@media(max-width:768px){
 .tuandui ul li { float: left; width: 48%;}
}


@media(max-width:1000px) and (min-width:769px){
 .about3 .title b{ font-size:24px;}
}
@media(max-width:1000px){
 .about3 li time{ width:70px; height:70px;}
}
@media(max-width:768px){
 .about3 .title{padding-bottom:5%; text-align:center;}
 .about3 li h4{ font-size:18px;}
 .about3 li p{ height:48px; line-height:24px;}
}
@media(max-width:480px){
 .about3 .title b{ font-size:28px;}
 .about3 li h4{ font-size:16px;}
 .about3 li time{ width:50px; height:50px;}
}
@media(max-width:640px){
 .about3 li{ padding:2%!important;}
 .about3 li .Ispic{ position:relative; width:auto; display:block; padding-bottom:50%; height:auto; margin-bottom:3%;}
}


/*产品页*/

.menu{
	padding-bottom:1%;
}
.menu .nav{
	background: url(../images/menu.png);
	line-height: 60px;
	height: 60px;
	margin-top:-60px;
	font-size: 16px;
}
.menu .nav li{ 
	float:left; 
	width: 10%; 
	text-align: center
}
.menu .nav li:after{ 
	display:block; 
	width:0; 
	height:0; 
	margin:0 auto;
	content:'';
	border:8px solid transparent;  
	border-bottom:0;
}
.menu .nav li a{ 
	display:block; 
	padding:0 12px; 
	position:relative; 
	color: #fff;
	overflow: hidden; 
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	white-space: nowrap; 
	display: block;
}
.menu .nav li.aon a{
	background:#1b4ba4; 
	color: #fff;
}
.menu .nav li.aon:after{
	border-top-color:#1b4ba4;
}
.menu .nav li.aon{ 
	font-weight:bold; 
}
.menu .nav li a:hover,
.menu .nav li.aon a{
	color:#fff;
	background:#1b4ba4;
}
	
	
@media(max-width:1200px){
 .menu .nav{ background: #fff;}
 .menu .nav li{ margin:0; width:25%; text-align:center;}
 .menu .nav li a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #555;}
 .menu .nav{ height: auto; line-height: 40px; margin-top: 0;}
 .menu .nav li:after{ display: none;}
 .menu .auto_1200{ padding: 1% 2%; padding-top: 2%;}
 .menu .location .auto_1200{ padding-top: 0;}

}
@media(max-width:1000px){
 .menu dd,
 .menu .nav{margin-top:0;}
 .menu .nav ul{ float:none;}
}
@media(max-width:768px){
 .menu .nav{height:auto; line-height:40px;}
 .menu .nav li{ margin:0; width:25%; text-align:center;}
 .menu .nav li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size: 14px;}
}

@media(max-width:480px){
 .menu .nav li{ width:33.33333333333%;}
}

/*产品列表*/
.pro_list{ 
	padding-top:2%; 
	padding-bottom: 2%;
	min-height: 420px;
}
.pro_list li{ float:left; width:32%; margin-right:1%; margin-bottom:3%;overflow: hidden }
/*.pro_list li:nth-child(4n){margin-right:0;}*/
.pro_list li a{ display:block; background-color:#e6edf8;transition:all ease-in-out 0.3s;}
.pro_list li a .box{ 
	position:relative;
}
.pro_list li a .box .more{ 
	position: absolute; 
	width:100%;
	 height:100%; 
	 left:0; 
	 top:-100%; 
	 text-align: center; 
	 background: rgba(8, 8, 8, 0.48);    
	 transition: All 0.4s linear;
    -webkit-transition: All 0.4s linear;
    -moz-transition: All 0.4s linear;
    -o-transition: All 0.4s linear;
}
.pro_list li a .box span{
    position: absolute; 
    top: 50%;  
    width: 100px; 
    line-height: 27px;  
    margin-top: -10px;  
    color: #fff; 
    border-top: 1px 
    solid #fff; 
    border-bottom: 1px solid #fff; 
    margin-left: -50px;
}
.pro_list li a:hover .box .more{ top:0;}
.pro_list li p{ margin-top: 10px; font-size: 14px;line-height:25px;}
.pro_list li h2{ margin:0; font-size:14px; color:#333; text-align:center; padding:6% 2%; font-weight: normal; color: #1b4ba4;}
.pro_list li .imgdiv{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:90%;-webkit-transition: all 1s;
 -o-transition: all 1s;
 transition: all 1s;}
.pro_list li .imgdiv:hover{ 
	-webkit-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);}
.pro_list li a:hover{ background-color:#1b4ba4; }
.pro_list li a:hover h2{color:#fff;}
@media(max-width:640px){
 .pro_list li{width:49%;}
 .pro_list li:nth-child(3n){ margin-right:2%;}
 .pro_list li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
 .pro_list li h2{font-size:14px;}
}


/*联系我们*/
.contact{ margin: 0 auto; width: 900px;}
.contact .contact_fl{ width: 50%; float: left;}
.contact .contact_fl li{ padding: 2% 0;line-height:2;}
.contact .contact_fl li.li_1{ background: url(../images/dh_ico.png) no-repeat left; padding-left: 60px; display: block; color: #395a98; font-size: 26px; }
.contact .contact_fl li.li_2{ background: url(../images/yx_ico.png) no-repeat left; padding-left: 60px; display: block; color: #395a98; font-size: 26px;}
.contact .contact_fl li h3,
.contact .contact_fl li p { margin: 0; padding: 0;}
.contact .contact_fl li p { color: #666; font-size: 14px;}
.contact .contact_fl li h3 { color: #4f4d4d; font-size: 16px;}

.contact .contact_fr{ width: 35%; float: right; text-align: center;}
.contact .contact_fr img{ width: 100%; background: url(../images/erwm_bg.png) no-repeat; padding: 5%; background-size: 100%;}
.contact .contact_fr p{ font-size: 16px;}

@media(max-width:768px){
 .contact{ width: 100%; padding: 3%;}
 .contact .contact_fl{ float: none; width: 100%;}
 .contact .contact_fr{ float: none; width: 100%;}
 .contact .contact_fl li.li_1{ font-size: 16px;}
 .contact .contact_fl li.li_2{ font-size: 16px;}
 .contact .contact_fl li h3{ font-size: 16px;}

}