/* Write your styles */
a , a:hover{ color:#333;}
#hz-header { max-width: 1002px; margin:0 auto; height: 115px;background:url(../images/h_r.jpg) right bottom no-repeat;}
#hz-header .hz-top{ height: 2.8rem; line-height:2.8rem; text-align:right;font-size:1.2rem; color:#767676 }
#hz-header .hz-top a{ font-size:1.2rem; color:#767676}
#hz-header .logo{ width: 485px;height: 77px; background:url(../images/logo.jpg) center no-repeat; margin-left: 2rem;}
.hz-menu{ border-color:#1D4D8B; background-color: #1D4D8B ; color: #fff;}
.am-topbar-inverse{background:#184886 url(../images/nav_bg.jpg) repeat;}
.am-topbar-nav>li>a:after{content:''; border:none;}
.am-btn-nav{ color: #333; }
.am-btn-menu{ margin:5px 0;}
.am-navbar-default .am-navbar-nav{ background:#184886;}
.am-btn-menu , .am-btn-menu:visited , .am-btn-menu:focus{background-color: #1B4B89; color: #fff;}
.content{max-width: 1002px; margin:0 auto;}
.content ul.am-gallery{}
.content ul.am-gallery li{}
.content ul.am-gallery li a{display: block;border: 1px solid #ccc;}
.nycontent{max-width: 1002px; margin:35px auto 0;}
.am-gallery-title{ text-align:center}
.am-article-title , .am-article-meta{text-align:center}
#about_tit{ text-align: center; margin-top: 25px; }
#about_tit span{display: block; margin:0 auto; text-transform:uppercase;}
#about_tit span:nth-of-type(1){ font-family:Arial; font-size: 2rem; color: #2c2c2c;width: 200px;}
#about_tit span:nth-of-type(2){ border-bottom: solid #126CC4 0.2rem;font-size: 2.4rem; width: 100px; }
#about{ margin: 25px 0px;font-size: 1.2rem; color: #8d8d8d;}
#about .img{ display: block; margin-bottom: 3px;}
#about .cont{ margin: 6px 0;}
#about .tab{height: 30px; ;}
#about .tab span{ margin-left: 12px; float: left; height:30px;line-height: 25px; padding: 0 25px; border:#006DFF solid 2px; border-radius: 13px;}
#about .tab span a{color:#006DFF}
#pro{ margin-top: 4rem;}
#pro .tit{ text-align: center;background: url(../images/tit_b_bg.jpg) bottom center no-repeat;padding-bottom: 15px;}
#pro .tit > span{  margin: 0 auto; }
#pro .tit >span:nth-of-type(1){ height: 26px;line-height: 26px; }
#pro .tit >span:nth-of-type(1) > span:nth-of-type(1){ font-size: 2.1rem}
#pro .tit >span:nth-of-type(1) > span:nth-of-type(2){ font-size: 2.1rem;font-family:Arial;text-transform:uppercase; margin-left: 0.5rem}
#pro .tit >span:nth-of-type(2){ height: 22px;line-height: 22px;font-family:Arial; font-size:1.4rem; color: #2c2c2c;
								text-transform:uppercase;}
#pro .pcat {margin: 2.5rem 0 3.5rem;}

#pro .pcat a{ display:block; font-size: 12px; border: solid #ABAAB0 1px;  padding:8px 35px; text-align: center; color: #626262; border-radius: 3px; }
#pro .pcat a:hover{ background:#2567C0; color:#fff;}

.am-article-bd{ font-size: 1.4rem;}
#news{ margin-top: 4rem;}
#news .tit{ text-align: center;background: url(../images/tit_b_bg.jpg) bottom center no-repeat;padding-bottom: 15px;}
#news .tit > span{  margin: 0 auto; }
#news .tit >span:nth-of-type(1){ height: 26px;line-height: 26px; }
#news .tit >span:nth-of-type(2){ text-transform:uppercase}

#news .tit >span:nth-of-type(1) > span:nth-of-type(1){ font-size: 2.1rem}
#news .tit >span:nth-of-type(1) > span:nth-of-type(2){ font-size: 2.1rem;font-family:Arial;text-transform:uppercase; margin-left: 0.5rem}
#news #list{ margin-top: 25px;}
.am-list-static > li{ padding: 0;}
#list > div{ border-right: solid 1px #ccc;}
#list li{ border: none; line-height:2.4rem; height: 2.4rem; clear: both; margin: 5px 0;border-bottom: 1px dotted #ccc;}
#list li a{ font-size: 1.2rem; color: #2c2c2c; padding: 0; }
#list .time{color: #626262;font-size: 13px;float: left; margin-right:0.5rem;}
#list .ntit{ height: 5.5rem}
#list .ntit span{ height: 2.5rem; line-height: 2.5rem; margin-top: 3rem; float:right; font-size: 1.6rem;}
#list  .first{ height: 4.4rem; margin: 10px 0;}
#list  .first .time{ height: 4.4rem;width: 4rem; float: left; background-color: #2567C0; color: #fff; text-align: center;}
#list  .first .time>span{ display: block;}
#list  .first .time>span:nth-of-type(1){ height: 25px; line-height: 25px;font-size: 20px; border-bottom: dotted 1px #fff; }
#list  .first .time>span:nth-of-type(2){ line-height: 25px;}
#list  .first .cont{height: 4.4rem; float: left;}
#list  .first .cont >li{line-height: 15px; list-style: none;  margin: 0;}
#list  .first .cont >li a{ font-size: 12px;}
#list .more{ height:3.1rem; line-height: 3.1rem; max-width:28rem; margin: 25px auto; background:url(../images/more_c_bg.jpg) center repeat-x; border: none;}
#list .more a{height:3.1rem; line-height: 3.1rem;display: block; background-color: #2567C0; width: 12rem; text-align: center; color: #fff; margin: 0 auto; border-radius: 1.5rem; text-transform:uppercase;}

#case{margin-top: 4rem;}
#case .title{ height: 3.5rem; line-height: 3.2rem;}
#case .title span{font-size: 2.2rem;}
#case .title small{ font-family: Arial;font-size: 1.8rem; margin-left: 5px;}
#case li{ border: none; line-height:2.4rem; height: 2.4rem; clear: both; margin: 5px 0; list-style-image: url(../images/case_list.jpg);border-bottom:1px  dotted    #ccc;}
#case li a{ font-size: 1.2rem; color: #2c2c2c; padding: 0; }
#case .contact{ margin-top: 3rem; font-family:微软雅黑;}
#case .contact .title{ height: 3.5rem; line-height: 3.2rem;}
#case .contact .title span{font-size: 2.2rem;}
#case .contact .title small{ font-family: Arial;font-size: 1.8rem; margin-left: 5px;}

#case .contact li{ list-style: none; font-size: 1.4rem; line-height: 1.7rem; height: auto;border: none;}
#case .contact .name{ font-weight: bold; font-size: 1.5rem;border: none;}


#fw{ padding-bottom: 5px; background:#124F88 url(../images/fw_bg.jpg) top repeat-x; margin-top:2.5rem}
#fw .kw{ max-width: 1002px; margin:0 auto;/*height: 2.8rem;line-height: 1rem;*/ padding:3rem 0 3rem 11rem;   background:url(../images/kw_icon.jpg) left top no-repeat;}
#fw .kw a{ color: #fff; margin: 0 5px; color: #fff; font-size: 1.2rem;}

#footer{ background-color: #0A345E; min-height: 270px;}
#footer .footer{width: 1002px;height: 270px; margin:0 auto; color: #fff; background: url(../images/fbg.jpg) right top no-repeat;}
#footer .footer ul{background-color: #092C50; width: 120px; padding: 15px 0; float: left;margin: 0 5px; text-align: center; }
#footer .footer ul:nth-of-type(1){ width:140px;}
#footer .footer ul li{ list-style: none; margin: 0 ;}
#footer .footer ul li a{ font-size: 12px; color: #5a7189;}
#copy{ height: 53px; line-height:53px;  background: url(../images/copy.jpg) repeat-x;}
#copy .copy{ font-size: 12px; color: #fff; width: 922px; padding-left: 80px; height: 53px; margin:0 auto; background:url(../images/flogo.jpg) left center no-repeat; overflow: hidden;}
#copy .copy a{color: #fff;}



.cat{ background-color: #DEDEDE; padding: 0;margin: 0; }
.cat .top{ height: 94px; padding-top: 40px; background: url(../images/cat_top_bg.jpg) repeat-x;}
.cat .top span{ color: #fff; font-size: 2.2rem; margin-left: 30%; display: bold;}
.cat li{ line-height: 43px; list-style: none;  margin: 0;}
.cat li a{ color: #3a3a3a; display:block; padding: 8px 0px 8px 25px; font-size:1.3rem; background:url(../images/cat_li_bg.jpg) 90% center no-repeat }
.cat li a:hover{ color: #1b60c5;background:#fff url(../images/cat_li_a_bg.jpg) 90% center no-repeat}


#nlist > div{ border-right: solid 1px #ccc;}
#nlist  .time{ float:right;}
#nlist li{ border: none; list-style: none; line-height:3.8rem; height: 3.8rem;  clear: both; margin: 5px 0; background: url(../images/case_list.jpg) left center no-repeat; border-bottom:#dedede dotted 1px}
#nlist li a{ font-size: 1.3rem; color: #2c2c2c; padding: 0 0 0 10px; display: block; }

.title2{ height: 45px; line-height: 45px; background-color: #E6E6E6; margin: 25px 0 35px; color:#3a3a3a; font-size:1.3rem; padding:0 15px;}
.title2 a{color:#3a3a3a;}

.ny_b{ display:block; margin:0 auto}

.ny_pro{}
.ny_pro  .am-gallery-item{ border:#dedede solid 1px; padding-bottom:10px; border-radius:5px; box-shadow: 0 0 1px 3px #f5f5f5;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out}
.ny_pro  .am-gallery-item:hover{ transform:scale(1.1);  -moz-transform:scale(1.1) ; -webkit-transform:scale(1.1) ;   }

/*列表分页*/

.fanye .all{ margin:0 5px; }
.fanye{height:auto;padding:8px;text-align:center; margin:20px auto;}
.fanye a , .fanye .current{display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #ccc;background:#ccc;border-radius:3px; color:#fff; margin:0 2px; font-size:1.2rem;}
.fanye .current{background:#124F88;color:#fff;}
.fanye a:hover{background:#124F88;color:#fff;}
.fanye .thisclass{display:inline-block;padding:0 10px;line-height:25px;height:25px;color:#2267b5;font-weight:bold;border:1px solid #ccc;background:#ff0;border-radius:3px;}
.fanye .pageinfo{border-radius:3px;padding:0 10px;display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #ccc;background:url(../images/w3c_tt.png) repeat-x left top;}
.fanye .last{color:#ccc;display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #ccc;background:url(../images/w3c_tt.png) repeat-x left top;border-radius:3px;}


@media screen and (max-width: 640px){

	body{ font-size: 1.4rem;}
	#pro .tit{padding-bottom: 5px;}
	#pro .pcat > div:nth-of-type(4) , #pro .pcat > div:nth-of-type(5), #pro .pcat > div:nth-of-type(6){ margin-top: 15px;}
	.cat .top{ height: 44px; padding-top: 10px; background: url(../images/cat_top_bg.jpg) repeat-x;}
	.cat .top span{ color: #fff; font-size: 1.7rem; margin-left: 40%; }
	#copy{ position:fixed; bottom: 0; margin-top:5.3rem;}
	
	.cat li{ line-height: 23px; list-style: none;  margin: 0;}
	#pro .pcat a{  padding:8px; }
	
	#case{ margin-bottom:6rem;}
	#case .contact_img{ margin-bottom:10px;}
	#case .contact_img img{ margin:0 auto; display:block;}
	#case div{margin:0 auto;}
	.nycontent{ margin-bottom:50px;}
	
}

 @media screen and (min-width: 641px) and (max-width: 1024px){
	#about .cont{ margin: 6px 0; height:6rem; overflow:hidden;}
	#footer{margin-top: 25px;}
	#footer .footer{ background: none;}
	#pro .pcat a{  padding:8px; }
	.am-with-fixed-navbar{ height:0px;}
}

@media screen and (min-width: 1025px){
	.hz-header{ background:url(../images/h_r.jpg) right bottom no-repeat;}
	.am-topbar-nav > li > a {
	    position: relative;
	    line-height: 50px;
	    padding: 0px 1.9rem;
		
		}
		.am-with-fixed-navbar{ height:0px;}
	
}  
.like{clear: both;padding: 0 20px;}
.like h2{font-weight: bold;font-size: 18px;padding: 20px 0 10px 0;}
.like ul{height: auto;overflow: hidden;padding: 0 0 20px 0;}
.like ul li{background: url(../images/ll.png) no-repeat 0px center; line-height: 30px; padding-left: 16px;height: 30px;border-bottom: 1px dotted #ddd;}
.like ul li{float: left;width: 300px;margin-right: 35px;}