@import "font-awesome.css";
@import "michuan.css";
@import "animate.css";
@import "swiper.min.css";
*{box-sizing:border-box}
.wrap{width:100%;max-width:1760px;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:#E5E5DD;}

.header{height:130px;transition-duration:.5s;position:sticky;top:0;left:0;width:100%;z-index:999999;padding-left:230px;background:#E5E5DD;}
.header .logo{position: absolute;left:0;top:0;width:230px;height:100%;background:#686C5E;display:flex;align-items:center;justify-content: center;}
.header .header_top{z-index:2;transition-duration:.3s;padding-right:20px;width:100%;background:#C1BDB1;height:50px;display:flex;justify-content: flex-end;align-items: center;}
.header .header_top .t span{font-size:14px;color:#686c5e;}
.header .header_top .t img{margin:0 20px 0 24px;}
.header .header_top .country{display:flex;align-items:center;height:100%;}
.header .header_top .country a{margin-left:17px;display:flex;align-items:center;height:100%;}
.header .header_top .country a:first-child{margin:0;}
.header .header_top .country a span{font-size:14px;color:#686c5e;margin-left:8px;}
.header .header_top .country a:hover span{color:#686c5e}
.header .header_info{height:80px;display:flex;align-items: center;position: relative;z-index:3;background:#E5E5DD;}
.header .header_info .menu{display:flex;height:100%}
.header .header_info .menu .item{margin-left:40px;height:100%;display:flex;position: relative;z-index:11111111111;}
.header .header_info .menu .item:after{content:'';position:absolute;left:0;bottom:10px;width:0;height:2px;background:#686c5e;transition:all 0.3s ease-in-out;}
.header .header_info .menu .item.on:after,.header .header_info .menu .item:hover::after{width:100%;}
.header .header_info .menu .item h3,.header .header_info .menu .item h3 a{font-family: 'MontserratSemiBold';text-transform:uppercase;color:#686C5E;align-items: center;display:flex;height:100%}
.header .header_info .menu .item .pro_sub{width:100%;background:#C1BDB1;position:fixed;z-index:11111111111;left:0;top:130px;transform: scaleY(0);transform-origin: top;transition: transform 0.3s ease-in-out;}
.header .header_info .menu .item .pro_sub .hd{padding:10px 0;display:flex;align-items:center;position: relative;}
.header .header_info .menu .item .pro_sub .hd:after{width:100%;height:1px;background:#686C5E;top:120px;content:"";position: absolute;left:0;}
.header .header_info .menu .item .pro_sub .hd a{width:200px;height:100px;;margin:0 30px;border-radius:8px;transition-duration:.4s;position: relative;}
.header .header_info .menu .item .pro_sub .hd a:after{width:1px;height:100%;background:#686C5E;right:-30px;content:"";position: absolute;top:0;}
.header .header_info .menu .item .pro_sub .hd a:last-child:after{display:none}
.header .header_info .menu .item .pro_sub .hd a.on{background:#686C5E;}
.header .header_info .menu .item .pro_sub .hd .i{height:60px;display:flex;align-items: center;width:100%;justify-content:center;}
.header .header_info .menu .item .pro_sub .hd .i img{height:40px;max-width:160px;}
.header .header_info .menu .item .pro_sub .hd a .i img:last-child{display:none;}
.header .header_info .menu .item .pro_sub .hd p{font-size:18px;color:#686C5E;font-family: 'MontserratSemiBold';text-transform:uppercase;text-align:center;}
.header .header_info .menu .item .pro_sub .hd a.on p{color:#fff;}
.header .header_info .menu .item .pro_sub .hd a.on .i img:first-child{display:none;}
.header .header_info .menu .item .pro_sub .hd a.on .i img:last-child{display:block;}
.header .header_info .menu .item .pro_sub .bd{padding:30px 0;}
.header .header_info .menu .item .pro_sub .bd .box{display:flex;flex-wrap;wrap;}
.header .header_info .menu .item .pro_sub .bd a{padding:0 15px;padding-bottom:20px;border-right:1px solid #686C5E;display:flex;align-items: center;justify-content: center;flex-direction: column;width:25%;}
.header .header_info .menu .item .pro_sub .bd a:last-child{border:0;}
.header .header_info .menu .item .pro_sub .bd a p{margin-top:15px;font-family: 'MontserratSemiBold';font-size:18px;color:#686C5E;text-transform:uppercase;text-align:center;}
.header .header_info .menu .item .pro_sub .bd a:hover p{color:#686c5e;}
.header .header_info .menu .item .pro_sub .bd .i{height:130px;display:flex;align-items: center;}
.header .header_info .menu .item:hover .pro_sub{transform: scaleY(1);}
.header .header_info .menu .item h3,.header .header_info .menu .item h3 a{font-family: 'MontserratSemiBold';text-transform:uppercase;color:#686C5E;align-items: center;display:flex;height:100%}
.header.height .header_info .menu .item .pro_sub{top:130px;}
.header .header_info .menu .item .sub{min-width:220px;background:#C1BDB1;position: absolute;left:0;top:80px;transform: scaleY(0);transform-origin: top;transition: transform 0.3s ease-in-out;}
.header .header_info .menu .item .sub a{font-size:16px;font-family: 'MontserratSemiBold';text-transform:uppercase;position: relative;overflow:hidden;display:flex;align-items: center;padding:15px;border-bottom:1px solid #BFC0B7;}
.header .header_info .menu .item .sub a .p{margin-left:10px;}
.header .header_info .menu .item .sub a:last-child{border:0;}
.header .header_info .menu .item .sub a::after{transition-duration:.4s;content:'';position:absolute;left:-100%;top:0;width:100%;height:100%;background:#686c5e;z-index:-1;}
.header .header_info .menu .item .sub a:hover{color:#fff;}
.header .header_info .menu .item .sub a:hover:after{left:0}
.header .header_info .menu .item:hover .sub{transform: scaleY(1);}
.header .header_info .info{display:flex;align-items: center;height:100%;}
.header .header_info .info a{padding:0 30px;display:flex;height:80px;align-items:center;border-left:1px solid #BFC0B7;}

.index-header{position: fixed;top:0;}

.banner,.banner img{width:100%;}

.index_swiper{position: relative;overflow: hidden;z-index:99;}
.index_swiper .p{display:none;}
.index_swiper .btn{width:50px;height:50px;position: absolute;z-index:1000;left:10%;bottom:130px;cursor: pointer;}
.index_swiper .btn-down{left:calc(10% + 70px);}
.index_swiper .btn.swiper-button-disabled{opacity:.4;}
.index_swiper .swiper-slide{background-position: center;background-repeat: no-repeat;}
.index_swiper .swiper-slide a{display:block;width:100%;height:100%;position: relative;}
.index_swiper .swiper-slide a h2{font-size:60px;color:#E5E5DD;line-height:60px;font-family: 'MontserratSemiBold';position: absolute;right:20%;top:30%;}
.index_swiper .swiper-slide a .info{position: absolute;bottom:130px;right:10%;width:100%;max-width:1100px;}
.index_swiper .swiper-slide a .info p{font-size:20px;color:#E5E5DD;line-height:30px;margin-top:220px;font-family: 'MontserratSemiBold';text-align:right;}
.index_swiper .swiper-slide a .info .line{height:10px;background:#E5E5DD;margin:20px 0;}
.index_swiper .swiper-slide a .info span{display:block;font-size:20px;color:#E5E5DD;text-transform:uppercase;font-family: 'MontserratSemiBold';}

.pc-menu{display:flex;justify-content: center;align-items: center;padding:60px 0 20px;position: relative;z-index:9}
.pc-menu .item{margin-right:15px;display:flex;flex:0 0 1;position: relative;z-index:33}
.pc-menu .item:last-child{margin-right:0;}
.pc-menu .item h3 a{display:flex;justify-content:space-between;width:100%;padding:0 50px 0 30px;align-items:center;height:100%;position: relative;z-index:9999}
.pc-menu .item h3 a i{color:#fff;position: absolute;right:20px;top:20px;font-size:17px;}
.pc-menu .item h3{width:100%;overflow:hidden;;position: relative;z-index:1;background:url(../images/bg1.png);background-size:100% 100%;height:60px;display:flex;align-items: center;justify-content: center;}
.pc-menu .item h3 a .i{position: relative;z-index:3;}
.pc-menu .item h3 a .p{position: relative;z-index:3;margin-left:15px;font-size:18px;color:#E5E5DD;text-transform:uppercase;font-family: 'MontserratSemiBold';}
.pc-menu .item h3 .bg{transition-duration:.3s;position: absolute;width:100%;height:100%;left:0%;content:"";top:-100%;z-index:2;background:url(../images/bg2.png);background-size:100% 100%;}
.pc-menu .item.on .bg,.pc-menu .item:hover .bg{top:0;}
.pc-menu .item .sub_nav{transform: scaleY(0);transform-origin: top;transition: transform 0.3s ease-in-out;position: absolute;left:0;width:100%;top:60px;z-index:999}
.pc-menu .item .sub_nav a{width:100%;height:45px;background:#C1BDB1;font-family: 'MontserratSemiBold';margin-top:5px;border-radius:30px;font-size:16px;color:#E5E5DD;padding:0 20px;text-transform:uppercase;display:flex;align-items:center}
.pc-menu .item .sub_nav a:hover{background:#686C5E;color:#fff;}
.pc-menu .item:hover .sub_nav{transform: scaleY(1);}

.list-news,.list-news .bd{padding-bottom:70px}
.list-news .bd .item{width:calc(50% - 60px);border-bottom:1px solid #BFC0B7;padding:60px 0 30px;position: relative;}
.list-news .bd .item::after{content:'';position:absolute;left:0;bottom:-1px;width:0;height:2px;background:#686c5e;transition:all 0.3s ease-in-out;}
.list-news .bd .item:hover::after{width:100%;}
.list-news .bd .item a{display:flex;width:100%;}
.list-news .bd .item a .pic{width:310px;}
.list-news .bd .item a .txt{flex:1;padding-left:15px;}
.list-news .bd .item a .txt h3{margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; font-size:18px;font-family: 'MontserratSemiBold';}
.list-news .bd .item a .txt p{margin:20px 0;font-size:16px;color:#686C5E;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.list-news .bd .item a .txt span{font-size:14px;color:#686C5E;}
.list-news .show{padding:50px 0;}
.list-news .show .title{font-size:18px;color:#686C5E;font-family: 'MontserratSemiBold';}
.list-news .show .time{font-size:14px;color:#686C5E;font-family: 'MontserratSemiBold';padding:25px 0 35px 0;}
.list-news .show .body{font-size:16px;line-height:24px;color:#686C5E;padding:30px 0;border-top:1px solid #CACBC2;border-bottom:1px solid #CACBC2}
.list-news .show .body p{margin-bottom:15px;}
.list-news .alt{font-size:48px;color:#686C5E;font-family: 'MontserratSemiBold';text-transform:uppercase;}
.list-news .more{margin-bottom:40px;}
.list-news .more .up p,.list-news .more .up p a{font-size:16px;line-height:26px;color:#686C5E;}
.list-news .more .up p a:hover{color:#686c5e}
.list-news .more .btn{width:137px;height:60px;background:url(../images/bg3.png);display:flex;align-items: center;justify-content: center;}
.list-news .more .btn span{font-size:18px;color:#E5E5DD;margin-left:10px;}
.list-news .more .btn:hover{background:url(../images/bg4.png);}

.footer{background:#686C5E;}
.footer .footer_top{padding:30px 0;border-bottom:1px solid #75786B}
.footer .footer_top .ico{display:flex;align-items: center;}
.footer .footer_top .ico span{font-size:14px;color:#E5E5DD;margin-right:40px;}
.footer .footer_top .ico div{display:flex;align-items: center;}
.footer .footer_top .ico a{display:flex;align-items: center;justify-content: center;width:35px;height:35px;background:#E5E5DD;border-radius:100%;margin-right:10px;color:#686C5E;}
.footer .footer_top .ico a:hover{background:#686c5e;color:#fff;}
.footer .footer_top .up{cursor: pointer;}
.footer .footer_top .up span{font-size:14px;color:#E5E5DD;text-transform:uppercase;margin-right:25px;}
.footer .footer_info{padding:70px 0;}
.footer .footer_info .txt{display:flex;align-items: center;}
.footer .footer_info .txt h2{padding-right:120px;position: relative;;font-size:36px;line-height:36px;color:#E5E5DD;text-transform:uppercase;font-family: 'MontserratSemiBold';}
.footer .footer_info .txt h2::after{height:60px;width:2px;background:#818477;position: absolute;content:"";right:40px;top:50%;margin-top:-30px;}
.footer .footer_info .txt p{font-size:16px;line-height:30px;color:#E5E5DD;padding:0 10px 0 0;}
.footer .footer_info .form{flex:1;max-width:580px;height:60px;background:#ECEFF1;border-radius:35px;}
.footer .footer_info .form form{display:flex;width:100%;height:100%;border-radius:35px;}
.footer .footer_info .form input{width:calc(100% - 150px);height:100%;padding:0 15px 0 30px;border-radius:35px 0 0 35px ;}
.footer .footer_info .form input:hover{color:#686C5E}
.footer .footer_info .form .btn{transition-duration:.4s;width:150px;height:100%;display:flex;align-items: center;justify-content: center;border-radius:0 35px 35px 0;font-size:18px;color:#FFFFFF;background:#B3B5AA;cursor: pointer;;}
.footer .footer_info .form .btn:hover{background:#686c5e;}
.footer .footer_bottom{padding:45px 0 70px;border-top:1px solid #75786B}
.footer .footer_bottom p,.footer .footer_bottom p a{font-size:18px;color:#fff;}
.footer .footer_bottom p a{margin-left:15px;}

.list-exhibition .list .item{width:calc(100% / 3 - 40px);margin:0 60px 60px 0;}
.list-exhibition .list .item:nth-child(3n){margin-right:0;}
.list-exhibition .list .item .pic,.list-exhibition .list .item .pic img{border-radius:15px;}
.list-exhibition .list .item .txt h3{position: relative;;margin-bottom:10px;padding:25px 0 20px 0;border-bottom:1px solid #CCCDC4;font-size:18px;color:#686C5E;font-family: 'MontserratSemiBold';text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-exhibition .list .item .txt h3::after{position: absolute;content:"";width:0;height:2px;left:0;bottom:-1px;background:#686c5e;transition:all 0.3s ease-in-out;}
.list-exhibition .list .item .txt p{font-size:16px;line-height:32px;color:#686C5E;}
.list-exhibition .list .item:hover .txt h3::after{width:100%;}
.list-exhibition .list .item:hover .txt h3{color:#686c5e}

.list-video .list .item{transition-duration:.4s;width:calc(100% / 4 - 30px);margin:0 40px 40px 0;padding:15px;background:#fff;border-radius:10px;}
.list-video .list .item:nth-child(4n){margin-right:0;}
.list-video .list .item .pic{width:100%;}
.list-video .list .item .pic video,.list-video .list .item .pic img{width:100%;display:block;height:100%;}
.list-video .list .item .txt{font-size:16px;color:#686C5E;margin:20px 0 10px;}
.list-video .list .item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);transform: translateY(-10px);}
.list-video .list .item:hover .txt{color:#686c5e;}

.list-pro .list .item{transition-duration:.4s;position: relative;;width:calc(100% / 4 - 30px);margin:0 40px 40px 0;border-radius:10px;background:#FFFFFF;}
.list-pro .list .item:nth-child(4n){margin-right:0;}
.list-pro .list .item .pic{padding:25px 20px;}
.list-pro .list .item .txt{padding:30px;border-top:1px solid #686C5E;transition-duration:.4s;position: relative;}
.list-pro .list .item .txt::after{position: absolute;content:"";width:0;height:2px;left:0;top:-1px;background:#686c5e;transition:all 0.3s ease-in-out;}
.list-pro .list .item .txt h3{transition-duration:.4s;font-size:24px;color:#686C5E;font-family: 'MontserratSemiBold';}
.list-pro .list .item .txt p{font-size:16px;color:#686C5E;margin-top:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-pro .list .item .inquiry_btn{font-size:16px;cursor: pointer;;bottom:70px;right:25px;position: absolute;z-index:2;}
.list-pro .list .item .inquiry_btn:hover{color:#686c5e}
.list-pro .list .item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);transform: translateY(-10px);}
.list-pro .list .item:hover .txt::after{width:100%;}
.list-pro .list .item:hover .txt h3{color:#686c5e}
.list-pro .alt{font-size:48px;line-height:48px;color:#686C5E;text-transform:uppercase;font-family: 'MontserratSemiBold';margin-bottom:40px;}
.list-pro .body{padding-bottom:40px;}
.list-pro .body table{width:100%;}
.list-pro .body table tbody{display:flex;justify-content:space-between;flex-wrap:wrap;}
.list-pro .body table tr{width:calc(50% - 30px);height:50px;display:flex;align-items: center;border-bottom:1px solid #CCCDC4;;}
.list-pro .body table tr td{width:33%;}
.list-pro .body table tr td:nth-child(2){flex:1;}
.list-pro .show_products{padding:60px 45px 20px;margin-bottom:50px;background:#FFFFFF;border-radius:10px;}
.list-pro .show_products .show_swiper{display:none;}
.list-pro .show_products .show_box .tupian_list{flex:1;}
.list-pro .show_products .show_box .tupian_list .datu{width:calc(100% - 130px);display:flex;justify-content: center;}
.list-pro .show_products .show_box .tupian_list .datu a img,.list-pro .show_products .show_box .tupian_list .datu img{display:block;max-height:600px;width:100%;height:100%;}
.list-pro .show_products .show_box .tupian_list .xiaotu{width:100px;}
.list-pro .show_products .show_box .tupian_list .xiaotu li{display:flex;align-items: center;margin-bottom:15px;width:100px;height:100px;border:1px solid #C1BDB1;border-radius:4px}
.list-pro .show_products .show_box .tupian_list .xiaotu li img{width:100%;}
.list-pro .show_products .show_box .tupian_list .btn{display:flex;align-items: center;}
.list-pro .show_products .show_box .tupian_list .btn a{border-radius:5px 0 0  5px;height:40px;width:50%;display:flex;align-items: center;justify-content: center;color:#686C5E;background:#E5E5DD;}
.list-pro .show_products .show_box .tupian_list .btn a:last-child{border-radius:0 5px 5px 0;background:#686C5E;color:#fff;}
.list-pro .show_products .show_box .info_list{width:680px;padding-left:40px;display:flex;align-content: space-between;flex-wrap:wrap;}
.list-pro .show_products .show_box .info_list .info_list_top{width:100%;}
.list-pro .show_products .show_box .info_list .info_list_top .title{position: relative;}
.list-pro .show_products .show_box .info_list .info_list_top .title h2{font-size:24px;color:#686C5E;font-family: 'MontserratSemiBold';text-transform:uppercase;}
.list-pro .show_products .show_box .info_list .info_list_top .title h3{margin:10px 0;font-size:16px;color:#686C5E;}
.list-pro .show_products .show_box .info_list .info_list_top .ico{padding:25px 0;margin:27px 0 20px;border-top:1px solid #686C5E;border-bottom:1px solid #686C5E;display:flex;align-items: center;}
.list-pro .show_products .show_box .info_list .info_list_top .ico a{width:44px;height:44px;margin-right:10px;background:#686C5E;color:#fff;border-radius:4px;display:flex;align-items: center;justify-content: center;font-size:16px;}
.list-pro .show_products .show_box .info_list .info_list_top .ico a:hover{background:#686c5e;border-radius:44px}
.list-pro .show_products .show_box .info_list .info_list_top .txt{padding-bottom:15px;font-size:16px;line-height:26px;color:#686C5E}
.list-pro .show_products .show_box .info_list .info_list_bottom{width:100%;border:1px solid #686C5E;padding:15px;border-radius:8px;}
.list-pro .show_products .show_box .info_list .info_list_bottom h2{color:#686C5E;font-size:24px;font-family: 'MontserratSemiBold';}
.list-pro .show_products .show_box .info_list .info_list_bottom p{font-size:16px;line-height:24px;color:#191A1C;margin:5px 0 10px;}
.list-pro .show_products .show_box .info_list .info_list_bottom h3{font-size:16px;color:#191A1C;}
.list-pro .show_products .show_box .info_list .info_list_bottom h3 a{font-size:16px;color:#686C5E;font-family: 'MontserratSemiBold';}
.list-pro .show_products .show_box .info_list .info_list_bottom .message_btn{transition-duration:.3s;margin:20px 0 0 0;width:100%;border-radius:5px;cursor: pointer;;display:flex;align-items: center;justify-content: center;height:40px;background: #686C5E;color:#fff;}
.list-pro .show_products .show_box .info_list .info_list_bottom .message_btn img{margin-right:10px;}
.list-pro .show_products .show_box .info_list .info_list_bottom .message_btn:hover{background:#686c5e;border-radius:40px;}

.list-contact .info{width:50%}
.list-contact .info .t{margin-bottom:10px;}
.list-contact .info .t h2{margin-bottom:10px;font-size:48px;color:#686C5E;font-family: 'MontserratSemiBold';}
.list-contact .info .t p{font-size:18px;color:#686C5E;line-height:30px;}
.list-contact .info .bd .item{padding:35px 0;border-bottom:1px solid #B7BAB5}
.list-contact .info .bd .item h3{font-size:24px;color:#686C5E;font-family: 'MontserratSemiBold';margin-bottom:18px;}
.list-contact .info .bd .item p,.list-contact .info .bd .item p a{font-size:16px;color:#686C5E;}
.list-contact .info .bd .item p a:hover{color:#686c5e}
.list-contact .info .form{padding-top:60px;}
.list-contact .info .form input{margin-bottom:30px;display:flex;align-items: center;justify-content: center;padding:0 20px;height:50px;background:url(../images/bg5.png);width:100%;background-size:100% 100%;}
.list-contact .info .form textarea{margin-bottom:30px;padding:15px 20px;min-height:250px;background:url(../images/bg6.png);width:100%;background-size:100% 100%;}
.list-contact .info .form .code_btn_box .btn{cursor: pointer;display:flex;align-items: center;justify-content: center;width:175px;background:url(../images/bg7.png);height:50px;background-size:100% 100%;}
.list-contact .info .form .code_btn_box .code_box{width:calc(100% - 200px);position: relative;}
.list-contact .info .form .code_btn_box .code_box img{position: absolute;bottom:1px;right:10px;height:48px;}
.list-contact .info .form .code_btn_box .btn span{font-size:16px;color:#FFFFFF;margin-left:10px;}
.list-contact .info .form .code_btn_box .btn:hover{background:url(../images/bg8.png);background-size:100% 100%}
.list-contact .map{width:50%;}
.list-contact .map .i{display:flex;justify-content: center;position:sticky;top:100px;}

.list-about .body .txt{width:52.5%;}
.list-about .body .txt h2{margin:22px 0 50px;font-size:48px;line-height:48px;color:#686C5E;font-family: 'MontserratSemiBold';}
.list-about .body .txt p{font-size:18px;line-height:24px;color:#686C5E;margin-bottom:25px;}
.list-about .body .pic{width:37%;}
.list-about .body .pic .i{position:sticky;top:100px;}
.list-about .alt{font-size:48px;line-height:48px;color:#686C5E;text-transform:uppercase;font-family: 'MontserratSemiBold';margin:55px 0;}
.list-about .images_list .item{transition-duration:.5s;width:calc(100% / 5 - 20px);margin:0 25px 30px 0;border-radius:8px;padding:10px;background:#FFFFFF;}
.list-about .images_list .item:nth-child(5n){margin-right:0;}
.list-about .images_list .item .p{margin:10px 0;font-size:16px;}
.list-about .images_list .item:hover{transform:translateY(-10px);}
.list-about .history_swiper .swiper-slide{border-radius:8px;padding:10px;background:#FFFFFF;}
.list-about .history_swiper .swiper-slide .p{margin:10px 0;font-size:16px;}
.list-about .swiper-wrapper{padding-bottom:45px;}
.list-about .swiper-scrollbar-horizontal{height:5px;left:0 !important;width:100% !important;background:#6A6C5E !important}
.list-about .swiper-scrollbar-horizontal .swiper-scrollbar-drag{background:#C1BDB1 !important}
.list-about .swiper-scrollbar-horizontal .swiper-scrollbar-drag::after{width:18px;position: absolute;right:0;bottom:-8px;height:18px;content:"";/*background:url(../images/ico16.png);*/}

.index-ad{display:flex;align-items: center;height: 500px;background: url(../images/index2.jpg) no-repeat center center;background-attachment: fixed;background-size: cover;background-position: center;}
.index-ad .txt h2{font-size:60px;line-height:60px;color:#E5E5DD;font-family: 'MontserratSemiBold';}

.index-content{position: relative;z-index:222222;background:#E5E5DD;}

.index-about{padding:110px 0;}
.index-about .txt{width:47%;padding-right:7%}
.index-about .txt .logo{padding:30px 0 15px;}
.index-about .txt h2{font-size:36px;color:#686C5E;font-family: 'MontserratSemiBold';line-height:36px;}
.index-about .txt p{font-size:18px;line-height:24px;color:#686C5E;margin:50px 0}
.index-about .txt a.btn{width:220px;height:60px;display:flex;align-items: center;justify-content: center;background:url(../images/bg9.png);background-size:100% 100%;color:#fff;font-size:18px;font-family: 'MontserratSemiBold';}
.index-about .txt a.btn img{margin-right:10px;}
.index-about .txt a.btn:hover{background:url(../images/bg10.png);background-size:100% 100%;}
.index-about .txt ul{margin-top:100px;display:flex;}
.index-about .txt ul li{transition-duration:.4s;margin-right:50px;width:300px;height:135px;display:flex;align-items: center;background:url(../images/bg11.png);background-size:100% 100%;}
.index-about .txt ul li a{display:flex;align-items: center;padding:0 15px 0 50px;height:100%;}
.index-about .txt ul li a .i{width:62px;}
.index-about .txt ul li a .p{font-size:18px;color:#686C5E;padding-left:20px;font-family: 'MontserratSemiBold';text-transform:uppercase;}
.index-about .txt ul li:hover{transform: translateY(-10px);}
.index-about .pic{width:53%;}
.index-about .pic .pic_top{display:flex;position: relative;}
.index-about .pic .pic_top .p{width:240px;}
.index-about .pic .pic_top .t{padding-left:60px;flex:1;}
.index-about .pic .pic_top .t h2{font-size:30px;color:#686C5E;font-family: 'MontserratSemiBold';line-height:36px;padding:40px 0 30px;}
.index-about .pic .pic_top .t .line{display:flex;}
.index-about .pic .pic_top .t .line span{width:65px;height:10px;background:#686C5E}
.index-about .pic .pic_top .t .line span:nth-child(2){background:#A6A89D}
.index-about .pic .pic_top .t .line span:nth-child(3){background:#D8D9D0;}
.index-about .pic .pic_top::after{width:1px;height:120px;content:'';position: absolute;right:0;top:0;background:#686C5E}
.index-about .pic .pic_bottom .logo{text-align:right;margin-top:-20px;padding:0 20px 50px 0;}
.index-about .pic .pic_bottom .p_box{display:flex;}
.index-about .pic .pic_bottom .p_box .t{width:240px;position: relative;padding-right:10px;display:flex;justify-content: flex-end;}
.index-about .pic .pic_bottom .p_box .t::after{width:1px;height:60px;content:'';position: absolute;right:26px;top:-80px;opacity:1;background:#686C5E}
.index-about .pic .pic_bottom .p_box .t h2{font-size:30px;font-family: 'MontserratSemiBold';color:#686C5E;text-transform:uppercase;opacity:.2;writing-mode: vertical-rl;white-space: nowrap;}
.index-about .pic .pic_bottom .p_box .p{flex:1;}
.index-about .pic .pic_bottom .p_box .p img{width:100%}

.index_pro{padding:120px 0 80px 0;}
.index_pro .list{padding:15px 10px;}

.index-prohot{position: relative;overflow: hidden;background:url(../images/bg20.jpg) no-repeat center;background-size:cover}
.index-prohot .swiper-slide{overflow:hidden;}
.index-prohot .swiper-slide a{display:flex;justify-content:flex-end;width:100%;z-index:99;position: relative;}
.index-prohot .swiper-slide .p{width:60%;padding-right:5%}
.index-prohot .swiper-slide .p img{width:100%;}
.index-prohot .btn{width:50px;height:50px;position: absolute;z-index:1000;top:50%;cursor: pointer;}
.index-prohot .btn-up{left:2%;}
.index-prohot .btn-down{right:2%;}
.index-prohot .btn.swiper-button-disabled{opacity:.4;}
.index-prohot .swiper-slide .info{position: absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.index-prohot .swiper-slide .wrap{position: relative;height:100%;display:flex;}
.index-prohot .swiper-slide .logo{position: absolute;right:0;top:90px;}
.index-prohot .swiper-slide .brand{transition-duration:.7s;bottom:60px;position: absolute;right:-500px;display:flex;}
.index-prohot .swiper-slide .brand .item{display:flex;align-items: center;margin-left:25px;height:75px;width:266px;background:url(../images/bg13.png);position: relative;}
.index-prohot .swiper-slide .brand .item .t{width:82px;;height:100%;display:flex;align-items: center;text-align:center;justify-content: center;position: relative;}
.index-prohot .swiper-slide .brand .item .t h2{font-size:30px;color:#E5E5DD;font-family: 'MontserratSemiBold';text-transform:uppercase;}
.index-prohot .swiper-slide .brand .item .t span{position: absolute;bottom:5px;right:8px;font-size:14px;color:#E5E5DD;}
.index-prohot .swiper-slide .brand .item .c{flex:1;padding:0 10px;font-size:16px;line-height:22px;color:#686C5E;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.index-prohot .swiper-slide .ico{position: absolute;bottom:150px;left:0;}
.index-prohot .swiper-slide .txt{position: absolute;top:-100%;left:0;max-width:570px;transition-duration:.7s;opacity:0;}
.index-prohot .swiper-slide.swiper-slide-active .txt{top:70px;opacity:1;}
.index-prohot .swiper-slide.swiper-slide-active .brand{right:0;}
.index-prohot .swiper-slide .txt h2{font-size:100px;color:#E5E5DD;font-family: 'MontserratSemiBold';display:inline-block;padding:8px 25px;line-height:100px;text-transform:uppercase;background:url(../images/bg14.png);background-size:100% 100%;}
.index-prohot .swiper-slide .txt h3{margin:50px 0;font-size:30px;color:#686C5E;line-height:36px;font-family: 'MontserratSemiBold';text-transform:uppercase;}
.index-prohot .swiper-slide .txt .more{width:220px;height:60px;display:flex;align-items: center;justify-content: center;background:url(../images/bg9.png);background-size:100% 100%;color:#fff;font-size:18px;font-family: 'MontserratSemiBold';}
.index-prohot .swiper-slide .txt .more img{margin-right:10px;}
.index-prohot .swiper-slide:hover .txt .more{background:url(../images/bg10.png);background-size:100% 100%;}
.index-prohot .menus{position: absolute;left:0;bottom:60px;width:100%;z-index:99;display:flex;align-items: center;}
.index-prohot .swiper-scrollbar{width:580px;height:3px;background:#E5E5DD;position: static;}
.index-prohot .swiper-scrollbar .swiper-scrollbar-drag{background:#686C5E}
.index-prohot .tions{position: static;width:auto;}
.index-prohot .tions .swiper-pagination-bullet{background:none;opacity:1;margin-left:20px;font-size:18px;color:#686C5E;font-family: 'MontserratSemiBold';}
.index-prohot .tions .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#fff;}

@media (max-width: 1760px){
.wrap{max-width:98%}
.index_swiper .swiper-slide a .info{max-width:60%;}
}
@media (max-width: 1366px){
.footer .footer_info .txt h2{font-size:30px;padding-right:60px;}
.pc-menu a .item .p{font-size:16px;}
.index-prohot .swiper-slide .txt .more{display:none;}
.list-pro .show_products .show_box .info_list{width:440px;}
}
@media (max-width: 1200px){
.index-prohot .swiper-scrollbar{width:400px}
.index-prohot .swiper-slide .txt h2{font-size:70px;line-height:70px;}
.index-prohot .swiper-slide .txt h3{margin:20px 0;font-size:16px;line-height:26px;}
.list-news .bd .item{width: calc(50% - 20px);}
.list-news .bd .item a .pic{width:240px}
.list-news .bd .item a .txt p{margin:10px 0;-webkit-line-clamp:3 }
.list-pro .show_products .show_box .info_list{width:380px;}
}
@media (max-width: 1024px){
.header .header_info .menu .item{margin-left:15px}
.header{padding-left:200px}
.header .logo{width:200px;}
.index-about .pic .pic_top .t{padding-left:30px;}
.index-about .pic .pic_top .t h2{padding:20px 0;font-size:20px;line-height:28px}
.index-about .txt{padding-right:2%}
.list-pro .show_products .show_box .info_list{width:320px;}
}
@media screen and (max-width:992px) {
.wrap{max-width:100%;}
.show_swiper{display:block !important;overflow: hidden;}
.footer .footer_info .txt h2,.header,.pc-menu,.list-pro .show_products .show_box .tupian_list,.footer .logo,.footer .footer_top .ico span,.footer .footer_top .up{display:none !important}
.main,.footer{padding:30px 10px;}
.list-pro .show_products{padding:0;margin-bottom:30px;}
.list-pro .show_products .show_box .info_list{width:100%;padding:0}
.list-pro .alt{font-size:30px;line-height:30px;margin-bottom:20px;}
.list-pro .body table tr{width:100%;height:45px}
.list-pro .list .item{width:48%;margin:0 2% 40px 0 !important;}
.list-pro .list .item:nth-child(2n){margin-right:0 !important}
.list-pro.index_pro .list .item{width:100%;margin:0 !important}
.index_pro{overflow:hidden}
.index_pro .list{padding:0 0 40px 0}
.index_pro .swiper-pagination{display:block !important}
.index_pro .swiper-pagination-bullet-active{background:#686C5E !important}
.footer .footer_top{padding:0;;}
.footer .footer_top .ico{padding-bottom:20px;width:100%;justify-content: center;}
.footer .footer_info{padding:30px 0;}
.footer .footer_info .txt p{line-height:25px;margin-bottom:15px;}
.footer .footer_bottom{padding:20px 10px 50px;}
.footer .footer_bottom p, .footer .footer_bottom p a{font-size:14px;}
.footer .footer_bottom .michuan{margin:20px auto 0;}
.footer .footer_info .form{width:100%;}
.list-exhibition .list .item{width:100%;margin:0 0 15px 0;}
.list-exhibition .list .item .txt h3{padding:10px 0;font-size:15px;}
.list-news{padding:20px 10px;}
.list-news .bd{padding-bottom:0;}
.list-news .show{padding:0;}
.list-news .more .btn{margin:25px auto 0;}
.list-news .alt{font-size:30px;}
.list-news .bd .item{width:100%;margin:0 0 15px 0;padding:15px 0;}
.list-news .bd .item a .pic{width:160px;}
.list-news .bd .item a .txt p {margin: 0;-webkit-line-clamp: 2;}
.list-video .list .item{width:48%;margin:0 4% 15px 0 !important}
.list-video .list .item:nth-child(2n){margin-right:0 !important}
.list-contact .map{display:none;}
.list-contact .info{width:100%;}
.list-contact .info .t h2{font-size:30px}
.list-contact .info .bd .item{padding:18px 0;}
.list-contact .info .form .code_btn_box .code_box{width:100%;}
.list-contact .info .form .code_btn_box .btn{margin:0 auto;}
.list-contact .info .form input{margin-bottom:15px;}
.list-about .body .pic{display:none;}
.list-about .body .txt{width:100%;}
.list-about .body .txt h2{margin:10px 0 25px;font-size:30px;line-height:36px;}
.list-about .body .txt p{font-size:15px;line-height:28px;margin-bottom:10px;}
.list-about .alt{margin:20px 0;font-size:30px;line-height:30px;}
.list-about .images_list .item{width:48%;margin:0 4% 15px 0;}
.list-about .images_list .item:nth-child(2n){margin-right:0;}
.index_swiper{height:300px !important}
.index_swiper .btn{bottom:10px;width:30px;height:30px;left:10px}
.index_swiper .btn-down{left:calc(100% - 40px);}
.index_swiper .swiper-slide{background:none;}
.index_swiper .swiper-slide .p{display:block;}
.index_swiper .swiper-slide a .info{display:none;}
.index_swiper .swiper-slide a h2{font-size:30px;line-height:40px;padding:0 15px;top:0;right:0;width:100%;display:flex;align-items: center;justify-content: center;height:100%;}
.index-about{padding:40px 10px;}
.index-about .txt{width:100%;padding:0 0 20px 0;}
.index-about .txt h2{font-size:26px;line-height:25px;}
.index-about .txt p{margin:25px 0;font-size:15px;line-height:24px;}
.index-about .pic{width:100%;}
.index-about .txt ul{margin-top:30px}
.index-about .txt ul li{width:calc(50% - 20px);margin-right:40px;height:auto;padding:20px 0;height:100%;}
.index-about .txt ul li:last-child{margin:0;}
.index-about .txt ul li a{padding:0 10px;display:flex;justify-content: center;height:100%;align-items: center;width:100%;}
.index-about .txt ul li a .i{width:30px;}
.index-about .pic .pic_top .p{width:100px;}
.index-about .pic .pic_top .t h2{padding:5px 0;}
.index-about .pic .pic_bottom .logo{padding:20px 0;margin:0;text-align:center;}
.index-about .pic .pic_bottom .p_box .t::after{display:none;}
.index-about .pic .pic_bottom .p_box .t{width:100px;justify-content:center;padding-right:30px;}
.index-about .pic .pic_bottom .p_box .t h2{font-size:14px;}
.index-ad{height:240px;padding:0 10px;}
.index-ad .txt h2{font-size:36px;line-height:36px;}
.index_pro{padding:40px 10px 0 10px;}
.index-prohot .btn{display:none;}
.index-prohot .p img{min-height:320px;object-fit:cover}
.index-prohot .swiper-slide .logo{top:20px;right:10px;}
.index-prohot .swiper-slide .logo img{height:15px}
.index-prohot .swiper-slide.swiper-slide-active .txt{max-width:50%;top:20px;left:10px;}
.index-prohot .swiper-slide .txt h2{padding:4px 15px;font-size:30px;line-height:30px}
.index-prohot .swiper-slide .txt h3{margin:15px 0;font-size:12px;line-height:22px}
.index-prohot .swiper-slide .ico{bottom:0;top:270px;left:10px;height:40px}
.index-prohot .swiper-slide .ico img{height:25px;}
.index-prohot .swiper-slide .txt .more{display:flex;width:120px;margin-top:168px;font-size:12px;height:40px;position: absolute;display: none;}
.index-prohot .swiper-slide .txt .more img{margin-right:5px;height:20px;}
.index-prohot .swiper-slide .brand .item{height:40px;width:120px;background-size:100% 100%;margin:0 10px 0 0}
.index-prohot .swiper-slide .brand .item .t{width:40px;}
.index-prohot .swiper-slide .brand .item .t h2{font-size:12px;}
.index-prohot .tions{width:100px;display:flex;align-items:center;justify-content:first-child}
.index-prohot .swiper-slide .brand .item .t span{font-size:11px;right:10px;}
.index-prohot .swiper-slide .brand .item .c{font-size:9px;padding:0 5px;line-height:1;}
.index-prohot .menus{bottom:20px;padding:0 10px;align-items:center;}
.index-prohot .swiper-scrollbar{width:calc(100% - 100px);height:4px;margin-top:10px}
.index-prohot .tions .swiper-pagination-bullet{margin-left:15px;font-size:14px;}
.index-prohot .swiper-slide .p{width:100%;padding:50px 0 50px;}
}