﻿*{ padding:0; margin:0;}
ul li{ list-style:none;}
a{text-decoration:none; -ms-transform:0.3;-moz-transition: 0.3s; -webkit-transition: 0.3s ; -o-transition: 0.3s ; transition: 0.3s ;font-size:14px; color:#535353;}
a:link{color:#535353;}
a:hover{ color:#f5f5f5;text-decoration:none;}
a:focus {outline:none;-moz-outline:none;}
img{ border:none;}
.clear{clear:both;width: 100%;}
html,body{ font:14px "΢���ź�","Arial","Lucida Grande","Lucida Sans Unicode","STHeiti","Helvetica","Verdana","sans-serif"; color:#fff;width:100%;height:100%; position:absolute;}
textarea,input{ border:none; }
.content{ width:1200px; margin:0 auto; z-index:5;}
.top{height:30px; line-height:30px;}
.fl{ float:left;}
.fr{ float:right;}
.open{ display:block!important;}

#container{
	
	margin:0 auto;
	overflow: hidden;
}
/*����*/
#nav-wrap{
	background-color: #FFF;

	box-shadow: 0 1px 5px #ccc;
}
#nav-wrap .clearfix{
	background-position: center 40%;
	background-color: #FFF;
	background-size: 60%;	
	background-repeat: no-repeat;
}
.search-header {
    background: #999;
    overflow: hidden;
	display:none;
}

#tab_main_nav_mobile_container.mobile-menu-open, #tab_main_nav_mobile_next_container.mobile-menu-open {
    right: 0 !important;
    box-shadow: -5px 0px 10px rgba(0, 0, 0, .2);
}

#tab_main_nav_mobile_container {
    position: fixed;
    z-index: 888;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: auto;
}
.search-header {
	background-color: #efefef;
	height: 5rem;
}
.search-header div{ width: 90%; position:relative;margin: 1rem 5%;}
.search-header div input{
	width: 99%;
	height: 3rem;
	line-height:3rem;
	border: 1px solid #d8d8d8;
	z-index: 100;
	position: absolute;
	color: #999999;
	text-indent: 1rem;
	
}
.search-header div #submit{
	position: absolute;
	right:  5px;
	top:0.1rem;
	height: 2.8rem;
	width: 4.8rem;
	background-image: url(../img/search_red.png);
	background-position: center center;
	background-size: 1.5rem;
	z-index: 1000;
	background-repeat: no-repeat;
	background-color: #fff;
	border:0;
}

.quicktools{}
.quicktools div { float:left;}
#nav_mobile{ padding-top:1.6rem; padding-left:5px;}
#nav_mobile img{ max-width:50%;}

.pad_menu{ float:right; display:none;}
.pad_menu ul{ padding-right:1rem;}
.pad_menu ul li{ padding-left:1rem; padding-right:1rem; float:left;}
.pad_menu ul li a{
	font-size: 1.2rem;
	line-height: 5rem;
	color: #1a1a1a;
}
/*�����ײ�*/

section#foot{
	clear: both;
	background-color: #f4f4f4;
	padding-top:1rem;
	padding-left:1rem;
	padding-right:1rem;
	padding-bottom:1rem;
	min-height:150px;
}
section#foot ul{}

section#foot ul li{
	height: 4rem;
	line-height: 4rem;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaaa;
	background-image: url(../img/foot.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	color: #2d2d2d;
	width:100%;
}
section#foot ul li.two{ width:48%;}
section#foot ul li a{
	color: #2d2d2d;
	font-size: 1rem;
	display:block;
} 
section#foot .fenxiang{ text-align:center; clear:both; padding-top:1rem;}

section#foot .fenxiang img{ width:3rem; display:inline-table; margin-left:0.5rem; margin-right:0.5rem;}

section#foot .tel{
    clear: both;
    text-align: center;
    height: 4rem;
    line-height: 2rem;
    margin-top: 18px;
    font-size: 1.2rem;
    color: #414141;
}
section#foot .tel a{font-size: 1.2rem;color: #414141;}
/*pad�ײ�*/
section#padfoot{
	clear: both;
	background-color: #f4f4f4;
	padding-top:1rem;
	padding-left:1rem;
	padding-right:1rem;
	padding-bottom:1rem;
	min-height:150px;
	display:none;
}
section#padfoot dl{ width:auto; float:left; margin-right:20px;}
section#padfoot dl.none dt{ background:none; text-indent:0px;}
section#padfoot dl.none dd{ text-indent:0px;}
section#padfoot dt{
	height: 35px;
	line-height: 35px;
	float: left;
	font-size: 14px;
	color: #00479d;
	background-image: url(../img/pad/dot.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:1.5rem;
	text-indent:40px;
}
section#padfoot dd{
	height:30px;
	line-height:30px;
	float:left;
	font-size: 12px;
	color: #494949;
	text-align:left;
	clear:both;
	text-indent:40px;
}
section#padfoot dd a,section#padfoot dd a:hover{
	color: #494949;
	text-decoration: none;
}
section#padfoot dt a,section#padfoot dt a:hover{
	color: #494949;
	text-decoration: none;
}
section#padfoot .ewm{ width:auto; float:right; margin-right:20px; margin-top:3rem;}

section#padfoot .ewm img{ width:8rem; height:auto;}

section#padfoot .ewm p{ color:#414141; text-align:center;}

section#padfoot .lxwm{ width:auto; float:right; margin-right:0px; margin-top:3rem;}

section#padfoot .lxwm .telname{
	text-align:center;
	color:#292929;
	line-height:2.2rem;
	font-size:1.1rem;
}
section#padfoot .lxwm .tel{
	text-align:center;
	color:#00479d;
	line-height:2.2rem;
	font-size:1.3rem;
	margin-bottom:2rem;
	
}
section#padfoot .lxwm .fx{
	text-align:center;	
}

section#padfoot .lxwm .fx img{ width:2.5rem; display:inline-table; margin-left:0.2rem; margin-right:0.2rem;}
section#padfoot .lxwm .ewm2{ display:none; text-align:center; padding-top:1rem;}
section#padfoot .lxwm .ewm2 img{ width:8rem; height:auto;}

section#padfoot .lxwm .ewm2 p{ color:#414141; text-align:center; line-height:2rem;}

footer{
	clear: both;
	background-color: #00479d;
	padding:1rem;
}
footer p{ max-width:80%; text-align:center; margin:0 auto; line-height:1.5rem;}

footer p a:link{color:#fff;}

.comDiv{position:fixed!important; top:0; z-index:999;_position:absolute;_top: expression(documentElement.scrollTop);overflow:visible; width:100%; left:0;}

@media (max-width: 320px) {
  html,body{ font-size:12px;}
  #nav-wrap .logo {
    padding: 0.4rem 1rem;
  }
  #nav-wrap .logo img {
    width: 6rem;
  }
    #nav-wrap .nav-search-btn {
    padding: 1.4rem 1rem;
  }
  #nav-wrap .nav-search-btn img {
    width: 1.4rem;
    height: auto;
  }
  #nav-wrap .nav-mobile-icon {
    padding: 1.4rem 1rem;
  }
  #nav-wrap .nav-mobile-icon img{
    width: 1.4rem;
    height: auto;
  }
  section#foot ul li{ background-size:15px;}
  #nav_mobile {
    padding-top: 1.4rem;
}
}
@media (min-width:321px){
  html,body{ font-size:14px;}
  #nav-wrap .logo {
    padding: 0.4rem 1rem;
  }
  #nav-wrap .logo img {
    width: 170px;
  }
  #nav-wrap .nav-search-btn {
    padding: 1.5rem 1rem;
  }
  #nav-wrap .nav-search-btn img {
    width: 1.4rem;
    height: auto;
  }
  #nav-wrap .nav-mobile-icon {
    padding: 1.4rem 1rem;
  }
  #nav-wrap .nav-mobile-icon img{
    width: 1.4rem;
    height: auto;
  }
  section#foot ul li{ background-size:15px;}
}
@media (min-width: 640px) {
	html,body{ font-size:14px;}
  #nav-wrap .logo {
    padding: 0.6rem 1rem;
  }
   #nav-wrap .logo img {
    width: 8rem;
  }
    #nav-wrap .nav-search-btn {
    padding: 1.4rem 1rem;
  }
  #nav-wrap .nav-search-btn img {
    width: 1.4rem;
    height: auto;
  }
  #nav-wrap .nav-mobile-icon {
    padding: 1.4rem 1rem;
  }
  #nav-wrap .nav-mobile-icon img{
    width: 1.4rem;
    height: auto;
  }
  section#foot ul li{ background-size:15px;}
  footer p{ width:60%;}
}

@media (min-width: 768px) {
	html,body{ font-size:14px;}
.visible-xs-inline-block {
    display: inline-block!important;
}
  #nav-wrap .logo {
    padding: 0.8rem 1rem;
  }
  #nav-wrap .logo img {
    width: 8rem;
  }
    #nav-wrap .nav-search-btn {
    padding: 1.4rem 1rem;
  }
  #nav-wrap .nav-search-btn img {
    width: 1.4rem;
    height: auto;
  }
  #nav-wrap .nav-mobile-icon {
    padding: 1.4rem 1rem;
  }
  #nav-wrap .nav-mobile-icon img{
    width: 1.4rem;
    height: auto;
  }
  #tab_main_nav_mobile_container {
    width: 54%;
  }
  section#foot ul li{ background-size:20px;}
  footer p{ width:60%;}
  section#foot{ display:none;}
  section#padfoot{ display:block;}
  section#padfoot .lxwm {
    width: auto;
    float: right;
    margin-right: 0px;
    margin-top: 0rem;
  }
  section#padfoot dl {
	 margin-right: 10px;  
  }
  section#padfoot dt {
	text-indent: 30px;
  }
  section#padfoot dd {
	 text-indent: 30px; 
  }
  section#padfoot .lxwm .telname{ display:none;}
  section#padfoot .lxwm .tel{
	text-align:center;
	color:#292929;
	line-height:2.2rem;
	font-size:1.3rem;
	margin-bottom:0rem;
	
}
 section#padfoot .lxwm .ewm2{ display:block;}
 section#padfoot .ewm{ display:none;}
 
 .quicktools div {
    
}

}
 
@media (min-width: 992px){
html,body{ font-size:14px;}
.container {
    width: 100%;
}
#nav-wrap .logo{
   padding: 1.0rem 1.6rem;
}
#nav-wrap .nav-search-btn {
    padding: 0rem 1rem;
}
#nav-wrap .nav-search-btn img{
    width:2rem;
	height:auto;
}
#nav-wrap .nav-mobile-icon {
    padding: 1.4rem 1rem;
}
#nav-wrap .nav-mobile-icon img{
     width:3rem;
	height:auto;
}
#nav-wrap .logo img{ width:8rem;}
section#foot ul li{ background-size:20px;}
footer p{ width:60%;}
#nav_mobile{ display:none;}
section#foot{ display:none;}
 section#padfoot{ display:block;}
 section#padfoot dl {
	 margin-right: 20px;  
  }
  section#padfoot dt {
	text-indent: 40px;
  }
  section#padfoot dd {
	 text-indent: 40px; 
  }
 section#padfoot .lxwm{ margin-top:3rem;}
 section#padfoot .lxwm .telname{
	text-align:center;
	color:#292929;
	line-height:2.2rem;
	font-size:1.1rem;
	display:block;
}
section#padfoot .lxwm .tel{
	text-align:center;
	color:#00479d;
	line-height:2.2rem;
	font-size:1.3rem;
	margin-bottom:2rem;
	
}
 section#padfoot .lxwm .ewm2{ display:none;}
 section#padfoot .ewm{ display:block;}
.quicktools .idx_ser{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #929292;
	margin-top:1.6rem;   
}
.pad_menu{ float:right; display:block;}
.pad_menu ul{ padding-right:1rem;}
.pad_menu ul li{ padding-left:1rem; padding-right:1rem; float:left;}
.pad_menu ul li a{
	font-size: 1.2rem;
	line-height: 5rem;
	color: #1a1a1a;
}
}
@media (min-width: 1200px){
	
.pad_menu{ float:right; display:block;}
.pad_menu ul{ padding-right:1rem;}
.pad_menu ul li{ padding-left:2rem; padding-right:2rem; float:left;}
.pad_menu ul li a{
	font-size: 1.2rem;
	line-height: 5rem;
	color: #1a1a1a;
}	
}

.pagination {
    text-align: center;
}
.page{
	font-size:12px;
	line-height:22px;
	text-align:center;
	clear:both;}
.page a{
	text-decoration:none;
	color:#999;
	background:#fff;
	border:1px solid #CCCCCC;
	padding:3px 6px;
	padding-bottom:2px;
	margin-right:3px}
.page a.active{
	background:#B40202;
	border:1px solid #B40202;
	color:#fff}
.page a:hover{
	text-decoration:none;
	color:#fff;
	background:#B40202;
	border:1px solid #B40202}








