blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin: 0;padding: 0}
body,button,input,select,textarea{font: 14px/1.5 '微软雅黑','Hiragino Sans GB','\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size: 100%}
address,cite,dfn,em,var{font-style: normal}
code,kbd,pre,samp{font-family: courier new,courier,monospace}
small{font-size: 12px}
ol,ul{list-style: none}
a{text-decoration: none; color: #000;}
a:hover{}
sup{vertical-align: text-top}
sub{vertical-align: text-bottom}
legend{color: #000}
fieldset,img{border: 0;vertical-align:top;}
button,input,select,textarea{font-size: 100%;-webkit-appearance:none;}
button{border-radius: 0}
table{border-collapse: collapse;border-spacing: 0}
.clear{clear:both;}
.clear:after,div:after{content:" "; display:block; clear:both;}
#LRdiv0,#LRfloater0,#LXB_CONTAINER,#LRdiv1,#LRfloater1,#LXB_CONTAINER_SHOW,#qiao-wrap,#qiao-icon-sector-inner,#QIAO_INVITE_CONTAINER{ display:none !important;}

header{
	width: 16rem;
	height: 2.75rem;
	margin: 0 auto;
	background-color: #00438E;
	box-sizing: border-box;
	padding: .8rem .6rem;
	position: relative;
}
header > a{
	display: inline-block;
	padding:.575rem 2.9625rem;
	background: url(../img/cd_03.jpg) no-repeat center;
	background-size: 100%;
}
.mobile-inner-header-icon{
	color: #ffffff;
	height: 1.15rem;
	font-size:.75rem;
	text-align: center;
	float:right;
	width: 1.25rem;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 1px;
	background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
	transform: translateY(4px) rotate(0deg);
}
.mobile-inner-header-icon span:nth-child(2){
	transform: translateY(-4px) rotate(0deg);
}
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	
@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}
@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
.mobile-inner-nav{
	background-color: rgba(0,67,142,0.7);
	width: 100%;
	position: absolute;
	top: 2.75rem;
	left: 0px;
	padding-top: 30px;
	padding-bottom: 80px;
	display: none;
	z-index:1;
}
.mobile-inner-nav a{
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.mobile-inner-nav a:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}
.mobile-inner-nav a{
	position: relative;
	display: block;	
	border: none !important;
}
.mobile-inner-nav a:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	z-index: 1;
	background-color: rgba(255,255,255,0.3);
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: slideInBorder;
	animation-name: slideInBorder;
}
@-webkit-keyframes slideInBorder {
	0%{
		-webkit-transform: translate(52%, -24px) scaleY(0.07) rotate(90deg);
		transform: translate(52%, -24px) scaleY(0.07) rotate(90deg);
	}
	100%{
		-webkit-transform: translate(0, 0) scaleY(1) rotate(0deg);
		transform: translate(0, 0) scaleY(1) rotate(0deg);
	}	

}

@keyframes slideInBorder {
	0%{
		-webkit-transform: translate(52%, -24px) scaleY(0.07) rotate(90deg);
		transform: translate(52%, -24px) scaleY(0.07) rotate(90deg);
	}
	100%{
		-webkit-transform: translate(0, 0) scaleY(1) rotate(0deg);
		transform: translate(0, 0) scaleY(1) rotate(0deg);
	}	  
}




.banner{
	width: 16rem;
	height: auto;
	margin: 0 auto;
}
.banner img{
	width: 100%;
}
.list{
	width: 15rem;
	margin: .5rem auto;
}
.list li{
	float: left;
	text-align: center;
	width: 50%;
	height: auto;
	padding: 2rem 0;
	position: relative;
}
.list li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.list li img{
	width: 1.25rem;
	height: 1.15rem;
	margin-bottom: .2rem;
}
.list li h2{
	font-size: .55rem;
	font-weight: 400;
	color: #FFF;
	letter-spacing: .075rem;
}
.list li h2.list-color{
	color: #000;
}
.list li:nth-child(1){
	background-color: #90B5FE;
}
.list li:nth-child(2){
	background-color: #E5CA8F;
}
.list li:nth-child(3){
	background-color: #FFF;
}
.list li:nth-child(4){
	background-color: #006DB9;
}
.img{
	width: 15rem;
	margin: 1rem auto auto;
}
.img img{
	width: 100%;
}
.hos{
	width: 15rem;
	margin: 0 auto;
}
.hos h2{
	font-size: .7rem;
	padding-top: .7rem;
}
.hos li{
	line-height: 1.2rem;
	font-size: .45rem;
	border-bottom: 1px solid #CDCDCD;
}
.dh{
	width: 15rem;
	margin: 0 auto;
}
.dh h2{
	font-size: .7rem;
	padding-top: .7rem;
	padding-bottom: .5rem;
}
.xgl{
	width: 100%;
	position: relative;
}
.xgl h3{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 15rem;
	height: 1.9rem;
	line-height: 1.9rem;
	font-size: .7rem;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.5);
	padding: 0 .5rem;
	color: #FFF;
}
.xgl h3 span{
	font-size: .5rem;
	padding-left: .5rem;
	text-transform: uppercase;
}
.xgl > img{
	width: 100%;
}

.project-all{
	width:16rem;
	margin: .5rem auto auto;
}
.project-all li{
	padding: .5rem 0;
	width: 5rem;
	float: left;
	text-align: center;
	border-right: .025rem solid #F5F5F5;
	border-bottom: .025rem solid #F5F5F5;
	position: relative;
	box-sizing: border-box;
}
.project-all li:nth-child(3n){
	border-right: 0;
}
.project-all li:nth-child(3n) i,.project-all li:nth-child(n+7) i{
	display: none;
}
.project-all li:nth-child(n+4){
	border-bottom: 0;
}
.project-all li i{
	width: .075rem;
	height: .075rem;
	background-color: red;
	position: absolute;
	bottom: -.0375rem;
	right: -.0375rem;
	z-index: 1;
}
.project-all li img{
	width: 1.05rem;
	padding: 0 0 .2rem 0;
}
.project-all li h3{
	font-size: .45rem;
	font-weight: 400;
}
.project-all li p{
	font-size: .3rem;
	line-height: .3rem;
	color: #D4D4D4;
}




.dot{
	width: 15rem;
	margin: 1rem auto auto;;
}
.dot img{
	width: 100%;
}
footer{
	width: 16rem;
	margin: 1rem auto auto;
	position: relative;
	background: url(../img/cd_23.jpg) no-repeat center;
}
.foot{
	background-color: rgba(0,0,0,.5);
	padding: 1rem 1rem;
	box-sizing: border-box;
}
.foot .fw{
	padding-top: .5rem;
	font-size: .43rem;
}
.foot .fw a{
	color: #FFF;
}
footer p{
	font-size: .45rem;
	line-height: .8rem;
	color: #FFF;
}
footer p a{
	color: #FFF;
}
.fan{
	position: absolute;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	line-height: 1.15rem;
	font-size: 1rem;
	color: #FFF;
	right: 1rem;
	bottom: 1rem;
	background-color: rgba(0,44,143,1);
	text-align: center;
	transform: rotate(-90deg);
	text-align: center;
}
/*--
内容页
--*/
.wz{
	width: 15rem;
	margin: .8rem auto .2rem auto;
	font-size: .45rem;
	color: #707070;
}
.wz a{
	color: #707070;
}
.tit{
	width: 15rem;
	margin: 0 auto;
	font-size: .7rem;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.time{
	width: 15rem;
	margin: 0 auto .5rem auto;
}
.time li{
	float: left;
	padding-right: .5rem;
	font-size: .45rem;
	color: #707070;
	padding-top: .1rem;
}
.nr{
	width: 15rem;
	margin: 0 auto;
}
.nr p{
	/*font-size: .45rem;
	line-height: .7rem;*/
	text-indent: 2em;
	padding-bottom: .2rem;
}
.nr-sx{
	width: 15rem;
	margin: .5rem auto;
}
.nr-sx li{
	padding-left: .7rem;
	line-height: 1rem;
	font-size: .45rem;
}
.nr-sx li:nth-child(odd){
	background: url(../img/left.jpg) no-repeat left;
	background-size: .55rem;
}
.nr-sx li:nth-child(even){
	background: url(../img/right.jpg) no-repeat left;
	background-size: .55rem;
}
.help{
	width: 15rem;
	margin: 0 auto;
	text-align: center;
	font-size: .7rem;
	font-weight: 400;
}
/*--
列表页
--*/
.list-title{
	width: 15rem;
	margin: .4rem auto;
	border-left: .2rem solid #00438E;
	font-size: .6rem;
	padding-left: .3rem;
	box-sizing: border-box;
	line-height: .7rem;
}
.list-list{
	width: 15rem;
	margin: 0 auto .5rem auto;
	font-size: .45rem;
}
.list-list li{
	line-height: .85rem;
}
.list-list li span{
	float: right;
}
.showMorehandle{
	width: 15rem;
	margin: 0 auto 1.5rem auto;
	border: 1px solid #0062CC;
	font-size: .45rem;
	text-align: center;
	padding: .35rem 0;
	cursor: pointer;
	color: #0062CC;
	line-height: .5rem;
}
.showMorehandle i{
	display: inline-block;
	padding: .25rem;
	background: url(../img/jz.jpg) no-repeat center;
	background-size: .5rem;
	vertical-align: bottom;
	margin-right: .1rem;
}