﻿*,
 :after,
 :before,
.border-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.wrap.padder,
.wrap .padder {
	width: 80%;
	margin: 0 auto;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
}

i {
	font-style: normal;
}

.pt50 {
	padding-top: 50px;
}

.pw2 {
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
}

#header {
	background: #fff;
}

.bluesky_wrap {
	position: relative;
	/* padding-top: 86px; */
	background: #f5f5f5 url(../images/ny_bg.png) no-repeat bottom;
}

.bluesky_wrap:before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 291px;
	height: 100%;
	background: url('../images/w_bg_l.png');
}

.bluesky_wrap:after{
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	width: 333px;
	height: 100%;
	background: url('../images/w_bg_r.png');
}

.trtion {
	transition: 700ms;
	-webkit-transition: 700ms;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.transX {
	transform: translateX(80px);
	-webkit-transform: translateX(80px);
	opacity: 0;
}

.transX2 {
	transform: translateX(-80px);
	-webkit-transform: translateX(-80px);
	opacity: 0;
}

.transY {
	transform: translateY(80px);
	-webkit-transform: translateY(80px);
	opacity: 0;
}

.transShow {
	transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 1;
}

.dly_1 {
	transition-delay: 100ms;
	-webkit-transition-delay: 100ms;
}

.ptbox {
	position: relative;
	margin-top: 86px;
	z-index: 999;
	/* overflow: hidden; */
}

.pbanner {
	position: relative;
	overflow: hidden;
	/* margin-top: 82px; */
}

.pbanner img {
	display: block;
	width: 100%;
	height: auto;
	line-height: 0;
}

.pbtxts {
	position: absolute;
	left: 0;
	right: 0;
	top: 35%;
	color: #fff;
	text-align: center;
}



.pbtxts .ch {
	font-size: 30px;
	font-weight: bold;
}

.pbtxts .en {
	font-family: Arial;
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
}

.pbtxts .line_n {
	width: 50px;
	height: 4px;
	background: #fff;
	margin: 13px auto 0 auto;
	display: block;
}

.pnav {
	width: 80%;
	position: absolute;
	left: 10%;
	right: 0;
	/* bottom: 0; */
}

.pnav ul {
	display: -ms-flexbox;
	display: flex;
	background: #0368ab;
}

.pnav ul li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	background: #fff;
}

.pnav ul li a {
	display: block;
	width: 100%;
	color: #333;
	text-align: center;
	border-right: 1px solid #e9e9e9;
	font-size: 16px;
	line-height: 24px;
	padding: 20px 5px;
}

.pnav ul li:last-child{
	margin-right: -2px;
}

.pnav ul li:last-child a{
	border-right: none;
}

.pnav ul li a:hover,
.pnav ul li a.act {
	background: #0368ab;
	color: #fff;
}


/* news */

.culobox {
	position: relative;
	padding: 62px 0 76px 0;
	z-index: 9;
}

.culoList a {
	display: block;
	color: #666;
	width: 32.33%;
	margin-left: 1%;
	margin-bottom: 2%;
	background: #fff;
	float: left;
}

.culoList {
	margin-left: -1%;
}

.culoList .txts {
	padding: 18px 30px 24px 30px;
	position: relative;
}

.culoList .txts .nowti {
	font-size: 15px;
	font-weight: 500;
	position: relative;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.culoList .txts .db {
	overflow: hidden;
	color: #919191;
	position: relative;
	margin-top: 28px;
}

.culoList .txts .d {
	float: right;
	line-height: 24px;
	height: 24px;
	font-size: 15px;
	overflow: hidden;
}

.culoList .txts .line_m {
	width: 18px;
	height: 1px;
	background: #ccc;
	margin-top: 12px;
	float: right;
	margin-right: 13px;
}

.culoList .txts .bg {
	height: 100%;
	width: 100%;
	background: #c7000a;
	transform: translateY(-80px);
	-webkit-transform: translateY(-80px);
	opacity: 0;
	visibility: hidden;
	transition: 400ms;
	-webkit-transition: 400ms;
}

.bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: 300ms;
	-webkit-transition: 300ms;
	-ms-transition: 300ms;
}

.culoList a:hover .bg {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.culoList .txts .bg {
	height: 100%;
	width: 100%;
	background: #0368ab;
	transform: translateY(-80px);
	-webkit-transform: translateY(-80px);
	opacity: 0;
	visibility: hidden;
	transition: 400ms;
	-webkit-transition: 400ms;
}

.culoList a:hover .d,
.culoList a:hover .nowti {
	color: #fff;
}

.pic {
	height: 240px;
	display: block;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.pic .case_img a {
	display: none;
}

.pic .case_img a:first-child {
	display: block;
}

.pic img {
	display: block;
	width: 100%;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.scapic:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.page {
	position: relative;
	clear: both;
	margin: 20px auto 0;
	text-align: center;
	z-index: 9;
}

.page ul {}

.page a{
	display: inline-block;
	border: 1px solid #dcdcdc;
	padding: 9px 18px;
}

.page a.current {
	background: #0368ab;
	border: 1px solid #0368ab;
}

.page a.current  {
	color: #fff;
}

.page  a {
	font-size: 13px;
	color: #666666;
}

.page a:hover {
	background: #0368ab;
	cursor: pointer;
}

.page a:hover {
	color: #fff;
}

.news_inner {
	width: 1082px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 166px;
	z-index: 9;
}

.news_inner h3 {
	font-size: 25px;
	color: #2a2622;
	line-height: 50px;
	text-align: center;
	/* padding-top: 50px; */
}

.news_inner>span {
	display: block;
	text-align: center;
	text-transform: uppercase;
}

.sqDate {
	line-height: 26px;
	margin-top: 12px;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.sqDate span {
	display: inline-block;
	margin: 0 15px;
	color: #0368ab;
	line-height: 26px;
	font-size: 15px;
}

.news_txt {
	margin-top: 30px;
}

.news_txt p {
	text-indent: 2em;
	color: #333;
	line-height: 24px;
	margin-bottom: 10px;
	font-size: 14px;
}

.news_txt img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.news_txt>img {
	margin-bottom: 10px;
}

.atc-pn {
	overflow: hidden;
	text-align: center;
	position: relative;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	line-height: 74px;
	margin: 56px 0 0;
}

.atc-pn a {
	width: 98px;
	height: 74px;
	font-size: 15px;
	color: #1e1a16;
	text-align: left;
	position: relative;
	font-weight: bold;
	z-index: 1;
	overflow: hidden;
}

a.atc-prev {
	float: left;
}

a.atc-next {
	float: right;
	text-align: right;
}

a.atc-ret {
	display: inline-block;
	vertical-align: top;
	padding-left: 30px;
	background: url('../images/ret.png') left center no-repeat;
}

.atc-pn a:hover {
	color: #0368ab;
}

a.atc-ret:hover {
	background-image: url('../images/reth.png');
}

@media screen and (max-width:1300px) {
	.atc {
		padding: 65px 30px 40px;
	}
}

@media screen and (max-width:750px) {
	.atc {
		padding: 50px 30px 50px;
	}
	.atc-h .atc-date {
		font-size: 24px;
		line-height: 36px;
		margin-top: 20px;
	}
	.atc-con {
		font-size: 26px;
		line-height: 44px;
	}
	.atc-con div,
	.atc-con p,
	.atc-con span {
		font-size: 26px !important;
		line-height: 44px!important;
	}
	.atc-pn a {
		width: auto;
		font-size: 14px;
	}
}


/* news  end */

.wgt-fade-animate {
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-ms-transform: scale(0.3);
	transform: scale(0.3);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0;
}

.appear {
	-wewgtit-animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
	-moz-animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
	-webkit-animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
	animation: opacity_show 0.85s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
	opacity: 1 !important;
}


@-wewgtit-keyframes opacity_show {
	0% {
		-webkit-transform: scale(0.3);
		-moz-transform: scale(0.3);
		-ms-transform: scale(0.3);
		transform: scale(0.3);
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-ms-transform: translateY(50px);
		transform: translateY(50px);
		opacity: .1;
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes opacity_show {
	0% {
		-moz-transform: scale(0.3);
		transform: scale(0.3);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
		opacity: .1;
	}
	100% {
		-moz-transform: scale(1);
		transform: scale(1);
		-moz-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes opacity_show {
	0% {
		-webkit-transform: scale(0.3);
		transform: scale(0.3);
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: .1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes opacity_show {
	0% {
		-webkit-transform: scale(0.3);
		-moz-transform: scale(0.3);
		transform: scale(0.3);
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
		opacity: .1;
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}


/* 主营业务 */

.black-40 {
	background: url(../images/black_40.png) repeat;
	background: none rgba(0, 0, 0, 0.4);
	transition: all 0.8s;
}

.industrys {
	overflow: hidden;
	height: 790px;
}

.industry-list a:link,
.industry-list a:visited {
	color: #fff;
}

.industry-list a:active,
.industry-list a:hover {
	color: #fff;
}

.industry-list li {
	width: 33.33%;
	float: left;
	overflow: hidden;
	position: relative;
	transition: width 455ms;
}

.industry-list li figure {
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	height: 790px;
	margin: 0;
}

.industry-list li figure img {
	display: none;
	height: 790px;
}

.industry-list li .black-40 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.industry-item {
	width: 330px;
	padding: 20px;
	height: 312px;
	position: absolute;
	left: 50%;
	top: 50%;
	/*margin: -176px 0px 0px -185px;*/
	text-align: center;
	z-index: 1;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.industry-item:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	-webkit-transition: -webkit-transform .52s cubic-bezier(.4, 0, .2, 1);
	transition: -webkit-transform .52s cubic-bezier(.4, 0, .2, 1);
	transition: transform .52s cubic-bezier(.4, 0, .2, 1);
	transition: transform .52s cubic-bezier(.4, 0, .2, 1), -webkit-transform .52s cubic-bezier(.4, 0, .2, 1);
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	visibility: hidden\9;
	z-index: -1;
}

.industry-item p {
	font-size: 15px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.industry-item .ico {
	width: 60px;
	height: 60px;
	display: block;
	margin: 70px auto 4px;
	position: relative;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.industry-item .ico i {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.industry-item .ico .i1 {
	display: block;
}

.industry-item .ico .i2 {
	display: none;
}

.industry-item .t {
	font-size: 22px;
	margin-bottom: 10px;
}

.industry-item .en {
	font-family: "pf_din_text_comp_proregular";
	text-transform: uppercase;
	line-height: 1.1;
}

.industry-item .by {
	color: #666666;
	opacity: 0;
	visibility: hidden;
	line-height: 1.1;
	text-transform: uppercase;
}

.industry-item .addico {
	background: url(../images/add_ico.png) no-repeat scroll center center;
	background-size: cover;
	width: 10px;
	height: 10px;
	display: block;
	margin: 0px auto 42px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.industry-item .moreBtn {
	opacity: 0;
	margin: 0px auto;
	visibility: hidden;
	background-image: url(../images/more_bg2.png);
}

.industry-item .moreBtn .txt {
	color: #0368ab;
	text-transform: uppercase;
	font-size: 13px;
}

.industrys li:hover .industry-item:before {
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	transform-origin: left top;
	-webkit-transform-origin: left top;
	visibility: visible\9;
}

.industrys li:hover .industry-item .ico {
	margin-top: 54px;
}

.industrys li:hover .industry-item .ico .i1 {
	display: none;
}

.industrys li:hover .industry-item .ico .i2 {
	display: block;
}

.industrys li:hover .industry-item .ico i {
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}

.industrys li:hover .industry-item .t {
	font-size: 22px;
	margin-bottom: 0;
	color: #0368ab;
}

.industrys li:hover .industry-item .en {
	opacity: 0;
	visibility: hidden;
}

.industrys li:hover .industry-item .by,
.industrys li:hover .industry-item .moreBtn {
	opacity: 1;
	visibility: visible;
	transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
}

@media screen and (min-width:1025px) {
	.industry-list li:hover,
	.industry-list li.now {
		width: 44%;
	}
	.industry-list li.sible {
		width: 28%;
	}
}

@media screen and (max-width:1024px) {
	.industrys,
	ul li figure,
	ul li figure img {
		height: auto;
	}
	/*.industrys ul li {
        width: 50%;
    }*/
	.industrys ul li figure img {
		width: 100%;
		display: block;
	}
	.industry-item .ico,
	.industrys ul li:hover .industry-item .ico {
		margin-top: 0;
	}
	.industry-item {
		    width: 80%;
    /* left: 5%; */
    height: auto;
    margin: 0;
    padding: 20px 0;
	}
	
	.industry-item .en {
		margin-bottom: 10px;
	}
	.industry-item .addico {
		margin-bottom: 0;
	}
	.industry-item .ico {
		width: 50px;
		height: 50px;
	}
	.industry-item .ico,
	.industry-list li:hover .industry-item .ico {
		margin-top: 0;
	}
}

@media screen and (max-width:641px) {
	.industry-list li {
		width: 50%;
	}
}


/* 主营业务  end */


/* case */

.case_de {
	margin-bottom: 20px;
}

.case_de h3{
	font-size: 22px;
    color: #000;
    line-height: 27px;
    padding-left: 48px;
    background: url(../picture/pro05.png) no-repeat left center;
    margin-bottom: 23px;
}

.case_de p{
	font-size: 15px;
    color: #666666;
    line-height: 25px;
    padding-bottom: 20px;
    text-align: justify;
    text-indent: 2em;
}

.caseBox {
	padding: 62px 0 76px 0;
	position: relative;
	z-index: 9;
}

.styList {
	margin-left: -1%;
}

.styList .scapic {
	float: left;
	width: calc(33.33% - 20px);
	/* margin-left: 1%; */
	margin-bottom: 2%;
	color: #666;
	background: #fff;
}

.styList .nowti {
	text-align: center;
	font-size: 15px;
	line-height: 66px;
	position: relative;
	z-index: 20;
	overflow: hidden;
	white-space: nowrap;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.styList .pic .cover {
	background-image: url(../images/stybg.png);
	opacity: 0;
	visibility: hidden;
}

.styList .pic .ico {
	width: 68px;
	height: 48px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -34px;
	background: url(../images/styico.png) no-repeat;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	transition: 600ms;
	-webkit-transition: 600ms;
}

.styList .txts {
	position: relative;
	/* border-right: 1px solid #ccc; */
}

.styList .txts .bg {
	background: #0368ab;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transition: 600ms;
	-webkit-transition: 600ms;
	z-index: 10;
}

.styList .scapic:hover .txts .bg,
.styList .scapic:hover .pic .ico {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.styList .scapic:hover .txts .nowti {
	color: #fff;
}

.styList .scapic:hover .pic .cover {
	opacity: 1;
	visibility: visible;
}

.cover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: 600ms;
	-webkit-transition: 600ms;
	-ms-transition: 600ms;
}


/* case  end */


/* 业绩 */



.newfixs {
	padding: 10px 56px 0;
	margin-bottom: 50px;
	background: #fff url(../images/bg_pattern.png);
}

.newed {
	position: relative;
}


/* .newlists{
	margin-bottom: 50px;
} */

.newlists li {
	position: relative;
	padding: 26px 14px 23px;
	border-bottom: 1px solid #e5e5e5;
}

.newlists li a {
	cursor: context-menu;
}

.newlists li a:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #e5e5e5;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 0.4s ease-in-out;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	visibility: hidden;
}

.newlists li span {
	float: left;
	width: 116px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background: #0368ab;
	position: relative;
}

.newlists li span.zhixun {
	background: #2dc97c;
}

.newlists li strong {
	float: left;
	margin-left: 32px;
	padding-right: 27px;
	border-right: 1px solid #e5e5e5;
	height: 40px;
	text-align: center;
	display: block;
	color: #969696;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	position: relative;
}

.newlists li strong time {
	display: block;
	color: #969696;
	font-weight: normal;
	font-size: 12px;
	margin-top: 11px;
}

.newlists li b {
	display: block;
	width: 13px;
	height: 13px;
	background: url(../images/add.png) center no-repeat;
	position: absolute;
	right: 19px;
	top: 50%;
	margin-top: -6px;
	transition: 0.34s;
	opacity: 0;
	visibility: hidden;
}

.newtext {
	position: relative;
	float: left;
	width: 426px;
	padding-left: 26px;
	/*overflow: hidden;
	white-space: nowrap;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;*/
}

.newtext p {
	color: #323232;
	font-size: 16px;
	margin-top: 9px;
}

.newlists li:hover a:before {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
}

.newlists li:hover b {
	opacity: 1;
	visibility: visible;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transition: 0.34s 0.2s;
}

.seartitle {
	margin-bottom: 22px;
	background: #0368ab;
	padding-left: 8px;
	margin-top: 50px;
	line-height: 1;
}

.ser {
	padding: 0 6px;
	background: #fff;
	display: inline-block;
}

.news_txt .ser {
	background: #f5f5f5;
}

.seartitle h3 {
	color: #646464;
	margin-bottom: 5px;
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
}

.seartitle small {
	display: block;
	line-height: 1;
	color: #646464;
	text-transform: uppercase;
}


/* 业绩  end */

/* .wrap_bg{
	background: url('../images/w_bg.png') center;
} */
/* about */

.ind_sec1_tit {
	margin-bottom: 55px;
}

.pagePadding {
	padding: 86px 0px;
}

.aboutPbox-box {
	position: relative;
	background: url('../images/a_bg.png') no-repeat bottom
}

.aboutPbox {
	width: 60%;
	min-width: 1020px;
	margin: 0px auto;
}

.iboxT {
	margin-bottom: 60px;
}

.iboxT .zh {
	font-size: 30px;
	color: #333333;
	line-height: 1.5;
}

.iboxT .en {
	color: #666;
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
}

.aboutP-list {
	padding-bottom: 50px;
}

.aboutP-list li {
	float: left;
	display: block;
	width: 33.33%;
	padding: 0px 2% 0px 7%;
	border-right: 1px solid #cdcdcd;
	color: #525252;
	line-height: 1.5;
}

.aboutP-list li:last-child {
	border-right: 0px none;
}

.aboutP-list .txt {
	color: #0368ab;
	font-family: "微软正黑体", "Microsoft JhengHei";
	font-size: 24px;
	line-height: 1.2;
}

.aboutP-list .num {
	font-size: 60px;
	padding-right: 10px;
	margin-left: -3px;
}

.aboutP-list .add {
	position: absolute;
	font-weight: bold;
}

.aboutP-list .en {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

.aboutP-list .zh {
	font-size: 15px;
	font-weight: bold;
}

.aboutPbox .pageC p {
	text-align: left;
	font-size: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #666;
	line-height: 28px;
	/*margin-bottom: 15px;*/
	text-indent: 2em;
}

.culture_w {
	width: 100%;
	margin: 0 auto 50px;
	padding-top: 86px;
}

.culture_list {
	padding: 0 42px;
	overflow: hidden;
}

.culture_list li {
	float: left;
	width: calc(25% - 30px);
	margin: 0 15px;
	position: relative;
	display: block;
}


/* .culture_list.wgt-fade-animate li{
    opacity: 1;
    top: 0;
    transition: 680ms 0ms;
}

.culture_list.wgt-fade-animate li:nth-child(2) {
    transition: 680ms 300ms;
}

.culture_list.wgt-fade-animate li:nth-child(3) {
    transition: 680ms 600ms;
}

.culture_list.wgt-fade-animate li:nth-child(4) {
    transition: 680ms 900ms;
} */

.culture_list li .culImg {
	position: relative;
}

.culture_list li .culImg img {
	width: 100%;
}

.culture_list li .culImg:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.culture_list li:hover .culImg:before {
	visibility: visible;
	opacity: 1;
}

.culTxt {
	position: absolute;
	top: 50%;
	margin-top: -63px;
	text-align: center;
	color: #fff;
	-webkit-transition: margin-top 0.3s ease-out;
	-moz-transition: margin-top 0.3s ease-out;
	-o-transition: margin-top 0.3s ease-out;
	transition: margin-top 0.3s ease-out;
	left: 0;
	width: 100%;
}

.culture_list li:hover .culTxt {
	margin-top: -129px;
}

.culture_list li .culTxt img {
	display: block;
	margin: 0 auto;
}

.culture_list li .culTxt span {
	display: block;
	font-size: 14px;
	margin: 5px 0;
	text-transform: uppercase;
}

.culture_list li .culTxt h3 {
	font-size: 22px;
}

.culture_list li .culTxt p {
	font-size: 15px;
	padding-top: 23px;
	line-height: 25px;
	padding: 23px 16px 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.culture_list li:hover .culTxt p {
	opacity: 1;
}

.culture_list .switch_unit .slick-arrow,.switch_unit .slick-arrow  {
	width: 33px;
	height: 33px;
	display: block;
	background-color: #999999;
	top: 50%;
	margin-top: -16px;
}

.culture_list .switch_unit .slick-arrow i,
.switch_unit .slick-arrow i {
	background: url(../images/prev.png) no-repeat scroll center center;
	width: 100%;
	height: 100%;
	margin: 0px auto;
	display: block;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.culture_list .switch_unit .slick-prev,.switch_unit .slick-prev {
	left: -42px;
}

.culture_list .switch_unit .slick-next, .switch_unit .slick-next{
	right: -42px;
}

.switch_unit .slick-prev i {
	background-image: url(../images/prev.png);
}

.culture_list .switch_unit .slick-next i,.switch_unit .slick-next i {
	background-image: url(../images/next.png);
}

.culture_list .switch_unit .slick-arrow:hover {
	background-color: #0368ab;
}

.culture_list .switch_unit .slick-prev:hover i {
	background-position: 30% center;
}

.culture_list .switch_unit .slick-next:hover i {
	background-position: 70% center;
}

.structure {
	padding-top: 86px;
	background: #fff url(../images/w_bg.png) no-repeat center;
    background-size: contain;
}

.strucImg img {
	width: 850px;
	display: block;
	margin: 0 auto;
}

.Honor {
	background: #fff;
	padding-top: 86px;
	padding-bottom: 30px;
}

.honor_w {
	padding-bottom: 50px;
	position: relative;
}

.honor_w .slick-slide {
	display: block;
	margin: 0 10px 10px;
}

.honorI {
	padding: 0px;
	margin: 0px 2px 20px 0px;
	transition: 300ms;
}

.honorI a {
	display: block;
	position: relative;
	overflow: hidden;
}

.honorI .honor_p{
	width: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	opacity: 0;
}


.honorI .honor_p p{
	width: 100%;
	font-size: 16px;
	padding: 3%;
	letter-spacing: 1px;
	text-align: center;
}

.honor_w li:hover .honor_p{
	opacity: 1;
}

.honorI img {
	width: 100%;
	border: 1px solid #d0d0d0;
	display: block;
}

.honor_w .slick-dots li {
	background: #c1c1c1;
	width: 15px;
	height: 15px;
	border-radius: 50%;
}

.honor_w .slick-dots li.slick-active {
	background: #0368ab;
}

.honor_w .slick-dots {
	bottom: -8px;
}


/* about  end */

.service_bk li {
	width: calc(50% - 20px);
	float: left;
	margin: 0 10px;
}

.service_bk li .newtext {
	padding-left: 14px;
}

.service_bk li .newtext p {
	margin-top: 0;
}

.service_bk li .newtext {
	width: 100%;
	padding-right: 50px;
}

.newlists.service_bk li span {
	background: none;
	color: #464646;
	width: 100%;
	padding-right: 50px;
	height: auto;
	line-height: 25px;
	text-align: left;
}


/* service */

.ixwitList .item {
	width: 25%;
	overflow: hidden;
}

.ixwitList .item a {
	width: auto;
	margin: 11px;
}

.ixwitList {
	margin: 64px 0 0 64px;
}

.ixnwList a {
	display: block;
	width: 33.33%;
	padding: 0 5%;
	float: left;
	color: #8f8f8f;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

.ixnwList a:nth-child(3n) {
	border-right: none;
}

.ixnwList {
	/* margin-left: -7%; */
	padding-top: 35px;
}

.service_wrap{
	position: relative;
	padding-bottom: 80px;
	margin-top: 62px;
	z-index: 9;
}

.service_box {
	padding-bottom: 60px;
	position: relative;
	z-index: 9;
}

.ixnwList {
	margin-bottom: 60px;
	background: #fff url(../images/bg_pattern.png);
}

.ixnwList .nowti {
	font-size: 20px;
	color: #333;
	margin-bottom: 15px;
	overflow: hidden;
	white-space: nowrap;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.ixnwList .line_s {
	display: block;
	width: 32px;
	height: 5px;
	margin-top: 30px;
	background: #0368ab;
	margin-bottom: 20px;
	transition: 400ms;
	-webkit-transition: 400ms;
}

.ixnwList .date {
	height: 96px;
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	margin-bottom: 8px;
	overflow: hidden;
}

.ixnwList .tx {
	line-height: 20px !important;
	height: 8px;
}

.ixnwmore {
	width: 22px;
	height: 22px;
	border: 1px solid #666;
	border-radius: 100%;
	margin-top: 40px;
	margin-bottom: 30px;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.ixnwmore .ico {
	background-image: url(../images/abm2.png);
	background-position: right center;
}

.ico,
.aw {
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.ixnwList a:hover .ixnwmore .ico {
	background-position: left center;
}

.ixnwList a:hover .ixnwmore {
	border-color: #0368ab;
}

.ixnwList a:hover .line_s {
	width: 100%;
	background: #0368ab;
}

.ixnwList a:hover .nowti {
	color: #0368ab;
}

.ser_deta {
	overflow: hidden;
}

.ser_detaT {
	width: 50%;
	float: left;
}

.ser_detaI {
	width: 50%;
	padding-left: 4%;
	float: left;
}


/* service  end */


/* contact */
#Map_gd{
	height: 100%;
}
.contact_wrap {
    position: relative;
    width: 100%;
    height: calc(100vh - 86px);
    margin: 0 auto;
    margin-top: 86px;
    overflow: hidden;
}

.contactMap {
	position: relative;
	width: 71%;
	height: 100%;
	float: left;
}

#allmap {
	height: calc(100vh - 86px);
	width: 100%;
	margin: 0 auto;
}

/*.ixctati .abti>img{
    width: 442px;
}*/

.ixctati {
	position: relative;
	width: 29%;
	float: left;
	height: calc(100vh - 86px);
	background: #e8e8e8 url(../images/c_bg.jpg) no-repeat right bottom;
	background-size: cover;
}

.ixctati>ul{
	width: 100%;
	padding: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.ixctati .zplist{
	width: 100%;
	padding-top: 20px;
}

.con_show{
	display: none;
}

.ixctati .zplist li{
	margin-bottom: 10px;
}

.con_more{
	display: inline-block;
    border: 1px solid #929292;
    padding: 8px 23px;
}

.con_more:hover{
	background: #0099d9;
	color: #fff;
	border: 1px solid #0099d9;
}

.ixctati>ul>li{
	border: 1px solid #9e9e9e;
    margin-bottom: 20px;
    padding: 18px 24px;
    cursor: pointer;
    transition: 0.6s;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
}

.ixctati>ul>li>h3{
	padding-left: 52px;
    line-height: 35px;
    font-size: 18px;
    background-size: 34px;
    background-image: url(../images/c_1.png);
    background-repeat: no-repeat;
    background-position: 0 -6px;
    font-weight: bold;
    color: #000;
}

.ixctati>ul>li:nth-child(2)>h3{
	background-image: url(../images/c_2.png);
}

.ixctati>ul>li:hover{
	box-shadow: 0 0 20px 0 #b7b7b7;
}

.ixctati .zplist .zpone{
	height: auto;
}

.ixctati .zplist .zpone h3{
	padding: 10px 0;
	font-size: 15px;
	overflow: hidden;
	white-space: nowrap;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.ixctati .zplist .zpone:before{
	top: 11px;
	background-color: #0099d9;
}

.ixctas .ca {
	display: block;
	color: #333;
	padding-left: 45px;
	position: relative;
	margin-bottom: 13px;
}

.ixctas .ca .ch {
	font-size: 14px;
    line-height: 23px;
}

.ixctas .ca .en {
	font-size: 18px;
	color: #999;
	line-height: 0.8;
	font-family: 'moolbor';
	margin-top: 1px;
}

.ixctas .ca .ico {
	width: 30px;
	height: 40px;
	position: absolute;
	top: -3px;
	left: 0;
	background-position: center top;
	transition: none;
	-webkit-transition: none;
}

.ixctas {
	margin: 7% 0;
}

/* .ixctas .ca:hover .ico {
	background-position: center bottom;
} */

.ixctas .ca:hover {
	color: #0368ab;
}

.ixctas .ca:hover .en {
	color: #0368ab;
}


/* contact  end */

/* jobs */

.flex-viewport{
	padding-bottom:76px;
}

.zplist {
	width: 1200px;
	margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 35px;
    position: relative;
    z-index: 9;
}

.zplist li {
    border: 1px solid #dedede;
    margin-bottom: 20px;
    background-color: #fff;
}

.zplist .zpone {
    height: 80px;
    cursor: pointer;
    position: relative;
    padding-left: 40px;
    padding-right: 20px;
}

.zplist .zpone:before {
    content: '';
    width: 4px;
    height: 30px;
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 0;
    background-color: #dedede;
}

.zplist .zpone h3 {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
    overflow: hidden;
    padding-top: 11px;
}

.zplist .zpone p.info {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    height: 28px;
    overflow: hidden;
}

.zplist .zpone p.info span {
    margin-right: 16px;
}

.zplist .zpone i {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    width: 40px;
    height: 40px;
    background: url('../images/jtr2.png') center no-repeat;
}

.zplist li.on {
    border-color: #0099d9;
}

.zplist li.on .zpone:before {
    background-color: #0099d9;
}

.zplist li:hover {
    box-shadow: 0 0 20px 0 #e0e0e0;
}

.zplist li.on .zpone i,
.zplist li:hover .zpone i {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.zplist li,
.zplist li .zpone:before,
.zplist .zpone i {
    transition: 0.6s;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
}

.zpcon {
    display: none;
    padding: 0 40px 30px;
    color: #666;
    line-height: 24px;
}

.zpcon .b{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

.zpcon p{
	font-size: 13px;
	margin-bottom: 5px;
}

.zpcon span{
	color: #0099d9;
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-top: 14px;
}
/* jobs  end */

/* honor */
.w1280 {
    width: 1280px;
    margin: 0 auto;
}

.w1340 {
    width: 1340px;
    margin: 0 auto;
}

.w1480 {
    width: 1480px;
    margin: 0 auto;
}


.patent-btns {
    position: absolute;
    z-index: 3;
    height: 1px;
    overflow: visible;
    width: 100%;
    left: 0;
    top: calc(50% - .6rem);
}

.patent-btns .btn {
    position: absolute;
    display: block;
    top: -20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-position: center !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
}

.patent-btns .btn:hover {
    transform: translateY(-6px);
}

.patent-btns .prev {
    left: 20px;
    background-image: url(../images/prev2.png);
}

.patent-btns .next {
    right: 20px;
    background-image: url(../images/next2.png);
}

.pro-bot-btns {
    position: absolute;
    z-index: 3;
    height: 1px;
    overflow: visible;
    width: 100%;
    left: 0;
    top: 50%;
}

.pro-bot-btns .btn {
    position: absolute;
    display: block;
    top: -20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-position: center !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
}

.pro-bot-btns .btn:hover {
    transform: translateY(-6px);
}

.pro-bot-btns .prev {
    left: 20px;
    background-image: url(../images/prev2.png);
}

.pro-bot-btns .next {
    right: 20px;
    background-image: url(../images/next2.png);
}

.honor-banner1-wrap {
    position: relative;
    margin-bottom: .8rem;
}

.honor-banner1-wrap .patent-btns {
    top: 50%;
}

.honor-banner1 {
    position: relative;
    font-size: 14px;
    line-height: 2;
    color: #333;
    text-align: center;
    overflow: hidden;
}

.honor-banner1 .honor-slide-name {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 2;
    color: #333;
    opacity: 0;
}

.honor-banner1 .img-wrap {
    border: 1px solid #eee;
}

.honor-banner1 .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 540px;
    /*height: 445px;*/
    height: auto;
}

.honor-banner1 .swiper-slide:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 3;
    transition: all .5s ease;
    top: 0;
    left: 0;
}

.honor-banner1 .swiper-slide.swiper-slide-active {
    z-index: 4;
}

.honor-banner1 .swiper-slide.swiper-slide-active .img-wrap {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.honor-banner1 .swiper-slide.swiper-slide-active:before {
    opacity: 0;
}

.honor-banner1 .swiper-slide.swiper-slide-active .honor-slide-name {
    opacity: 1;
}

.honor-banner1-wrap {
    position: relative;
    margin-bottom: .8rem;
}

.honor-banner1-wrap .patent-btns {
    top: 50%;
}

@media (max-width: 1600px) {
    .w1480 {
      width: 92%;
  }
   
}

@media (max-width: 1391px){
  .w1280, .w1340 {
      width: 92%;
  }
  .honor-banner1.w1280 {
      width: 970px;
  }
}

@media (max-width: 1200px) {
    
    .honor-banner1 .honor-slide-name {
        margin-top: 16px;
    }

    .honor-banner1.w1280 {
        width: 700px;
    }

    .honor-banner1 .swiper-slide {
        width: 450px;
        height: 380px;
    }
}
@media (max-width: 1023px) {

    .honor-banner1-wrap.w1480 {
        width: 100%;
    }
}

@media (max-width: 900px) {

    .honor-banner1.w1280 {
        width: 92%;
    }

    .honor-banner1 .swiper-slide {
        width: 100%;
        height: auto;
    }

}
/* honor  end */

/* public */

.noticeList {
	margin-left: -1.5%;
	padding-bottom: 20px;
}

.noticeList dd {
	float: left;
	display: block;
	width: 48.5%;
	margin: 0px 0px 1.5% 1.5%;
	position: relative;
	background-color: #f8f8f8;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	z-index: 9;
}

.noticeList .item {
	padding: 35px 160px 35px 35px;
	position: relative;
}

.noticeList .t {
	font-size: 18px;
    height: 64px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 25px;
    color: #333;
    line-height: 1.8;
    letter-spacing: 1px;
}

.noticeList .time {
	font-size: 16px;
	color: #0368ab;
}

.noticeList .num {
	width: 84px;
	padding: 22px 0 18px;
	text-align: center;
	color: #fff;
	background-color: #a1c1db;
	font-size: 12px;
	position: absolute;
	right: 35px;
	top: 35px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.noticeList .ico {
	background: url(../images/pdf.png) no-repeat scroll center center;
	background-size: cover;
	width: 36px;
	height: 43px;
	display: block;
	margin: 0px auto 12px;
}
.ilink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.noticeList dd:hover {
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
}

.noticeList dd:hover .t {
	color: #0368ab;
}

.noticeList dd:hover .num {
	background-color: #0368ab;
}

.public-main {
	padding: 62px 0 76px 0;
}

.public-view {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.public-view li {
	width: 33.33%;
	padding: 0 15px 30px;
}

.public-view li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background: #efefef;
	padding: 30px;
}

.public-img img {
	width: 100%;
}

.benefithide {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.benefithide:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(3, 104, 171, 0.94);
	-webkit-transition: -webkit-transform .62s cubic-bezier(.4, 0, .2, 1);
	transition: -webkit-transform .62s cubic-bezier(.4, 0, .2, 1);
	transition: transform .62s cubic-bezier(.4, 0, .2, 1);
	transition: transform .62s cubic-bezier(.4, 0, .2, 1), -webkit-transform .62s cubic-bezier(.4, 0, .2, 1);
	transform-origin: left 100%;
	-webkit-transform-origin: left 100%;
	transform: scaleY(0);
	-moz-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	visibility: hidden\9;
}

.public-view li:hover .benefitshow {
	opacity: 0;
	visibility: hidden;
	transition: 0.45s;
}

.public-view li:hover .benefithide:before {
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform-origin: left 0;
	-webkit-transform-origin: left 0;
	visibility: visible\9;
}

.public-view li:hover .benefitwr {
	opacity: 1;
	visibility: visible;
	top: 0;
}

.benefitwr {
	top: -100px;
	position: relative;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	transition: 0.55s;
	padding: 0 9%;
}

.benefithide small {
	display: block;
	line-height: 1;
	color: #fff;
	font-size: 17px;
	margin-bottom: 15px;
	position: relative;
}

.benefithide small::before {
	position: absolute;
	content: '';
	width: 10px;
	height: 4px;
	top: -30px;
	left: 0;
	background: #fff;
}

.benefithide h3 {
	color: #ffffff;
	font-size: 20px;
	line-height: 1.5;
	width: 100%;
	margin: auto;
	max-width: 100%;
	margin-bottom: 45px;
	position: relative;
}

.benefithide p {
	width: 100%;
	margin: auto;
	color: #ffffff;
	position: relative;
	font-size: 14px;
}

.benefitwr b {
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/down.png) center no-repeat;
	margin-bottom: 20px;
	opacity: 0;
	visibility: hidden;
	transition: 0.45s ease-in-out;
	z-index: 5;
}

.public-view li:hover .benefitwr b {
	opacity: 1;
	visibility: visible;
	margin-bottom: 15px;
	transition: 0.45s 0.3s ease-in-out;
}

.news-deatils-box {
	position: relative;
	width: 82%;
	margin: 0 auto 40px;
	padding: 65px 85px 60px 80px;
	background-color: #fff;
	-webkit-box-shadow: 2px 15px 38px rgba(0, 0, 0, .05);
	-moz-box-shadow: 2px 15px 38px rgba(0, 0, 0, .05);
	box-shadow: 2px 15px 38px rgba(0, 0, 0, .05);
	z-index: 9;
}

.news-deatils-box h2 {
	font-size: 25px;
	color: #2a2622;
	font-weight: 500;
	line-height: 42px;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 10px;
	letter-spacing: 0.2px;
	text-align: center;
}

.news-deatils-box>p {
	line-height: 28px;
	color: #0368ab;
	font-size: 15px;
	text-align: center;
}

.news-deatils-box>p span {
	margin: 0 10px;
}

.news-deatils-p {
	margin-top: 4%;
	text-align: left;
}

.news-deatils-p p {
	text-align: center;
	color: #666666;
	line-height: 36px;
	font-size: 14px;
}

.news-deatils-img img {
	display: block;
	margin: 10px auto;
	border: 4px solid #f5f5f5;
}

.news-deatils-div {
	position: relative;
	display: block;
	padding: 22px 110px 22px 50px;
	font-size: 15px;
	background: #e6e6e6 url(../images/fujian.png) no-repeat 20px center;
	-o-background-size: 18px;
	background-size: 18px;
	margin-bottom: 20px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.news-deatils-div span {
	position: absolute;
	right: 29px;
	top: 29px;
	font-size: 14px;
	color: #0368ab;
}

.news-deatils-div p {
	overflow: hidden;
	white-space: nowrap;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.news-deatils-div:hover {
	background: #0368ab url(../images/fujian-1.png) no-repeat 20px center;
	-o-background-size: 18px;
	background-size: 18px;
	color: #fff;
}

.news-deatils-div:hover a {
	color: #fff;
}

.news-deatils-div:hover p {
	color: #fff;
	text-decoration: underline;
}

.news-deatils-div:hover span {
	color: #fff;
}

.news-deatils-fj {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.news-deatils-fj i {
	display: block;
	width: 46px;
}

.news-deatils-fj p {
	width: calc(100% - 46px);
}

@media(max-width:1500px) {
	.news-deatils-box{
		width: 100%;
	}
	.news-deatils-box h2{
		font-size: 23px;
	}
}
@media(max-width:1400px) {
	.noticeList .t{
		font-size: 17px;
	}
	.noticeList .time{
		font-size: 15px;
	}
}
@media(max-width:1200px) {
	.noticeList dd{
		width: 100%;
		margin-left: 0;
	}
	.noticeList .t{
		height: auto;
	}
	.noticeList .num{
		padding: 12px 0;
		top: 27px;
	}
}
@media(max-width:1024px) {
	.news-deatils-box{
		padding: 45px 65px 40px 60px;
	}
	.public-main{
		padding-bottom: 0;
	}
}
@media(max-width:768px) {
	.news-deatils-box h2 {
		font-size: 17px;
		line-height: 1.6;
		padding-top: 0;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.news-deatils-box>p span{
		display: block;
	}
	.news-deatils-box{
		padding: 20px;
	}
	.noticeList .item{
		padding: 20px 100px 20px 20px;
	}
	.noticeList .t {
		font-size: 15px;
		margin-bottom: 18px;
	}
	.noticeList .num{
		right: 20px;
		width: 65px;
		top: 21px;
	}
	.noticeList .time {
		font-size: 13px;
	}
	.noticeList .ico{
		background-size: 25px;
		margin-bottom: 3px;
	}
}
@media screen and (max-width: 650px){
	.public-main {
		padding: 20px 0 0 0;
	}
	.news-deatils-box>p{
		font-size: 14px;
	}
	.news-deatils-div{
		padding: 10px 15px 10px 40px;
		background-position: 13px center;
	}
	.news-deatils-div span{
		display: none;
	}
}
/* public  end */