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

.top{height:40px;position: fixed;top:0;width:100%;z-index:8;left:0;background:rgba(0,0,0,.5);display:flex;align-items: center;}
.top .lang{display:flex;align-items: center;}
.top .lang a span{color:#fff;font-size:15px;margin:0 12px 0 5px;position: relative;}
.top .lang a span::after{transition-duration:.4s;content:'';position: absolute;bottom:-2px;left:50%;width:0%;height:1px;background:#fff;}
.top .lang a:hover span::after{width:100%;left:0;}
.top .ico{display:flex;align-items: center;}
.top .ico a{margin-left:12px;}

.header{transition-duration:.4s;position: fixed;top:40px;left:0;width:100%;z-index:99999;height:115px;display:flex;align-items: center;}
.header .wrap{align-items: center;}
.header .left{display:flex;align-items: center;}
.header .left .menu{display:flex;align-items: center;margin-left:20px;}
.header .left .menu .item{position: relative;margin-left:50px;}
.header .left .menu .item h3 a{font-size:18px;color:#fff;font-family: 'Montserrat-Medium';}
.header .left .menu .item.on h3{position: relative;}
.header .left .menu .item h3::after{transition-duration:.4s;content:'';position: absolute;bottom:-2px;left:50%;width:0%;height:2px;background:#fff;}
.header .left .menu .item.on h3::after,.header .left .menu .item:hover h3::after{width:100%;left:0;}
.header .right{width:280px;height:45px;border-radius:4px;display:flex;align-items: center;}
.header .right form{width:100%;display:flex;align-items: center;border:1px solid #fff;background:#fff;height:100%;border-radius:4px;padding:0 10px;}
.header .right form button{width:40px;height:40px;border:0;cursor: pointer;background:none;display:flex;align-items: center;justify-content: center;}
.header .right form input{width:calc(100% - 40px);font-size:14px;color:#000000;height:40px;border:0;outline:0;}
.header.height{top:0;background:#fff;height:90px;box-shadow:0 15px 30px rgba(0,0,0,.1)}
.header.height .left .menu .item h3 a{color:#000;}
.header.height .left .menu .item h3::after{background:#000;}
.header.height .right form{border:1px solid #DBDBDB;}
.header .left .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 .left .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 .left .menu .item .sub a:hover {background-color: #86A3CB;color: #fff;}
.header .left .menu .item:hover .sub{opacity: 1;visibility: visible;transform: translateY(0);}

.headnavlist {width: 100%;background:rgb(255 255 255 / 100%);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;}
.height .headnavlist{top:90px}
.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: #86A3CB;}
.headnavlist ul > li > a img{padding: 0 10px;}


.banner{position: relative;overflow: hidden;}
.banner .p img{width:100%;}
.banner .menu{gap:60px;position: absolute;bottom:0;left:0;height:115px;width:100%;background:rgba(0,0,0,.5);display:flex;align-items: center;justify-content: center;}
.banner .menu a{min-width:210px;height:55px;display:flex;align-items: center;border-radius:30px;padding:0 10px;background:#fff;justify-content: center;font-size:17px;color:#141414;font-family: 'Montserrat-Light';;}
.banner .menu a.on,.banner .menu a:hover{background:#86A3CB;color:#fff;}
.banner .alt{position: absolute;left:0;top:0;width:100%;height:100%;flex-direction: column;display:flex;align-items: center;justify-content: center;}
.banner .alt h2{padding-top:100px;font-size:80px;color:#FFFFFF;font-family: 'Montserrat-Black';text-transform:uppercase;}
.banner .alt h4{font-size:52px;color:#FFFFFF;font-family: 'Montserrat-Black'}
.banner .alt p{max-width:1400px;margin:60px auto 40px;text-align:center;;color:#fff;font-size:18px;color:#FFFFFF;font-family: 'Montserrat-Light';}
.banner .alt .video{cursor: pointer;}

.footer{height:594px;background:url(../images/footer_bg.jpg) no-repeat center;border-top:1px solid #EFEFEF;padding-top:70px;}
.footer .menu{width:50%;}
.footer .menu h2{font-size:28px;color:#171717;padding-bottom:25px;font-family: 'Montserrat-Bold';}
.footer .menu .bd{display:flex;flex-wrap:wrap;}
.footer .menu .bd a{width:calc(100% / 3);font-size:15px;line-height:38px;color:#747474;font-family: 'Montserrat-Light';position: relative;}
.footer .menu .bd a::after{transition-duration:.4s;content:'';position: absolute;bottom:0px;left:0%;width:0%;height:3px;background:#86A3CB;}
.footer .menu .bd a:hover::after{width:100%;}
.footer .wx{width:23%;display:flex;justify-content: center;padding-top:60px;}
.footer .info{width:27%;}
.footer .info h2{font-size:34px;border-bottom:1px solid #DBDBDB;padding-bottom:25px;color:#86A3CB;font-family: 'Montserrat-Black';}
.footer .info ul li{height:65px;border-bottom:1px solid #DBDBDB;display:flex;align-items: center;font-size:18px;color:#474747;font-family: 'Montserrat-Light';}
.footer .info ul li a{font-size:18px;color:#474747;font-family: 'Montserrat-Light';}
.footer .info ul li a:hover{color:#86A3CB;}
.footer .ico{display:flex;align-items: center;margin-top:60px;justify-content: center;}
.footer .ico span{font-size:14px;color:#333333;font-family: 'Montserrat-Light';}
.footer .ico a{margin-left:10px;}
.bottom{height:60px;display:flex;align-items: center;background:#A8BDD9;}
.bottom p,.bottom p a{font-size:14px;color:#FFFFFF;font-family: 'Montserrat-Regular';}
.bottom p a{margin-left:10px;}
.bottom p a img{margin-right:5px;}
.bottom p a:hover{color:#000;}

.list-news{background:url(../images/news_bg.jpg) repeat-x center;background-size:100% 100%;}
.list-news .title{padding:0 60px;height:120px;display:flex;align-items:center;border-bottom:1px solid #F0EFEF;}
.list-news .title h2{color:#141414;font-size:40px;font-family: 'Montserrat-Black';}
.list-news .list .item{border-bottom:1px solid #F0F0F0;}
.list-news .list .item a{display:flex;width:100%;padding:45px 55px;}
.list-news .list .item a .pic{width:280px;}
.list-news .list .item a .txt{width:calc(100% - 280px);padding-left:70px;}
.list-news .list .item a .txt h3{margin-top:40px;font-size:15px;color:#000000;font-family: 'Montserrat-Bold';}
.list-news .list .item a .txt p{transition-duration:.4s;margin:20px 0 30px;font-size:15px;color:#000000;font-family: 'Montserrat-Light';text-decoration: underline;}
.list-news .list .item a .txt span{font-size:15px;color:#8A8A8A;font-family: 'Montserrat-Light';}
.list-news .list .item:hover a .txt p{color:#A8BCD8}
.list-news .list2 .item{border:0;}
.list-news .paging{padding:70px 0;}
.list-news .content{color:#000000;padding:70px 55px 30px;}
.list-news .content h1{font-size:24px;}
.list-news .content .time{display:flex;align-items:center;margin:20px 0 30px;}
.list-news .content .time span{font-size:14px;color:#333;}
.list-news .content .time .line{margin:0 10px;width:9px;height:9px;background:#86A3CB;}
.list-news .content .body{border-top:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;padding:20px 0;}
.list-news .content .body p{font-size:14px;line-height:25px;margin-bottom:10px;}
.list-news .content .more{padding-top:20px;}
.list-news .content .more .pege p,.list-news .content .more .pege p a{font-size:15px;line-height:24p;color:#111111;}
.list-news .content .more .pege p a:hover{color:#86A3CB}
.list-news .content .more .pege p{margin-bottom:10px;}
.list-news .content .more .back{align-items: center;width:100px;display:flex;height:35px;background:#86A3CB;justify-content: center;font-size:15px;color:#fff;;}
.list-news .content .more .back img{transition-duration:.5s;margin-right:5px}
.list-news .content .more .back:hover{border-radius:35px;}
.list-news .content .more .back:hover img{transform: rotate(180deg);}

.list-pro-index .list .item{transition-duration:.4s;width:calc(100% / 3 - 30px);margin:0 45px 45px 0;}
.list-pro-index .list .item:nth-child(3n){margin-right:0;}
.list-pro-index .list .item .pic,.list-pro-index .list .item .pic img{border-radius:8px;}
.list-pro-index .list .item .txt{text-align:center;padding-top:20px;}
.list-pro-index .list .item .txt h3{transition-duration:.4s;font-size:24px;color:#202020;font-family: 'Montserrat-bold';}
.list-pro-index .list .item:hover{transform: translateY(-10px);}
.list-pro-index .list .item:hover .txt h3{color:#86A3CB;}

.position{padding:25px 0 30px;display:flex;align-items: center;color:#747474;font-size:18px;font-family: 'Montserrat-Light';}
.position a,.position p{color:#747474;font-size:18px;font-family: 'Montserrat-Light';}
.position span{margin:0 10px;}
.position p{margin-right:10px;}
.position a:hover{color:#86A3CB;}

.list-pro .title{font-size:52px;color:#141414;font-family: 'Montserrat-Black';margin-bottom:50px;text-align:center;}
.list-pro .paging{padding:45px 0;}
.list-pro .list .item{transition-duration:.4s;width:calc(100% / 4 - 26.25px);margin:0 35px 35px 0;}
.list-pro .list .item:nth-child(4n){margin-right:0;}
.list-pro .list .item .datu{transition-duration:.4s;border:4px solid #fff;border-radius:8px;}
.list-pro .list .item .datu a,.list-pro .list .item .datu img{border-radius:8px;}
.list-pro .list .item .xiaotu{padding-top:10px;display:flex;align-items: center;justify-content: center;gap:10px;}
.list-pro .list .item .xiaotu a{border-radius:4px;width:34px;height:34px;}
.list-pro .list .item .txt{text-align:center;padding-top:10px;}
.list-pro .list .item .txt h3{font-size:18px;color:#141414;font-family: 'Montserrat-Light';margin-top:10px;}
.list-pro .list .item .txt p{margin-top:12px;}
.list-pro .list .item:hover .datu{border-color:#86A3CB;}

.list-about-data{position: relative;top:-50px;background:#86A3CB;padding:50px 0 40px;}
.list-about-data .item{width:25%;position: relative;text-align:center;color:#fff;}
.list-about-data .item h3 {font-size:30px;display:flex;align-items: center;justify-content: center;}
.list-about-data .item h3 span{font-size:65px;font-family: 'Montserrat-Black';}
.list-about-data .item p{font-size:15px;font-family: 'Montserrat-Light';}
.list-about-data .item .line{width:60px;height:6px;background:#fff;margin:5px auto 20px;}
.list-about-body .body h3{margin-bottom:20px;font-size:30px;color:#000000;font-family: 'Montserrat-Bold';}
.list-about-body .body p{margin-bottom:50px;font-size:20px;color:#000000;font-family: 'Montserrat-Light';}
.list-about-body .images{padding-bottom:60px;}
.list-about-body .images .item{width:28.5%;}
.list-about-body .images .item .pic,.list-about-body .images .pic img{border-radius:8px;}
.list-about-body .images .item .p{font-size:20px;color:#000000;font-family: 'Montserrat-Light';margin:15px 0 22px;text-align:center;}
.list-about-images{height:572px;display:flex;align-items: center;text-align:center;justify-content: center;background:url(../images/about_bg1.jpg) no-repeat center center;background-size: cover;}
.list-about-images h2{font-size:48px;line-height:60px;color:#FFFFFF;font-family: 'Montserrat-Black';}
.list-about-certification .hd{padding:70px 0 100px;}
.list-about-certification .hd h2{text-align:center;font-size:48px;color:#000000;font-family: 'Montserrat-Medium';}
.list-about-certification .list .item{width:calc(100% / 4 - 22.5px);margin:0 30px 20px 0;}
.list-about-certification .list .item:nth-child(4n){margin-right:0;}
.list-about-certification .list .item .pic{padding:0 40px;}
.list-about-certification .list .item a{display:block;width:100%}
.list-about-certification .list .item .bg img{width:100%;}
.list-about-supply{display:flex;align-items: center;margin:0 20px;height:627px;background:url(../images/about_bg2.jpg) no-repeat center center;background-size: cover;}
.list-about-supply .txt{width:42%;}
.list-about-supply .txt h2{font-size:52px;color:#FFFFFF;font-family: 'Montserrat-Black';}
.list-about-supply .txt p{margin:30px 0 50px;font-size:16px;color:#FFFFFF;line-height:24px;font-family: 'Montserrat-Light';}
.list-about-supply .txt a{width:190px;height:50px;background:#00A8FF;display:flex;align-items:center;justify-content: center;text-align:center;color:#fff;font-family: 'Montserrat-Light';font-size:14px;border-radius:25px 0 25px 0;}
.list-about-supply .txt a:hover{border-radius: 0 25px 0 25px;}
.list-about-supply .ico{width:45%;display:flex;flex-wrap:wrap;}
.list-about-supply .ico .item{width:33%;text-align:center;margin-bottom:50px;}
.list-about-supply .ico .item .p{margin-top:15px;}
.list-about-supply .ico .item .p p{font-size:16px;line-height:20px;color:#FFFFFF;font-family: 'Montserrat-Light';}
.list-about-Procurement .hd{text-align:center;margin:70px 0 60px;}
.list-about-Procurement .hd h2{font-size:48px;color:#000000;font-family: 'Montserrat-Medium';}
.list-about-Procurement .bd .item{width:25%;padding:0 20px;margin-bottom:80px;}
.list-about-Procurement .bd .item .pic{padding:0 20px 20px 20px;position: relative;background:url(../images/ico29.png) no-repeat bottom center;background-size:100%;}
.list-about-Procurement .bd .item .pic::after{width:41px;height:31px;content:"";background:url(../images/ico30.png);position: absolute;top:40%;right:-40px;}
.list-about-Procurement .bd .item .p{margin-top:30px;display:flex;align-items: center;justify-content: center;}
.list-about-Procurement .bd .item .p .i{width:28px;height:28px;background:#000000;display:flex;align-items: center;justify-content: center;font-size:20px;color:#FFFFFF;font-family: 'Montserrat-Medium';;}
.list-about-Procurement .bd .item .p p{font-size:24px;color:#000000;margin-left:15px;font-family: 'Montserrat-Medium';}
.list-about-Procurement .bd .item:nth-child(4n) .pic::after{display: none;}

.list-contact{background:url(../images/contact_bg.jpg) no-repeat center center;background-size: cover;}
.list-contact .wrap{max-width:1680px}
.list-contact .info .item{width:calc(100% / 3 - 30px);padding:40px 40px 20px 40px;;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.05);background-color: #fff;}
.list-contact .info .item h3{margin-bottom:25px;font-size:34px;color:#373737;font-family: 'Montserrat-Bold';}
.list-contact .info .item p{margin-bottom:20px;line-height:28px;font-size:20px;color:#181818;font-family: 'Montserrat-Light';}
.list-contact .info .item p a{color:#181818;font-family: 'Montserrat-Light';}
.list-contact .info .item p a:hover{background:#40629C}
.list-contact .form{padding:80px 0;}
.list-contact .form .txt{width:35%;padding:80px 0 0 50px;}
.list-contact .form .txt h2{font-size:45px;text-transform:uppercase;line-height:50px;color:#252F37;font-family: 'Montserrat-Bold';}
.list-contact .form .txt h2 span{color:#40629C;font-family: 'Montserrat-Bold';}
.list-contact .form .txt .p{padding:30px 0 0 80px;font-size:16px;color:#5B5B5B;line-height:24px;font-family: 'Montserrat-Light';}
.list-contact .form .txt .p a{font-size:16px;color:#5B5B5B;line-height:24px;font-family: 'Montserrat-Light';}
.list-contact .form .txt .p a:hover{color:#40629C}
.list-contact .form form{width:40%;}
.list-contact .form form input,.list-contact .form form textarea{border-bottom:1px solid #C6C6C6;width:100%;height:70px;display:flex;align-items: center;padding:0 10px;color:#5B5B5B;font-size:16px;}
.list-contact .form form textarea{padding:20px 10px 10px 10px;height:120px;}
.list-contact .form form .btn{transition-duration:.4s;cursor: pointer;;margin:35px 10px 0 0;float:right;width:120px;height:50px;background:#40629C;color:#fff;font-size:18px;display:flex;align-items: center;justify-content: center;}
.list-contact .form form .btn:hover{border-radius:40px;}
.list-contact .route{margin:0 auto 70px;border:10px solid #fff;background:#FBFBFA;box-shadow:0 5px 15px rgba(0,0,0,.1);}
.list-contact .route .map{flex:1;}
.list-contact .route .p{padding:60px 60px 0 60px;width:41%;}
.list-contact .route .p h3{margin:12px 0;font-size:20px;color:#000000;font-family: 'Montserrat-Bold';}
.list-contact .route .p p{font-size:18px;margin-bottom:10px;color:#000000;line-height:24px;font-family: 'Montserrat-Light';}

.list-products-display .hd{margin-bottom:50px;text-align:center;}
.list-products-display .hd h2{font-size:45px;color:#000000;font-family: 'Montserrat-Light';}
.list-products-display .bd{display:flex;flex-wrap:wrap;}
.list-products-display .bd .item{width:calc(100% / 8);padding:0 10px;margin-bottom:15px;}
.list-products-display .bd .item .p{font-size:16px;text-align:center;margin-top:15px;color:#848484;font-family: 'Montserrat-Light';}
.list-products-display .bd .item:hover .p{color:#40629C;}

.list-faq{padding:30px 0;}
.list-faq .hd{text-align:center;margin-bottom:40px;}
.list-faq .hd h2{font-size:45px;color:#000000;font-family: 'Montserrat-Light';}
.list-faq .list .item{cursor: pointer;;border-bottom: 2px solid #666666;padding:40px 15px;}
.list-faq .list .item:first-child{border-top:2px solid #666666;}
.list-faq .list .item .faq-question{width:100%;cursor: pointer;display: flex;align-items: center;justify-content: space-between;position: relative;}
.list-faq .list .item .faq-question span{width:60px;font-size:22px;color:#000000;font-family: 'Montserrat-Black';}
.list-faq .list .item .faq-question p{width:calc(100% - 60px);font-size:22px;color:#000000;font-family: 'Montserrat-Black';}
.list-faq .list .item .faq-question::after {position: absolute;right:0;top:0;width:28px;height:28px;background:url(../images/ico33.png) no-repeat;content:"";transition-duration:.4s;z-index:99;}
.list-faq .list .item .faq-question.active::after {transform: rotate(-180deg);background:url(../images/ico34.png) no-repeat;}
.list-faq .list .item .faq-answer{display:none;padding:20px 15px 0 60px;font-size:20px;line-height:31px;color:#000000;font-family: 'Montserrat-Light';}
.show-pro .show-nav{display:flex;align-items: center;justify-content: center;padding-bottom:20px;}
.show-pro .show-nav a{font-size:20px;min-width:280px;text-align:center;justify-content: center;border-radius:50px;color:#000000;font-family: 'Montserrat-Light';height:70px;display:flex;align-items:center;padding:0 60px;margin-left:30px;}
.show-pro .show-nav a:first-child{margin:0;}
.show-pro .show-nav a.on,.show-pro .show-nav a:hover{background:#000000;color:#fff;}
.show-pro .show-body{display:flex;justify-content: space-between;}
.show-pro .show-body .pic{width:46%;margin-left:4%;}
.show-pro .show-body .pic img{width:100%}
.show-pro .show-body .txt{flex:1;padding:80px 0 0 0;}
.show-pro .show-body .txt h2{font-size:52px;color:#141414;font-family: 'Montserrat-Bold';margin-bottom:50px}
.show-pro .show-body .txt p{font-size:29px;line-height:38px;color:#747474;font-family: 'Montserrat-Light';margin-bottom:50px}
.show-pro .show_head{padding:30px 0}
.show-pro .show_head .show_swiper{display:none;}
.show-pro .show_head .show_box .tupian_list{width:810px;}
.show-pro .show_head .show_box .tupian_list .xiaotu{width:150px;}
.show-pro .show_head .show_box .tupian_list .xiaotu li{width:150px;margin-bottom:10px;position: relative;}
.show-pro .show_head .show_box .tupian_list .xiaotu li .logo{position: absolute;left:0;top:0;width:100%;z-index:13123;}
.show-pro .show_head .show_box .tupian_list .xiaotu li img{width:150px;height:150px;position: relative;z-index:13143}
.show-pro .show_head .show_box .tupian_list .xiaotu .btn{display:flex;align-items: center;}
.show-pro .show_head .show_box .tupian_list .xiaotu .pro_next,.show-pro .show_head .show_box .tupian_list .xiaotu .pro_prev{width:50%;height:45px;display:flex;align-items: center;justify-content: center;}
.show-pro .show_head .show_box .tupian_list .datu{width:calc(100% - 180px);position: relative;}
.show-pro .show_head .show_box .tupian_list .datu .logo{position: absolute;left:0;top:0;width:100%;z-index:13123;}
.mousetrap{z-index:99999 !important}
.show-pro .show_head .show_box .tupian_list .datu img{width:100%;}
.show-pro .show_head .show_box .info_list{width:calc(100% - 860px);}
.show-pro .show_head .show_box .info_list .alt{margin:10px 0;}
.show-pro .show_head .show_box .info_list .alt h2{font-size:32px;color:#141414;font-family: 'Montserrat-bold'}
.show-pro .show_head .show_box .info_list .txt p{font-size:18px;line-height:36px;color:#141414;font-family: 'Montserrat-Light';position: relative;}
.show-pro .show_head .show_box .info_list .consult{display:flex;align-items: center;border-top:1px solid #B2B2B2;padding-top:30px;margin-top:30px;;}
.show-pro .show_head .show_box .info_list .consult .wx{width:66px;height:66px;justify-content: center;border:3px solid #676767;border-radius:4px;display:flex;align-items: center;justify-content: center;color:#676767;}
.show-pro .show_head .show_box .info_list .consult .wx:hover{border-radius:100%;background:#000;border-color:#000;color:#fff;}
.show-pro .show_head .show_box .info_list .consult .email{flex:1;margin-left:30px;border-radius:4px;;max-width:340px;background:#000000;display:flex;align-items: center;padding:0 15px;height:66px;;}
.show-pro .show_head .show_box .info_list .consult .email span{font-size:18px;color:#fff;padding-left:15px;font-family: 'Montserrat-Black';}
.show-pro .show_head .show_box .info_list .consult .email:hover{border-radius:40px}

.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;top:0;left:0;;position: absolute;width:100%;height:100%;;z-index: 4;;}
.index_swiper .swiper-slide .caption-content .wrap{height:100%;display:flex;align-items:flex-start;flex-direction: column;justify-content:center;}
.index_swiper .swiper-slide .caption-content .box{transition-duration:1s;max-width:520px;transform: translateY(100px);}
.index_swiper .swiper-slide .caption-content .box h3{font-size:32px;color:#FFFFFF;line-height:46px;font-family: 'Montserrat-Black';}
.index_swiper .swiper-slide .caption-content .box p{margin-top:40px;font-size:16px;color:#FFFFFF;line-height:24px;font-family: 'Montserrat-Light';}
.index_swiper .swiper-slide .btn{position: absolute;transition-duration:.5s;left:50%;bottom:-80px;transform: translateX(-50%);z-index: 5;}
.index_swiper .swiper-slide .btn img{transition-duration:.5s;}
.index_swiper .swiper-slide-active .caption-content{opacity: 1}
.index_swiper .swiper-slide-active .caption-content .box{transform: translateY(0);}
.index_swiper .pages{width:100%;justify-content: center;;display:flex;position: absolute;left:0%;bottom:55px;;z-index:6;}
.index_swiper .pages .pagination{position: static;width:auto;margin:0 60px;}
.index_swiper .pages .pagination .swiper-pagination-bullet{width:20px;height:20px;border-radius:20px;background:#fff;opacity:1;margin:0 30px 0 0;}
.index_swiper .pages .pagination .swiper-pagination-bullet:last-child{margin:0 !important;}
.index_swiper .pages .pagination .swiper-pagination-bullet-active{background:#40629C}
.index_swiper .pages .swiper-prev,.index_swiper .pages .swiper-next{color:#fff;cursor: pointer}
.index_swiper .pages .swiper-button-disabled{opacity: 0.5;cursor: not-allowed;}

.index-copywriting{display:flex;background:#FAFAFA url(../images/index_bg1.jpg) no-repeat center center;height:454px;}
.index-copywriting .wrap{height:100%;display:flex;justify-content: space-between;align-items: center;}
.index-copywriting .txt{width:47%;}
.index-copywriting .txt h2{font-size:50px;color:#86A3CB;font-family: 'Montserrat-Black';text-transform:uppercase;}
.index-copywriting .txt p{font-size:32px;color:#000000;line-height:45px;font-family: 'Montserrat-ExtraLight';}
.index-copywriting .p{width:34%}
.index-copywriting .p h3{font-size:26px;color:#000000;font-family: 'Montserrat-Light';}
.index-copywriting .p p{font-size:17px;margin-top:20px;;color:#636363;line-height:20px;font-family: 'Montserrat-ExtraLight';}
.index-copywriting .p a{color:#86A3CB;font-size:14px;margin-top:50px;display:inline-block;}

.index-content .list-news{background:#fff;}
.index-content .index-pro{position: relative;margin-bottom:70px;}
.index-content .index-pro .wrap{overflow: hidden;}
.index-content .index-pro .list{display:block}
.index-content .index-pro .list .item{margin:0;}
.index-content .index-pro .swiper-prev{position: absolute;left:30px;top:50%;transform: translateY(-50%);z-index: 10;cursor: pointer;}
.index-content .index-pro .swiper-next{position: absolute;right:30px;top:50%;transform: translateY(-50%);z-index: 10;cursor: pointer;}
.index-content .index-pro .swiper-button-disabled{opacity: 0.5;cursor: not-allowed;}
.index-content .index-ad .item > div{width:50%;}
.index-content .index-ad .item .txt-box{display:flex;align-items: center;justify-content: center;padding:0 8%;}
.index-content .index-ad .item .txt-box .txt h3{font-size:16px;color:#141414;font-family: 'Montserrat-Regular';}
.index-content .index-ad .item .txt-box .txt h2{margin:8px 0 35px;font-size:50px;color:#141414;font-family: 'Montserrat-Regular';}
.index-content .index-ad .item .txt-box .txt p{font-size:16px;color:#5D5D5D;line-height:26px;font-family: 'Montserrat-Light';}
.index-content .index-ad .item .txt-box .txt a{margin-top:30px;width:240px;height:58px;background:#86A3CB;display:flex;align-items:center;justify-content: center;text-align:center;color:#fff;font-family: 'Montserrat-Light';font-size:14px;border-radius:25px 0 25px 0;}
.index-content .index-ad .item .txt-box .txt a:hover{border-radius: 45px;}
.index-content .index-new-product{height:599px;display:flex;align-items: center;background:url(../images/index_bg2.jpg) no-repeat center center;margin:0 15px 15px 15px;background-size: cover;}
.index-content .index-new-product .info{width:50%;padding:0 4%;}
.index-content .index-new-product .info h2{font-size:52px;color:#FFFFFF;font-family: 'Montserrat-Black';}
.index-content .index-new-product .info a{margin-top:30px;width:200px;height:50px;background:#FFFFFF;display:flex;align-items:center;justify-content: center;text-align:center;color:#000;font-family: 'Montserrat-Light';font-size:14px;border-radius:25px 0 25px 0;}
.index-content .index-new-product .info a:hover{border-radius: 0 25px 0 25px;}
.index-content .index-new-product .hot{height:100%;align-items: flex-start;width:50%;padding:60px 6% 0 0;display:flex;justify-content: flex-end;}
.index-content .index-new-product .hot .hot-box{width:100%;max-width:350px;padding:20px 30px 40px;position: relative;background:#fff;border-radius:8px;}
.index-content .index-new-product .hot .hot-box .xiaotu{padding-top:20px;display:flex;align-items: center;justify-content: center;gap:12px;}
.index-content .index-new-product .hot .hot-box .xiaotu a{border:1px solid #F6F6F6;width:52px;}
.index-content .index-new-product .hot .hot-box .datu{position: relative;}
.index-content .index-new-product .hot .hot-box .datu img{max-height:270px;width:100%;}
.index-content .index-new-product .hot .hot-box .datu .i{position: absolute;right:0;top:0;}
.index-content .index-new-product .hot .hot-box .datu .i img{width:auto;}
.index-content .index-new-product .hot .hot-box .txt{padding:15px 0 0 22px;}
.index-content .index-new-product .hot .hot-box .txt .p h3{font-size:13px;color:#000000;font-family: 'Montserrat-Bold';line-height:24px;}
.index-content .index-new-product .hot .hot-box .txt .i{display:flex;align-items:center;justify-content: center;gap: 3px;px;width:42px;height:42px;border-radius:100%;background:#86A3CB;}
.index-content .index-new-product .hot .hot-box .txt .i span{width:6px;height:6px;background:#fff;border-radius:6px;}
.index-content .index-type{position: relative;padding-bottom:80px;margin-bottom:80px;}
.index-content .index-type .wrap{overflow: hidden;}
.index-content .index-type .list{display:block}
.index-content .index-type .list .item{margin:0;}
.index-content .index-type .swiper-prev{position: absolute;left:30px;top:50%;transform: translateY(-50%);z-index: 10;cursor: pointer;}
.index-content .index-type .swiper-next{position: absolute;right:30px;top:50%;transform: translateY(-50%);z-index: 10;cursor: pointer;}
.index-content .index-type .swiper-button-disabled{opacity: 0.5;cursor: not-allowed;}
.index-content .index-type .title{font-size: 52px;color: #141414;font-family: 'Montserrat-Black';   margin-bottom: 50px;text-align: center;}
.index-content .index-type .swiper-slide a{border:2px solid #fff;border-radius:4px;width:100%;display:block;}
.index-content .index-type .swiper-slide .p{overflow: hidden;position: relative;text-align:center;}
.index-content .index-type .swiper-slide .p .i{transition-duration:.4s;position: absolute;top:100%;left:0;width:100%;height:100%;}
.index-content .index-type .swiper-slide .p .i img{width:100%;border-radius:4px;height:100%;}
.index-content .index-type .swiper-slide .t{transition-duration:.4s;height:60px;display:flex;align-items: center;justify-content: center;color:#000000;text-align:center;font-size:20px;font-family: 'Montserrat-Regular';}
.index-content .index-type .swiper-slide:hover .p .i{top:0;}
.index-content .index-type .swiper-slide:hover a{border-color:#86A3CB;}
.index-content .index-type .swiper-slide:hover .t{background:#86A3CB;color:#fff;}
.swiper-scrollbar{background:#F9F9F9;height:3px;opacity:1 !important;}
.swiper-scrollbar .swiper-scrollbar-drag{background:#86A3CB;position: relative;}
.swiper-scrollbar .swiper-scrollbar-drag::after{width:100px;height:30px;background:url(../images/ico43.png);position: absolute;content:"";top:50%;transform: translateY(-50%);right:0;}


@media (max-width: 1550px){
.wrap{max-width:98%}
.swiper-prev,.swiper-next{display:none !important;}
}
@media (max-width: 1400px){
.banner .alt h4{font-size:40px;}
.banner .alt p{max-width:90%;margin:30px 0;font-size:14px;line-height:22px;}
}
@media (max-width: 1366px){
.banner .alt h2{font-size:50px;}
.show-pro .show-nav a{min-width:240px;}
.list-about-supply .txt h2{font-size:40px;}
.list-about-Procurement .bd .item .p p{font-size:18px}
}
@media screen and (max-width:992px) {
.wrap{max-width:100%;}
.top,.header,.show-pro .show_head .show_box .tupian_list,.show-pro .show-nav,.banner .menu{display:none;}
.show-pro .show_head .show_swiper{display:block;overflow: hidden;}
.banner .alt h2{font-size:30px;padding-top:0;}
.position{padding:20px 10px;flex-wrap:wrap;font-size:12px;}
.position a{font-size:12px;}
.position span{margin:0 5px;}
.main{padding:20px 10px;}
.show-pro .show_head{padding:0 0 30px 0;}
.show-pro .show_head .show_box .info_list{width:100%;padding:0 10px;}
.show-pro .show_head .show_box .info_list .alt h2{font-size:18px;line-height:32px;}
.show-pro .show_head .show_box .info_list .txt p{font-size:15px;line-height:25px;}
.show-pro .show_head .show_box .info_list .consult{padding-top:15px;margin-top:15px;}
.show-pro .show_head .show_box .info_list .consult .wx{width:40px;height:40px;border:1px solid #676767}
.show-pro .show_head .show_box .info_list .consult .email{height:40px;border:1px solid #676767;max-width:auto;font-size:15px;}
.show-pro .show-body{flex-wrap:wrap;}
.show-pro .show-body .txt{padding:0 0 20px 0;}
.show-pro .show-body .pic{width:100%;margin:0;}
.show-pro .show-body .txt h2{font-size:32px;margin-bottom:20px;}
.show-pro .show-body .txt p{font-size:16px;line-height:25px;margin-bottom:20px;}
.list-about-images{height:auto;padding:40px 10px;}
.list-about-images h2{font-size:32px;line-height:45px;}
.list-products-display .hd{margin-bottom:20px;}
.list-products-display .hd h2{font-size:24px;}
.list-products-display .bd .item{width:calc(100% / 3);}
.list-products-display .bd .item .p{font-size:12px;margin-top:8px;}
.list-faq{padding:40px 10px;}
.list-faq .hd{margin-bottom:20px;}
.list-faq .hd h2{font-size:24px;}
.list-faq .list .item{padding:22px 12px;}
.list-faq .list .item .faq-answer{font-size:15px;line-height:25px;}
.list-faq .list .item .faq-question p{font-size:18px;}
.footer{padding:40px 10px;height:auto;}
.footer .menu,.footer .wx{display:none;}
.footer .info{width:100%;}
.footer .info ul li{height:45px;font-size:14px;}
.footer .info ul li a{font-size:14px;}
.bottom{height:auto;padding:20px 10px 60px;}
.bottom .michuan{margin:20px auto 0;}
.list-pro-index .list .item{width:100%;margin:0 0 30px 0;}
.list-pro-index .list .item .txt h3{font-size:18px}
.list-news .title{padding:20px 10px;height:auto;}
.list-news .title h2{font-size:30px;}
.list-news .list .item a{padding:20px 10px;flex-wrap:wrap;}
.list-news .list .item a .pic{width:100%;}
.list-news .list .item a .txt{width:100%;padding:20px 0 0 0;}
.list-news .list .item a .txt h3{margin:0;}
.list-news .list .item a .txt p{margin:12px 0;font-size:12px;line-height:22px;}
.list-news .list .item a .txt span{font-size:12px;}
.list-news .paging{padding:25px 10px;}
.paging span, .paging a{min-width:38px;height:38px;line-height:38px;font-size:12px;margin:0 8px 8px 0;}
.list-news .content{padding:40px 10px 20px 10px;}
.list-news .content .more .back{display:none;}
.list-contact .info{padding:0 10px 20px 10px;}
.list-contact .info .item{width:100%;margin:0 0 20px 0;padding:22px;}
.list-contact .info .item h3{font-size:24px;margin-bottom:12px;}
.list-contact .info .item p{font-size:15px;margin-bottom:12px;line-height:26px;}
.list-contact .info .item p a{font-size:15px;}
.list-contact .form{padding:30px 10px;}
.list-contact .form .txt{width:100%;padding:0 0 30px 0;}
.list-contact .form .txt h2{font-size:32px;line-height:40px;}
.list-contact .form .txt .p{padding:20px 0 0 40px;}
.list-contact .form form{width:100%;}
.list-contact .form form input, .list-contact .form form textarea{height:50px;font-size:14px;}
.list-contact .form form textarea{min-height:100px;}
.list-contact .form form .btn{float:none;margin:20px auto 0;}
.list-contact .route{margin:0 10px;display:block;}
.list-contact .route .p{width:100%;padding:30px 10px 0;}
.list-contact .route .p p{font-size:14px;line-height:24px;}
.list-about-data{top:0;padding:20px 10px;}
.list-about-data .item h3{font-size:16px;}
.list-about-data .item h3 span{font-size:20px;}
.list-about-data .item p{font-size:12px;}
.list-about-data .item .line{width:40px;height:4px;}
.list-about-body{padding:20px 10px;}
.list-about-body .body h3{font-size:18px;margin-bottom:12px}
.list-about-body .body p{font-size:14px;line-height:24px;margin-bottom:12px;}
.list-about-body .images{padding-bottom:0;}
.list-about-body .images .item .p{font-size:12px;}
.list-about-Procurement .hd{margin:20px 10px;}
.list-about-Procurement .hd h2{font-size:24px;}
.list-about-Procurement .bd .item{width:50%;margin-bottom:30px;}
.list-about-Procurement .bd .item:nth-child(2n) .pic::after{display: none;}
.list-about-Procurement .bd .item .p p{font-size:14px;}
.list-about-Procurement .bd .item .p{margin-top:15px;}
.list-about-supply{margin:0 10px;height:auto;padding:40px 20px;}
.list-about-supply .txt{width:100%;}
.list-about-supply .txt h2{font-size:24px;}
.list-about-supply .txt p{margin:20px 0;font-size:13px;}
.list-about-supply .txt a{margin:0 auto;}
.list-about-supply .ico{width:100%;padding:40px 0 0 0;}
.list-about-supply .ico .item{margin-bottom:20px;}
.list-about-supply .ico .item .p p{font-size:12px;}
.list-about-certification .hd{padding:22px 10px;}
.list-about-certification .hd h2{font-size:22px;}
.list-about-certification .list .item{width:49%;margin:0 2% 12px 0;}
.list-about-certification .list .item:nth-child(2n){margin-right:0;}
.index_swiper{height:auto !important;top:0 !important}
.index_swiper .swiper-slide{background:none;}
.index_swiper .swiper-slide .p{display:block !important}
.index_swiper .pages{bottom:20px;justify-content: flex-end;padding:0 20px 0 0;;}
.index_swiper .pages .swiper-prev, .index_swiper .pages .swiper-next{display:none;}
.index_swiper .pages .pagination{margin:0;}
.index_swiper .pages .pagination .swiper-pagination-bullet{margin:0 10px 0 0;width:12px;height:12px;}
.index_swiper .swiper-slide .caption-content .box{max-width:80%;padding:0 10px;}
.index_swiper .swiper-slide .caption-content .box h3{font-size:20px;line-height:26px;}
.index_swiper .swiper-slide .caption-content .box p{display:none;margin-top:10px;font-size:12px;line-height:22px;}
.index-copywriting{height:auto;padding:80px 10px 40px;}
.index-copywriting .wrap{flex-wrap:wrap;}
.index-copywriting .txt{width:100%;}
.index-copywriting .p{width:100%;padding-top:40px;}
.index-copywriting .txt h2{font-size:20px;}
.index-copywriting .txt p{font-size:14px;line-height:24px;}
.index-copywriting .p h3{font-size:18px;}
.index-copywriting .p p{font-size:14px;line-height:24px;margin-top:10px;}
.index-copywriting .p a{margin-top:20px;}
.banner .alt h4{font-size:24px;}
.banner .alt p{display:none;}
.banner .alt .video img{width:30px;margin-top:20px}
.index-content .index-type .title{font-size:24px;margin:0;padding:20px 10px;}
.index-content .index-type .swiper-slide .t{height:auto;padding:8px 12px;font-size:16px;}
.index-content .index-type{padding-bottom:35px;margin-bottom:35px;}
.index-content .index-new-product{height:auto;margin:0 10px;padding:20px;}
.index-content .index-new-product .info{width:100%;padding:0 0 30px 0;display:none;}
.index-content .index-new-product .info h2{font-size:24px;}
.index-content .index-new-product .hot{width:100%;padding:0;}
.index-content .index-new-product .hot .hot-box{padding:15px;}
.index-content .index-ad .item > div{width:100%;}
.index-content .index-ad .item .txt-box{padding:40px 20px;}
.index-content .index-ad .item .txt-box .txt h2{margin:10px 0 20px;font-size:25px;}
.index-content .index-ad .item .txt-box .txt p{font-size:12px;line-height:24px;}
.index-content .index-pro{margin-bottom:40px;padding-bottom:70px;}
.list-pro{padding:0 10px 20px;}
.list-pro .title{font-size:21px;margin-bottom:25px;}
.list-pro .list .item .txt h3{font-size:12px;}
.list-pro .list .item{width:49%;margin:0 2% 15px 0;}
.list-pro .list .item:nth-child(2n){margin-right:0;}
.list-pro .paging{padding:25px 0;}
}