body{
    font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
	background:#f4e5d8;
 }
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;	
	padding: 0;		   
}
p{
	margin:0;
	padding: 0;
}


.header-top {
background: #f4e5d8 url(images01.jpg) repeat-x; height: 31px;
  
}

.line{background:url(imagesline.jpg) repeat-x center;padding: 1.6em 0;margin-bottom: .6em; }
.index-about { width:1100px; margin:0 auto; padding-top:50px;
  text-align: center;
}
.index-about h3 {
	font-family: '微软雅黑', serif;
	text-align: center;
	font-size: 3em;
	margin-bottom: .6em;
	color: #e60012;
 
}
.testimonials {
  background: url(imagestop-pic.jpg) no-repeat center 0px;
  min-height: 220px;
  min-width: 100%;
  position: relative;
  text-align: center;
}
.topbanner {
  background: url(imagestopbanner.jpg) no-repeat center 0px #f4e5d8;
  background-size: cover;
  min-height: 183px;
  min-width:100%;
  position: relative;
  text-align: center;
}
/*-- news --*/
.news {
  padding: 2em 0;
}
.news-text h3 {
	font-family: '微软雅黑', serif; 
	color: #E60012;
	font-size: 40px;
	margin: 0;	
	text-align: center;}
.news-text h5 {
  color: #969696;
  font-size: 14px;
  margin: 1em 0;
  line-height: 1.8em;
}
.news-text h5 span{
	display:block;
}
.news-grids {
  margin-top: 2em;
}
.news-grid img{
  width: 100%;
}
.news-grid a h4{
  font-family: 'Merriweather', serif;
  color: #BE2E2E;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 .3em 0;
  margin-bottom: 0;
  padding-bottom: 3px;
}
.news-grid a:hover{
	text-decoration:none;
}
.news-grid span {
  color: #A3A3A3;
  font-size: 11px;
  line-height: 1.7em;
  display: block;
  margin-bottom: 1.2em;
}
.news-info p {
  color: #333333;
  font-size: 13px;
  margin: 0;
  line-height: 1.8em;
  font-weight: 400;
    margin-top: 10px;
}
.news-grid {
  padding-left: 0;
}
a.mask {
  text-decoration: none;
  overflow: hidden;
  display: block;
}
img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.18);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.15);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}

/*--/news--*/
.footer{
	padding:56px;
	background: url(imagescity.jpg) repeat-x;
}
.copyright{
  background: #570400;
  padding: 1em 0;
}
.copyright-left p{ text-align:center;
  color: #FFF;
  font-size: 14px;
  margin: 0 0 0 0;
}
.copyright-left p a{
	color:#FFF;
}
.copyright-left{
	float:center;
}




/* --------------------------------------------------------------------------------------------------------------------------------------------------
RESET & HTML ELEMENTS
-------------------------------------------------------------------------------------------------------------------------------------------------- */

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, img, legend, li, ol, p, pre, td, th, ul {margin:0; padding:0; border:0; vertical-align:baseline;}
address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul {margin:10px 0;}
body {background: #fff ; font:0.8em/1.6 "arial", sans-serif;}
a {text-decoration:none;}
h1 {font-size:40px; color:#E40C21; line-height:1;}
h2 {font-size:300%;}
h3 {font-size:260%;}
h4, h5, h6 {font-size:160%;}
form ul {list-style:none;}
form li {display:block; padding-bottom:7px;}
form li label {display:block; padding-bottom:3px;}
input, select, textarea {font-size:100%; font-family:"arial",sans-serif;}
table.table {border-collapse:collapse; border-spacing:0;}
table.table th, table.table td {padding:7px 10px;}
table.table th {font-weight:bold;}
ul.ul {margin-left:20px; list-style:none;}
ul.ul li {padding-left:15px; background:url("../design/ul.gif") 0 5px no-repeat;}
ul.ul ul {margin:0 0 0 20px; list-style:none;}
img.f-left {margin-right:15px;}
img.f-right {margin-left:15px;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto;}

#title {margin:0; padding:25px 25px 45px 25px; }
#section {overflow:hidden; margin:0 auto; width:1060px; background:#fff }
#section2 {overflow:hidden; margin:0 auto; width:1000px; background:#fff }
#content {float:left; width:620px; overflow:hidden; }
#aside {float:right; width:400px; overflow:hidden;}
#bside {float:left; width:620px; overflow:hidden;}

#contact {padding:15px 0;}
#contact address {margin:0; font-style:normal;}
#contact address span {margin:0 3px;}
#footer {padding:15px 0 30px 0;}
#footer p {margin:0;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: HOMEPAGE (body#hp)
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#hp #section {margin:50px 0; padding:0; background: #FFFFFF;}
#hp #content {float:left; width:60%; overflow:hidden;}
#hp #aside {float:right; width:440px; overflow:hidden;}

.products {margin:0px 0 0 0; list-style:none;}
.products li {padding:12px 0;}
.products li.last {border:0; height: 200px;}
.products .products-img {float:left; width:180px; height:120px; margin:52px 0 0 0;}
.products .products-img img {width:180px; height:120px;}
.products  {float:right; width:620px;}
.products  h3 {margin:0 0 10px 0; font-size:20px;}
/*.products  p {margin:0; font-size:12px;line-height:25px;width:300px;}*/
.products  p { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0;font-size: 12px;line-height: 25px;width: 350px;}
.articles {margin: 0; list-style:none;}
.articles li {padding:0px 0 15px 50px; }
.articles li.last {border:0;  height: 200px; border: 0;}
.articles li h3 {margin:10px 0 10px 0; font-size:20px;}
/*.articles li p {margin:0;font-size:12px; line-height:25px;width:300px;}*/
.articles li p { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0;font-size: 12px;line-height: 25px;width: 350px;}

.erji-left {
    width: 1000px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}
.erji {
    width: 1000px;
    float: left;
    margin-top: 5px;
    margin-left: 0px;
}
.erji-list {
    width: 1000px;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 14px;
    margin-left: 10px;
    font-weight: 100;
    color: #02354d;
}
.erji-list li {
    line-height: 30px;}
	
.list_page {
    width: 1000px;
    text-align: center;
    margin: 0 auto;
    height: 50px;
    padding-top: 30px;
    font-family: "微软雅黑";
    font-size: 14px;
    float: left;
}
.neirong-bt {
    width: 1000px;
    margin: 0 auto;
    font-size: 20px;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 60px;
}
.neirong-info {
    width: 1000px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 30px;
    color: #666666;
    border-top: #666666 1px dotted;
    float: left;
    text-align: center;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: SUBPAGE
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.gallery li {display:block; float:left; margin-right:10px; width:168px;}
.gallery li.last {margin:0;}
.sponsors {margin:0; list-style:none; font-size:85%;}
.sponsors li {padding:10px 0;}
.sponsors li a {font-size:115%;}	

/* --------------------------------------------------------------------------------------------------------------------------------------------------
OTHERS
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.box {min-height:1px; _height:1%;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.hidden {position:absolute; left:-1000em; top:auto; width:1px; height:1px; overflow:hidden;}
.noscreen {display:none;}
.smaller {font-size:85%;}
.input-text {padding:5px;}
.input-submit {padding:3px;}