html { font-size: 100px; }
html, body { height: 100%; width: 100%; max-width: 10000px; }
body { font-size: 14px; font-family:Arial, Helvetica, sans-serif; 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); }


@font-face {
	font-family: "itc";
	src: url("../fonts/ITC AVANT GARDE CE GOTHIC DEMI.ttf");
	src: url("../fonts/ITC AVANT GARDE CE GOTHIC DEMI.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face{font-family:arenacondensed-bold;src:url(../fonts/arenacondensed-bold.eot);src:url(../fonts/arenacondensed-bold.eot?#iefix) format('embedded-opentype'),url(../fonts/arenacondensed-bold.woff2) format('woff2'),url(../fonts/arenacondensed-bold.woff) format('woff'),url(../fonts/arenacondensed-bold.ttf) format('truetype'),url(../fonts/arenacondensed-bold.svg#allerbold) format('svg');font-weight:400;font-style:normal}


.zoom-img {
	overflow: hidden;
}

.zoom-img .img {
	overflow: hidden;
}

.zoom-img img {
	transition: all 0.5s;
}

.zoom-img:hover img {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05);
}




@-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; }
}





/*about*/
.about_3{width:100%;overflow:hidden;padding-bottom:30px;padding-top:50px;}
.about_3_title{width:100%;position:relative;padding-top:.18rem;padding-bottom:.39rem;}
.about_3_title font{color:#4c4c4c;font-family:arenacondensed-bold;font-size:45px;}
.about_3_title p{position:absolute;top:0px;left:0px;font-size:.48rem;font-weight:bold;color:rgba(51,51,51,.06);text-transform:uppercase;}
.about_3_content{padding:.6rem;overflow:hidden;background:#f7f7f9;}
.about_3_content li{float:left;overflow:hidden;width:calc(33.333333% - 1px);border-right:1px solid #e6e2dc;border-bottom:1px solid #e6e2dc;height:190px;padding-top:20px;}
.about_3_content li:nth-child(n+4){border-bottom:0px solid #e6e2dc;}
.about_3_content li:nth-child(3n){border-right:0px;}
.about_3_content .about_3_div{padding-left:.5rem;}
.about_3_content .about_3_font{color:#333333;font-size:.2rem;font-weight:bold;padding-left:.5rem;margin-top:10px;display:block;}
.about_3_content .about_3_p{color:#777;font-size:14px;padding-left:.5rem;padding-right:.2rem;margin-top:10px;line-height:1.5;max-width:4rem;}
.about_3_content li:nth-child(n+4){padding-top:.5rem;}


@media only screen and (max-width: 640px) {
.about_3_title font {font-size: 24px;}
.about_3_content{padding:10px;}
.about_3_content li{width:calc(50% - 1px);height:290px;border-right:none;border-bottom:none;}
.about_3_content .about_3_div{padding-left:20px;}
.about_3_content .about_3_font{padding-left:20px;}
.about_3_content .about_3_p{padding-left:20px;padding-right:10px;margin-top:10px;line-height:18px;max-width:4rem;}

}
/*about*/


.qyhj{overflow:hidden;height:auto;padding:30px 0;}
.qyhj li{float:left;width:calc(50% - 20px);margin:0 20px 20px 0;overflow:hidden;}
.qyhj li:last-child {margin-right: 0;}
.qyhj li .pic img{width:100%;height:auto;}

.qyhj_title{font-family:arenacondensed-bold;font-size: 45px;line-height: 45px;color: #4c4c4c;margin-bottom: 25px;}


@media only screen and (max-width: 640px) {
.qyhj_title {font-size: 24px;}
.qyhj li{width:calc(50% - 2px);margin:0 2px 2px 0;}
}




/*network*/
.cqel{background:url(/static/default/assets/img/about_20.jpg) no-repeat center center;height:768px;overflow:hidden;}
.skmj{width:100%;overflow:hidden;text-align:center;}
.skmj font{font-size:45px;color:#fff;padding-top:90px;display:block;font-family:arenacondensed-bold;}

.network_dian{width:1400px;margin:0 auto;position:relative;}
.network_dian>div{position:relative;}
.network_dian>div>img{position:relative;z-index:2;cursor:pointer;}
.network_dian .n1{position:absolute;left: 322px;top: 141px;}
.network_dian .n2{position:absolute;left: 663px;top: 123px;}
.network_dian .n3{position:absolute;left: 415px;top: 318px;}
.network_dian .n4{position:absolute;left: 653px;top: 272px;}
.network_dian .n5{position:absolute;left: 914px;top: 195px;}
.network_dian .n6{position:absolute;left: 885px;top: 290px;}
.network_dian .n1>img{ animation: dian_load 4s linear infinite;}
.network_dian .n2>img{ animation: dian_load 4s linear 0.5s infinite;}
.network_dian .n3>img{ animation: dian_load 4s linear 0.9s infinite;}
.network_dian .n4>img{ animation: dian_load 4s linear 1.5s infinite;}
.network_dian .n5>img{ animation: dian_load 4s linear 1.8s infinite;}
.network_dian .n6>img{ animation: dian_load 4s linear 1s infinite;}
.Network_sc{background:#fff;width:250px;height:250px;position:absolute;top:-94px;left:-94px;border-radius:50%;text-align:center;opacity:0;transition:opacity 0.8s ease;z-index:-1;}
.network_dian>div>img:hover + .Network_sc{opacity:1;z-index:3;}
.network_dian>div .Network_sc:hover{opacity:1;z-index:3;}
.k1{font-size:20px;color:#c81721;font-weight:bold;padding-top:70px;}
.k3{color:#666;font-size:13px;line-height:20px;padding-top:20px;}
@keyframes dian_load {
    0% { opacity: 0.2; }
    25% { opacity: 0.5; }
    50% { opacity: 1; }
    75% { opacity: 0.5; }
    100% { opacity: 0.2; }
}
@media only screen and (max-width: 640px) {
.cqel{display:none;}
}
/*network*/





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


.strengBox {
	padding: 40px 0 100px;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
}


.strengBox .title .h1 {
	font-family: arenacondensed-bold;
	font-size: 45px;
	color: #4c4c4c;
	line-height: 1;
	margin-bottom: 30px;
}


.strengBox .column {
	display: flex;
	flex-wrap: wrap;
}

.strengBox .column .img {
	position: relative;
	float: left;
	width: 50%;
}



.strengBox .column .img>img {
	position: relative;
}

.strengBox .column .textBox {
	position: relative;
	float: left;
	width: 50%;
	/*padding: 0 110px;*/
	padding: 0px 100px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.strengBox .column .number {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 200px;
	color: #fff;
	line-height: 1;
	font-family: itc;
	opacity: 0.15;
	-webkit-text-stroke: 1px #000;
	-webkit-text-stroke: 1px #000;
}

.strengBox .column .h1 {
	position: relative;
	font-size: 36px;
	color: #fff; font-family:Arial, Helvetica, sans-serif;
	line-height: 78px;
	/*font-weight: bold;*/
}
.strengBox .column .h1>i{padding-left:10px;font-size:20px; font-style:normal;color:#666;}
.strengBox .column .h1>span {
	position: relative;background:#c81721;padding:10px;
}

.strengBox .column .h1::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border: 0px solid #8c8b8b;background:#8c8b8b;
	border-radius: 0%;
	top: 0px;
	left: -15px;
	box-sizing: border-box;
	z-index: 0;
}

.strengBox .column .text {
	font-size: 13px;
	color: #666666;
	line-height: 20px;
}

.strengBox .column .text ul li{
	position: relative;
	padding-left: 20px;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.strengBox .column .text ul li i{
	position: absolute;
	left: 0;
	top: 8px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #19aeae;
}

.strengBox .dataBox {margin-top: 30px;}
.strengBox .dataBox .item {
	width: calc(33.33% - 20px);float:left;
	padding: 0 0;
	margin-bottom: 0;
	transition: all 0.5s;text-align:center;
}

.strengBox .dataBox .item:last-child {
	margin-right: 0;
}

.strengBox .column .top {text-align:center;}
.strengBox .column .name {
	font-size: 13px;
	color: #777;
	line-height: 30px;
}

.strengBox .column:nth-child(2n) {flex-direction: row-reverse;}
.strengBox .column:nth-child(2n) .img {float: right;}
.strengBox .column:nth-child(2n) .img::before {left: auto;right: -17px;}
.strengBox .column:nth-child(2n) .number {right: auto;left: 0;}

@media only screen and (max-width: 640px) {
.strengBox {padding: 0px 0 100px;}

.strengBox .column .img {width:100%;}	
.strengBox .column .textBox {width: 100%;padding:0 10px;margin-top:10px;m }
.strengBox .dataBox .item {width: calc(33% - 20px);margin:0 10px 5px 10px;}
.strengBox .dataBox .item .top img{width:100%;height:90px;}

.strengBox .column .name {line-height: 16px;height:40px;font-size:12px;}
.strengBox .column .number {font-size: 100px;}

.strengBox .title .h1 {font-size: 18px;}
}
/*------products-----*/




/*---shili--*/




/*---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: 960px;
	overflow: hidden;
}

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

.lunbotu .mimgbg {
	width: 100%;
	height: 960px;
	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(../images/img1.png);
    left: 110px;
    right: auto;
}
.lunbotu .swiper-button-next, .lunbotu.swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img2.png);
    right: 110px;
    left: auto;
}
.banner-video{
	position: relative;
	z-index: 3;
	width: 100%;
	height: 960px;
}
.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 .mimgbg img{width:100%;height:auto;}
.lunbotu .imgbg{width:100%;display:none;}



	/*products*/
.prod_title{padding:20px 0 0 0;}
.prod_title h1{font-size:24px;}
.prod_title p{font-size:15px;line-height:160%;padding:8px 2% 30px 2%;}
.prod_title .more{display:none;}
.prod_title .txt{width:100%;}


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

.box_cp .ltbox{float:left;width: 100%;height:auto;overflow:hidden;}

.box_cp .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;}
.box_cp .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%)}

.box_cp .ltbox .box_table{text-align:left;padding:40px 0 0px 30px;}

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

/*about*/




.about{font-size:15px;line-height:26px;color:#666;text-align:center;padding:0 8px;}





/*about*/


/*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){
	
}

.wh1780{width: 100%;margin-right: auto;margin-left: auto;}
.wh1670{width: 100%;margin-right: auto;margin-left: auto;}
.wh1550{width: 100%;margin-right: auto;margin-left: auto;}
.wh1400{width: 100%;margin-right: auto;margin-left: auto;}

@media (min-width: 1400px) {
.container {max-width: 1400px;}
.container_nav{max-width: 1550px;}
.wh1780{max-width: 1780px;}
.wh1670{max-width: 1670px;}
.wh1550{max-width: 1550px;}
.wh1400{max-width: 1400px;}
}


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




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