@charset "utf-8";

* {

	margin: 0px;
	padding: 0px;
	border: 0;
	line-height: 1;
}

p,
h1,
h2,
h3,
div,
ul,
li {
	display: block;
}

dl,
dd,
dt {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	overflow-x: hidden;
	color: #333;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
}

p {
	list-style: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="date"],
input[type="tel"],
input[type="datetime"],
input[type="month"],
input[type="text"],
textarea,
button {
	-webkit-appearance: none;
	-webkit-appearance: none;
	outline: none;
	font-family: 'Microsoft YaHei';
}

select {
	border: none;
	background: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	box-shadow: 0 0 0 160px #fff inset;
	-webkit-text-fill-color: #333;
}

.paig {
	height: auto;
	overflow: hidden;
}

.paig1>* {
	height: auto;
	overflow: hidden;
}

.abs {
	position: absolute;
}

input,
textarea,
select,
a:focus {
	outline: none;
}

.fix {
	position: fixed;
}

.rel {
	position: relative;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.display {
	display: block;
}

.auto {
	height: auto;
	overflow: hidden;
}

.mar {
	margin: auto;
}

.mar0 {
	margin: 0 auto;
}

.clear {
	clear: both;
}

.img100 {
	width: 100%;
	clear: both;
	display: block;
	height: auto;
	overflow: hidden;
}

.none {
	display: none;
}

.wd33 {
	width: 33.333%;
	text-align: center;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd50 {
	width: 49.5%;
	text-align: center;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd25 {
	width: 25%;
	text-align: center;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd20 {
	width: 20%;
	text-align: center;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd75 {
	width: 75%;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd41 {
	width: 41%;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd40 {
	width: 40%;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd30 {
	width: 30%;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd10 {
	width: 10%;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd19 {
	width: 19%;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd5 {
	width: 5%;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd95 {
	width: 95%;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd90 {
	width: 90%;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd85 {
	width: 85%;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd88 {
	width: 88%;
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
}

.wd100 {
	width: 100%;
	display: block;
	height: auto;
	overflow: hidden;
}


/*mobile*/
@media (max-width: 1000px) {

	.footnav {
		width: 100%;
		position: fixed;
		bottom: 0px;
		background: #005ba8;
		color: #fff;
	}

	.footnav a {
		color: #fff;
	}

	.footnav li {
		float: left;
		width: 33%;
		height: 50px;
		line-height: 23px;
		text-align: center;
		border-right: solid 1px #eee;
	}

	.footnav li:nth-child(4) {
		border-right: none;
	}

	.zbwz_1 div {
		line-height: 150%;
	}

	.zbwz_1 {
		line-height: 150%;
	}

	.dbdetail {
		margin: 1rem 0;
		padding: 1rem 0;
		height: auto;
		overflow: hidden;
		border-bottom: solid 1px #ccc;
		border-top: solid 1px #ccc;
	}

	.dbdetail_auth {
		display: block;
		float: left;
		margin: 0;
		font-size: 13px;
		color: #666;
	}

	.dbdetail_pvs {
		float: right;
		margin: 0 20px 0 0;
		font-size: 13px;
		color: #666;
	}

	.dbdetail li {
		margin: 0 10px 0 0;
		height: 20px;
		line-height: 20px;
		font-size: 13px;
		color: #666;
	}

	.zbwzarp2 h1 {
		padding: 0;
		font-size: 1.3rem;
		text-align: left;
		line-height: 2rem;
	}

	.sutopart dd {
		font-size: 13px;
		color: #333;
		width: 100%;
		height: 44px;
		line-height: 44px;
		
	}

	.sutopart {
		border-bottom: solid 1px #ccc;
	}

	.sutopart {
		width: 100%;
		margin: 20px auto;
	}

	.sutopart2 a {
		width: 100%;
		height: 2rem;
		background: #005BA8;
		color: #fff;
		display: block;
		text-align: center;
		line-height: 2rem;
		font-size: 14px;
	}

	.sutopart2 {
		width: 100%;
		margin: 20px auto;
	}

	.zbwzarp {
		background: #f5f5f5;
	}

	.zbwzarp2 {
		padding: 1.5rem;
		margin: 1rem;
		/*border-top: 5px solid #005BA8;*/
	}
.zbwzarp2-1{border-top: 5px solid #005BA8;}


	p {
		font-size: .8rem;
		line-height: 1.3rem;
	}

	a {
		font-size: .8rem;
		;
		color: #333;
	}

	h1 {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}

	h2 {
		font-size: 1.1rem;
		padding: 0;
	}

	h3 {
		font-size: 1.1rem;
		line-height: 1.3rem;
	}

	h4 {
		font-size: 1.1rem;
		line-height: 1.3rem;
	}

	h5 {
		font-size: 1rem;
		line-height: 1.3rem;
	}

	.ptxt {
		font-size: .8rem;
		line-height: 1.4rem;
		color: #666;
	}

	.monone {
		display: none !important;
	}


	.header_2 {
		width: 100%;
		height: 4rem;
		background: #005ba8;
	}

	.header_main li {
		border-bottom: solid 2px rgba(255, 255, 255, 0.2);
		position: relative;
		width: 100%;
		clear: both;
	}

	.header_main ul {
		padding: 1.2rem 0;
	}

	.header_main {
		display: none;
		position: fixed;
		height: 100%;
		z-index: 999;
		left: 0;
		background: #005ba8;
		top: 4rem;
		width: 100%;
	}

	.header_onenav {
		color: #fff;
		display: block;
		text-indent: 1.2rem;
		width: 50%;
		line-height: 4rem;
		font-weight: 700;
		height: 4rem;
		font-size: .8rem;
		float: left;
	}

	.header_r {
		width: 100%;
		display: none;
	}

	.header_li {
		height: auto;
		overflow: hidden;
		padding: 0;
	}

	.navhide {
		clear: both;
		border-top: solid 1px #666;
		display: none;
		z-index: 500;
		padding: 0;
		width: 100%;
		background: #166eb9;
	}

	.navhide a {
		transition: all .6s;
		display: block;
		clear: both;
		font-size: 0.9rem;
		width: 50%;
		color: #fff;
		text-align: left;
	}

	.navclose {
		display: block;
		position: absolute;
		right: 4%;
		top: 2.2rem;
		transform: translateY(-50%);
		z-index: 201;
		width: 36px;
		height: 26px;
	}

	.navclose i {
		position: absolute;
		display: block;
		right: 0;
		top: 50%;
		margin-top: -2px;
		width: 100%;
		height: 1px;
		background: #fff;
		opacity: 1;
		transition: .4s;
	}

	.navclose::before {
		top: 0;
		transform-origin: 50% 50% 0;
	}

	.navclose::after {
		bottom: 0;
		transform-origin: 50% 50% 0;
	}

	.navclose::before,
	.navclose::after {
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		transition: .6s;
		background: #fff;
	}

	body.on .navclose i {
		opacity: 0;
		width: 0;
	}

	body.on .navclose::before {
		top: 50%;
		transform: translateY(-50%) rotate(-135deg);
	}

	body.on .navclose::after {
		bottom: auto;
		top: 50%;
		transform: translateY(-50%) rotate(135deg);
	}

	.header {
		z-index: 155;
		width: 100%;
		height: 3.5rem;
		padding: 0;
		position: fixed;
		top: 0;
		left: 0;
		background: #fff;
	}

	.header_logo {
		width: 4rem;
		height: 4rem;
		padding: .5rem 0 0 0;
		display: block;
		margin: auto;
	}

	.header_logo img {
		width: 100%;
	}

	.header_logo span {
		display: none;
	}

	.header_moico {
		transition: all 0.2s ease-in-out;
		position: absolute;
		right: 0;
		top: 0;
		font-size: .8rem;
		height: 4rem;
		line-height: 4rem;
		text-align: center;
		width: 3rem;
		color: #fff;
		display: block;
	}

	.navhdd2 {
		position: relative;
		clear: both;
		height: auto;
		overflow: hidden;
		width: 100%;
	}

	.navhdd_a1 {
		text-indent: 1.8rem;
		height: 3rem;
		line-height: 3rem;
	}

	.navhdd2 dl {
		display: none;
		background: #4287c2;
	}

	.navhdd2 dl dd {
		width: 100%;
		height: 3rem;
	}

	.navhdd2 dl a {
		text-indent: 3rem;
		width: 50%;
		display: block;
		height: 3rem;
		line-height: 3rem;
	}

	.header_mo2 {
		transition: all 0.2s ease-in-out;
		position: absolute;
		right: 0;
		top: 0;
		font-size: .7rem;
		height: 3rem;
		line-height: 3rem;
		text-align: center;
		width: 3rem;
		color: #fff;
		display: block;
	}

	.header_rtt {
		transform: rotate(90deg) !important;
	}



	.topH {
		width: 100%;
		height: 3.5rem;
	}

	.mobile-inner-nav a {

		animation-duration: 0.4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: ReturnToNormal;
		animation-name: ReturnToNormal;
	}

	@-webkit-keyframes ReturnToNormal {
		100% {
			-webkit-transform: translateX(0%) rotate(0deg);
			transform: translateX(0%) rotate(0deg);
		}
	}

	.banner {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.swiper-slide {
		width: 100%;
		overflow: hidden;
	}

	.banner .swiper-container {
		width: 100%;
		height: auto;

	}

	.banner .content {
		position: relative;
		width: 100%;
		height: auto;
	}

	.banner .picB {
		width: 100%;
		height: auto;
	}

	.banner .text {
		position: absolute;
		top: 2%;
		left: 0;
		right: 0;
		max-width: 1200px;
		width: 70%;
		margin: 0 auto;
		transform: translateY(-50%);
	}

	.banner .bannerBtn {
		position: absolute;
		right: 1rem;
		top: 2%;
		transform: translateY(-50%);
		z-index: 999;
		color: #fff;
		font-size: 0.825rem;
	}

	.banner .swiper-button-prev {
		margin-bottom: 0.825rem;
	}

	.banner .next,
	.banner .prev {
		margin: 0 0.825rem;
	}

	.banner .swiper-wrapper .swiper-slide img {
		width: 100%;
		height: auto;
		left: 0;
		top: 0;
	}

	.banner .bannerTitle {
		position: relative;
		color: #fff;
		margin-bottom: .5rem;
		font-size: 1rem;
		transition: all 2s ease;
	}

	.banner .swiper-slide-active .content:before {
		transition-delay: 1.3s;
		transform: translate3d(0px, 0, 0);
		opacity: 1;
	}

	.banner .swiper-slide-active .bannerTitle {
		transition-delay: 0.5s;
	}

	.banner .text * {
		transform: translate3d(0, 80px, 0);
		opacity: 0;
		text-shadow: 1px 1px 1px #333;
	}

	.banner .swiper-slide-active .summry {
		transition-delay: 1s;
	}

	.banner .swiper-slide-active .text * {
		transform: translate3d(0, 0px, 0);
		opacity: 1;
	}

	.banner .summry {
		color: #fff;
		font-size: .8rem;
		line-height: 1.5;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		transition: all 2s ease;
		max-width: 100%;
	}

	.banner .bannerPic {
		position: relative;
		width: 100%;
		height: auto;
		transition: all 1s ease 2.5s;
		transform: perspective(1000px) translate3d(0, 0, 100px);
	}

	.banner .swiper-slide-active .bannerPic {
		transition: all 5s ease 0s;
		transform: perspective(1000px) translate3d(0, 0, 0px);
	}

	.swiper-wrapper {
		transition-delay: .3s;
	}

	.swiper-slide .text {
		position: absolute;
		transform: translateY(200px);
		opacity: 0;
		transition: all .8s;
	}

	.ani-slide .text {
		transform: translateY(0);
		opacity: 1;
	}

	.tlpnn {
		cursor: pointer;
		position: absolute;
		right: 1rem;
		top: 35%;
		z-index: 50000;
	}

	.tl_next {
		margin: 30px 0 0 0;
		font-size: .7rem;
		color: #fff;
	}

	.tl_prev {
		margin: 0px 0 0 0;
		font-size: .7rem;
		color: #fff;
	}

	.topH {
		width: 100%;
		height: 4rem;
	}

	.footer {
		padding: 1rem;
		height: auto;
		background-color: #262626;
		color: #fff;
		font-size: .8rem;
	}

	.footer_3 dl {
		width: 50%;
		float: left;
	}

	.footer_3 {
		width: 100%;
		height: auto;
		border-right: solid 1px #444;
	}

	.footer_3 a {
		line-height: 27px;
		color: #a8a8a8;
	}

	.footer_3 dt {
		padding: 0 0 10px 0;
	}

	.footer_4 {
		padding: 2rem 0 0 0;
		width: 100%;
	}

	.footer_4 dl dt {
		padding: 0 0 3px 0;
		font-size: .8rem;
		color: #a8a8a8;
	}

	.footer_4 dl dd {
		font-weight: 700;
		font-size: 1.3rem;
		color: #f28d01;
	}

	.footer_4 dl {
		height: auto;
		overflow: hidden;
		padding: 0 0 .5rem 0;
	}

	.footer_8 {
		padding: 1rem 0 0 0;
	}

	.footer_8 img {
		width: 30%;
		margin: auto;
		display: block;
	}

	.footer_1 {
		border-bottom: solid 1px #444;
	}

	.fixright {
		display: none;
		z-index: 888;
		width: 76px;
		height: 316px;
		position: fixed;
		right: 0;
		top: 40%;
	}

	.fixright span {
		display: block;
		width: 76px;
		height: 76px;
		margin: 0 0 5px 0;
	}

	.btpo {
		background: #262626;
		padding: 1rem;
		color: #fff;
		height: auto;
		line-height: 1.4rem;
		font-size: .8rem;
		text-align: center;
	}

	.zxtitt {
		padding: .8rem 0;
		width: 100%;
		height: auto;
		background: #f6f6f6;
		display: none;
	}

	.poth2 {
		display: none;
	}

	.mopoth2 {
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		height: 40px;
		line-height: 40px;
	}

	.zxtitt h2 {
		text-align: center;
		width: 100%;
	}

	.zxtitt p {
		text-align: center;
		width: 100%;
	}

	.zxtitt h2 span {
		display: block;
		text-align: center;
		width: 100%;
	}

	.zxtitt h2 span:nth-child(1) {
		padding: 0;
		font-size: 20px;
		line-height: 25px;
	}

	.zxtitt h2 span:nth-child(2) {
		display: none;
		font-size: 13px;
		line-height: 25px;
	}



	/*PC主干部分*/
	.prodts_2 dl {
		height: auto;
		overflow: hidden;
		float: left;
		width: 100%;
	}

	.prodts_2 dl dt {
		width: 100%;
		height: auto;
		margin: auto;
	}

	.prodts_2 dl dt img {
		display: block;
		margin: auto;
	}

	.prodts_2 dl dd {
		height: auto;
		overflow: hidden;
	}

	.prodts_2 dl dd h3 {
		width: 100%;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		padding: 0 0 10px 0;
	}

	.prodts_2 dl dd P {
		text-align: center;
		font-size: 13px;
		line-height: 25px;
	}

	.prodts_1 h2 {
		padding: 0 0 10px 0;
		font-size: 30px;
		font-weight: 700;
		text-align: center;
		color: #000;
	}

	.prodts_1 p {
		font-size: 14px;
		color: #666;
		text-align: center;
	}

	.prodts {
		padding: 1rem 0;
		background: #fff;
	}

	.prodts_2 {
		padding: .5rem 0;
	}

	.prodts_7 {
		width: 100%;
		margin: auto;
	}

	.prodts_7 dl {
		width: 100%;
		margin: 0;
	}

	.prodts_1 {
		padding: 1rem;
	}

	.fixbg {
		z-index: 1;
		max-height: 746px;
		position: fixed;
		bottom: 0px;
		left: 0;
		width: 100%;
	}

	.contbox {
		position: relative;
		z-index: 2;
		width: 100%;
	}

	.castlist_1 {
		width: 100%;
	}

	.castbg {
		float: right;
		background: rgba(0, 91, 168, .7);
	}

	.castlist_1 dl {
		position: relative;
		padding: 1rem;
		clear: both;
	}

	.castlist_1 dl dt {
		font-size: 1rem;
		line-height: 30px;
		padding: 0 0 10px 0;
		color: #fff;
		color: #fff;
	}

	.castlist_1 dl dd {
		width: 80%;
		font-size: 14px;
		color: rgba(255, 255, 255, .6);
		line-height: 25px;
	}

	.castlist_3 {
		width: 100%;
		margin: auto;
	}

	.castlist_1 dl span {
		display: block;
		position: absolute;
		right: 10%;
		top: 50px;
	}

	.castlist_1 dl:hover {
		background: rgba(255, 255, 255, .2);
	}

	.castlist_s dl {
		padding: 1rem;
		background: #004E94;
	}

	.castlist_s dl dt {
		text-align: center;
		font-size: 24px;
		line-height: 30px;
		padding: 0 0 10px 0;
		color: #fff;
	}

	.castlist_s dl dd {
		text-align: center;
		padding: 0 0 25px 0;
		width: 80%;
		font-size: 14px;
		color: rgba(255, 255, 255, .6);
		line-height: 25px;
	}

	.castlist_s a {
		margin: auto;
		color: #fff;
		display: block;
		width: 120px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-size: 13px;
		border: solid 1px #fff;
		border-radius: 30px;
	}

	.castlist_s {
		display: none;
	}

	.probg {
		background: #f2f7f8;
	}

	.cores1 h2 {
		padding: 0 0 10px 0;
		font-size: 30px;
		font-weight: 700;
		text-align: left;
		color: #000;
	}

	.cores1 p {
		font-size: 14px;
		color: #666;
		text-align: left;
	}

	.cores {
		padding: 1rem;
	}

	.cores3 {
		height: 80px;
		width: 100%;
	}

	.cores3 span {
		display: block;
		margin: 35px 0 0 0;
		width: 100%;
		height: 5px;
		background: #f0a902;
	}

	.cores4 {
		padding: 0 0 0 0;
		width: 100%;
	}

	.lkgor {
		padding: 1rem;
	}

	.lk_swiper_container {
		overflow: hidden;
		width: 1200px;
		margin: auto;
	}

	.corbtn {
		position: absolute;
		top: 30%;
		width: 60px;
		height: 60px;
	}

	.lk_next {
		right: 0;
	}

	.lk_prev {
		left: 0;
	}

	.footer {
		background: #222;
		padding: 1.5rem 0;
	}

	.footer_1 {
		height: auto;
		overflow: hidden;
	}

	.footer_1 p {
		padding: 1.5rem;
		text-align: center;
		line-height: 1.5rem;
		font-size: 14px;
		color: #ddd;
	}

	.footer_1 a {
		width: 7rem;
		margin: auto;
		display: block;
	}

	.footer_1 a img {
		width: 100%;
		display: block;
	}



	.nyter_1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.nyter_2 dl {
		padding: 0 30px 0 0 ;
		color: #fff;
		border-right: solid 1px #333;
		margin: 150px 0; float:right;
	}

	.nyter_2 dl dt {
		padding: 0 0 15px 0;
		color: #333;
		font-size: 28px;
	}

	.nyter_2 dl dd {
		color: #333;
		font-size: 16px;
	}

	.wd1400 {
		width: 100%;
		margin: auto;
	}

	.nytitt {
		width: 100%;
		height:65px; text-align:center; padding:50px 0; overflow:hidden; border-top:#efefef solid 1px;
	}
.nytitt_1{ margin:0 auto; overflow: hidden;}
.nytitt_1 span{ display:inline; color:#fff;}
	.nytitt_1 a {
		padding: 2rem 3rem;
		height: 55px;
		line-height: 55px;
		color: #fff; font-size:14px;background-color:#004e94; margin:0 10px;border-radius:18%;
	}
	.nytitt_1 a:hover{background-color:#e6b800;}


	/*.nytitt_1 i {
		width: 1px;
		margin-top:25px;
		background: #fff;
		height: 15px;
		font-size: 12px;
		display: block;
		float: left;
	}
*/

	.zbwz p {
		color: #666;
		text-indent: 2em;
		font-size: 16px;
		line-height: 35px;
	}

	.zbwz p img {
		margin: 35px auto;
	}

	.bgfff {
		background: #fff;
	}

	.zbwz {
		padding: 1rem;
	}

	.zbwz h1 {
		font-size: 33px;
		text-align: center;
		width: 100%;
		padding: 5px 0 35px 0;
	}

	.zbws_5 dl {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: auto;
		/* margin: 0 30px 30px 0; */
	}

	.img100 {
		max-height: 230px;
	}

	.hg175 {
		height: auto;
	}

	.zbws_5 dl dt {
		width: 100%;
		height: auto;
	}

	.zbws_5 dl dt img {
		width: 100%;
		height: auto;
	}

	.zbws_5 dl:hover .zbws_6 {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
		left: 0px;
		top: 0px;
		position: absolute;


	}

	.zbws_6 {
		position: absolute;
		top: 0px;
		left: -100%;
		width: 100%;
		height: 80%;
		overflow: hidden;
		padding: 10% 20%;
		box-sizing: border-box;
		color: #fff;
		background: rgba(5, 87, 156, .7);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}

	.proTitle {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 1.125rem;
		line-height: 36px;
		border-bottom: 2px solid #fff;
		padding-bottom: 9px;
		text-align: center;
	}

	.see {
		width: 100px;
		display: block;
		margin: 25px auto;
		text-align: center;
		font-size: 0.75rem;
		margin: 1rem auto;
		transition: all .5s ease;
	}

	.see:hover {
		width: 110px;
		border: 1px solid #fff;
		padding: 5px;
	}

	.zbws_5 dd {
		font-size: 14px;
		height: 50px;
		line-height: 50px;
		text-align: center;
	}

	.bg {
		height: 280px;
		margin: 0 auto;
		padding: 20px;
		border: 1px solid #E8E8E8;
		box-sizing: border-box;
		background: #fff;
	}

	.zbwzarp div {
		line-height: 180%;
	}

	.bg_left {
		width: 100%;
		height: auto;
		float: left
	}

	.bg_right {
		float: left;
		position: relative;
		z-index: 200;
	}

	.show {
		width: 100%;
		/* height: 430px; */
		margin-bottom: 10px;
		position: relative;
		border: 1px solid #E8E8E8;
		cursor: move
	}

	.show img {
		width: 100%;
		/* height: 430px; */
	}

	.mask {
		width: 215px;
		height: 215px;
		background: #000;
		filter: Alpha(opacity=50);
		opacity: 0.5;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}

	.bigshow {
		width: 100%;
		height: 430px;
		overflow: hidden;
		margin-left: 10px;
		display: none;
		border: 1px solid #E8E8E8;
	}

	.bigshow img {
		width: 100%;
		height: 860px;
		margin-right: 10px;
	}

	.smallshow {
		width: 100%;
		height: 70px;
		position: relative
	}

	.smallshow img {
		width: 100%;
		border: 1px solid #e8e8e8;
		box-sizing: border-box;
		transition: all 0.5s
	}

	.smallshow>.middle_box {
		margin-left: 30px;
		margin-right: 30px;
		width: 370px;
		overflow: hidden;
		height: 70px;
	}

	.smallshow .middle {
		overflow: hidden;
		transition: all 0.5s;
		height: 70px;
	}

	.smallshow .middle>li {
		width: 64px;
		height: 64px;
		float: left;
		cursor: pointer;
		padding: 0 5px;
	}

	.smallshow>p {
		position: absolute;
		top: 50%;
		width: 22px;
		height: 32px;
		margin-top: -28px;
	}

	.smallshow>.prev {
		left: 0;
		background: url(../images/d_08.png) no-repeat;
		transition: all 0.5s
	}

	.smallshow>.next {
		right: 0;
		background: url(../images/d_09.png) no-repeat;
		transition: all 0.5s
	}

	.smallshow>.prev.prevnone {
		left: 0;
		background: url(../images/d_08.png) no-repeat;
		cursor: not-allowed
	}

	.smallshow>.next.nextnone {
		right: 0;
		background: url(../images/d_09.png) no-repeat;
		cursor: not-allowed
	}

	.settxt {
		position: absolute;
		left: 540px;
		height: 340px;
		top: 0;
	}

	.settxt h2 {
		font-size: 30px;
		padding: 30px 0 20px 0;
	}

	.settxt p {
		font-size: 13px;
		padding: 0;
	}

	.settxt3 dl {
		width: 100%;
		height: auto;
		margin: 0;
	}

	.settxt3 dl dt img {
		width: 100%;
	}

	.settxt3 dl dd {
		height: 35px;
		line-height: 35px;
		font-size: 14px;
		text-align: center;
	}

	.settxt2 {
		clear: both;
		padding: 1rem 0;
	}

	.settxt2 h5 {
		margin: 0 0 25px 0;
		color: #fff;
		line-height: 40px;
		text-indent: 20px;
		height: 40px;
		background-color: rgba(101, 190, 186, 1);
		font-size: 16px;
	}

.newList{ margin:0 auto; overflow:hidden; height:auto; width:100%;}
	.newList ul,
	.caseList ul {
		margin-left: -2%;
		margin-top: 5%;margin:0 auto; overflow:hidden; height:auto;
	}

	.p_news {
		height: auto;
		overflow: hidden;
		padding: 1.5rem;
	}

	.newList ul li {
		width: 100%;



		-webkit-transition: 0.3s linear;
		transition: 0.3s linear;
		margin-bottom: 1rem;
	}

	.newList ul li .pic {
		overflow: hidden;
	}

	.newList ul li .pic img {
		width: 100%;
		display: block;
		transition: 600ms;
		-webkit-transition: 600ms;
		-ms-transition: 600ms;
		height: 100% !important;
		left: 50% !important;
		top: 50% !important;
		-webkit-transform: translate(-50%, -50%) !important;
		-ms-transform: translate(-50%, -50%) !important;
		transform: translate(-50%, -50%) !important;
		position: absolute !important;
	}

	.newList ul li .img00 {
		position: relative;
		width: 100%;
		padding-bottom: 60%;
		height: auto;
		vertical-align: middle;
		text-align: center;
		overflow: hidden;
	}

	.newList ul li:hover .img00 {
		transform: scale(1.06);
		-webkit-transform: scale(1.06);
		-moz-transform: scale(1.06);
	}

	.newList ul li:hover {
		-webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
		box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
		-webkit-transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
	}

	.newList ul .img00 {
		transition: 600ms;
		-webkit-transition: 600ms;
	}

	.newList .con {
		background-color: #f3f3f3;
		padding: 15px 25px;
		position: relative;
	}

	.newList .con p {
		font-family: Arial !important;
	}

	.newList .con .time {
		color: #999999;
		margin-bottom: 12px;
	}

	.newList .con .c {
		font-size: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		color: #333;
		white-space: nowrap;
	}

	.newList .sumrry {
		color: #666;
		height: 40px;
		overflow: hidden;
		margin: 20px 0;
		font-family: Arial !important;
		font-size: 12px;
		line-height: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		overflow: hidden;
		/* autoprefixer: off */
		-webkit-box-orient: vertical;
		/* autoprefixer: on */
		word-wrap: break-word;
	}

	.newList .bot {
		border-top: 1px solid #eaeaea;
		padding-top: 18px;
	}

	.newList .bot .ico {
		background: url(//dfs.yun300.cn/group1/M00/16/16/rBQBG1y2lBmEJ69qAAAAAPpYZjQ829.png) repeat;
		width: 10px;
		height: 17px;
		float: right;
		display: block;
	}

	.newList .bot .txt {
		font-size: 14px;
		text-transform: uppercase;
		color: #333;
		font-family: Arial;
	}

	.newList ul li:hover .img00 {
		transform: scale(1.06);
		-webkit-transform: scale(1.06);
		-moz-transform: scale(1.06);
	}

	.newList ul li:hover {
		-webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
		box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
		-webkit-transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
	}

	.newList ul li:hover .c {
		color: #004e94;
	}

	.lxder h1 {
		text-align: center;
		font-size: 25px;
		padding: 0 0 25px 0;
	}

	.lxder {
		width: 100%;
		padding: 55px 0;
		background: #fff;
	}

	.lxder dl {
		width: 100%;
		margin: 0 0 2rem 0;
		height: auto;
		overflow: hidden;
		border: solid 1px #ccc;
		float: left;
	}

	.lxder dl dt {
		width: 100%;
		height: auto;
	}

	.contact_1 {
		padding: 1.5rem;
	}

	.lxder_2 {
		padding: 0 3rem;
	}

	.lxder dl dt img {
		display: block;
		width: 50px;
		margin: 50px auto;
	}

	.lxder dl dd h4 {
		text-align: center;
		font-size: 14px;
		line-height: 25px;
	}

	.lxder dl dd p {
		text-align: center;
		font-size: 13px;
		line-height: 25px;
		color: #999;
	}

	.lxder dl dd {
		padding: 0 0 30px 0;
	}

	#dituContent {
		width: 100%;
		margin: auto;
		height: 300px;
	}

	.lxwemap {
		padding: 1rem 0;
	}

	.lxitr {
		padding: 1rem;
		background: url(../images/676.jpg) no-repeat center top;
		background-size: 100% 100%;
	}

	.lxitr_1 h4 {
		font-size: 25px;
		text-align: center;
		padding: 0 0 20px 0;
	}

	.lxitr_1 p {
		width: 52px;
		height: 3px;
		background: #333;
		margin: auto;
	}

	.lxitr_1 dl {
		height: auto;
		overflow: hidden;
		width: 100%;
	}

	.lxitr_5 textarea {
		width: 100%;
		height: 200px;
		background: #fff;
	}

	.lxitr_5 {
		padding: 35px 0;
	}

	.lxitr_8 {
		width: 50%;
		float: left;
		height: 55px;
	}

	.lxitr_9 input {
		width: 100%;
		height: 44px;
		background: #333;
		text-align: center;
		color: #fff;
	}

	.lxitr_8 input {
		width: 88%;
		margin: auto;
		display: block;
		background: #fff;
		height: 44px;
	}

	.lxder_2 dl {
		position: relative;
	}

	.news dl {
		transition: all .3s ease;
		float: left;
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 0 2rem 0;
	}

	.monews_txt {
		padding: .5rem 0 0 0;
		font-size: .7rem;
		line-height: 1.15rem;
		color: #666;
	}

	.news {
		padding: 1rem 1rem 0 1rem;
	}

	.newsdd1 {
		padding: 30px 30px 0 30px;
	}

	.news_content dt {
		width: 25%;
		float: left;
	}

	.news_content dt img {
		min-height: 5.5rem;
	}

	.news_content dd {
		width: 75%;
		float: left;
	}

	.monews_contentdd {
		padding: 0 0 0 1rem;
	}

	.monews_contentdd h4 {
		font-size: .9rem;
		padding: 0 0 .6rem 0;
	}

	.monews_content span {
		display: block;
		float: left;
		font-size: .65rem;
		color: #666;
	}

	.newslist_l {
		height: 81px;
		border-right: solid 1px #ddd;
		width: 75px;
	}

	.newslist_r {
		width: 188px;
		padding: 10px 0 0 0;
		line-height: 25px;
		font-size: 14px;
	}

	.newsdd2 {
		padding: 20px;
	}

	.newsdd2 a {
		padding: 25px 0 0 0;
		width: 100%;
		display: block;
		clear: both;
		border-top: solid 1px #ddd;
	}

	.newsdd2 a span {
		float: right;
	}

	.newslist_l span {
		display: block;
		clear: both;
		text-align: center;
	}

	.newslist_l span:nth-child(1) {
		padding: 8px 0;
		font-size: 33px;
		font-weight: 700;
	}



}

/*PC*/
@media (min-width: 1100px) {

	.friendlink_01 {
		width: 100%;
		height: auto;
		overflow: hidden;
		background: #fff
	}

	.friendlink {
		width: 1500px;
	}

	.friendlink a {
		display: block;
		float: left;
		height: 55px;
		line-height: 55px;
		margin-right: 5px; font-size:14px;
	}

	.friendlink span {
		font-size: 14px;
		display: block;
		float: left;
		height: 55px;
		line-height: 55px; font-weight:600;
	}

	.footnav {
		display: none;
	}

	.hg175 {
		height:230px;
	}


	.dbdetail {
		margin: 25px 0;
		padding: 25px 0;
		height: 20px;
		border-bottom: solid 1px #ccc;
		border-top: solid 1px #ccc;
	}

	.dbdetail_auth {
		display: block;
		float: left;
		margin: 0;
		font-size: 13px;
		color: #666;
	}

	.dbdetail_pvs {
		float: right;
		margin: 0 20px 0 0;
		font-size: 13px;
		color: #666;
	}

	.dbdetail li {
		margin: 0 10px 0 0;
		height: 20px;
		line-height: 20px;
		font-size: 13px;
		color: #666;
	}

	.flr {
		float: right;
	}

	.fll {
		float: left;
	}

	.sutopart dd {
		font-size: 13px;
		color: #333;
		width: 100%;
		height: 44px;
		line-height: 44px;
		
	}

	.sutopart {
		border-bottom: solid 1px #ccc;
	}

	.sutopart {
		width: 1400px;
		margin: 20px auto;
	}

	.sutopart2 a {
		width: 150px;
		height: 44px;
		background: #005BA8;
		color: #fff;
		display: block;
		text-align: center;
		line-height: 44px;
		font-size: 14px;
	}

	.sutopart2 {
		width: 1400px;
		margin: 20px auto;
	}

	.zbwzarp {
		background: #f5f5f5;
	}

	.zbwzarp2 {
		width: 100%;
		padding: 50px;
		margin: 50px auto;
		/*border-top: 5px solid #005BA8;*/
	}
	.zbwzarp2-1{border-top: 5px solid #005BA8;}

	p {
		font-size: 13px;
		line-height: 22px;
		color: #666;
	}

	a {
		font-size: 13px;
		color: #333;
	}

	h1 {
		font-size: 30px;
		line-height: 40px;
	}

	h2 {
		font-size: 20px;
		line-height: 30px;
	}

	h3 {
		font-size: 18px;
		line-height: 26px;
	}

	h4 {
		font-size: 16px;
		line-height: 24px;
	}

	h5 {
		font-size: 14px;
		line-height: 24px;
	}

	.wd1200 {
		width: 1200px;
		margin: auto;
	}

	.wd1300 {
		width: 1300px;
		margin: auto;
	}

	.wd110 {
		width: 100%;
	}

	.wd1400 {
		max-width: 1500px;
		margin: auto;
		 width:100%;
	}


	.pcnone {
		display: none !important;
	}

	.flr {
		float: right;
	}

	.fll {
		float: left;
	}

	.atall {
		transition: all .6s ease;
	}

	.atall:hover {
		color: #009944;
	}

	.imgtall {
		transition: all .6s ease;
	}

	.imgtall:hover {
		transform: scale(1.3)
	}

	.header_in {
		/* height: 111px; */
	}

	.header {
		background: url(../images/nav_bj.png) no-repeat center center #005ba8;
		position: fixed;
		width: 100%;
		/* height: 111px; */
		z-index: 800;
	}
.top{ width:100%; height:38px; color:#555; line-height:38px; border-bottom:#d7d7d7 solid 1px; background-color:#d7d7d7;}
.navbar-nav { margin:0 auto; line-height:38px; font-size:12px;}
.navbar-nav a{font-size: 12px; color: #555;line-height:38px; margin-right: 10px; }
.container {margin:auto; position:relative; width:100%; max-width:1530px;}
.container1 {margin:auto; position:relative; width:100%; max-width:1430px;}
	.header_logo img {
		width: 100%;
	}

	.header_logo span {
		text-indent: 8px;
		display: block;
		clear: both;
		font-size: 14px;
		color: #999;
	}

	.header_r {
		width: 833px;
		float: right;
		padding: 30px 0 0 0;
	}

	.header_2 {
		width: 326px;
		float: left;
		/* height: 111px; */
	}

	.header_tel {
		padding: 0 0 10px 0;
	}

	.header_logo {
		width:100%;
		height: auto;
		display: block;
		margin: 5px 0 5px 0;
		float: left;
	}

	.header_tel span {
		float: right;
		display: block;
		height: 28px;
		width: 28px;
		line-height: 28px;
		font-size: 16px;
	}

	.header_tel span:nth-child(1) {
		width: 200px;
	}

	.header_tel span:nth-child(2) {
		width: 28px;
	}

	.header_serch {
		height: 35px;
		padding: 0;
		float: right;
		overflow: hidden;
	}

	.header_serch_1 {
		width: 223px;
		height: 33px;
		border: solid 1px #ccc;
		border-radius: 5px;
	}

	.header_serch_btn {
		background: none;
		display: block;
		height: 33px;
		width: 40px;
		float: right;
	}

	.header_main {
		padding: 0;
		/* height: 111px; */
		float: right;
		width: 75%;
		margin: 0;
	}

	.header_main ul {
		width: 730px;
		float: left;
		margin: 0;
		padding: 0 0 0 50px;
		height: 89px; 
	}

	.header_main li {
		
		position: relative;
		float: left;
		padding: 0 2px;
		min-width: 72px;
	}

	.header_main .navhide {
		z-index: 500;
		padding: 0;
		position: absolute;
		left: -7%;
		top: 100px;
		width: 120%;
		background: #f6f6f6;
		box-shadow: 0 3px 7px rgba(127, 127, 127, 0.16);
		z-index: -999;
		transform: translateY(10%) scale(.96);
		opacity: 0;
		transition: .4s .05s;
		visibility: hidden;
	}

	.header_main li:hover .navhide {
		transform: translateY(0) scale(1);
		opacity: 1;
		visibility: visible;
		z-index: 999999;
	}

	.header_main .navhide a {
		transition: all .6s;
		display: block;
		clear: both;
		font-size: 0.9rem;
		width: 100%;
		line-height: 35px;
		color: #666;
		text-align: center;
	}

	.header_main .navhide a:hover {
		background: #005ba8;
		color: #fff;
	}

	.header_main .navhide dd {
		position: relative;
	}

	.header_main .navhdd2 dl {
		width: 150px;
		position: absolute;
		top: 0;
		right: -151px;
		z-index: -999;
		transform: translateX(-1%) scale(.96);
		opacity: 0;
		transition: .4s .05s;
		visibility: hidden;
	}

	.header_main .navhdd2 dl dd a {
		background: #ccc;
		display: block;
		width: 100%;
		height: 35px;
		line-height: 35px;
	}

	.header_main .navhdd2 {
		position: relative;
	}

	.header_main .navhdd2:hover dl {
		transform: translateX(0) scale(1);
		opacity: 1;
		visibility: visible;
		z-index: 999999;
	}

	.header_onenav {
		transition: all .6s ease;
		padding: 0 25px;
		margin: 0;
		color: #fff;
		height:100px;
		display: block;
		line-height: 100px;
		font-size: 15px;
	}

	.header_onenav:after {
		content: "";
		width: 0;
		height: 2px;
		background: rgba(240, 169, 2, 1);
		position: absolute;
		bottom: 0;
		left: 0;
		transition: all 0.5s ease 0s;
	}

	.header_onenav:hover:after {
		width: 100%;

	}

	.header_onenav:hover {
		color: rgba(240, 169, 2, 1);
	}

	.navclose {
		display: none;
	}

	.header_serch_txt {
		width: 70%;
		height: 33px;
		font-size: 12px;
		text-indent: 15px;
		line-height: 33px;
	}

	.topserch {
		padding: 35px 0 0 0;
		width: 200px;
		float: right;
	}

	.topserch dl {
		/* background: url(../images/index_04.jpg) no-repeat center right; */
		width: 190px;
		height: 28px;
		border: solid 1px #fff;
		border-radius: 28px;
	}

	.topserchx {
		text-indent: 20px;
		color: #fff;
		background: none;
		width: 150px;
		height: 28px;
	}

	.topserch dl dd:nth-child(1) {
		width: 150px;
		float: left;
	}

	.topserch dl dd:nth-child(2) {
		width: 40px;
		float: left;
	}

	.topserchb {
		background: none;
		width: 40px;
		height: 28px;
	}

	.topH {
		width: 100%;
		height: 100px;
	}

	.tl_pagination {
		position: absolute;
		bottom: 20px;
		z-index: 33;
	}

	.topserch_1 {
		transition: all .6s ease;
		width: 200px;
		height: 30px;
	}

	.topfc {
		width: 200px !important;
	}

	.topfc .topserch_txt {
		text-indent: 15px;
		margin: 0 0 0 5px;
		font-size: 13px;
		width: 150px;
		height: 22px;
		line-height: 25px;
		border: solid 1px #ccc;
	}


	#c_portalResnav_main-15746502636722178 .header .navbar_nav li:after {
		content: "";
		width: 0;
		height: 2px;
		background: rgba(240, 169, 2, 1);
		position: absolute;
		bottom: 0;
		left: 0;
		transition: all 0.5s ease 0s;
	}

	.bottom {
		text-align: center;
		font-size: 14px;
		line-height: 40px;
		color: #666;
		border-top: solid 1px #efefef;
	}

	.wd1300 {
		width: 1300px;
		margin: auto;
	}

	.zxtitt {
		width: 100%;
		height: 55px;
		background: #f6f6f6;
	}

	.zxtitt h2 {
		float: left;
	}

	.zxtitt p {
		float: right;
		font-size: 13px;
		line-height: 55px;
	}

	.zxtitt h2 span:nth-child(1) {
		padding: 0 10px 0 0;
		font-size: 20px;
		line-height: 55px;
	}

	.zxtitt h2 span:nth-child(2) {
		font-size: 13px;
		line-height: 55px;
	}

	.banner {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.swiper-slide {
		width: 100%;
		overflow: hidden;
	}

	.banner .swiper-container {
		width: 100%;
		height: auto;

	}

	.banner .content {
		position: relative;
		width: 100%;
		height: auto;
	}

	.banner .picB {
		width: 100%;
		height: auto;
	}

	.banner .text {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		max-width: 1200px;
		width: 70%;
		margin: 0 auto;
		transform: translateY(-50%);
	}

	.banner .bannerBtn {
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
		z-index: 999;
		color: #fff;
		font-size: 0.825rem;
	}

	.banner .swiper-button-prev {
		margin-bottom: 0.825rem;
	}

	.banner .next,
	.banner .prev {
		margin: 0 0.825rem;
	}

	.banner .swiper-wrapper .swiper-slide img {
		width: 100%;
		height: auto;
		left: 0;
		top: 0;
	}

	.banner .bannerTitle {
		position: relative;
		color: #fff;
		margin-bottom: 1.5rem;
		font-size: 2.8rem;
		transition: all 2s ease;
	}

	.banner .swiper-slide-active .content:before {
		transition-delay: 1.3s;
		transform: translate3d(0px, 0, 0);
		opacity: 1;
	}

	.banner .swiper-slide-active .bannerTitle {
		transition-delay: 0.5s;
	}

	.banner .text * {
		transform: translate3d(0, 80px, 0);
		opacity: 0;
		text-shadow: 1px 1px 1px #333;
	}

	.banner .swiper-slide-active .summry {
		transition-delay: 1s;
	}

	.banner .swiper-slide-active .text * {
		transform: translate3d(0, 0px, 0);
		opacity: 1;
	}

	.banner .summry {
		color: #fff;
		font-size: 1.2rem;
		line-height: 1.8;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		transition: all 2s ease;
		max-width: 1000px;
	}

	.banner .bannerPic {
		position: relative;
		width: 100%;
		height: auto;
		transition: all 1s ease 2.5s;
		transform: perspective(1000px) translate3d(0, 0, 100px);
	}

	.banner .swiper-slide-active .bannerPic {
		transition: all 5s ease 0s;
		transform: perspective(1000px) translate3d(0, 0, 0px);
	}

	.swiper-wrapper {
		transition-delay: .3s;
	}

	.swiper-slide .text {
		position: absolute;
		transform: translateY(200px);
		opacity: 0;
		transition: all .8s;
	}

	.ani-slide .text {
		transform: translateY(0);
		opacity: 1;
	}

	.tlpnn {
		cursor: pointer;
		position: absolute;
		right: 30px;
		top: 42%;
		z-index: 50000;
	}

	.tl_next {
		margin: 30px 0 0 0;
		font-size: 75px;
		color: #fff;
	}

	.tl_prev {
		margin: 0px 1770px 0 0;
		font-size: 75px;
		color: #fff;
	}

	/* .banner .bannerPic {
	position: relative;
	width: 100%;
	height: auto;
	transition: all 1s ease 2.5s;
	transform: perspective(1000px) translate3d(0, 0, 100px);
}

.banner .swiper-slide-active .bannerPic {
	transition: all 5s ease 0s;
	transform: perspective(1000px) translate3d(0, 0, 0px);
} */

	/*PC主干部分*/
	.prodts_2 dl {
		height: auto;
		overflow: hidden;
		float: left;
		width: 20%;
		padding: 0 2%;
	}

	.prodts_2 dl:nth-child(-n+3) {
		border-right: dashed 1px #ddd;
	}

	.prodts_2 dl dt {
		width: 119px;
		height: 90px;
		margin: auto;
		text-align: center;
	}

	.prodts_2 dl dt img {
		width: 70%;
	}

	.prodts_2 dl dd {
		height: auto;
		overflow: hidden;
	}

	.prodts_2 dl dd h3 {
		width: 100%;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		padding: 0 0 10px 0;
	}

	.prodts_2 dl dd P {
		text-align: center;
		font-size: 13px;
		line-height: 25px;
	}

	.prodts_1 h2 {
		padding: 0 0 10px 0;
		font-size: 30px;
		font-weight: 700;
		text-align: center;
		color: #000;
	}

	.prodts_1 p {
		font-size: 14px;
		color: #666;
		text-align: center;
	}

	.prodts {
		padding: 50px 0;
		background: #fff;
	}

	.prodts_2 {
		padding: 30px 0;
	}

	.prodts_7 {
		width: 1080px;
		margin: auto;
	}

	.prodts_7 dl {
		width: 193px;
		float: left;
		margin: 0 10px;
	}

	.fixbg {
		z-index: 1;
		position: fixed;
		bottom: 0px;
		left: 0;
		width: 100%;
		height: 750px;
	}

	.mximg {
		background: url(../images/cp_bg.jpg) no-repeat center center;
	}

	.contbox {
		position: relative;
		z-index: 2;
		width: 100%;
	}

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

	.castbg {
		float: right;
		background: rgba(0, 91, 168, .7);
	}

	.castlist_1 dl {
		width: 100%;
		transition: all .6s;
		height: 95px;
		padding: 30px 10%;
		clear: both;
	}

	.castlist_1 .castlist_in {
		position: relative;
		width: 600px;
	}

	.castlist_1 dl dt {
		font-size: 24px;
		line-height: 30px;
		padding: 0 0 10px 0;
		color: #fff;
		color: #fff;
	}

	.castlist_1 dl dd {
		width: 80%;
		font-size: 14px;
		color: rgba(255, 255, 255, .6);
		line-height: 25px;
	}

	.castlist_3 {
		width: 100%;
		margin: auto;
	}

	.castlist_1 dl span {
		transition: all .6s;
		display: block;
		position: absolute;
		right: 2%;
		top: 35px;
	}

	.castlist_1 dl:hover {
		background: rgba(255, 255, 255, .2);
	}

	.castlist_1 dl:hover span {
		margin: 0 20px 0 0;
	}

	.ammt {
		background: rgba(255, 255, 255, .2) !important;
	}

	.castlist_s dl {
		transition: all .6s;
		padding: 35% 15%;
	}

	.castlist_s dl dt {
		font-size: 24px;
		line-height: 30px;
		padding: 0 0 10px 0;
		color: #fff;
	}

	.castlist_s dl dd {
		padding: 0 0 25px 0;
		width: 80%;
		font-size: 14px;
		color: rgba(255, 255, 255, .6);
		line-height: 25px;
	}

	.castlist_s a {
		color: #fff;
		display: block;
		width: 120px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-size: 13px;
		border: solid 1px #fff;
		border-radius: 30px;
	}

	.castlist_s {
		display: none;
	}

	.probg {
		background: #f2f7f8;
	}

	.cores1 h2 {
		padding: 0 0 10px 0;
		font-size: 30px;
		font-weight: 700;
		text-align: left;
		color: #000;
	}

	.cores1 p {
		font-size: 14px;
		color: #666;
		text-align: left;
	}

	.cores {
		padding: 50px 0 30px 0;
	}

	.cores3 {
		height: 80px;
		width: 150px;
		float: left;
	}

	.cores3 span {
		display: block;
		margin: 35px 0 0 0;
		width: 100%;
		height: 5px;
		background: #f0a902;
	}

	.cores4 {
		padding: 0 0 0 50px;
		width: 1150px;
		float: left;
	}

	.lkgor {
		padding: 50px 0;
	}

	.lk_swiper_container {
		overflow: hidden;
		width: 1200px;
		margin: auto;
	}

	.lk_swiper_container img {
		border: solid 8px #fff;
		width: 367px;
		height: 290px;
	}

	.corbtn {
		position: absolute;
		top: 30%;
		width: 60px;
		height: 60px;
	}

	.lk_next {
		right: 0;
	}

	.lk_prev {
		left: 0;
	}

	.footer {
		background: #222;
		/* padding: 30px 0; */
	}

	.footer_1 {
		height: auto; overflow:hidden; padding:30px 0;
	}

	.footer_1 p {
		width: 100%;
		text-align: center;
		line-height:32px;
		font-size: 14px;
		color: #ddd;
		margin-top: 10px;
	}

	.footer_1 .erfff { display:block; margin:0 auto; overflow:hidden; text-align:center
	}

	.footer_1 a {
		color: #fff;
	}

	.nyter_1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.nyter_2 dl {
		padding: 0 30px 0 0 ;
		color: #333;
		border-right: solid 1px #333;
		margin: 150px 0; float:right; text-align:right;
	}

	.nyter_2 dl dt {
		padding: 0 0 15px 0;
		color: #333;
		font-size: 28px;
	}

	.nyter_2 dl dd {
		color: #333;
		font-size: 16px;
	}
	.nyter_3 dl {
		padding: 0  0 0 30px;
		color: #333;
		border-left: solid 1px #fff;
		margin: 150px 0; 
	}

	.nyter_3 dl dt {
		padding: 0 0 15px 0;
		color: #fff;
		font-size: 28px;
	}

	.nyter_3 dl dd {
		color: #fff;
		font-size: 16px;
	}

	.wd1400 {
		max-width: 1500px;
		margin: auto; width:100%;
	}

	.nytitt {
		width: 100%;
		height:65px; text-align:center; padding:50px 0; overflow:hidden; border-top:#efefef solid 1px;
	}
	
.nytitt_1 span{ display:inline; color:#fff; float:left; line-height:65px;font-weight:bold; font-size:16px;}
.nytitt_1{ margin:0 auto; overflow: hidden; }
	.nytitt_1 a {
		padding: 25px 40px; font-size:16px; font-weight:bold;
		line-height: 55px;
		color: #fff; background-color:#004e94; margin:0 10px; border-radius:18%;
	}
	.nytitt_1 a:hover{background-color:#e6b800;}

	/*.nytitt_1 i {
		width: 1px;
		margin-top:25px;
		background: #fff;
		height: 15px;
		font-size: 12px;
		display: block;
		float: left;
	}
*/
	.zbwz p {
		color: #666;
		
		font-size: 16px;
		line-height: 35px;
	}

	.zbwz p img {

		margin: 0 auto;
	}

	.bgfff {
		background: #fff;
	}

	.zbwz {
		padding: 50px 0;
		background-image: url(zjg.jpg);
	}

	.zbwz_1 {
		font-size: 16px;
		line-height: 2em;
		font-size: 16px;
	}

	.zbwz_1 div {
		font-size: 16px;
		line-height: 2em;
		
	}

	.zbwz h1 {
		font-size: 33px;
		text-align: center;
		width: 100%;
		padding: 0 0 35px 0;
	}

	.zbws_5 dl {
		overflow: hidden;
		position: relative;
		width: 22.655555%;
		height: auto;
		float: left;
		margin: 0 15px
	}

	.zbws_5 dl dt {
		width: 100%;
		height: auto;
	}

	.zbws_5 dl dt img {
		width: 100%;
		height: 260px;
	}

	.zbws_5 dl:hover .zbws_6 {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
		left: 0px;
		top: 0px;
		position: absolute;


	}

	.zbws_6 {
		position: absolute;
		top: 0px;
		left: -100%;
		width: 100%;
		height: 84%;
		overflow: hidden;
		padding: 10% 20%;
		box-sizing: border-box;
		color: #fff;
		background: rgba(5, 87, 156, .7);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}

	.proTitle {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 1.125rem;
		line-height: 36px;
		border-bottom: 2px solid #fff;
		padding-bottom: 9px;
		text-align: center;
	}

	.see {
		width: 100px;
		display: block;
		margin: 25px auto;
		text-align: center;
		font-size: 0.75rem;
		margin: 1rem auto;
		transition: all .5s ease;
	}

	.see:hover {
		width: 110px;
		border: 1px solid #fff;
		padding: 5px;
	}

	.zbws_5 dd {
		font-size: 14px;
		height: 50px;
		line-height: 50px;
		text-align: center;
	}

	.bg {
		width: 100%;
		/* height: 540px; */
		margin: 0 auto;
		padding: 20px;
		border: 1px solid #E8E8E8;
		overflow: hidden;
		min-width: 900px;
		box-sizing: border-box;
		background: #fff;
	}

	.bg_left {
		width: 430px;
		height: auto;
		float: left
	}

	.bg_right {
		float: left;
		position: relative;
		z-index: 200;
	}

	.show {
		width: 430px;
		height: auto;
		margin-bottom: 10px;
		position: relative;
		border: 1px solid #E8E8E8;
		cursor: move
	}

	.show img {
		width: 430px;
		height: auto;
	}

	.mask {
		width: 215px;
		height: 215px;
		background: #000;
		filter: Alpha(opacity=50);
		opacity: 0.5;
		position: absolute;
		top: 0;
		left: 0;
		display: none; z-index:10;
	}

	.bigshow {
		width: 530px;
		height: auto;
		overflow: hidden;
		margin-left: 10px;
		display: none;
		border: 1px solid #E8E8E8;
	}

	.bigshow img {
		width: 530px;
		height: auto;
		margin-right: 10px;
	}

	.smallshow {
		width: 100%;
		height: 70px;
		position: relative
	}

	.smallshow img {
		width: 100%;
		border: 1px solid #e8e8e8;
		box-sizing: border-box;
		transition: all 0.5s
	}

	.smallshow>.middle_box {
		margin-left: 30px;
		margin-right: 30px;
		width: 370px;
		overflow: hidden;
		height: 70px;
	}

	.smallshow .middle {
		overflow: hidden;
		transition: all 0.5s;
		height: 70px;
	}

	.smallshow .middle>li {
		width: 64px;
		height: 64px;
		float: left;
		cursor: pointer;
		padding: 0 5px;
	}

	.smallshow>p {
		position: absolute;
		top: 50%;
		width: 22px;
		height: 32px;
		margin-top: -28px;
	}

	.smallshow>.prev {
		left: 0;
		background: url(../images/d_08.png) no-repeat;
		transition: all 0.5s
	}

	.smallshow>.next {
		right: 0;
		background: url(../images/d_09.png) no-repeat;
		transition: all 0.5s
	}

	.smallshow>.prev.prevnone {
		left: 0;
		background: url(../images/d_08.png) no-repeat;
		cursor: not-allowed
	}

	.smallshow>.next.nextnone {
		right: 0;
		background: url(../images/d_09.png) no-repeat;
		cursor: not-allowed
	}

	.settxt {
		position: absolute;
		left: 540px;
		height: 340px;
		top: 50px;
	}

	.settxt span {
		font-size: 14px;
	}

	.settxt h2 {
		font-size: 30px;
		padding: 30px 0 20px 0;
	}

	.settxt p {
		font-size: 13px;
		padding: 0;
	}

	.settxt3 dl {
		width: 18.25555%;
		height: 270px;
		float: left;
		margin: 10px;
	}

	.settxt3 dl dt img {
		width: 100%;
		height: 210px;
	}

	.settxt3 dl dd {
		height: 35px;
		line-height: 35px;
		font-size: 14px;
		text-align: center;
	}

	.settxt2 {
		padding:0 0 50px 0;
	}

	.settxt2 h5 {
		margin: 0 0 25px 0;
		color: #fff;
		line-height: 40px;
		text-indent: 20px;
		height: 40px;
		background-color: rgba(101, 190, 186, 1);
		font-size: 16px;
	}

	.newList ul,
	.caseList ul {
		margin-left: -2%;
		margin-top: 5%;
	}

	.newList ul li {
		width: 22.85555%;
		float: left;
		margin-left: 2%;
		-webkit-transition: 0.3s linear;
		transition: 0.3s linear;
		margin-bottom: 2%;
	}

	.newList ul li .pic {
		overflow: hidden;
	}

	.newList ul li .pic img {
		width: 100%;
		display: block;
		transition: 600ms;
		-webkit-transition: 600ms;
		-ms-transition: 600ms;
		height: 100% !important;
		left: 50% !important;
		top: 50% !important;
		-webkit-transform: translate(-50%, -50%) !important;
		-ms-transform: translate(-50%, -50%) !important;
		transform: translate(-50%, -50%) !important;
		position: absolute !important;
	}

	.newList ul li .img00 {
		position: relative;
		width: 100%;
		padding-bottom: 60%;
		height: auto;
		vertical-align: middle;
		text-align: center;
		overflow: hidden;
	}

	.newList ul li:hover .img00 {
		transform: scale(1.06);
		-webkit-transform: scale(1.06);
		-moz-transform: scale(1.06);
	}

	.newList ul li:hover {
		-webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
		box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
		-webkit-transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
	}

	.newList ul .img00 {
		transition: 600ms;
		-webkit-transition: 600ms;
	}

	.newList .con {
		background-color: #f3f3f3;
		padding: 15px 25px;
		position: relative;
	}

	.newList .con p {
		font-family: Arial !important;
	}

	.newList .con .time {
		color: #999999;
		margin-bottom: 12px;
	}

	.newList .con .c {
		font-size: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		color: #333;
		white-space: nowrap;
	}

	.newList .sumrry {
		color: #666;
		height: 40px;
		overflow: hidden;
		margin: 20px 0;
		font-family: Arial !important;
		font-size: 12px;
		line-height: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		overflow: hidden;
		/* autoprefixer: off */
		-webkit-box-orient: vertical;
		/* autoprefixer: on */
		word-wrap: break-word;
	}

	.newList .bot {
		border-top: 1px solid #eaeaea;
		padding-top: 18px;
	}

	.newList .bot .ico {
		background: url(//dfs.yun300.cn/group1/M00/16/16/rBQBG1y2lBmEJ69qAAAAAPpYZjQ829.png) repeat;
		width: 10px;
		height: 17px;
		float: right;
		display: block;
	}

	.newList .bot .txt {
		font-size: 14px;
		text-transform: uppercase;
		color: #333;
		font-family: Arial;
	}

	.newList ul li:hover .img00 {
		transform: scale(1.06);
		-webkit-transform: scale(1.06);
		-moz-transform: scale(1.06);
	}

	.newList ul li:hover {
		-webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
		box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
		-webkit-transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
	}

	.newList ul li:hover .c {
		color: #004e94;
	}

	.lxder h1 {
		text-align: center;
		font-size: 25px;
		padding: 0 0 25px 0;
	}

	.lxder {
		width: 100%;
		padding: 55px 0;
		background: #fff;
	}

	.lxder dl {
		width: 329px;
		margin: 0 25px 0 0;
		height: auto;
		overflow: hidden;
		border: solid 1px #ccc;
		float: left;
	}

	.lxder dl dt {
		width: 100%;
		height: auto;
	}

	.lxder dl dt img {
		display: block;
		width: 50px;
		margin: 50px auto;
	}

	.lxder dl dd h4 {
		text-align: center;
		font-size: 14px;
		line-height: 25px;
	}

	.lxder dl dd p {
		text-align: center;
		font-size: 13px;
		line-height: 25px;
		color: #999;
	}

	.lxder dl dd {
		padding: 0 0 30px 0;
	}

	#dituContent {
		width: 1400px;
		margin: auto;
		height: 300px;
	}

	.lxwemap {
		padding: 50px 0;
	}

	.lxitr {
		padding: 50px 0;
		background: url(../images/676.jpg) no-repeat center top;
	}

	.lxitr_1 h4 {
		font-size: 25px;
		text-align: center;
		padding: 0 0 20px 0;
	}

	.lxitr_1 p {
		width: 52px;
		height: 3px;
		background: #333;
		margin: auto;
	}

	.lxitr_1 dl {
		height: auto;
		overflow: hidden;
		width: 100%;
	}

	.lxitr_5 textarea {
		width: 100%;
		height: 200px;
		background: #fff;
	}

	.lxitr_5 {
		padding: 35px 0;
	}

	.lxitr_8 {
		width: 50%;
		float: left;
		height: 55px;
	}

	.lxitr_9 input {
		width: 100%;
		height: 44px;
		background: #333;
		text-align: center;
		color: #fff;
	}

	.lxitr_8 input {
		width: 88%;
		margin: auto;
		display: block;
		background: #fff;
		height: 44px;
	}

	.lxder_2 dl {
		height: 232px;
		position: relative;
	}

	.lxder_2 dl dt img:nth-child(2) {
		display: none;
	}

	.lxder_2 dl dt img:nth-child(1) {
		display: block;
	}

	.lxder_2 dl:hover dd h4 {
		color: #fff;
	}

	.lxder_2 dl:hover dd p {
		color: #fff;
	}

	.lxder_2 dl:hover dt {
		color: #fff;
	}

	.lxder_2 dl:hover dt img:nth-child(2) {
		display: block !important;
	}

	.lxder_2 dl:hover dt img:nth-child(1) {
		display: none !important;
	}

	.lxder_2 dl:hover::before {
		width: 50%;
	}

	.lxder_2 dl:hover::after {
		width: 50%;
	}

	.lxder_2 dl::before {
		background: #005ba8;
		content: "";
		height: 244px;
		position: absolute;
		z-index: 3;
		transition: all .3s linear;
		top: 0px;
		left: 0;
		width: 0%;
		z-index: 0;
	}

	.lxder_2 dl::after {
		color: #fff;
		z-index: 3;
		background: #005ba8;
		content: "";
		height: 244px;
		right: 0;
		position: absolute;
		transition: all .3s linear;
		top: 0px;
		width: 0%;
		z-index: 0;
	}

	.yutrr {
		z-index: 20;
		left: 0;
		top: 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.news dl {
		transition: all .3s ease;
		float: left;
		position: relative;
		width: 22.35555%;
		height: auto;
		overflow: hidden;
		margin: 25px 0 0 30px;
	}

	.news dl:hover {
		margin-top: 15px;
		box-shadow: 0 10px 30px rgba(11, 64, 232, 0.15);
	}

	.news {
		padding: 40px 0;
		background: url(../images/newsbg.png) no-repeat center top;
	}

	.newsdd1 {
		padding: 30px 30px 0 30px;
	}

	.news dl dd {
		background: #fff;
		height: auto;
		overflow: hidden;
	}

	.newslist_l {
		height: 81px;
		border-right: solid 1px #ddd;
		width: 75px;
	}

	.newslist_r {
		width: 162px;
		padding: 10px 0 0 0;
		line-height: 25px;
		font-size: 13px;
	}

	.newsdd2 {
		padding: 20px;
	}

	.newsdd2 a {
		padding: 25px 0 0 0;
		width: 100%;
		display: block;
		clear: both;
		border-top: solid 1px #ddd;
	}

	.newsdd2 a span {
		float: right;
		font-size: 20px;
	}

	.newslist_l span {
		display: block;
		clear: both;
		text-align: center;
	}

	.newslist_l span:nth-child(1) {
		padding: 8px 0;
		font-size: 33px;
		font-weight: 700;
	}

	.bottom {
		background: #01050e;
	}

	.news_content {
		padding: 0 0 30px 0;
	}

	.newsbg {
		background: #f2f7f8;
	}

	.poth2 {
		font-size: 30px;
		text-align: center;
		line-height: 80px;
		padding: 0 0 25px 0;
		background: url(../images/dian.png) no-repeat center bottom; font-weight:bold; 
	}

	.mopoth2 {
		font-size: 1.2rem;
		text-align: center;
		line-height: 2.5rem;
		color: #0940A4;
	}
}


/*pages*/
.pagination-wrapper {
	clear: both;
	padding: 1em 0 2em 0;
	text-align: center;
}

.pagination {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 12px;
	border-radius: 3px;
	
}

.pagination li {
	list-style: none;
	display: inline;
	float: left;
	line-height: 1em;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
}

.pagination li a {
	display: inline-block;
	padding: .5em .8em;
	background-color: #f9f9f9;
	color: #999;
}

.pagination li a:link {
	background: #fff;
	color: #4C78A5;
}

.pagination li a:hover {
	text-decoration: none;
}

.pagination li a:link:hover {
	color: #000;
}

.pagination li.thisclass {
	background-color: #f9f9f9;
	color: #999;
}

.pagination li:first-child {
	border-left-width: 1px;
	border-radius: 3px 0 0 3px;
}

.pagination li:last-child {
	border-radius: 0 3px 3px 0;
}

.pagination .pageinfo {
	color: #444;
}

.nobg {
	background-image: none !important;
}


.swiper-slide span {
	display: block;
	width: 100%;
	text-align: center;
}

.fenzhan dt {
	padding: 5px 10px;
	width: 100px;
	margin: 10px 0px;
	font-size: 16px;
	font-weight: 800;
	border: solid 1px #ccc;
	clear: both;
	text-align: center;
}

.fenzhan dd {
	clear: both;
}

.fenzhan dd a {
	padding: 5px 10px;
	float: left;
}


/*pages*/
.pagination-wrapper {
	clear: both;
	padding: 1em 0 2em 0;
	text-align: center;
}

.pagination {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 12px;
	border-radius: 3px;
	
}

.pagination li {
	list-style: none;
	display: inline;
	float: left;
	line-height: 1em;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
}

.pagination li a {
	display: inline-block;
	padding: .5em .8em;
	background-color: #f9f9f9;
	color: #999;
}

.pagination li a:link {
	background: #fff;
	color: #4C78A5;
}

.pagination li a:hover {
	text-decoration: none;
}

.pagination li a:link:hover {
	color: #000;
}

.pagination li.thisclass {
	background-color: #f9f9f9;
	color: #999;
}

.pagination li:first-child {
	border-left-width: 1px;
	border-radius: 3px 0 0 3px;
}

.pagination li:last-child {
	border-radius: 0 3px 3px 0;
}

.pagination .pageinfo {
	color: #444;
}

.sidebox { position: fixed; right: 10px; bottom: 130px; z-index: 9; }
.sidebox li { position: relative; cursor: pointer; margin-bottom:2px; }
.sidebox a { display: block; width: 50px; height: 50px; margin-top: -1px; background-color: #3a435c;  text-align: center; line-height: 48px; color: #fff; position: relative; z-index: 2; background: #3d3d3d; display:flex;justify-content: center;align-items: center;}
.sidebox a:hover { background-color: #555; color: #fff; border-color: #555; }
.sidebox .iconfont { font-size: 20px; }
.sidebox .cont { transition: all .4s; white-space: nowrap; width: 0; overflow: hidden; height: 50px; line-height: 50px; text-align: center; background-color: #1c8bd5; color: #fff; font-size: 14px; position: absolute; right: 100%; top: 0; }
.sidebox li img{ vertical-align: middle;display:block;width:22px; overflow:hidden;}
.sidebox li:hover .cont { width: 100px; }
.sidebox li:hover a{background-color: #1c8bd5;}
.sidebox li em{display: inline-block; width: 100%; height: 100%;}
.sidebox .code .cont{ height: auto; line-height: normal;}
.sidebox .code .cont img{ width: 80px; height: 80px;}
.sidebox li.code:hover .cont{ width: 80px;padding: 5px;}

.container{ width:100%; height:auto; overflow:hidden;}
/*mendianzhanshi*/
.newBox {width: 100%; height: auto;overflow: hidden;}
.newContainer {width: 100%;height: auto;overflow: hidden;font-size: 0px;margin: 1rem auto;}
.p_articles {width: 22.5%; float:left; margin:10px 15px;}
.p_articles .porTbox {position: relative;overflow: hidden;width: 100%;height: 250px;}
.p_articles .porTbox img{ width:100%; height:100%;}
.p_articles .showBox {position: absolute;top: 0px; left: 0px;width: 100%;height: 100%; opacity: 0;background: rgba(0, 0, 0, .6);transition: all 0.5s ease;}
.p_articles .showBoxLink {position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);display: block; width: 60%; color: #fff;text-align: center;font-size: 1rem;padding: 0.5rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_articles .showBoxLink::before { content: '';position: absolute; top: 0px; left: 50%;transform: translateX(-50%);width: 60%;height: 1px; background: #fff; transition: all .5s ease;}
.p_articles .showBoxLink::after { content: '';position: absolute; bottom: 0px;left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background: #fff;transition: all .5s ease;}
.p_articles .porBbox {position: relative;overflow: hidden;padding: 20px 20px 10px;border: 1px solid #f2f2f2;}
.p_articles .newTitle { font-size: 1rem;color: #333; overflow: hidden; text-overflow: ellipsis;position: relative; white-space: nowrap; width: 100%;}
.p_articles .p_title { display: inline-table;width: 100%;margin: 0;padding: 0; text-align: left; cursor: pointer;  overflow: hidden;text-overflow: ellipsis;white-space: normal !important;}
.p_articles .newSummry { color: #777; white-space: nowrap;overflow: hidden; margin: 10px 0;text-overflow: ellipsis;}
.p_articles .p_summary {text-align: left;vertical-align: top; word-break: break-all;}
.p_articles .lookDetail {position: relative;display: block; color: #777; height: 38px;line-height: 38px;border-top: 1px solid #e5e5e5; background: url(../images/n1.png) no-repeat right 20px;padding: 5px 10px;}
.p_articles .lookDetail .details { float: none;}
.p_articles .lookDetail:hover .barr{ opacity:0; } 
.p_articles .lookDetail:hover .harr{ opacity:1; } 
.p_articles .lookDetail:hover{background: url(../images/n2.png) no-repeat right; }

.newLi:hover .showBox{ opacity:1; } 
.newLi:hover .showBoxLink::before{ width:1rem; } 
.newLi:hover .showBoxLink::after{ width:1rem; }



/*分页*/
.my-4 {margin-bottom: 1.5rem!important;margin-top: 1.5rem!important;display: block;}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}
.page-num:not(:disabled) {cursor: pointer;}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #333;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {text-decoration: none;}
.page-num-current {z-index: 1;color: #fff;background-color: #005ba8;border-color: #005ba8;}
.page-num-current:hover {color: #fff;}
.text-secondary p{font-size:14px; color:#555; line-height:35px;}
.text-secondary a{font-size:14px; color:#555; line-height:35px;}
.text-secondary a:hover{ color:#005ba8;}


/*index_about*/
.index_about_b{    width: 100%;overflow: hidden; background-image:url(../images/ab.png);}
.index_about{     width: 100%;
    max-width: 1500px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin:3% auto 3% auto;overflow: hidden;
    padding:0}
	
.index_about .left{clear: left; margin-right:0;width: 40%; float:right;}
.index_about .left img{ width:100%; height:auto;}
.index_about .left h1{font-size:32px;color:#333;letter-spacing:0px; font-weight:bold;}
.index_about .left h2{font-size:20px;color:#0054a7;line-height:60px; font-weight:bold;}
.index_about .left span{font-size:14px;width: 98%; height:auto; color:#595959;margin:10px 0 30px; display:block}
.index_about .p_CommonBtn {background-color: #fe660f;border: 1px solid #fe660f;border-radius: 0px; width:160px; margin:30px 0;height: 36px;}
.index_about .p_CommonBtn .font {color: #fff;font-size: 14px; text-align: center;display: inline-block;vertical-align: middle;width: 100%;font-size: 14px;height: auto;line-height: 36px;}
.index_about .right{    width:59%;margin-right: 0px;clear: none; float:left; height:auto; overflow:hidden}
.index_about .right h1{font-size:20px;color:#0054a7;letter-spacing:5px;line-height:2; font-weight:bold;}
.index_about .right h2{font-size:26px;color:#A9A9A9;}
.index_about .right .con{ width:100%;font-size:16px;line-height:1.8;color:#333;font-family:微软雅黑;margin: 20px 0;}
.index_about .right .con p{font-size: 16px;line-height:30px;color:#333; margin:12px 0;}

.indAbout{ height:auto; width:100%; overflow:hidden; margin-top:-15px; position:relative;  display: none;animation:AUp 1s; z-index:1} 
.indAboutIco{ margin:20px auto 40px auto; }
.indAboutIco div{display:inline-block; width:23%; height:auto; font-size:15px; line-height:30px;}
.indAboutIco img{margin-top:15px;}
.indAboutIco h3{font-size:36px; line-height:40px; color:#0054a7;font-family: 'Oswald',arial;}
.indAboutIco h4{font-size: 14px;}
.indAboutIco font{font-size: 14px;color:#0054a7;}
.indAboutText{ text-align:center; line-height:30px; color:#777; font-size:15px;}



.p-titlex{text-align: center;}
.p-titlex h2{font-size: 36px; font-weight: 900;}
.p-titlex h2 em{color: #0376f9;font-style: normal;}
.p-titlex p{font-size: 18px;line-height: 40px;color: #555;}
.yw .yw-list {display: flex;justify-content: space-around;padding: 60px 0;position: relative;}
.yw-list li {width: 110px;height: 110px;text-align: center;border-radius: 50%;line-height: 110px;background: #fff;}
ul.yw-list:after {content: '';display: block;position: absolute; width: 100%; height: 4px; background: #f3f3f3;top: 110px; z-index: -1;}
.iconfont{    font-size: 50px;}
.yw-list li p {font-size: 18px;color: #333;line-height:0px; }
.yw-item {
            margin-top: 40px;
            position: relative;
            height: 300px;
            overflow: hidden;
        }
        .yw-item li {
            position: absolute; width:100%;
            top: 0;
            right: 0;
            height: 260px;
            background: #fff;
            display:none
        }
        .yw-item li img {
display: inline-block;
    border-radius: 10px;
    width: 380px;
    height: 260px;
    background: #999;
        }
        .yw-item li .yw-fr {width: 68%;padding: 0px 10px 0px 50px;}
        .yw-item li .yw-fr h3 {
            font-size: 24px;
        }
        .yw-item li .yw-fr p {
            font-size: 14px;
            color: #333;
            line-height: 1.8em;
            margin:20px 0 40px;
        }
        .more {
            display: block;
            width: 160px;
            height: 45px;
            font-size: 14px;
            text-align: center;
            line-height: 45px;
            color: #fff;
            background: #005ba8;
            border-radius: 30px;
          
        }
        .yw-list li.on{
           box-shadow: 0px 7px 20px 0px #a1a1a159, 0px 0px 5px 0px #d9d9d9b8;
            -moz-animation:bounceIn cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;-webkit-animation:bounceIn cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;animation:bounceIn cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
        }
        .yw-list li.on i,.yw-list li.on p{
           color:#0376f9;
           transition:all .3s
        }
        .yw-list li.on p{
           color:#0376f9;
           line-height: 30px;
           transition:all .3s
        }
   .icon-hulianwang{font-size: 45px;}
   .yw-list li:nth-child(3) p{line-height: 5px;}
    .yw-list li.on:nth-child(3) p{line-height: 35px;}
    .more:hover{    background: #ffb400;}
	
	
	.fz23{ font-size:36px; line-height:110px;}
	
.contact_cont{ padding-bottom: 3%;}
.contact_cont ul{display: flex;justify-content: space-around;}
.contact_cont ul li{ width:40%; float:left; line-height:32px; font-size:16px; } 
.contact_cont ul li p{ font-size:14px; line-height:35px;}
.contact_cont ul li img{ width:auto;}
#map{margin-bottom: 4%; width:100%; height:400px;}
#map img{width: auto;max-width:none;}

.seek-price{
    border:1px solid #ff9900;
    border-radius:3px;
    height:52px;
    text-align: center;
    background-color:#ff9900;
}
.seek-price a{
    line-height:52px;
    color:white; font-size:16px;

}
.seek-phone{
    height:52px; line-height:52px;
    border:1px solid #ccc;
    text-align: center;
    border-radius:3px;
    color:#333333;
}
.seek-phone a{line-height:52px;font-size:16px;

    color:#333333;
}
.seek-phone p,a{
    color:#333333;
}
.seek-image a{
    line-height:52px;
    color:#333333;
}
.seek-image{
    border:1px solid #ccc;
    height:62px;
    text-align: center;
    border-radius:3px;

}
.seek-phone:hover,.seek-image:hover{ background-color:#ff9900; border-color: #ff9900; cursor: pointer;}
.seek-phone:hover a,.seek-phone:hover strong,.seek-image:hover a{ color: white; }
.new_product .product_share{
    margin-top:55px;

}

.product_seek{ padding-top:20px;}
.col-md-3 { width:220px; float:left; margin:20px 0;}
.col-md-6 {width:220px; float:left; margin:20px;}

@media (max-width: 1350px) {
.topserch { display:none;}
.nyter_3 dl{margin: 150px 50px;}
.nyter_2 dl{ margin: 150px 50px;}
.p_articles .porTbox {position: relative;overflow: hidden;width: 100%;height: 230px;}
}

@media (max-width: 1650px) {

.nyter_3 dl{margin: 150px 50px;}
.nyter_2 dl{ margin: 150px 50px;}
.p_articles .porTbox {position: relative;overflow: hidden;width: 100%;height: 280px;}

}