.container{max-width: 1620px;margin: 0 auto;padding: 0 10px;}
.wrapper{max-width: 1420px;margin: 0 auto;padding: 0 10px;}
.homemain .title{color: #333;text-align: center;overflow: hidden;position: relative;}
.homemain .title .des{font-size: 18px;margin: 15px 0;}
.homemain h3{position: relative;font: 600 36px "Microsoft yahei", Helvetica, Arial, sans-serif;text-transform: uppercase;}
.homemain h2{font: 600 60px "Microsoft yahei";text-transform: uppercase;}
.homemain img{max-width: 100%;}

.homemain .section{padding: 3% 0;position: relative;}
.homemain .about h4{color:#6eb92b ;font: 600 24px "Microsoft yahei";text-transform: uppercase;margin: 20px 0;}
.homemain .about .about_left{padding-right: 50px;}
.homemain .about .more{display: inline-block;padding: 8px 40px;border-radius: 30px;background: #71bc2e;color: #fff;margin-top: 50px;}
.homemain .about .des{font-size: 18px;}

.homemain .adv{background: url(../images/adv-bg.png)center top no-repeat;padding: 50px 0 130px;}
.homemain .adv ul{width: 103%;margin-top: 30px;}
.homemain .adv li{transition: all 0.5s;height: 320px;width: 17%;margin-right: 3%;float: left;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.homemain .adv li .tit{font-size: 24px;color: #fff;}
.homemain .adv li:nth-child(odd){background: #70bb2d;margin-top: 30px;}
.homemain .adv li:nth-child(even){background: #0e67b7;}
.homemain .adv li:hover{transform: translateY(-15px);}
.homemain .adv li .cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}


.homemain .product h3{margin-top: 50px;}
.homemain .product{background: url(../images/pro-bg.jpg)center center no-repeat;background-attachment:fixed}
.homemain .product .product_left{padding-right: 50px;}
.homemain .product .des{margin:30px 0;}
.homemain .more2{color: #6eb92b;font-size: 18px}
.homemain .product .product_right{position: relative;}
.homemain .product .img1{float: right;}
.homemain .product .img2{position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #fff;padding: 10px;border-radius: 10px;}

.homemain .application{position: relative;background: url(../images/app-bg.jpg)center top no-repeat; color: #fff;}
.homemain .application h3{color: #fff;}
.homemain .application ul{margin-top: 50px; }
.homemain .application ul li{position: relative;}

.homemain .application li .cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.5s;
	display: flex;align-items: center;justify-content: center;flex-direction: column;}
	.homemain .application li .cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.homemain .application li:hover .cover{transform: translateY(-15px);}
.homemain .application .tit{margin-top: 20px;font-size: 28px;font-weight: 600;}

.homemain .news{margin-bottom: 3%;}
.homemain .news ul{margin: 40px -10px ;padding: 10px;}
.homemain .news li{padding: 20px;background: #fff;box-shadow: 0 0 10px #ddd;overflow: hidden;border: 1px solid #eee;margin: 5px;}
.homemain .news h4{font-size: 24px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.homemain .news .time{color: #c0c0c0;font-size: 14px;}
.homemain .news .des{margin-bottom: 10px;color: #666;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow : hidden;word-break:break-all;}
.homemain .more3{color: #fff;padding: 8px 20px;border-radius: 0 30px 30px 0;background: linear-gradient(to right,#a1a1a1,#7b7b7b);}
.homemain .news .swiper-paginationn,.homemain .news .swiper-pagination-clickable,.homemain .news .swiper-pagination-bullets{bottom: 0;}
.homemain .news .swiper-pagination-bullet{width: 8px;height: 8px;}
.homemain .news .swiper-pagination-bullet-active{background:#ff0000;width: 20px;height: 8px;border-radius: 20px;}

.homemain .news .owl-theme .owl-dots .owl-dot.active span,.homemain .news  .owl-theme .owl-dots .owl-dot:hover span{background:#ff0000 ;}

.foot{width: 100%;padding: 3% 0 0;position: relative;color: #fff;background: url(../images/foot-bg.png)center bottom no-repeat #0e67b7;}
.foot a{color:#fff;}
.foot .wrapper{padding-bottom: 30px;}
/* .foot::after{content: '';position: absolute;width: 100%;height: 6px;left: 0;top: 0;background: linear-gradient(to right, #2a2973 0%,#0d97d0 50%,#89bca3 100%);} */
.foot .fo_logo{width: 20%;float: left;box-sizing: border-box;text-align: center;}
.foot .fo_logo h4{font-size: 30px;font-weight: bold;margin: 30px 0 10px;color: #0d95cf;}
.foot .fo_logo p{line-height: 2;}
.foot .fo_nav{width: 60%;display: flex;float: left;padding-bottom: 3%;justify-content: space-between;}

.foot  .fo_contact{width: 20%;float: right;}
.foot .fo_nav h5{font-size: 16px;font-weight: bold;margin-bottom: 20px;}
.foot .fo_nav li p{font-size: 14px;line-height: 2;}
.foot .fo_contact h5{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.foot .fo_contact h4{font-size: 24px;font-weight: bold;}
.copyright{width: 100%;padding: 15px 0;border-top: 1px solid #3e86c6;font-size: 14px;text-align: center;}
.copyright span{color: #fff;margin: 0 10px;}
.foot .container{position: relative;}
.foot .gotop{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;text-align: center;border-radius: 50%;background: #6eb728;color: #fff;line-height: 50px;}

.fixed-b {width: 100%; background: #0e67b7; bottom: 0; left: 0;z-index: 999; font-size: 14px;position: fixed;padding: 10px 0;display: none;}
.fixed-b li{ width: 25%; text-align: center; color: #fff; float: left;border-right: 1px solid #777;box-sizing: border-box;}
.fixed-b li:last-child{ border-right: none;}
.fixed-b li a{color: #fff;}
.fixed-b li a i{font-size: 24px;padding-right: 5px;color: #fff;vertical-align: middle;line-height: 1;}
.fixed-b li a .icon-home{font-size: 18px;}

.foot .fo_nav li{float: left;margin-left:50px ;}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
	　　　.foot .fo_nav li{float: left;margin-left:50px ;}
}



@media only screen and (max-width: 1600px){
	.header .container,.container{width: auto;max-width: 1600px;}
	.banner .index_banner .item{height: 80vh;}
}


@media only screen and (max-width: 1400px){
	.header .logo{width: 15%;}
	.header .nav,.header .tel{margin-right: 20px;}
	.header .tel{font-size: 20px;margin-top: 25px;}
	.header .navbar_nav li.dropdown{margin: 0 20px;}
	.banner .index_banner .item{height: 70vh;}
	.homemain h3{font-size: 30px}
	.homemain .about h4{font-size: 20px}
	.homemain .about .more{margin-top: 30px;}
	.homemain .about .des{font-size: 16px}
	.homemain h2{font-size: 48px}
	.homemain .product .img1{width: 80%;}
	.homemain .product .des{margin: 20px 0;}
	.homemain .application .tit{font-size: 24px;}
	.homemain .adv li img{width: 80%}
	.homemain .news ul{margin-top: 25px;}
}

@media only screen and (max-width: 1200px){
	.header .navbar_nav li.dropdown {margin: 0 15px;}
	.header .nav .leve1{font-size: 15px;}
	.header .tel{font-size: 18px;margin-top: 25px;display: none;}
	.banner .index_banner .item{height: 60vh;}
	.homemain .about .about_right{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
	.homemain h2{font-size: 36px}
	.homemain .adv{padding: 50px 0;}
	.homemain .adv li{height: 240px;}
	.homemain .adv li img{width: 65%;margin-bottom: 10px;}
	.homemain .product .product_right{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
	.homemain .news .des{-webkit-line-clamp:3;line-height: 1.5;}
	
	
}

@media only screen and (max-width: 1000px){
	body{font-size: 14px}
	.header .langue{margin-top: 13px;}
	.header .langue{float: none;display: inline-block;margin-top: 15px;position: absolute;right: 60px;}
	.header,.header .logo{height: 60px;}
	.header .logo{width: 150px;}
	/* .header .logo a img{max-height: 80%;} */
	.banner .index_banner .item{height: 48vh;}
	.banner .index_banner .item .block_txt .txt{top: 50%;}
	.banner .index_banner .item .block_txt .txt .des{font-size: 17px;}
	.homemain h3{font-size: 24px}
	.homemain .about h4{font-size: 18px;margin: 10px 0;}
	.homemain .about .des{font-size: 14px}
	.homemain .about .more{padding: 4px 30px;margin-top: 20px;}
	.homemain h2{font-size: 30px}
	.homemain .adv li .tit{font-size: 18px}
	.homemain .adv li{height: 18vw;}
	.homemain .adv li img{width: 50%}
	.homemain .application .tit{font-size: 18px}
	.homemain .product h3{margin-top: 0;}
	.homemain .product .img2{width: 50%;}
	.homemain .more2{font-size: 16px}
	.homemain .news h4{font-size: 18px}
	
	.foot{background: #666;}
	.foot .top{display: none;}
	.foot{padding: 0 0 45px;}
	.foot::after{display: none;}
	.fixed-b{display: block;}
}

@media only screen and (max-width: 768px){
	.homemain{padding: 0 10px;}
	.homemain .title h3{font-size: 24px;}
	.banner .index_banner .item{height: 60vw;}
	.banner .index_banner .item.active .block_txt .txt .des{display: none;}
	.banner .index_banner .item .block_txt .txt h3{margin-bottom: 20px;}
	.banner .index_banner .item .block_txt .txt a{padding: 8px 30px;}
	.banner .slick_txt .prev{left: 10px;}
	.banner .slick_txt .next{right: 10px;}
	.homemain .section{padding: 30px 0;}
	.homemain .about .about_left{padding-right:0;}
	.homemain .product .product_left{padding-right: 0;}
	.homemain .about .more{margin: 20px 0;}
	.homemain .about .about_right{position: relative;transform: none;margin: 10px 0;}
	.homemain .adv ul{margin-top: 15px;}
	.homemain .adv li:nth-child(odd){margin-top: 0;}
	.homemain .product .des{margin-top: 10px 0;}
	.homemain .product .product_right{position: relative;transform: none;}
	.homemain .application ul{margin-top: 20px;}
	.homemain .application ul li{text-align: center;}
	
}

@media only screen and (max-width: 640px){
	.copyright .support{display: none;}
	.banner .index_banner .item .block_txt .txt h3{font-size: 18px;}
	.homemain .adv li{height: 35vw;}
	.homemain .application li .cover img{width: 50px;}
	.homemain .news h4{-webkit-line-clamp: 1;}
}

@media only screen and (max-width: 480px){
	.header .logo{width: 120px;}
	
}


