*{ margin:0; padding:0; list-style:none; text-decoration: none; font-size: 12px; font-family: "微软雅黑";  }


.bodybg1 {
  background: url(../images/bg.png) no-repeat scroll 0 0;
  background-size:cover;
}
.pad60{ padding-bottom:60px;}


ul, li, dl, dd, h1, h2, h3, h4, h5, h6, form, p { padding: 0; margin: 0; }

ul, li { list-style: none; }

img { border-style: none; border-color: inherit; border-width: 0px;  vertical-align:top; }


@font-face { font-family: 'miso-bold'; src: url('font/miso-bold.eot'); src: local('miso-bold'), url('font/miso-bold_0.ttf'); }

.row:after {
clear: both;
}
.row:before, .row:after {
display: table;
content: " ";
}

.pad15{ padding:15px;}
.mar15{ margin:0 15px;}


header,.outter { position: relative; }
header { margin:0 15px;}
header .logo{ padding-bottom:20px; padding-top:60px;}
header .logo a{ display:block; width:170px; height:40px; background:url(../images/logo.png) no-repeat; background-size:170px;}

/*导航*/
header .word-life { position:absolute; right:0; top:30px;}
header .word-life img{ max-width:100%;}

.outter{ padding:15px 15px 10px 15px}

.Pmain{}

.column2{-moz-column-count:2;
	-moz-column-gap:normal;
	-webkit-column-count:2;
	-webkit-column-gap:normal;
	column-count:2;
	column-gap:normal;
	margin-bottom:10px;}
.column2 div{}
.column2 div a{ display:inline-block; position:relative}
.column2 div a span{ position:absolute; left:0; bottom:10px; padding:0 15px;}
.column2 div a span p{ font-size:18px; line-height:28px; color:#CA2A23;}
.column2 div a span h1{ font-size:30px; font-weight:100; font-family:Arial, Helvetica, sans-serif; color:#d65e57; margin-bottom:5px;}
.column2 div a img{ max-width:100%;}

.column21 div a{ display:inline-block;}
.column21 div a img{ max-width:100%;}
.column211 {
  margin-bottom: 13px;
  clear: both;
  -moz-column-count:2;
	-moz-column-gap:normal;
	-webkit-column-count:2;
	-webkit-column-gap:normal;
	column-count:2;
	column-gap:normal;
}
.column212 {
  clear: both;
  -moz-column-count:2;
	-moz-column-gap:normal;
	-webkit-column-count:2;
	-webkit-column-gap:normal;
	column-count:2;
	column-gap:normal;
}

.menu img {
  padding: 2px 0;
}
.big img {
  width: 49.5%;
}
.small img {
  width: 24.3%;
}

/* line 103, ../../sass/base.scss */
.topimg, .scrollimg { width: 100%; }
/* line 105, ../../sass/base.scss */
.topimg img, .scrollimg img { width: 100%; height: auto; }

/* line 108, ../../sass/base.scss */
.carousel-nav .browse { position: absolute; top: 0; width: 25px; cursor: pointer; z-index: 2; height: 100%; }
/* line 109, ../../sass/base.scss */
.carousel-nav .prev { left: 0; width:50%;}
/* line 118, ../../sass/base.scss */
.carousel-nav .next { right: 0; width:50%;}
/* line 127, ../../sass/base.scss */
.carousel-nav ul.indicators { position: absolute; top: 90%; width: 100%; height: 20px; text-align: center; padding: 0; }
/* line 134, ../../sass/base.scss */
.carousel-nav ul.indicators li, .carousel-nav ul.indicators ul { display: inline-block; }
/* line 135, ../../sass/base.scss */
.carousel-nav ul.indicators span { background: #fff; display: block; height: 12px; width: 12px; margin: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/* line 142, ../../sass/base.scss */
.carousel-nav ul.indicators .active span { background: #e81010; }

/* line 147, ../../sass/base.scss */
.scrollable { position: relative; overflow: hidden; height: 100%; }
/* line 151, ../../sass/base.scss */
.scrollable .items { width: 20000em; position: absolute; }
/* line 154, ../../sass/base.scss */
.scrollable .items .item { float: left; }

/* line 175, ../../sass/base.scss */
.scrollable .items .item a { margin: 8px 20px 0 20px; }

/* 标题 */
.scrollable .items h1{ text-align:center; font-size:18px;}
.scrollable .items p{ text-align:center; font-size:14px;}




/* line 241, ../../sass/base.scss */
.float-left{ float:left}


/* line 244, ../../sass/base.scss */
.float-right{ float:right}




.big.news {
  position: relative;
}
.big.news span {
  bottom: -85px;
  color: #F5F5F5;
  left: 20px;
  position: absolute;
  right: 20px;
}
.big.news nav {
  font-family: arial;
  font-size: 30px;
  line-height: 46px;
}
footer {
  color: #3A3A3A;
  font-family: Simhei;
  padding: 30px 0;
  text-align: right;
}
footer span {
  color: #fff;
  padding-right: 15px;
}

.aboutus {
  background: none repeat scroll 0 0 #FFFCF1;
   padding-top:10px;
}
.banner{ padding-bottom:10px;}
.banner img{ max-width:100%;}


.title {
  color: #685853;
  font-family: SimHei;
  font-size: 30px;
  line-height: 25px;
  padding: 15px 15px 20px 0;
  text-align: right;
}
.title span {
  color: #CDAA61;
  font-size: 25px;
}
.content {
  padding: 0 20px 10px;
}
.content p {
	 text-align:justify;
	font-size:14px;
  color: #B7AFA6;
  line-height: 22px;
   margin-bottom:10px;
}

.footbar {
  background: none repeat scroll 0 0 #333333;
  bottom: 0;
  color: #F5F5F5;
  height: 55px;
  left: 0;
  line-height: 53px;
  position: fixed;
  width: 100%;
  font-size: 14px;
}

.footbar a {color: #F5F5F5; font-size:12px; padding-left:35px; margin-right:20px; height:100%; line-height:55px; text-align:right;float:left;}
.footbar a.a-back{ background:url(../images/back.png) no-repeat 0 center; background-size:30px; margin-left:15px;}
.footbar a.a-home{ background:url(../images/home.png) no-repeat 0 center; background-size:30px;}

.footbar span {
  float: right;
  line-height: 55px;
  padding-right: 15px;
   font-size:12px;
}


/*article*/
.articlelist li {
  border-top: 1px dashed #CCCCCC;
  overflow: hidden;
  padding: 10px 0;
}
.articlelist {
  background-color: #FFFCF1;
  padding: 10px 20px 0;
}

.articlelist .title{ padding-right:0px;}

.articlelist li .date {
  background-color: #AD8449;
  color: #FFFFFF;
  float: left;
  padding:5px 0;
  margin-right: 12px;
  padding-left: 10px;
  width: 80px;
}
.date h1 {
  font-family:arial;
  font-size: 36px;
   font-weight:100;
}
.date h2 {
  font-family:arial;
  font-size: 18px;
   font-weight:100;
}
.date h3 {
  font-family:arial ;
  font-size: 16px;
   font-weight:100;
    color:#ecdfc5;
}

.newstitle {
  color: #685853;
  font-size: 18px; margin-bottom:10px;
}
.description {
  color: #B7AFA9;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
}


#AspNetPager1{ margin-top:5px;}
#AspNetPager1 a {
  background: none repeat scroll 0 0 #cca85d;
  color: #fff;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px;
}
#AspNetPager1 span{ background: none repeat scroll 0 0 #d70900;
  color: #fff !important;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px; }







/*--PC--*/
@media only screen and (min-width: 1025px) and (max-width: 4096px) {
    /* line 708, ../../sass/base.scss */
    header, .outter,.Pmain, footer { width:1024px; margin: 0 auto;}
	header .word-life{ width:323px;}
}


/*--iPad x--*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape), only screen and (min-width: 780px) and (max-width: 1024px) {
   
   header .word-life{ width:323px;}
}
/*--iPad y--*/
@media only screen and (min-device-width: 765px) and (max-device-width: 1024px) and (orientation: portrait) {
	header .word-life{ width:323px;}
	.big img {width: 49.85%;}
	.small img {width: 24.6%;}
}



/*--mobile--*/
@media only screen and (min-device-width: 645px) and (max-device-width: 765px), only screen and (min-width: 1px) and (max-width: 765px) {
	header .logo{ padding-top:60px; padding-bottom:0;}
	header .logo a{ background-size:150px; height:40px;}
	header .word-life{ width:250px;}
	.big.news span{ bottom: -30px;
  color: #F5F5F5;
  left: 10px;
  font-size:12px;
  line-height:15px;
  position: absolute;
  right: 10px;}
  .big.news span nav {
  font-family: arial;
  font-size: 20px;
  padding-bottom:5px;
  line-height: 12px;
}
.big img {
  width: 49%;
}
.small img {
  width: 24%;
}	
	
		
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px), only screen and (min-width: 1px) and (max-width: 640px){
	header .logo{ padding-top:40px; padding-bottom:0;}
	header .logo a{ background-size:120px; height:30px;}
	header .word-life{ width:150px;}
	footer { padding:10px 0; }
	.column2 div a span p{ font-size:11px; line-height:16px; color:CA2A23;}
	.column2 div a span h1{ font-size:14px;}
	.title {font-size: 18px;line-height: 20px; padding: 5px 20px 10px 0;}
	.title span {font-size: 16px;}

	.articlelist li .date {width: 60px;}
	.date h1 {
	  font-size: 24px;
	}
	.date h2 {
	  font-size: 12px;
	}
	.date h3 {
	  font-size: 12px;
	}
	.newstitle {font-size: 13px; margin-bottom:5px;}
	.description {font-size: 11px;line-height: 16px;}
	
}