* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 14px;
}

.clearfix:after, .clearfix:before {
	content: '';
	display: table;
}

.clearfix:after {
	clear: both;
}

.navs_box{
    width: 100%;
    height: 4.25rem;
    line-height: 4.25rem;
    position: fixed;
    top: 0;
    z-index: 100;
    background: #fff;
    box-shadow: 3px 3px 12px rgba(0,0,0,.2);
}

.navbar-brand>img {
    display: block;
    width: 50%;
    margin-top: 0.1rem;
}

.section1 {
	width: 100%;
    background: url(../images/indexBg.png) no-repeat;
    height: 97vh;
    background-size: cover;
    background-position: top;
}

#wrapper {
    width: 100%;
    min-width: 20rem;
    margin: 1.25rem auto;
    max-width: 40rem;
    overflow: hidden;
    margin-bottom: 3.125rem;
    padding-top: 3rem;
    position: relative;
}

.section1 >.img {
	width: 100%;
    position: absolute;
    top: 20rem;
}

.section1 >.img>img {
	width: 80%;
    margin-left: 10%!important;
    margin: 0 auto;
    margin-bottom: 3rem;
}

.About {
	padding: 2rem;
	box-sizing: border-box;
}

.section2LeftBoxTopLeft {
	width: 4.25rem;
	float: left;
}

.section2LeftBoxTopLeft >img {
	width: 100%;
}

.section2LeftBoxTopRight {
/*	float: right;*/
	margin-left: 5.25rem;
}

.section2LeftBoxTopRight >span {
	display: block;
	display: block;
	width: 3.75rem;
	height: 0.3125rem;
	background: #6eb92b;
	margin-top: 4rem;
}

.section2LeftBoxTopRight >p {
     width: 100%;
	line-height: 1.8rem;
	font-size: 1.4rem;
	color: #595959;
	padding: 2.75rem 0 3.125rem 0;
	opacity: 1;
	transition: all linear .5s
}

.section2LeftBoxTopRight >a {
	display: block;
	width: 12.5rem;
	height: 3.125rem;
	line-height: 3.125rem;
	border: 1px solid #005cac;
	color: #005cac;
	font-size: 0.875rem;
	text-align: center;
	transition: all linear 1s;
}

.About .AboutT {
	position: relative;
	width: 100%;
	height: 30rem;
}

.About .AboutT .kuai {
	width: 15.8125rem;
    height: 23.875rem;
    background: #175495;
    float: right;
    margin-top: 1rem;
}

.About .AboutT .img2 {
    width: 93%;
    position: absolute;
    left: -2rem;
    top: 5rem;
}

.News {
	width: 100%;
	padding:7rem 2rem;
	box-sizing: border-box;
}

.News >h1 {
	font-size: 3rem;
	color: #333333;
	line-height: 3.875rem;
}

.News >h2 {
    font-size: 1.875rem;
	color: #333333;
	line-height: 1.5625rem;
	margin:4% 0 4%;
}

.News >p {
	font-size: 1.5rem;
	color: #666;
	line-height: 2.1875rem;
}

.News >a{
	width: 34.5%;
	height: 3.125rem;
	line-height: 3.125rem;
	text-align: center;
	font-size: 0.875rem;
	color: #ffffff;
	background: #0d63b0;
	display: block;
	margin-top: 12%;
	margin-left: 65.5%;
}

.newsList {
	width: 100%;
    left: 0px;
    opacity: 1;
    border: 1px solid #ddd;
    margin-top: 3rem;
}

.newsList>a {
	display: block;
    width: 100%;
    padding: 15.7% 4% 20px;
	position: relative;
}

.newsList>a>.day {
	font-size: 5rem;
    color: #666;
    line-height: 0.75rem;
    opacity: 0.2;
    padding-bottom: 18%;

}

.newsList>a>.linear {
	display: block;
    width: 3.75rem;
    height: 0.3125rem;
    background: #6eb92b;
}

.newsList>a>.data {
	font-size: 1.575rem;
    line-height: 1.0625rem;
    padding: 5% 0 3%;
	color: #888888;
}

.newsList>a>h2 {
	font-size: 1.5rem;
    color: #333;
    line-height: 1.5625rem;
    height: 2.125rem;
    overflow: hidden;
    transition: color 0.3s;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 1rem;
}

.newsList>a>.latest {
	font-size: 1.75rem;
    color: #0d63b0;
    line-height: 1.1875rem;
    margin-bottom: 7%;
	padding-top: 10%;
}

.newsList>a>.font {
	font-size: 1.45rem;
    color: #888888;
    line-height: 1.7;
    /* height: 5rem; */
    overflow: hidden;
      word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}

.newsList>a>.arrow {
	height: 2.125rem;
	padding: 0 15px;
	font-size: 1.45rem;
	background: #0d63b0;
	position: absolute;
	right:4%;
	bottom:20px;
	color: #fff;
}


.linkUsAddress {
	width: 75rem;
	margin: 0 auto;
   padding: 2rem;
   box-sizing: border-box;
   margin-top: 2rem;
}

.linkUsAddress .companyTitle {
	font-size: 1.875rem;
	color: #333333;
}

.linkUsAddressList {
	width: 100%;
}

.linkUsAddressList >li {
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	position: relative;
	font-size: 1.2rem;
	color: #595959;
}

.linkUsAddressList >li:nth-child(1) {
	margin-top: 2rem;
}

.linkUsAddressList >li>img {
	width: 1.5rem;
  /*  margin-top: 2rem;*/
    margin-right: 1rem;
}

/* Footer   */

.Footer {
	width: 100%;
}

.Footer .FooterTop {
	width: 100%;
	height: 4.0625rem;
	line-height: 4.0625rem;
	background: #f7f7f7;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}

.FooterTop>li {
	width: 33.3333333%;
	height: 4.0625rem;
	line-height: 4.0625rem;
	position: relative;
	float: left;
}

.FooterTop>li >a {
	display: block;
	height: 4.0625rem;
	line-height: 4.0625rem;
	position: relative;
	padding: 0 2.5rem;
	color: #a6a6a6;
	font-size: 1.5rem;
}

.FooterTop>li >a:after {
	content: '';
    width: 1px;
    position: absolute;
    top: 37%;
    bottom: 34%;
    background: #a6a6a6;
    right: 0;
}

.FooterTop>li:nth-child(3) >a:after {
	content: '';
    width: 0px;
    position: absolute;
    top: 37%;
    bottom: 34%;
    background: #a6a6a6;
    right: 0;
}

.FooterTop>li:nth-child(1) >a {
	text-align: right;
}

.FooterTop>li:nth-child(2) >a {
	text-align: center;
}

.FooterBottom {
	padding-bottom: 3rem;
}

.FooterBottom p {
	width: 60%;
    margin: 0 auto;
    line-height: 1.8;
    font-size: 1.375rem;
    color: #a6a6a6;
    text-align: center;
    padding-top: 1rem;
}