@charset "utf-8";
/* CSS Document */
/*KISSY CSS Reset理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来
的问题。3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。特色：1. 适应中文；2. 基于最新主流浏览器。*//** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ 
dl, dt, dd, ul, ol, li,/* list elements 列表元素 
*/ pre,/* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea,/* form elements 表单元素 */ th, td /* table elements 表格元素 */ {
	margin: 0;
	padding: 0;
}/** 设置默认字体 **/
body, button, input, select, textarea /* for ie */ {
	font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, Arial;
}
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;
}/* 小于 12px 的中文很难阅读，让 small 正常化 *//** 重置列表元素 **/
ul, ol {
	list-style: none;
}/** 重置文本格式元素 **/
sup {
	vertical-align: text-top;
}/* 重置，减少对行高的影响 */
sub {
	vertical-align: text-bottom;
}/** 重置表单元素 **/
legend {
	color: #000;
}/* for ie6 */
fieldset, img {
	border: 0;
}/* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
	font-size: 100%;
}/* 使得表单元素在 ie 下能继承字体大小 *//* 注：optgroup 无法扶正 *//** 重置表格元素 **/
table {
	border-collapse: collapse;
	border-spacing: 0;
}/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	display: block;
	margin: 0;
	padding: 0;
}
mark {
	background: #ff0;
}
img {
	border: none;
}
a{ border:0 none;}
a img{border:0 none;}
/* 清理浮动 */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	zoom: 1;
}
/* 锚点样式 */
body a {
	text-decoration: none;
}
body a:link, a:visited {
}
a:hover {
}
a:active {
}

.fl{float:left;}
.fr{float:right;}

body{background:#131313;}

.main{background:url(../images/bigbg.jpg) no-repeat top center scroll; width:100%;}

.box{width:100%; max-width:990px;  margin:0 auto; position:relative;}



.littlebg{width:100%; height:auto; position: relative; z-index:1; top:0; left:0;}
.littlebg img{width:100%; height:auto; display:block; overflow:hidden;}

.content{width:100%; position:absolute; z-index:99; top:0; left:0;}



.hcwzone{ width:100%; margin-top:400px;}
.oneleft{ width:442px; height:280px; float:left; position:relative; background:#034075; margin-top:80px;}
.oneleft a img{display:block; border:0 none; position:absolute; top:10px; left:10px; width:442px; height:280px;} 
.oneright{ width:510px; float:right;}
.titleone{ width:100%; height:96px; text-align:right;}
.titleone img{width:426px; height:96px; display:inline-block; overflow:hidden;} 
.p01{font-size:28px; text-indent:50px; padding:10px 0 0 0;}
.p01 a{color:#0468ff;}
.p01 a:hover{color:#0468ff; text-decoration:underline;}
.p01 a span{font-size:26px;}

.p02{color:#034075; font-size:18px; line-height:30px; text-indent:36px; padding:10px 0 0 0;}
.p02 a{ color:#fff; background:#ff2204; padding:1px 5px;   -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.p02 a:hover{color:#fff; }


.xinxilist{margin-top:40px; background:#034075; position:relative; width:980px; height:500px; margin-left:10px;}
.xinxilist ul{ width:980px;  background:#ffffff; border:1px #c7c6c6 solid;  position:absolute; top:-10px;  left:-10px; z-index:19;}
.xinxilist ul li{padding:10px; border-bottom:1px #7e9dba  dashed; margin:0 25px;}
.xinxilist ul li img{width:164px; height:104px; display:block;}
.leftimg{ float:left; width:164px; height:104px;}
.leftimg a img{width:164px; height:104px; border:0 none; overflow:hidden;}
.textright{ float:right; width:80%; float:right;}
a.title02{ color:#596473; font-size:18px; line-height:30px;}
a:hover.title02{ text-decoration:underline;}
.textright p{ color:#034075; font-size:16px; line-height:22px; padding:10px 0 0 0;}
.textright p a{ color:#fff; background:#ff2204; padding:1px 5px;   -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; font-size:12px;}
.textright p a:hover{color:#fff;}
.bortomnone{ border-bottom:o none;}
.xinxilist ul li.bortomnone{ border-bottom:0 none;}

.jcshipin{ margin:55px 0 0 0;}
.shipin{ width:960px; height:490px; padding:15px; background:#034076;}
.sinpintitle{ width:420px; height:78px;}
.sinpintitle img{ width:420px; height:78px;}


.tupianbox{ width:100%; margin:55px 0 0 0;}
.tupiantitle{ width:100%;}
.tupiantitle img{ width:420px; height:78px; overflow:hidden; display:block; float:right;}
.tpnr{padding:15px; background:#034076;}

.imgtop{border:1px #000 solid;}
.imgtop img{width:958px; height:494px; display:block;}
.imgnav{width:100%; height:126px; margin-top:15px; position:relative;}
.shangyige{ width:28px; height:126px; position:absolute; top:0; left:0; z-index:9; display:block; background:url(../images/lefticon.jpg) no-repeat;}
.xiayige{width:28px; height:126px; position:absolute; top:0; right:0; z-index:9; display:block; background:url(../images/righticon.jpg) no-repeat;}

.littlenav{ width:880px; height:126px; margin:0 auto; overflow:hidden; position:relative;}
.littlenav p{width:198px; position:relative; float:left; margin:0 10px; border:1px #011b34 solid; height:124px;}
.littlenav p img{width:198px; height:124px;}
.littlenav p span{ width:100%; height:100%; background:rgba(0,0,0,0.5); display:block; position:absolute; top:0; left:0; z-index:19;}
.navnr{ width:4500px; position:absolute; top:0; left:0;}

/*@media screen and (max-width:950px) {
	.hcwzone{ margin:470px auto 0; width:95%;}
	.oneleft{ width:300px; height:190px; margin-top:10px;}
   .oneleft a img{ width:300px; height:190px;}
   .oneright{width:400px;}
   .titleone{ width:100%; height:50px; text-align:right;}
   .titleone img{width:240px; height:50px; display:inline-block; overflow:hidden;} 
   .p01{ line-height:20px; text-indent:10px;}
   .p01 a{font-size:16px; line-height:20px;}
   .p01 a span{ font-size:16px;}
   .p02{ width:100%; height:20px; font-size:12px; line-height:20px; text-indent:0;}
   
   .xinxilist{margin:30px auto 0; width:90%; height:440px;}
   .xinxilist ul{ width:100%; left:-10px;}
   .xinxilist ul li{ margin:0 10px;}
   .leftimg{ width:150px; height:90px;}
    .leftimg img{ width:150px; height:90px;}
	.textright{width:75%;}
	.textright p{ padding:0 0 0 0;}
	a.title02{ font-size:14px; line-height:20px; height:20px; width:100%; overflow:hidden;}
   .textright p{ width:100%; height:20px; font-size:12px; overflow:hidden;}
   
   .jcshipin{ margin:30px  auto 0; width:90%;}
   .shipin{ width:100%;  padding:10px; background:#034076; height:auto; }
  .shipin img{width:100%; height:auto; display:block;}
  .sinpintitle{ width:240px; height:50px;}
  .sinpintitle img{ width:240px; height:50px;}
  
  .tupianbox{ width:90%; margin:30px auto 0;}
   .tupiantitle{ width:100%;}
  .tupiantitle img{ width:105px; height:20px; overflow:hidden; display:block; float:right;}
   .tpnr{padding:10px; background:#034076;}


.imgtop img{width:100%; height:auto; display:block;}
.imgnav{width:100%; height:126px; margin-top:10px; position:relative;}
.littlenav{ width:94%; height:126px; margin:0 auto;}
.littlenav p{width:136px; position:relative; float:left; margin:0 0 0 15px; border:1px #011b34 solid; height:124px;}

.littlenav p span{ width:100%; height:100%; background:rgba(0,0,0,0.5); display:block; position:absolute; top:0; left:0; z-index:19;}

	}


@media screen and (max-width:420px) {
	.hcwzone{ margin:230px auto 0; width:95%;}
	.oneleft{ width:150px; height:95px; margin-top:10px;}
   .oneleft a img{ width:150px; height:95px;}
   .oneright{width:195px;}
   .titleone{ width:100%; height:20px; text-align:right;}
   .titleone img{width:120px; height:25px; display:inline-block; overflow:hidden;} 
   .p01{ line-height:20px; text-indent:10px;}
   .p01 a{font-size:16px; line-height:20px;}
   .p01 a span{ font-size:16px;}
   .p02{ width:100%; height:20px; font-size:12px; overflow:hidden; line-height:20px; text-indent:0;}
   
   .xinxilist{margin:30px auto 0; width:90%; height:320px;}
   .xinxilist ul{ width:100%; left:-5px;}
   .xinxilist ul li{ margin:0 5px;}
   .leftimg{ width:90px; height:60px;}
    .leftimg img{ width:90px; height:60px;}
	.textright{width:60%;}
	.textright p{ padding:0 0 0 0;}
	a.title02{ font-size:14px; line-height:20px; height:20px; width:100%; overflow:hidden;}
   .textright p{ width:100%; height:20px; font-size:12px; overflow:hidden;}
   
   .jcshipin{ margin:10px  auto 0; width:340px;}
   .shipin{ width:320px; height:150px; padding:10px; background:#034076; }
  .shipin img{ width:320px; height:150px;}
  .sinpintitle{ width:105px; height:20px;}
  .sinpintitle img{ width:105px; height:20px;}
  
  .tupianbox{ width:340px; margin:10px auto 0;}
   .tupiantitle{ width:100%;}
  .tupiantitle img{ width:105px; height:20px; overflow:hidden; display:block; float:right;}
   .tpnr{padding:10px; background:#034076;}


.imgtop img{width:100%; height:auto; display:block;}
.imgnav{width:100%; height:60px; margin-top:10px; position:relative;}
.shangyige{ width:12px; height:60px; position:absolute; top:0; left:0; z-index:9; display:block; background:url(../images/lefticon.jpg) no-repeat; background-size:12px 60px;}
.xiayige{width:12px; height:60px; position:absolute; top:0; right:0; z-index:9; display:block; background:url(../images/righticon.jpg) no-repeat; background-size:12px 60px;}

.littlenav{ width:94%; height:60px; margin:0 auto;}
.littlenav p{width:65px; position:relative; float:left; margin:0 0 0 6px; border:1px #011b34 solid; height:60px;}
	}

@media screen and (max-width:370px) {
	.hcwzone{ margin:180px auto 0; width:95%;}
	.oneleft{ width:150px; height:95px; margin-top:10px;}
   .oneleft a img{ width:150px; height:95px;}
   .oneright{width:130px;}
   .titleone{ width:100%; height:20px; text-align:right;}
   .titleone img{width:120px; height:25px; display:inline-block; overflow:hidden;} 
   .p01{ line-height:20px; text-indent:10px;}
   .p01 a{font-size:16px; line-height:20px;}
   .p01 a span{ font-size:16px;}
   .p02{ display:none;}
   
   .xinxilist{margin:30px auto 0; width:90%; height:320px;}
   .xinxilist ul{ width:100%; left:-5px;}
   .xinxilist ul li{ margin:0 5px;}
   .leftimg{ width:90px; height:60px;}
    .leftimg img{ width:90px; height:60px;}
	.textright{width:60%;}
	.textright p{ padding:0 0 0 0;}
	a.title02{ font-size:14px; line-height:20px; height:20px; width:100%; overflow:hidden;}
   .textright p{ width:100%; height:20px; font-size:12px; overflow:hidden;}
   
   .jcshipin{ margin:10px  auto 0; width:320px;}
   .shipin{ width:300px; height:150px; padding:10px; background:#034076; }
  .shipin img{ width:300px; height:150px;}
  .sinpintitle{ width:105px; height:20px;}
  .sinpintitle img{ width:105px; height:20px;}
  
  .tupianbox{ width:320px; margin:10px auto 0;}
   .tupiantitle{ width:100%;}
  .tupiantitle img{ width:105px; height:20px; overflow:hidden; display:block; float:right;}
   .tpnr{padding:10px; background:#034076;}


.imgtop img{width:100%; height:auto; display:block;}
.imgnav{width:100%; height:60px; margin-top:15px; position:relative;}
.shangyige{ width:12px; height:60px; position:absolute; top:0; left:0; z-index:9; display:block; background:url(../images/lefticon.jpg) no-repeat; background-size:12px 60px;}
.xiayige{width:12px; height:60px; position:absolute; top:0; right:0; z-index:9; display:block; background:url(../images/righticon.jpg) no-repeat; background-size:12px 60px;}

.littlenav{ width:94%; height:60px; margin:0 auto;}
.littlenav p{width:60px; position:relative; float:left; margin:0 0 0 6px; border:1px #011b34 solid; height:60px;}


  
  
}*/