/*  WAP主导航 */
.wapNav {
	overflow-y: auto;
	height: 100%;
	opacity: 0;
	transform: translateX(-100%);
	transition: all 0.6s;
	background: #fff;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 40;
	padding: 60px 0;
}

.wapNav li {
	position: relative;
}

.wapNav li a {
	display: block;
	padding-left: 20px;
	color: #333;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.wapNav li i {
	font-family: "iconfont";
	color: #888;
	font-size: 14px;
	font-style: normal;
	padding: 0 15px;
	position: absolute;
	right: 0;
	top: 0px;
	line-height: 50px;
}

.wapNav li.cur>a,
.wapNav .cur>a:hover {
	background: #0055b4;
	color: #fff;
}

.wapNav li :hover i,
.wapNav .cur i {
	color: #fff;
}

.wapNav .navSub {
	display: none;
	background: #f1f1f1;
}

.wapNav .navSub li a {
	height: 40px;
	line-height: 40px;
	padding-left: 40px;
	font-size: .875em;
}

.wapNav .navSub ul {
	background: #f1f1f1;
}

.wapNav .navSub ul li a {
	height: 34px;
	line-height: 34px;
	padding-left: 60px;
}

.wapNav .menu {
	overflow: hidden;
	font-size: 1rem;
}

.wapNav .menu a {
	float: left;
	width: 50%;
	text-align: center;
	line-height: 50px;
	border-right: 1px solid #eee;
	color: #333;
	border-bottom: 1px solid #eee;
}

.wapNav .menu a i {
	font-family: "iconfont";
	margin-right: 5px;
	position: relative;
	font-style: normal;
	color: #666;
	font-size: 1rem;
}

@media all and (max-width:1800px) {

	/*--*/
	.container,
	.about {
		padding-left: 5px;
		padding-right: 5px;
	}

	/*--*/
	.header .logo {
		left: 15px
	}

	.headR,
	.oddsMain {
		right: 15px
	}

	/*--*/
	.listBanner h3 {
		padding-left: 15px;
	}

}

@media all and (max-width:1600px) {

	/*--*/
	.nav {
		font-size: 1rem;
	}

	/*--*/
	.foot-nav {
		margin-left: 8%;
	}

	/*--*/
	.proList li {
		width: 31.4%;
	}

	/*--*/
	.ol-content .contact1 ul li .zbox {
		padding: 0 30px 10px 30px;
	}

	.ol-content .contact1 ul li {
		width: 23.2%;
	}

}

@media all and (max-width:1440px) {

	/*--*/
	.ol-title span,
	.ol-titlew span {
		font-size: 40px;
	}

	/*--*/
	.header .logo img {
		height: 46px;
	}

	.nav {
		padding-left: 20%;
		padding-right: 220px;
	}

	.headR .tel {
		font-size: 1.143em;
		font-weight: 700;
	}

	/*--*/
	.ol-odds li {
		margin-bottom: 20px;
		margin-top: 0;
	}

	/*--*/
	.newsMain li p {
		font-size: 12px;
	}

	.newsMain li a {
		padding: 20px;
	}

	.newsMain .txt a {
		padding: 37px 20px;
	}

	/*--*/
	.footer .nav li {
		padding-right: 15px;
		margin-right: 15px;
	}

	.foot-pro {
		margin-left: 5%;
	}

	/*--*/
	.proList li {
		width: 31.1%;
	}

	.proList li p {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}

}

@media all and (max-width:1240px) {

	/*--*/
	.foot-pro {
		margin-left: 4%;
	}

	.footBtm {
		padding: 20px;
	}

	.footBar {
		display: block;
	}

	.footL .font {
		padding-left: 0;
	}

	.footMenu {
		font-size: 1.286em;
		margin-bottom: 20px;
	}

	.footL .footMenu a {
		margin-right: 15px;
	}

	.footR {
		max-width: 34%;
		padding-right: 120px;
	}

	.footWx {
		width: 110px;
		margin-right: -120px;
	}

	.footR .tel span {
		font-size: 2em;
	}

	.foot-nav {
		margin-left: 6%;
	}

	/*--*/
	.proList li {
		width: 31%;
	}

	/*--*/
	.ol-content .contact1 ul li {
		width: 23%;
	}

}

@media all and (max-width:1200px) {

	/*--*/
	.ol-title,
	.ol-titlew {
		margin-bottom: 30px;
	}

	.ol-title span,
	.ol-titlew span {
		font-size: 36px;
	}

	/*--*/
	.header .logo img {
		height: 34px;
	}

	.nav {
		font-size: .875rem;
		padding-left: 180px;
		padding-right: 200px;
	}

	.headR .tel {
		font-size: 1em;
	}

	/*--*/
	.footer {
		padding: 20px 0 0 0;
	}

	.foot-nav {
		display: none;
	}

	.foot-pro {
		display: none;
	}

	.foot-contact {
		text-align: center;
		width: 100%
	}

	.foot-wx {
		width: 100%;
		text-align: center;
	}

	.foot-wx dl {
		margin: 10px;
		display: inline-block;
		float: none
	}

	.footer-bottom {
		line-height: 23px;
		height: auto
	}

	.footer-bottom span {
		display: block;
		text-align: center;
	}

	.footer-bottom {
		padding: 10px 0;
		margin-bottom: 40px;
	}

	.footer-top {
		padding-bottom: 10px;
	}

	.footer ul li {
		text-align: left;
		margin-bottom: 10px;
	}

	/*--*/
	.proList li {
		width: 30.6%;
	}

	/*--*/
	.ol-culture li {
		height: 310px;
	}

	/*--*/
	.ol-content .contact1 ul li .zbox {
		padding: 0 10px 10px 10px;
	}

	.ol-content .contact2 .contact2Body {
		width: 450px;
	}

	.ol-content .contact1 ul li {
		margin-right: 26px;
	}

}


@media all and (max-width:1024px) {

	/*--*/
	body {
		padding-top: 60px;
		font-size: .875rem;
	}

	.pd70,
	.proWrap,
	.listWrap {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	/*--*/
	.headR,
	.nav,
	.footR,
	.gr_kefu,
	.banner .swiper-button-white,
	.headTel,
	.proMain li.big h4::after,
	.gallery-thumbs,
	.serviceMain::after,
	.picShow_r,
	.bshare-custom,
	.feedbackL,
	.breadCrumb,
	.listMenu a::after,
	.listMenu a::before,
	.newsTop,
	.ol-marketing,
	.indMenu li span,
	.footR,
	.footLogo,
	.newsShow .left,
	.head {
		display: none;
	}

	.header {
		height: 60px;
		line-height: 60px;
		position: fixed;
	}

	.header .logo img {
		height: 30px;
	}

	.navTrigger,
	.footMenu_wap,
	.proMain li:last-child,
	.wapTel {
		display: block;
	}

	.nav_on {
		opacity: 1;
		transform: translateX(0);
	}

	/*--*/
	.indMenu li {
		float: left;
		width: 20%;
		padding: 10px;
		border-right: 1px solid #fff;
		text-align: center;
		height: 70px;
	}

	.indMenu li i {
		margin: 0 auto;
		display: block;
		width: 100%;
		height: 20px;
		background: none;
		color: #333;
		line-height: 1;
	}

	.indMenu .on i {
		color: #fff;
	}

	.indMain li p {
		height: auto;
	}

	/*--*/
	.aboutTxt {
		height: auto;
		padding-top: 30px;
	}

	.aboutTxt .txt {
		height: auto;
		margin-bottom: 25px;
	}

	.aboutTxt::after {
		height: 100px;
	}

	.settingMenu,
	.albumMenu {
		margin-bottom: 25px;
		display: flex;
		justify-content: space-between;
	}

	.settingMenu a,
	.albumMenu a {
		flex-grow: 1;
		margin: 0;
		border-right: 1px solid #ddd;
	}

	.settingMenu::after,
	.settingMenu::before {
		display: none;
	}

	.settingBox .btn {
		width: 40px;
		height: 26px;
		line-height: 26px;
	}

	/*--*/
	.newsMain .txt a {
		padding: 20px;
	}

	.newsMain li h4 {
		padding: 0;
	}

	.newsMain li .bgImg,
	.newsMain li:last-child,
	.downL .tel {
		display: none;
	}

	.newsMain li {
		width: 50%;
	}

	.newsMain li h4 {
		margin-bottom: 20px;
	}

	/*--*/
	.footL,
	.oddsMenu,
	.aboutBox_l,
	.aboutBox_r,
	.newsL,
	.newsR,
	.proSider,
	.proList,
	.gallery,
	.proShow_R,
	.proMain,
	.downL,
	.downR,
	.picShow_r,
	.picShow_l,
	.feedbackR,
	.cultureL,
	.cultureR,
	.jobR,
	.contactBox1 .cLogo,
	.indMain,
	.indMenu,
	.indMain li .pic,
	.indMain li .txt,
	.aboutPic,
	.aboutTxt,
	.footL,
	.ol-culture .main,
	.ol-culture .bgImg,
	.newsShow .left {
		float: none;
		width: 100%;
	}

	/*--*/
	.footer .left {
		width: 100%;
		float: none;
	}

	.footer .left .wx {
		margin-top: 0;
	}

	.footer .left .nav {
		display: none;
	}

	.footer .right {
		float: none;
		width: 50%;
		margin: 30px auto 0;
	}

	.footBar {
		display: block;
	}

	/*--*/
	.proMain li:last-child,
	.relative_pro li:nth-child(4),
	.proSider .title i {
		display: block;
	}

	.pro_bread,
	.proWrap::after,
	.proSider .title span,
	.relaCase {
		display: none;
	}

	.proSider {
		margin-bottom: 40px;
	}

	.proR,
	.pror {
		float: none;
		width: 100%;
	}

	.proSider .title {
		background: none;
		height: 52px;
		line-height: 50px;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
		color: #191919;
		font-size: 18px;
		text-align: left;
		padding: 0;
	}

	.proSide_sub li a {
		height: 45px;
		line-height: 45px;
	}

	.proSide_sub ul li {
		height: 30px;
		line-height: 30px
	}

	.gallery li a:after {
		font-size: 1rem;
	}

	.proShow_R .font {
		height: auto;
	}

	.proShow_box1 {
		margin: 0;
	}

	.gallery li {
		height: 100%;
		line-height: 100%;
	}

	.gallery .pImg {
		top: 0;
		margin-top: 0;
	}

	.proShow_R {
		border-top: 1px solid #ddd;
	}

	/*--*/
	.proList li {
		width: 31.8%;
	}

	.proList li:nth-child(3n+0) {
		margin-right: 0;
	}

	/*--*/
	.proTie {
		font-size: 26px;
	}

	/*--*/
	.ol-apply li,
	.ol-apply li .pic,
	.ol-apply li .txt {
		height: 420px;
	}

	.ol-apply li h4 {
		font-size: 2em;
	}

	.ol-apply li .btn {
		width: 140px;
	}

	/*--*/
	.newMain li {
		width: 49.1%;
		margin-right: 15px;
		margin-bottom: 15px;
	}

	.newMain li:nth-child(2n+0) {
		margin-right: 0;
	}

	.newMain li a {
		padding: 20px;
	}

	/*--*/
	.newsShow .left .title .tit {
		font-size: 22px;
	}


.newsShow .right {
	float: right;
	margin: auto;
	width: 100%;
	background: #fff;
	border: 1px #eceaea solid;
}


.newsShow .right .title .tit {
	padding-bottom: 10px;
	color: #191919;
	font-weight: bold;
	font-size: 18px;
}

.ncontact p{
	line-height: 45px;
	font-size: 13px;
}


	/*--*/
	.ol-content .contact1 {
		margin: 0 -10px;
	}

	.ol-content .contact1 ul li {
		width: 25%;
		margin-right: 0;
	}

	.ol-content .contact1 ul {
		margin-top: 80px;
	}

	.ol-content .contact1 ul li {
		padding: 0 10px;
	}

	.ol-content .contact1 ul li .zbox {
		padding: 0 10px 10px 10px;
		height: 180px;
	}

	.ol-content .contact1 ul li .zbox .ico {
		width: 80px;
		height: 80px;
		margin-top: -40px;
	}

	.ol-content .contact1 ul li .zbox h5 {
		margin-top: 15px;
		line-height: 20px;
		font-size: 16px;
		letter-spacing: 1px;
	}

	.ol-content .contact1 ul li .zbox h6 {
		letter-spacing: 0px;
	}

	.ol-content .contact1 ul li .zbox .jj {
		margin-top: 12px;
		line-height: 26px;
		font-size: 14px;
		letter-spacing: 0px;
	}

	.ol-content .contact1 ul li .zbox .btn {
		width: 100%;
		height: 70px;
		line-height: 70px;
	}

	.ol-content .contact1 ul li .zbox .btn>img {
		width: 20px;
	}

	.ol-content .contact1 ul li .zbox .btn .ewm {
		width: 70px;
		height: 70px;
		margin-left: -35px;
	}

	.ol-content .contact2 {
		margin: 20px 0 40px 0;
	}

}

@media all and (max-width:920px) {

	/*--*/
	.proList li {
		width: 31.5%;
	}

}

@media all and (max-width:768px) {

	/*--*/
	.ol-title,
	.ol-titlew {
		margin-bottom: 25px;
	}

	.ol-title span,
	.ol-titlew span {
		font-size: 29px;
	}

	/*--*/
	.banner .swiper-pagination {
		bottom: 5px;
	}

	.banner .swiper-pagination-bullet {
		height: 8px;
		width: 8px;
	}

	/*--*/
	.proMenu {
		display: none;
	}

	.proMain li h4 {
		line-height: 45px;
		padding: 0 15px;
		font-size: 16px;
	}

	/*--*/
	.ol-odds li,
	.ol-odds li:nth-child(2n) {
		width: 100%;
		float: none;
	}

	.ol-odds li .info {
		height: auto;
	}

	.ol-odds li i {
		top: -40px;
	}

	.ol-odds li h3 {
		font-size: 20px;
	}

	/*--*/
	.indMain li .pic {
		height: 360px;
	}

	.indMenu {
		overflow: hidden;
		margin-bottom: 20px;
	}

	.indMenu li {
		width: 33.3%;
		border-top: 1px solid #fff;
		margin-bottom: 0;
	}

	.indMain li h4 {
		font-size: 20px;
	}

	/*--*/
	.aboutPic {
		height: 300px;
	}

	/*--*/
	.footMain {
		padding: 0;
		padding-bottom: 20px;
	}

	.footMenu {
		margin-bottom: 20px;
	}

	.footL .footMenu a {
		float: left;
		width: 33.3%;
		text-align: center;
		font-size: 14px;
		margin: 0;
		border: 1px solid #2e708c;
		line-height: 36px;
		margin-top: -1px;
		margin-left: -1px;
	}

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

	.footL .font {
		padding: 0 15px;
		line-height: 1.8;
	}

	.footBtm .copy .p2 {
		display: none;
	}

	/*--*/
	.proSear {
		padding-right: 40px;
		height: 40px;
		line-height: 40px;
		margin-bottom: 30px;
		width: 100%;
	}

	.proSear .txt {
		height: 38px;
		line-height: 38px;
	}

	.proSear .btn {
		width: 40px;
		font-size: 0;
		margin-right: -40px;
		background: #30acff url('../images/sbtn.png') no-repeat center;
		height: 40px;
	}

	.proMenu li a,
	.proMenu li.on a {
		background: none;
	}

	.proMenu li a {
		padding-left: 0;
		text-align: center;
		border-right: 1px solid #e8e8e8;
	}

	/*--*/
	.proList li {
		width: 48.3%;
	}

	.proList li:nth-child(2n+0) {
		margin-right: 0
	}

	.proList li:nth-child(3),
	.proList li:nth-child(9),
	.proList li:nth-child(15),
	.proList li:nth-child(21),
	.proList li:nth-child(27) {
		margin-right: 20px
	}

	.proList li p {
		height: 40px;
		line-height: 40px;
	}

	/*--*/
	.ol-apply li,
	.ol-apply li .pic,
	.ol-apply li .txt {
		height: auto;
	}

	.ol-apply li .pic {
		height: 380px;
	}

	.ol-apply li .pic,
	.ol-apply li .txt {
		float: none;
		width: 100%;
	}

	.ol-apply li .txt .info {
		min-height: auto;
	}

	/*--*/
	.newMain li {
		width: 100%;
	}

	/*--*/
	.ol-position {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 12px;
	}

	.newsShow .left .other {
		display: none;
	}

	/*--*/
	.setting {
		padding-top: 0;
		padding-bottom: 20px;
	}

	.settingBox li p {
		font-size: 14px;
	}

	/*--*/
	.ol-culture .bgImg {
		height: 400px;
	}

	.ol-culture ul {
		margin-right: -10px;
	}

	.ol-culture li {
		padding-right: 10px;
		height: 260px;
	}

	/*--*/
	.ol-content .contact1 {
		margin: 0 0;
	}

	.ol-content .contact1 ul {
		margin-top: 20px;
	}

	.ol-content .contact1 ul li {
		padding: 0 10px;
		margin-top: 50px;
		width: 100%;
	}

	.ol-content .contact2 {
		margin: 10px 0 20px 0;
	}

	.ol-content .contact1 ul li .zbox .ico {
		width: 60px;
		height: 60px;
		margin-top: -20px;
	}

}

@media all and (max-width:640px) {

	/*--*/
	.proMain li {
		width: 49%;
	}

	.ol-odds li i {
		font-size: 1.8em;
		top: -30px;
	}

	/*--*/
	.indMain li .pic {
		height: 300px;
	}

	/*--*/
	.newsMain {
		margin-right: 0;
	}

	.newsMain li {
		width: 100%;
		float: left;
		padding-right: 0;
		border-bottom: 1px solid #ddd;
		margin-top: 0;
	}

	.newsMain li a,
	.newsMain .txt a {
		border: none;
		padding: 10px;
	}

	.newsMain li p {
		height: auto;
		padding-bottom: 0;
		margin-bottom: 15px;
	}

	.newsMain li h4 {
		margin-bottom: 10px;
	}

	.newsMain li .date {
		display: none;
	}

	/*--*/
	.foot-nav,
	.foot-pro {
		display: none;
	}

	.foot-contact {
		width: 100%;
		text-align: center;
	}

	.footer {
		padding-top: 30px;
	}

	.footer h2 {
		font-size: 22px;
	}

	.foot-wx {
		width: 100%;
		text-align: center;
	}

	.foot-wx dl {
		margin: 10px;
		display: inline-block;
		float: none
	}

	.footer-bottom {
		line-height: 23px;
		height: auto
	}

	.footer-bottom span {
		display: block;
		text-align: center;
	}

	.footer-bottom {
		padding: 10px 0
	}

	.footer-top {
		padding-bottom: 10px;
	}

	/*--*/
	.proList li {
		width: 47.7%;
	}

	/*--*/
	.ol-apply li .pic {
		height: 260px;
	}

	/*--*/
	.ol-culture .bgImg {
		height: 320px;
	}

	.ol-culture .txt {
		margin-bottom: 10px;
	}

}

@media all and (max-width:480px) {

	/*--*/
	.proMain li h4 {
		height: 45px;
		font-size: 12px;
	}

	/*--*/
	.indMain li .pic {
		height: 220px;
	}

	.aboutPic {
		height: 220px;
	}

	/*--*/
	.footer .tel {
		width: 100%;
	}

	.footer .rwm {
		display: none;
	}

	.footBtm .copy .p1 {
		line-height: 24px;
	}

	.footBtm {
		margin-top: 20px;
	}

	/*--*/
	.proList li {
		width: 100%;
	}

	/*--*/
	.ol-apply li .btn {
		height: 40px;
		line-height: 40px;
		width: 45%;
	}

	.ol-apply li .pic {
		height: 220px;
	}

}

@media all and (max-width:380px) {

	/*--*/
	.zFooter .tel .rx {
		font-size: 24px;
	}

}