@import "font-awesome.css";
@import "michuan.css";
@import "animate.css";
@import "swiper.min.css";
*{box-sizing:border-box}
@font-face {
	font-family: 'Nacelle-Regular';
	src:url('../fonts/Nacelle-Regular.woff');
}
@font-face {
	font-family: 'Nacelle-Black';
	src:url('../fonts/Nacelle-Black.woff');
}
@font-face {
	font-family: 'Nacelle-SemiBold';
	src:url('../fonts/Nacelle-SemiBold.woff');
}
@font-face {
	font-family: 'Nacelle-Heavy';
	src:url('../fonts/Nacelle-Heavy.woff');
}
@font-face {
	font-family: 'Nacelle-Bold';
	src:url('../fonts/Nacelle-Bold.woff');
}
.wrap{width:100%;max-width:1680px;margin:0 auto;}
.wrap-1200{width:100%;max-width:1200px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.home{font-family: 'Nacelle-Regular';}
.home .header{transition-duration:.4s;display:flex;align-items:center;z-index:9999999;height:100px;position: fixed;top:0;left:0;width:100%;border-bottom:1px solid #fff;background:rgba(255,255,255,.8)}
.home .header .logo{transition-duration:.4s;display:flex;align-items:center;height:100%}
.home .header .logo img{transition-duration:.4s;max-height:80%;}
.home .header .menu{display:flex;align-self: center;;}
.home .header .menu a{font-family: 'Nacelle-Regular';margin-left:80px;font-size:18px;color:#141411}
.home .header .menu a img{max-height:40px;}
.home .header .menu a:hover{color:#33BD5D}
.home .header.height{background:rgba(193,223,202,.9);height:60px}
.home .header.height .logo img{height:40px}
.home .banner{position: relative;overflow: hidden;}
.home .banner .p img{width:100%;}
.home .banner .t{position: absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;}
.home .banner .t h2{font-family: 'Nacelle-Black';font-size:80px;color:#FFFFFF;text-transform:uppercase;margin-bottom:10px;}
.home .banner .t p{font-family: 'Nacelle-SemiBold';font-size:24px;color:#FFFFFF;line-height:30px;max-width:650px;}
.home .about{padding-bottom:100px}
.home .about .company{position: relative;margin-top:-20px;z-index:99;}
.home .about .company a.btn{position: absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:999;}
.home .about .company .item{transition-duration:.2s;box-shadow:0 15px 30px rgba(0,0,0,.1);position: relative;border-radius:10px;width:calc(100% / 4 - 30px);margin-right:40px;}
.home .about .company .item:nth-child(4n){margin-right:0;}
.home .about .company .item .info{transition-duration:.2s;position: relative;z-index:3;padding:20px 10px;background:#fff;background:#fff;border-radius:10px;}
.home .about .company .item .pic{height:60px;margin:30px 0 20px;text-align:center;}
.home .about .company .item .pic img{max-height:80%;}
.home .about .company .item .t{text-align:center;padding-bottom:30px;}
.home .about .company .item .t h2{font-size:18px;color:#33BD5D;font-family: 'Nacelle-Heavy';}
.home .about .company .item .t h3{font-size:14px;color:#141411;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; height:42px;line-height:21px;}
.home .about .company .item .t p{border-top:1px solid #CDCDCD;margin-top:15px;padding-top:15px;text-align:center;color:#141411;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:21px}
.home .about .company .item .more{position: absolute;left:50%;transform:translateX(-50%);width:190px;height:40px;background:#33BD5D;border-radius:40px;display:flex;align-items: center;justify-content: center;}
.home .about .company .item .more a{height:100%;font-size:14px;display:flex;align-items: center;justify-content: center;width:100%;text-align:center;color:#fff;}
.home .about .company .item .more a img{margin-left:10px;transition-duration:.4s;}
.home .about .company .item .more a:hover img{transform:translateX(10px);}
.home .about .company .item .logo{transition-duration:.5s;position: absolute;bottom:10%;z-index:1;left:0;}
.home .about .company .item .logo img{width:100%;border-radius:8px}
.home .about .company .item:hover .logo{bottom:100%;}
.home .about .company .item:hover .logo img{border-radius:8px 8px 0 0}
.home .about .company .item:hover,.home .about .company .item:hover .info{border-radius:0 0 8px 8px;}
.home .about .hd{text-align:center;max-width:800px;margin:100px auto 80px;}
.home .about .hd h2{font-size:48px;margin-bottom:15px;color:#161616;font-family: 'Nacelle-Black';text-transform:uppercase;}
.home .about .hd p{font-size:14px;line-height:30px;color:#161616}
.home .about .bd .txt{width:48%;}
.home .about .bd .txt h2{font-size:48px;line-height:48px;margin-bottom:15px;color:#161616;font-family: 'Nacelle-Black';text-transform:uppercase;}
.home .about .bd .txt p{margin-top:20px;font-size:14px;line-height:30px;color:#161616}
.home .about .bd .logo{display:flex;align-items:flex-end;width:52%;background:url(../images/bg2.jpg) no-repeat center top}
.home .about .bd .logo .item{width:25%;text-align:center;}
.home .about .bd .logo .item img{max-width:80%;}
.home .brand{background:#F4F4F4;padding:80px 0;}
.home .brand .hd{text-align:center;margin-bottom:80px;}
.home .brand .hd h2{font-size:48px;line-height:48px;color:#161616;font-family: 'Nacelle-Black';text-transform:uppercase;}
.home .brand .hd .txt{font-size:14px;line-height:30px;color:#161616;margin-top:20px;}
.home .brand .bd .item{width:25%;text-align:center;position: relative;;}
.home .brand .bd .item .txt{height:160px;display:flex;align-items: center;flex-direction: column;justify-content: center;}
.home .brand .bd .item .txt p{font-size:18px;color:#161616;}
.home .brand .bd .item .txt h2{font-size:48px;color:#33BD5D;margin:30px 0;font-family: 'Nacelle-Bold';}
.home .brand .bd .item .pic{display:flex;align-items: center;height:160px;justify-content: center;}
.home .brand .bd .item .pic img{max-height:50%;}
.home .brand .bd .item .line{height:3px;background:#000000;position: relative;margin:30px 0;}
.home .brand .bd .item .line::after{width:20px;height:20px;border-radius:100%;background:#fff;border:10px solid #33BD5D;content:"";position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.home .solutions{padding:100px 0;}
.home .solutions .hd{text-align:center;margin-bottom:60px;}
.home .solutions .hd h2{font-size:48px;margin-bottom:5px;color:#161616;font-family: 'Nacelle-Black';text-transform:uppercase;}
.home .solutions .hd p{max-width:900px;margin:0 auto;font-size:14px;line-height:30px;color:#161616}
.home .solutions .bd .item{margin-bottom:80px;display:flex;justify-content: space-between;width:100%;}
.home .solutions .bd .item .mpic{display:none;}
.home .solutions .bd .item .pic{width:50%;text-align:right;}
.home .solutions .bd .item:nth-child(2n) .pic{width:50%;text-align:left;}
.home .solutions .bd .item:last-child{margin-bottom:0;}
.home .solutions .bd .item .txt{width:50%;padding-top:10px;}
.home .solutions .bd .item .txt h3{font-size:18px;color:#161616;font-family: 'Nacelle-Black';margin-bottom:10px;}
.home .solutions .bd .item .txt p{font-size:14px;line-height:24px;color:#161616;margin-bottom:10px;}
.home .solutions .bd .item .txt .more{margin-top:35px;width:190px;height:40px;background:#33BD5D;border-radius:40px;display:flex;align-items: center;justify-content: center;}
.home .solutions .bd .item .txt .more a{height:100%;font-size:14px;display:flex;align-items: center;justify-content: center;width:100%;text-align:center;color:#fff;}
.home .solutions .bd .item .txt .more a img{margin-left:10px;transition-duration:.4s;}
.home .solutions .bd .item .txt .more a:hover img{transform:translateX(10px);}
.home .bg{background:url(../images/bg1.jpg) no-repeat center top;height:600px;}
.home .bg h2{font-size:48px;color:#FFFFFF;font-family: 'Nacelle-Black';padding:95px 0 25px;}
.home .bg p{font-size:14px;line-height:30px;color:#FFFFFF;max-width:660px}
.home .bottom{padding:40px 0;}
.home .bottom p,.home .bottom p a{font-size:16px;color:#202020}
.home .footer{padding:60px 0;background:#EEEEEE}
.home .footer .logo{width:250px;}
.home .footer .logo img{height:70px;}
.home .footer .menu{flex:1;}
.home .footer .menu .item{width:25%;}
.home .footer .menu .item:nth-child(2){width:50%;padding:0 5%;}
.home .footer .menu .item h2{font-size:18px;color:#161616;font-family: 'Nacelle-Black';margin-bottom:25px;}
.home .footer .menu .item p,.home .footer .menu .item p a{font-size:18px;line-height:40px;color:#161616;}
.home .footer .menu .item p a:hover{color:#33BD5D}
.home .footer .menu .item h3{font-size:18px;line-height:40px;color:#161616;}
.home .footer .menu .item form{width:100%;margin-top:40px;height:50px;display:flex;align-items: center;}
.home .footer .menu .item form .btn{width:120px;height:100%;display:flex;align-items: center;border-radius:0 8px 8px 0;background:#33BC5D;display:flex;align-items: center;justify-content: center;cursor: pointer;font-size:15px;color:#FFFFFF}
.home .footer .menu .item form input{font-size:16px;color:#202020;width:100%;height:100%;padding:0 15px;border-radius:8px 0 0 8px;}
.home .footer .menu .item form input::placeholder{color:#202020;}
.home .footer .menu .item .message_btn{transition-duration:.4s;width:200px;height:40px;cursor: pointer;;border-radius:5px;display:flex;align-items: center;justify-content: center;color:#fff;background:#33BC5D;}
.home .footer .menu .item .message_btn img{margin-right:10px;}
.home .footer .menu .item .message_btn:hover{border-radius:40px;}
.home .footer .menu .item .ico{margin-top:50px;display:flex;align-items:center;}
.home .footer .menu .item .ico a{cursor: pointer !important;;margin-right:20px;position: relative;}
.home .footer .menu .item .ico a::after{content:'';position: absolute;top:0;right:-10px;width:1px;height:16px;background:#202020;}
.home .footer .menu .item .ico a:last-child{margin-right:0;}
.home .footer .menu .item .ico a:last-child::after{display:none}
.home .wapheader{display:none;}
@media (max-width: 1680px){
.wrap{max-width:98%}
}
@media (max-width: 1366px){
.home .header .menu a{margin-left:15px;font-size:16px;}
}
@media (max-width: 1200px){
.wrap-1200{max-width:98%}
}
@media (max-width: 1024px){
.home .header .menu a{font-size:14px;}
}
@media screen and (max-width:992px) {
.wrap,.wrap-1200{width:100%;max-width:100%;}
.home .header,.home .banner,.home .footer{display:none}
.home .about .bd .logo{width:100%;background:none !important;display:block;padding-top:20px;}
.home .about .bd .logo .p{display:block !important;}
.home .about .bd .item{display:flex;align-items:center;}
.home .about{padding:20px 10px 0;}
.home .about .company{margin:0;}
.home .about .company .item{width:calc(50% - 20px);margin-bottom:40px}
.home .about .company .item .more{width:80%;}
.home .about .company .item:nth-child(2n){margin-right:0 !important;}
.home .about .hd{max-width:100%;margin:0;}
.home .about .hd h2{font-size:36px;padding-top:20px}
.home .about .hd p{font-size:13px;line-height:25px;}
.home .about .bd{padding:30px 0;}
.home .about .bd .txt{width:100%;}
.home .about .bd .txt h2{font-size:36px;line-height:36px;text-align:center;}
.home .about .bd .txt p{font-size:13px;line-height:25px;margin-top:10px;}
.home .brand{padding:30px 10px;}
.home .brand .hd{margin-bottom:25px}
.home .brand .hd h2{font-size:32px;line-height:32px;}
.home .brand .hd .txt{margin-top:10px;line-height:24px;text-align:left;}
.home .brand .bd .item{width:50%;}
.home .brand .bd .item .pic{height:80px;}
.home .brand .bd .item .txt{height:80px;}
.home .brand .bd .item .txt h2{margin:15px 0 0 0;font-size:30px;}
.home .solutions{padding:40px 10px;}
.home .solutions .hd{margin-bottom:20px;}
.home .solutions .hd h2{font-size:36px;}
.home .solutions .hd p{font-size:13px;line-height:25px;}
.home .solutions .bd .item{flex-wrap:wrap;margin-bottom:40px;}
.home .solutions .bd .item .pic{width:100% !important;}
.home .solutions .bd .item .txt{width:100% !important;padding:20px 0;}
.home .bg{padding:50px 10px;height:auto;}
.home .bg h2{padding:20px 0;font-size:36px}
.home .bottom{padding:20px 10px 60px}
.home .bottom .michuan{margin:20px auto 0;}
.home .about .company .item .logo{position: static;}
.home .about .company .item .pic{margin:0 0 10px 0;display:flex;align-items:center;justify-content:center}
.home .about .company .item .pic img{max-height:30px}
.home .wapheader{display:block;position: relative;}
.home .wapheader .p img{width:100%;}
.home .wapheader .l{position: absolute;left:20px;top:20px;}
.home .wapheader .t{position: absolute;left:20px;bottom:40px;}
.home .wapheader .t h2{font-family: 'Nacelle-Black';font-size:40px;color:#FFFFFF;text-transform:uppercase;margin-bottom:10px;}
.home .wapheader .t p{font-family: 'Nacelle-SemiBold';font-size:14px;color:#FFFFFF;line-height:26px;}
}