html { font-size: 100px; }
html, body { height: 100%; width: 100%; max-width: 10000px; }
body { font-size: 14px; font-family: Microsoft YaHei,Arial, Helvetica, sans-serif,simsun; color: #333333; overflow-x: hidden; margin: 0 auto; }
a { color: #333333; text-decoration: none; }
a:hover { color: #0095d9; }


input { outline: none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }
.no-animate { opacity: 0; }
::-webkit-scrollbar { width: 6px; /* 竖向滚动条宽度 */ height: 6px; /* 横向滚动条宽度 */ background-color: rgba(0, 0, 0, 0.1); border-radius: 3px; }
::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
::-webkit-scrollbar-thumb:hover { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

@-webkit-keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }

@-webkit-keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeftDown { -webkit-animation-name: fadeInLeftDown; animation-name: fadeInLeftDown }

@-webkit-keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }

@-webkit-keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

@keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

.fadeOutUp2 { -webkit-animation-name: fadeOutUp2; animation-name: fadeOutUp2 }

@-webkit-keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }

@-webkit-keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }

@-webkit-keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

@keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

.fadeOutRight2 { -webkit-animation-name: fadeOutRight2; animation-name: fadeOutRight2 }

@-webkit-keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft3 { -webkit-animation-name: fadeInLeft3; animation-name: fadeInLeft3 }

@-webkit-keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight3 { -webkit-animation-name: fadeInRight3; animation-name: fadeInRight3 }

@-webkit-keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.6rem,0); transform: translate3d(0,-0.6rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.6rem,0); transform: translate3d(0,-0.6rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown3 { -webkit-animation-name: fadeInDown3; animation-name: fadeInDown3 }

@-webkit-keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInHeight { -webkit-animation-name: fadeInHeight; animation-name: fadeInHeight }

@-webkit-keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp3 { -webkit-animation-name: fadeInUp3; animation-name: fadeInUp3 }

@-webkit-keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

@keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

.fadeInwidth2 { -webkit-animation-name: fadeInwidth2; animation-name: fadeInwidth2 }

@-webkit-keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@-webkit-keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem); opacity: 1; }
}

@keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem,0); opacity: 1; }
}

.animated.fadeOutRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight3 { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@keyframes flips {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

@keyframes flipright {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}


}

@-webkit-keyframes slideOutDown_s {
    75% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
    50% { visibility: hidden; transform: translate3d(0px, 0.2rem, 0px); opacity: 0; }
    100% { visibility: hidden; transform: translate3d(0px, 0rem, 0px); opacity: 1; }
}

@keyframes slideOutDown_s {
    75% { transform: translate3d(0px, 0px, 0px); opacity: 1; }
    50% { visibility: hidden; transform: translate3d(0px, 0.2rem, 0px); opacity: 0; }
    100% { visibility: hidden; transform: translate3d(0px, 0rem, 0px); opacity: 1; }
}


.main { width: 100%; overflow: hidden; margin: 0 auto; }

.main_w { max-width: 16.8rem; margin: 0 auto; padding-left: .4rem; padding-right: .4rem; }



.about{background:url(/static/default/assets/img/about.jpg) center no-repeat;height:1022px;margin-top:80px;}



.numbers{
	position: relative;margin-top:200px;
}
.numbers ul{
	border-radius: 15px;
	background: rgba(0,0,0,0.3);
	font-size: 0;
}
.numbers ul li{
	position: relative;
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	width: 25%;
	text-align: center;
	padding: 2.5%;
	box-sizing: border-box;
}
.numbers ul li i{
	position: absolute;
	right: -9px;
	top: -9px;
	width: 20px;
	height: 20px;
	text-align: center;
}
.numbers ul li i:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #00ffff;
}
.numbers ul li:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 90%;
	height: 1px;
	border-top: #c9ffff40 solid 1px;
}
.numbers ul li:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 90%;
	border-right: #c9ffff40 solid 1px;
}
.numbers ul li:nth-child(1) i,
.numbers ul li:nth-child(2) i,
.numbers ul li:nth-child(3) i,
.numbers ul li:nth-child(4n) i{
	display: none;
}
.numbers ul li:nth-child(1):before,
.numbers ul li:nth-child(2):before,
.numbers ul li:nth-child(3):before,
.numbers ul li:nth-child(4):before{
	display: none;
}
.numbers ul li:nth-child(4n):after{
	display: none;
}
.numbers ul li .wrap{
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 50px 0px;
	border-radius: 10px;
	overflow: hidden;
	/*-webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;*/
}
.numbers ul li .wrap:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
	width: 50%;
	height: 50%;
	background: #018d47;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 10px;
	overflow: hidden;
	opacity: 0;
}
.numbers ul li .wrap:hover:before{
	width: 100%;
	height: 100%;
	opacity: 1;
}

.numbers ul li .wrap .t1{
	display: block;
	width: 100%;
	font-family: "itc"; 
	color: #ffffff;
}
.numbers ul li .wrap .t1 .number{
	display: inline-block;
	font-size: 60px;
}
.numbers ul li .wrap .t1 .plus{
	display: inline-block;
	vertical-align: top;
	font-size: 24px;
}
.numbers ul li .wrap .t2{
	display: block;
	width: 100%;
	font-family: "syr"; 
	color: #ffffff;
	font-size: 16px;
	margin-top: 20px;
}



/*about*/
.abobox{height:auto;overflow:hidden;background-image: linear-gradient(#fff, #f2f2f2);padding:60px 0 120px 0;}
.about{text-align:center;font-size:16px;color:#666;padding:0 0;line-height:200%;padding-top:20px;}
.about img{width:100%;height:auto;}

.kt_1{margin:0 auto;overflow:hidden;padding-top:40px;text-align:center;}
.kt_1 li{display:inline-block;margin:0px 50px;}
.kt_1 li div{font-size:0.32rem;color:#bc0000;font-family: W04;line-height:1;}
.kt_1 li font{font-size:60px;margin-right:10px;}
.kt_1 li p{font-size:18px;color:#008fa2;padding-top:15px;font-weight:600;}
.kt_1 li sup{font-size:24px;overflow:hidden;padding-left:5px;}

.about_title{width:auto;height:auto;overflow:hidden;padding:30px 0 0 0;}
.about_title h1{font-size:40px;color: #333;margin:0 0 0 0;background:url(/static/default/assets/img/hon3.png) no-repeat center bottom;padding-top:10px;padding-bottom:15px;text-align:center; letter-spacing:1px;}
.about_title p{font-size:16px;color:#777;line-height:200%;overflow:hidden;padding:8px 15% 60px 15%;text-align:center;}


/*about*/







/*news*/
.news_title{width:auto;height:auto;overflow:hidden;padding:0 0 0 0;font-size:26px;color:#333;padding-bottom:15px;}
.news_title i{float:left;width:5px;height:24px;background:#009b4d;margin:7px 10px 0 0;}
.news_title h1{font-size:40px;color: #333;margin:0 0 0 0;background:url(/static/default/assets/img/hon3.png) no-repeat center bottom;padding-top:10px;padding-bottom:10px;text-align:center; letter-spacing:1px;font-weight:600;}
.news_con{font-size:17px;color:#777;line-height:200%;overflow:hidden;padding:8px 15% 50px 15%;text-align:center;}





.xw_box{height:auto;overflow:hidden;padding:90px 0 80px 0;}
.xw_box .app{float:left;width:730px;height:auto;overflow:hidden;}
.xw_box .news{float:right;width:calc(100% - 770px);height:auto;overflow:hidden;}
.xw_box .news li{float:left;width:calc(50% - 10px);margin:0 5px 10px 5px;overflow:hidden;height:auto;background:#f4f5f5;border-radius:8px;transition:.6s;}
.xw_box .news li a{padding:20px 20px;}
.xw_box .news li h1{font-size:18px;color:#333;padding-top:12px;}
.xw_box .news li p{font-size:14px;color:#777;line-height:150%;padding-top:10px;height:35px;}
.xw_box .news li .date{font-size:12px;color:#777;padding-top:8px;}
.xw_box .news li:hover{background:#028f4a;}
.xw_box .news li:hover h1, .xw_box .news li:hover p,.xw_box .news li:hover .date{ color:#fff}




.xw_box .swiperBox {
	position: relative;
	float: left;
	max-width: 730px;
	width: 100%;
	box-sizing: border-box;
}



.xw_box .swiper-pagination {
	bottom: 15px;
	left: 0;
	width: 100%;
	font-size: 0;
}

.xw_box .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #eeeeee;
	opacity: 1;
	margin: 5px 5px !important;
}

.xw_box .swiper-pagination-bullet-active {
	background-color: #19aeae;
}



/*news*/





/*----products-----*/

.prod_title{width:auto;height:auto;overflow:hidden;padding:70px 0 0 0;}
.prod_title h1{font-size:40px;color: #333;margin:0 0 0 0;background:url(/static/default/assets/img/hon3.png) no-repeat center bottom;padding-top:10px;padding-bottom:15px;text-align:center; letter-spacing:1px;}
.prod_title p{font-size:16px;color:#777;line-height:200%;overflow:hidden;padding:8px 15% 40px 15%;text-align:center;}




.product{overflow:hidden;}
.product ul{margin:0 -10px;margin-bottom:30px;}
.product ul li{float:left;width:calc(50% - 20px);padding:0 10px;margin-bottom:20px;height:auto;overflow:hidden;}
.product ul li .box{display:block;background:#333;position:relative;overflow:hidden;height:auto;transition:.6s}
.product ul li .box .bg1{content:"";position:absolute;top:0;bottom: 0;left:0;background:url(/static/default/assets/img/tixing_bg2.png) center no-repeat;padding-right: 45%;background-size:100% 100%;transition:.6s;}
.product ul li .box .bg{ content:"";position:absolute;top:0;bottom: 0;left:0;background:url(/static/default/assets/img/tixing_bg3.png) center no-repeat;padding-right: 45%;background-size:100% 100%;transition:.6s; transform:translateX(-100%)}
.product ul li .box .ltbox{padding: 0 0 0 0;position:relative;text-align: left;float: left;width: 300px;height:auto;overflow:hidden;}

.product ul li .box .ltbox .box_table{text-align:left;padding:130px 0 30px 50px;}

.product ul li .box .ltbox h6{font-size:14px;color:#333;}
.product ul li .box .ltbox h5{font-size:26px;color:#333;padding:10px 0 30px 0;}
.product ul li .box .ltbox .anniu_a a{ float:left; display:inline-block;width:105px; height:35px; line-height:35px; font-size:13px; color:#fff; background:#028f4a; text-transform:uppercase; text-align:center; transition:.6s;}

.product ul li .box .rtbox{float:right;width:calc(100% - 300px);height:auto;overflow:hidden;padding:30px 0;}
.product ul li .box .rtbox img{max-width:89%;}


.product ul li .box:hover .bg1{ transform:translateX(-100%)}
.product ul li .box:hover .bg{ transform:translateX(0)}

.product ul li .box:hover .ltbox h6, .product ul li .box:hover .ltbox h5{ color:#fff}
.product ul li .box:hover .ltbox .anniu_a a{ background:#fff; color:#333}

/*------products-----*/




/*---shili--*/

.shebei{overflow:hidden;height:auto;background:url(/static/default/assets/img/sbox.jpg) no-repeat bottom;padding:20px 0 80px 0;}
.sbox{width:1200px;margin:0 auto;overflow:hidden;height:auto;background:#FFF;box-shadow:0px 0px 10px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);padding:8px; border-radius:12px;}
.sbcon{color:#fff;font-size:16px;line-height:180%;text-align:center;width:1200px;margin:0 auto;overflow:hidden;height:auto;padding-top:30px;}


.main_new{
	padding-top: 0;
}
.main_new .conwidth{
	position: relative;
}
.main_new .box{
	position: relative;
	width: 100%;
	overflow: hidden;box-shadow:0px 0px 6px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.3);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.3); border-radius:12px;
}
.main_new .m_new{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.main_new .m_new a{
	display: block;
	width: 100%;
}
.main_new .m_new .img{
	width: 100%;
	overflow: hidden;height:auto;
}
.txt_swiper{
	position: absolute;
	top: 50%;
	left: 6.4%;
	z-index: 12;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: rgba(255,255,255,0.9);
	width: 370px;
	padding: 2.9% 2.9% 2.9%;
	box-sizing: border-box;
	overflow: hidden;
}

.main_new .txt{margin-bottom: 40px;}
.main_new .txt .t1{ 
	color:#C00;
	font-size:24px;font-weight:600;
}
.main_new .txt .t2{
	color: #666; font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 10px;line-height:150%;
}
.main_new .txt .t3{
	color: #666666;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 20px;
}
.main_new .switch_box{
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}
.main_new .arrow_box{
	float: left;
}
.main_new .swiper-button-next, 
.main_new .swiper-button-prev{
	position: static;
	margin-top: 0;
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	-moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.main_new .swiper-container-horizontal>.swiper-pagination-bullets, 
.main_new .swiper-pagination-custom, .main_new .swiper-pagination-fraction{
	position: static;
	float: right;
	width: auto;
	font-family: "itc"; 
	color: #666666;
	font-size: 14px;
	line-height: 40px;
}
.main_new .swiper-button-next, 
.main_new .swiper-container-rtl .swiper-button-prev {
    background-image: url(/static/default/assets/img/img51.png);
}
.main_new .swiper-button-prev{
	margin-right: 15px;
}
.main_new .swiper-button-next, .main_new .swiper-button-prev {
    position: static;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}
.main_new .swiper-button-next.swiper-button-disabled{
	opacity: 1;
    background-image: url(/static/default/assets/img/img51a.png);
}
.main_new .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
	background-image: url(/static/default/assets/img/img50a.png);
}
.main_new .swiper-button-prev, 
.main_new .swiper-container-rtl .swiper-button-next {
    background-image: url(/static/default/assets/img/img50.png);
}
.main_new .swiper-pagination-total{
	
}
.main_new .swiper-pagination-current{
	color: #028f4a;
	font-size: 20px;
}

/*---shili--*/









/*轮播图*/
.lunbotu {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.lunbotu .swiper-slide {
	width: 100%;
	height: 100vh;
}

.lunbotu a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.lunbotu {
	width: 100%;
	height: 800px;
	overflow: hidden;
}

.lunbotu .imgbg {
	width: 100%;
	height: 800px;
	background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

.lunbotu .mimgbg {
	width: 100%;
	height: 800px;
	background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

.lunbotu .imgbg.vid{
	/*display: none;*/
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.lunbotu a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	background: url(../images/img112.png) top center no-repeat;
	background-size: 100% auto;
}
.lunbotu .simg {
	display: none;
}

.lunbotu.swiper-container-autoheight, 
.lunbotu.swiper-container-autoheight .swiper-slide{
	height: 100%;
}

.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets,
.lunbotu .swiper-pagination-custom,
.lunbotu .swiper-pagination-fraction {
	bottom: 6%;
}

.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 7px;
}

.lunbotu .swiper-pagination-bullet {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	background: #ffffff;
	opacity: 0.5;
}

.lunbotu .swiper-pagination-bullet-active {
	opacity: 1;
}


.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: 30px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
}
.lunbotu .swiper-button-prev, .lunbotu.swiper-container-rtl .swiper-button-next {
    background-image: url(/static/default/assets/img//img1.png);
    left: 110px;
    right: auto;
}
.lunbotu .swiper-button-next, .lunbotu.swiper-container-rtl .swiper-button-prev {
    background-image: url(/static/default/assets/img//img2.png);
    right: 110px;
    left: auto;
}
.banner-video{
	position: relative;
	z-index: 3;
	width: 100%;
	height: 800px;
}
.banner-video video{
	width: 100%;
	height: 800px;
	object-fit: cover;
}
.i-banner {
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 5;
}

.i-banner {
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 5;
}

.section .i-banner .box {
}

.i-banner .box .t1 {
	color: #FFFFFF;
	font-size: 48px;
	font-weight: bold;
}

.i-banner .box .t2 {
	color: #f6f6f6;
	font-size: 20px;padding-top:12px;
}

.i-banner .box .t3 {
	margin-top: 30px;
	color: #e4e4e4;
	font-size: 22px;
	line-height: 1.7;
}

.i-banner .box .btn {
	margin-top: 50px;
}

.i-banner .box .btn span {
	display: inline-block;
	color: #f4f4f4;
	font-size: 16px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.i-banner .box .btn span:hover {
	color: #1154ab;
}

@media (min-width:768px) and (max-width:1920px) {
.lunbotu .mimgbg{display:none;}
}

@media only screen and (min-width: 1025px){
	.lunbotu .picBox .imgbg {
		transition: ease 1s;
		transform: scale(2);
	}
	.active .lunbotu .imgbg {
		transform: scale(1);
	}

}
@media only screen and (max-width: 1680px){
	.i-banner .box{
		max-width: calc(100% - 200px);
		margin: auto;
	}
}
@media only screen and (max-width: 1536px){

	.numbers ul li .wrap .t1 .timer{
		font-size: 54px;
	}
	.i-banner .box{
		max-width: calc(100% - 240px);
		margin: auto;
	}
	.i-banner .box .t1{
		font-size: 42px;
	}
	.i-banner .box .t2{
		font-size: 18px;
	}
	.i-banner .box .t3{
		font-size: 20px;
	}

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

	.i-banner .box .t1{
		font-size: 36px;
	}
	.i-banner .box .t2{
		font-size: 16px;
	}
	.i-banner .box .t3{
		font-size: 18px;
	}
	.i-banner .box .btn span{
		font-size: 15px;
	}
	.numbers ul li .wrap{
		padding: 45px 0px;
	}
	.numbers ul li .wrap .t1 .timer{
		font-size: 50px;
	}

	.o-title .t1{
		font-size: 28px;
	}
	
	.main_new .txt .t2{
		font-size: 18px;
		margin-top: 15px;
	}
	.main_new .txt .t3{
		margin-top: 15px;
	}

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

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

	.i-banner .box .t1{
		font-size: 32px;
	}
	.i-banner .box .t2{
		font-size: 16px;
	}
	.i-banner .box .t3{
		font-size: 18px;
	}
	.i-banner .box .btn span{
		font-size: 14px;
	}
	.main_new{
		padding-top: 60px;
	}
}
@media only screen and (max-width: 1199px){

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

	.lunbotu, .lunbotu .swiper-slide{
		height: auto;
	}
	.lunbotu a{
		position: relative;
		padding: 28% 0;
		box-sizing: border-box;
	}
	.lunbotu .imgbg{
		position: absolute;
		left: 0;
		top: 0;
	}
	.banner-video{
		display: none;
	}
	.lunbotu .simg{
		display: block;
	}
	.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
		margin-top: -25px;
	}
	.lunbotu .swiper-button-next, .lunbotu.swiper-container-rtl .swiper-button-prev{
		right: 10px;
	}
	.lunbotu .swiper-button-prev, .lunbotu.swiper-container-rtl .swiper-button-next{
		left: 10px;
	}
	.lunbotu .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
	}
	.i-banner .box {
	    max-width: calc(100% - 100px);
	}
	.i-banner .box .t1{
		font-size: 28px;
	}
	.i-banner .box .t2{
		font-size: 15px;
	}
	.i-banner .box .t3{
		font-size: 16px;
		margin-top: 20px;
	}
	.i-banner .box .btn{
		margin-top: 40px;
	}
	.sidebar{
		display: none;
	}
	.obanner{
		padding: 28% 0;
	}
	.obanner>img.pc_banner{
		display: none;
	}
	.obanner .m_banner{
		display: block;
	}
	/*index*/
	.i-title .t1{
		font-size: 28px;
	}
	.o-title .t1{
		font-size: 28px;
	}

	.numbers{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.numbers ul li .wrap{
		padding: 40px 0px;
	}
	.numbers ul li .wrap .t1 .timer{
		font-size: 42px;
	}
	.numbers ul li .wrap .t2{
		margin-top: 15px;
	}

	#video::-webkit-media-controls-panel, #banner_video::-webkit-media-controls-panel{
	  	display: none!important;
	  	-webkit-appearance: none;
	}
	
	#video::-webkit-media-controls-play-button, #banner_video::-webkit-media-controls-play-button{
	  	display: none!important;
	  	-webkit-appearance: none;
	}
	
	#video::-webkit-media-controls-start-playback-button, #banner_video::-webkit-media-controls-start-playback-button{
	  	display: none!important;
	  	-webkit-appearance: none;
	}
	#video::-webkit-media-controls, #banner_video::-webkit-media-controls{
	    display:none !important;
	}
	.main_new .conwidth{
		box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
	}
	.main_new .txt_swiper{
		position: static;
		transform: none;
		width: 100%;
		margin-top: 30px;
		padding: 0 0 30px;
	}
	.main_new .txt_swiper .txt{
		padding: 0px 30px;
		margin-bottom: 30px;
	}
	.main_new .switch_box{
		position: static;
		width: 100%;
		padding: 0px 30px;
	}
}
@media only screen and (max-width: 991px){

	.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
		width: 45px;
		height: 45px;
		margin-top: -23px;
	}
	.lunbotu .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
	}
	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0 5px;
	}
}
@media only screen and (max-width: 768px){
	.lunbotu .imgbg {
	width: 100%;
	height: 100%;
}
	.i-banner .box .t1{
		font-size: 24px;
	}
	.i-banner .box .t2{
		font-size: 14px;
	}
	.i-banner .box .t3{
		font-size: 15px;
		margin-top: 15px;
	}
	.i-banner .box .btn{
		margin-top: 30px;
	}
	.i-title .t1{
		font-size: 24px;
	}
	.o-title .t1{
		font-size: 24px;
	}
	.o-title .t2{
		margin-top: 15px;
		line-height: 1.7;
	}
	.o-title .t4{
		margin-top: 10px;
	}
	.i-product{

	.numbers ul li .wrap{
		padding: 30px 0px;
	}
	.numbers ul li .wrap .t1 .timer{
		font-size: 32px;
	}
	.numbers ul li .wrap .t1 .plus{
		font-size: 20px;
	}
	.numbers ul li .wrap .t2{
		font-size: 14px;
		margin-top: 10px;
	}

	
/*products*/
.prod_title{padding:40px 0 0 0;}
.prod_title h1{font-size:24px;}
.prod_title p{font-size:15px;line-height:160%;padding:8px 2% 30px 2%;}

/*products*/
	
}
@media only screen and (max-width: 767px){
.i-banner .box{display:none;}
.lunbotu .mimgbg{width:100%;height:auto;}
.lunbotu .imgbg{width:100%;display:none;}



	/*products*/
.prod_title{padding:40px 0 0 0;}
.prod_title h1{font-size:24px;}
.prod_title p{font-size:15px;line-height:160%;padding:8px 2% 30px 2%;}

.product ul{margin:0 0;}
.product ul li{width:100%;padding:0 0;margin-bottom:10px;height:auto;overflow:hidden;}

.product ul li .box .rtbox{float:right;width:100%;height:auto;overflow:hidden;padding:30px 0;text-align:center;}
.product ul li .box .rtbox img{max-width:90%;}

.product ul li .box .ltbox{float:left;width: 100%;height:auto;overflow:hidden;}

.product ul li .box .bg1{content:"";position:absolute;top:0;bottom: 0;left:0;background:url(/static/default/assets/img/tixing_bg3_1.png) top center no-repeat;padding-right: 60%;background-size:100% 190px;transition:.6s;}
.product ul li .box .bg{ content:"";position:absolute;top:0;bottom: 0;left:0;background:url(/static/default/assets/img/tixing_bg3_1.png) top center no-repeat;padding-right: 60%;background-size:100% 190px;transition:.6s; transform:translateX(-100%)}

.product ul li .box .ltbox .box_table{text-align:left;padding:40px 0 0px 30px;}

.product ul li .box .ltbox h6{font-size:12px;color:#fff;}
.product ul li .box .ltbox h5{font-size:24px;color:#fff;padding:10px 0 20px 0;}
.product ul li .box .ltbox .anniu_a a{width:85px; height:35px; line-height:35px; font-size:13px; color:#fff;border:1px solid #fff;}
.product ul li box:hover .ltbox .anniu_a { color:#333;background:#fff;}
/*products*/

/*about*/
.about{margin-top:0px;height:750px;}
.numbers{
		padding-top: 80px;margin-top:0px;
    	padding-bottom: 80px;
	}
	.numbers ul li{
		width: 50%;
	}
	.numbers ul li .wrap{
		padding: 25px 0px;
	}
	.numbers ul li:before{
		width: 80%;
	}
	.numbers ul li:after{
		height: 80%;
	}
	.numbers ul li:nth-child(3) i,
	.numbers ul li:nth-child(4n) i{
		display: block;
	}
	.numbers ul li:nth-child(3):before,
	.numbers ul li:nth-child(4):before{
		display: block;
	}
	.numbers ul li:nth-child(4n):after{
		display: block;
	}
	.numbers ul li:nth-child(2n) i,
	.numbers ul li:nth-child(2n):after{
		display: none;
	}

.numbers ul li .wrap .t1 .number{font-size: 32px}
.numbers ul li .wrap .t2{font-size: 12px;margin-top: 0px;}
/*about*/

/*sehbei*/
.shebei{background:#fff;padding:20px 0 20px 0;}
.about_title{padding:20px 0 0 0;}
.about_title h1{font-size:24px;}
.about_title p{font-size:15px;line-height:160%;padding:12px 2% 30px 2%;}


.main_new{padding-top: 10px;}
.main_new .txt_swiper{margin-top: 0px;padding-bottom: 15px;}
/*.main_new .txt_swiper{margin-top: 20px;padding-bottom: 25px;}*/
.main_new .txt_swiper .txt{display:none;}
/*.main_new .txt_swiper .txt{padding: 0px 20px;margin-bottom: 20px;}*/
.main_new .txt .t2{margin-top: 10px;font-size: 16px;}
.main_new .switch_box{padding: 0px 20px;}

.main_new .box{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; border-radius:0px;}
.sbcon{color:#fff;font-size:15px;line-height:160%;width:auto;padding:20px 8px 20px 8px;background:#018c48;}
/*shebei*/

/*news*/
.xw_box{padding:0px 0 20px 0;}
.xw_box .app{width:100%;}
.xw_box .news{width:100%;}

.xw_box .news li{width:100%;margin:0 0 10px 0;}
.news_title{margin-top:12px;}
/*news*/

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


	.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0 5px;
	}
	.lunbotu .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	.lunbotu a{
		padding: 0 0;
	}
	.i-banner .box .btn{
		margin-top: 20px;
	}
	.obanner{
		padding: 0 0;
	}
	
}
@media only screen and (max-width: 480px){
	.lunbotu a{
		padding: 0 0;
	}
	.obanner{
		padding: 0 0;
	}
	.i-banner .box .t1{
		font-size: 20px;
	}
	.i-banner .box .btn{
		margin-top: 15px;
	}
}
@media only screen and (max-width: 414px){
	
}


/*---------------------------------------shili-----------------------------*/




/*---------------------------------------shili-----------------------------*/