@import "font-awesome.css";
@import "michuan.css";
@import "animate.css";
@import "swiper.min.css";
*{box-sizing:border-box}
.wrap{width:100%;max-width:1800px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}
.main{padding:60px 0;}
body{background:#FF6620;}

.banner{position: relative;overflow: hidden;}
.banner .p img{width:100%;}

.header{position: fixed;z-index:99999;width:100%;top:0;left:0;}
.header .wrap{height:100%;align-items: center;}
.header .header-top{background:#FF6620;height:70px;display:flex;align-items: center;}
.header .header-top .logo{position: relative;overflow: hidden;}
.header .header-top .logo::after{content: "";position: absolute;left: -465px;top: -260px;width: 250px;height:2px;background-color: rgba(255,255,255,.5);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: searchLights 2s ease-in 2s infinite;-o-animation: searchLights 2s ease-in 2s infinite;animation: searchLights 2s ease-in 2s infinite}
@keyframes searchLights {0% {left: -100px;top: 0}to {left: 120px;top: 100px}}
.header .header-top .lang{height:100%;display:flex;align-items: center;}
.header .header-top .lang h3{font-size:16px;text-transform:uppercase;}
.header .header-top .lang h3 img{margin-left:10px;}
.header .header-top .lang a{margin-left:12px;display:flex;align-items: center;}
.header .header-top .lang a span{margin-left:8px;font-size:14px;}
.header .header-nav{background:#131313;height:50px;display:flex;align-items: center;}
.header .header-nav .info a{margin-left:25px;}
.header .header-nav .menu .item{margin-right:35px;position: relative;}
.header .header-nav .menu .item h3 a{text-transform:uppercase;font-family: 'Barlow-Bold';font-size:14px;height:50px;display:flex;align-items: center;}
.header .header-nav .menu .item.on::after{content:'';position:absolute;bottom:10px;left:0;width:100%;height:3px;background:#FF6620;}
.header .header-nav .menu .item:hover h3 a,.header .header-nav .menu .item.on h3 a{color:#FF6620}
.header .header-nav .menu .item .sub {position: absolute;top: 100%;left: 0;background-color: rgba(0, 0, 0, 0.9);min-width: 160px;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);;overflow: hidden;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;z-index: 1000;}
.header .header-nav .menu .item .sub a {display: block;padding: 12px;color: #fff;text-decoration: none;font-size: 12px;transition: background-color 0.3s ease, color 0.3s ease;}
.header .header-nav .menu .item .sub a:hover {background-color: #FF6620;color: #fff;}
.header .header-nav .menu .item:hover .sub{opacity: 1;visibility: visible;transform: translateY(0);}

.headnavlist {width: 100%;background: #fff;box-shadow: 0 5px 15px rgba(0, 0, 0,.1);overflow: hidden;position: fixed;top:120px;left: 0;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1000;}
.item:hover .headnavlist {opacity: 1;visibility: visible;transform: translateY(0);}
.headnavlist ul{max-width: 1200px;margin: auto;display:flex;flex-wrap:wrap;padding: 30px 0 50px;position: relative;}
.headnavlist ul .line:before{content: '';width: 1px;height: calc(100% - 60px);background: #e7e7e7;position: absolute;top: 30px;left: 32.5%;}
.headnavlist ul .line:after{content: '';width: 1px;height: calc(100% - 60px);background: #e7e7e7;position: absolute;top: 30px;left: 67.5%;}
.headnavlist ul > li{width: 30%;margin-right: 5%;}
.headnavlist ul > li:nth-child(3n+1){margin-right: 0;}
.headnavlist ul > li > a{display:flex;color: #636363;font-size: 18px;line-height: 30px;padding: 10px 0;border-bottom: 1px solid #e7e7e7;overflow: hidden;}
.headnavlist ul > li > a .pic{width:80px;}
.headnavlist ul > li > a span{width:calc(100% - 80px);padding:0 10px;display:flex;align-items:center}
.headnavlist ul > li > a:hover,
.headnavlist ul > li > a.hover{color: #FF6620;}
.headnavlist ul > li > a img{padding: 0 10px;}

.footer{padding:70px 0 40px;background:#000000;}
.footer .left{width:60%}
.footer .left h2{font-size:18px;line-height:24px;}
.footer .left .bd{margin-top:25px;}
.footer .left .bd .item{width:22%}
.footer .left .bd .item .itembox{display:flex;flex-wrap:wrap;}
.footer .left .bd .item .itembox p{width:50%}
.footer .left .bd .item:first-child{width:41%;}
.footer .left .bd .item:last-child{width:37%;}
.footer .left .bd .item h3{margin-bottom:26px;}
.footer .left .bd .item h3 a{border-bottom:1px solid #fff;font-size:24px;color:#FFFFFF;text-transform:uppercase;font-family: 'Barlow-Bold';}
.footer .left .bd .item p a{font-size:16px;line-height:36px;color:#FFFFFF;}
.footer .left .bd .item p a:hover{color:#FF6620;padding-left:10px;}
.footer .left .bd .item .info .item{display:flex;align-items: center;width:100%;margin-bottom:15px;}
.footer .left .bd .item .info .item .i{width:30px;display:flex;align-items: center;}
.footer .left .bd .item .info .item .p{width:calc(100% - 30px);}
.footer .left .bd .item .info .item .p p{line-height:26px;}
.footer .left .bd .item .info .item .p a{padding-left:0 !important;margin-right:20px;}
.footer .left .bd .item .info .item .p a:last-child{margin:0;}
.footer .left .bd .item .ico{display:flex;align-items: center;padding-top:19px;}
.footer .left .bd .item .ico a{margin-right:20px;position: relative;}
.footer .left .bd .item .ico a:hover{color:#FF6620;}
.footer .left .bd .item .ico a::after{content:'';position:absolute;top:0;right:-12px;width:1px;height:16px;background:#fff;}
.footer .left .bd .item .ico a:last-child{margin-right:0;}
.footer .left .bd .item .ico a:last-child::after{display:none;}
.footer .right{width:36%;}
.footer .right h2{font-size:30px;line-height:36px;text-decoration: underline;font-family: 'Barlow-Bold';text-transform:uppercase;;}
.footer .right h3{font-size:16px;line-height:24px;margin:22px 0 25px;}
.footer .right input{width:100%;height:50px;padding:0 10px;display:block;margin:15px 0;font-size:16px;color:#070C0E}
.footer .right .p{display:flex;align-items: center;}
.footer .right .p h4{text-transform:uppercase;}
.footer .right .p h5{margin-left:45px;padding-left:20px;position: relative;cursor: pointer;}
.footer .right .p h5::after{width:12px;height:12px;background:#fff;border-radius:100%;position: absolute;left:0;top:4.5px;content:""}
.footer .right .p h5::before{width:6px;height:6px;background:#FF6620;border-radius:100%;position: absolute;z-index:22;left:3px;top:7px;content:""}
.footer .right .g{margin:14px 0 16px;cursor: pointer;padding-left:20px;position: relative;}
.footer .right .g::after{width:12px;height:12px;background:#fff;position: absolute;left:0;top:50%;transform: translateY(-50%);content:""}
.footer .right .g::before{width:10px;height:7px;background:url(../images/ico11.png);position: absolute;left:2px;z-index:2;top:50%;transform: translateY(-50%);content:""}
.footer .right .btn{transition-duration:.4s;width:100%;height:40px;background:#FF6620;display:flex;align-items: center;justify-content: center;font-size:16px;color:#fff;cursor: pointer;;}
.footer .right .btn img{margin-left:10px;}
.footer .right .btn:hover{border-radius:40px}
.bottom{border-top:1px solid #1A1A1A;background:#000000;padding:30px ;}
.bottom p,.bottom p a{font-size:16px;color:#FFFFFF;text-transform:uppercase;}

.index-form{text-align:center;display:flex;align-items: center;justify-content: center;height:399px;background:url(../images/form_bg.jpg) no-repeat center center / cover;}
.index-form .txt h2{margin-bottom:5px;font-family: 'Barlow-Bold';font-size:48px;}
.index-form .txt p{font-size:18px;margin-bottom:10px;}
.index-form .form{width:1000px;margin-top:40px;}
.index-form .form form{width:100%;display:flex;background:#FFFFFF;}
.index-form .form .btn{transition-duration:.4s;height:60px;cursor: pointer;width:160px;display:flex;align-items: center;justify-content: center;background:#FF6620}
.index-form .form .btn span{font-size:18px;margin-right:10px;}
.index-form .form .btn:hover{background:#000000;}
.index-form .form input{color:#282828;font-size:18px;height:60px;width:calc(100% - 160px);padding:0 10px;}

.list-news .wrap{max-width:1560px;}
.list-news .hd{margin:0 50px;}
.list-news .hd .item{margin-top:30px;}
.list-news .hd .item a{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.list-news .hd .item a .txt{width:52%;}
.list-news .hd .item a .pic{width:38%;border-radius:12px;}
.list-news .hd .item a .pic img{border-radius:12px;}
.list-news .bd{width: 100%;}
.list-news .item .m{font-size:16px;margin-top:40px;height:36px;border:1px solid #fff;display:inline-block;line-height:36px;padding:0 20px;color:#FFFFFF;text-transform:uppercase;transition: 0.5s;}
.list-news .item:hover .m{background: var(--bgcolor);color: #FF6620;border-color: var(--bgcolor);}
.list-news .item .t{transition-duration:.4s;font-size:24px;line-height:36px;color:#FFFFFF;margin-top:20px;}
.list-news .item .p{font-size:16px;line-height:30px;color:#FFFFFF;margin-top:30px;}
.list-news .item .time{font-size:14px;color:#fff;margin-top:50px;}
.list-news .tm .time{margin-top: 25px;}
.list-news .item:hover a .t{color:var(--on-color)}
.list-news .line{margin:45px 50px;height:1px;width:100%;background:#FF7C40;}
.list-news .line1{margin-top: 50px;}
.list-news .list{padding:20px 0;}
.list-news .list .item{width:calc(100% / 3);padding:10px 50px;border-right:1px solid #FF7C40;}
.list-news .list .item .t{min-height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.list-news .list .item:nth-child(3),.list-news .list .item:nth-child(7),.list-news .list .item:nth-child(11),.list-news .list .item:nth-child(15){border-right:0;}
.list-news .list .item .more{display:flex;justify-content: space-between;align-items:flex-end;}
.list-news .show{padding:0 50px;}
.list-news .show .t h2{font-size:18px;color:var(--bgcolor);line-height:24px;}
.list-news .show .c{margin-bottom:30px;padding:30px 0 80px 0;color:#fff;font-size:16px;line-height:32px;border-top:1px solid #FF854D;border-bottom:1px solid #FF854D;margin-top: 35px;}
.list-news .show .m .top_bottom_page p,.list-news .show .m .top_bottom_page p a{font-size:16px;color:#FFFFFF;line-height:32px;}
.list-news .show .m .top_bottom_page p a:hover{color:var(--bgcolor)}
.list-news .show .m .btn{height:40px;display:flex;align-items: center;background:var(--bgcolor);color:#FF6620;font-size:16px;justify-content: center;padding: 0 30px;line-height: 1;}
.list-news .show .m .btn img{margin-right:10px}
.list-news .show .m .btn:hover{border-radius:30px}
.list-news .paging{padding:20px 0 70px;}
.list-news .showbd{padding-bottom:80px;}
.list-news .alt{padding:50px 50px 0 50px;}
.list-news .alt h2{font-size: 48px;font-family: 'Barlow-Bold';text-transform: uppercase}

.position{border-bottom:2px solid #FFFAF7;padding:25px 0;display:flex;align-items: center;}
.position img{margin:0 10px;}
.position a{text-transform:uppercase;}

.cats{display: flex;align-items: center;justify-content: center;margin:60px 0;}
.cats .item{margin-right:18px;position: relative;overflow: hidden;}
.cats .item h3 a{text-transform:uppercase;display:flex;position:relative;align-items: center;justify-content: center;;}
.cats .item h3 a span{z-index:2;position:relative;height:100%;;height:48px;display:flex;justify-content: center;min-width:210px;;align-items:center;font-size:16px;;width:100%;padding:0 40px;border: 1px solid #FFF3EE;}
.cats .item:after{transition-duration:.4s;content:"";z-index:1;position: absolute;;width:100%;height:100%;background:#fff;left:0%;top:100%;}
.cats .item.on::after,.cats .item:hover::after{top:0;}
.cats .item.on h3 a,.cats .item:hover h3 a{color: #FF6620;}

.list-contact .bd .left{width:23%;}
.fixed{position:sticky;top:150px;transition-duration:.4s;}
.list-contact .bd .left h2{font-size:48px;font-family: 'Barlow-Bold';}
.list-contact .bd .left p{line-height:24px;margin-top:20px;}
.list-contact .bd .right{width:62%;}
.list-contact .bd .right .txt{width:100%;}
.list-contact .bd .right .txt .item{padding:24px 0;border-bottom:1px solid #FF854D;display:flex;align-items: center;}
.list-contact .bd .right .txt .item .icon{width:60px;display:flex;align-items:center;}
.list-contact .bd .right .txt .item .p{width:calc(100% - 60px)}
.list-contact .bd .right .txt .item .p h2{font-size:18px;text-transform:uppercase;font-family: 'Barlow-Bold';}
.list-contact .bd .right .txt .item .p p{font-size:16px;line-height:26px;}
.list-contact .bd .right form{margin-top:60px;}
.list-contact .bd .right form input{width:100%;height:50px;border:1px solid #FFFFFF;margin-bottom:30px;color:#fff;display:flex;align-items: center;padding:0 15px;border-radius:8px;background:none;;}
.list-contact .bd .right form input::placeholder{color:#fff;}
.list-contact .bd .right form textarea::placeholder{color:#fff;}
.list-contact .bd .right form textarea{width:100%;min-height:250px;border:1px solid #FFFFFF;margin-bottom:30px;color:#fff;padding:15px;border-radius:8px;background:none;;}
.list-contact .bd .right form .itembox{width:100%}
.list-contact .bd .right form .itembox .btn{transition-duration:.4s;width:170px;height:50px;background:#FFFFFF;border-radius:8px;display:flex;align-items: center;justify-content: center;color:#fff;;cursor: pointer;;}
.list-contact .bd .right form .itembox .btn span{font-size:16px;color:#FF6620;margin-left:10px;}
.list-contact .bd .right form .itembox .btn:hover{border-radius:30px}
.list-contact .bd .right form .itembox .codebox{position: relative;width:calc(100% - 200px);}
.list-contact .bd .right form .itembox .codebox input{margin:0;}
.list-contact .bd .right form .itembox .codebox img{position: absolute;right:5px;bottom:5px;height: 40px;}

.list-pro .left{width:250px;}
.list-pro .left .item{margin-bottom:5px;position: relative;overflow: hidden;}
.list-pro .left .item h3 a{text-transform:uppercase;display:flex;position:relative;align-items: center;justify-content: center;;}
.list-pro .left .item h3 a span{z-index:2;position:relative;height:100%;;height:48px;display:flex;justify-content: center;min-width:210px;;align-items:center;font-size:16px;;width:100%;padding:0 40px;border: 1px solid #FFF3EE;}
.list-pro .left .item:after{transition-duration:.4s;content:"";z-index:1;position: absolute;;width:100%;height:100%;background:#fff;left:0%;top:100%;}
.list-pro .left .item.on::after,.list-pro .left .item:hover::after{top:0;}
.list-pro .left .item.on h3 a,.list-pro .left .item:hover h3 a{color: #FF6620;}
.list-pro .right{width:calc(100% - 300px);}
.list-pro .right .list .item{width:calc(100% / 4 - 45px);margin:0 60px 60px 0;background:#fff;padding:10px;}
.list-pro .right .list .item:nth-child(4n){margin-right:0;}
.list-pro .right .list .item .txt{transition-duration:.4s;padding-top:20px;margin-top:20px;position: relative;border-top:1px solid #818181;}
.list-pro .right .list .item .txt .i{position: absolute;right:20px;top:20px;}
.list-pro .right .list .item .txt h2{transition-duration:.4s;color:#131313;font-size:24px;font-family: 'Barlow-Bold';}
.list-pro .right .list .item .txt p{font-size:16px;color:#131313;text-transform:uppercase;margin:6px  0 23px;}
.list-pro .right .list .item:hover .txt{border-color:#FF6620;}
.list-pro .right .list .item:hover .txt h2{color:#FF6620;}
.list-pro .right .title{font-size:48px;color:#FFFFFF;margin-bottom:40px;font-family: 'Barlow-Bold';text-transform:uppercase;line-height:48px;;}
.list-pro .right .body{padding-bottom:40px;line-height:30px;color:#fff;}
.list-pro .right .body ul{display:flex;justify-content: space-between;flex-wrap:wrap;}
.list-pro .right .body ul li{width:calc(50% - 30px);border-bottom:1px solid #FF9463;display:flex;align-items: center;height:52px;}
.list-pro .right .show_head{padding:40px;border-radius:10px;background:#fff;margin-bottom:40px;}
.list-pro .right .show_head .show_swiper{display:none;}
.list-pro .right .show_head .show_box .tupian_list{width:800px;}
.list-pro .right .show_head .show_box .tupian_list .datu{width:calc(100% - 140px);}
.list-pro .right .show_head .show_box .tupian_list .datu img{width:100%;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu{width:100px;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu li{transition-duration:.4s;display:flex;align-items: center;justify-content: center;width:100px;height:100px;border:1px solid #070C0E;margin-bottom:10px;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu li:hover{border-color:#FF6620;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu .btn{display:flex;align-items: center;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu .btn a{width:50%;height:45px;display:flex;align-items: center;justify-content: center;background:#070C0E;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu .btn a.pro_next img{transform: rotate(180deg);}
.list-pro .right .show_head .show_box .tupian_list .xiaotu .btn a.pro_prev img{transform: rotate(0deg);}
.list-pro .right .show_head .show_box .tupian_list .xiaotu .btn a:hover{background:#FF6620;}
.list-pro .right .show_head .show_box .info_list{width:calc(100% - 860px);display:flex;align-content:space-between;flex-wrap:wrap;}
.list-pro .right .show_head .show_box .info_list .info_list_top{width:100%;}
.list-pro .right .show_head .show_box .info_list .info_list_bottom{width:100%;}
.list-pro .right .show_head .show_box .info_list .alt h2{margin:5px 0 8px 0;font-size:24px;color:#131313;font-family: 'Barlow-Bold';}
.list-pro .right .show_head .show_box .info_list .alt p{font-size:16px;color:#131313;text-transform:uppercase;}
.list-pro .right .show_head .show_box .info_list .i{display:flex;align-items: center;border-top:1px solid #818181;padding:17px 0;margin:17px 0 0 0;}
.list-pro .right .show_head .show_box .info_list .p{font-size:15px;line-height:25px;color:#131313;}
.list-pro .right .show_head .show_box .info_list .m{padding:13px 18px 18px 18px;border:1px solid #818181;border-radius:4px;background:#fff;}
.list-pro .right .show_head .show_box .info_list .m h3{margin-bottom:10px;font-size:24px;color:#212121;font-family: 'Barlow-Bold';}
.list-pro .right .show_head .show_box .info_list .m p{font-size:16px;color:#191A1C;line-height:24px;}
.list-pro .right .show_head .show_box .info_list .m li{display:flex;align-items: center;width:100%;height:44px;border-bottom:1px solid #D2D2D2;}
.list-pro .right .show_head .show_box .info_list .m li span{color:#191A1C;width:60px;}
.list-pro .right .show_head .show_box .info_list .m li a{color:#191A1C;margin-right:30px;}
.list-pro .right .show_head .show_box .info_list .m li a:hover{color:#FF6620}
.list-pro .right .show_head .show_box .info_list .m .message_btn{transition-duration:.5s;width:100%;height:40px;display:flex;align-items: center;justify-content: center;border-radius:4px;background:#FF6620;color:#fff;margin-top:15px;cursor: pointer;}
.list-pro .right .show_head .show_box .info_list .m .message_btn span{margin-left:10px}
.list-pro .right .show_head .show_box .info_list .m .message_btn:hover{border-radius:30px;}

.list-about .body{padding:100px 0;background:url(../images/body_bg.jpg) no-repeat right center;}
.list-about .body .txt{max-width:800px;}
.list-about .body .txt h2{font-size:48px;line-height:48px;font-family: 'Barlow-Bold';text-transform:uppercase;margin:30px 0;}
.list-about .body .txt p{font-size:18px;line-height:30px;}
.list-about .roll-left{background:#FF6620;border-top:2px solid #FF854D;overflow: hidden;}
.list-about .roll-left .swiper-slide{width:auto !important;padding:25px 60px;}
.list-about .roll-right{background:#FFFFFF;transform: scaleX(-1);overflow: hidden;}
.list-about .roll-right .swiper-slide{width:auto !important;padding:15px 60px;transform: scaleX(-1);}
.list-about .roll-right .swiper-slide h2{font-size:48px;color:#FF6620;text-transform:uppercase;font-family: 'Barlow-Bold';}
.list-about .roll-left .swiper,.list-about .roll-right .swiper {overflow: hidden;width: 100%;}
.list-about .roll-left .swiper-wrapper,.list-about .roll-right .swiper-wrapper {display: flex;transition: none !important;}
.list-about .roll-left .swiper-slide,.list-about .roll-right .swiper-slide {flex: 0 0 auto;white-space: nowrap;}
@keyframes scrollLeft {
    0% {transform: translateX(0);}
    100% {transform: translateX(-50%);}
}
.list-about .roll-left .swiper-wrapper,.list-about .roll-right .swiper-wrapper {animation: scrollLeft 20s linear infinite;}
.list-about .roll-left .swiper:hover .swiper-wrapper,.list-about .roll-right .swiper:hover .swiper-wrapper {animation-play-state: paused;}
.list-about .hd{margin:36px 0 45px;}
.list-about .hd h2{font-size:48px;line-height:48px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.list-about .factory .bd .item{width:calc(50% - 30px);margin:0 60px 60px 0;}
.list-about .factory .bd .item:nth-child(2n){margin-right:0;}
.list-about .lacela .hd{margin-top:0;}
.list-about .lacela .txt{font-size:16px;line-height:30px;}
.list-about .lacela .txt p{margin-bottom:25px;}
.list-about .culture .bd .item{width:50%;margin-bottom:60px;display:flex;;}
.list-about .culture .bd .item .i{width:280px;}
.list-about .culture .bd .item .i .icon{padding:5px;background:#fff;;}
.list-about .culture .bd .item .p{padding:5px 30px;width:calc(100% - 280px);}
.list-about .culture .bd .item .p h3{font-size:18px;margin-bottom:15px;}
.list-about .culture .bd .item .p p{font-size:16px;line-height:24px;max-width:80%;}
.list-about .pdf .p img{width:100%;}
.list-about .pdf .hd{position: relative;margin-bottom:0;}
.list-about .pdf .hd .web{position: absolute;right:30px;font-size:18px;color:#383838    ;bottom:50px;text-transform:uppercase;}
.list-about .pdf .hd .name{font-size:30px;color:#C1C1C1;font-family: 'Barlow-Bold';position: absolute;left:30px;bottom:38px;text-transform:uppercase;}
.list-about .pdf .hd .title{position: absolute;left:30px;top:70px;font-family: 'Barlow-Bold';color:#fff;font-size:55px;line-height:60px;text-transform:uppercase}
.list-about .pdf .logo{margin:12px 0;}
.list-about .pdf .logo img{height:26px}
.list-about .pdf .bd .more{display:flex;align-items: center;justify-content: center;margin:50px auto;}
.list-about .pdf .bd a{width:210px;height:45px;float:left;margin:0 10px;position: relative;overflow: hidden;;border:2px solid #FFFFFF;display:flex;align-items: center;justify-content: center;background:#fff;}
.list-about .pdf .bd a span{position: relative;z-index:2;transition-duration:.4s;width:calc(100% - 50px);height:100%;color:#000000;display:flex;align-items: center;justify-content: center;}
.list-about .pdf .bd a .i{position: relative;z-index:2;width:50px;height:100%;display:flex;align-items: center;justify-content: center;background:#FF6620;}
.list-about .pdf .bd a:hover span{color:#fff}
.list-about .pdf .bd a::after{content:"";position: absolute;right:-100%;top:0;width:100%;height:100%;background:#FF6620;z-index:1;transition-duration:.4s;}
.list-about .pdf .bd a:hover::after{right:0;}
.list-about .menus{margin-top:80px;}
.list-about .menus .item{transition-duration:.4s;width:25%;border:1px solid #fff;border-right:0;display:flex;position: relative;z-index:2;overflow: hidden;}
.list-about .menus .item::after{transition-duration:.4s;content:"";position: absolute;top:100%;left:0;width:100%;height:100%;background:#000;z-index:1;}
.list-about .menus .item:nth-child(4){border-right:1px solid #fff;}
.list-about .menus .item a{display:flex;padding:40px 0;width:100%;position: relative;z-index:2;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;}
.list-about .menus .item a h3{font-size:30px;font-family: 'Barlow-Bold';text-transform:uppercase;margin-top:25px;}
.list-about .menus .item:hover::after{top:0;}

.index-partnership{padding:110px 0;}
.index-partnership .hd{margin-bottom:110px;text-align:center;}
.index-partnership .hd h2{font-size:48px;line-height:48px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.index-partnership .bd .item{width:25%;padding:0 5%;text-align:center;;border-right:1px solid #FF7B3F;}
.index-partnership .bd .item:nth-child(4){border:0;}
.index-partnership .bd .item .p h3{font-size:24px;font-family: 'Barlow-Bold';margin:20px 0;}
.index-partnership .bd .item .p p{font-size:18px;line-height:30px;}

.index_swiper{position: relative;overflow: hidden;z-index:1;}
.index_swiper .swiper-slide .p{display:none;}
.index_swiper .swiper-slide{overflow: hidden;}
.index_swiper .swiper-slide .caption-content{opacity: 0;position: absolute;width:100%;bottom:0;flex-direction: column;height:100%;display:flex;align-items: center;justify-content: center;z-index: 4;transition: all 1.5s ease-out;transform: translateY(100px);}
.index_swiper .swiper-slide-active .caption-content{opacity: 1;transform: translateY(0);}
.index_swiper .swiper-slide .caption-content .txt{margin:20px 0 60px;text-align:center;}
.index_swiper .swiper-slide .caption-content .txt h3{font-size:72px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.index_swiper .swiper-slide .caption-content .txt p{text-transform:uppercase;font-size:36px;margin-top:5px;}
.index_swiper .swiper-slide .caption-content .more{display:flex;align-items: center;justify-content: center;}
.index_swiper .swiper-slide .caption-content .more a{text-transform:uppercase;width:170px;height:50px;display:flex;align-items: center;justify-content: center;margin:0 10px;background:#FFFFFF;font-size:16px;color:#000000;}
.index_swiper .swiper-slide .caption-content .more a:first-child{background:#FF6620;color:#fff;}
.index_swiper .swiper-slide .caption-content .more a:hover{border-radius:40px;}
.index_swiper .paginations{width:18px;position: absolute;left:95%;top:50%;height:auto !important;z-index:999;}
.index_swiper .paginations span{cursor: pointer;position: relative;width:18px;margin:0 0 20px 0 !important;display:block;height:18px;opacity:1;;background:#fff;}
.index_swiper .paginations .swiper-pagination-bullet-active{background-color:#FF6620}

.index-type{overflow: hidden;}
.index-type .wrap{position: relative;}
.index-type .info{padding:70px 0;width:100%;z-index:222;position: absolute;left:0;top:0;display:flex;justify-content: space-between;align-items: center;}
.index-type .info .t{max-width:870px;}
.index-type .info .t h2{font-size:48px;line-height:48px;font-family: 'Barlow-Bold';text-transform:uppercase;margin-bottom:15px;}
.index-type .info .t p{font-size:18px;line-height:30px;}
.index-type .btn{display:flex;align-items: center;}
.index-type .btn > div{cursor: pointer;}
.index-type .btn .btn-next{margin-left:20px;}
.index-type .swiperbox{overflow: hidden;}
.index-type .swiperbox .swiper-slide a{border-right:1px solid #FF7637;display:block;padding:300px 25px 150px;position: relative;}
.index-type .swiperbox .swiper-slide a .alt{transition-duration:.4s;margin-bottom:60px;font-family: 'Barlow-Bold';position: relative;padding-left:60px;font-size:18px;color:#fff;opacity:.3;}
.index-type .swiperbox .swiper-slide a .alt::after{transition-duration:.4s;content:"";position: absolute;left:0;top:50%;width:50px;height:1px;background:#fff;}
.index-type .swiperbox .swiper-slide a .name{font-size:18px;color:#fff;font-family: 'Barlow-Bold';margin-bottom:20px;}
.index-type .swiperbox .swiper-slide a .more{text-decoration: underline;}
.index-type .swiperbox .swiper-slide a .btn{display:none;}
.index-type .swiperbox .swiper-slide:hover a .more{display:none;}
.index-type .swiperbox .swiper-slide:hover a .btn{display:block;}
.index-type .swiperbox .swiper-slide:hover a .alt{opacity:1;}
.index-type .swiperbox .swiper-slide:hover a .alt::after{background:#fff;}

.index-hotpro{background:#000000 url(../images/pro_bg.jpg) no-repeat center  center;position: relative;overflow: hidden;}
.index-hotpro .btn{display:flex;z-index:9999;align-items: center;position: absolute;right:400px;bottom:80px;}
.index-hotpro .btn > div{cursor: pointer;}
.index-hotpro .btn .btn-next{margin-left:20px;}
.index-hotpro .swiper-slide a{display:block;width:100%;height:100%;position: relative;padding:60px 0 80px;}
.index-hotpro .swiper-slide a .right{max-width:340px;}
.index-hotpro .swiper-slide a .right .pitem{margin-bottom:100px;}
.index-hotpro .swiper-slide a .right .pitem:last-child{margin-bottom:0}
.index-hotpro .swiper-slide a .right .pitem h3{font-size:48px;font-family: 'Barlow-Bold';}
.index-hotpro .swiper-slide a .right .pitem p{font-size:18px;line-height:30px;}
.index-hotpro .swiper-slide a .left{max-width:440px;display:flex;align-content: space-between;flex-wrap:wrap;}
.index-hotpro .swiper-slide a .p{flex:1;padding:0 5%}
.index-hotpro .swiper-slide a .left .txt{padding-top:40px;}
.index-hotpro .swiper-slide a .left .txt h3{font-size:30px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.index-hotpro .swiper-slide a .left .txt h2{font-size:60px;font-family: 'Barlow-Bold';color:#FF6620;margin-bottom:30px;}
.index-hotpro .swiper-slide a .left .dasc{width:100%;}
.index-hotpro .swiper-slide a .left .dasc h3{font-size:30px;font-family: 'Barlow-Bold';margin-bottom:20px;}
.index-hotpro .swiper-slide a .left .dasc p{font-size:18px;line-height:30px}
.index-hotpro .swiper-pagination{width:30px;left:70px;bottom:45%;}
.index-hotpro .swiper-pagination span{background:none;border-radius:0;font-size:18px;cursor: pointer;color:#fff;opacity:1;display:block;width:100%;height:40px;}
.index-hotpro .swiper-pagination span.swiper-pagination-bullet-active{color:#FF6620}

@media (max-width: 1800px){
.wrap{max-width:98%}
}
@media (max-width: 1400px){
.list-pro .right .show_head .show_box .tupian_list{width:100%;}
.list-pro .right .show_head .show_box .info_list{width:100%;}
}
@media screen and (max-width:992px) {
.wrap,.list-contact .bd .left,.list-contact .bd .right,.list-pro .right,.footer .right{width:100%;max-width:100%;}
.main,.footer,.factory,.lacela,.culture{padding:20px 10px;}
.header,.list-pro .left,.index-hotpro .btn,.list-news .show .m .btn,.cats,.list-pro .right .show_head .show_box .tupian_list,.footer .left{display:none;}
.position{padding:15px 10px;}
.list-pro .right .show_head{padding:15px;margin-bottom:20px;}
.list-pro .right .show_head .show_swiper{display:block !important;overflow: hidden;}
.list-pro .right .show_head .show_box .info_list .m li a{font-size:14px;margin-right:10px;}
.list-pro .right .title,.index-form .txt h2,.index-partnership .hd h2,.list-about .hd h2,.list-about .body .txt h2,.list-news .alt h2,.list-contact .bd .left h2{font-size:28px;line-height:28px;}
.list-pro .right .title{margin-bottom:20px;}
.list-pro .right .body{line-height:24px;font-size:14px;padding-bottom:20px;}
.list-pro .right .body ul li{width:100%;height:40px;}
.list-pro .right .list .item{width:48%;margin:0 4% 20px 0;}
.list-pro .right .list .item:nth-child(2n){margin-right:0;}
.list-pro .right .list .item .txt{padding-top:15px;margin-top:15px;}
.list-pro .right .list .item .txt h2{font-size:18px;}
.list-pro .right .list .item .txt p{font-size:13px;margin:5px 0 12px;}
.list-contact .bd .left p{margin-top:10px;}
.index-form{height:auto;padding:30px 15px;}
.index-form .txt p{font-size:15px;margin-top:12px;}
.index-form .form{width:100%;}
.index-form .form .btn{height:45px;width:120px;font-size:14px;}
.index-form .form input{height:45px;flex:1;font-size:14px;}
.footer .right h2{margin-top:30px;font-size:24px;line-height:30px}
.footer .right h2 br{display:none}
.bottom{padding:20px 10px 60px;}
.bottom .michuan{margin:15px auto 0;}
.fixed{position: static;}
.list-contact .bd .right form textarea{min-height:120px}
.list-contact .bd .right form .itembox .codebox{width:100%;}
.list-contact .bd .right form .itembox .btn{margin:20px auto 0;}
.list-contact .bd .right .txt .item .p p,.index-partnership .bd .item .p p,.index-hotpro .swiper-slide a .left .dasc p,.list-about .lacela .txt p,.list-about .body .txt p,.list-news .show .c p,.list-news .item .p{font-size:14px;line-height:24px;}
.list-news .show{padding:0 10px;}
.list-news .item .t{font-size:18px;line-height:28px;}
.list-news .alt{padding:20px 10px 0;}
.list-news .line{margin:20px 0;}
.list-news .item .m{margin-top:20px;}
.list-news .list{padding:0}
.list-news .list .item{width:100%;border:0;padding:0;border-bottom:1px solid #FF7C40}
.list-news .list .item a{padding:20px 10px;display:block;}
.list-news .item .time{margin-top:20px;}
.list-news .list .item .t{min-height:auto;}
.list-news .showbd{padding-bottom:25px}
.list-news .hd{margin:0;}
.list-news .hd .item{margin-top:0;}
.list-news .hd .item a{padding:20px 10px;}
.list-news .hd .item a .txt{width:100%;}
.list-news .hd .item a .pic{width:100%;margin-top:12px;}
.list-news .item .p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.list-news .paging{padding:20px 0;}
.list-about .body{padding:50px 20px;background:#FF6620}
.list-about .roll-left .swiper-slide{padding:15px 30px;}
.list-about .roll-right .swiper-slide{padding:15px 30px;}
.list-about .roll-right .swiper-slide h2{font-size:38px;}
.list-about .hd{margin:20px 0;}
.list-about .factory .bd .item {width: calc(50% - 10px);margin: 0 20px 20px 0;}
.list-about .lacela .txt p{margin-bottom:12px;}
.list-about .culture .bd .item{width:100%;margin:0 0 20px 0;flex-wrap:wrap;}
.list-about .culture .bd .item .i{width:100%;}
.list-about .culture .bd .item .i img{width:100%}
.list-about .culture .bd .item .p{width:100%;padding:20px;}
.list-about .culture .bd .item .p p{max-width:100%;}
.list-about .pdf .p img{height:300px;object-fit:cover}
.list-about .pdf .hd .web{display:none;}
.list-about .pdf .hd .name{left:15px;bottom:15px;font-size:20px;max-width:70%;}
.list-about .pdf .hd .title{left:15px;top:50px;font-size:40px;line-height:50px;}
.list-about .pdf iframe{height:400px !important;}
.list-about .pdf .bd a span{font-size:14px;}
.list-about .pdf .bd a{width:auto;padding:0 0 0 10px;}
.index-type .info{padding:30px 10px;display:block;}
.index-type .btn{justify-content: flex-end;}
.index-type .swiperbox .swiper-slide a{padding:300px 20px 50px}
.index-hotpro .swiper-slide a{padding:40px 10px 70px;}
.index-hotpro .swiper-slide a .wrap{display:block;}
.index-hotpro .swiper-slide a .left{width:100%;}
.index-hotpro .swiper-slide a .left .txt{padding:0;}
.index-hotpro .swiper-slide a .left .txt h2{font-size:40px;margin-bottom:20px;}
.index-hotpro .swiper-slide a .left .dasc{padding:20px 0;}
.index-hotpro .swiper-slide a .left .dasc h3{font-size:20px;margin-bottom:10px;}
.index-hotpro .swiper-pagination{width:100%;left:50%;bottom:30px;transform:translateX(-50%);display:flex;justify-content: center;}
.index-hotpro .swiper-pagination span{width:auto;margin:0 15px 0 0 !important;height:auto !important}
.index-hotpro .swiper-slide a .right{width:100%;max-width:100%;display:flex;flex-wrap:wrap;}
.index-hotpro .swiper-slide a .right .pitem{width:50%;margin:0;padding:15px;}
.index-hotpro .swiper-slide a .right .pitem h3{font-size:28px;}
.list-about .menus{margin:0px;padding:20px 10px;}
.list-about .menus .item{width:50%;border-right:1px solid #FFFFFF !important}
.list-about .menus .item a{padding:20px 0;}
.list-about .menus .item a .p{text-align:center;}
.list-about .menus .item a .p img{max-width:70%;}
.list-about .menus .item a h3{font-size:20px;margin-top:10px;}
.index-partnership{padding:40px 10px;}
.index-partnership .hd{margin-bottom:40px;}
.index-partnership .bd .item{width:100%;padding:0 10px 20px 10px;border-bottom:1px solid #FF854D;margin-bottom:30px;display:flex;}
.index-partnership .bd .item .icon{width:60px;display:flex;align-items: center;justify-content: center;}
.index-partnership .bd .item .icon img{width:40px;}
.index-partnership .bd .item .p{width:calc(100% - 60px);}
.index-partnership .bd .item .p h3{margin:0 0 10px 0;font-size:18px;}
.index_swiper .swiper-slide .caption-content .logo img{height:50px;}
.index_swiper .swiper-slide .caption-content .txt{margin:30px 0;}
.index_swiper .swiper-slide .caption-content .txt h3{font-size:34px;}
.index_swiper .swiper-slide .caption-content .more a{width:120px;height:40px;font-size:14px;}
}