.container {
	width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
}


/*header start*/

body {
	background: url("../image/bg.jpg") top center no-repeat;
	background-size: 100%;
	background-color: #f5f5f5;
	background-attachment:fixed 
}

header {
	height: 121px;
	overflow: hidden;
}

.logo {
	margin-top: 47px;
}

.logo a {
	display: block;
	width: 326px;
	height: 59px;
	background: url(../image/logo.png);
	text-indent: -9999px;
}

header nav {
	margin-top: 86px;
}

header nav ul li {
	float: left;
	font-size: 16px;
	margin-left: 30px;
}

header nav ul li a {
	color: #727171;
	display: block;
}

header nav ul li a:hover,
header nav ul li.cur a {
	color: #41a2d9;
	text-decoration: none;
}


/*header end*/


/*slide start*/


/* slide */

.slide {
	margin-bottom: 60px;
}


/*main start*/

.product-class {
	overflow: hidden;
	margin-bottom: 50px;
}

.product-class .education,.product-class .reading {
	width: 562px;
	margin-bottom: 32px;
}

.h3-title h3 {
	font-size: 24px;
	font-weight: normal;
	float: left;
	width: 110px;
	line-height: 24px;
}

.h3-title .en-font {
	width: 452px;
	border-bottom: 1px solid #d5d5d5;
	float: right;
	padding: 2px 0 3px;
}

.h3-title p {
	color: #a6a6a6;
}

.product-class .product-class-content {
	margin-top: 12px;
	position: relative;
	text-align: center;
}

.product-class .product-class-content span {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #868686;
}
.new{
	overflow: hidden;
}
.news_vedio{
	width: 618px;
	height: 412px;
	background: #000;
	overflow: hidden;
	margin-top:26px;
}
.news .h3-title .en-font {
	width: 1090px;
}
.news-list{
	width: 502px;
}
.news-list li {
	margin-top: 26px;
	overflow: hidden;
	position: relative;
}

.news-list li .news-pic {
	width: 284px;
	height: 188px;
	display: block;
	overflow: hidden;
}

.news-list li a img {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.news-list li a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.news-list li .news-content {
	width: 192px;
}

.news-list li .news-content h4 {
	color: #727171;
	margin-top: 9px;
}

.news-list li .news-content p {
	color: #a6a6a6;
	line-height: 24px;
	margin-top: 14px;
}

.news-list li span {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #868686;
}

.video {
	margin: 54px 0 90px;
}


/*main end*/


/*footer start*/

footer {
	overflow: hidden;
	background-color: #f5f5f5;
	border-top: 1px solid #e4e4e4;
	padding: 33px 0 58px;
}

.footer-wrap {
	overflow: hidden;
}

.bottom-logo {
	margin-top: 4px;
}

.bottom-logo a {
	width: 341px;
	height: 38px;
	background: url(../image/bottom-logo.png);
	text-indent: -9999px;
}

footer .copyright {
	text-align: center;
	margin-bottom: 14px;
	color: #a4a4a4;
	margin-top: 46px;
}

footer .copyright span {
	color: #2c87bb;
}


/*footer end*/


/* slide */

.slide-main {
	height: 600px;
	position: relative;
	margin-bottom: 60px;
    min-width: 1200px;
}

.slide-main .prev,
.slide-main .next {
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	z-index: 222;
	top: 267px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	_border: 1px solid none;
}

.prev {
	left: 70px;
}

.next {
	right: 70px;
}

.prev:hover,
.next:hover,
.nav-main a:hover,
.nav-main a.cur {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.item {
	display: block;
	width: 100%;
	height: 5px;
	position: absolute;
	z-index: 124;
	top: 540px;
	left: 0;
	text-align: center;
}

.item a {
	display: inline-block;
	width: 24px;
	height: 5px;
	margin-right: 11px;
	background: #444;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	overflow: hidden;
}

.item a.cur {
	background: #fff;
}

.slide-box,
.slide {
	display: block;
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.slide-box {
	position: relative;
}

.slide {
	display: none;
	height: 600px;
	background: #ff6900;
	position: relative;
	position: absolute;
	z-index: 8;
}

#bgstylea {
	background: url(../image/bannerbg1.jpg) center center no-repeat;
	background-size: auto 100%;
}

#bgstyleb {
	background: url(../image/bannerbg2.png) center center no-repeat;
	background-size: auto 100%;
}

#bgstylec {
	background: url(../image/bannerbg3.jpg) center center no-repeat;
	background-size: auto 100%;
	position: relative;
}

#bgstyled {
	background: url(../image/bannerbg4.jpg) center center no-repeat;
	background-size: auto 100%;
	position: relative;
}

#bgstylee {
	background: url(../image/bannerbg5.jpg?20230816) center center no-repeat;
	background-size: auto 100%;
}

#spmyj {
	background: url(../image/spmyjbanner.jpg) center center no-repeat;
	background-size: auto 100%;
}

.slide a {
	display: block;
	width: 100%;
	height: 600px;
	cursor: pointer;
}

.obj-a,
.obj-a-1,
.obj-b,
.obj2-1,
.obj2-2,
.obj2-3,
.obj2-4,
.pad,
.cartoon,
.ribbon1,
.ribbon2,
.ribbon3,
.ribbon4,
.bannan3-title,
.bannan3-small-title
{
	position: absolute;
	z-index: 9;
}

.obj-a {
	width: 711px;
	height: 171px;
	top: 190px;
	right: -10px;
	display: block;
	animation-name: baoAni;
	-webkit-animation: baoAni 0.5s linear 0s normal none;
	-moz-animation: baoAni 0.5s linear 0s normal none;
	animation: baoAni 0.5s linear 0s normal none;
}
.obj-a-1 {
	width: 691px;
	height: 33px;
	top: 378px;
	right: 0;
	display: block;
	animation-name: baoAni;
	-webkit-animation: baoAni 0.5s linear 0s normal none;
	-moz-animation: baoAni 0.5s linear 0s normal none;
	animation: baoAni 0.5s linear 0s normal none;
}

@-webkit-keyframes baoAni {
	from {
		opacity: 0;
		right: -40%;
	}
	to {
		opacity: 1;
		right: -10px;
	}
}

@-moz-keyframes baoAni {
	from {
		opacity: 0;
		right: -40%;
	}
	to {
		opacity: 1;
		right: -10px;
	}
}

@keyframes baoAni {
	from {
		opacity: 0;
		right: -40%;
	}
	to {
		opacity: 1;
		right: -10px;
	}
}

.obj-b {
	width: 589px;
	top: 58px;
	left: -115px;
	height: 525px;
	display: block;
	animation-name: saAni;
	-webkit-animation: saAni 0.4s linear 0s normal none;
	-moz-animation: saAni 0.4s linear 0s normal none;
	animation: saAni 0.4s linear 0s normal none;
}

@-webkit-keyframes saAni {
	from {
		opacity: 0;
		-webkit-transform: translate(-100px,100px);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0,0);
	}
}

@-moz-keyframes saAni {
	from {
		opacity: 0;
		-moz-transform: translate(-100px,100px);
	}
	to {
		opacity: 1;
		-moz-transform: translate(0,0);
	}
}

@keyframes saAni {
	from {
		opacity: 0;
		transform: translate(-100px,100px);
	}
	to {
		opacity: 1;
		transform: translate(0,0);
	}
}

.obj2-1 {
	width: 588px;
	height: 47px;
	top: 218px;
	right: 74px;
	display: block;
	animation-name: fade;
	-webkit-animation: fade 0.3s linear 0s normal none;
	-moz-animation: fade 0.3s linear 0s normal none;
	animation: fade 0.3s linear 0s normal none;	
}
@-webkit-keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.obj2-2 {
	width: 207px;
	height: 122px;
	top: 300px;
	right: 192px;
	display: block;
	opacity: 0;
	animation-name: obj2-2;
	-webkit-animation: obj2-2 0.3s linear 1.5s normal none;
	-moz-animation: obj2-2 0.3s linear 1.5s normal none;
	animation: obj2-2 0.3s linear 1.5s normal none;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;	
}
@-webkit-keyframes obj2-2 {
	from {
		opacity: 0;
		right: -40%;
	}
	to {
		opacity: 1;
		right: 192px;
	}
}

@-moz-keyframes obj2-2 {
	from {
		opacity: 0;
		right: -40%;
	}
	to {
		opacity: 1;
		right: 192px;
	}
}

@keyframes obj2-2 {
	from {
		opacity: 0;
		right: -40%;
	}
	to {
		opacity: 1;
		right: 192px;
	}
}
.obj2-3 {
	width: 73px;
	display: block;
	height: 83px;
	top: 182px;
	right: 502px;
	animation-name: scode;	
	-webkit-animation: scode 0.3s linear 0.5s normal none;
	-moz-animation: scode 0.3s linear 0.5s normal none;
	animation: scode 0.3s linear 0.5s normal none;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 0;
}
.obj2-4 {
	width: 82px;
	height: 81px;
	top: 202px;
	right: 410px;
	display: block;
	opacity: 0;
	animation-name: scode;
	-webkit-animation: scode 0.6s linear 0.8s normal none;
	-moz-animation: scode 0.6s linear 0.8s normal none;
	animation: scode 0.6s linear 0.8s normal none;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes scode {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes scode {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes scode {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.pad{
	width: 370px;
	display: block;
	height: 547px;
	top: 53px;
	left:235px;
	z-index: 10;
	opacity: 0;
	-webkit-animation: fade 0.5s linear 0s normal none;
	-moz-animation: fade 0.5s linear 0s normal none;
	animation: fade 0.5s linear 0s normal none;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.cartoon{
	width: 483px;
	display: block;
	height: 314px;
	top: 110px;
	left:165px;
	z-index: 12;
	opacity: 0;
	-webkit-animation: fade 0.5s linear 0.6s normal none;
	-moz-animation: fade 0.5s linear 0.6s normal none;
	animation: fade 0.5s linear 0.6s normal none;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 1\9;
}
.ribbon1{
	width: 538px;
	display: block;
	height: 67px;
	top: 488px;
	left:176px;
	overflow: hidden;
}

.ribbon1 img{
	position: absolute;
	right: 0;
	opacity: 0;
	width:538px;
	height: 100%;
	background: no-repeat right center url(../image/ribbon1.png);
	animation-name: ribbon;
	-webkit-animation: ribbon 0.5s linear 1.2s normal none;
	-moz-animation: ribbon 0.5s linear 1.2s normal none;
	animation: ribbon 0.5s linear 1.2s normal none;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes ribbon {
	from {
		opacity: 0;
		width:0px;
	}
	to {
		opacity: 1;
		width:100%;
	}
}

@-moz-keyframes ribbon {
	from {
		opacity: 0;
		width:0px;
	}
	to {
		opacity: 1;
		width:100%;
	}
}

@keyframes ribbon {
	from {		
		opacity: 0;
		width:0px;
	}
	to {
		opacity: 1;
		width:100%;
	}
}
.ribbon2{
	opacity: 0;
	width: 465px;
	display: block;
	height: 164px;
	top: 342px;
	left: 176px;
	overflow: hidden;
	animation-name: ribbon;
	-webkit-animation: ribbon 0.7s linear 1.8s normal none;
	-moz-animation: ribbon 0.7s linear 1.8s normal none;
	animation: ribbon 0.7s linear 1.8s normal none;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.ribbon2 img{
	width: 465px;
	height: 100%;
	background: no-repeat right center url(../image/ribbon2.png);
	
}
.ribbon3{
	width: 209px;
	display: block;
	height: 113px;
	top: 261px;
	left: 432px;
	overflow: hidden;
	z-index: 11;
}
.ribbon3 img{
	position: absolute;
	right: 0;
	width: 209px;
	opacity: 0;
	height: 100%;
	background: no-repeat right center url(../image/ribbon3.png);
	animation-name: ribbon;
	-webkit-animation: ribbon 0.3s linear 2.4s normal none;
	-moz-animation: ribbon 0.3s linear 2.4s normal none;
	animation: ribbon 0.3s linear 2.4s normal none;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.ribbon4{
	width: 853px;
	opacity: 0;
	display: block;
	height: 158px;
	top: 171px;
	left: 431px;
	overflow: hidden;
	animation-name: ribbon;
	-webkit-animation: ribbon 0.6s linear 2.7s normal none;
	-moz-animation: ribbon 0.6s linear 2.7s normal none;
	animation: ribbon 0.6s linear 2.7s normal none;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	z-index: 12;
}
.ribbon4 img{
	width: 853px;
	height: 100%;
	background: no-repeat right center url(../image/ribbon4.png);
	
}
.bannan3-title{
	width: 643px;
	display: block;
	height: 116px;
	top: 220px;
	right: 75px;
	opacity: 0;
	z-index: 14;	
	animation-name: bannan3-title;
	-webkit-animation: bannan3-title 0.3s linear 3.3s normal none;
	-moz-animation: bannan3-title 0.3s linear 3.3s normal none;
	animation: bannan3-title 0.3s linear 3.3s normal none;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes bannan3-title {
	from {
		opacity: 0;
		right: -40%;
	}
	to {
		opacity: 1;
		right: 75px;
	}
}

@-moz-keyframes bannan3-title {
	from {
		opacity: 0;
		right: -40%;
	}
	to {
		opacity: 1;
		right: 75px;
	}
}

@keyframes bannan3-title {
	from {
		opacity: 0;
		right: -40%;
	}
	to {
		opacity: 1;
		right: 75px;
	}
}
.bannan3-small-title{
	width: 361px;
	display: block;
	height: 60px;
	top: 344px;
	right:188px;
	opacity: 0;
	-webkit-animation: fade 0.5s linear 3.7s normal none;
	-moz-animation: fade 0.5s linear 3.7s normal none;
	animation: fade 0.5s linear 3.7s normal none;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.main {
	margin-bottom: 62px;
	overflow: hidden;
}

.mainpath {
	color: #a6a6a6;
	margin: 40px 0;
}

.mainpath a {
	color: #a6a6a6;
}

.page-title {
	font-size: 30px;
	color: #474343;
	font-weight: normal;
	margin-bottom: 50px;
}

.news-listpage .menu {
	width: 166px;
}

.news-listpage .menu h5 {
	color: #7f7f7f;
	font-size: 20px;
	font-weight: normal;
}

.news-listpage .menu ul li {
	margin-top: 22px;
}

.news-listpage .menu ul li a {
	color: #a6a6a6;
	font-size: 18px;
}

.news-listpage .list {
	width: 1032px;
	border-left: 1px solid #d5d5d5;
	min-height: 350px;
}

.news-listpage .list ul li {
	padding-left: 50px;
	font-size: 16px;
	margin-bottom: 18px;
}
.news-listpage .list ul li.hot {
	background: url(../image/icon-hot.png) 12px center no-repeat;
}
.news-listpage .list ul li a {
	color: #727171;
	width: 600px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-listpage .list ul li .class {
	color: #a6a6a6;
	float: left;
}

.news-listpage .list ul li .hits {
	color: #868686;
	font-size: 14px;
}

.news-listpage .list ul li .date {
	color: #868686;
	margin-left: 82px;
	font-size: 14px;
}

.news-showpage .main {
	margin-left: 247px;
	margin-right: 247px;
}

.news-showpage .main h1 {
	color: #3e3a39;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
}

.news-showpage .main .tit-bar {
	margin: 12px 0 24px;
	text-align: center;
	color: #727171;
}

.news-showpage .main .tit-bar .hits {
	margin-left: 60px;
}

.news-showpage .main .content {
	text-align: center;
	font-size: 16px;
	color: #868686;
	line-height: 36px;
}

.news-showpage .main .content p {
	text-align:justify;
	/*margin-bottom: 50px;*/
}
.news-showpage .main .content img {
	max-width: 100%;
}
.news-showpage .main .content .img-desc {
	text-align: center;
	font-size: 12px;
	color: #a6a6a6;
	margin: 12px 0 34px;
}

.product-listpage .menu {
	overflow: hidden;
}

.product-listpage .menu ul li {
	width: 106px;
	height: 106px;
	float: left;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	margin-right: 48px;
	background: url(../image/product-class-bg2.png) no-repeat;
}

.product-listpage .menu ul li.active {
	background: url(../image/product-class-bg.png) no-repeat;
}

.product-listpage .menu ul li span {
	margin-top: 43px;
	display: block;
}

.product-listpage .list {
	margin-top: 60px;
}

.product-listpage .list ul li {
	margin-bottom: 138px;
	position: relative;
	height: auto !important;
	height: 150px;
	min-height: 150px;
	padding-left: 338px;
}

.product-listpage .list ul li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 310px;
	height: 150px;
}

.product-listpage .list ul li .title {
	margin: 5px 0;
	font-size: 28px;
}

.product-listpage .list ul li .title a {
	color: #1d1d1d;
}

.product-listpage .list ul li .type {
	margin: 5px 0;
	padding: 1px 0;
}

.product-listpage .list ul li .type i {
	font-style: normal;
	font-size: 14px;
	font-weight: normal;
	background: #6A6A6A;
	color: #FFF;
	padding: 3px 5px;
	margin: 0 2px 0 0;
}

.product-listpage .list ul li .desc {
	margin-top: 17px;
	line-height: 30px;
	overflow: hidden;
	text-align: justify;
	font-size: 16px;
	color: #949393;
	text-indent: 2em;
}

.job-listpage .list,
.job-showpage .job-showlf {
	width: 880px;
}

.job-listpage .list .desc p {
	line-height: 26px;
	text-indent: 2em;
	font-size: 14px;
	color: #7e7e7e;
}

.job-listpage .list ul {
	margin-top: 34px;
}

.job-listpage .list ul li {
	font-size: 18px;
	margin-bottom: 20px;
	padding-left: 28px;
}

.job-listpage .list ul li a {
	color: #434343;
}

.job-listpage .list ul li span {
	float: right;
	color: #7f7f7f;
	font-size: 14px;
}

.mailbox {
	width: 224px;
	height: 265px;
	background: url(../image/mailbox.png?1) no-repeat;
	position: relative;
}

.mailbox a.email {
	display: block;
	position: absolute;
	width: 200px;
	height: 27px;
	line-height: 27px;
	left: 11px;
	top: 82px;
	background: #41a2d9;
	color: #FFF;
	overflow: hidden;
	font-size: 18px;
	text-align: center;
}

.mailbox a.down {
	display: block;
	position: absolute;
	width: 190px;
	height: 45px;
	left: 16px;
	top: 202px;
	background: url(../image/btn_download.png) no-repeat 0 0;
	color: #FFF;
	overflow: hidden;
	text-align: center;
}

.mailbox a.down:hover {
	text-decoration: none;
	background-position: 0 -45px;
}

.job-page a {
	color: #dfdfdf;
	height: 42px;
	line-height: 42px;
	display: inline-block;
}

.job-page .pre-page {
	padding-left: 55px;
	background: url(../image/btn-prepage.png) left center no-repeat;
}

.job-page .next-page {
	padding-right: 55px;
	background: url(../image/btn-nextpage.png) right center no-repeat;
}

.job-showpage .job-showlf .content {
	color: #868686;
	font-size: 12px;
	line-height: 24px;
}

.job-showpage .job-showlf .content h1 {
	margin: 18px 0 20px;
	font-size: 24px;
	color: #000;
}

.job-showpage .job-showlf .content .lbl {
	color: #000;
}
.about h1 {
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	font-weight: normal;
}

.about .company-profile {
	padding-bottom: 130px;
}

.about .company-profile h1 {
	margin: 42px 0 52px;
	padding-bottom: 32px;
	background: url(../image/company-profile.png) bottom center no-repeat;
}

.about .company-profile .rt {
	width: 750px;
}

.about .company-profile .rt p {
	text-align: justify;
	text-indent: 2em;
	color: #727171;
	line-height: 30px;
}

.about .company-profile .rt p strong {
	font-size: 20px;
	font-weight: normal;
	margin: 0 4px;
}

.about .function-department,
.about .company-culture,
.about .company-vision,
.about .company-honor,
.about .contact-us {
	height: 900px;
	min-width: 1200px;
}

.about .function-department {
	background-color: #fdfdfd;
}

.about .function-department h1 {
	margin: 132px 0 52px;
	padding-bottom: 32px;
	background: url(../image/function-department.png) bottom center no-repeat;
}

.about .function-department .desc {
	text-align: center;
	margin-top: 82px;
	line-height: 30px;
	color: #727171;
}

.about .company-culture {
	background: url(../image/pic_aboutus_03.jpg) center center no-repeat;
	background-size: auto 100%;
}

.about .company-culture .sense-worth {
	margin-left: 57px;
	margin-top: 186px;
}

.about .company-culture .sense-worth h4 {
	font-size: 24px;
	font-weight: normal;
	color: #726a57;
}

.about .company-culture .sense-worth p {
	font-size: 16px;
	color: #958c77;
}

.about .company-culture h1 {
	margin-top: 132px;
	padding-bottom: 32px;
	background: url(../image/company-culture.png) bottom center no-repeat;
}

.about .company-vision {
	background: url(../image/pic_aboutus_05.png) center center no-repeat;
	background-size: auto 100%;
}

.about .company-vision h1 {
	margin-top: 132px;
	padding-bottom: 32px;
	background: url(../image/company-vision.png) bottom center no-repeat;
}

.about .company-vision .mission {
	text-align: center;
	margin-top: 168px;
}

.about .company-vision .mission h4 {
	font-size: 24px;
	font-weight: normal;
	color: #595757;
	margin-bottom: 25px;
}

.about .company-vision .mission p {
	font-size: 16px;
	color: #868686;
	line-height: 36px;
}

.about .company-honor {
	background: url(../image/pic_aboutus_04.png) center center no-repeat;
	background-size: auto 100%;
}

.about .company-honor h1 {
	margin-top: 132px;
	padding-bottom: 32px;
	background: url(../image/company-honor.png) bottom center no-repeat;
}

.about .company-honor .certificate {
	margin-top: 87px;
	height: 238px;
	font-size: 0;
}

.about .company-honor .certificate img {
	vertical-align: bottom;
}

.about .company-honor .certificate .certificate1 {
	margin-right: 25px;
}

.about .company-honor .certificate .certificate2 {
	margin-right: 24px;
}

.about .company-honor .certificate .certificate3 {
	margin-right: 26px;
}

.about .company-honor .certificate .certificate4 {
	margin-right: 30px;
}

.about .company-honor .honor {
	text-align: center;
	margin-top: 118px;
}

.about .company-honor .honor p {
	font-size: 14px;
	color: #727171;
	line-height: 32px;
}

.about .contact-us {
	background: url(../image/pic_aboutus_06.jpg) center center no-repeat;
	background-size: auto 100%;
}

.about .contact-us h1 {
	margin-top: 132px;
	padding-bottom: 32px;
	background: url(../image/contact-us.png) bottom center no-repeat;
}
/*合作伙伴*/
.partner ul li {
    float: left;
    width: 150px;
    margin: 10px;
    text-align: center;
    color: #959595;
    font-size: 13px;
}
.partner ul li img {
    display: block;
    width: 150px;
    height: 76px;
    margin: auto;
    border: 1px solid #EBEBEB;
    margin-bottom: 2px;
}