*{padding: 0;margin: 0;}
li {list-style: none;}
img {transition: 0.3s;}
img {border: 0px;
	max-width: 100%;
	vertical-align: middle;
	transition: 0.2s;}
body{min-width:1280px;margin:0px auto;padding:0px;}
html,body {background: #fff;
	-webkit-text-size-adjust: none;
	font-family: "Microsoft YaHei", Arial;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 14px;
	color: #444;
	height: 100%;
}
a {
	color: #444;
	transition: 0.5s;
	text-decoration: none;
}
a:hover {
	color: #00a149;
}

.loading {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 12;
	background-color: rgba(255, 255, 255, 1);
	text-align: center;
}

.loading::after {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.loading img {
	display: inline-block;
}

.section {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.sectionx {
	max-width: 1200px;
	overflow: hidden;
	background-image: url(../images/sf.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	min-height:300px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
}
/** 清除浮动 **/
.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}

/* top */

.top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 8;
	padding: 10px 0;
	height:90px;
	line-height: 70px;
	text-align: center;
	transition: all 0.5s;
	transition: 0.6s;background-color: rgba(255, 255, 255,0.9);
}

.top .section {
	overflow: inherit;
}

.top:hover,
.top.active {
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 0 8px 2px #eee;
}

.top .logo {
	float: left;
	width: 300px;
}

.top .logo img {
	float: left;
}

.top .menuBox {
	float: right;
}

.top .menuBox li {
	float: left;
	position: relative;
	margin: 0 25px;
}

.top .menuBox .menu li::after {
	content: '';
	display: block;
	width: 0;
	height: 3px;
	background-color: #00a149;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transition: 0.5s;
}

.top .menuBox li:hover::after,
.top .menuBox li.active::after {
	width: 100%;
	left: 0;
}

.top .menuBox .menu {
	float: left;
	transition: 0.3s;
}

.top .menuBox .menu li a {
	color: #001f50;
	font-size:18px;
}

.top .menuBox .menu li a>i {
	display: none;
}

.top .menuBox .menu li a {
	display: block;
}

.top .menuBox .menu li .hide {
	display: block;
	position: absolute;
	width: 160px;
	top: 72px;
	left: 50%;
	margin-left: -80px;
	line-height: 44px;
	background-color: #fff;
	display: none;
	opacity: 0;
	transform: translateY(80px);
	transition: 0.5s; z-index:1000;
}

.top .menuBox .menu li:hover>.hide.act {
	display: block;
	transform: translateY(0px);
	opacity: 1;
}

.top .menuBox .menu li .hide p {
	border-bottom: 1px solid #eee;
}

.top .menuBox .menu li .hide a {
	display: block;
	transition: 0.4s;
	color: #999;
}

.top .menuBox .menu li .hide a:hover {
	background: #f5f5f5;
}

.top .action {
	float: right;
	padding: 10px 0 0 50px;
}

.top .action span:hover img {transform: scale(1.1);}
.top .action span {
	float: left;
	width: 34px;
	height:24px;
	display: block;
	cursor: pointer;
	margin-left: 15px;
	background: rgba(0, 0, 0, .3);
	transition: 0.5s;border-radius: 0%; line-height:24px;
}
.top .action span img {width:34px;height:24px; margin:6px;}
.top .action span:hover {
	border-radius:0%;
}


/* banner圆圈 */

.circleBox {
	width: 30px;
	height: 30px;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}

.circleBox span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 30px;
	background-color: #000;
	text-indent: 999px;
	color: #fff;
}

.circleBox::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	left: 0;
	top: 0;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
}

.circleBox .circle {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
}

.circleBox .circle::before {
	content: '';
	display: block;
	width: 200%;
	height: 100%;
	border: 2px #00a149 solid;
	box-sizing: border-box;
	border-radius: 50%;
	position: absolute;
	top: 0;
	transform: rotate(-45deg);
}

.circleBox .left {
	left: 0;
}

.circleBox .right {
	right: 0;
}

.circleBox .right.circle::before {
	left: -100%;
	border-bottom-color: transparent;
	border-right-color: transparent;
}

.circleBox .left.circle::before {
	border-top-color: transparent;
	border-left-color: transparent;
}

.swiper-pagination-bullet-active .circleBox span {
	background-color: transparent;
	text-indent: 0;
}

.swiper-pagination-bullet-active .circleBox .right.circle::before {
	animation: circleRotate 2s linear forwards;
}

.swiper-pagination-bullet-active .circleBox .left.circle::before {
	animation: circleRotate 2s linear forwards 2s;
}

@keyframes circleRotate {
	from {
		transform: rotate(-45deg)
	}
	to {
		transform: rotate(135deg)
	}
}


/* banner */
.fixVideo {height: 210px;
				width: 340px;
				background: #666;
				position: fixed;
				right: 10px;
				bottom: 10px;
				display: none;
				z-index: 15;}
.fixVideo video {width: 100%;height: 100%;}
.fixVideo span{width: 22px;
				height: 22px;
				padding: 5px;
				background:#001f50;
				display: block;
				position: absolute;
				right: 0;
				top: -30px;
				color: #fff;
				text-align: center;border-radius:50%;}
.fixVideo em {
			width: 60px;
			height: 60px;
			display: block;
			position: absolute;
			left: 50%;
			top: 50%;
			margin: -30px 0 0 -30px;
			border: 0px solid #ddd;
			border-radius: 50%;
			z-index: 4;
			color: #fff;
			line-height: 60px;
			text-align: center;
		}
.fixVideo em.play {
			background: rgba(0, 0, 0, 0);
		}
.floating_ck{position:fixed;right:20px;top:30%;border-radius:10px; z-index:1500;}
.floating_ck dl dd{position:relative;width:60px;height:60px;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{}
.floating_ck dl dd:hover .floating_left{display:block;}				
.banner {width: 100%;height:auto; margin-top:90px;}
#banner {width: 100%;height:auto;}
#banner .swiper-slide video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}
#banner .swiper-slide {
	text-align: center;
	height: 100%;
	background: #fff;
	position: relative;
	overflow: hidden;
}
#banner .swiper-slide img { width:100%;height:auto;}
#banner .swiper-slide .zoomBander {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#banner .swiper-slide .zoomBander::after {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

#banner .swiper-slide .content {
	display: inline-block;
	width: 80%;
	text-align: left;
}

#banner .morebox {
	padding: 20px 0;
}

#banner a.more {
	background: #08a24a;
	color: #fff;
	font-size: 20px;
	padding: 15px 50px;
	border-radius: 50px;
}

#banner a.more:hover {
	background: #001F50;
	padding: 15px 80px;
}

#banner .banner2 {
	padding-top: 15%;
	box-sizing: border-box;
}

#banner .banner2 span{
	display: block;
    background: rgba(0,0,0,.5);
    padding: 0 5px;
    float: left;
}

#banner .banner2 h3.tip {
	font-size:20px; font-weight:normal;
	color: #ffffff;line-height:30px;
	transition: 0.5s;background-color:#001f50; width:460px; padding-left:10px;padding-right:10px; padding-top:6px; padding-bottom:6px;-webkit-border-radius: 3px; border-radius: 3px;letter-spacing:0px;margin-bottom:20px;
}
#banner .banner2 h4.big {
	font-size:32px; line-height:56px;height:56px; width:460px;padding-left:10px; padding-right:10px;background-color: #08a24a;display:inline-block; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:20px;-webkit-border-radius: 3px; border-radius: 3px;
color: #ffffff; letter-spacing:0px;}

#banner .banner2 h4.small {
	font-size:22px; line-height:50px;height:50px;padding-left:10px;width:440px;padding-right:10px;background-color: #08a24a; display:inline-block; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px;-webkit-border-radius: 3px; border-radius: 3px;
color: #ffffff;}
#banner .bj {
	transition: 8s;
}
#banner .swiper-slide-active .bj {
	transform: scale(1.0);
}
#banner .swiper-slide-active .gray{
	margin:0px;
	overflow: hidden;
	padding: 0px;
}
#banner .banner2 h4 span{
	color: #fff;
	background-color: #08a24a; 
}
#banner .banner2 h3 span{
	color: #fff;background-color:#001f50;
}
#banner .banner2 p span{
	color: #fff;background-color:#001f50;
}
/*#banner .swiper-slide-active .gray span:after{
	background: red;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}*/
/* linkFix */

.linkFix {
	width: 44px;
	position: fixed;
	left: 10px;
	bottom: 60px;
	z-index: 5;
	display: none;
}

.linkFix li {
	height: 44px;
	background-color: #0068b7;
	text-align: center;
	line-height: 44px;
	margin: 4px 0;
}


/* infous */

.indexTit {
	color: #333;
	font-size: 18px;
	overflow: hidden;
	background: url(../img/icon_dian.png) no-repeat left center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 30px;
}

.infous {
	padding: 30px 0 20px 0;
	overflow: hidden;
	background: url(../img/bj_apus.jpg) no-repeat center top;
}

.infous .application {
	float: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}
.infous .application ul {
	overflow: hidden;
}
.infous .application .txt {margin-left:auto; margin-right:auto; width:200px; text-align:center; margin-top:10px;}
.infous .application .txt a {
	background: #08a24a;
	color: #fff;
	font-size: 16px;
	padding: 8px 20px;
	border-radius: 50px;
}
.infous .application .txt a:hover {
	padding: 8px 35px;
}
.infous .application li {
	width: 23.5%;
	float: left;
	overflow: hidden;
	margin-bottom: 20px; margin-right:2%;margin-top:20px;
}
.infous .application li:nth-child(4n){margin-right:0;}
.infous .application li .img {
	position: relative;
	height: 242px;
	overflow: hidden;
}
.infous .application li .img img {
	width: 100%;
}
.infous .application li .img a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	transition: 0.3s;
	background: rgba(0, 153, 255, 0.8);
	color: #fff;
	line-height: 26px;
	transform: translateX(-100%);
}

.infous .application li .box {
	padding: 20px;
}

.infous .application li .img a h4 {
	padding: 10px 0;
	font-size: 16px;
}

.infous .application li .img p {
	padding: 10px 0;
}

.infous .application li:hover .img a {
	transform: translateX(0);
}

.infous .application li:hover .img img {
	transform: scale(1.8);
}

.infous .application li .img a i {
	display: inline-block;
	padding: 3px 20px;
	border: 1px solid #fff;
	border-radius: 20px;
	font-style: normal;
	transition: 0.5s;
}

.infous .application li .img a i:hover {
	background: #001f50;
}
.infous .application li .name {
	padding: 10px;
	font-size: 18px;
	transition: 0.5; background: #eaeaea;
}
.infous .application li:hover .name{ background: rgba(0, 153, 255, 0.8);color:#FFFFFF;}

.infousx {
	padding: 30px 0 20px 0;
	overflow: hidden;
	background-image: url(../img/cp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
}
.infousx .applicationx {
	float: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}
.infousx .applicationx ul {
	overflow: hidden;
}
.infousx .applicationx .txt {margin-left:auto; margin-right:auto; width:200px; text-align:center; margin-top:10px;}
.infousx .applicationx .txt a {
	background: #08a24a;
	color: #fff;
	font-size: 16px;
	padding: 8px 20px;
	border-radius: 50px;
}
.infousx .applicationx .txt a:hover {
	padding: 8px 35px;
}
.infousx .applicationx li {
	width:19.2%;
	float: left;
	overflow: hidden;
	margin-bottom: 20px; margin-right:1%;margin-top:20px;
}
.infousx .applicationx li:nth-child(5n){margin-right:0;}
.infousx .applicationx li .img {
	position: relative;
	height: 150px;
	overflow: hidden;
}
.infousx .applicationx li .img img {
	width: 100%;height: 150px;
}
.infousx .applicationx li .img a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	transition: 0.3s;
	background: rgba(0, 153, 255, 0.8);
	color: #fff;
	line-height: 26px;
	transform: translateX(-100%);
}

.infousx .applicationx li .box {
	padding: 20px;
}

.infousx .applicationx li .img a h4 {
	padding: 10px 0;
	font-size: 16px;
}

.infousx .applicationx li .img p {
	padding: 10px 0;
}

.infousx .applicationx li:hover .img a {
	transform: translateX(0);
}

.infousx .applicationx li:hover .img img {
	transform: scale(1.8);
}

.infousx .applicationx li .img a i {
	display: inline-block;
	padding: 3px 20px;
	border: 1px solid #fff;
	border-radius: 20px;
	font-style: normal;
	transition: 0.5s;
}

.infousx .applicationx li .img a i:hover {
	background: #001f50;
}
.infousx .applicationx li .name {
	padding: 10px;
	font-size: 18px;
	transition: 0.5; background: #eaeaea;
}
.infousx .applicationx li:hover .name{ background: rgba(0, 153, 255, 0.8);color:#FFFFFF;}
.infous .aboutUs {
	float: right;
	width: 50%;
	overflow: hidden;
}

.infous .aboutUs .txt {
	padding: 50px 80px;
	background: url(../img/usicon1.jpg) no-repeat 20px 50px #fff;
	line-height: 26px;
}

.infous .aboutUs .txt h4 {
	font-size: 20px;
	padding: 15px 0;
	margin-bottom: 15px;
}

.infous .aboutUs .txt h4:after {
	content: '';
	display: block;
	width: 100px;
	height: 2px;
	background: #08A24A;
	position: relative;
	top: 10px;
}

.infous .aboutUs .txt a {
	background: #08a24a;
	color: #fff;
	font-size: 16px;
	padding: 8px 20px;
	border-radius: 50px;
}

.infous .aboutUs .txt a:hover {
	padding: 8px 35px;
}

.infous .aboutUs .txt p:last-child {
	padding: 20px 0;
}

.producions {
	padding: 40px 0 100px 0;
	overflow: hidden;
	background: url(../img/bj_pros.jpg) no-repeat center top;
}

.producions .indexTit b {
	display: block;
	float: left;
	padding-top: 5px;
}

.producions form {
	float: right;
	height: 34px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 20px;
	width: 260px;
	overflow: hidden;
}

.producions form .search {
	border: none;
	outline: none;
	height: 34px;
	padding: 0 10px;
	width: 190px;
	float: left;
}

.producions form .btn {
	border: none;
	outline: none;
	height: 34px;
	float: right;
	width: 40px;
}

.producions ul {
	padding: 5px;
}

.producions li {
	width: 48.5%;
	float: left;
	overflow: hidden;
	margin-bottom: 30px;
	background-color: #fff;
	padding: 10px;
	box-sizing: border-box;
	transition: 0.4s;
}

.producions li:nth-child(2n) {
	float: right;
}

.producions li .icon {
	width: 15%;
	float: left;
	height: 90px;
	overflow: hidden;
}

.producions li .icon .box {
	width: 90px;
	height: 180px;
}

.producions li .txt {
	padding: 10px;
	box-sizing: border-box;
	float: right;
	width: 84%;
}

.producions li .txt h4 {
	font-size: 20px;
	padding-bottom: 15px;
}

.producions li .txt p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.producions li a {
	display: block;
	padding: 10px;
	line-height: 24px;
	overflow: hidden;
}

.producions li a img {
	margin: 0;
	padding: 0;
}

.producions li:hover {
	border-radius: 10px;
	box-shadow: 0 0 2px 2px #eee;
}

.producions li:hover .box {
	transition: 0.4s;
}
.producions li:hover .box {margin-top: -95px;}
.cases {
	padding: 40px 0 40px 0;
	overflow: hidden;
	background-color: #FFFFFF;
}
.cases .rollBox{ overflow: hidden; margin-top:30px;}
.cases .rollBox ul{ width:9999999px;}
.cases .rollBox li{
	float: left;
	width:218px;
	margin-right:25px;
	padding:4px;
	border: 1px solid #CCCCCC;}
.cases .rollBox li .img{ width:210px;}
.cases .rollBox li .img img{ transition: 0.3s; width:100%; margin:0px; padding:0px;}
.cases .rollBox li:hover{border: 1px solid #08a24a;}
.cases .rollBox li:hover img{ transform: scale(1.0);}
.cases .rollBox li a{ display: block; text-align: center; line-height: 30px;}
.news {
	padding: 40px 0 40px 0;
	overflow: hidden;
	background-color: #f4f3f3;
}
.news ul {
	padding:5px 0;
}
.news ul::after {
	content: '';
	display: block;
	clear: both;
}

.news li {
	width: 32%;
	float: left;
	background-color: #fff; margin-bottom:20px; margin-top:20px;
	transition: 0.5s;box-shadow: 0 0 5px 5px #eee; margin-left:0; margin-right:0;
}
.news li a {display: block;}
.news li:nth-child(2),.news li:nth-child(5) {margin-left:2%; margin-right:2%;}
.news li:hover {
	transform: translateY(-10px);
}
.news li .img {
	height: 240px;
	overflow: hidden;
}

.news li a img {
	width: 100%;
}

.news li a:hover .img img {
	transform: scale(1.1);
}

.news li a:hover {
	box-shadow: 0 0 12px 12px #eee;
}

.news li .txt {
	padding:20px;
	line-height: 24px;
}

.news li .txt p.name {
	font-size: 16px;
	background: url(../img/icon_news.png) no-repeat left 2px;
	padding-left:20px;
}
.news li .txt p.time {
	color: #666;
	padding-top:6px;
	padding-left:20px;
}
.news li .txt .time {color: #666;}
.news .more {
	text-align: center;
	font-size: 40px;
	animation: bounce-down 1s linear infinite;
}

@-webkit-keyframes bounce-down {
	25% {
		-webkit-transform: translateY(-10px);
	}
	50%,
	100% {
		-webkit-transform: translateY(0);
	}
	75% {
		-webkit-transform: translateY(10px);
	}
}

.footer{color:#fff; margin-top:20px;}
.footer .links {overflow: hidden;
	padding: 25px 0;}
.footer .links li {
	width: 12.4%;
	float: left;
}

.footer .links li:last-child {
	text-align: center;
}

.footer .links li a {
	display: block;
	color: #fff;
	width: 60%;
	border-right: 1px solid #ddd;
}

.footer .links li:last-child a {
	border: none;
}

.footer .info {
	overflow: hidden;
}

.footer .info .dress {
	float: left;
	width: 60%;
}

.footer .info .ewm {
	float: right;
}
.footer .info .ewm img { width:140px;}
.footer .dress li {
	width: 50%;
	float: left;
	padding: 5px 0;
	line-height: 24px;
}

.footer .dress li img {
	float: left;
	position: relative;
	top: -5px;
	margin-right: 8px;
}

.footer .copyright {
	text-align: center;
	padding: 15px 0;
	color: #fff; font-size:16px;
}
.fix_help {
	display: none;
}
footer {
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 25px;
	display: block;
	width: 100%;
	background-image: url(../img/fbj.jpg);
	background-position: center top;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
footer a {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	color: #fff!important;
}

footer a:hover {
	color: #95979e!important;
}
footer .foot-box {
	padding: 0;
}

.foot-box .address {
	float: left;
	overflow: hidden;
	width: 52%;
}
.foot-box h2 {
	color: #fff;
	font-size: 18px;
	padding-bottom:10px;
	border-bottom: #fff solid 1px;
	margin-bottom:20px;
}

.foot-box .address h3 {
	color: #fff;
	font-size: 16px;
	font-weight: bold; margin-bottom:6px;
}

.foot-box p {
	font-size: 16px; line-height:30px;
	margin-bottom: 10px;
}
.foot-box p span.space {
	padding: 0 20px;
}

.foot-box .address .addinfo {
	display: flex;
	flex-direction: row;
	border-bottom: #fff solid 0px;
	padding-bottom: 10px;
}

.foot-box .address .addinfo .item:first-child {
	width: 70%;
}

.foot-box .copyright {
	line-height: 24px;
	padding-top: 23px;
}
.foot-box .searchform {
	width: 44%;
	float: right;
}

.foot-box .searchform h2 {
	font-family: arial;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 10px;
}

.foot-box .searchform form {
	padding-top: 0px;
}

.foot-box .searchform input.text {
	border: #fff solid 1px;
	background: none;
	padding:10px 10px;
	font-size: 14px;
	color: #fff;
	margin-bottom: 9px;
}

.foot-box .searchform input.text:first-child {
	width: 46%;
}

.foot-box .searchform input.text:nth-child(2) {
	width: 52%;
	float: right;
}

.foot-box .searchform input.text:nth-child(3) {
	width: 100%;
}

.foot-box .searchform textarea.textarea {
	background: none;
	padding: 10px 10px;
	font-size: 14px;
	border: #fff solid 1px;
	color: #fff;
	width: 100%;
	margin-bottom: 9px;
}

.foot-box .searchform button.button {
	border: #0091c3 solid 1px;
	background: #1eb9ee;
	color: #fff;
	font-size: 18px;
	text-align: center;
	border-radius: 10px;
	height: 40px;
	line-height: 40px;
	width: 170px;
}
.dbt{ width:20px; margin-right:10px; line-height:26px;}
.layui-row:after,.layui-row:before{content:'';display:block;clear:both}
.title{margin-top:0px;line-height:50px;position:relative;font-size:30px;font-weight:bold;padding-bottom:10px; text-align:center; margin-bottom:10px;}
.title a{color:#333;transition:all .3s;font-size:30px}
.title a:hover{color:#08a24a;}
.title:after{position:absolute;bottom:0;left:calc(50% - 40px);width:100px;height:3px;background-color:#08a24a;}
/* indexAbout */
.indexAbout{
	background: url(../images/sy-abt-logo-back.png) no-repeat right bottom 110px;
	position: relative;
}
.sy-abt-back{width:50%;height:100%;text-align:left; float:left;}
.sy-abt-back img{ margin-top:40px; width:100%;}
.sy-abt-backx{
	width: 50%;
	height: 100%;
	position: absolute;
	background: url(../images/sy-abt-img.jpg) no-repeat center top;
	background-size: cover;
	left: 0;
	top: 0;
}
.sy-abt-cont{
	width: 46%;
	float: right;
	padding:40px 0 0 0;
}
.sy-abt-cont .bt-sy-tit,
.sy-abt-cont .bt-sy-sub{
	text-align: left;
}
.abt-num-info{
	border-top:0px solid #e5e4e4;
	margin-top:0px;
	padding-top:15px;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    width: 100%;
}
.abt-num-info .list{
	text-align: center;
}
.abt-num-info .list .txt1{
	font-size: 16px;
	color: #555555;
}
.abt-num-info .list .txt1 span{
	font-family: helev;
	font-size: 40px;
	color: #0068b7;
	line-height: 50px;
}
.abt-num-info .list .txt1 sup{
	font-size: 24px;
	color: #0068b7;
	position: relative;
	top: -15px;
	margin-right: -10px;
}
.abt-num-info .list .txt2{
	font-size: 16px;
	color: #555555;
	line-height: 25px;
	margin-top: 8px;
}
.indexAbout .cont{
	font-size: 16px;
	color: #555555;
	line-height:25px;
	margin-top:15px;
	padding-right:0;
	display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.indexAbout .bt-more1{margin-top:20px; margin-bottom:40px;}
/* 公共 */
.bt-more1{
	display: block;
	width: 152px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border: 1px solid #0068b7;
	border-radius: 50px;
	font-size: 16px;
	color: #0068b7 !important;
}
.bt-more1:hover{
	background-color: #0068b7;
	color: #fff !important;
}
.bt-sy-tit{
	text-align: center;
	font-size: 42px;
	line-height: 48px;
	color: #222222;
}
.bt-sy-sub{
	font-size: 16px;
	color: #222222;
	text-align: center;
	margin-top: 25px;
	line-height: 22px;
}
.container-3{
	background: url("../images/bfbj1.jpg") repeat-y fixed center center rgba(0,0,0,0.6);
    margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	/*background-image: url(../images/bfbj1.jpg);
	background-repeat: no-repeat;
	background-position: center center;*/
}
.con-3-item{
    width: 50%;
    height: 100%;
    float: left;
}
.applied{
    color:#00FF00 !important;
}
.con-3-item-1{
    width: 50%;
    height: 1px;
    float: left;
}
.con-3-item img{
    width: 100%;
}
.h10{
    height: 10px;
    width: 100%;
}
.h20{
    height: 20px;
    width: 100%;
}
.h30{
    height: 30px;
    width: 100%;
}
.h40{
    height: 40px;
    width: 100%;
}
.con-3-1{
    padding-bottom: 3px;
}
.con-pic-last{
    width: auto !important;
}
.clear-box::after{
    content: '';
    display: block;
    clear: both;
    overflow: hidden;
}
.con-3-item{
    position: relative;
    cursor: pointer;
}
.con-3-item:hover .con-3-item-tip{
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
}
.con-3-item-tip{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.498039);
    transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
}
.con-3-item-tip .tip-txt{
    display: table;
    text-align: center;
    width: 80%;
    height: 80%;
    margin-left: 10%;
    margin-top: 8%;
    border: 1px solid #fff;
    overflow: hidden;
}
.con-3-tipbox{
    display: table-cell;
    padding: 30px 20px;
    vertical-align: middle;
}
.con-3-item-tip .tip-txt span{
    line-height: 1.7;
    font-size: 20px;
    color: #fff;
    font-family: Arial;
}
.con-3-item-tip .tip-txt .con-aa{
    line-height: 1.7;
    font-size: 16px;
    color: #fff;
    font-family: Arial;
    padding-top: 20px;
}

.con-3-after{
    display: none;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
    *margin-right: 0px;
    *margin-left: 0px;
}
.container_1200 {
    width: 1200px;
    margin: auto;
}
.col_box {
    *margin-left: 10px;
    *margin-right: 10px;
}
.container_1200:before,
.container_1200:after,
.row:before,
.row:after {
    display: table;
    content: " ";

}
.container_1200:after,
.row:after {
    clear: both;
}
*:before,
*:after,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.col_lg_12 {width: 50%;float: left; position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    *padding-right: 0px;
    *padding-left: 0px;}
.inerPro{width:100%; margin-top:20px; margin-bottom:20px;}
.inerPro aside {
	width: 230px;
	float: left;
	border: 1px solid #eee;
}
.inerPro aside .tit {
	color: #fff;
	text-align: center;
	padding:15px 0;
	background-color: #168E34;
	background-image: url(../images/column-title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.inerPro aside .tit h4 {
	font-size: 28px; line-height:40px;
}
.inerPro aside .scontact {
	line-height: 24px;
	height:115px;
	background-image: url(../images/contact-bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-left:30px;
}
.inerPro aside .scontact .zx {
	font-size:20px;
	color: #fff;
	line-height:36px; letter-spacing:1px;
	background-image: url(../images/contact-tel.png);
	background-repeat: no-repeat;
	background-position: left 24px;
	padding-left:36px; padding-top:20px;font-weight: bold;
}
.inerPro aside .scontact h4 {
	font-size:20px;
	color: #fff;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 5px;
}
.inerPro aside ul {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.inerPro aside ul li {
	line-height: 44px;
	margin-bottom: 10px;
}
.inerPro aside ul li h4 {
	background: #e8e8e8;
	padding-left: 10px;
	font-weight: normal;
	border-radius: 5px;
	transition: 0.2s;
	position: relative;
	font-size: 18px;
}

.inerPro aside ul li h4:hover,
.inerPro aside ul li h4.act {
	background: #17B13D;
	color: #fff;
	cursor: pointer;
}
.inerPro aside ul li h4 em {
	width:16px;
	height:16px;
	line-height:14px;
	text-align: center;
	display: block;
	position: absolute;
	right:10px;
	top: 50%;
	margin-top: -8px;
	font-style: normal;
	background: #17B13D;
	padding:0px;
	color: #fff;
	border-radius: 50%;
	transition: 0.2s;
}

.inerPro aside ul li h4:hover em,
.inerPro aside ul li h4.act em {
	background: #fff;
	color: #17B13D;
}
.inerPro aside ul li .hide a {
	padding-left: 16px;
	font-size: 14px;
	display: block;
	line-height: 34px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.inerPro aside ul li .hide a:hover,.inerPro aside ul li .hide a.cc {font-size: 14px; font-weight:bold;color: #17B13D;}
.inerPro aside ul li .hide {
	display: none;
}
.inerPro .proBox,
.inerPro .inerProdetail {
	width: 940px;
	float: right;
}
.inerPro .proBox ul {
	width: 940px;
}
.inerPro .proBox li {
	float: left;
	width: 32%;
	margin-right:2%;
	margin-bottom: 20px;
}
.inerPro .proBox li:nth-child(3n) {margin-right:0;}
.inerPro .proBox li a {
	display: block;
	overflow: hidden;
	text-align: center;
}
.inerPro .proBox li .img {
	border: 1px solid #eee;
	height: 240px;
	padding: 2px;
	overflow: hidden;
	margin-bottom: 10px;
}
.inerPro .proBox li a:hover img {
	transform: scale(1.1);
}
.inerPro .proBox li .name {
	height: 60px; font-size:16px;
	background: #e8e8e8;
	line-height: 60px;
	transition: 0.2s;
	position: relative;
}
.inerPro .proBox li .name em {
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	bottom: -20px;
	left: 50%;
	border-radius: 50%;
	color: #fff;
	border:1px solid #fff;
	line-height:14px;
	font-style: normal;
	transition: 0.2s;
	margin-left:-8px;
}
.inerPro .proBox li a:hover .name {
	background: #17B13D;
	color: #fff;
	line-height: 40px;
}
.inerPro .proBox li a:hover em {
	bottom: 10px;
}
.inerProdetail .shows {
	padding: 10px 0 20px 0;
	overflow: hidden;
}
.inerProdetail .left {
	width: 45%;
	float: left;
	text-align: center;
}
.inerProdetail .left .swiper-button-next,
.inerProdetail .left .swiper-button-prev {
	display: none;
}
.inerProdetail .text {
	width: 50%;
	float: right;
}
.inerProdetail .text {
	line-height:24px;
	color: #666;
}
.inerProdetail .text h4 {
	font-size: 26px;
	color: #17B13D;
	padding: 20px 0;
}
.inerProdetail .text b {
	font-size:18px;
	color: #17B13D;
}
.inerProdetail .text a.txtx{width:200px; height:40px; line-height:40px;text-align:center;margin-top:10px;float:left; margin-right:20px;background: #08a24a;border-radius:50px;color: #fff;font-size:16px;}
.inerProdetail .text a.txtx:hover{width:220px;}
.inerProdetail .text a.txty{width:200px;height:40px;line-height:40px;text-align:center;margin-top:10px;float:left;margin-right:20px;background:#ecb010;border-radius:50px;color: #fff;font-size:16px;}
.inerProdetail .text a.txty:hover{width:220px;}
.inerProdetail .text .tipsx {
	border-top: 1px solid #eee;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.inerProdetail .text .tips {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	margin:10px 0;
}
.gallery-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4; float:left;
	border: 1px solid #ddd;
	box-sizing: border-box; margin-top:20px;
}
.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border: 1px solid #17B13D;
}
.gallery-thumbs {position: relative;padding-top:0px;}
.gallery-thumbs .bnt {
	width: 20px;
	height: 40px;
	position: absolute;
	display: block;
	z-index: 2;
	background: rgba(0, 0, 0, 1);
	top: 15px;
	color: #fff;
	font-family: arial;
	line-height: 40px;
	font-size: 16px;
	cursor: pointer;
	opacity: 0.3;
}

.gallery-thumbs .bnt.next {
	right: 0;
}

.gallery-thumbs .bnt:hover {
	opacity: 0.6;
}

.inerProdetail .tabs {
	padding: 20px 0;
}

.inerProdetail .tabname {
	border-bottom: 1px solid #eee;
	overflow: hidden;
	background: #f5f5f5;
}

.inerProdetail .tabname li {
	float: left;
	line-height: 44px;
	padding: 0 60px;
	cursor: pointer;
	font-size: 16px;
	border-right: 1px solid #fff;
}

.inerProdetail .tabname li:hover,
.inerProdetail .tabname li.act {
	background: #168E34;
	color: #fff;
}

.inerProdetail .list {
	padding: 20px 0;
	line-height: 26px;
	display: none;
}
.inerProdetail .list iframe {
	height: 600px;
}
.inerProdetail .list li {float: left;text-align: center;width:23.5%; margin-right:2%; margin-bottom:20px;}
.inerProdetail .list li:nth-child(4n) {margin-right:0;}
.inerProdetail .list li img {float: left;border: 1px solid #eee;padding:5px;}
.inerProdetail .list li img:hover {transform: scale(1.1);}
.inerProdetail .list li .name {line-height: 28px;}
.inerProdetail .list li a {
	display: block;
}	
.innerBaner{
	width:100%;
	padding:0px;
	margin-top: 90px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px; z-index:0;
}
.innerBaner img{ width:100%; border:0px; padding:0px; margin:0px;}
.website{
	height: 59px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.website span{
	float: right;
	background-image: url(../images/wz.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;line-height: 59px;
}
.website li{ float: left;text-align: center; }
.website li a{
	line-height: 59px;
	display: block;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
	border-bottom-width:0px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	border-right-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ddd;
	border-left-color: #ddd;
}
.website li a:hover,.website li a.act{
	color: #17B13D;line-height: 55px;
	padding-left:10px;
	padding-right:10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #17B13D; font-weight:bold;
}
.website .bar.fixed{ position: fixed; width: 100%; top: 0; left: 0; background: #f5f5f5;  z-index: 50; box-shadow: 0 0 5px #9999;}
.infoyy{
	font-size:14px;
	line-height: 28px;
	min-height:200px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
.froms {background: #e6f0f8; margin-bottom:40px; margin-left:20px; margin-right:20px;}
.froms .mess{box-shadow: 0 4px 30px rgb(0 74 133 / 20%); padding:20px;}
.froms .mess input {
	height: 44px;
	border: 1px solid #eee;
	margin: 5px 0;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	outline: none;
	background-color:#f7f7f7;
}
.froms .mess p {
	float: left;
	width: 48%;
	padding:5px 0; margin-left:1%; margin-right:1%;
}
.froms .mess .red {
	border: 1px solid #ff9292;
}
.froms .mess textarea {
	height: 84px;
	border: 1px solid #eee;
	margin: 5px 0;
	width: 100%;
	padding:5px;
	box-sizing: border-box;
	outline: none;background-color:#f7f7f7;
}
.froms .mess .submit {
	background:#08a24a;
	color: #fff;
	font-size: 20px;
	width:240px;
	margin-left:40%;border-radius:10px;
}

.innertit {
	text-align: left;
	font-size: 14px;
	text-transform: capitalize;
	padding-bottom: 20px;
}

.innertit h2 {
	font-size:30px;
	padding: 10px 0;
	color: #17B13D;
}
.about_us .info {text-align: left; padding-right:300px;}
.about_us .info p {padding:5px 0;}
.about_us .honor {
	padding:40px 0;
	margin-top:0px; width:1200px; margin-left:auto; margin-right:auto;
}
.about_us .honor .left {
	width: 260px;
	float: left;
}

.about_us .honor .left .innertit {
	text-align: left;
}

.about_us .honor .left .txt li {
	display: none;
	line-height: 26px;
}

.about_us .honor .left .btn {
	padding-top: 100px;
}

.about_us .honor .left .btn span {
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	display: inline-block;
	background: #999;
	cursor: pointer;
	transition: 0.2s;
}

.about_us .honor .left .btn span.pre,
.inerUs .honor .left .btn span:hover {
	background: #17B13D;
}

.about_us .honor .right {
	width: 846px;
	float: right;
	overflow: hidden;
}

.about_us .honor .right ul {
	width: 99999px;
}

.about_us .honor .right ul li {
	overflow: hidden;
	width: 846px;
	float: left;
}

.about_us .honor .right .list {
	width: 262px;
	float: left;
	margin-left: 20px;
	text-align: center;
	font-size: 18px;
}

.about_us .honor .right .list img {
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
.partners {
	padding:40px 0;
}
.partners ul {
	width: 1240px;
}
.partners li {
	width: 178px;
	border: 1px solid #ddd;
	float: left;
	margin: 0 18px 20px 0;
	transition: 0.2s;
}
.partners li:hover {
	box-shadow: 0 0 10px #aaa;
}

.product_category {
        position: relative;
        padding: 17px 0; margin-left:auto; margin-right:auto;
      }
      .product_category .item-box {
      }
      .product_category .item-box > img {
        visibility: hidden;
        opacity: 0;
        display: block;
        width:30%;
      }
      .product_category .box-list {
        /*position: absolute; top:7px;left: 0; */
        height: 100%;
        overflow: hidden;
        font-size: 0;
      }
      .product_category .box-list .list-item {
        position: relative;
        display: inline-block;
        width: 14%;
        height: 100%;
        border-right: 5px solid #fff;
        overflow: hidden;
        -webkit-transition: width 0.8s;
        -o-transition: width 0.8s;
        -moz-transition: width 0.8s;
        transition: width 0.8s;
      }
      .product_category .box-list .item-body {
        position: absolute;
        bottom: 50%;
        left: 0;
        width: 100%;
        padding-bottom: 15px;
        font-size: 34px;
        text-align: center;
        color: #fff;
        -webkit-transition: all 0.8s;
        -o-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
        font-weight: normal;
      }

      .product_category .box-list .item-backdrop {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.6);
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-transition: all 0.8s;
        -o-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
        overflow: hidden;
        width: 0;
      }
      .product_category .box-list .item-backdrop .item-info {
        padding: 20px 5%;
      }
      .product_category .box-list .item-backdrop .item-title {
        font-size: 34px;
        margin-bottom: 29px;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: normal;
        text-align: left;
      }
      .product_category .box-list .item-backdrop .item-title,
      .product_category .box-list .item-backdrop .item-title a {
        color: #fff;
      }
      .product_category .box-list .item-backdrop .item-desc {
        font-size: 16px;
        line-height: 30px;
        max-height: 500px;
        margin-bottom: 43px;
        column-count: 2;
        text-align: left;
      }
      .product_category .box-list .item-backdrop .item-desc,
      .product_category .box-list .item-backdrop .item-desc a {
        color: #fff;
      }
      .product_category .box-list .item-backdrop .index-btn {
        border-color: #fff;
        color: #fff;
      }

      .product_category .box-list .list-item .item-pic img {
        max-width: none;
        height: 100%;
        width: auto !important;
      }
      .product_category .box-list .list-item.active {
        width: 30%;
      }
      .product_category .box-list .list-item:hover .item-body {
        bottom: -200px;
      }
      .product_category .box-list .list-item:hover .item-backdrop {
        width: 100%;
      }
.newDetail{ padding:20px 0; overflow: hidden; width:1200px; margin-left:auto; margin-right:auto;}
.newDetail .tit{ font-size: 20px; padding: 20px 0 ; text-align: center; font-size: 34px; font-weight: normal; color: #333;}
.newDetail .tips{
	text-align: center;
	border-bottom: 1px solid #ddd;
	color: #999;
	line-height: 40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.newDetail .content{ line-height:28px; padding:10px 0;}
.newDetail .content p { padding: 8px 0;}
.newDetail .content  img{ max-width:1000px; text-align:center;}
.newDetail .updown{ border-top: 1px solid #ddd; padding: 10px 0; position: relative;}
.newDetail .updown p { padding: 5px 0;}
.newDetail .updown .back{ width:100px; height: 44px; display: block; position: absolute; right: 0; text-align: center; line-height: 44px; font-size: 16px;  background: #007dc6; color: #fff;border-radius:5px;}
.newDetail .updown .back:hover{ border-radius:15px;}