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





/*about*/
.abobox{height:auto;overflow:hidden;padding:30px 0 50px 0;background:#f4f4f4;margin-top:30px;}

.about{font-size:17px;line-height:35px;color:#666;text-align:center;}

.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(../images/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% 40px 15%;text-align:center;}




.abonumber{overflow:hidden;height:auto;padding:40px 0;background:url(../images/about_box1.jpg) center no-repeat;margin-bottom:20px;}
.abonumber li{float:left;width:calc(25% - 40px);margin:0 20px;padding:40px 0;text-align:center}
.abonumber li .top{font-size:16px;line-height: 30px;color:#fff}
.abonumber li .number{font-size: 48px;color: #fff;margin-right: 10px; font-style:normal; font-family:Arial, Helvetica, sans-serif;font-weight:600;}
.abonumber li .title{font-size: 16px;color: #fff;line-height: 30px;}


/*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(../images/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:0 0 80px 6%;}
.xw_box .app{float:left;width:730px;height:auto;overflow:hidden;}
.xw_box .news{float:right;width:calc(100% - 750px);height:auto;overflow:hidden;background:#f4f4f4;}
.xw_box .news .box{overflow:hidden;padding:30px 30px;}
.xw_box .news ul{overflow:hidden;margin-bottom:-10px;}
.xw_box .news li{float:left;width:calc(50% - 14px);margin:0 7px 15px 7px;overflow:hidden;height:auto;background:#fff;border-radius:8px;transition:.6s;}
.xw_box .news li a{padding:20px 20px;overflow:hidden; }
.xw_box .news li h1{font-size:18px;color:#333;padding-top:12px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xw_box .news li p{font-size:14px;color:#777;line-height:150%;padding-top:10px;padding-right:10px;height:35px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xw_box .news li .date{font-size:12px;color:#777;}
.xw_box .news li:hover{background:#0250ba;}
.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: #0250ba;
}



/*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(../images/hon3.png) no-repeat left bottom;padding-top:10px;padding-bottom:15px;text-align:left; letter-spacing:1px;}
.prod_title p{font-size:16px;color:#777;line-height:200%;overflow:hidden;padding:8px 15% 40px 0;text-align:left;}
.prod_title .txt{float:left;overflow:hidden;width:60%;}
.prod_title .more{float:right;width:100px;line-height:36px;margin-top:25px;}
.prod_title a{font-size:15px;color:#666;display:block;border:1px solid #c6c6c6;text-align:center;background:#fff; border-radius:20px;}
.prod_title a:hover{color:#fff;background:#ce0000;}

.colnav{  margin:0px auto 40px auto; overflow: hidden;text-align:center;}
.colnav  li{width: 8%; height: 55px; line-height: 55px; font-size: 17px; margin-right:2px; text-align: center; position: relative; cursor:pointer;display:inline-block;}
.colnav  li a{ color: #fff; position: relative; z-index: 2;}
.colnav  li::after{ content: ""; display: block; transform: skew(-25deg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #0a4a99; z-index: 1;}
.colnav  li.on a{ color: #FFF;}
.colnav  li.on::after{ background-color: #ca0202;}
.colnav  li:hover::after{ background-color: #ca0202;}
.colnav  li:first-child{ margin-left: 10px;}
.colnav  li:last-child{ margin-right: 0;}

.product{width:auto;height:auto;overflow:hidden;margin:15px 0 30px 0;padding:0 0 20px 0;}
.product ul{display:grid;grid-template-columns: repeat(6,1fr);gap:12px}
.product li{overflow:hidden;}
.product li .pic{height:auto;overflow:hidden;border:1px solid #eee; border-radius:8px;}
.product li .pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.product li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.product li .title{font-size:16px;color:#666;padding:10px 5px 0 5px;text-align:center;}


.g_notice_box{position: relative;width: 100%;overflow: hidden;padding-bottom: 50px;}
.g_notice_box .swiper-pagination-bullet{width: 10px;height: 10px;}
.g_notice_box .swiper-pagination-bullet-active{background: #19aeae;}

.box_cp{display:block; background-color: #ebeced;background-image: linear-gradient(90deg, #ebeced, #d1d4d7); position:relative;overflow:hidden;height:auto;transition:.6s}
.box_cp .bg1{content:"";position:absolute;top:0;bottom: 0;left:0;background:url(../images/tixing_bg2.png) center no-repeat;padding-right: 45%;background-size:100% 100%;transition:.6s;}
.box_cp .bg{ content:"";position:absolute;top:0;bottom: 0;left:0;background:url(../images/tixing_bg3.png) center no-repeat;padding-right: 45%;background-size:100% 100%;transition:.6s; transform:translateX(-100%)}
.box_cp .ltbox{padding: 0 0 0 0;position:relative;text-align: left;float: left;width: 300px;height:auto;overflow:hidden;}

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

.box_cp .ltbox h6{font-size:14px;color:#fff;}
.box_cp .ltbox h5{font-size:26px;color:#fff;padding:10px 0 30px 0;}
.box_cp .ltbox .anniu_a a{ float:left; display:inline-block;width:105px; height:35px; line-height:35px; font-size:13px; color:#fff;border:1px solid #fff;text-transform:uppercase; text-align:center; transition:.6s;}

.box_cp .rtbox{float:right;width:calc(100% - 300px);height:auto;overflow:hidden;padding:30px 0;}
.box_cp .rtbox img{max-width:88%;transition:.6s;}

.box_cp:hover .bg1{ transform:translateX(-100%)}
.box_cp:hover .bg{ transform:translateX(0)}

.box_cp:hover .ltbox h6, .product ul li .box_cp:hover .ltbox h5{ color:#fff}
.box_cp:hover .ltbox .anniu_a a{ background:#fff; color:#333}
.box_cp:hover .rtbox img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
/*------products-----*/




/*---shili--*/

.shebei{overflow:hidden;height:auto;background:url(../images/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;}



/*---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(../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: 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 .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;}


.abonumber li{float:left;width:25%;margin:0 0;padding:0 0;text-align:center}
.abonumber li .top{font-size:14px;line-height: 30px;color:#fff}
.abonumber li .number{font-size: 20px;color: #fff;margin-right: 5px; font-style:normal; font-family:Arial, Helvetica, sans-serif;font-weight:600;}
.abonumber li .title{font-size: 15px;color: #fff;line-height: 30px;}



/*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-----------------------------*/