/*lwp*/
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.prz{position:relative;zoom:1;}
.pra{position:absolute;}
.img-container{display:block;position:relative;zoom:1;overflow:hidden;}
.img-container img{display:block;}


img{
	-webkit-transition:unset;
    -moz-transition:unset;
    -ms-transition:unset;
    transition:unset; 
}
a {
    color: #333;
    -webkit-transition: unset;
    -moz-transition: unset;
    -ms-transition: unset;
    transition: unset;
}
.header .header01 .nav>ul li a {
	color: #666;
}
.content {
	margin-top: 109px;
}
.bg_w {
	background: #fff;
}

.header .nav_btn span {
	background-color: #000;
}
.header .nav_btn span:before {
	background-color: #000;
}
.header .nav_btn span:after {
	background-color: #000;
}
.header.btn_click .nav_btn span {
	background-color: transparent;
}
.header.btn_click .nav_btn span:before {
	background-color: #000;
}
.header.btn_click .nav_btn span:after {
	background-color: #000;
}
@media only screen and (max-width: 767px) {
	.header .header01 .header_right .nav_top a {
	    display: block;
	    float: none;
	    text-align: left;
	    padding-bottom: 5px;
	}
}




.about_banner{position: relative;text-align: center;}
.about_banner >img{width: 100%;}
.about_banner>div.h3{position: absolute;left: 50%;top: 34%;text-align: center;transform:translateX(-50%); color: #fff;}
.about_banner>div.h3 h3{position: relative;color: #fff;font-weight: 500;padding:0;}
.about_banner>div.h3 h3:after{position: absolute;bottom: -20px;left:20%;content: "";width: 60%;height: 2px;background: #fff;}
/*@media only screen and (max-width: 1300px){
  .about_banner>div.h3{margin-left:0;right:0px;left:10%;} 
}*/
/*@media only screen and (max-width: 767px){
  .about_banner>div.h3{margin-top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
  .about_banner>div.h3 h3:after{bottom: -5px;}
}*/
@media only screen and (max-width: 1279px) {
	.wrap {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.about_banner>div.h3 h3:after {
		left: 20%;
		bottom: -16px;
	}
}
@media only screen and (max-width: 560px) {
	.about_banner>div.h3 {
		top: 20px;
	}
	.about_banner>div.h3 h3 {
		font-size: 16px;
	}
	.about_banner>div.h3 h3:after {
		width: 60%;
		height: 1px;
	}
}
@media only screen and (max-width: 400px) {
	.about_banner>div.h3 {
		top: 14px;
	}
	.about_banner>div.h3 h3:after {
		bottom: -10px;
	}
}

.content .self_info {
	position: relative;
	margin: 100px auto;
	/* padding-bottom: 120px; */
}
.content .self_info .left {
	width: 50%;
	float: left;
	padding: 20px 0 0;
	color: #666;
}
.content .self_info .left h3 {
	font-weight: 600;
	color: #000;
	position: relative;
}
.content .self_info .left h3:after {
    position: absolute;
    bottom: -30px;
    left: 0;
    content: "";
    width: 60px;
    height: 1px;
    background: #666;
}
.content .self_info .left p {
	line-height: 30px;
}
.aboutUs .self_info .left a {
	border: 1px solid #666;
}
.aboutUs .self_info .left a:hover{border:1px solid #0072ff;}
.aboutUs .self_info .left a:hover span:after{background-color: #0072ff;color:#fff;}
/*.content .self_info .left a {
	width: 200px;
	height: 45px;
	line-height: 45px;
	border:1px solid #666;
	display: block;
	text-align: center;
	color: #666;
}
.content .self_info .left a span {
	display:block;width:100%;height: 45px;line-height: 45px;
  text-align: center;
  -webkit-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  -moz-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  -o-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  -ms-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  position: relative;
}*/
/*.content .self_info .left a span:after{content:attr(data-tit);
    position: absolute;height: 45px;
    top:0px;left:0px;right:0;
    color:transparent;
    -webkit-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -moz-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -o-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -ms-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    transform: translate(0,100%);
}*/

/*.content .self_info .left a:hover {
	background-color: #0072ff;
	color:#fff;
}*/
.content .self_info .right {
	float: right;
	width: 44%;
}
.content .self_info .right img {
	width: 100%;
	height: auto;
	display: block;
}
@media only screen and (max-width: 1279px) {
	.content .self_info {
		margin: 50px auto;
	}
	.content .self_info .left {
		width: 55%;
	}
	.content .self_info .right {
		width: 40%;
		right: 0;
	}
	.content .self_info {
		padding-bottom: 20px;
	}
}
@media only screen and (max-width: 1000px) {
	.content .self_info .left p {
		line-height: 24px;
	}
}
@media only screen and (max-width: 767px) {
	.content .self_info .left h3:after {
		bottom: -18px;
	}
	.content .self_info {
		margin: 20px auto;
		padding-bottom: 0;
	}
	.content .self_info .left {
		float: none;
		width: 100%;
	}
	.content .self_info .right {
		float: none;
		width: 90%;
		margin: 0 auto;
    	text-align: center;
	}
	.content .self_info .right img {
		width: 90%;
		display: inline-block;
	}
}
@media only screen and (max-width: 500px) {
	.content .self_info .left p {
		line-height: 22px;
	}
	.content .self_info .left a {
		width: 160px;
		height: 36px;
		line-height: 36px;
	}
}

.content .structure {
	background: #0072ff;
}
.content .structure li {
	float: left;
	width: 33.33333%;
	margin: 50px 0;
	text-align: center;
	color: #fff;
	border-right: 1px solid #338eff;
	box-sizing:border-box;
}
.content .structure li:last-child {
	border-right: none;
}
.content .structure li a {
	width: 100%;
	height: 100%;
	color: #fff;
}
.content .structure li a p {
	font-size: 12px;
}

.content ._img {
	padding: 140px 0;
}
.content ._img li {
	float: left;
	width: 620px;
	position: relative;
	margin-left: 40px;
}
.content ._img li:first-child {
	margin-left: 0;
}
.content ._img li:last-child {
	margin-top: 40px;
}
.content ._img li img {
	width: 100%;
	height: auto;
	display: block;
}
.content ._img li ._text {
	position: absolute;
	left: 20px;
	bottom: 40px;
	color: #fff;
	margin-right: 20px;
	width: 84%;
}
.content ._img li ._text p {
	line-height: 24px;
}
@media only screen and (max-width: 1279px) {
	.content ._img {
		padding: 90px 0;
	}
	.content ._img li {
		width: 48%;
		margin-left: 4%;
	}
	.content ._img li:last-child {
		margin-top: 3%;
	}
	.content ._img li ._text {
		bottom: 2%;
	}
}
@media only screen and (max-width: 767px) {
	.content ._img {
		padding: 60px 0;
	}
	.content ._img li ._text p {
		line-height: 16px;
	}
	.content ._img li ._text {
		left: 2%;
	}
}
@media only screen and (max-width: 500px) {
	.content ._img li {
		width: 100%;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;

	}
	.content ._img li:first-child {
		margin-top: 0;
	}
	.content ._img {
		padding: 20px 0;
	}
}

.content ._join {
	height: 480px;
	background: url(../images/a_img06.png) no-repeat left top;
	position: relative;
	color: #eee;
	background-size: 100% 100%;
}
.content ._join ._text {
	top: 100px;
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	text-align: center;
}
.content ._join h3 {
	font-weight: 600;
	position: relative;
	color: #fff;
}
.content ._join h3:after {
	position: absolute;
    bottom: -30px;
    left: 43%;
    content: "";
    width: 60px;
    height: 1px;
    background: #eee;
}
.content ._join a {
	width: 160px;
	border:1px solid #666;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #eee;
}
.content ._join a:hover {
	background: #eee;
	color: #000;
}
@media only screen and (max-width: 1279px) {
	.content ._join {
		height: 400px;
	}
}
@media only screen and (max-width: 767px) {
	.content ._join {
		height: 340px;
	}
	.content ._join h3:after {
		bottom: -18px;
    	left: 42%;
	}
}

@media only screen and (max-width: 500px) {
	.content ._join {
		height: 300px;
	}
	.content ._join h3:after {
		left: 38%;
	}
}

.content .media_view {
	margin: 85px auto;
}
.content .media_view .title {
	width: 100%;
}
.content .media_view .title h2 {
	float: left;
}
.content .media_view .title a {
	float: right;
	color: #666;
}
.content .media_view .title a:hover {
	color: #0072ff;
	text-decoration: underline;
}

.content .media_view .view_left, .content .media_view .view_middle, .content .media_view .view_right {
	float: left;
	width: 31%;
	margin-right: 3.5%;
	overflow: hidden;
}
.content .media_view >div img {
	width: 100%;
	height: auto;
	display: block;
}
.content .media_view >div:last-child {
	margin-right: 0;
}
.content .media_view .text_info {
	padding: 0 10px;
	width: 100%;
	box-sizing:border-box;
}
.content .media_view .text_info h3 {
	color: #333;
	font-family: 'Microsoft YaHei';
}
.content .media_view .text_info h3 a{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.content .media_view .text_info >a {
	font-size: 12px;
	color: #666;
	display: block;
}
.content .media_view .text_info a:hover {
	color: #0072ff;
	text-decoration: underline;
}
.content .media_view .text_info p {
	color: #666;
	-webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content .media_view .text_info p.date {
	color: #999;
}
.content .media_view .view_left ._left_img img {
	width: 100%;
	height: auto;
	display: block;
}
.content .view_right .text_info{
	margin-bottom:20px;
}
@media only screen and (max-width: 1279px) {
	.content .media_view {
		margin: 60px auto;
	}
}
@media only screen and (max-width: 767px) {
	.content .media_view {
		margin: 25px auto;
	}
	.content .media_view .view_left, .content .media_view .view_middle, .content .media_view .view_right {
		float: none;
		width: 100%;
	}

	.media_view .view_right{border-top:1px solid #eee;padding-top: 30px;}
}

.company_news {
	background: url(../images/m_bg2.png) no-repeat left top;
	padding: 120px 0;
	box-sizing:border-box;
	color: #fff;
	background-size: 100% 100%;
}
.company_news h3 {
	float: right;
	position: relative;
}
.company_news h3:after {
	position: absolute;
    bottom: -30px;
    left: 15%;
    content: "";
    width: 60px;
    height: 1px;
    background: #fff;
}
.company_news .news_main {
	margin-top: 40px;
}
.company_news .news_main .date {
	font-size: 12px;
}
.company_news .news_main .news_left {
	float: left;
	width: 20%;
}
.company_news .news_main .news_right {
	width: 50%;
	text-align: right;
	float: right;
}
.company_news .news_main .news_right p {
	line-height: 26px;
}
/*.company_news .news_more a {
	display: block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: right;
	border: 1px solid #fff;
	color: #fff;
}*/
.company_news div.more a {
	color: #fff;
}
.company_news div.more {
	float: right;
}
.company_news .news_more a:hover {
	background: #fff;
	color: #0072ff;
}
.company_news .bx-wrapper .bx-viewport {
	height: auto!important;
}
.company_news .bx-wrapper .bx-default-pager {
	display: none;
}
.company_news .bx-wrapper .bx-controls-direction a {
	color: #fff;
	font-size: 26px;
}
.company_news .bx-wrapper .bx-controls-direction .bx-prev {
	margin-right: 16px;
}
@media only screen and (max-width: 1024px) {
	.company_news {
		padding: 80px 0;
	}
}
@media only screen and (max-width: 767px) {
	.company_news {
		padding: 30px 0;
	}
	.company_news .bx-wrapper .bx-controls-direction {
		display: none;
	}
	.company_news .news_main .news_right {
		width: 70%;
	}
	.company_news .news_main .news_right p {
		line-height: 18px;
	}
	.company_news .news_more a {
		width: 120px;
		height: 30px;
    	line-height: 30px;
	}
}

.content .insight {
	margin: 85px auto;
}
.content .insight .title {
	width: 100%;
}
.content .insight .title h2 {
	float: left;
}
.content .insight .title a {
	float: right;
	color: #666;
}
.content .insight .title a:hover {
	color: #0072ff;
	text-decoration: underline;
}
.content .insight li {
	float: left;
	width: 31%;
	margin-right: 3.5%;
	overflow: hidden;
}
.content .insight li:last-child {
	margin-right: 0;
}
.content .insight li img {
	width: 100%;
	height: auto;
	display: block;
}
.content .insight .text_info {
	padding: 0 10px;
	width: 100%;
	box-sizing:border-box;
}
.content .insight .text_info h3 {
	color: #333;
	font-family: 'Microsoft YaHei';
}
.content .insight .text_info >a {
	font-size: 12px;
	color: #666;
	display: block;
}
.content .insight .text_info a:hover {
	color: #0072ff;
	text-decoration: underline;
}
.content .insight .text_info p {
	color: #666;
	-webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content .insight .text_info p.date {
	color: #999;
}
@media only screen and (max-width: 1279px) {
	.content .insight {
		margin: 60px auto;
	}
}
@media only screen and (max-width: 767px) {
	.content .insight {
		margin: 25px auto;
	}
	.content .insight li {
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	.content .insight li:first-child {
		margin-top: 0;
	}
}

.history_c {
	background: url(../images/h_bg2.png) no-repeat left top;
	background-size: 100% 100%;
}
.history_c .about_banner>div.h3 {
	bottom: 24%;
	top: auto;
}
.history_c .about_banner>div.h3 h3 {
	display: inline;
}
@media only screen and (max-width: 1025px) {
	.history_c .about_banner>div.h3 {
		top: 5%;
		width: 90%;
	}
	.history_c .about_banner>div.h3 p {
	line-height: 20px;
	-webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
	}
}
@media only screen and (max-width: 650px) {
	.history_c .about_banner {
		height: 145px;
	}
	.history_c .about_banner img {
		width: 100%;
		height: 100%;
	}
	.history_c .about_banner>div.h3 {
		top: 5%;
		width: 100%;
	}
}
@media only screen and (max-width: 300px) {
	.content {
		margin-top: 158px;
	}
}

.content .history_main {
	margin: 85px auto;
	margin-bottom: 0;
	color: #666;
}
.history_main ._one {

}
.history_main  .one_top p {
	width: 80%;
	float: right;
	height: 55px;
	border-left: 1px solid #000;
}
.history_main ._one>div {
	float: left;
}
.history_main ._one .left {
	width: 20%;
	position:relative
}
.history_main ._one .left img {
	float: right;
	position: relative;
	right: -10px;
	top: 4px;
}
.history_main ._one .left p {
	float: right;
	padding-right: 60px;
	box-sizing: border-box;
	position:absolute;
	top:0px;
	right:3%
}
.history_main .right {
	width: 80%;
}
.history_main .right h3 {
	padding: 0 60px;
	color: #333;
}
.history_main .right p {
	padding: 40px 60px;
	border-left: 1px solid #000;
}
.history_c .main_btm {
	line-height: 30px;
	margin-top: 90px;
	padding: 86px 0;
	box-sizing:border-box;
	border-top: 2px solid #ccc;
	color: #666;
}
.history_c .main_btm p {
	padding: 0 50px;
	box-sizing:border-box;
}
@media only screen and (max-width: 870px) {
	.history_main ._one .left p {
		padding-right: 15%;
	}
}
@media only screen and (max-width: 580px) {
	.history_main ._one .left p {
		padding-right: 5%;
	}
	.history_main .right p {
		padding: 20px 40px;
	}
}
@media only screen and (max-width: 532px) {
	.content .history_main {
		margin: 20px 0;
		margin-bottom: 0;
	}
	.history_main ._one .left {
		float: none;
		width: 100%;
	}
	.history_main  .one_top p, .history_main ._one .left img {
		display: none;
	}
	.history_main ._one .left p {
		float: none;
		margin-top: 10px;
	}
	.history_main .right {
		width: 100%;
	}
	.history_main .right h3 {
		padding: 10px 40px;
	}
	.history_main .main_btm {
		margin-top: 80px;
	}
}

/*banner*/
.definition .about_banner>div.h3 h3 {
	display: inline;
}
@media only screen and (max-width: 1025px) {
	.definition .about_banner3>div.h3 {
		width: 90%;
	}
	.definition .about_banner3>div.h3 p {
	line-height: 20px;
	-webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
	}
}
@media only screen and (max-width: 650px) {
	.definition .about_banner3 {
		height: 145px;
	}
	.definition .about_banner3 img {
		width: 100%;
		height: 100%;
	}
	.definition .about_banner3>div.h3 {
		top: 5%;
		width: 100%;
	}
}
@media only screen and (max-width: 300px) {
	.content {
		margin-top: 158px;
	}
}

.definition .worth {
	background: #1e233e;
}
.definition .worth>div.h3 {
	position: static;
	transform:translateX(0);
}
.content .worth {
	padding: 130px 0;
}
.content .worth .worth_info {
	padding: 20px 0;
}
.content .worth .worth_info >div {
	float: left;
	margin-right: 2%;
	border:1px solid #0096ff;
	height: 380px;
	box-sizing:border-box;
	color: #0096ff;
}
.content .worth .worth_info .left {
	width: 20%;
	padding: 164px 32px;
    line-height: 30px;
}
.content .worth .worth_info .right {
	width: 20%;
	margin-right: 0;
	padding: 164px 20px;
}
.content .worth .worth_info .middle {
	width: 56%;
	border:none;
}
.content .worth .worth_info .middle .m_t {
	width: 100%;
	height: 120px;
	border: 1px solid #0096ff;
	padding: 50px 20px;
	box-sizing: border-box;

}
.content .worth .worth_info .middle .m_b {
	width: 100%;
	height: 250px;
}
.content .worth .worth_info .middle .m_b >div {
	float: left;
	height: 120px;
	width: 49%;
	margin-right: 2%;
	border: 1px solid #0096ff;
	box-sizing:border-box;
	margin-top: 10px;
	padding: 50px 10px;
}
.content .worth .worth_info .middle .m_b >div:nth-child(2), .content .worth .worth_info .middle .m_b >div:nth-child(4) {
	margin-right: 0;
}
@media only screen and (max-width: 1025px) {
	.content .worth {
		padding: 50px 0;
	}
}
@media only screen and (max-width: 650px) {
	.worth {
		height: auto;
	}
}
@media only screen and (max-width: 500px) {
	.content .worth {
		padding: 20px 0;
	} 
	.content .worth .worth_info .left, .content .worth .worth_info .middle, .content .worth .worth_info .right {
		width: 100%;
	}
	.content .worth .worth_info .left, .content .worth .worth_info .right {
		height: 120px;
		padding: 50px 0;
	}
	.content .worth .worth_info .middle {
		margin-top: 10px;
	}
	.content .worth .worth_info .right {
		margin-top: 10px;
	}
}

.definition_btm {
	height: 560px;
	background: url(../images/d_bg2.png) no-repeat left top;
	position: relative;
}
.definition_btm .text_info {
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	top: 20%;
}
.definition_btm .text_info p {
	color: #666;
	line-height: 30px;
}
@media only screen and (max-width: 1025px) {
	.definition_btm {
		height: 400px;
	}
}
@media only screen and (max-width: 767px) {
	.definition_btm {
		height: 210px;
	}
	.definition_btm .text_info {
		width: 90%;
	}

}

.definition .feature {
	background: url(../images/d_bg3.png) no-repeat left top;
	background-size: cover;
}
.definition .feature h3 {
	color: #000!important;
}
.definition .feature h3:after {
	background: #000!important;
}
.definition .feature p {
	color: #666;
	padding: 0 5px;
}
.definition .feature .feature_btm li {
	float: left;
	width: 25%;
	text-align: center;
}
.definition .feature .feature_btm li .img_ {
	width: 100%;
	text-align: center;
	height: 36px;
}
.definition .feature .feature_btm li .line ._line {
	width: 45%;
	height: 1px;
	background: #000;
	display: inline-block;
}
.definition .feature .feature_btm li .text_info {

}
.definition .feature .feature_btm li .text_info h3 {
	position: relative;
	display: inline;
}
.definition .feature .feature_btm li .text_info h3:after {
	position: absolute;
	bottom: -20px;
	left: 30%;
	content: "";
	width: 80px;
	height: 1px;
	background: #fff;
	opacity: 0;
	transition: all 1s ease 0s;
}
.definition .feature .feature_btm li .text_info p {
	opacity: 0;
	transition: all 1s ease 0s;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.definition .feature .feature_btm li:hover .text_info h3:after {
	opacity: 1;
}
.definition .feature .feature_btm li:hover .text_info p {
	opacity: 1;
}
.definition .feature .feature_btm li:hover .line ._line {
	background: #0072ff;
}
@media only screen and (max-width: 1135px) {
	.definition .feature .feature_btm li .line ._line {
		width: 42%;
	}
}
@media only screen and (max-width: 720px) {
	.definition .feature .feature_btm li {
		width: 50%;
		margin-top: 20px;
	}
	.definition .feature .feature_btm li .text_info h3:after {
		bottom: -15px;
		left: 20px;
	}
	.definition .feature .feature_btm li .text_info p{
		opacity: 1;
		height: 170px;
	}
}
@media only screen and (max-width: 650px) {
	.definition .feature img {
		width: auto;
		height: auto;
	}
}
@media only screen and (max-width: 370px) {
	.definition .feature .feature_btm li {
		width: 100%;
	}
}

.project .about_banner >div.h3 {
	width: 60%;
}
.project .about_banner >div.h3 h3:after {
	left: 50%;
	transform: translateX(-50%);
	bottom: -30px;
	display: none
}
.project .about_banner >div.h3 p {
	-webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media only screen and (max-width: 1100px) {
	.project .about_banner >div.h3 {
		width: 80%;
	}
}
@media only screen and (max-width: 1025px) {
	.project .about_banner >div.h3 {
		top: 25%;
	}
	.project .about_banner >div.h3 h3:after {
		bottom: -16px;
	}
}
@media only screen and (max-width: 650px) {
	.project .about_banner2 >div.h3 {
		width: 100%;
		top: 15%;
	}
	.project .about_banner >div.h3 h3 {
		line-height: 20px;
	}
	.project .about_banner >div.h3 p {
		line-height: 16px;
	}
}
@media only screen and (max-width: 365px) {
	.project .about_banner2 {
		height: 133px;
	}
	.project .about_banner img.e_h {
		height: 100%;
	}
}

.project_scale .h3 ul li {
	float: left;
	width: 33.33333333%;
	text-align: center;
}
.project_scale >div.h3 {
	top: auto;
	bottom: 15%;
}
.project .self_info .left a {
	border: 1px solid #666;
}
.project .self_info .left a:hover{border:1px solid #0072ff;}
.project .self_info .left a:hover span:after{background-color: #0072ff;color:#fff;}
@media only screen and (max-width: 1025px) {
	.project_scale >div.h3 {
		top: 4%!important
	}
}
@media only screen and (max-width: 840px) {
	.project_scale .h3 ul li img {
		width: 20%;
	}
}
@media only screen and (max-width: 650px) {
	.project .about_banner >div.h3 {
		width: 90%;
	}
	.project_scale {
		height: 200px;
	}
	.project_scale img.e_h {
		width: 100%;
		height: 100%;
	}
}

.book .h3 p {
	border: 1px solid #fff;
	width: 168px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.book .h3 p:hover {
	background: rgba(0,0,0,0.7);
	color: #666;
}
.book .h3 p span {
	margin-right: 10px;
}
.book .h3 p img {
	vertical-align: unset;
}
.book div.more a {
	color: #fff;
}
.book img.e_h {
	max-width: 100%;
	height: 100%;
}
@media only screen and (max-width: 1025px) {
	.book >div.h3 p {
		line-height: 40px;
	}
}
@media only screen and (max-width: 650px) {
	.book {
		height: 200px;
	}
	.book .h3 p img {
		width: auto;
		height: auto;
	}
	.project .book  >div.h3 p {
		width: 100px;
		height: 30px;
		line-height: 30px;
	} 
	.project .book >div.h3 {
		/*top: auto;*/
	}
}

	.content .section2 {
	margin: auto;
	padding: 200px 0 0;
}
	.content .section2 .right {
	width: 45%;
}
@media only screen and (max-width: 1024px) {
	.content .section2 {
		padding-top: 60px;
	}
}
@media only screen and (max-width: 767px) {
	.content .section2 {
		padding-top: 20px;
	}
	.content .section2 .right {
		width: 80%;
	}
}

.content .section4 .right {
	width: 40%;
	position: static;
}
.content .section4 {
	margin: 0 auto;
	padding-bottom: 0;
	padding-top: 100px;
}
@media only screen and (max-width: 767px) {
	.content .section4 .right {
		margin: 0 auto;
		width: 80%;
	}
	.content .section4 {
		margin-top: 20px;
	}
}

.industry .about_banner>div.h3 h3 {
	display: inline;
}
.industry .about_banner>div.h3 h3:after {
	left: 16%;
}
.industry .section1 {
	background: #0072ff;
}
.industry .section1 ul {
	padding: 100px 0;
}
.industry .section1 ul li {
	float: left;
	width: 33.33333333%;
	text-align: center;
	color: #fff;
	border-right: 1px solid #338eff;
	box-sizing: border-box;
}
.industry .section1 ul li:last-child {
	border-right: none;
}
@media only screen and (max-width: 1150px) {
	.industry .about_banner>div.h3 {
		top: 16%;
		width: 90%;
	}
}
@media only screen and (max-width: 650px) {
	.industry .about_banner {
		height: 112px;
	}
	.industry .about_banner>div.h3 {
		top: 8%;
		width: 100%;
		-webkit-line-clamp: 2;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	.industry .about_banner img {
		width: 100%;
		height: 100%;
	}
}

.industry .i_section2 {
	background: url(../images/i_bg2.jpg) no-repeat left top;
	background-size: 100% 100%;
}
.industry .self_info {
	margin: 0 auto;
	padding: 200px 0;
}
.industry .i_section2 .left h3 {
	color: #fff;
}
.industry .i_section2 .left h3:after {
	background: #fff;
}
.industry .i_section2 .left p {
	color: #fff;
}
.industry .i_section2 .left a {
	color: #fff;
}


.industry .i_section2.i_6 .left h3 {
	color: #666;
}
.industry .i_section2.i_6 .left h3:after {
	background: #666;
}
.industry .i_section2.i_6 .left p {
	color: #666;
}
.industry .i_section2.i_6 .left a {
	color: #666;
}

@media only screen and (max-width: 1024px) {
	.industry .self_info {
		padding: 110px 0;
	}
}
@media only screen and (max-width: 767px) {
	.industry .self_info {
		padding: 80px 0;
	}
}

.industry .i_section3 {
	background: url(../images/i_bg3.jpg) no-repeat left top;
	background-size: 100% 100%;
}
.industry .i_section3 .left {
	width: auto;
	color: #fff;
	float: right;
	text-align: right;
}
.industry .i_section3 .left h3 {
	color: #fff;
}
.industry .i_section3 .left h3:after {
	background: #fff;
	left: auto;
	right: 0;
}
.industry .i_section3 .left a {
	color: #fff;
}

.industry .i_4 {
	background: url(../images/i_bg4.jpg) no-repeat left top;
	background-size: 100% 100%;
}

.industry .i_5 {
	background: url(../images/i_bg5.png) no-repeat left top;
	background-size: 100% 100%;
}

.industry .i_6 {
	background: url(../images/i_bg6.jpg) no-repeat left top;
	background-size: 100% 100%;
}

.introduction .intro_text {
	background: url(../images/intro_bg.png) no-repeat left top;
	background-size: 100% 100%;
	padding: 120px 0;
}
.introduction .intro_text p {
	color: #666;
	line-height: 30px;
}
@media only screen and (max-width: 1024px) {
	.introduction .intro_text {
		padding: 80px 0;
	}
	.introduction .intro_text p {
		line-height: 26px;
	}
}
@media only screen and (max-width: 767px) {
	.introduction .intro_text {
		padding: 30px 0;
	}
	.introduction .intro_text p {
		line-height: 22px;
	}
}

.team {
	background: url(../images/t_bg.png) no-repeat left top;
	background-size: 100% 100%;
}
.team ._img_top {
	margin:100px auto;
}
.team ._img_ {
	width: 45%;
	float: left;
}
.team ._img_ img {
	width: 100%;
	height: auto;
	display: auto;
}
.team ._img_text {
	margin-left: 50%;
	overflow: hidden;
}
.team ._img_text p {
	line-height: 28px;
}
.team ._img_btm {
	padding: 20px 0;
	padding-bottom: 100px;
}
.team ._img_btm ul {

}
.team ._img_btm ul li {
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-top: 40px;
}
.team ._img_btm ul li:nth-child(2), .team ._img_btm ul li:nth-child(4), .team ._img_btm ul li:nth-child(6) {
	margin-right: 0;
}
@media only screen and (max-width: 1024px) {
	.team ._img_text p {
		line-height: 20px;
		font-size: 12px;
	}
}
@media only screen and (max-width: 767px) {
	.team ._img_top {
		margin: 50px auto;
	}
	.team ._img_btm {
		padding-bottom: 50px;
	}
	.team ._img_btm ul li {
		float: none;
		width:100%;
		margin: 20px auto;
	}
}
@media only screen and (max-width: 650px) {
	.team ._img_top {
		margin: 20px auto;
	}
	.team ._img_btm {
		padding-bottom: 20px;
	}
	.team ._img_ {
		width: 98%;
		float: none;
		margin: 0 auto;
	}
	.team ._img_text {
		width: 98%;
		margin: 10px auto;
	}
}

.media .main {
	padding-top: 80px;
	padding-bottom: 20px;
}
.media .main .h3_title {
	padding: 34px 0;
	border-bottom: 1px solid #d6d6d6;
	text-align: center;
	color: #242424;
}
.media .main .sub_title {
	padding: 20px 0;
}
.media .main .sub_title p {
	float: right;
	color: #919191;
}
.media .main ._img {
	padding: 20px 0;
}
.media .main ._img img {
	width: 100%;
	height: auto;
	display: block;
}
.media .main .info_detail {
	color: #777;
	padding: 0 10px;
}
.media .main .info_detail img{width:100%}
.media .main .main_btm {

	padding: 40px 0;
	border-top: 1px solid #d6d6d6;
}
.media .main .main_btm a {
	display: block;
	line-height: 36px;
	color: #777;
}
.media .main .main_btm a:hover {
	color: #d0000e;
}
@media only screen and (max-width: 1024px) {
	.media_d1 .main {
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 30px;
	}
}
@media only screen and (max-width: 500px) {
	.media_d1 .main {
		margin-top: 0;
	}
	.media .main ._img {
		padding: 10px 0;
	}
	.media .main .main_btm {
		padding: 20px 0;
	}
	.media .main .main_btm a {
		line-height: 26px;
	}
}

.meet .about_banner {
	position: relative;
	height: 700px;
	background: url(../images/m_bg.png) no-repeat left top;
	background-size: 100% 100%;
}
.meet .about_banner .banner_text {
	position: absolute;
	top: 50%;
	width: 100%;
	transform:translateY(-50%);
}
.meet .about_banner .banner_text h3 {
	color: #008eff;
	font-size: 82px;
}
.meet .about_banner .banner_text h4 {
	color: #0061ed;
}
.meet .about_banner .banner_text p {
	color: #174290;
}
@media only screen and (max-width: 1024px) {
	.meet .about_banner {
		height: 550px;
	}
	.meet .about_banner .banner_text h3 {
		font-size: 70px;
	}
}
@media only screen and (max-width: 650px) {
	.meet .about_banner {
	    height: 400px;
	}
	.meet .about_banner .banner_text h3 {
	    font-size: 50px;
	}
}
@media only screen and (max-width: 639px) {
	.meet .member .bx-controls-direction {
		display: none;
	}
}

.meet .member {
	padding: 100px 0;
}
.meet .member .h_title {
	text-align: center;
	color: #000;
	line-height: 40px;
}
.meet .member ul li {
	float: left;
	position: relative;
}
.meet .member ul li img {
	width: 100%;
	height: auto;
	display: block;
}
.meet .member ul li .member_info {
	position: absolute;
	bottom: 0;
	width: 100%;
	background:rgba(0,0,0,0.7);
	text-align: center;
	color: #fff;
	padding: 15px 0;
}
.meet .member .banner_main {
	position: relative;
}
.meet .member .bx-pager-item {
	display: none;
}
.meet .member .bx-controls-direction {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 40px;
	width: 100%;
	font-family: 'SimSun';
}
.meet .member .bx-controls-direction .bx-prev {
	position: absolute;
	left: -40px;
	color: #a4a5a7;
}
.meet .member .bx-controls-direction .bx-prev:hover {
	color: #0072ff;
}
.meet .member .bx-controls-direction .bx-next {
	position: absolute;
	right: -40px;
	color: #a4a5a7;
}
.meet .member .bx-controls-direction .bx-next:hover {
	color: #0072ff;
}

.meet .structure li {
	width: 25%;
}
.meet .structure li * {
	transition: all 0.8s;
}
.meet .structure li:hover * {
	transform: scale(1.3);
}
@media only screen and (max-width: 650px) {
	.meet .structure li {
		width: 50%;
	}
	.meet .structure li:nth-child(2) {
		border-right: none;
		margin-bottom: 56px;
	}
}
@media only screen and (max-width: 450px) {
	.meet .structure li {
		margin: 20px 0;
	}
}

.meet .member ._time {
	width: 464px;
	height: 60px;
	margin: 0 auto;
}
.meet .member .time_main {
	width: 100%;
}
.meet .member ._time div {
	width: 50%;
	box-sizing: border-box;
	float: left;
	text-align: center;
	line-height: 60px;
	background: #fff;
}
.meet .member ._time div:first-child {
	
}
.m_active {
	background: #0172ff!important;
}
.meet .agenda {
	background: url(../images/m_bg3.png) no-repeat left top;
	background-size: 100% 100%;
}
.meet .member {
	background: url(../images/m_bg4.png) no-repeat left top;
	background-size: 100% 100%;
}
.meet .member table {
	width: 100%;
	color: #333;
	font-size: 18px;
}
.meet .member table tr td {
	padding: 15px 0 15px 40px;
}
.meet .member table tr td:first-child {
	width: 15%;
}
.meet .member table tr td:nth-child(2) {
	width: 30%;
}
.meet .member table tr td:last-child {
	width: 51%;
}
.meet .member table tr th {
	padding: 15px 0 15px 40px;
}
.meet .member .afternoon {
	display: none;
}
@media only screen and (max-width: 1030px) {
	.meet .member {
		padding: 80px 0;
	}
	.meet .member table tr th {
		padding: 10px 0px 10px 20px;
	}
	.meet .member table tr td {
		padding: 10px 0px 10px 20px;
	}
	.meet .member table {
		font-size: 16px;
	}
}
@media only screen and (max-width: 650px) {
	.meet .member {
		padding: 40px 0;
	}
	.meet .member ._time {
		width: 200px;
    	height: 30px;
	}
	.meet .member ._time div {
		line-height: 30px;
	}
	.meet .member table {
		font-size: 14px;
	}
}
@media only screen and (max-width: 400px) {
	.meet .member table {
		font-size: 12px;
	}
	.meet .member table tr th {
		padding: 6px 0px 6px 10px;
	}
	.meet .member table tr td {
		padding: 6px 0px 6px 10px;
	} 
}

.contact .main {
	padding: 120px 0;
}
.contact .main .top {
	margin: 0 auto;
}
.contact .main .top img {
	width: 100%;
	height: auto;
	display: block;
}
.contact .main .structure li {
	width: 25%;
	word-break:break-all;
}
@media only screen and (max-width: 1024px) {
	.contact .main {
		padding: 60px 0;
	}
	.contact .main {
		margin-top: 0;
	}
}
@media only screen and (max-width: 940px) {
	.contact .main .structure li {
		width: 50%;
	}
	.contact .main .structure li:nth-child(2) {
		margin-top: 55px;
		border-right: none;
	}

}
@media only screen and (max-width: 650px) {
	.contact .about_banner {
		height: auto;
	}
	.contact .main {
		padding: 20px 0;
	}
}

.estate {
	background: url(../images/estate_bg.png) no-repeat left top;
	background-size: 100% 100%;
}
.estate .text_main {
	padding: 120px 0;
}
.estate .text_main p {
	line-height: 30px;
}
@media only screen and (max-width: 1024px) {
	.estate .text_main {
		padding: 80px 0;
	}
}
@media only screen and (max-width: 650px) {
	.estate .about_banner {
		height: auto;
	}
	.estate .text_main {
		padding: 30px 0;
	}
}





.Chairman_speech .main ._img{padding:60px 0 20px;}
.Chairman_speech .main .info_detail{padding:0 10px 50px;}
@media only screen and (max-width: 500px) {
	.Chairman_speech .main ._img{padding:30px 0 20px;}
	.Chairman_speech .main .info_detail{padding:0 10px 30px;}
}
.content_til{color: #333333;}
.content_con{color: #666666;line-height: 30px}

.Company_profile .intro_text{background: url(../images/Company_profile_bg.jpg) no-repeat left top;background-size: 100% 100%;}

.Brand_profile .self_info{padding-bottom: 0px}
.Brand_profile ._img li:last-child{margin-top: 0px}
@media only screen and (max-width: 500px) {
	.Brand_profile ._img li:last-child{margin-top: 20px}
}
@media only screen and (max-width: 1279px) {
	.Brand_profile ._img li ._text{bottom: 6%;}
}


.corporate_culture .self_info{padding:170px 0 380px;}
.corporate_culture .i_2{background: url(../images/l_pic3.jpg) no-repeat 70% center;background-size:cover}
.corporate_culture .i_3{background: url(../images/l_pic4.jpg) no-repeat 70% center;background-size:cover;padding:275px 0;}
.corporate_culture .i_4{background: url(../images/l_pic5.jpg) no-repeat center center;background-size:cover}
.corporate_culture .i_5{background: url(../images/l_pic6.jpg) no-repeat 70% center;background-size:cover}
.corporate_culture .i_6{background: url(../images/l_pic7.jpg) no-repeat 70% center;background-size:cover}
.corporate_culture .i_7{background: url(../images/l_pic8.jpg) no-repeat 70% center;background-size:cover}
.corporate_culture .i_8{background: url(../images/l_pic9.jpg) no-repeat 70% center;background-size:cover;padding:200px 0;}
.corporate_culture .structure{background: none}
.corporate_culture .structure li{border-right:none;}
.corporate_culture .center{text-align: center;}
.corporate_culture div.i_8 h3{position: relative;padding-bottom: 20px;margin-bottom:100px;}
.corporate_culture div.i_8 h3:after{position: absolute;bottom: 0px;left:50%;content: "";width: 6%;height: 2px;background: #fff;transform: translateX(-50%);}
.corporate_culture .white{color: #fff;}
.corporate_culture .structure li{margin:0px;}
.corporate_culture .icon{height: 90px;display: inline-block;text-align: center;display: table-cell;vertical-align: bottom;}
.corporate_culture .icon img{vertical-align: bottom;}
@media only screen and (max-width: 1024px){
	.corporate_culture .self_info{padding:90px 0 270px;}
	.corporate_culture  .i_3{padding:180px 0;}
	.corporate_culture .i_8{padding:100px 0;}
}
@media only screen and (max-width: 767px){
	.corporate_culture .self_info{padding:80px 0 220px;}
	.corporate_culture  .i_3{padding:150px 0;}
	.corporate_culture .i_8{padding:70px 0;}
}
@media screen and (max-width:650px){
	.corporate_culture .about_banner img{width:auto;height:auto;}
}

@media screen and (max-width:639px){
   .corporate_culture .self_info{padding:60px 0 160px;}
   .corporate_culture  .i_3{padding:110px 0;}
   .corporate_culture div.i_8 h3{position: relative;padding-bottom: 10px;margin-bottom:60px;}
   .corporate_culture .i_8{padding:50px 0;}
}

.recruit .self_info .left{width: 37%;color: #333}
.recruit .self_info{margin:0 auto;padding-bottom: 0px;padding:142px 0 208px;}
.recruit .self_info_bg{background: url(../images/l_pic10.png) no-repeat 70% center;background-size:cover}
@media only screen and (max-width: 1024px){
	.recruit .self_info{padding:120px 0;}
	.recruit .self_info .left{width: 50%}
}
@media only screen and (max-width: 767px){
	.recruit .self_info{padding:80px 0;}
	.recruit .self_info .left{width: 80%}
}
@media screen and (max-width:639px){
	.recruit .self_info{padding:60px 0;}
}
.self_hr{width:100%;height: 440px;padding-top: 158px;background: url(../images/hr_bg.png) center top no-repeat;background-size: cover}
.ibox{display: inline-block;vertical-align: top;font-size: 12px;letter-spacing: normal;}
.cleargap{font-size: 0;letter-spacing: -8px;text-align: left;}
.self_hrBox{width:366px;margin:0 45px;}
.self_hr .self_hrBox:first-child{margin-left:0px;}
.self_hr .self_hrBox:last-child{margin-right:0px;}
.CE-hr-txt{color: #fff;line-height: 30px;text-align: left;}
.icon-outer{width:66px;height:55px;text-align: center;}
.icon-outer img{max-width: 100%;}
.CE-hr-cn{color: #fff;margin-top: 30px;text-align: left}
.CE-hr-btLine{width:94px;height: 1px;background: #fff;margin-top: 30px;margin-bottom:30px;}
.w1280{max-width: 1280px;margin:0 auto;}
@media only screen and (max-width: 1280px){
	.self_hrBox{width: 30%;margin:0 25px;}
	.CE-hr .w1280{width:92%;box-sizing: border-box;padding:0 20px;}
}
@media only screen and (max-width: 1079px){
	.self_hrBox{width: 28%;}
	.icon-outer{width: 57px;height: auto}
	.CE-hr-cn{margin-top: 20px;}
	.CE-hr-btLine{margin-top: 20px;margin-bottom:20px;}
}
@media only screen and (max-width: 767px){
	.self_hr{padding:60px 0;height:auto; }
	.self_hrBox{display: block;width: 80%;margin:50px auto; }
	.self_hr .self_hrBox:first-child{margin:0 auto;}
	.self_hr .self_hrBox:last-child{margin:0 auto;}
	.self_hrBox .career-box{display: inline;float:left;}
	.CE-hr-txt{display: inline;float: right;width: 60%;}
	.icon-outer{width: 45px;height: auto}
	.CE-hr-btLine{display: none}
}
@media only screen and (max-width: 479px){
	.CE-hr .career-box{display: block;float: none}
	.CE-hr .CE-hr-txt{display: block;float: none;width: 100%}
	.CE-hr .icon-outer{margin:0 auto;}
	.CE-hr-cn{text-align: center;margin-bottom:10px;}
	.CE-hr .self_hrBox{width: 100%;margin:30px auto;}
	.CE-hr .self_hrBox:first-child{margin:0 auto;}
	.CE-hr .self_hrBox:last-child{margin:0 auto;}
}
.CE-job{width:100%;height: 610px;background: url(../images/l_picbg1.png) left bottom no-repeat;padding:100px 0;}
.left-box{width:50%;height: 610px;}
.CE-work-outer{width:546px;margin:150px auto 0;}
.CE-job .CE-work-cn{color:#000;}
.CE-job .CE-work-btLine{width:99px;height:60px;background: url(../images/ly_img08.png) no-repeat left center}
.CE-job .CE-work-txt{color: #7d7d7d;line-height: 30px;}
.right-box{width: 49%;border-left:1px solid #c6c6c6;height: 610px;}

.CE-job .CE-work-list{
	height:570px;
	width:90%;
	overflow: hidden;
	margin:0 auto;	
}

.CE-work-list dt{
	padding:35px 0;
	border-bottom:1px solid #c6c6c6;
	height:24px;
	cursor:pointer;
}
.CE-work-list dt .job-cn{
	color:#000;
	margin-left: 10px
}

.CE-work-list dt .job-en{
	color:#7d7d7d;
	margin: 0px 0 0 10px;
}
.CE-work-list .job-open{
	width:10px;
	height:16px;
	background:url(../images/ly_icon38.png) no-repeat;
	margin-right:30px;
	margin-top: 6px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.CE-work-list .job-open.open{
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
.CE-work-list dd{
	padding-left: 10px;
	display:none;
}

.work-detail h4{
	color:#000;
	margin-top: 25px
}
.work-detail p{
	color:#7d7d7d;
	line-height: 30px;
}
.work-con{
	margin-top: 20px;
}
.work-con .list-num{
	color:#7d7d7d;
	height:30px;
	line-height: 30px
}
.work-con .list-con{
	display:block;
	color:#7d7d7d;
	padding-left: 25px;
	line-height: 30px
}
.CE-work-list .mCSB_container{margin-right: 65px;}
.CE-work-list .mCSB_scrollTools .mCSB_draggerRail{background-color:#c6c6c6;width: 1px;}
.CE-work-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #727273;border-radius: 0;margin-left: 5px;width:5px;}
.CE-work-list .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, 
.CE-work-list .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.CE-work-list .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#727272;}
.CE-work-list .mCustomScrollBox{padding-right: 0px}
.CE-dl div.more{margin-top:30px;}
.CE-dl div.more a{width: 188px;height: 44px;line-height: 44px;overflow: hidden;color: #000;display: block;text-align: center;border: 1px solid #000;transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860)}
.CE-dl div.more a span{height: 44px;line-height: 44px;}
.CE-dl div.more a:hover{background: #fff;border-color: #fff;}
.CE-dl div.more a:hover span:after{background: #0068ff;border-color: #f60;color: #fff;height: 44px;line-height: 44px;}
@media only screen and (max-width: 1199px){
	.CE-work-outer{width:90%;}
}
@media only screen and (max-width: 767px){
	.CE-job{padding:60px 0 30px 0;height:auto;width:98%;margin:0 auto;}
	.left-box{display:block;float:none;width:100%;height:auto;}
	.CE-work-outer{margin:0 auto;}
	.CE-job .CE-work-btLine{height:42px;}
	.right-box{display:block;float:none;width:100%;border-left:none;margin-top:30px;}
}
@media only screen and (max-width: 639px){
	.CE-work-list dt .job-cn{float:none;display:block;}
	.CE-work-list .job-open{margin-top: -5px}
	.CE-work-list dt{padding:10px 0 22px 0;}
	.work-detail h4{margin-top: 15px}
	.work-con{margin-top: 10px}
	.CE-dl div.more a{width:150px;height:35px;line-height: 35px}
	.CE-dl div.more a span{height:35px;line-height: 35px}
	.CE-dl div.more{margin-top: 20px}
	.right-box{height:500px;}
	.CE-job .CE-work-list{height:100%;}
}
@media only screen and (max-width: 479px){
	.CE-work-list .job-open{margin-right:10px}
	.CE-dl div.more a{width:120px;height:28px;line-height: 28px}
	.CE-dl div.more a span{height:28px;line-height: 28px}
}
@media only screen and (max-width: 1200px){
	.CE-job div.more a span:after {
	    height: 44px!important;
	}

}


.periodical{background: #f4f4f4;}
.periodical_ul{padding:7% 0 2%;}
.periodical_li{width:25%;box-sizing: border-box;padding:0 1.5%;margin-bottom: 3%}
.periodical_li a{display: block;width:100%;}
.periodical_li_img{width:100%;height: 0px;padding-bottom: 140%}
.periodical_li img{width: 100%;}
.periodical_li_con{padding:6% 0;text-align: center;color: #333333;background: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

@media screen and (max-width:639px){

.periodical_li{width:50%;padding:0 2%;margin-bottom: 4%}
    
}

/*分页*/
.page span {
	background: #187ffe;
	color: #fff;
	border: 1px solid #187ffe;
	padding: 3px 10px;
	margin-left: 8px;
}
.page a {
	border: 1px solid #666666;
	padding: 3px 10px;
	margin-left: 8px;
	text-decoration: none;
	color: #333;
	outline: none;
}
.page{width:530px;margin:0 auto;padding-bottom: 80px;text-align: center;}
.pageBox{margin:0 auto;display: inline-block;}
.pageList{margin:0 5px;}
.pageList a{display: inline-block;width: 32px;height: 32px;line-height: 32px;text-align: center;border:1px solid #ababab;border-radius: 2px;color: #666666;}
.pageList.active a{color:#187ffe;border:1px solid #187ffe;}
.pageTil a{display: inline-block;width:77px;background: #187ffe;border:1px solid #187ffe;color: #fff}
.hidden_phone{display: block}
.show_phone{display: none}

@media screen and (max-width:639px){

	.page{width:96%;margin:0 auto;padding:0 4% 50px;box-sizing: border-box;}
	.pageList{margin:0 2px;}
	.pageList a{width: 26px;line-height: 26px;height: 26px;}
	.pageTil a{width: 62px;}
    
}
@media screen and (max-width:479px){

	.hidden_phone{display: none}
	.show_phone{display: block}
	.page{padding-bottom:30px;}
    
}
@media screen and (max-width:350px){

	
	.pageList a{width: 22px;line-height: 22px;height: 22px;}
	.pageTil a{width: 52px;}
	
    
}

.header {z-index: 9999;background: #fff}
.honorBox{padding:120px 0 80px;}
.honor-line{left:50%;margin-left: -0.5px;width: 1px;background: #666666;}
.honorCon{padding:50px 0;z-index: 999}
.honor-icon{width: 38px;height: 38px;background:#fff url(../images/lwp_honner_icon1.png) center center no-repeat;top:0px;}
.right .honor-icon{left:-22px;}
.right .honor-contentBox{text-align: left;padding-left:58px;width:580px;}
.honor-content-year{line-height: 38px;margin-bottom:20px;}
.honor-content-line{width:20%;background: #333333;height: 1px;margin-bottom: 22px;}
.honor-content-pList{line-height: 30px;color:#666666;}
.honor-content-p{margin-bottom: 12px;}
.honor-content-picList{width:30%;height: 0px;padding-bottom: 20%;margin-top: 20px;margin-right: 2%}
.honor-content-picList img{width:100%;}
.honor-content-picList.center{margin:20px 4% 0;}
.left .honor-icon{right:-20px;}
.left .honor-contentBox{text-align: right;padding-right:58px;width:580px;}
.honor .mtp{margin-top: -120px;}
.left .honor-content-p{margin-top: 44px;}
.honor .mtp_2{margin-top: -326px}
.honor div.more{left:50%;transform:translateX(-50%);margin-top: 0px;margin-bottom:60px;}
.honor div.more span{background: #0675ff;color:#fff;}
.honor div.more a span:after{border:1px solid #0675ff;color: #0675ff;box-sizing: border-box;}
@media screen and (max-width:1280px){
	.honorBox{width:85%;padding-left:90px;}
	.honorCon {padding-right:6%;}
    .honor-line{left:90px;margin-left: 0px;}
    .honorConBoxes .fr{float: left}
    .right .honor-icon{left:-19px;}
    .right .honor-contentBox{width: auto;max-width: 580px;}
    .left .honor-contentBox{text-align: left;padding-right: 0px;padding-left:10%;width:auto;}
    .left .honor-icon{left:-19px;}
    .honor .mtp{margin-top:40px;}
    .right .honor-contentBox{padding-left:10%;}
}

@media screen and (max-width:769px){
	
	.honorBox{padding-top:80px;padding-bottom:60px;} 
}
@media screen and (max-width:639px){
	.honorBox{padding-left:30px;width: 93%}
	.honor-line{left:30px;}
	.right .honor-icon{left:-19px;}
	.left .honor-icon{left:-19px;}
    
}

.periodical_li_Mask{left:0;top:0;width:100%;background: rgba(0,0,0,0.5);display: none}
.periodical_li_MaskBox{left:50%;top:40%;transform:translateX(-50%);width:54%}
.periodical_li_MaskBox a{width: 32%;}
.periodical_li_MaskBox a img{width: 100%;opacity: 0.9;}


.searchBig{background: #fff!important}
.searchTop{padding:6% 0 3%;background: #fff;border-bottom:1px solid #b2b2b2;}
.searchInputBox{display: inline-block;}
.Input{width:240px;height: 44px;border-radius: 4px;border:1px solid #b2b2b2;background: #fff;padding:0 30px 0 50px;}
.searchIcon{left:8px;top:10px;border-right:1px solid #b2b2b2;padding-right:8px;padding-top:3px;padding-bottom: 1px}
.searchDel{top:15px;right:8px;}
@media screen and (max-width:342px){
	.searchInputBox{display:block;}
	.Input{width: 100%;margin:0 auto;}
    
}

.searchBottom .searchResult_til{padding:22px 0 18px;border-bottom:1px dashed #cccccc;color: #777777}
.searchBottom .key{color: #1980ff}
.searchBottom .searchResult_li{padding:3% 0;border-bottom:1px dashed #cccccc;}
.searchBottom .searchResult_li .til{color: #242424}
.searchBottom .searchResult_li .key{color: #1980ff}
.searchBottom .searchResult_li .time{color: #717171;}
.searchBottom .searchResult_li .con{color: #4a4a4a}
.searchBottom .searchResult{padding-bottom: 4%}
.searchBottom .page{padding-bottom: 0%}