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


.index_type{padding:50px 0;background:#fff;position: relative;z-index:22;}
.index_type a{width:25%;padding:30px 0 35px;border-right:1px solid #E4E4E4;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}
.index_type a:last-child{border:0;}
.index_type a .pic{overflow:initial}
.index_type a .t{font-size:24px;margin-top:12px;color:#212121;font-family: 'MontserratSemiBold';}
.index_type a:hover .t{color:#B71C1C}


.top{background:#ECEFF1;height:40px;display:flex;align-items: center;}
.top .wrap{display:flex;align-items: center;height:100%;justify-content: flex-end;}
.top .t{display:flex;align-items:center;height:100%;}
.top .t span{font-size:14px;color:#37474F;}
.top .t img{margin:0 20px 0 24px;}
.top .country{display:flex;align-items:center;height:100%;}
.top .country a{margin-left:17px;display:flex;align-items:center;height:100%;}
.top .country a:first-child{margin:0;}
.top .country a span{font-size:14px;color:#37474F;margin-left:8px;}
.top .country a:hover span{color:#C03627}

.header{z-index:999999;transition-duration:.3s;height:60px;position:fixed;top:40px;width:100%;display:flex;align-items: center;background:#B71C1C;}
.header .wrap{height:100%}
.header .left{display:flex;align-items: center;height:100%;}
.header .left .menu{display:flex;height:100%;align-items: center;padding-left:40px;}
.header .left .menu .item{height:100%;display:flex;align-items:center;margin-right:30px;position: relative;}
.header .left .menu .item::before{transition-duration:.3s;content: '';position: absolute;bottom:10px;left:0;background:#fff;width:0%;height:2px;}
.header .left .menu .item:hover:before,.header .left .menu .item.on:before{width:100%}
.header .left .menu .item:last-child{margin:0;}
.header .left .menu .item h3{display:flex;align-items: center;height:100%;}
.header .left .menu .item h3 a{font-size:18px;color:#FFFFFF;}
.header .left .menu .item .sub_nav{min-width:220px;padding:0;position: absolute;left:0;top:60px;background:#FFFFFF;box-shadow:0 15px 30px rgba(0,0,0,.1);transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;}
.header .left .menu .item .sub_nav a{display:flex;align-items:center;padding:0 10px;height:45px;background:#fff;}
.header .left .menu .item .sub_nav a:hover{background:#F4F4F4;color:#B71C1C;}
.header .left .menu .item:hover .sub_nav{transform: scaleY(1);}
.header .right{display:flex;align-items: center;height:100%;}
.header .right a{cursor: pointer;margin-left:25px;}
.header .right .so{width:170px;height:32px;border-radius:4px;background:#FFFFFF;padding:5px 5px 5px 10px;display:flex;align-items:center;}
.header .right .so form{width:100%;display:flex;align-items:center;}
.header .right .so form input{height:100%;width:calc(100% - 20px);background:none;font-size:14px;color:#000;}
.header .right .so form button{width:16px;height:16px;cursor: pointer;padding:0;background:none;border:0;display:flex;align-items:center;}
.header .right .so form button img{width:16px;height:16px;display:block;}
.header.height{top:0;}
.pro_sub_nav{position: fixed;top:100px;display:flex;left:0;width:100%;height:350px;background:#FFFFFF;z-index:99;box-shadow:0 15px 30px rgba(0,0,0,.1);transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;}
.height .pro_sub_nav{top:60px}
.pro_sub_nav .wrap-1640{display:flex;height:100%;background:url(../images/pro_bg.jpg) no-repeat right center;transition: background 0.3s ease}
.pro_sub_nav .nav_list{padding:20px 0;height:100%;border-right:1px solid #E8E8E8;width:15%;}
.pro_sub_nav .nav_list a{padding:10px 20px 10px 30px;background:#fff;font-size:16px;color:#212121;display:flex;align-items:center;}
.pro_sub_nav .nav_list a:first-child{font-size:18px;padding-left:15px;border-bottom:1px solid #E8E8E8;position: relative;}
.pro_sub_nav .nav_list a:hover{background:#F4F4F4;color:#B71C1C;}
.header .item:hover .pro_sub_nav{transform: scaleY(1);}
.pro_sub_nav .nav_list a:first-child:before{transition-duration:.3s;position: absolute;left:0;bottom:0;content:"";width:0%;height:1px;background:#B71C1C;}
.pro_sub_nav .nav_list:hover a:first-child:before{width:100%}

.banner{width:100%;overflow:hidden;position: relative;padding-top:60px;}
.banner img{width:100%}

.index_form{color:#fff;background:url(../images/form_bg.jpg) no-repeat center center;background-size:cover;height:506px;display:flex;align-items: center;justify-content: center;flex-direction: column;}
.index_form h2{font-family: 'MontserratSemiBold';font-size:48px;line-height:48px;text-transform:uppercase;}
.index_form p{margin:24px 0 62px;text-align:center;font-size:18px;line-height:30px;}
.index_form form{display:flex;width:100%;max-width:580px;height:60px;align-items:center;padding:6px;background:#ECEFF1;border-radius:30px;}
.index_form form .btn{transition-duration:.3s;cursor: pointer;width:150px;height:50px;background:#B71C1C;display:flex;align-items:center;justify-content: center;border-radius:40px;font-size:18px;transform: translateZ(0);position: relative;z-index: 1;}
.index_form form .btn:hover{background:#222;}
.index_form form input{width:calc(100% - 150px);height:50px;background:#ECEFF1;border-radius:40px;color:#212121;padding:0 20px 0 30px;font-size:18px;}
.index_form form input::placeholder{color:#212121;}
.index_form form input:hover{color:#B71C1C}
.footer{padding:80px 0 70px;}
.footer .left{width:37%;padding:0 2.5%}
.footer .left .txt{padding:50px 0;}
.footer .left .txt p{font-size:18px;color:#212121;line-height:30px;}
.footer .left .ico{display:flex;align-items: center;}
.footer .left .ico a{width:35px;height:35px;border-radius:35px;background:#ECEFF1;display:flex;align-items: center;justify-content: center;margin-right:10px;cursor: pointer;}
.footer .left .ico a i{transition-duration:.3s;color:#212121;font-size:17px}
.footer .left .ico a:hover{background:#C03627;}
.footer .left .ico a:hover i{color:#fff;}
.footer .right{width:63%;display:flex;padding-left:3%;}
.footer .right .item{width:calc(100% / 3);}
.footer .right .item h2{margin-bottom:40px;}
.footer .right .item h2 a{font-family: 'MontserratSemiBold';font-size:18px;color:#212121;text-transform:uppercase;position: relative;}
.footer .right .item h2 a:before{transition-duration:.3s;content:"";width:0%;height:2px;background:#B71C1C;position: absolute;bottom:0;left:0;}
.footer .right .item h2 a:hover{color:#C03627}
.footer .right .item h2 a:hover:before{width:100%}
.footer .right .item p{margin-bottom:25px;}
.footer .right .item p:last-child{margin-bottom:0;}
.footer .right .item p a{font-size:18px;color:#212121;position: relative;display:block;overflow:hidden;}
.footer .right .item p a:hover{color:#C03627;padding-left:20px;}
.footer .right .item p a:before{transition-duration:.3s;content:"";transform: translateY(-50%);width:15px;height:2px;background:#B71C1C;position: absolute;top:50%;left:-15px;}
.footer .right .item p a:hover:before{left:0;}

.bottom{border-top:1px solid #E8E8E8;padding:25px 0 40px;}
.bottom p,.bottom p a{font-size:16px;color:#212121;}
.bottom p a{margin-left:10px;}

.list_news .menu{padding:50px 0 90px;display:flex;justify-content: center;align-items: center;}
.list_news .menu a{background:url(../images/ico10.png) no-repeat 15px center;font-size:18px;color:#212121;padding:0 10px 0 50px;font-family: 'MontserratSemiBold';margin-right:20px;border:1px solid #949494;display:flex;align-items: center;min-width:240px;height:50px;border-radius:5px;margin-right:20px;}
.list_news .menu a:last-child{margin:0;}
.list_news .menu a:hover,.list_news .menu a.on{border-color:#B71C1C;background:#B71C1C url(../images/ico11.png) no-repeat 15px center;color:#fff;}
.list_news .list .item{width:calc(100% / 4 - 30px);margin:0 40px 100px 0;}
.list_news .list .item:nth-child(4n){margin-right:0;}
.list_news .list .item a{display:block;width:100%;}
.list_news .list .item .pic,.list_news .list .item .pic img{border-radius:8px;}
.list_news .list .item .txt h3{transition-duration:.3s;margin:25px 0;font-size:18px;color:#212121;line-height:24px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; font-family: 'MontserratSemiBold';}
.list_news .list .item .txt p{font-size:18px;line-height:30px;color:#37474F;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.list_news .list .item .txt .more{align-items: center;margin-top:40px}
.list_news .list .item .txt .more .time{font-size:14px;color:#37474F;}
.list_news .list .item .txt .more .btn{transition-duration:.3s;width:120px;height:40px;display:flex;align-items: center;justify-content: center;border-radius:4px;background:#B71C1C;color:#fff;font-size:18px;color:#FFFFFF;}
.list_news .list .item:hover .txt h3{color:#C03627}
.list_news .list .item:hover .txt .more .btn{border-radius:40px}
.list_news .paging{padding-bottom:120px;}
.list_news .alt{font-size:60px;font-family: 'MontserratSemiBold';margin-bottom:45px;color:#212121}
.list_news .show .t{font-family: 'MontserratSemiBold';font-size:18px;color:#212121;text-transform:uppercase;}
.list_news .show .time{font-size:14px;color:#37474F;padding:18px 0;}
.list_news .show .body{padding:30px 0;border-top:1px solid #EBECED;border-bottom:1px solid #EBECED;font-size:18px;color:#37474F;line-height:30px;}
.list_news .show .body p{margin-bottom:15px;}
.list_news .up_more{padding:25px 0 70px;}
.list_news .up_more .up p,.list_news .up_more .up p a{font-size:14px;line-height:30px;color:#191A1C;}
.list_news .up_more .up p a:hover{color:#C03627}
.list_news .up_more .more_btn{width:120px;height:40px;border-radius:4px;display:flex;align-items: center;justify-content: center;background:#B71C1C;color:#fff;;}
.list_news .up_more .more_btn img{margin-right:10px;}
.list_news .up_more .more_btn:hover{border-radius:30px}

.list_contact .txt{padding:109px 0 50px;}
.list_contact .txt h2{font-size:60px;margin-bottom:30px;;color:#212121;font-family: 'MontserratSemiBold';}
.list_contact .txt p{font-size:18px;color:#37474F;line-height:24px;margin-bottom:10px;}
.list_contact .bd{margin-bottom:70px;border-top:1px solid #D3D3D3;border-bottom:1px solid #D3D3D3;border-left:1px solid #D3D3D3;display:flex;}
.list_contact .bd .item{transition-duration:.3s;padding:0 35px 50px;width:25%;border-right:1px solid #D3D3D3;}
.list_contact .bd .item .i{position: relative;;transition-duration:.5s;width:66px;height:66px;background:#B71C1C;display:flex;align-items: center;justify-content: center;margin:50px auto 40px;border-radius:100%;}
.list_contact .bd .item .i::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #B71C1C;border-radius: 100%;z-index: -1;transition: transform 0.5s;}
.list_contact .bd .item:hover .i:before{transform: scale(1.4);}
.list_contact .bd .item .p{text-align:center;}
.list_contact .bd .item .p h3{font-size:24px;margin-bottom:20px;color:#212121;font-family: 'MontserratSemiBold';}
.list_contact .bd .item .p p{font-size:18px;color:#37474F;line-height:30px;}
.list_contact .ad{height:330px;background:url(../images/contact_ad.jpg) no-repeat center; background-attachment: fixed;}
.contact_form{padding:80px 0 100px;}
.contact_form .pic{width:50%}
.contact_form .pic img{width:100%;}
.contact_form .form{width:50%;padding:0 5% 0 2%;}
.contact_form .form input{transition-duration:.5s;padding:0 10px;height:50px;border:1px solid #BCBCBC;border-radius:4px;width:100%;display:flex;align-items: center;color:#191A1C;font-size:18px;margin-bottom:30px;}
.contact_form .form input::placeholder{color:#191A1C;}
.contact_form .form textarea{transition-duration:.5s;width:100%;min-height:250px;padding:15px 10px;border-radius:4px;border:1px solid #BCBCBC;color:#191A1C;font-size:18px;margin-bottom:30px;}
.contact_form .form textarea::placeholder{color:#191A1C;}
.contact_form .form textarea:hover,.contact_form .form input:hover{border-color:#B71C1C;color:#B71C1C;}
.contact_form .form .more .code_box{width:calc(100% - 200px);position: relative;}
.contact_form .form .more .code_box input{margin:0;width:100%;}
.contact_form .form .more .code_box img{position: absolute;bottom:1px;right:1px;height:48px;cursor: pointer;z-index:2;}
.contact_form .form .more .btn{transition-duration:.3s;width:170px;height:50px;border-radius:4px;background:#B71C1C;cursor: pointer;display:flex;align-items: center;justify-content: center;}
.contact_form .form .more .btn span{margin-left:10px;font-size:18px;color:#FFFFFF;}
.contact_form .form .more .btn:hover{border-radius:30px}

.list_pro{padding:80px 0;}
.list_pro .left{width:360px}
.list_pro .left .menu{position:sticky;top:80px;}
.list_pro .left .item{width:100%;margin-bottom:15px;}
.list_pro .left .item a{font-size:18px;color:#212121;position: relative;;display:flex;padding:0 15px 0 50px;align-items: center;height:50px;border-radius:4px;border:1px solid #949494;}
.list_pro .left .item a::after{width:17px;height:20px;content:"";position: absolute;background:url(../images/ico18.png);left:15px;top:14px}
.list_pro .left .item a::before{width:13px;height:9px;content:"";position: absolute;background:url(../images/ico17.png);right:18px;top:20px;}
.list_pro .left .item .sub{display:none;}
.list_pro .left .item .sub .item2 a{border:0;border-bottom:1px solid #D3D3D3;border-radius:0;}
.list_pro .left .item .sub .item2 a::after{width:13px;height:13px;background:url(../images/ico19.png);left:17px;top:19px}
.list_pro .left .item .sub .item2 .sub a{background:#F4F4F4;border:0;border-top:2px solid #fff;}
.list_pro .left .item .sub .item2 .sub a::after{display:none;}
.list_pro .left .item .sub .item2 .sub a::before{display:none;}
.list_pro .left .item a:hover,.list_pro .left .item a.on{color:#C03627}
.list_pro .left .item.on h3 a{background:#B71C1C;border-color:#B71C1C;color:#fff;}
.list_pro .left .item.on h3 a::after{background:url(../images/ico16.png);}
.list_pro .left .item.on h3 a::before{background:url(../images/ico15.png);}
.list_pro .left .item.on .sub,.list_pro .left .item:hover{display:block;}
.list_pro .right{width:calc(100% - 420px);}
.list_pro .right .list .item{transition-duration:.3s;width:calc(100% / 3 - 26px);margin:0 39px 50px 0;padding:0 20px 20px 20px;}
.list_pro .right .list .item:nth-child(3n){margin-right:0;}
.list_pro .right .list .item a{display:block;width:100%;}
.list_pro .right .list .item .pic,.list_pro .right .list .item .pic img{border-radius:8px;width:100%;}
.list_pro .right .list .item .txt{position: relative;padding-top:40px;}
.list_pro .right .list .item .txt .i{position: absolute;top:40px;right:10px;}
.list_pro .right .list .item .txt h2{transition-duration:.3s;font-size:18px;color:#212121;}
.list_pro .right .list .item .txt h3{margin:15px 0 20px 0;font-size:20px;color:#212121;font-family: 'MontserratSemiBold';text-transform:uppercase;}
.list_pro .right .list .item:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);transform: translateY(-5px); transition: all 0.3s ease;}
.list_pro .right .list .item:hover .txt h2{color:#C03627}
.list_pro .right .alt{font-size:60px;line-height:60px;margin-bottom:20px;color:#212121;font-family: 'MontserratSemiBold';}
.list_pro .right .body{padding:0 0 20px 0;font-size:16px;color:#212121;line-height:24px;}
.list_pro .right .body table{width:100%;margin:0 0 20px;}
.list_pro .right .body table tr{padding:20px 0;border-bottom:1px solid #D0D0D0;display:flex;align-items: cetner;;}
.list_pro .right .body table tr td{width:50%;display:flex;align-items:flex-start;flex-wrap:wrap;flex-direction: column;justify-content:center;}
.list_pro .right .body table tr td:first-child{font-family: 'MontserratSemiBold';}
.list_pro .right .show_products .show_swiper{display:none;}
.list_pro .right .show_products .show_box .tupian_list{width:690px}
.list_pro .right .show_products .show_box .tupian_list .datu{width:calc(100% - 115px);}
.list_pro .right .show_products .show_box .tupian_list .datu img{width:100%}
.list_pro .right .show_products .show_box .tupian_list .xiaotu{width:95px;}
.list_pro .right .show_products .show_box .tupian_list .xiaotu li{margin-bottom:15px;background:#ECEFF1;width:95px;height:90px;border-radius:4px}
.list_pro .right .show_products .show_box .tupian_list .xiaotu li img{width:95px;height:90px;border-radius:4px}
.list_pro .right .show_products .show_box .tupian_list .btn{display:flex;align-items: center;}
.list_pro .right .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:#fff;background:#212121;}
.list_pro .right .show_products .show_box .tupian_list .btn a:last-child{border-radius:0 5px 5px 0;background:#B71C1C}
.list_pro .right .show_products .show_box .info_list{width:calc(100% - 740px);display:flex;align-content: space-between;flex-wrap:wrap;}
.list_pro .right .show_products .show_box .info_list .info_list_top{width:100%;}
.list_pro .right .show_products .show_box .info_list .info_list_top .title{position: relative;}
.list_pro .right .show_products .show_box .info_list .info_list_top .title .t h2{font-size:18px;color:#212121;text-transform:uppercase;}
.list_pro .right .show_products .show_box .info_list .info_list_top .title .t h3{margin:10px 0;text-transform:uppercase;font-size:20px;color:#212121;font-family: 'MontserratSemiBold';}
.list_pro .right .show_products .show_box .info_list .info_list_top .title .ico{position: absolute;right:0;bottom:-15px;display:flex;align-items: center;}
.list_pro .right .show_products .show_box .info_list .info_list_top .title .ico a{width:30px;height:30px;margin-left:10px;background:#212121;color:#fff;border-radius:4px;display:flex;align-items: center;justify-content: center;font-size:14px;}
.list_pro .right .show_products .show_box .info_list .info_list_top .title .ico a:hover{background:#b71c1c;border-radius:44px}
.list_pro .right .show_products .show_box .info_list .info_list_top .brand{display:flex;flex-wrap:wrap;gap:10px;align-items: center;padding:20px 0;margin:20px 0;border-top:1px solid #D3D3D3;border-bottom:1px solid #D3D3D3;}
.list_pro .right .show_products .show_box .info_list .info_list_top .brand img{max-height:30px}
.list_pro .right .show_products .show_box .info_list .info_list_top .txt{padding-bottom:15px;font-size:14px;line-height:24px;color:#212121}
.list_pro .right .show_products .show_box .info_list .info_list_bottom{width:100%;border:1px solid #A7A7A7;padding:15px;border-radius:8px;}
.list_pro .right .show_products .show_box .info_list .info_list_bottom h2{color:#212121;font-size:24px;font-family: 'MontserratSemiBold';}
.list_pro .right .show_products .show_box .info_list .info_list_bottom p{font-size:16px;line-height:24px;color:#191A1C;margin:5px 0 10px;}
.list_pro .right .show_products .show_box .info_list .info_list_bottom h3{font-size:16px;color:#191A1C;}
.list_pro .right .show_products .show_box .info_list .info_list_bottom h3 a{font-size:16px;color:#B71C1C;font-family: 'MontserratSemiBold';}
.list_pro .right .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: #b71c1c;color:#fff;}
.list_pro .right .show_products .show_box .info_list .info_list_bottom .message_btn img{margin-right:10px;}
.list_pro .right .show_products .show_box .info_list .info_list_bottom .message_btn:hover{border-radius:40px;}

.list_about .about{padding-top:100px;background:#ECEFF1;position: relative;}
.list_about .about:after{width:50%;height:130px;background:#FFFFFF;z-index:2;position: absolute;bottom:0;right:0;content:"";}
.list_about .about .info .txt{width:46%}
.list_about .about .info .txt h2{font-family: 'MontserratSemiBold';font-size:60px;color:#212121;line-height:60px;margin-bottom:35px;}
.list_about .about .info .txt p{font-size:18px;line-height:30px;color:#37474F;margin-bottom:15px;}
.list_about .about .info .txt .i{padding:80px 0 50px 0;}
.list_about .about .info .pic{width:50%;}
.list_about .about .info .pic img{width:100%;}
.list_about .indexabout .info .txt{width:35%;padding-bottom:70px;}
.list_about .indexabout .info .txt .btn{display:flex;padding:40px 0 10px;}
.list_about .indexabout .info .txt .btn a{background:#FFFFFF;height:60px;margin-right:20px;;border:2px solid #E7E7E7;min-width:220px;border-radius:40px;display:flex;align-items: center;justify-content: center;}
.list_about .indexabout .info .txt .btn a span{font-size:18px;color:#212121;margin-right:20px}
.list_about .indexabout .info .txt .btn a:first-child{background:#B71C1C;border-color:#B71C1C;}
.list_about .indexabout .info .txt .btn a:first-child span{color:#fff;}
.list_about .indexabout .info .txt .btn a:hover{box-shadow:0 5px 30px rgba(0,0,0,.15);border-radius:0}
.list_about .indexabout .info .pic{width:58%;}
.list_about .about .logo{height:130px;align-items: center;;}
.list_about .about .logo .t{width:25%;height:100%;background:url(../images/bg.jpg) no-repeat right top;display:flex;align-items: center;;}
.list_about .about .logo .t h2{font-family: 'MontserratSemiBold';font-size:30px;color:#37474F;line-height:30px;;}
.list_about .about .logo .bd{position: relative;z-index:3;width:75%;overflow:hidden;background:#fff;height:100%;}
.list_about .about .logo .bd .swiper-slide{height:130px;display:flex;align-items: center;}
.list_about .about .logo .bd .swiper-slide a{display:flex;justify-content: center;align-items: center;width:100%;}
.list_about .about .logo .bd .swiper-slide a .p{position: relative;}
.list_about .about .logo .bd .swiper-slide a .p:before{transition-duration:.5s;width:0%;height:2px;position: absolute;left:0;bottom:-10px;background:#B71C1C;z-index:0;content:""}
.list_about .about .logo .bd .swiper-slide:hover a .p:before{width:100%}
.list_about .data{margin:100px 0;background:url(../images/bg2.png) no-repeat center;height:337px;}
.list_about .data .item{width:25%;height:100%;display:flex;align-items: center;justify-content: center;flex-direction: column;}
.list_about .data .item h3{margin:15px 0 10px;font-size:60px;color:#FFFFFF;font-family: 'MontserratSemiBold';}
.list_about .data .item p{font-size:18px;color:#FFFFFF;}
.list_about .images .t h2{font-family: 'MontserratSemiBold';font-size:60px;color:#212121;line-height:60px;margin-bottom:60px;text-transform:uppercase;}
.list_about .images .list .item{border-radius:8px;padding:10px;background:#fff;box-shadow:0 5px 30px rgba(0,0,0,.15);width:calc(100% / 4 - 30px);margin:0 40px 40px 0;}
.list_about .images .list .item:nth-child(4n){margin-right:0;}
.list_about .images .list .item .p{font-size:18px;margin:10px 0;color:#212121;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_about .ico{padding:90px 0;}
.list_about .ico .t{text-align:center;}
.list_about .ico .t h2{font-family: 'MontserratSemiBold';font-size:60px;color:#212121;line-height:60px;margin-bottom:60px;text-transform:uppercase;}
.list_about .ico .list .item{text-align:center;width:calc(100% / 5 - 40px);margin-right:50px;}
.list_about .ico .list .item:last-child{margin-right:0;}
.list_about .ico .list .item .i img{transition-duration:.3s;}
.list_about .ico .list .item:hover .i img{transform: scale(1.2) translateY(-5px) translateZ(0);}
.list_about .ico .list .item .p{margin-top:22px;font-size:18px;color:#212121;line-height:24px;}
.list_about .ad .item{width:calc(50% - 20px);height:400px;border-radius:12px;background:#B71C1C;display:flex;}
.list_about .ad .item .pic,.list_about .ad .item .pic img{border-radius:12px;width:100%;}
.list_about .ad .item2 a{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:40px 12%;height:100%;}
.list_about .ad .item2 a .pic{width:50%}
.list_about .ad .item2 a .pic img{max-height:300px;}
.list_about .ad .item2 a .txt{padding-left:7%;width:50%;color:#fff;font-family: 'MontserratSemiBold';}
.list_about .ad .item2 a .txt .t{padding:0 0 60px 60px;background:url(../images/down2.png) no-repeat left 5px;}
.list_about .ad .item2 a .txt .t h2{font-size:18px;}
.list_about .ad .item2 a .txt .t h3{font-size:30px;}
.list_about .ad .item2 a .txt .btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:175px;height:50px;border-radius:30px;background:#fff;font-size:18px;color:#212121;transition-duration:.3s;}
.list_about .ad .item2 a .txt .btn img{margin-right:8px;}
.list_about .ad .item2:hover a .txt .btn{border-radius:0;}


.index_pro .right{width:100%;}
.index_pro .right .list .item{width:calc(100% / 4 - 30px);margin:0 40px 50px 0 !important}
.index_pro .right .list .item:nth-child(4n){margin-right:0 !important;}
.index_pro .right .indextitle{margin-bottom:80px;align-items: center;}
.index_pro .right .indextitle h2{font-family: 'MontserratSemiBold';font-size:60px;color:#212121;line-height:60px;text-transform:uppercase;}
.index_pro .right .indextitle .menu{display:flex;justify-content:space-between;align-items: center;width:700px;flex-wrap:wrap;}
.index_pro .right .indextitle .menu a{width:calc(50% - 10px);;height:40px;position: relative;;display:flex;align-items: center;border-bottom:1px solid #D3D3D3;}
.index_pro .right .indextitle .menu a:hover{color:#C03627;}
.index_pro .right .indextitle .menu a:before{transition-duration:.3s;width:0;height:1px;background:#B71C1C;content:"";position: absolute;left:0;bottom:-1px;}
.index_pro .right .indextitle .menu a:hover:before{width:100%}

.index_hot{padding:70px 0;background:#ECEFF1;}
.index_hot .t h2{font-family: 'MontserratSemiBold';text-align:center;margin-bottom:70px;font-size:60px;color:#212121;line-height:60px;text-transform:uppercase;}
.index_hot .bd{overflow:hidden}
.index_hot .swiper{position: relative;}
.index_hot .swiper-slide{height:510px;width:62%;padding-top:60px;display:flex;}
.index_hot .swiper-slide .swiper-slide-box{display:flex;width:100%;height:100%;display:flex;align-items:flex-end}
.index_hot .swiper-slide .swiper-slide-box a{width:100%;height:320px;position:relative;display:flex;justify-content:flex-end;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,.1);padding:30px;border-radius:10px;}
.index_hot .swiper-slide .pic{width:55%;  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;}
.index_hot .swiper-slide .pic img{width:100%;display:none;}
.index_hot .swiper-slide .txt{width:45%;padding-left:60px;position: relative;}
.index_hot .swiper-slide .txt .num{font-size:60px;line-height:60px;color:#212121;font-family: 'MontserratSemiBold';position: absolute;left:60px;top:-80px;display:none;}
.index_hot .swiper-slide .txt .alt{font-size:30px;color:#212121;padding:50px 0 30px;}
.index_hot .swiper-slide .txt .p{font-size:18px;color:#212121;line-height:24px;}
.index_hot .swiper-slide .txt .more{font-size:18px;color:#212121;margin-top:50px;display:none;position: relative;}
.index_hot .swiper-slide .txt .more:before{transition-duration:.3s;position:absolute;left:0;bottom:-5px;width:0;height:4px;background:#B71C1C;content:"";}
.index_hot .swiper-slide .txt .more img{margin-left:15px;}
.index_hot .swiper-slide.swiper-slide-active .txt .alt{color:#B71C1C}
.index_hot .swiper-slide.swiper-slide-active .txt .more:hover:before{width:90px;}
.index_hot .swiper-slide.swiper-slide-active .swiper-slide-box a{height:100%;padding:50px}
.index_hot .swiper-slide.swiper-slide-active .swiper-slide-box a .pic{margin-top:-120px;}
.index_hot .swiper-slide.swiper-slide-active .swiper-slide-box a .pic img{height:100%;}
.index_hot .swiper-slide.swiper-slide-active .swiper-slide-box .txt .num{display:block}
.index_hot .swiper-slide.swiper-slide-active .swiper-slide-box .txt .more{display:block;}
.index_hot .menubox{max-width:1200px;margin:0 auto;position: relative;padding:55px 0 0 0;display:flex;justify-content:center;align-items:center}
.index_hot .menubox .scrollbar{width:160px;}
.index_hot .menubox .pagination{width:auto;}
.index_hot .menubox .pagination .swiper-pagination-bullet{opacity:1;margin:0 12px;cursor: pointer;;width:auto;height:auto;background:none;font-size:18px;color:#212121;}
.index_hot .menubox .pagination .swiper-pagination-bullet-active{color:#B71C1C;}
.index_hot .menubox .swiper-next,.index_hot .menubox .swiper-prev{cursor: pointer;margin:0 30px;}
.index_hot .swiper-scrollbar-drag{background:#B71C1C}

.home-section {
  position: relative;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  z-index: 0;
  background-size: cover;
}
.hero-slider,
.hero-slider .flex-viewport {
  height: 100% !important;
  width: 100%;
  padding: 0;
  margin: 0;
}
.hero-slider .slides {
  height: 100% !important;
  transition-delay: 1s;
}
.index_swiper .swiper-slide {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100% !important;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.module,
.module-small {
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.index_swiper{position: relative;overflow: hidden;z-index:99;}
.index_swiper .pic{display:none;}


.index_swiper .swiper-slide a{display:block;width:100%;height:100%;position: relative;overflow:hidden;}
.index_swiper .swiper-slide .pic,.index_swiper .swiper-slide .pic img{width:100%;height:100%;}
.index_swiper .swiper-slide a .txt{transition-duration:1s;text-align:center;position: absolute;left:0;bottom:0%;width:100%;height:100%;display:flex;align-items: center;justify-content: center;flex-direction: column;}
.index_swiper .swiper-slide a .txt h2{font-family: 'MontserratSemiBold';font-size:60px;color:#fff;text-transform:uppercase;}
.index_swiper .swiper-slide a .txt p{font-size:24px;line-height:30px;color:#FFFFFF;max-width:650px;margin:30px auto 60px;}
.index_swiper .swiper-slide a .txt span{width:240px;height:60px;cursor: pointer;background:#B71C1C;align-items: center;display:flex;justify-content: center;font-size:18px;color:#fff;border-radius:40px;transition-duration:.3s;text-transform:uppercase;}
.index_swiper .swiper-slide a .txt span:hover{border-radius:0;}
.index_swiper .pagination{position: absolute;z-index:5;left:0;width:100%;bottom:80px;display:flex;align-items: center;justify-content: center;}
.index_swiper .pagination .swiper-pagination-bullet{width:40px;height:12px;background:#fff;opacity:1;border-radius:10px;margin:0 10px;}
.index_swiper .pagination .swiper-pagination-bullet-active{background:#C03627}
.wap_sortmenu{display:none;}

.list-history{padding-bottom:100px;position: relative;overflow:hidden}
.list-history .wrap-1640{position: relative;}
.list-history .wrap-1640:before{width:20px;height:20px;content:"";background:#B71C1C;position: absolute;right:-10px;bottom:-10px;border-radius:10px;}
.list-history .t{font-size:60px;color:#212121;font-family: 'MontserratSemiBold';line-height:60px;text-transform:uppercase;}
.list-history .bd{overflow:hidden;padding-top:70px;position: relative;}
.list-history .bd .swiper-slide{padding:0 30px 100px 80px;position: relative;z-index:3;}
.list-history .bd .swiper-slide:before{left:60px;bottom:30px;height:calc(100% - 30px);width:1px;background:#212121;content:"";position: absolute;}
.list-history .bd .swiper-slide:after{transform: rotate(217deg);width:1px;height:35px;background:#212121;content:"";position: absolute;bottom:0;left:50px;}
.list-history .bd .swiper-slide .num{font-size:30px;color:#B71C1C;font-family: 'MontserratSemiBold';writing-mode: vertical-lr;position: absolute;left:0;top:0;}
.list-history .bd .swiper-slide .txt .alt{font-size:18px;line-height:22px;color:#212121;}
.list-history .bd:before{height:3px;width:100%;background:#B71C1C;content:"";position: absolute;left:0;bottom:0;z-index:5;}
.list-history:before{width:50%;height:3px;content:"";background:#B71C1C;position: absolute;left:0;bottom:100px;}

.animated-title {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: #19385c;
    background-image: -webkit-linear-gradient(-45deg, rgba(55, 71, 79, 0.6) 30%, #B71C1C 50%, rgba(55, 71, 79,.6) 70%);
    background-blend-mode: hard-light;
    background-size: 200%;
    -webkit-animation: shine 4s infinite;
}
.animated-title-white{background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 255.6) 30%, #61250A 50%, rgba(255, 255, 255, 0.6) 70%);}
@-webkit-keyframes shine {
from {background-position: 100%;}
to {background-position: 0;}
}

@media (max-width: 1840px){
.wrap{width:98%}
}

@media (max-width: 1640px){
.wrap-1640{max-width:98%}
.index_hot .swiper-slide{height:auto;}
}
@media (max-width: 1500px){
.index_hot .swiper-slide{width:65%}
.index_hot .swiper-slide .txt .alt{padding:25px 0}
.index_hot .swiper-slide .txt .p{font-size:16px;line-height:24px;}
.index_pro .right .indextitle{width:100%;}
}
@media (max-width: 1366px){
.list_pro .left{width:300px;}
.list_pro .right{width: calc(100% - 330px);}
.index_pro .right{width:100% !important}
.list_pro .left .item a{font-size:16px;}
.list_pro .right .show_products .show_box .tupian_list{width:600px;}
.list_pro .right .show_products .show_box .tupian_list .datu{width:100%}
.list_pro .right .show_products .show_box .tupian_list .xiaotu{width:100%;height:100px;}
#zoomcont{width:100%}
.list_pro .right .show_products .show_box .tupian_list .xiaotu li{float:left;margin-right:10px;}
.list_pro .right .show_products .show_box .tupian_list .btn{display:none;}
.list_pro .right .show_products .show_box .info_list{width: calc(100% - 600px);}
.list_pro .right .show_products .show_box .info_list .info_list_top .title .ico{bottom:0px;}
.list_about .about .info .txt h2{font-size:36px;line-height:36px;}
.list_about .about .info .txt p{font-size:15px;line-height:25px;}
.list_about .about .info .txt .i{padding:30px 0}
.list_about .indexabout .info .txt .btn a{min-width:180px;height:45px;}
.list_about .indexabout .info .txt{width:40%}
.index_hot .swiper-slide .txt .more{margin-top:25px;}
.index_pro .right .indextitle .menu{max-width:60%;}
.index_pro .right .indextitle .menu a{width:calc(100% / 3 - 10px) !important;margin-right: 15px !important}
.index_pro .right .indextitle .menu a:nth-child(3n){margin-right:0 !important;}
}
@media (max-width: 1280px){
.index_swiper .swiper-slide a .txt h2{font-size:40px;}
}
@media (max-width: 1200px){
.list_news .list .item{width:calc(100% / 3 - 20px);margin:0 30px 30px 0 !important}
.list_news .list .item:nth-child(3n){margin-right:0 !important;}
.index_hot .swiper-slide{width:70%}
.index_hot .swiper-slide .txt{padding-left:30px;}
.list_pro{padding:45px 0;}
.index_pro .right .indextitle h2{font-size:40px;line-height:40px;}
}
@media (max-width: 1024px){
.list_pro .right .show_products .show_box .tupian_list .datu{width:calc(100% - 100px);} 
.list_pro .right .show_products .show_box .tupian_list .xiaotu{width:100px;height:100%;}
.list_pro .right .show_products .show_box .tupian_list .btn{display:flex;}
.list_pro .right .show_products .show_box .tupian_list{width:100%;}
.list_pro .right .show_products .show_box .info_list{width:100%;}
.list_contact .bd .item{padding:0 20px 30px;}
.index_hot .swiper-slide{width:80%}
}
@media screen and (max-width:992px) {
.index_hot .swiper-slide .pic img{display:block !important}
.wrap,.wrap-1640,.list_pro .right{width:100%;max-width:100%}
.wap_sortmenu{display:flex !important}
.list_pro .right .show_products .show_swiper{display:block !important;overflow:hidden}
.top,.header,.footer .right,.list_news .menu,.list_pro .left,.list_pro .right .show_products .show_box .tupian_list{display:none !important}
.index_swiper .pagination{bottom:20px;}
.index_swiper .swiper-slide a .txt p{display:none;}
.index_swiper .swiper-slide a .txt h2{font-size:20px;line-height:20px;}
.index_swiper .swiper-slide a .txt span{width:120px;height:40px;font-size:16px;margin-top:10px}
.list_about .about .info .txt h2{margin-bottom:15px;}
.list_about .indexabout .info .txt .btn{padding:15px 0;}
.list_about .indexabout .info .txt{padding:0;}
.index_hot{padding:30px 10px;}
.index_hot .t h2{font-size:30px;margin-bottom:30px;line-height:30px}
.index_hot .swiper-slide{height:auto;padding:0;}
.index_hot .swiper-slide .swiper-slide-box a{height:auto;}
.index_hot .swiper-slide.swiper-slide-active .swiper-slide-box a{padding:20px;flex-wrap:wrap;}
.index_hot .swiper-slide.swiper-slide-active .swiper-slide-box a .pic{width:100%;margin:0;}
.index_hot .swiper-slide .txt{width:100%;padding:15px 0 0 0;}
.index_hot .swiper-slide .txt .num{position: static;font-size:40px;line-height:40px;color:#333;}
.index_hot .swiper-slide .txt .alt{padding:15px 0}
.index_hot .scrollbar{padding:15px 0;}
.index_hot .swiper-slide .txt .p{height:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.index_pro .right .indextitle .menu{display:none;}
.index_pro .right .indextitle{margin-bottom:20px;}
.list_about .ad{padding:0 10px;}
.list_about .ad .item{width:100%;margin-bottom:10px;}
.list_about .about{padding:30px 10px;}
.list_about .about .info .txt{width:100%;}
.list_about .about .info .pic{width:100%;}
.list_about .about .info .txt .i{padding:15px 0;}
.list_about .about .logo{height:100%;padding:0;background:#ECEFF1}
.list_about .about .logo .t{width:100%;padding:15px 0;background:none;}
.list_about .about:after{display:none;}
.list_about .about .logo .bd{width:100%;height:100%;background:#ECEFF1}
.list_about .about .logo .bd .swiper-slide{height:50px;background:#fff;display:flex;align-items:center;justify-content:center}
.list_about .about .logo .bd .swiper-slide img{height:45px}
.list_about .data{margin:0;height:auto;padding:30px 10px;}
.list_about .data .item{width:50%;height:auto;}
.list_about .data .item h3{font-size:40px;}
.list_about .images{padding:20px 10px}
.list_about .images .t h2,.list_about .ico .t h2{font-size:40px;line-height:40px;margin-bottom:20px;}
.list_about .images .list .item{width:49%;margin:0 2% 10px 0 !important}
.list_about .images .list .item:nth-child(2n){margin-right:0 !important;}
.list_about .ico{padding:30px 10px;}
.list_about .ico .list .item{width:100%;display:flex;margin:0 0 15px 0}
.list_about .ico .list .item .i{display:flex;align-items:center;width:80px;justify-content:center;}
.list_about .ico .list .item .p{width:calc(100% - 80px);padding:0 10px;margin:0;font-size:16px;line-height:25px;text-align:left;}
.list_pro .right .show_products .show_box .info_list .info_list_top .title .t h3{max-width:70%}
.list_pro .right .show_products .show_box .info_list .info_list_top .brand{padding:10px;margin:10px;}
.list_pro .right .body{padding:20px 0;}
.list_pro .right .body table{margin:0;}
.list_pro .right .body table tr{padding:10px 0}
.list_pro .right .body table tr td{width:60%;font-size:14px}
.list_pro .right .body table tr td:first-child{width:40%;}
.list_pro .right .alt{font-size:32px;line-height:32px;margin-bottom:20px;}
.list_pro{padding:30px 10px;}
.list_pro .right .list .item{width:49%;margin:0 2% 10px 0 !important;}
.list_pro .right .list .item:nth-child(2n){margin-right:0 !important;}
.list_pro .right .list .item .txt{padding-top:20px;}
.list_pro .right .list .item .txt h3{margin:10px 0;font-size:16px;}
.list_pro .right .list .item .txt .i{top:15px}
.list_contact{padding:0 10px;}
.list_contact .txt{padding:30px 0;}
.list_contact .txt h2{font-size:32px;margin-bottom:15px;}
.list_contact .txt p{font-size:14px;line-height:24px;margin:0;}
.list_contact .bd{margin-bottom:10px;flex-wrap:wrap;}
.list_contact .bd .item{width:100%;padding:15px;align-items:center;display:flex;justify-content:space-between;border-bottom:1px solid #D3D3D3}
.list_contact .bd .item:last-child{margin-bottom:0;}
.list_contact .bd .item .i{margin:0;}
.list_contact .bd .item .p{width:calc(100% - 80px);text-align:left;}
.list_contact .bd .item .p h3{font-size:16px;margin-bottom:10px;}
.list_contact .bd .item .p p{font-size:14px;line-height:22px;}
.contact_form{padding:20px 0;}
.contact_form .pic{width:100%;}
.contact_form .form{width:100%;padding:0;}
.contact_form .form input{margin-bottom:10px;height:40px;}
.contact_form .form textarea{min-height:120px;margin-bottom:10px;}
.contact_form .form .more .code_box{width:100%;}
.contact_form .form .more .code_box img{height:38px;}
.contact_form .form .more .btn{margin:20px auto 0;width:120px;height:40px;}
.index_form{height:auto;padding:40px 10px;}
.index_form h2{font-size:32px;line-height:32px;}
.index_form p{margin:10px 0 20px;}
.footer{padding:30px 10px 20px}
.footer .left{width:100%;padding:0;}
.footer .left .txt{padding:15px 0;}
.bottom{padding:15px 10px 60px;}
.bottom .michuan{margin:20px auto 0;display:block;}
.list_news{padding:30px 10px}
.list_news .list .item{width:100%;margin:0 0 20px 0 !important}
.list_news .show .body{font-size:16px;line-height:25px;}
.list_news .up_more{padding:25px 0;}
.list_news .alt{font-size:40px;margin-bottom:20px;}
.list_news .up_more .more_btn{margin:15px auto 0;}
.list-history{padding:0 10px 50px;}
.list-history .t{font-size:40px;line-height:40px;}
.list-history:before{bottom:50px}
.index_type{padding:20px 10px;}
.index_type a{width:50%;padding:15px 5px;}
.index_type a:nth-child(2n){border:0;}
.index_type a .t{font-size:14px;}
.index_type a:nth-child(3),.index_type a:nth-child(4){border-top:1px solid #E4E4E4;}
.list_about .ad .item{height:auto;}
.list_about .ad .item2 a{padding:20px 10px;}
.list_about .ad .item2 a .pic{width:40%}
.list_about .ad .item2 a .txt{width:60%;padding: 0 0 0 20px;}
.list_about .ad .item2 a .txt .t{padding:0 0 20px 45px}
.list_about .ad .item2 a .txt .t h2{font-size:14px;}
.list_about .ad .item2 a .txt .t h3{font-size:20px;padding-top:10px;}
.list_about .ad .item2 a .txt .btn{max-width:140px;height:40px;font-size:15px;}
.banner{padding:0;}
.index_swiper .pagination{justify-content:flex-end}
.index_swiper .pagination .swiper-pagination-bullet{width:30px;height:8px;margin:0 4px 0 0}
#home{height:250px !important;object-fit: fill}
}