.header {

	width: 100%;

	height: 100px;

	position: fixed;

	left: 0;

	top: 0;

	background: #fff;

	z-index: 10001000;

}



.kx {

	width: 100%;

	height: 100px;

}



.header .head {

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

}



.header .head .logo {

	float: left;

	margin-top: 23px;

}



.header .head .right {

	float: right;

}



.header .head .right .nav {

	float: left;

}



.header .head .right .nav a {

	margin: 0 16px;

	line-height: 100px;

	font-size: 16px;

	color: #333;

	position: relative;

	display: block;

	float: left;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



.header .head .right .nav a.act {

	color: #1aac41;
	margin-left: 35px

}



.header .head .right .nav a.act:before {

	position: absolute;

	left: -25px;

	top: 50px;

	width: 19px;

	height: 1px;

	background: #1aac41;

	content: ' ';

}



.header .head .right .nav a:hover {

	color: #1aac41;
	margin-left: 35px

}



.header .head .right .nav a:hover::before {

	position: absolute;

	left: -25px;

	top: 50px;

	width: 19px;

	height: 1px;

	background: #1aac41;

	content: ' ';

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



.header .head .right .tell {

	float: right;

	font-size: 18px;

	color: #1aac41;

	line-height: 100px;

}



.header .head .right .tell img {

	margin: 0 10px;

	vertical-align: middle;

}



.sj_head {

	display: none;

}



.sj_nav {

	display: none;

}



.banner {

	display: block;

	width: 100%;

	overflow: hidden;

}



.banner img {

	display: block;

	width: 100%;

}



.banner .swiper-pagination-bullet {

	background: #fff;

	width: 52px;

	height: 2px;

	border-radius: 0;

}



.banner .swiper-pagination-bullet-active {

	background: #fff;

}



.banner_ny {

	width: 100%;

	height: 200px;

	position: relative;

}

.banner_ny  .dqwz{

	position: absolute;

	left: 50%;

	bottom: 0;

	width: 1200px;

	margin-left: -600px;

	height: 40px;

	line-height: 40px;

	vertical-align: middle;

	text-align: right;

	font-size: 14px;

	color: #fff;

}

.banner_ny  .dqwz a{

	font-size: 14px;

	color: #fff;

}

.banner_ny  .dqwz img{

	vertical-align: middle;

}

.sj_banner {

	display: none;

}



.sj_banner_ny {

	display: none;

}



.fix_right {

	width: 65px;

	position: fixed;

	right: 0;

	top: 50%;

	z-index: 999999;

	display: block;

	border-radius: 30px;

}



.fix_right ul li {

	width: 65px;

	height: 49px;

	margin-bottom: 1px;

	transition: all 0.5s ease 0s;

	background: rgba(0, 0, 0, .5);

	position: relative;

}



.fix_right ul li:first-child {

	border-radius: 40px 40px 0 0

}



.fix_right ul li:last-child {

	border-radius: 0 0 40px 40px

}



.fix_right ul li img {

	display: block;

	margin: 15px 0 0 23px;

	float: left;

}



.fix_right ul li .box {

	position: absolute;

	right: -90px;

	top: 0;

	transition: 1s all;

	z-index: 1000;

}



.fix_right ul li:nth-of-type(2) .box {

	right: -211px;

	width: 211px;

	height: 49px;

	background: rgba(0, 0, 0, .5);

}



.fix_right ul li:nth-of-type(2) .box img {

	margin-top: 16px;

	margin-left: 10px;

}



.fix_right ul li:nth-of-type(2):hover .box {

	right: 0px;

}



.fix_right ul li:nth-of-type(2):hover a img {

	display: none

}



.fix_right ul li:nth-of-type(3) .box {

	width: 89px;

}



.fix_right ul li:nth-of-type(3) .box img {

	display: block;

	width: 100%;

}



.fix_right ul li .box img {

	margin: 0;

}



.fix_right ul li:hover .box {

	right: 65px;

}



.danmu {

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

	padding-left: 40px;

	box-sizing: border-box;

	position: relative;

	height: 77px;

	line-height: 77px;

}



.danmu img {

	position: absolute;

	left: 0;

	top: 28px;

	display: block;

}



.danmu .danmu_box {

	margin-top: 18px;

	height: 40px;

	line-height: 40px;

	float: left;

}



.danmu .danmu_box a {

	display: block;

	height: 40px;

	line-height: 40px;

	font-size: 16px;

	color: #333;

	overflow: hidden;

}



.index1 {

	width: 100%;

}



.index1 .index1_ {

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

}



.index1 .index1_ .left {

	width: 50%;

	float: left;

	padding-top: 88px;

	padding-bottom: 88px;

	padding-right: 100px;

	box-sizing: border-box;

}



.index1 .index1_ .left h1 {

	line-height: 40px;

	height: 40px;

	overflow: hidden;

	font-size: 26px;

	color: #333;

	font-weight: bold;

}



.index1 .index1_ .left p {

	font-size: 16px;

	color: #666;

	line-height: 28px;

	text-indent: 2em;

	margin-top: 30px;

	height: 196px;

	overflow: hidden;

}



.index1 .index1_ .right {

	float: right;

	display: none;

	width: 50%;

}



.index1 .index1_ .left .ck_box {

	margin-top: 86px;

	margin-bottom: 0;

	float: left;

}



.ck_box {

	width: 180px;

	height: 44px;

	display: block;

	margin: 50px auto 0;

	position: relative;

	background: #000;

	z-index: 10000;

}



.ckgd {

	width: 180px;

	height: 44px;

	display: block;

	font-size: 14px;

	color: #fff;

	text-align: center;

	line-height: 44px;

	position: relative;

	z-index: 100000;

}



.ck_box::before {

	width: 2px;

	height: 44px;

	content: '';

	position: absolute;

	background: #1aac41;

	display: block;

	transition: .8s all;

	left: 0;

	top: 0;

}



.ck_box:hover:before {

	width: 100%;

}



.index2 {

	width: 100%;

	background: #f8f8f8;

	padding: 110px 0;

	box-sizing: border-box;

}



.index2 .index2_ {

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

}



.index2 .index2_ ul li {

	width: 16.66666%;

	float: left;

	padding: 0 18px;

	box-sizing: border-box;

}



.index2 .index2_ ul li .img {

	width: 40px;

	height: 40px;

	margin: 0 auto;

}



.index2 .index2_ ul li h2 {

	line-height: 54px;

	height: 54px;

	overflow: hidden;

	text-align: center;

	font-size: 18px;

	color: #333;

	margin-top: 8px;

}



.index2 .index2_ ul li span {

	width: 17px;

	height: 1px;

	display: block;

	margin: 0 auto;

	background: #999999;

}



.index2 .index2_ ul li p {

	margin-top: 15px;

	line-height: 20px;

	height: 60px;

	font-size: 14px;

	color: #666;

	overflow: hidden;

}



.index3 {

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

	padding: 65px 0;

	box-sizing: border-box;

}



.index3 .title {

	width: 100%;

	line-height: 24px;

	font-size: 24px;

	font-weight: bold;

	text-align: center;

	color: #333;

}



.index3 .xxk_top {

	width: 100%;

	text-align: center;

	margin-top: 30px;

}



.index3 .xxk_top a {

	height: 40px;

	margin: 0 27px;

	line-height: 40px;

	border-bottom: 1px solid transparent;

	display: -webkit-inline-box;

}



.index3 .xxk_top a:hover {

	color: #1aac41;

	border-bottom: 1px solid #1aac41;

}



.index3 .xxk_top a.act {

	color: #1aac41;

	border-bottom: 1px solid #1aac41;

}



.index3 .xxk_bottom {

	width: 100%;

	margin-top: 35px;

}



.index3 .xxk_bottom .xxk {

	width: 100%;

	display: none;

}



.index3 .xxk_bottom .xxk.block {

	display: block;

}



.index3 .xxk_bottom .xxk ul li {

	width: 32%;

	float: left;

	margin-right: 2%;

}



.index3 .xxk_bottom .xxk ul li:nth-of-type(3n) {

	margin-right: 0;

}



.index3 .xxk_bottom .xxk ul li .img {

	overflow: hidden;

}



.index3 .xxk_bottom .xxk ul li .img img {

	display: block;

	width: 100%;

}



.index3 .xxk_bottom .xxk ul li h3 {

	margin-top: 15px;

	line-height: 55px;

	height: 55px;

	font-size: 16px;

	color: #333;

	overflow: hidden;

}



.index3 .xxk_bottom .xxk ul li:hover h3 {

	color: #1aac41;

}



.index3 .xxk_bottom .xxk ul li p {

	line-height: 22px;

	height: 66px;

	overflow: hidden;

	font-size: 14px;

	color: #666;

}



.index4 {

	width: 100%;

}



.index4 .left {

	width: 50%;

	height: 600px;

	float: left;

}



.index4 .left ul li {

	height: 600px;

	width: 100%;

	display: none;

}



.index4 .left ul li.block {

	display: block;

}



.index4 .right {

	width: 50%;

	float: right;

	padding: 0 19% 0 100px;

	box-sizing: border-box;

	background: #090909;

	height: 600px;

}



.index4 .right h4 {

	margin-top: 55px;

	line-height: 60px;

	font-size: 24px;

	font-weight: bold;

	color: #fff;

}



.index4 .right ul {

	margin-top: 20px;

}



.index4 .right ul li {

	width: 48%;

	height: 42px;

	float: left;

	margin-top: 20px;

	border: 1px solid #fff;

	box-sizing: border-box;

	text-align: center;

	line-height: 40px;

	font-size: 16px;

	color: #fff;

	cursor: pointer;

}



.index4 .right ul li:hover {

	background: #1aac41;

}



.index4 .right ul li.act {

	background: #1aac41;

}



.index4 .right ul li a {

	font-size: 16px;

	color: #fff;

}



.index4 .right ul li:nth-of-type(2n) {

	float: right;

}



.index4 .right div.case_xxk {

	display: none;

}



.index4 .right div.case_xxk.block {

	display: block;

}



.index4 .right div {

	margin-top: 20px;

}



.index4 .right div a {

	display: block;

	width: 48%;

	float: left;

	line-height: 40px;

	font-size: 16px;

	color: #fff;

	height: 40px;

	overflow: hidden;

}



.index4 .right div a:nth-of-type(2n) {

	float: right;

}



.index5 {

	width: 100%;

}



.index5 .index5_ {

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

	padding: 60px 0;

	box-sizing: border-box;

}



.index5 .index5_ .left {

	float: left;

	width: 50%;

}



.index5 .index5_ .left h4 {

	line-height: 44px;

	font-size: 30px;

	color: #fff;

}



.index5 .index5_ .left p {

	line-height: 44px;

	font-size: 23px;

	color: #fff;

}



.index5 .index5_ .right {

	width: 50%;

	float: right;

	padding-left: 100px;

	box-sizing: border-box;

}



.index5 .index5_ .right p {

	font-size: 18px;

	color: #fff;

	line-height: 50px;

}



.index5 .index5_ .right a {

	width: 132px;

	height: 35px;

	background: #1aac41;

	font-size: 14px;

	color: #fff;

	text-align: center;

	line-height: 35px;

	display: block;

}



.index6 {

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

	padding: 0px 0 100px;

	box-sizing: border-box;

}



.index6 .title {

	width: 100%;

	line-height: 24px;

	font-size: 24px;

	font-weight: bold;

	text-align: center;

	color: #333;

	padding: 60px 0;

	box-sizing: border-box;

}



.index6 .index6_ {

	padding-bottom: 50px;

	box-sizing: border-box;

	position: relative;

}



.index6 .index6_ .swiper-wrapper {

	width: 100%;

	background: #e5e5e5;

}



.index6 .index6_ img {

	display: block;

	width: 100%;

}



.index6 .index6_ .swiper-button-prev {

	background: url(../img/left.png);

	left: 45%;

	bottom: -50px;

	top: auto;

	width: 50px;

	height: 43px;

	margin-top: 0;

}



.index6 .index6_ .swiper-button-next {

	background: url(../img/right.png);

	right: 45%;

	bottom: -50px;

	top: auto;

	width: 50px;

	height: 43px;

	margin-top: 0;

}



.index6 .index6_ .swiper-button-prev:hover {

	background: url(../img/left1.png);

}



.index6 .index6_ .swiper-button-next:hover {

	background: url(../img/right1.png);

}



.index7 {

	background: #f8f8f8;

	width: 100%;

}



.index7 .title {

	width: 100%;

	line-height: 24px;

	font-size: 24px;

	font-weight: bold;

	text-align: center;

	color: #333;

	padding: 60px 0;

	box-sizing: border-box;

}



.index7 .index7_ {

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

}



.index7 .index7_ .index7_nr {

	position: relative;

	width: 100%;

}



.index7 .index7_ .index7_nr .img {

	overflow: hidden;

	position: relative;

}



.index7 .index7_ .index7_nr .img img {

	display: block;

	width: 100%;

}



.index7 .index7_ .index7_nr .img .box {

	width: 54px;

	height: 54px;

	position: absolute;

	right: 15px;

	top: 0;

	background: #000;

	text-align: center;

}



.index7 .index7_ .index7_nr .img .box span {

	font-size: 26px;

	color: #fff;

	line-height: 30px;

	font-weight: bold;

}



.index7 .index7_ .index7_nr .img .box p {

	font-size: 12px;

	line-height: 24px;

	color: #fff;

	text-align: center;

}



.index7 .index7_ .index7_nr .zi h3 {

	margin-top: 15px;

	line-height: 55px;

	height: 55px;

	font-size: 16px;

	color: #333;

	overflow: hidden;

}



.index7 .index7_ .index7_nr .swiper-slide:hover h3 {

	color: #1aac41;

}



.index7 .index7_ .index7_nr .zi p {

	line-height: 22px;

	height: 66px;

	overflow: hidden;

	font-size: 14px;

	color: #666;

}



.index7 .index7_ .swiper-button-prev {

	background: none;

	left: -85px;

	width: 52px;

	height: 53px;

	margin-top: -75px;

}



.index7 .index7_ .swiper-button-next {

	background: none;

	right: -85px;

	width: 52px;

	height: 53px;

	margin-top: -75px;

}



.index7 {

	padding-bottom: 50px;

	box-sizing: border-box;

}



.footer {

	width: 100%;

	background: #111;

}



.footer .footer_top {

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

	padding-bottom: 20px;

	box-sizing: border-box;

}



.footer .footer_top .left {

	width: 805px;

	float: left;

}



.footer .footer_top .left .top {

	line-height: 88px;

	height: 89px;

	border-bottom: 1px solid #7b7b7a;

	box-sizing: border-box;

	font-size: 16px;

	color: #ccc;

}



.footer .footer_top .left .top a {

	font-size: 16px;

	color: #ccc;

}



.footer .footer_top .left .top a:hover {

	color: #1aac41;

}



.footer .footer_top .left .bottom {

	width: 100%;

}



.footer .footer_top .left .bottom .zuo {

	width: 535px;

	float: left;

}



.footer .footer_top .left .bottom h3 {

	line-height: 44px;

	margin-top: 30px;

	font-size: 16px;

	color: #ccc;

}



.footer .footer_top .left .bottom p {

	line-height: 25px;

	font-size: 14px;

	color: #ccc;

}



.footer .footer_top .left .bottom a {

	line-height: 25px;

	font-size: 14px;

	color: #ccc;

	margin-right: 7px;

	word-break: keep-all;

	white-space: nowrap;

}



.footer .footer_top .left .bottom .you {

	width: 270px;

	float: left;

}



.footer .footer_top .right {

	width: 395px;

	float: right;

}



.footer .footer_top .right img {

	display: block;

	margin: 89px auto 0;

	width: 154px;

}



.footer .footer_top .right p {

	line-height: 60px;

	text-align: center;

	font-size: 14px;

	color: #fff;

}



.footer .footer_bottom {

	width: 100%;

	height: 63px;

	line-height: 63px;

	text-align: center;

	font-size: 14px;

	color: #999;

	background: #000

}



.fix_footer {

	display: none;

}



.kx3 {

	display: none;

}







.case{

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

}



.case .top{

	width: 100%;

}

.case .top ul li{

	width: 14.2857%;

	float: left;

	padding: 22px 0;

	box-sizing: border-box;

	border-bottom: 1px solid #e5e5e5;

}

.case .top ul li a{

	width: 100%;

	font-size: 16px;

	color: #333;

	line-height: 16px;

	margin: 0;

	padding: 0;

	border-right: 1px dashed #e5e5e5;

	box-sizing: border-box;

	display: block;

	text-align: center;	

}

.case .top ul li:last-child a{

	border-right: 0;

}

.case .top ul li.act{

	border-color: #1aac41;

}



.case .top ul li.act a{

	color: #1aac41;

} 

.case .top ul li:hover{

	border-color: #1aac41;

}



.case .top ul li:hover a{

	color: #1aac41;

} 



.case .bottom{

	width: 100%;

	padding-top: 10px;

	box-sizing: ;

}

.case .bottom ul li{

	width: 49%;

	float: left;

	margin-top: 30px;

	box-shadow: 0px 3px 7px 0px #999

}

.case .bottom ul li:nth-of-type(2n){

	float: right;

}

.case .bottom ul li .img{

	width: 100%;

	overflow: hidden;

	

}

.case .bottom ul li .img img{

	display: block;

	width: 100%;

	transition: .8s all;

}

.case .bottom ul li p{

	line-height: 72px;

	height: 72px;

	overflow: hidden;

	text-align: center;

	font-size: 16px;

	color: #333;

}

.case .bottom ul li:hover .img img{

	transform: scale(1.2);

}

.case .bottom ul li:hover p{

	color: #1aac41;

}

.fenye {

	padding: 60px 0 60px;

	box-sizing: border-box;

	text-align: center;

}



.fenye a {

	font-size: 14px;

	color: #333;

	padding: 10px 17px;

	box-sizing: border-box;

	background: #eee;

	margin: 0 5px;

}



.fenye a:hover {

	background: #1aac41;

	color: #fff;

}



.fenye a.act {

	background: #1aac41;

	color: #fff;

}





.case_xq{

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

}

.case_xq .title{

	width: 100%;

	line-height: 90px;

	height: 90px;

	overflow: hidden;

	border-bottom: 1px solid #e5e5e5;

	text-align: center;

	font-size: 24px;

	color: #333;

}

.case_xq  .xiangqing{

	padding: 20px 0 0;

	box-sizing: border-box;

}

.case_xq  .xiangqing p{

	font-size: 14px;

	color: #333;

	line-height: 28px;

	text-indent: 2em;

}

.case_xq  .xiangqing img{

	max-width: 100%;

	min-width: auto;

	display: block;

	margin: 10px auto;

}

.case_xq  .xiangqing video{

	max-width: 100%;

	min-width: auto;

	display: block;

	margin: 10px auto;

}

.fanye {

	padding: 38px 0;

	box-sizing: border-box;

}



.fanye a {

	display: block;

	width: 100%;

	height: 28px;

	line-height: 28px;

	color: #333;

	font-size: 14px;

	overflow: hidden;
	text-align: center;

}

.fanye a:hover{

	color: #1aac41;

}







.product{

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

}



.product .top{

	width: 100%;

}

.product .top ul li{

	width: 25%;

	float: left;

	padding: 22px 0;

	box-sizing: border-box;

	border-bottom: 1px solid #e5e5e5;

}

.product .top ul li a{

	width: 100%;

	font-size: 16px;

	color: #333;

	line-height: 16px;

	margin: 0;

	padding: 0;

	border-right: 1px dashed #e5e5e5;

	box-sizing: border-box;

	display: block;

	text-align: center;	

}

.product .top ul li:last-child a{

	border-right: 0;

}

.product .top ul li.act{

	border-color: #1aac41;

}



.product .top ul li.act a{

	color: #1aac41;

} 

.product .top ul li:hover{

	border-color: #1aac41;

}



.product .top ul li:hover a{

	color: #1aac41;

} 



.product .bottom{

	width: 100%;

	padding-top: 10px;

	box-sizing: ;

}

.product .bottom ul li{

	width: 32%;

	float: left;

	margin-top: 26px;

	margin-right: 2%;

}

.product .bottom ul li:nth-of-type(3n){

	margin-right: 0;

}

.product .bottom ul li .img{

	width: 100%;

	overflow: hidden;

	

}

.product .bottom ul li .img img{

	display: block;

	width: 100%;

	transition: .8s all;

}

.product .bottom ul li p{

	line-height: 70px;

	height: 70px;

	overflow: hidden;

	text-align: center;

	font-size: 16px;

	color: #333;

	background: #f7f7f7;

}

.product .bottom ul li:hover .img img{

	transform: scale(1.2);

}

.product .bottom ul li:hover p{

	background: #1aac41;

	color: #fff;

}

.product_xq{

	max-width: 1200px;

	min-width: 320px;

	margin: 0 auto;

}

.product_xq .title{

	padding: 35px 0;

	box-sizing: border-box;

}

.product_xq .title h2{

	line-height: 45px;

	height: 45px;

	font-size: 24px;

	color: #333;

	text-align: center;

}

.product_xq .title p{

	line-height: 30px;

	text-align: center;

	font-size: 14px;

	color: #666;

	padding: 10px 0;

	box-sizing: border-box;

	text-align: center;

}



.product_xq .one{

	max-width: 804px;

	min-width: 320px;

	margin: 0 auto;

}





.product_xq .one img{

	display: block;

	width: 100%;

}

.product_xq .one   .gallery-top {

     

      width: 70%;

      float: left;

      height: 420px;

}

.product_xq .one   .gallery-top .swiper-slide{

	height: 420px;

}

.product_xq .one   .gallery-thumbs {

      height: 420px;

      box-sizing: border-box;

      margin: 0 0 17px 0;float: right;

      width: 28%;

      float: right;

      overflow: hidden;

    }

.product_xq .one  .gallery-thumbs .swiper-slide {

      height: 100%;

      opacity: 1;

      overflow: hidden;

       border: 2px solid transparent;

       box-sizing: border-box;

}

.product_xq .one   .gallery-thumbs .swiper-slide-thumb-active {

      opacity: 1;

      border: 2px solid #1aac41;

}

.product_xq .two{

	width: 100%;

}

.product_xq .two h3{

	line-height: 70px;

	font-size: 24px;

	color: #1aac41;

}

.product_xq .two p{

	font-size: 14px;

	color: #333;

	line-height: 28px;

}

.product_xq .two h4{

	font-size: 24px;

	color: #333;

	line-height: 70px;

}

.product_xq .two img{

	display: block;

	max-width: 100%;

	min-width: auto;

	margin-top:10px ;

}





.serve{

	max-width: 1240px;

	min-width: 320px;

	margin: 0 auto;

	padding: 60px 20px;

	box-sizing: border-box;

}

.serve ul li{

	width: 100%;

}



.serve ul li .left{

	float: left;

	width: 50%;

	position: relative;

	overflow: hidden;

}

.serve ul li .left img{

	display: block;

	width: 100%;

	transition: .8s all;

}

.serve ul li:hover img{

	transform: scale(1.2);

}

.serve ul li .right{

	width: 50%;

	float: right;

	padding: 25px 40px;

	box-sizing: border-box;

}

.serve ul li .right h1{

	line-height: 80px;

	font-size: 24px;

	color: #333;

	position: relative;

}

.serve ul li .right h1:before{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 20px;

	height: 3px;

	content: ' ';

	background: #1aac41;

}

.serve ul li .right p{

	font-size: 14px;

	color: #333;

	line-height: 28px;

	height: 84px;

	overflow: hidden;

	margin-top: 30px;

}



.serve ul li .left:before{

	content: '';

    position: absolute;

    top: 50px;

    right: 0;

    border-width: 18px;

    border-style: solid;

    border-color: transparent #fff transparent transparent;

    z-index: 99;

}

 .serve ul li:nth-of-type(2n) .left{

 	float: right;

 	

 }  

 .serve ul li:nth-of-type(2n) .right{

 	float: left;

 	padding-left: 0;

 }  

.serve ul li:nth-of-type(2n) .left:before{

	    content: '';

    position: absolute;

    top: 50px;

    left: 0;

    right: auto;

    border-width: 18px;

    border-style: solid;

    border-color: transparent transparent transparent #fff;

    z-index: 99;

}



.about{

	max-width: 1240px;

	min-width: 320px;

	padding: 60px 20px;

	box-sizing: border-box;

	margin: 0 auto;

}



.about .title{

	width: 100%;

	text-align: center;

}

.about .title h1{

	font-size: 24px;

	color: #333;

	line-height: 26px;

}

.about .title p{

	font-size: 16px;

	color: #ccc;

	padding: 15px 0;

	line-height: 20px;

	box-sizing: border-box;

	text-transform: uppercase

	

}

.about .title span{

	width: 28px;

	height: 2px;

	display: block;

	margin: 0 auto;

	background: #1aac41;

}







.about .gywm{

	width: 100%;

	margin: 50px auto 0;

	background: #f6f6f6;

	position: relative;

}

.about .gywm .right{

	width:50%;

	float: right;

	padding: 30px 40px;

	box-sizing: border-box;

	color: #fff;

}

.about .gywm .right p{

	font-size: 16px;

	line-height: 28px;

	color: #333;

	text-indent: 2em;

}

.about .gywm .left{

	width:50%;

	float: left;

	position: absolute;

	left:0;

	top:0;

	height:100%;

}



.contact{

	max-width: 1240px;

	min-width: 320px;

	margin: 0 auto;

	padding: 60px 20px 40px;

	box-sizing: border-box;

}

.contact h2{

	font-size: 24px;

	line-height: 24px;

	color: #333;
	font-weight: 600;

	margin-bottom: 50px;
	height: 24px;
	border-left: 4px solid #333;
	padding-left: 15px;
	box-sizing: border-box;

}




.contact #allmap{

	width: 65%;

	height: 400px;

	float: left;

}
.contact  .right_box{
	width: 35%;
	float: left;
	padding-left: 50px;
	box-sizing: border-box;
}
.contact  .right_box ul li{
	width: 100%;
	margin: 0 0 50px 0;
	position: relative;
	padding-left: 80px;
	box-sizing: border-box;
}
.contact  .right_box ul li img{
	width: 58px;
	height: 58px;
	position: absolute;
	left: 0;
	top: 0;
	display: block
}

.contact  .right_box ul li h1{
	font-size: 16px;
	color: #333;
	font-weight: bold;
	line-height: 34px;
	margin: 0
}
.contact  .right_box ul li p{
	line-height:24px;
	font-size: 16px;
	color: #666
}









.news_xq{

	max-width: 1240px;

	min-width: 320px;

	margin: 0 auto;

	padding: 0 20px;

	box-sizing: border-box;

}

.news_xq .title{

	width: 100%;

	padding-top: 20px;

	padding-bottom: 10px;

	box-sizing: border-box;

	

	overflow: hidden;

	border-bottom: 1px solid #e5e5e5;

	text-align: center;

	

}

.news_xq .title h1{

	height: 40px;

	line-height: 40px;

	font-size: 24px;

	color: #333;

}

.news_xq .title p{

	height:30px;

	line-height:30px;

	font-size: 14px;

	color: #666;

}

.news_xq .title p img{

	margin: 0 10px;

}

.news_xq  .xiangqing{

	padding: 20px 0 0;

	box-sizing: border-box;

}

.news_xq  .xiangqing p{

	font-size: 14px;

	color: #333;

	line-height: 28px;

	text-indent: 2em;

}

.news_xq  .xiangqing img{

	max-width: 100%;

	min-width: auto;

	display: block;

	margin: 10px auto;

}

.news_xq  .xiangqing video{

	max-width: 100%;

	min-width: auto;

	display: block;

	margin: 10px auto;

}



.news{

	max-width: 1240px;

	min-width: 320px;

	margin: 0 auto;

	padding:60px 20px 0;

	box-sizing: border-box;

}

.news .top{

	width: 100%;

}



.news .top ul li{

	width: 32%;

	float: left;

	margin-right: 2%;

}

.news .top ul li:nth-of-type(3n){

	margin-right: 0;

}

.news .top ul li .img {

	overflow: hidden;

	position: relative;

}



.news .top ul li .img img {

	display: block;

	width: 100%;

}

.news .top ul li .img .box {

	width: 54px;

	height: 54px;

	position: absolute;

	right: 15px;

	top: 0;

	background: #000;

	text-align: center;

}



.news .top ul li .img .box span {

	font-size: 26px;

	color: #fff;

	line-height: 30px;

	font-weight: bold;

}



.news .top ul li .img .box p {

	font-size: 12px;

	line-height: 24px;

	color: #fff;

	text-align: center;

}



.news .top ul li .zi h3 {

	margin-top: 15px;

	line-height: 55px;

	height: 55px;

	font-size: 16px;

	color: #333;

	overflow: hidden;

}



.news .top ul li:hover h3 {

	color: #1aac41;

}



.news .top ul li .zi p {

	line-height: 22px;

	height: 66px;

	overflow: hidden;

	font-size: 14px;

	color: #666;

}

.news  .bottom{

	width: 100%;

}



.news  .bottom ul li{

	width: 100%;

	border-bottom: 1px solid #e5e2e0;

	height: 64px;

	line-height: 64px;

	box-sizing: border-box;

	overflow: hidden;

}

.news  .bottom ul li a{

	display: block;

	width: 100%;

	height: 63px;

	padding-right: 100px;

	padding-left: 10px;

	box-sizing: border-box;

	position: relative;

	overflow: hidden;

	font-size: 16px;

	color: #333;

}

.news  .bottom ul li a span{

	position: absolute;

	right: 0;

	width: 90px;

	height: 63px;

	top: 0;

	font-size: 14px;

	color: #999;

}

.news  .bottom ul li:hover{

	background: #1aac41;

}

.news  .bottom ul li:hover a{

	color: #fff;

}

.news  .bottom ul li:hover a span{

	color: #fff;

}

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

	.index1 .index1_ .left {

		padding: 50px 50px 50px 0;

	}

	.index1 .index1_ .left .ck_box {

		margin-top: 50px;

	}

	.index2 {

		width: 100%;

		background: #f8f8f8;

		padding: 80px 0;

		box-sizing: border-box;

	}

	.index4 .right {

		width: 50%;

		float: right;

		padding: 0 100px 0 100px;

		box-sizing: border-box;

		background: #090909;

		height: 600px;

	}

	.index5 .index5_ {

		padding: 40px 0;

	}

	.index7 .index7_ .swiper-button-prev {

		background: none;

		left: -55px;

		width: 52px;

		height: 53px;

		margin-top: -75px;

	}

	.index7 .index7_ .swiper-button-next {

		background: none;

		right: -55px;

		width: 52px;

		height: 53px;

		margin-top: -75px;

	}

}

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

	.serve ul li .right{

		padding: 15px 40px;

	}

}

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

	.kx3 {

		display: block;

		height: 65px;

	}

	.fix_footer {

		display: block;

		width: 100%;

		height: 65px;

		position: fixed;

		left: 0;

		bottom: 0;

		background: #161616;

		z-index: 10000000;

	}

	.fix_footer ul li {

		width: 25%;

		float: left;

		padding: 7px 0 0;

		text-align: center;

	}

	.fix_footer ul li .img {

		height: 30px;

		padding: 0px 0;

		box-sizing: border-box;

		text-align: center;

	}

	.fix_footer ul li .img img {

		display: block;

		width: 30px;

		height: 30px;

		margin: 0 auto;

	}

	.fix_footer ul li p {

		color: #fff;

		line-height: 20px;

		font-size: 12px;

		margin-top: 5px;

	}

	.index7 .index7_ .swiper-button-prev {

		display: none;

	}

	.index7 .index7_ .swiper-button-next {

		display: none;

	}

	.header {

		display: none;

	}

	.kx {

		display: none;

	}

	.fix_right {

		display: none;

	}

	.sj_head {

		display: block;

		width: 100%;

		height: 55px;

		background: #fff;

		position: fixed;

		left: 0;

		top: 0;

		z-index: 1000000;

	}

	.sj_head .lg {

		padding: 12px 0 0 12px;

		box-sizing: border-box;

		float: left;

		width: 248px;

	}

	.sj_head .lg img {

		width: 100%;

		display: block;

	}

	.sj_head .xiala {

		display: block;

	}

	.sj_head .xiala {

		display: block;

	}

	.sj_head .xiala {

		height: 25px;

		width: 30px;

		transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;

		-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;

		-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;

		cursor: pointer;

		position: absolute;

		right: 20px;

		top: 10px;

	}

	.sj_head .xiala span {

		width: 100%;

		height: 2px;

		background: #000;

		display: block;

		margin-top: 17px;

		display: block;

	}

	.sj_head .xiala span.none {

		display: none;

	}

	.sj_head .xiala a {

		display: block;

		position: relative;

	}

	.sj_head .xiala a:before {

		transform: translateY(-15px) rotate(0deg);

		-webkit-transform: translateY(-15px) rotate(0deg);

		-ms-transform: translateY(-15px) rotate(0deg);

	}

	.sj_head .xiala a:after {

		transform: translateY(0.1rem) rotate(0deg);

		-webkit-transform: translateY(0.1rem) rotate(0deg);

		-ms-transform: translateY(0.1rem) rotate(0deg);

	}

	.sj_head .xiala a:after {

		background-color: #000;

		/*border-radius: 0.05rem;*/

		content: "";

		display: block;

		height: 2px;

		right: 0;

		position: absolute;

		transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

		-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

		-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

		width: 100%;

	}

	.sj_head .xiala a:before {

		background-color: #000;

		/*border-radius: 0.05rem;*/

		content: "";

		display: block;

		height: 2px;

		left: 0;

		position: absolute;

		transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

		-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

		-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

		width: 100%;

	}

	.sj_head .xiala a:after {

		bottom: -25px;

	}

	.sj_head .xiala a:before {

		top: 25px;

	}

	.sj_head .xiala.act {

		transform: rotate(90deg);

		top: 12px;

	}

	.sj_head .xiala.act a:before {

		transform: translateY(0rem) rotate(-40deg);

		-webkit-transform: translateY(0rem) rotate(-40deg);

		-ms-transform: translateY(0rem) rotate(-40deg);

		top: 18px;

	}

	.sj_head .xiala.act a:after {

		transform: translateY(0rem) rotate(40deg);

		-webkit-transform: translateY(0rem) rotate(40deg);

		-ms-transform: translateY(0rem) rotate(40deg);

		bottom: -20px;

	}

	.sj_nav {

		position: fixed;

		right: -180px;

		width: 180px;

		top: 55px;

		background: rgba(0, 0, 0, .6);

		transition: 1s all;

		z-index: 100000000;

		display: block;

	}

	.sj_nav ul li a {

		color: #fff;

		line-height: 40px;

		height: 40px;

		text-align: center;

		display: block;

		font-size: 14px;

	}

	.sj_nav.act {

		right: 0;

		transition: 1s all;

	}

	.kx2 {

		width: 100%;

		height: 55px;

	}

	.nav ul li.act a {

		color: #cc0000;

	}

	.banner {

		display: none;

	}

	.sj_banner {

		display: block;

		width: 100%;

		overflow: hidden;

	}

	.sj_banner img {

		display: block;

		width: 100%;

	}

	.sj_banner .swiper-pagination-bullet {

		background: #fff;

		width: 32px;

		height: 1px;

		border-radius: 0;

	}

	.sj_banner .swiper-pagination-bullet-active {

		background: #fff;

	}

	.index1_ {

		background: #ebebeb !important;

		padding: 0 20px;

		box-sizing: border-box;

	}

	.index1 .index1_ .left {

		width: 100%;

		float: none;

		padding: 30px 0;

		box-sizing: border-box;

	}

	.index1 .index1_ .left .ck_box {

		margin-top: 30px;

	}

	.index1 .index1_ .left p {

		margin-top: 10px;

		height: auto;

	}

	.index1 .index1_ .right {

		width: 100%;

		float: none;

		display: block;

	}

	.index1 .index1_ .right img {

		max-width: 100%;

		min-width: auto;

		display: block;

	}

	.index2 {

		width: 100%;

		background: #f8f8f8;

		padding: 70px 0;

		box-sizing: border-box;

	}

	.index3 {

		padding: 20px;

	}

	.index6 .index6_ .swiper-button-prev {

		background: url(../img/left.png);

		left: 40%;

		bottom: -50px;

		top: auto;

		width: 50px;

		height: 43px;

		margin-top: 0;

	}

	.index6 .index6_ .swiper-button-next {

		background: url(../img/right.png);

		right: 40%;

		bottom: -50px;

		top: auto;

		width: 50px;

		height: 43px;

		margin-top: 0;

	}

	.footer {

		display: none;

	}

	.case .bottom{

		padding: 0 20px;

		box-sizing: border-box;

	}

	.product .bottom{

		padding: 0 20px;

		box-sizing: border-box;

	}

	.case_xq{

		padding: 0 20px;

		box-sizing: border-box;

	}

	.product_xq .two{

		padding: 0 20px;

		box-sizing: border-box;

	}

	.product_xq .two .fanye{

		margin-top: 20px;

	}

	.serve ul li .right{

		padding: 10px 30px;

	}

	.serve ul li .right h1{

		line-height: 50px;

	}

	.serve ul li .right p{

		margin-top: 10px;

	}

}



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

	.index2 {

		width: 100%;

		background: #f8f8f8;

		padding: 60px 0;

		box-sizing: border-box;

	}

	.index2 .index2_ ul li {

		width: 33.333%;

		margin-bottom: 15px;

		padding: 0 5px;

		box-sizing: border-box;

	}

	.index3 .xxk_top {

		text-align: center;

	}

	.index3 .xxk_top a {

		margin: 0 10px;

		line-height: 32px;

		height: 32px;

	}

	.index3 .xxk_top {

		margin-top: 15px;

	}

	.index3 .title {

		font-size: 20px;

	}

	.index3 .xxk_bottom .xxk ul li h3 {

		line-height: 42px;

		height: 42px;

		margin-top: 5px;

	}

	.index4 .right {

		padding: 0 50px;

	}

	.index5 .index5_ {

		padding: 20px;

	}

	.index5 .index5_ .left {

		float: none;

		width: 100%;

	}

	.index5 .index5_ .right {

		float: none;

		width: 100%;

		padding-left: 0;

	}

	.index6 .index6_ .swiper-button-prev {

		background: url(../img/left.png);

		left: 35%;

		bottom: -50px;

		top: auto;

		width: 50px;

		height: 43px;

		margin-top: 0;

	}

	.index6 .index6_ .swiper-button-next {

		background: url(../img/right.png);

		right: 35%;

		bottom: -50px;

		top: auto;

		width: 50px;

		height: 43px;

		margin-top: 0;

	}

	.index6 .title {

		padding: 35px 0;

		font-size: 24px;

	}

	.index7 .title {

		padding: 35px 0;

		font-size: 24px;

	}

	.banner_ny {

		display: none;

	}

	.sj_banner_ny {

		display: block;

		width: 100%;

	}

	.sj_banner_ny img {

		display: block;

		width: 100%;

	}

	.product_xq .two h3{

		line-height: 60px;

	}

	.product_xq .two h4{

		line-height: 60px;

	}

	.serve ul li .right p{

		margin-top: 10px;

		height: 56px;

	}

	.serve ul li .right h1{

		line-height: 45px;

		font-size: 20px;

	}

	.about .gywm .left{

		float: none;

		width: 100%;

		position: static;

		height: 320px;

	}

	.about .gywm .right{

		width: 100%;float: none;

		padding: 20px;

	}


.contact #allmap{
	width: 100%;
	float: none
}
.contact .right_box{
	width: 100%;
	float: none;
	padding: 20px 0 0 0
}

.contact .right_box ul li{
	margin-bottom: 20px;
}


.contact h2{
	margin: 0 0 20px 0;
	font-size: 20px
}




}



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

	.index1 .index1_ .left h1 {

		font-size: 18px;

	}

	.danmu {

		height: 60px;

		line-height: 60px;

	}

	.danmu img {

		top: 20px;

		left: 10px;

	}

	.index2 .index2_ {

		min-width: 300px;

	}

	.index2 {

		width: 100%;

		background: #f8f8f8;

		padding: 40px 10px;

		box-sizing: border-box;

	}

	.index3 .xxk_bottom {

		margin-top: 20px;

	}

	.index3 .xxk_bottom .xxk ul li {

		width: 100%;

		float: none;

		margin-right: 0;

		margin-bottom: 10px;

	}

	.ck_box {

		margin-top: 30px;

	}

	.ck_box {

		width: 120px;

		height: 34px;

	}

	.ckgd {

		width: 120px;

		height: 34px;

		line-height: 34px;

	}

	.ck_box::before {

		height: 34px;

	}

	.index4 .right h4 {

		font-size: 20px;

	}

	.index4 .right {

		float: none;

		width: 100%;

	}

	.index4 .left {

		float: none;

		width: 100%;

		height: 250px;

	}

	.index4 .left ul li {

		height: 250px;

	}

	.index4 .right h4 {

		margin-top: 0;

	}

	.index4 .right ul {

		margin-top: 0;

	}

	.index4 .right ul li {

		margin-top: 10px;

	}

	.index4 .right ul li {

		height: 34px;

		line-height: 32px;

		font-size: 14px;

	}

	.index4 .right ul li a {

		font-size: 14px;

	}

	.index4 .right {

		height: 100%;

		padding-bottom: 20px;

		box-sizing: border-box;

	}

	.index4 .right div {

		margin-top: 10px;

	}

	.index5 .index5_ .left h4 {

		font-size: 24px;

		line-height: 34px;

	}

	.index5 .index5_ .left p {

		font-size: 18px;

		line-height: 34px;

	}

	.index5 .index5_ .right p {

		font-size: 15px;

		line-height: 32px;

	}

	.index6 .index6_ .swiper-button-prev {

		background: url(../img/left.png);

		left: 32%;

		bottom: -50px;

		top: auto;

		width: 50px;

		height: 43px;

		margin-top: 0;

	}

	.index6 .index6_ .swiper-button-next {

		background: url(../img/right.png);

		right: 32%;

		bottom: -50px;

		top: auto;

		width: 50px;

		height: 43px;

		margin-top: 0;

	}

	.index6 {

		padding-bottom: 80px;

	}

	.index6 .index6_ {

		padding-bottom: 30px;

	}

	.index6 .title {

		padding: 25px 0;

		font-size: 20px;

	}

	.index6 .title {

		padding: 25px 0;

		font-size: 20px;

	}

	.index7 .title {

		padding: 25px 0;

		font-size: 20px;

	}

	.index7 .swiper-slide {

		padding: 0 10px;

		box-sizing: border-box;

	}

	.index7 .index7_ .index7_nr .zi h3 {

		line-height: 40px;

		margin-top: 5px;

		height: 40px;

	}

	.index7 {

		padding-bottom: 30px;

	}

	

	

	.case .top ul li{

		width: 25%;

		float: left;

		padding: 12px 0;

		box-sizing: border-box;

		border-bottom: 1px solid #e5e5e5;

	}

	.case .top ul li a{

		font-size: 14px;

	}

	.case .bottom ul li p{

		line-height: 50px;

		height: 50px;

	}

	.fenye{

		padding: 40px 0;

	}

	.fenye a{

		padding: 5px 8px;

	}

	.case_xq .title{

		line-height: 50px;

		height: 50px;

		font-size: 18px;

	}

	.fanye{

		padding: 0px 0 20px;

	}

	.product .top ul li{

		width: 25%;

		float: left;

		padding: 12px 0;

		box-sizing: border-box;

		border-bottom: 1px solid #e5e5e5;

	}

	.product .top ul li a{

		font-size: 14px;

	}

	.product .bottom ul li{

		width: 49%;

		float: left;

		margin-right: 0;

	}

	.product .bottom ul li:nth-of-type(2n){

		float: right;

		

	}

	.product .bottom ul li p{

		line-height: 42px;

		height: 42px;

		font-size: 14px;

	}

	

	

	

	.product_xq .one   .gallery-top {

	      width: 68%;

	      float: left;

	      height: 320px;

	}

	.product_xq .one   .gallery-top .swiper-slide{

		height: 320px;

	}

	.product_xq .one   .gallery-thumbs {

	      height: 320px;

	      box-sizing: border-box;

	     float: right;

	      width: 30%;

	      float: right;

	      overflow: hidden;

	    }

	.product_xq .one  .gallery-thumbs .swiper-slide {

	      height: 100%;

	      opacity: 1;

	      overflow: hidden;

	       border: 2px solid transparent;

	       box-sizing: border-box;

	}

	.product_xq .one   .gallery-thumbs .swiper-slide-thumb-active {

	      opacity: 1;

	      border: 2px solid #1aac41;

	}

	.product_xq .two h3{

		line-height: 50px;

		font-size: 20px;

	}

	.product_xq .two h4{

		line-height: 50px;

		font-size: 20px;

	}

	.serve ul li .left{

		float: none;

		width: 100%;

		

	}

	.serve ul li .right{

		width: 100%;

		float: none;

		padding-left: 0;

		padding-right: 0;

	}

	.serve{

		padding: 20px;

	}

	.about .gywm .left{

		float: none;

		width: 100%;

		position: static;

		height: 220px;

	}

	.about .gywm .right{

		width: 100%;float: none;

		padding: 20px;

	}

	.about{

		padding: 30px 20px;

	}

	.about .gywm{

		margin-top: 20px;

	}

	.contact{

		padding: 20px;

	}

	.contact #allmap{

		height: 220px;

		margin-top: 20px;

	}

	.news_xq .title h1{

		font-size: 18px;

	}

	.news_xq .xiangqing{

		padding-bottom: 20px;

	}

}











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

	.case .bottom ul li{

		width: 100%;

		float: none;

		margin-top: 20px;

	}

	.case .bottom ul li:nth-of-type(2n){

		float: none;

	}

	.product_xq .title{

		padding: 15px 0;

	}

	.product_xq .title h2{

		font-size: 18px;

		height: 30px;

		line-height: 30px;

	}

	.news .top ul li{

		width: 100%;

		float: none;

		margin-right: 0;

	}

	.news{

		padding: 20px 20px 0;

	}

	.news .bottom{

		margin-top: 20px;

	}

	.news .bottom ul li{

		height: 46px;

		line-height: 46px;

	}

	.news .bottom ul li a{

		height: 46px;

		line-height: 46px;

		font-size: 14px;

	}

	.news .bottom ul li a span{

		height: 46px;

	}

	

}











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

.product_xq .one   .gallery-top {

	      width: 68%;

	      float: left;

	      height: 220px;

	}

	.product_xq .one   .gallery-top .swiper-slide{

		height: 220px;

	}

	.product_xq .one   .gallery-thumbs {

	      height: 220px;

	      box-sizing: border-box;

	     float: right;

	      width: 30%;

	      float: right;

	      overflow: hidden;

	    }

	.product_xq .one  .gallery-thumbs .swiper-slide {

	      height: 100%;

	      opacity: 1;

	      overflow: hidden;

	       border: 2px solid transparent;

	       box-sizing: border-box;

	}

	.product_xq .one   .gallery-thumbs .swiper-slide-thumb-active {

	      opacity: 1;

	      border: 2px solid #1aac41;

	}

	

}