@charset "utf-8";

html,
body {
	background: #fff none repeat scroll 0 0;

	color: #000;

	font-family: Arial, sans-serif;
	margin: 0;
	font-size: 14px;
	padding: 0;

	width: 100%;

}

*html,
*html body

/* 修正IE6振动bug */
	{
	background-image: url(about:blank);
	background-attachment: fixed;
}

.wrap {
	width: 1400px;
	margin: 0 auto;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-over {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.over {
	overflow: hidden;
}

.clear_both {
	zoom: 1;
}

.clear_both:before {
	content: "";
	display: table;
	clear: both;
}

.clear_both:after {
	content: "";
	display: table;
	clear: both;
}

.nowrap {
	white-space: nowrap;
}

.rp {
	position: relative;
}

.ap {
	position: absolute;
}

.ap.max {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.fp {
	position: fixed;
}

.fz0 {
	font-size: 0;
}

.nowrap.fz0 {
	letter-spacing: -5px;
}

.nowrap.fz0 * {
	letter-spacing: normal;
}

.relative {
	position: relative;
	z-index: 1;
}

.absolute {
	position: absolute;
	z-index: 1;
}

.fixed {
	position: fixed;
	z-index: 1;
}

.inline {
	display: inline;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.hide {
	display: none;
}

.max-w100 {
	max-width: 100%;
}

.max-h100 {
	max-height: 100%;
}

.middle {
	vertical-align: middle;
}

.middle-span {
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.border-box {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.trans {
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}

.trans2 {
	-webkit-transition: all 800ms ease 0s;
	-moz-transition: all 800ms ease 0s;
	-ms-transition: all 800ms ease 0s;
	-o-transition: all 800ms ease 0s;
	transition: all 800ms ease 0s;
}

.trans-internal::before,
.trans-internal::after {
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}

.main {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

a:hover {
	text-decoration: none;
}

.b_pic:hover img {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	transform: scale(1.06);
}

.show-997 {
	display: none;
}

.show-800 {
	display: none;
}

.contents,
.contents * {
	line-height: 2;
}

.show-pc-block {
	display: block !important;
}

.show-pc-inline-block {
	display: inline-block !important;
}

.show-mb-block {
	display: none !important;
}

.show-mb-inline-block {
	display: none !important;
}

@font-face {
	/*font-family: 'PingFang';*/
	src: url(../inc/file/PingFang.ttf);
}

/*分享*/
.share_box {
	text-align: center;
	margin: 25px auto;
}

.share_box .share {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
}

.share_box .name {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
}

/*标题*/
.ts {
	padding-top: 50px;
	padding-bottom: 50px;
}

.ts,
.ts {
	text-align: center;
}

.ts .tsn,
.ts .tsn {
	font-size: 28px;
	color: #222;
	margin: 0 auto;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
	display: inline-block;
	padding: 0 60px;
	font-weight: bolder;
}

.ts .tsn .tb1,
.ts .tsn .tb2,
.ts .tsn .tb1,
.ts .tsn .tb2 {
	position: absolute;
}

.ts .tsn .tb1,
.ts .tsn .tb1 {
	left: 0;
	top: 15px;
}

.ts .tsn .tb2,
.ts .tsn .tb2 {
	right: 0;
	top: 15px;
}

.ts .en {
	font-size: 14px;
	color: #888888;
	text-align: center;
	text-transform: uppercase;
	margin-top: 5px;
}



/*导航栏*/
#nav {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	border-bottom: solid 1px #dedede;
	background: #fff;
}

#nav .wrap {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	min-height: 72px;
}

#nav .wrap .item {
	text-align: center;
}

#nav .wrap .item li {
	display: inline-block;
	margin-right: 70px;
}

#nav .wrap .item li:last-child {
	margin-right: 0;
}

#nav .wrap .item li a {
	display: block;
	padding: 25px 0;
	color: #333333;
	font-size: 16px;
	border: solid 3px #fff;
}

#nav .wrap .item li a:hover {
	border-bottom: solid 3px #e60012;
	color: #e60012;
}

#nav .wrap .item li a.on {
	border-bottom: solid 3px #e60012;
	color: #e60012;
}

/*头部部分*/
#header {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background: rgba(255, 255, 255, 0.95);
	border-top: solid 1px #0585e0;
	padding-bottom: 8px;
	height: 85px;
}

#header .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#header .wrap .logo {
	width: 30%;
	margin-top: 10px;
}

#header .wrap .logo img {
	max-width: 100%;
	height: auto;
}

#header .wrap .nav {
	width: 45%;
	margin-top: 40px;
}

#header .wrap .nav .n {
	float: left;
	margin-right: 6%;
}

#header .wrap .nav .n .bignav {
	color: #222;
	font-size: 16px;
}

#header .wrap .nav .n .bignav:hover,
#header .wrap .nav .bignav.on {
	color: #e60012;
}

#header_hidden {
	height: 93px;
	/*height:51px;*/
	width: auto;
}

#header .smalls {
	width: 100%;
	height: auto;
	padding: 10px 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 92px;
	background: rgba(255, 255, 255, 0.8);
	display: none;
	border-bottom: solid 1px #ededed;
}

#header .smalls .w {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	text-align: center;
	margin-top: 12px;
}

#header .smalls .w .navs {
	text-align: left;
	display: inline-block;
	width: 360px;
	overflow: hidden;
	margin-right: 30px;
	float: left;
	padding-bottom: 10px;
}

#header .smalls .w .navs .img {
	background: url(img1.png)no-repeat center;
	width: 100%;
	height: 36px;
}

#header .smalls .w .navs .img.i1 {
	background: url(img35.png)no-repeat center;
}

#header .smalls .w .navs .img.i2 {
	background: url(img36.png)no-repeat center;
}

#header .smalls .w .navs .font {
	font-size: 16px;
	color: #333333;
	height: 20px;
	overflow: hidden;
}

#header .smalls .w .navs:hover .font {
	color: #e60012;
}

#header .smalls .w .navs:hover .img {
	background: url(img2.png)no-repeat center;
}

#header .smalls .w .navs:hover .img.i1 {
	background: url(img37.png)no-repeat center;
}

#header .smalls .w .navs:hover .img.i2 {
	background: url(img38.png)no-repeat center;
}

#header .tel {
	float: right;
	margin-top: 30px;
	color: #045cfc;
	font-size: 24px;
	font-weight: bold;
	margin-left: 20px;
	background: url(dh.png) no-repeat left center;
	padding-left: 32px;
}

.swiper-banner {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

.swiper-banner .swiper-slide .pic {
	/*background: no-repeat center/cover;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 999;
}

/*.swiper-banner .swiper-slide .pic{background: none !important;}*/
.swiper-banner .swiper-slide .pic img {
	max-width: 100%;
	height: auto;
	vertical-align: text-top;
	display: none;
}

.swiper-banner .swiper-pagination-bullet,
.swiper-banner-m .swiper-pagination-bullet {
	width: 5.5rem;
	height: 3px;
	background: #fff;
	opacity: .9;
	border-radius: 0;
}

.swiper-banner .swiper-pagination-bullet-active,
.swiper-banner-m .swiper-pagination-bullet-active {
	background: #dd3333;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 5%;
}

.swiper-banner-m .swiper-slide {
	text-align: center;
}

.noPageScroll {
	padding-top: 0 !important;
	height: auto !important;
}

.noPageScroll .fp-tableCell {
	height: auto !important;
}

.noPageScroll .table.absolute {
	position: static;
}

/*.noPageScroll{margin: 4rem 0;}
.noPageScroll .learn-more{padding:2rem 0;}
.noPageScroll .i-else{padding: 5rem 0;}*/
#banner .fp-tableCell {
	vertical-align: text-top;
}

#banner .swiper-slide {
	height: 900px;
}

/*手机头部部分*/
.mobile_hidden {
	height: 81px;
	display: none;
}

.mobile_wraps {
	display: none;
	height: 80px;
	position: fixed;
	background: #fff;
	z-index: 2000;
	width: 100%;
}

.mobile_wraps .logo {
	overflow: hidden;
	margin-top: 10px;
	margin-left: 20px;
	width: 60%;
}

.mobile_wraps .logo img {
	max-width: 100%;
	height: auto;
}

.mobile_wraps .right .nav {
	margin-top: 30px;
	margin-right: 20px;
}

.mobile_wraps .right .nav img {
	width: 35px;
	cursor: pointer;
}

.mobile_wraps .right .nav_con {
	position: absolute;
	right: 0;
	top: 80px;
	border: solid 1px #dbdbdb;
	padding: 7px 20px;
	z-index: 999;
	background: #fff;
	display: none;
}

.mobile_wraps .right .nav_con .n .n1 a {
	display: block;
	font-size: 16px;
	color: #000;
	padding: 6px;
	text-indent: 20px;
}

.mobile_wraps .right .nav_con .n .n1 a.op {
	background: url(../images/open2.png)no-repeat center left;
}

.mobile_wraps .right .nav_con .n .n1 a.op.clo {
	background: url(../images/close2.png)no-repeat center left;
}

.mobile_wraps .right .nav_con .n .n1 .n2 {
	display: none;
}

.mobile_wraps .right .nav_con .n .n1 .n2 .small {
	display: block;
	font-size: 14px;
	color: #000;
	padding: 5px 10px 5px 24px;
}

.mobile_wraps .right .nav_con .lan {
	margin: 0 auto;
	margin-top: 15px;
	text-align: center;
	font-size: 16px;
	color: #222;
	font-weight: bolder;
}

.mobile_wraps .right .nav_con .lan a {
	font-size: 16px;
	color: #222;
	font-weight: bolder;
}

/*Banner部分*/

/*banner样式*/
.banner {
	width: 100%;
	overflow: auto;
	position: relative;
}

.banner .db {
	width: 100%;
	height: 100%;
}

.banner .db .swiper-slide {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.banner .db .swiper-slide .nts {
	position: absolute;
	left: 0;
	right: 0;
	top: 30%;
	z-index: 2;
	margin: 0 auto;
}

.banner .db .swiper-slide .nts .fz36 {
	color: #01519b;
}

.banner .db .swiper-slide .nts .fz36.in {
	color: #333;
	margin: 5px 0 10px;
}

.banner .db .swiper-slide .nts .fz24 {
	color: #555;
}

.banner .db .swiper-slide img {
	width: 100%;
	position: relative;
}

.banner .hb {
	width: 100%;
	text-align: right;
	position: absolute;
	left: 0;
	right: 5%;
	bottom: 13px !important;
	z-index: 3;
	margin: 0 auto;
}

.banner .hb span {
	width: 30px;
	height: 4px;
	display: inline-block;
	opacity: 1;
	cursor: pointer;
	background: #fff;
	font-size: 0;
	border-radius: 4px;
	margin: 0 4px !important;
}

.banner .swiper-pagination-bullet {
	background: #ddd;
	opacity: 1;
	width: 30px;
	height: 4px;
	border-radius: 4px;
}

.banner .swiper-pagination-bullet-active {
	background: #6bb9e9;
}

.banner .swiper-button-prev,
.banner .swiper-button-next {
	top: 50%;
	margin-top: -25px;
	bottom: auto;
	width: 50px;
	height: 50px;
}

.banner .swiper-button-prev {
	background: rgba(51, 51, 51, 0.1) url(arrows_left2.png) no-repeat center center;
	left: 5px;
	right: auto;
	border-radius: 2px;
}

.banner .swiper-button-next {
	background: rgba(51, 51, 51, 0.1) url(arrows_right2.png) no-repeat center center;
	left: auto;
	right: 5px;
	border-radius: 2px;
}

#banner2 .bd ul li {
	text-align: center;
}

#banner2 .bd ul li a {
	cursor: default;
	text-align: center;
}

#banner2 .bd ul li a img {
	max-width: 100%;
	height: auto;
	text-align: center;
}

#banner2 #owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;
}

#banner2 .owl-theme .owl-controls {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-top: 0 !important;
	background: rgba(2, 127, 186, 0.8);
	text-align: right !important;
}

#banner2 .owl-buttons {
	display: none;
}

#banner2 .owl-theme .owl-controls .owl-page span {
	background: #fff !important;
	width: 28px !important;
	height: 3px !important;
}

#banner2 .owl-theme .owl-controls .owl-page.active span,
#banner2 .owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #fff !important;
}

#banner2_mobile {
	width: 100%;
	position: relative;
	/*max-width: 720px;*/
	margin: 0 auto;
	overflow: hidden;
	display: none;
}

#banner2_mobile .bd ul li a {
	cursor: default;
}

#banner2_mobile .bd ul li a img {
	max-width: 100%;
	height: auto;
}

/*手机banner*/
.phone_banner {
	width: 100%;
	display: none;
	overflow: hidden;
	position: relative;
}

.phone_banner video {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	z-index: 1;
}

.phone_banner .db {
	width: 100%;
}

.phone_banner .db .swiper-slide {
	width: 100%;
	position: relative;
}

.phone_banner .db .swiper-slide .nts {
	position: absolute;
	left: 0;
	right: 0;
	top: 30%;
	z-index: 2;
	margin: 0 auto;
}

.phone_banner .db .swiper-slide .nts .fz36 {
	color: #01519b;
}

.phone_banner .db .swiper-slide .nts .fz36.in {
	color: #333;
	margin: 5px 0 10px;
}

.phone_banner .db .swiper-slide .nts .fz24 {
	color: #555;
}

.phone_banner .db .swiper-slide img {
	width: 100%;
}

.phone_banner .hb {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 13px !important;
	z-index: 3;
	margin: 0 auto;
}

.phone_banner .hb span {
	width: 8px;
	height: 8px;
	display: inline-block;
	opacity: 1;
	cursor: pointer;
	background: #367ebe;
	font-size: 0;
	border-radius: 50%;
	margin: 0 4px !important;
}

.phone_banner .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
}

.phone_banner .swiper-pagination-bullet-active {
	background: #c8d85e;
}


@media screen and (max-width:1400px) {
	.banner .db {
		width: 100%;
		height: 800px;
	}
}

@media screen and (max-width:750px) {
	.banner {
		display: none;
	}

	.phone_banner {
		display: inline-block;
	}
}



/*底部部分*/
#footer {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: #000 url(../images/footer_banner.png)no-repeat;
	overflow: hidden;
}

#footer.indexs {
	min-height: 320px;
}

#footer .wrap {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
}

#footer .wrap .left {
	width: 26.9%;
	border-right: solid 1px #2b2d33;
	padding-right: 3%;
	padding-bottom: 20px;
}

#footer .wrap .right {
	width: 70%;
}

#footer .wrap .left .top {
	margin-top: 30px;
}

#footer .wrap .left .bot {
	margin-top: 30px;
}

#footer .wrap .left .bot .meg {
	font-size: 14px;
	color: #797a7c;
	margin-bottom: 20px;
	line-height: 20px;
}

#footer .wrap .right .tops {
	text-align: right;
	height: 100px;
	line-height: 100px;
	border-bottom: solid 1px #2b2d33;
}

#footer .wrap .right .tops a {
	font-size: 16px;
	color: #fff;
	margin-left: 5%;
}

#footer .wrap .right .tops a:hover {
	color: #e60012;
}

#index #footer .wrap .right .bots .lefts {
	width: 40%;
	border-right: solid 1px #2b2d33;
	padding: 0 5%;
	height: 210px;
}

#footer .wrap .right .bots .lefts {
	width: 40%;
	border-right: solid 1px #2b2d33;
	padding: 0 5%;
	height: 180px;
}

#footer .wrap .right .bots .lefts .tit {
	font-size: 14px;
	color: #7b7b7c;
	margin-left: 10px;
	margin-top: 20px;
}

#footer .wrap .right .bots .lefts .link_list li {
	float: left;
	margin: 10px 0;
	border-right: solid 1px #707173;
	padding: 0 10px;
	margin-bottom: 0;
}

#footer .wrap .right .bots .lefts .link_list li a {
	font-size: 14px;
	color: #7b7b7c;
}

#footer .wrap .right .bots .lefts .link_list li a:hover {
	color: #fff;
}

#footer .wrap .right .bots .lefts .link_list li:last-child {
	border-right: none;
}

#footer .wrap .right .bots .rights .shape {
	text-align: right;
	margin-top: 50px;
	position: relative;
}

#footer .wrap .right .bots .rights .shape img {
	max-width: 100%;
	height: auto;
}

#footer .wrap .right .bots .rights .shape .link {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #3e3c3a;
	display: inline-block;
}

#footer .wrap .right .bots .rights .shape .link:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#footer .wrap .right .bots .rights .shape .link img {
	vertical-align: middle;
}

#footer .wrap .right .bots .rights .shape .codess {
	position: absolute;
	/*left: 175px;*/
	left: 85px;
	top: -35px;
	width: 100px;
	height: 100px;
	right: 0;
	margin: 0 auto;
	text-align: center;
	/*display: none;*/
	z-index: 1000;
	background: #fff;
}

#footer .wrap .right .bots .rights .shape .codess img {
	max-width: 100%;
	height: auto;
}

#footer .wrap .right .bots .rights .copyright {
	margin-top: 30px;
	color: #636262;
}

/*产品*/
#product {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding-bottom: 50px;
}

#product .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

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

#product .wrap .list .pro {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}

#product .wrap .list .pro:nth-child(2n) {
	margin-right: 0;
}

#product .wrap .list .pro .img {
	overflow: hidden;
}

#product .wrap .list .pro .img img {
	max-width: 100%;
	height: auto;
}

#product .wrap .list .pro .img:hover img {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	transform: scale(1.06);
}

#product .wrap .list .bot {
	margin-top: 30px;
}

#product .wrap .list .bot .titles,
#instance .wrap .list .instance .right .titles {
	font-size: 24px;
	color: #222222;
	/*font-family: 'PingFang';*/
	height: 30px;
	overflow: hidden;
	float: left;
	width: 70%;
	display: block;
}

#product .wrap .list .bot .mores,
#instance .wrap .list .instance .right .mores {
	width: 150px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	background: #e60012 url(../images/img666.png)no-repeat 90% center;
	display: inline-block;
	/*border: solid 1px #dedede;*/
	float: right;
}

/*#product .wrap .list .bot .mores:hover,#instance .wrap .list .instance .right .mores:hover{color: #fff;background: #999999 url(../images/img6.png)no-repeat 90% center; }*/
#product .wrap .list .bot .titles:hover,
#instance .wrap .list .instance .right .titles:hover {
	color: #e60012;
}

/*产品详细*/
#product-detail {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding-bottom: 50px;
}

#product-detail .wrap1,
#product-detail .wrap2 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: #f9f9f9;
	padding: 50px 0;
}

#product-detail .wrap1 .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#product-detail .wrap1 .wrap .left,
#product-detail .wrap1 .right {
	width: 50%;
	height: 680px;
}

#product-detail .wrap1 .right {
	width: 40%;
	padding: 0 5%;
}

#product-detail .wrap1 .wrap .right .title {
	font-size: 36px;
	color: #e60012;
	/*font-family: 'PingFang';*/
}

#product-detail .wrap1 .wrap .right .brief {
	margin-top: 50px;
	height: 450px;
}

#product-detail .wrap1 .wrap .right .brief .tit {
	border-bottom: solid 1px #e3e3e3;
	padding: 15px 0;
	overflow: hidden;
	min-height: 20px;
}

#product-detail .wrap1 .wrap .right .brief .tit .l {
	font-size: 14px;
	color: #959595;
	font-weight: bolder;
	float: left;
	width: 38%;
	padding-left: 2%;
}

#product-detail .wrap1 .wrap .right .brief .tit .r {
	font-size: 14px;
	color: #959595;
	float: right;
	width: 60%;
}

#product-detail .wrap2 {
	background: #fff;
}

#product-detail .wrap2 .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#product-detail .wrap2 .con {
	line-height: 26px;
}

#product-detail .wrap2 .con img {
	max-width: 100%;
	height: auto;
}

#product-detail .box {
	margin-top: 20px;
}

#product-detail .box .zx {
	display: block;
	width: 197px;
	height: 60px;
	float: left;
	font-size: 22px;
	color: #fff;
	line-height: 60px;
	background: #e60012;
	text-align: center;
	text-decoration: none;
}

#product-detail .box .zx img {
	position: relative;
	top: 4px;
	margin-left: 8px;
}

#product-detail .box .phone {
	float: left;
	padding-left: 56px;
	;
	background: url(../images/icon2.png) no-repeat left center;
	margin-left: 46px;
	margin-top: 6px;
}

#product-detail .box .phone span {
	display: block;
	font-size: 14px;
	color: #333333;
}

#product-detail .box .phone div {
	display: block;
	font-size: 24px;
	color: #e60012;
}

.clearfix {
	zoom: 1;
}

#product-detail .swiper-container {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

#product-detail .swiper-slide {
	background-size: cover;
	background-position: center;
}

#product-detail .gallery-top {
	height: 80%;
	width: 100%;
}

#product-detail .gallery-thumbs {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

#product-detail .gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.4;
}

#product-detail .gallery-thumbs .swiper-slide-active {
	opacity: 1;
}

/*案例*/
#instance {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding-bottom: 50px;
}

#instance .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#instance .wrap .list {
	margin-top: 60px;
}

#instance .wrap .list .instance {
	background: #f8f8f8;
	margin-bottom: 15px;
}

#instance .wrap .list .instance .left {
	width: 50%;
	overflow: hidden;
}

#instance .wrap .list .instance .left img {
	max-width: 100%;
	height: auto;
}

#instance .wrap .list .instance .left img:hover {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	transform: scale(1.06);
}

#instance .wrap .list .instance .right {
	width: 46%;
	padding: 0 2%;
	overflow: hidden;
	margin-top: 5%;
}

#instance .wrap .list .instance .right .titles {
	float: none;
	width: auto;
}

#instance .wrap .list .instance .right .brief {
	height: 100px;
	line-height: 25px;
	overflow: hidden;
	color: #666666;
	margin-top: 30px;
	font-size: 14px;
}

#instance .wrap .list .instance .right .mores {
	float: none;
	margin-top: 30px;
}

/*案例详细*/
#instance-detail {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#instance-detail #owl-demo {
	overflow: hidden;
}

#instance-detail #owl-demo img {
	max-width: 100%;
	height: auto;
}

#instance-detail .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	z-index: 1;
}

#instance-detail .owl-theme .owl-controls .owl-page span {
	width: 14px;
	height: 14px;
	border-radius: 0;
	background: #fff;
	opacity: 1;
}

#instance-detail .owl-theme .owl-controls .owl-page.active span {
	background: #e60012;
}

#instance-detail .owl-theme .owl-controls {
	top: auto;
	bottom: 50px;
	left: 35%;
	z-index: 999;
}

#instance-detail .owl-buttons {
	display: none;
}

#instance-detail .wrap .c {
	width: 26%;
	height: 99.5%;
	background: rgba(230, 0, 18, 0.6);
	position: absolute;
	right: 0;
	padding: 0 5%;
}

#instance-detail .wrap .c .titles {
	font-size: 32px;
	color: #fff;
	margin-top: 100px;
	/*font-family: 'PingFang';*/
}

#instance-detail .wrap .c .con {
	margin-top: 50px;
}

#instance-detail .wrap .c .con .texts {
	font-size: 14px;
	color: #fff;
	margin-bottom: 20px;
}

#instance-detail .wrap .c .con .cons {
	color: #fff;
	line-height: 25px;
}

#instance-detail .wrap .c .con .cons img {
	max-width: 100% !important;
	height: auto !important;
	width: auto !important;
}



/* 面包屑 */
.inc_crumbs {
	height: 70px;
	width: 100%;
	line-height: 70px;
}

.inc_crumbs.special {
	border-bottom: 1px solid #e5e5e5;
}

.inc_crumbs .crumbs {
	line-height: 70px;
	font-size: 14px;
	color: #666;
}

.inc_crumbs .crumbs .prev {
	color: #666;
}

.inc_crumbs .crumbs .current {
	color: #e60012;
}

/* 二级导航 */
.nav-sty {
	height: 120px;
	line-height: 120px;
	font-size: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 12;
}

.nav-sty a {
	margin-right: 50px;
	padding: 0 9px;
	display: inline-block;
	font-size: 16px;
	position: relative;
	color: #666;
	width: auto;
}

.nav-sty a:after {
	height: 2px;
	width: 0;
	bottom: 40px;
	left: 0;
	content: '';
	display: block;
	background: #e60012;
	-webkit-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
	position: absolute;
}

.nav-sty a:hover {
	color: #e60012;
}

.nav-sty a:hover:after {
	width: 100%;
}

.nav-sty a.on {
	color: #e60012;
}

.nav-sty a.on:after {
	width: 100%;
}


.inner_title {
	margin: 60px auto 45px;
}

.inner_title .title_p1 {
	font-size: 32px;
	color: #e60012;
}

.inner_title .title_line {
	width: 36px;
	height: 2px;
	background: #e60012;
	margin: 17px auto;
}

.inner_title .title_p2 {
	font-size: 14px;
	color: #666;
	text-transform: uppercase;
}

/*关于*/
#about {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

#about .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#about .titles {
	font-size: 32px;
	color: #333333;
	text-align: center;
	padding-top: 80px;
	/*font-family: 'PingFang';*/
	background: url(t1.png)no-repeat top center;
}

#about .wrap1 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: #fff;
	padding: 50px 0;
}

#about .wrap1 .wrap .con {
	font-size: 16px;
	color: #555555;
	margin-top: 30px;
	line-height: 25px;
}

#about .wrap2 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: url(ab2.jpg)no-repeat center;
	height: 700px;
}

#about .wrap2 .wrap {
	position: relative;
}

#about .wrap2 .cons {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(140, 46, 61, 0.6);
	width: 50%;
	height: 700px;
	overflow: hidden;
}

#about .wrap2 .cons .titles {
	color: #fff;
	background: url(../images/a2.png)no-repeat top center;
}

#about .wrap2 .cons .con .big {
	padding: 0 5%;
	margin-top: 50px;
}

#about .wrap2 .cons .con .big .tit {
	font-size: 20px;
	color: #fff;
	font-weight: bolder;
}

#about .wrap2 .cons .con .big ul li {
	font-size: 16px;
	color: #fff;
	list-style-type: disc;
	margin-left: 30px;
	margin-top: 5px;
}

/*资质*/
#certifi {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding-bottom: 50px;
}

#certifi .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#certifi .wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#certifi .wrap .swiper-container {
	padding-bottom: 0px;
	margin-top: 80px;
}

#certifi .wrap .swiper-slide {
	width: 520px;
	/*height: 408px;*/
	/*box-shadow: 0 8px 30px #ddd;*/
	height: 500px;
}

#certifi .wrap .swiper-slide .img {
	display: block;
	border: solid 1px #e0e0e0;
	overflow: hidden;
	text-align: center;
	padding: 10px 0;
	background: #fff;
	height: 70%;
}

#certifi .wrap .swiper-slide .img img {
	max-width: 100%;
	height: 100%;
}

#certifi .wrap .swiper-slide .fonts {
	line-height: 50px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 24px;
	margin: 0;
	color: #686565;
	margin-top: 20px;
}

#certifi .wrap .swiper-pagination {
	width: 100%;
}

#certifi .wrap .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 2px solid #e60012;
	background-color: #fff;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certifi .wrap .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 2px solid #e60012;
	background-color: #e60012;
}

#certifi .wrap .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
	display: none;
}

#certifi .wrap .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certifi .wrap .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
	display: none;
}

#certifi .wrap .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

#certifi .wrap .swiper-slide-active .img {
	border: solid 1px #e60012;
}

#certifi .wrap .swiper-slide-active .fonts {
	color: #e60012;
}

#certifi .wrap .swiper-containers {
	width: 100%;
	height: 100%;
}

#certifi .wrap .swiper-slides {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#certifi .wrap .swiper-slide img {
	max-width: 100%;
	height: auto;
	,
	margin-top: 10px;
}

#certifi .wrap .swiper-containers .swiper-slide {
	border: solid 1px #ededed;
}

#certifi .wrap2 {
	display: none;
	margin-top: 30px;
}

/*成功案例 case*/
#case {
	padding: 0px 0 50px 0;
}

#case .case_ul {
	width: 100%;
	/* max-height:990px; */
	padding-top: 30px;
}

#case .case_ul .case_li {
	width: 33.333%;
	overflow: hidden;
}

#case .case_ul .case_li:before {
	padding-top: 64.0776%;
	display: block;
	content: '';
}

#case .case_ul .case_li .case_bg {
	background: rgba(0, 0, 0, 0.5);
	top: 81.81%;
	width: 100%;
}

#case .case_ul .case_li .case_bg .case_mar {
	margin: 0 auto;
	width: 85.43%;
}

#case .case_ul .case_li .case_bg .p1 {
	font-size: 18px;
	text-align: center;
	color: #fff;
	margin-top: 10px;
}

#case .case_ul .case_li .case_bg .p2 {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	margin: 20px auto 15px;
}

#case .case_ul .case_li .case_bg .p3 {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	height: 80px;
	overflow: hidden;
}

#case .case_ul .case_li .case_bg .a1 {
	font-size: 15px;
	color: #fff;
	margin-top: 25px;
	border: 1px solid #fff;
	display: block;
	line-height: 40px;
	width: 120px;
	height: 40px;
	text-align: center;
}

#case .case_ul .case_li:hover .case_bg {
	background: rgba(230, 0, 18, 0.5);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#case .case_ul .case_li:hover .case_bg .p1 {
	text-align: left;
	margin-top: 20px;
}


/*成功案例详情 case_detail*/
#case_detail {
	background: #f5f5f5;
}

#case_detail .case_detail {
	background: #fff;
}

#case_detail .case_detail .p1 {
	font-size: 24px;
	color: #333;
	margin: 70px auto 60px;
}

#case_detail .case_detail .pic {
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}

#case_detail .case_detail .contents {
	width: 85.71%;
	margin: 60px auto;
	text-align: center;
}

#case_detail .case_detail .contents p {
	text-align: left;
}

#case_detail .case_detail .case_anniu {
	display: block;
	width: 60px;
	height: 60px;
	background: rgba(73, 158, 213, 0.8);
	text-align: center;
	line-height: 60px;
	top: 45%;
}

#case_detail .case_detail .case_anniu.on {
	background: rgba(141, 152, 170, 0.8);
}

#case_detail .case_detail .case_next {
	right: 0px;
}

#case_detail .case_detail .case_prev {
	left: 0px;
}

#case_detail .reco_case {
	background: #fff;
	margin: 20px auto 85px;
}

#case_detail .reco_case .case_ul {
	width: 95%;
	margin: 0 auto 50px;
}

#case_detail .reco_case .case_ul .case_li {
	width: 30%;
	margin-left: 5%;
	overflow: hidden;
}

#case_detail .reco_case .case_ul .case_li:nth-child(1) {
	margin-left: 0;
}

#case_detail .reco_case .case_ul .case_li:before {
	padding-top: 64.0776%;
	display: block;
	content: '';
}

#case_detail .reco_case .case_ul .case_li .case_bg {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0px;
	height: 40px;
}

#case_detail .reco_case .case_ul .case_li .case_bg .case_mar {
	margin: 0 auto;
	width: 85.43%;
}

#case_detail .reco_case .case_ul .case_li .case_bg .p1 {
	font-size: 20px;
	text-align: center;
	color: #fff;
	line-height: 40px;
	padding: 0;
	margin: 0;
}

#service {
	background-color: #f5f5f5;
	height: auto;
	overflow: hidden;
}

.service-list {
	background-color: #fff;
}

.service-list .item .info {
	width: 50%;
	padding: 70px 100px 0 50px;
	float: left;
}

.service-list .item .info::after {
	width: 0;
	height: 0;
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	position: absolute;
	z-index: 1;
	top: 170px;
	content: '';
	border-right: 23px solid #fff;
	right: 100%;
}

.service-list .item:nth-child(2n) .info::after {
	width: 0;
	height: 0;
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	position: absolute;
	z-index: 1;
	top: 170px;
	content: '';
	border-left: 23px solid #fff;
	left: 100%;
	border-right: 0;
	right: 0;
}

.service-list .item .img {
	width: 50%;
	max-height: 400px;
	float: left;
	overflow: hidden;
}

.service-list .item:nth-child(2n) .info,
.service-list .item:nth-child(2n) .img {
	float: right;
}

.service-list .item .img img {
	width: 100%;
}

.service-list .item .name-0 {
	font-size: 30px;
	color: #e60012;
	margin-bottom: 6px;
}

.service-list .item .name-1 {
	font-family: 'times';
	font-size: 20px;
	color: #ddd;
}

.service-list .item .name-0 a,
.service-list .item .name-1 a {
	font-family: inherit;
	font-style: inherit;
	color: inherit;
}

.service-list .item .brief {
	height: 112px;
	line-height: 28px;
	font-size: 14px;
	color: #555;
	margin-top: 25px;
}

.service-list .item .more {
	height: 30px;
	line-height: 30px;
}

.service-list .item .more::before {
	width: 40px;
	height: 1px;
	background-color: #e60012;
	vertical-align: middle;
	display: inline-block;
	content: '';
}

.service-list .item .more::after {
	width: 13px;
	height: 1px;
	background-color: #e60012;
	vertical-align: middle;
	display: inline-block;
	content: '';
	margin-top: -7px;
	margin-left: -10px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}



/*turn_page1*/
form {}

form input {
	border: none;
	outline: none;
	background: none;
	display: inline-block;
	vertical-align: middle;
	color: #333;
}

form select,
form textarea {
	border: none;
	outline: none;
	background: none;
	display: inline-block;
	vertical-align: middle;
	-weibox-sizing: border-box;
	box-sizing: border-box;
	color: #333;
}

form input:disabled,
form textarea:disabled {
	color: #333;
}

#turn_page {
	width: 100%;
	line-height: 2.5rem;
	text-align: center;
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}

#turn_page form {
	display: inline-block;
}

#turn_page a {
	display: inline-block;
	font-size: 0.875rem;
	background: #fff;
	color: #666;
	margin: 0 0.1875rem;
}

#turn_page span {
	display: inline-block;
	font-size: 0.875rem;
	color: #666;
	margin: 0 0.1875rem;
}

#turn_page select {
	width: 3.75rem;
	height: 2.5rem;
	text-indent: 0.3125rem;
	background: #fff url(img13.png) no-repeat 85% center;
	background-size: 15%;
	font-size: 0.875rem;
	border: 1px solid #ebebeb;
}

#turn_page font {
	display: inline-block;
	font-size: 0.875rem;
	background: #fff;
	color: #666;
	margin: 0 0.1875rem;
}

#turn_page .page_btn {
	width: 2.5rem;
	height: 2.5rem;
	background: #ebebeb;
	color: #666;
}

#turn_page .page_button {
	width: 6.125rem;
	height: 2.5rem;
	background: #ebebeb;
	border: 1px solid #ebebeb;
}

#turn_page .page_noclick {
	width: 6.125rem;
	height: 2.5rem;
	background: #ebebeb;
	border: 1px solid #ebebeb;
}

#turn_page .page_item_current {
	width: 2.5rem;
	height: 2.5rem;
	background: #e60012;
	color: #fff;
	border: 1px solid #e60012;
}

#turn_page .page_item {
	width: 2.5rem;
	height: 2.5rem;
	background: #ebebeb;
	color: #666;
	border: 1px solid #ebebeb;
}


/*联系我们*/
#contact {
	width: 100%;
	max-width: 1920px;
	margin: 50px auto;
	padding-bottom: 50px;
}

#contact .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#contact .wrap .titles {
	margin-top: 50px;
}

#contact .wrap .titles .tit1 {
	font-size: 30px;
	color: #313131;
	text-align: center;
}

#contact .wrap .titles .tit2 {
	font-size: 16px;
	color: #666;
	text-align: center;
	margin-top: 15px;
}

#contact .wrap .app_form {
	margin-top: 30px;
	background: #fff;
	padding: 40px 3% 60px;
}

#contact .wrap .app_form .in_row {
	width: 23.5%;
	border: 1px solid #e8e8e8;
	margin-right: 2%;
	margin-bottom: 20px;
}

#contact .wrap .app_form .in_row.mr {
	margin-right: 0;
}

#contact .wrap .app_form .in_row .se {
	width: 100%;
	height: 52px;
	line-height: 52px;
	font-size: 14px;
	color: #aaaaaa;
	border: none;
	background: none;
}

#contact .wrap .app_form .in_row .i {
	width: 100%;
	border: none;
	background: none;
	height: 52px;
	font-size: 14px;
	line-height: 52px;
	color: #aaaaaa;
	padding-left: 10px;
}

#contact .wrap .app_form .in_message {
	width: 100%;
}

#contact .wrap .app_form .in_message .mess {
	padding: 14px 20px;
	width: 100%;
	border: 1px solid #e8e8e8;
	min-height: 172px;
	font-size: 14px;
	color: #aaaaaa;
}

#contact .wrap .app_form .apply_sub {
	margin: 40px auto 0;
	height: 46px;
	width: 130px;
	background: #e60012;
}

#contact .wrap .app_form .apply_sub .a_mit {
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
}

#contact .meg_con {
	width: 35%;
	float: left;
	padding-bottom: 50px;
}

#contact .meg_con .title {
	font-size: 28px;
	color: #333333;
	max-width: 420px;
	padding-top: 50px;
	margin-bottom: 50px;
	margin-top: 0px;
}

#contact .meg_con .tel {
	padding: 30px 0;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	color: #333;
	max-width: 420px;
	font-size: 30px;
}

#contact .meg_con .tel img {
	vertical-align: middle;
	margin-right: 5px;
}

#contact .meg_con .megs {
	max-width: 400px;
	margin-top: 50px;
}

#contact #map {
	width: 60%;
	height: 500px;
	float: left;
	position: relative;
}

#contact #map #container {
	width: 100%;
	height: 500px;
}

/*新闻*/
#news {
	background: #f5f5f5;
	padding-bottom: 50px;
}

#news .news_ul {
	width: 100%;
	margin-top: 70px;
}

#news .news_ul li {
	height: 207px;
	overflow: hidden;
}

#news .news_ul .time {
	width: 12.98%;
	height: 100%;
	position: relative;
}

#news .news_ul .time .p1 {
	font-size: 36px;
	color: #666;
	line-height: 20px;
	margin: 25px 0px 0px 20px;
}

#news .news_ul .time .p2 {
	font-size: 14px;
	color: #999;
	line-height: 20px;
	margin: 20px 0px 20px 20px;
}

#news .news_ul .time .time_img {
	margin: 0px 0px 0px 20px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

#news .news_ul .con {
	width: 87.02%;
	height: 100%;
	position: relative;
}

#news .news_ul .con:before {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0px;
	background: #ddd;
	width: 1px;
	display: block;
	content: '';
}

#news .news_ul .con:after {
	height: 0;
	position: absolute;
	top: 0;
	left: 0px;
	background: #e60012;
	width: 1px;
	display: block;
	content: '';
	-webkit-transition: all 800ms ease 0s;
	-moz-transition: all 800ms ease 0s;
	-ms-transition: all 800ms ease 0s;
	-o-transition: all 800ms ease 0s;
	transition: all 800ms ease 0s;
	z-index: 10;
}

#news .news_ul .con .text {
	width: 59%;
	margin-left: 5%;
	margin-right: 6%;
}

#news .news_ul .con .text .a1 {
	font-size: 18px;
	color: #333;
	margin: 20px 0px 20px 0px;
	display: block;
}

#news .news_ul .con .text .p3 {
	font-size: 12px;
	color: #666;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
}

#news .news_ul .con .img {
	width: 30%;
	height: 200px;
	overflow: hidden;
}

#news .news_ul .con .img img {
	width: 100%;
	height: auto;
}

#news .news_ul li:hover .time .p1 {
	color: #e60012;
}

#news .news_ul li:hover .con:after {
	height: 100%;
}

#news .news_ul li:hover .con .text {
	margin-left: 7%;
	margin-right: 4%;
}

#news .news_ul li:hover .con .text .a1 {
	color: #e60012;
}

#news .news_ul li:hover .time .time_img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray;
}


/*新闻中心详情 news_detail*/
.newsdetail-box {

	width: 100%;
	max-width: 1200px;
	font-family: "微软雅黑";

	margin: 40px auto;
	background: #fff;
	padding: 3% 3%;

}



.newsdetail-box .title-boxs {

	text-align: center;

	padding-bottom: 20px;

	border-bottom: 1px solid #dcdcdc;

}

.newsdetail-box .title-boxs .title {

	font-size: 24px;
	color: #333;

	line-height: 36px;

}

.newsdetail-box .title-boxs .time {

	font-size: 12px;

	color: #aaa;

	margin-top: 10px;

}



.news-doc {
	text-align: center;
	font-size: 14px;

	color: #555555;

	line-height: 24px;

	margin-top: 20px;

}

.news-doc img {
	text-align: center;

	max-width: 1200px;


	margin: 1em auto;

}


.news-doc p {
	text-align: center !important;
}


.pages {

	margin-top: 1.5em;

	position: relative;

	border-top: 1px solid #dedede;

	padding-top: 0.5em;

}

.pages li {

	font-size: 14px;

	line-height: 30px;

	color: #333333;

}

.pages li a {

	color: #333333;

}



.pages li a:hover {

	color: #e60012;

}

.pages .back {

	font-size: 14px;

	display: inline-block;

	position: absolute;

	right: 0;

	top: 15px;

	width: 110px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #fff;

	background: #e60012;

}

.pages .back:hover {

	background: #045cfc;

}

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

	.newsdetail-box {

		width: 960px;

	}

}

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

	.newsdetail-box {

		width: 100%;

		padding: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

}

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

	.newsdetail-box .title-boxs .title {

		font-size: 1.5em;

	}

}

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

	.newsdetail-box {

		margin-bottom: 3em;

	}

	.pages .back {

		position: inherit;

		right: inherit;

		top: inherit;

		margin: auto;

		display: block;

		margin-top: 2em;

	}

}



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

	.newsdetail-box .title-boxs .title {

		font-size: 1.1em;

	}

	.newsdetail-box .title-boxs .time {

		margin-top: 0.5em;

		font-size: 0.75em;

	}

}

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

	.pages .back {

		width: 10em;

		font-size: 0.875em
	}

}




/*生产基地*/
#base {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding-bottom: 50px;
}

#base .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#base .wrap .big {
	margin-top: 50px;
	position: relative;
}

#base .wrap .big .img img {
	max-width: 100%;
	height: auto;
}

#base .wrap .big .con {
	position: absolute;
	right: 0;
	top: 0;
	width: 30%;
	height: 99.5%;
	background: rgba(230, 0, 18, 0.6);
	padding: 0 5%;
	display: none;
}

#base .wrap .big .con .tit {
	font-size: 28px;
	color: #fff;
	padding: 50px 0;
	border-bottom: solid 1px #ca7584;
}

#base .wrap .big .con .dec {
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	height: 55%;
	overflow: hidden;
	padding: 50px 0;
}

#base .wrap .big:nth-child(1) .con {
	display: block;
}

#base .wrap .big:nth-child(2n) .con {
	left: 0;
	right: auto;
}

/*首页*/
#index {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

#index .wrap1 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: url(bg_wrap1.png)no-repeat bottom center;
	padding-bottom: 40px;
}

#index .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#index .wrap1 .wrap .w2 {
	display: none;
}

#index .wrap1 .wrap .swiper-container {
	padding-bottom: 60px;
	margin-top: 50px;
}

#index .wrap1 .wrap .swiper-slide {
	width: 412px;
	/*height: 408px;*/
	/*box-shadow: 0 8px 30px #ddd;*/
	position: relative;
	cursor: pointer;
	background: #fff;
	box-shadow: 0 8px 10px #ddd;
}

#index .wrap1 .wrap .swiper-slide .img {
	display: block;
	overflow: hidden;
	text-align: center;
}

#index .wrap1 .wrap .swiper-slide .img img {
	max-width: 100%;
	height: auto;
}

#index .wrap1 .wrap .swiper-slide p {
	line-height: 68px;
	padding-top: 0px;
	text-align: center;
	color: rgb(99, 99, 99);
	font-size: 18px;
	margin: 0px;
}

#index .wrap1 .wrap .swiper-slide .fonts {
	line-height: 50px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 24px;
	margin: 0;
	color: #686565;
	margin-top: 20px;
}

#index .wrap1 .wrap .swiper-pagination {
	width: 100%;
}

#index .wrap1 .swiper-pagination-fw {
	padding-top: 60px;
}

#index .wrap1 .wrap .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	background-color: #fff;
	width: 10px;
	height: 10px;
	opacity: 1;
	border: solid 1px #e60012;
}

#index .wrap1 .wrap .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #e60012;
	opacity: 1;
}

#index .wrap1 .wrap .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
	display: none;
}

#index .wrap1 .wrap .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#index .wrap1 .wrap .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
	display: none;
}

#index .wrap1 .wrap .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

#index .wrap1 .wrap .swiper-slide-active .img {
	opacity: 1;
}

#index .wrap1 .wrap .swiper-slide-active .fonts {
	color: #e60012;
}

#index .wrap1 .wrap .swiper-slide .hovers {
	position: absolute;
	left: 0;
	right: 0;
	background: none;
	top: 0;
	margin: 0 auto;
	text-align: center;
	width: 412px;
	height: 450px;
	background: rgba(255, 255, 255, 0.3);
}

#index .wrap1 .wrap .swiper-slide .hovers .names {
	font-size: 30px;
	color: #222;
	margin-top: 200px;
}

#index .wrap1 .wrap .swiper-slide .hovers .names2 {
	font-size: 18px;
	color: #222;
	margin-top: 10px;
}

#index .wrap1 .wrap .swiper-slide-active .hovers {
	background: rgba(230, 0, 18, 0.5);
}

#index .wrap1 .wrap .swiper-slide-active .hovers .names {
	color: #fff;
}

#index .wrap1 .wrap .swiper-slide-active .hovers .names2 {
	color: #fff;
}

#index .wrap1 .wrap .swiper-slide .hovers .imgs {
	text-align: center;
	margin-top: 30px;
	display: none;
}

#index .wrap1 .wrap .swiper-slide-active .hovers .imgs {
	display: block;
}

#index .wrap1 .wrap .w2 {
	overflow: hidden;
}

#index .wrap1 .wrap .w2 .swiper-containers {
	width: 100%;
	height: 100%;
}

#index .wrap1 .wrap .w2 .swiper-slides {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#index .wrap1 .wrap .w2 .swiper-slide img {
	max-width: 100%;
	height: auto;
	,
	margin-top: 10px;
}

/*#index .wrap1 .wrap .w2 .swiper-containers .swiper-slide{border: solid 1px #ededed;}*/
#index .wrap1 .wrap .w2 {
	display: none;
	margin-top: 30px;
}

#index .wrap2 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

#index .wrap2 .wrap {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

#index .wrap2 .wrap .one {
	width: 29.54%;
	margin-right: 0.1%;
}

#index .wrap2 .wrap .two {
	width: 20.31%;
	margin-right: 0.1%;
}

#index .wrap2 .wrap .three {
	width: 20.31%;
	margin-right: 0.1%;
}

#index .wrap2 .wrap .four {
	width: 29.54%;
}

#index .wrap2 .wrap .case_list_mobile {
	display: none;
}

#index .wrap2 .wrap .case_list {
	height: 650px;
}

#index .wrap2 .wrap .case_list .case {
	display: block;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
	background-size: cover !important;
}

#index .wrap2 .wrap .case_list .one .case,
#index .wrap2 .wrap .case_list .three .case {
	height: 650px;
}

#index .wrap2 .wrap .case_list .two .case:nth-child(1),
#index .wrap2 .wrap .case_list .four .case:nth-child(1) {
	height: 280px;
}

#index .wrap2 .wrap .case_list .two .case:nth-child(2),
#index .wrap2 .wrap .case_list .four .case:nth-child(2) {
	height: 368px;
	margin-top: 2px;
}

#index .wrap2 .wrap .case_list .case .hovers {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(230, 0, 18, 0.5);
	display: none;
}

#index .wrap2 .wrap .case_list .case .hovers .tit {
	font-size: 28px;
	color: #fff;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
}

#index .wrap2 .wrap .case_list .case .hovers .tit .img {
	text-align: center;
	margin-top: 30px;
}

#index .wrap2 .wrap .case_list_mobile .case_big {
	width: 96%;
	margin: 0 auto;
}

#index .wrap2 .wrap .case_list_mobile .case_big .case {
	height: 300px;
	display: block;
	width: 48%;
	margin-bottom: 2%;
	position: relative;
}

#index .wrap2 .wrap .case_list_mobile .case_big .case:nth-child(2n) {
	margin-left: 2%;
}

#index .wrap2 .wrap .case_list_mobile .case_big .hovers {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(230, 0, 18, 0.5);
	display: none;
}

#index .wrap2 .wrap .case_list_mobile .case_big .hovers .tit {
	font-size: 22px;
	color: #fff;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 30%;
}

#index .wrap2 .wrap .case_list_mobile .case_big .hovers .tit .img {
	text-align: center;
	margin-top: 20px;
}

#index .wrap3 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	background: url(../images/img31.jpg)no-repeat bottom center;
}

#index .wrap3 .left {
	width: 50%;
}

#index .wrap3 .left img {
	max-width: 100%;
	height: auto;
}

#index .wrap3 .right {
	width: 48%;
	padding-left: 2%;
}

#index .wrap3 .right .list .list_btn {
	width: 160px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	color: #333;
	display: block;
	background: #fff;
	float: left;
	font-size: 16px;
	border: solid 1px #ededed;
}

#index .wrap3 .right .list .list_btn.on1 {
	color: #fff;
	background: rgba(230, 0, 18, 1);
	border: solid 1px #ededed;
}

#index .wrap3 .right .list .list_btn.on2 {
	color: #fff;
	background: rgba(230, 0, 18, 0.8);
	border: solid 1px #ededed;
}

#index .wrap3 .right .list .list_btn.on3 {
	color: #fff;
	background: rgba(230, 0, 18, 0.7);
	border: solid 1px #ededed;
}

#index .wrap3 .right .list .list_btn.on4 {
	color: #fff;
	background: rgba(230, 0, 18, 0.6);
	border: solid 1px #ededed;
}

#index .wrap3 .right .titles {
	font-size: 30px;
	background: url(../images/ab_back.png)no-repeat center left;
	padding-top: 80px;
}

#index .wrap3 .right .con {
	font-size: 14px;
	color: #555;
	line-height: 25px;
	margin-top: 40px;
	height: 190px;
	overflow: hidden;
}

#index .wrap3 .right .list {
	margin-top: 20px;
}

/*#index .wrap3 .right .mores{display: block;width: 290px;height: 60px;line-height: 60px;border: solid 1px #ececec;background: url(../images/10.png)no-repeat 90% center;font-size: 14px;color: #555555;padding-left: 30px;margin-top: 50px;}*/
#index .wrap3 .right .mores {
	display: block;
	width: 290px;
	height: 60px;
	line-height: 60px;
	border: solid 1px #e60012;
	background: url(arr1.png)no-repeat 90% center #e60012;
	font-size: 14px;
	color: #fff;
	padding-left: 30px;
	margin-top: 50px;
}

/*#index .wrap3 .right .mores:hover{color: #000;}*/
#index .wrap4 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

#index .wrap4 .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#index .wrap4 .wrap .news .left,
#index .wrap4 .wrap .news .right {
	width: 50%;
	overflow: hidden;
}

#index .wrap4 .wrap .news .right {
	width: 40%;
	padding: 0 5%;
}

#index .wrap4 .wrap .news .left img {
	max-width: 100%;
	height: auto;
}

#index .wrap4 .wrap .news .left img:hover {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	transform: scale(1.06);
}

#index .wrap4 .wrap .news .right .title {
	height: 60px;
	line-height: 25px;
	overflow: hidden;
	margin-top: 20px;
}

#index .wrap4 .wrap .news .right .title a {
	font-size: 24px;
	color: #303030;
}

#index .wrap4 .wrap .news .right .title a:hover {
	color: #e60012;
}

#index .wrap4 .wrap .news .right .dates {
	font-size: 14px;
	color: #aaaaaa;
	margin-top: 30px;
}

#index .wrap4 .wrap .news .right .brief {
	font-size: 14px;
	color: #666;
	line-height: 25px;
	height: 100px;
	overflow: hidden;
	margin-top: 30px;
}

#index .wrap4 .wrap .news .right .btn {
	margin-top: 40px;
}

#index .wrap4 .wrap .news_list {
	margin-top: 50px;
}

#index .wrap4 .wrap .news_list .info {
	width: 48%;
	float: left;
	padding-right: 2%;
	border-top: solid 1px #e5e5e5;
	padding-top: 50px;
	padding-bottom: 50px;
}

#index .wrap4 .wrap .news_list .info .rights .titles {
	display: block;
	font-size: 18px;
	color: #222;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
}

#index .wrap4 .wrap .news_list .info .rights .titles:hover {
	color: #e60012;
}

#index .wrap4 .wrap .news_list .info .rights .briefs {
	font-size: 14px;
	color: #666;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin-top: 10px;
}

#index .wrap4 .wrap .news_list .info .lefts {
	width: 20%;
}

#index .wrap4 .wrap .news_list .info .rights {
	width: 70%;
	padding: 0 5%;
}

#index .wrap4 .wrap .news_list .info .lefts .sp1 {
	font-size: 18px;
	color: #666;
}

#index .wrap4 .wrap .news_list .info .lefts .sp2 {
	font-size: 30px;
	color: #222;
}

#index .wrap5 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: url(img29.png)no-repeat bottom center;
}

#index .wrap5 .wrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding-bottom: 160px;
}

#index .wrap5 .swiper-container {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#index .wrap5 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#index .wrap5 .swiper-slide a {
	border: solid 1px #f4e6e8;
}

#index .wrap5 .swiper-slide a img {
	max-width: 100%;
	height: auto;
}

#index .wrap5 .swiper-container-horizontal>.swiper-pagination-bullets {
	right: 0;
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
}

#index .wrap5 .swiper-slide:hover {
	box-shadow: 0 0 30px #ddd;
	z-index: 999;
}

#index .wrap5 .partners {
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}

#index .wrap5 .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background: #fff;
	border: solid 1px #d5d5d5;
	opacity: 1;
}

#index .wrap5 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #e60012;
	border: solid 1px #e60012;
}

@media only screen and (max-width: 1920px) {
	#contact .meg_con {
		width: 100%;
		max-width: 500px;
		left: 250px;
	}
}

@media only screen and (max-width: 1680px) {
	#contact .meg_con {
		left: 140px;
	}
}


@media only screen and (max-width: 1600px) {
	#contact .meg_con .megs {
		max-width: 400px;
		margin-top: 40px;
	}

	#contact .meg_con .title {
		padding-top: 80px;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	#index .wrap2 .wrap .case_list .one .case,
	#index .wrap2 .wrap .case_list .three .case,
	#index .wrap2 .wrap .case_list {
		height: 550px;
	}

	#index .wrap2 .wrap .case_list .two .case:nth-child(1),
	#index .wrap2 .wrap .case_list .four .case:nth-child(1) {
		height: 230px;
	}

	#index .wrap2 .wrap .case_list .two .case:nth-child(2),
	#index .wrap2 .wrap .case_list .four .case:nth-child(2) {
		height: 318px;
	}

	#index .wrap2 .wrap .case_list .case .hovers .tit {
		font-size: 24px;
		top: 30%;
	}

	#index .wrap1 .wrap .swiper-container {
		padding-bottom: 40px;
	}
}


@media screen and (max-width: 1500px) {
	#index .wrap2 .wrap .case_list .case .hovers .tit {
		font-size: 22px;
	}

	#index .wrap1 .wrap .swiper-container {
		padding-bottom: 35px;
	}

}

@media only screen and (max-width: 1440px) {
	#contact .meg_con {
		left: 20px;
	}
}

@media screen and (max-width: 1450px) {
	#contact .meg_con .title {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#contact .meg_con .tel {
		padding: 10px 0;
	}

	#index .wrap1 .wrap .swiper-container {
		padding-bottom: 30px;
	}

	#index .wrap3 {
		padding: 20px 0;
	}

	.ts {
		padding-bottom: 20px;
	}

	#index .wrap4 .wrap .news_list {
		margin-top: 30px;
	}

	#index .wrap1 .wrap .swiper-container {
		margin-top: 15px;
	}

	#about .wrap2,
	#about .wrap2 .cons {
		height: 720px;
	}

	#about .wrap2 .cons .con .big {
		margin-top: 15px;
	}

	/*.swiper-banner .swiper-slide .pic{background-size:130% 92%; }*/
}

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

	#product,
	#product-detail,
	#instance,
	#instance-detail,
	#certifi,
	#join,
	#contact,
	#info .top,
	#info .main,
	#info-detail,
	#video,
	#about .wrap,
	#footer .wrap,
	#index .wrap,
	#index .wrap4 .wrap,
	#index .wrap5 .wrap,
	#header .wrap {
		width: 92%;
	}

	#instance-detail .wrap .c .titles,
	#instance-detail .wrap .c .con {
		margin-top: 30px;
	}

	#about .wrap2 .cons .con .big {
		margin-top: 16px;
	}

	#contact .meg_con {
		padding-left: 10px;
	}

	#index .wrap2 .wrap .case_list .one .case,
	#index .wrap2 .wrap .case_list .three .case,
	#index .wrap2 .wrap .case_list {
		height: 480px;
	}

	#index .wrap2 .wrap .case_list .two .case:nth-child(1),
	#index .wrap2 .wrap .case_list .four .case:nth-child(1) {
		height: 195px;
	}

	#index .wrap2 .wrap .case_list .two .case:nth-child(2),
	#index .wrap2 .wrap .case_list .four .case:nth-child(2) {
		height: 283px;
	}

	#index .wrap3 .right .list .list_btn {
		width: 140px;
		height: 75px;
		line-height: 75px;
	}

	#header .wrap .links {
		width: 15%;
	}

	#header .wrap .nav {
		width: 50%;
	}

	#product-detail .wrap1 .wrap .right .title {
		font-size: 28px;
	}

	#product-detail .wrap1 .wrap .right .brief {
		margin-top: 30px;
		height: 400px;
	}

	#product-detail .wrap1 .wrap .left,
	#product-detail .wrap1 .right {
		height: 600px;
	}

	#footer .wrap .right {
		width: 72%;
	}

	#index #footer .wrap .right .bots .lefts {
		width: 38%;
	}

	#footer .wrap .left {
		width: 24.9%;
	}
}

@media screen and (max-width: 1320px) {
	#base .wrap .big .con .dec {
		padding: 30px 0;
	}

	#footer {
		min-height: 400px;
	}

	#footer .wrap .left {
		width: auto;
		float: none;
		border: none;
		text-align: center;
		padding: 0;
	}

	#footer .wrap .right {
		width: auto;
		float: none;
		padding-bottom: 10px;
	}

	#footer .wrap .left .top,
	#footer .wrap .left .bot {
		display: inline-block;
	}

	#footer .wrap .left .bot {
		text-align: left;
		margin-left: 30px;
	}

	#footer .wrap .right .tops {
		text-align: center;
		height: auto;
		line-height: 60px;
	}

	#footer .wrap .right .bots .lefts {
		height: auto;
		border: none;
	}

	/*#footer .wrap .right .bots .rights .shape,#footer .wrap .right .bots .rights .copyright,#footer .wrap .right .bots .lefts .tit{margin-top: 10px;}*/
	#header .smalls .w .navs {
		width: 80px;
	}

	#contact .meg_con .tel {
		padding: 5px 0;
	}

	#contact .meg_con .megs {
		margin-top: 0;
	}

	#contact .meg_con .title {
		margin-bottom: 10px;
	}

	#about .wrap2 .cons .titles {
		padding-top: 55px;
	}

	#footer .wrap .right .bots .lefts {
		width: 38%;
	}

	#product-detail .box .zx {
		width: 160px;
		font-size: 18px;
	}

	/*.swiper-banner .swiper-slide .pic{background-size:130% 96%; }*/
}

@media screen and (max-width: 1200px) {
	.wrap {
		width: 96%;
		margin: auto;
	}

	#info .wrap .info_list .item .date {
		padding-top: 15px;
	}

	#info .wrap .info_list .item .date .md {
		font-size: 30px;
	}

	#info .wrap .info_list .item .infomartion .title {
		line-height: 54px;
	}

	#info .wrap .info_list .item .infomartion .brief {
		line-height: 24px;
	}

	#video .wrap .video-js {
		height: 260px;
	}

	#base .wrap .big .con .dec {
		padding: 10px 0;
	}

	#base .wrap .big .con .tit {
		padding: 30px 0;
	}

	#instance-detail .wrap .c {
		width: 30%;
	}

	#index .wrap2 .wrap .case_list {
		display: none;
	}

	#index .wrap2 .wrap .case_list_mobile {
		display: block;
	}

	#index .wrap3 .right .list {
		width: 70%;
	}

	#index .wrap5 {
		padding-bottom: 120px;
	}

	#header .smalls .w .navs {
		margin-right: 35px;
	}

	#header .wrap .nav {
		width: 60%;
	}

	#product-detail .wrap1 .wrap .right .brief {
		margin-top: 15px;
	}

	#footer {
		min-height: 0;
	}

	#about .wrap2 .cons .con .big {
		margin-top: 5px;
	}

	#product-detail .box .zx {
		width: 130px;
		height: 50px;
		line-height: 50px;
		margin-top: 5px;
	}

	#product-detail .box .phone {
		margin-left: 20px;
	}

	#product-detail .wrap1 .right {
		width: 46%;
		padding: 0 2%;
	}

	/*.swiper-banner .swiper-slide .pic{background-size: 135% 92%;}*/
}

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

	/*.swiper-banner .swiper-slide .pic{background-size: 135% 78%;background-position:center -20%;}*/
	#header .tel {
		display: none;
	}
}

@media only screen and (max-width: 1024px) {
	#contact .meg_con {
		left: 0px;
	}
}

@media only screen and (max-width:1000px) {
	#info .wrap .info_list .top .left {
		display: none;
	}

	#info .wrap .info_list .top .right {
		width: 100%;
	}

	#info .wrap .info_list .top .right .title a {
		font-size: 18px;
	}

	#info .wrap .info_list .top .right .time {
		margin: 1.4% 0 3.8%;
	}

	#info .wrap .info_list .top .right .brief {
		font-size: 14px;
	}

	#info .wrap .info_list .top .right .btn {
		width: 100px;
	}

	#info .wrap .info_list .top .right .btn a {
		font-size: 13px;
	}

	#index .wrap5 .wrap {
		padding-bottom: 80px;
	}
}

@media only screen and (max-width: 980px) {
	#banner .alls_mobile {
		display: block;
	}

	#banner .alls {
		display: none;
	}

	#banner .alls_mobile .item img {
		width: 100%;
	}

	#banner .owl-theme .owl-controls .owl-page span {
		width: 8px;
		height: 8px;
	}

	.swiper-banner.show-pc-block {
		position: static;
	}

	.swiper-banner.show-pc-block .swiper-slide .pic {
		position: static;
		text-align: center;
		background-image: none !important;
	}

	.swiper-banner.show-pc-block .swiper-slide .pic img {
		display: block;
	}

	#join .wrap .join-us .dl>dt .t {
		font-size: 25px;
	}

	#join .wrap .join-us .dl>dt .n {
		font-size: 19px;
	}

	#join .wrap .join-us .dl>dt .b {
		font-size: 13px;
	}

	#join .wrap .join-us .dl>dt .i {
		height: 17px;
		width: 17px;
	}

	#join .wrap .join-us .dl>dd .btn {
		line-height: 40px;
		height: 40px;
		padding: 0 30px;
	}

	#info .wrap .info_list .item {
		height: 190px;
	}

	#info .wrap .info_list .item .date {
		padding-top: 5px;
	}

	#info .wrap .info_list .item .date .md {
		font-size: 24px;
	}

	#info .wrap .info_list .item .infomartion .title {
		line-height: 34px;
	}

	#info .wrap .info_list .item .infomartion .brief {
		line-height: 24px;
	}

	#video .wrap .big {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	#video .wrap .big:nth-child(3n) {
		margin-right: 2%;
	}

	#video .wrap .big:nth-child(2n) {
		margin-right: 0;
	}

	#info .wrap .info_list .top .right .brief {
		height: auto;
	}

	#info-detail .wrap .tits {
		font-size: 20px;
	}

	#product .wrap .list .bot {
		margin-top: 20px;
	}

	#base .wrap .big .con .tit {
		padding: 10px 0;
		font-size: 24px;
	}

	#instance-detail .wrap .c {
		width: 40%;
	}

	#instance-detail .wrap .c .titles {
		font-size: 20px;
	}

	#product .wrap .list .bot a {
		float: none;
		width: auto;
	}

	#product .wrap .list .bot .mores,
	#instance .wrap .list .instance .right .mores {
		width: 120px;
		height: 40px;
		line-height: 40px;
	}

	#product .wrap .list .bot .mores {
		margin-top: 10px;
	}

	#product .wrap .list .bot .titles {
		height: auto;
		width: auto;
	}

	#product-detail .wrap1 .wrap .left,
	#product-detail .wrap1 .right {
		width: 100%;
		float: none;
	}

	#product-detail .wrap1 .right {
		width: 90%;
		margin-top: 10px;
	}

	#product-detail .wrap1 .wrap .right .title {
		font-size: 24px;
	}

	#product-detail .wrap1 .wrap .right .brief {
		margin-top: 30px;
	}

	#about .wrap2 .cons {
		width: 80%;
	}

	#contact .meg_con .title {
		font-size: 24px;
		background: none;
		padding-bottom: 20px;
	}

	#index .wrap2 .wrap .case_list_mobile .case_big .case {
		height: 240px;
	}

	#index .wrap3 .left {
		width: 50%;
		float: none;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 10px;
		margin-top: 20px;
	}

	#index .wrap3 .right {
		width: auto;
		float: none;
	}

	#index .wrap3 .right .list {
		width: auto;
		text-align: center;
	}

	#index .wrap3 {
		padding: 50px 0;
	}

	#index .wrap4 .wrap .news .right .title {
		height: 55px;
	}

	#index .wrap4 .wrap .news .right .title a {
		font-size: 20px;
	}

	#index .wrap4 .wrap .news .right .dates,
	#index .wrap4 .wrap .news .right .brief {
		margin-top: 10px;
	}

	#index .wrap4 .wrap .news .right .btn {
		margin-top: 20px;
	}

	#index .wrap4 .wrap .news_list .info .rights .titles {
		font-size: 20px;
	}

	#index .wrap4 .wrap .news_list .info .lefts .sp2 {
		font-size: 20px;
	}

	#index .wrap4 .wrap .news_list .info {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#footer .wrap .right .bots .lefts,
	#footer .wrap .right .bots .rights {
		width: auto;
		float: none;
	}

	#footer .wrap .right .bots .rights .copyright,
	#footer .wrap .right .bots .rights .shape,
	#footer .wrap .right .bots .lefts .tit,
	#footer .wrap .right .bots .lefts .link_list {
		text-align: center;
	}

	#footer .wrap .right .bots .lefts .link_list li {
		float: none;
		display: inline-block;
	}

	#certifi .wrap .swiper-slide .fonts {
		font-size: 18px;
	}

	#certifi .wrap1 {
		display: none;
	}

	#certifi .wrap2 {
		display: block;
	}

	#header,
	#header_hidden {
		display: none;
	}

	.mobile_wraps {
		display: block;
	}

	.mobile_hidden {
		display: block;
	}

	#index .wrap3 .right .con {
		height: auto;
	}

	#index .wrap1 .wrap .w1 {
		display: none;
	}

	#index .wrap1 .wrap .w2 {
		display: block;
	}

	#index .wrap5 {
		padding-bottom: 0;
	}

	#index .wrap1 .wrap .swiper-slide .hovers {
		width: 100%;
		height: 99%;
	}

	#index .wrap1 .wrap .swiper-slide .hovers .names {
		margin-top: 100px;
		font-size: 22px;
	}

	#index .wrap1 .wrap .swiper-slide .hovers .names2 {
		font-size: 14px;
	}

	#index .wrap3 .right .titles {
		font-size: 24px;
	}

	#index .wrap4 .wrap .news .left {
		text-align: center;
	}

	#index .wrap4 .wrap .news .left,
	#index .wrap4 .wrap .news .right {
		float: none;
		width: auto;
	}

	#index .wrap1 .wrap .swiper-slide-active .hovers {
		background: rgba(255, 255, 255, 0.2);
	}

	.ts {
		padding-bottom: 0px;
		padding-top: 30px;
	}

	.ts .tsn {
		font-size: 20px;
	}

	.ts .en {
		font-size: 12px;
	}

	#index .wrap3 .right .list .list_btn {
		width: 120px;
		height: 60px;
		line-height: 60px;
		font-size: 14px;
	}

	#index .wrap3 .right .mores {
		width: 150px;
	}

	#product-detail .wrap1 .wrap .right .brief .tit .r,
	#product-detail .wrap1 .wrap .right .brief .tit .l {
		font-size: 13px;
	}

	#instance .wrap .list .instance .right {
		padding-bottom: 10px;
	}

	#about .titles {
		font-size: 24px;
	}

	#about .wrap1 .wrap .con {
		font-size: 14px;
	}

	#about .wrap2 .cons .con .big .tit {
		font-size: 16px;
	}

	#about .wrap2 .cons .con .big ul li {
		font-size: 14px;
	}

	#about .wrap2 .cons .con .big {
		margin-top: 20px;
	}

	#info .wrap .info_list .top .right .btn,
	.btn {
		right: 30px;
	}

	#index .wrap4 .wrap .news .right .btn {
		right: auto;
	}

	#product-detail .gallery-top {
		height: 70%;
	}

	#product-detail .wrap1 .wrap .left {
		height: 600px !important;
	}

	#product-detail .gallery-thumbs {
		height: 25%;
	}

	#contact .contact_meg {
		position: static;
		min-width: 0;
	}

	#contact .meg_con {
		position: static;
	}

	#contact .meg_con .title,
	#contact .meg_con .tel,
	#contact .meg_con .megs {
		max-width: 100%;
	}

	#contact .meg_con {
		text-align: center;
	}

	#product-detail .wrap1 .wrap .right .brief {
		height: auto;
	}

	#product-detail .box .zx {
		display: block;
		margin-bottom: 10px;
		font-size: 16px;
		float: none;
	}

	#product-detail .box .phone {
		margin-left: 0;
	}

	#product-detail .wrap1 .right {
		height: auto;
	}

	#certifi .wrap .swiper-slide {
		height: auto;
	}

	#index #footer .wrap .right .bots .lefts {
		width: auto;
		height: auto;
	}

	#news .news_ul .time .p1 {
		font-size: 30px;
		margin: 25px 0px 0px 0px;
	}

	#news .news_ul .time .p2 {
		margin: 20px 0px 20px 0px;
	}

	#news .news_ul .time .time_img {
		margin: 0px;
	}
}

@media only screen and (max-width:880px) {
	#info .wrap .info_list .item .date {
		display: none;
	}

	#info .wrap .info_list .item .infomartion {
		width: 60%;
		left: 0;
	}

	#info .wrap .info_list .item .infomartion:before {
		display: none;
	}

	#info .wrap .info_list .item .img {
		width: 25%;
		right: 2%;
	}

	#contact .wrap .app_form .in_row {
		width: 49%;
		margin-right: 2%;
	}

	#contact .wrap .app_form .in_row:nth-child(2n) {
		margin-right: 0;
	}
}

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

	#index .wrap2 .wrap .case_list_mobile .case_big .case {
		width: 80%;
		float: none;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	#index .wrap2 .wrap .case_list_mobile .case_big .case:nth-child(2n) {
		margin: 0 auto;
		margin-left: auto;
		margin-bottom: 10px;
	}


	/* 面包屑 */
	.inc_crumbs {
		height: 30px;
		line-height: 30px;
	}

	.inc_crumbs .crumbs {
		line-height: 30px;
		font-size: 14px;
	}

	/* 二级导航 */
	.nav-sty {
		height: 36px;
		line-height: 36px;
	}

	.nav-sty a {
		margin-right: 10px;
		padding: 0 5px;
		font-size: 14px;
	}

	.nav-sty a:after {
		bottom: 4px;
	}

	#case .case_ul .case_li {
		width: 50%;
	}

	#case .case_ul .case_li .case_bg {
		height: 30px;
	}

	#case .case_ul .case_li:hover .case_bg {
		height: 030px;
	}

	#case .case_ul .case_li .case_bg .p1 {
		font-size: 14px;
		margin-top: 2px;
	}

	#case .case_ul .case_li:hover .case_bg .p1 {
		font-size: 14px;
		margin-top: 2px;
	}

	#case_detail .case_detail .case_anniu {
		width: 20px;
		height: 20px;
		line-height: 20px;
	}

	#case_detail .case_detail .case_anniu img {
		width: 6px;
		height: auto;
	}

	#case_detail .reco_case .case_ul .case_li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
	}

	#case_detail .reco_case .case_ul .case_li .case_bg {
		height: 20px;
	}

	#case_detail .reco_case .case_ul .case_li .case_bg .p1 {
		font-size: 14px;
		line-height: 18px;
	}




	#news .news_ul {
		margin-top: 0px;
	}

	#news .news_ul li {
		height: auto;
		margin-bottom: 5px;
	}

	#news .news_ul .time {
		width: 25%;
		height: 100%;
	}

	#news .news_ul .time .p1 {
		font-size: 18px;
		line-height: 20px;
		margin: 5px 0px 0px 5px;
	}

	#news .news_ul .time .p2 {
		font-size: 12px;
		margin: 5px 0px 0px 5px;
	}

	#news .news_ul .time .time_img {
		margin-left: 5px;
	}

	#news .news_ul .con {
		width: 72%;
	}

	#news .news_ul .con .text {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	#news .news_ul .con .text .a1 {
		font-size: 14px;
		margin: 5px 0px 0px 0px;
	}

	#news .news_ul .con .text .p3 {
		font-size: 12px;
		line-height: 18px;
		height: 36px;
	}

	#news .news_ul .con .img {
		display: none;
	}

	#news .news_ul li:hover .con .text {
		margin-left: 5%;
		margin-right: 5%;
	}

	#news_detail .news_detail .text_left {
		width: 100%;
		margin-top: 1rem;
		float: none;
	}

	#news_detail .news_detail .text_left:after {
		height: 0;
	}

	#news_detail .news_detail .text_left .title {
		width: 94%;
	}

	#news_detail .news_detail .text_left .title .p1 {
		font-size: 0.56rem;
		line-height: 0.6rem;
		margin: 0px auto 0.6rem;
	}

	#news_detail .news_detail .text_left .title .p2 {
		font-size: 0.4rem;
		line-height: 0.48rem;
		margin: 0px auto 0.7rem;
	}

	#news_detail .news_detail .text_left .title .p2 .T-icon {
		font-size: 0.4rem;
	}

	#news_detail .news_detail .text_left .contents {
		width: 94%;
		margin: 1.2rem auto 0px;
		padding-bottom: 0.8rem;
	}

	#news_detail .news_detail .text_left .contents .con {
		font-size: 0.4rem;
	}

	#news_detail .news_detail .text_left .contents .bdsharebuttonbox {
		margin-top: 1rem;
	}

	#news_detail .news_detail .text_left .anniu {
		width: 94%;
		margin: 1rem auto 0px;
	}

	#news_detail .news_detail .text_left .anniu .anniu_p {
		font-size: 0.4rem;
		margin: 0px auto 0.5rem;
		height: 0.52rem;
		overflow: hidden;
	}

	#news_detail .news_detail .recommend {
		width: 94%;
		margin: 1rem 0 0.5rem;
		padding: 0px 3%;
		float: none;
	}

	#news_detail .news_detail .recommend .p3 {
		font-size: 0.44rem;
		line-height: 0.48rem;
		margin: 0px auto 0.6rem;
	}

	#news_detail .news_detail .recommend ul li {
		height: 0.9rem;
	}

	#news_detail .news_detail .recommend ul li a {
		font-size: 0.4rem;
		line-height: 0.72rem;
		margin: 0px auto 0.4rem;
	}

	.service-list .item .info {
		width: 100%;
		padding: 20px 20px 0 20px;
		float: none;
	}

	.service-list .item .info::after {
		width: 0;
		height: 0;
		border-top: 0px solid transparent;
		border-bottom: 0px solid transparent;
		position: absolute;
		z-index: 1;
		top: 0px;
		content: '';
	}

	.service-list .item .info.left::after {
		border-left: 0px solid #fff;
		left: 100%;
	}

	.service-list .item .info.right::after {
		border-right: 0px solid #fff;
		right: 100%;
	}

	.service-list .item .img {
		width: 100%;
		max-height: 200px;
		float: none;
		overflow: hidden;
	}

	.service-list .item:nth-child(2n) .info,
	.service-list .item:nth-child(2n) .img {
		float: none;
	}

	.service-list .item .name-0 {
		font-size: 20px;
	}

	.service-list .item .name-1 {
		font-size: 14px;
	}

	.service-list .item .brief {
		height: 48px;
		line-height: 24px;
		font-size: 14px;
		color: #555;
		margin-top: 10px;
	}

	.service-list .item .more {
		height: 30px;
		line-height: 30px;
	}

	.service-list .item .more::before {
		width: 20px;
		height: 1px;
	}

	.service-list .item .more::after {
		width: 8px;
		height: 1px;
		margin-top: -5px;
		margin-left: -6px;
	}


}


@media only screen and (max-width:720px) {
	#banner .alls_mobile .item img {
		max-width: 100%;
		height: auto;
	}

	#info .wrap .info_list .item {
		height: 140px;
	}

	#info .wrap .info_list .item .date {
		display: none;
	}

	#info .wrap .info_list .item .infomartion {
		width: 60%;
		left: 24%;
	}

	#info .wrap .info_list .item .infomartion .title {
		height: 20px;
		line-height: 20px;
		overflow: hidden;
	}

	#info .wrap .info_list .item .infomartion .title a {
		font-size: 14px;
	}

	#info .wrap .info_list .item .infomartion .brief {
		height: 24px;
		overflow: hidden;
	}

	#info .wrap .info_list .item .infomartion .inner_date {
		display: block;
	}

	#info .wrap .info_list .item .img {
		width: 20%;
		left: 1%;
	}

	#base .wrap .big .con {
		position: static;
		width: 90%;
	}

	#instance .wrap .list .instance .left,
	#instance .wrap .list .instance .right {
		position: static;
		width: 96%;
		float: none;
	}

	#product .wrap .list .bot .titles,
	#instance .wrap .list .instance .right .titles {
		font-size: 20px;
	}

	#instance-detail .wrap {
		position: static;
		width: 100%;
		/*height: 280px;*/
		overflow: hidden;
	}

	#instance-detail .wrap .c {
		position: static;
		width: auto;
		background: #fff;
	}

	#instance-detail .wrap .c .titles {
		margin-top: 0;
		color: #222;
	}

	#instance-detail .wrap .c .con .cons {
		padding-bottom: 20px;
		overflow: hidden;
		color: #222;
	}

	#instance-detail .wrap .c .con .texts {
		color: #222;
	}

	#nav .wrap .item li {
		margin-right: 25px;
	}

	#index .wrap3 .left {
		width: 80%;
	}

	#index .wrap4 .wrap .news_list .info {
		width: auto;
		float: none;
		margin-bottom: 10px;
	}

	#index .wrap4 .wrap .news_list .info .rights .titles {
		font-size: 18px;
	}

	.mobile_wraps .logo {
		/*width: 30%;*/
		width: 50%;
	}

	#instance-detail .owl-theme .owl-controls {
		bottom: 30px;
	}

	#base .wrap .big .con {
		display: block !important;
	}

	#base .wrap .big .con .tit {
		font-size: 20px;
	}
}

@media only screen and (max-width:680px) {}

@media only screen and (max-width:580px) {
	#join .wrap .join-us .dl>dt {
		padding: 1.4rem;
	}

	#join .wrap .join-us .dl>dd {
		padding: 1.4rem;
	}

	#join .wrap .join-us .dl>dt .t {
		font-size: 1.5rem;
	}

	#join .wrap .join-us .dl>dt .n {
		font-size: 1.25rem;
	}

	#join .wrap .join-us .dl>dt .b {
		font-size: 1rem;
	}

	#join .wrap .join-us .dl>dt .i {
		height: 1rem;
		width: 1rem;
		top: 2rem;
		right: 2rem;
	}

	#join .wrap .join-us .dl>dd .btn {
		line-height: 33px;
		height: 32px;
		padding: 0 1.8rem;
		font-size: 1.2rem;
	}

	#info .wrap .info_list .item {
		height: 100px;
	}

	#info .wrap .info_list .bottom .left {
		font-size: 18px;
	}

	#info .wrap .info_list .bottom .right {
		display: none;
	}

	#video .wrap .big {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 2%;
		float: none;
	}

	#video .wrap .big:nth-child(3n) {
		margin: 0 auto;
		margin-bottom: 2%;
		float: none;
	}

	#video .wrap .big:nth-child(2n) {
		margin: 0 auto;
		margin-bottom: 2%;
		float: none;
	}

	#product .wrap .list .pro {
		width: 100%;
		margin-right: 0;
	}

	#about .wrap2 .cons {
		width: 100%;
	}

	#index .wrap2 .wrap .case_list_mobile .case_big .case {
		width: 100%;
		background-size: cover !important;
	}

	#footer .wrap .right .bots .rights .shape .codess {
		left: 170px;
	}
}

@media only screen and (max-width:480px) {
	.in_apply .app_form {
		padding: 20px 2% 30px;
	}

	.in_apply .app_form .in_row {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.in_apply .app_form .in_row .se {
		font-size: 12px;
		height: 40px;
		line-height: 40px;
	}

	.in_apply .app_form .in_row .i {
		font-size: 12px;
		height: 40px;
		line-height: 40px;
	}

	.in_apply .app_form .in_message .mess {
		font-size: 12px;
	}

	.in_apply .app_form .apply_sub {
		margin: 20px auto 0;
		width: 120px;
		height: 40px;
	}

	.in_apply .app_form .apply_sub .a_mit {
		font-size: 12px;
	}

	#contact .wrap .app_form .in_row {
		width: 100%;
		margin-right: 0;
	}

	#product .wrap .list .bot {
		margin-top: 10px;
	}

	.mobile_wraps .logo {
		width: 70%;
		margin-top: 20px;
	}
}