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

.top{background:#DC1900}
.top .lang{width:100%;height:40px;display:flex;align-items: center;justify-content: flex-end;}
.top .lang h3{margin-right:10px;color:#FFFFFF;text-transform:uppercase;display:flex;align-items: center;}
.top .lang h3 span{margin-right:8px;}
.top .lang a{display:flex;align-items: center;margin-right:15px;;}
.top .lang a:last-child{margin-right:0;}
.top .lang a img{margin-right:5px;}
.top .lang a span{color:#FFFFFF;font-size:14px;position: relative;}
.top .lang a span::after{transition-duration:.4s;width:0%;height:1px;content:"";position: absolute;bottom:0;left:0;background:#FFFFFF;}
.top .lang a:hover span::after{width:100%;}

.header{background:#fff;padding:0;width:100%;z-index:99999999;}
.header .wrap{display:flex;align-items: center;justify-content: space-between;}
.header .left{display:flex;align-items: center;}
.header .left .menu{display:flex;align-items: center;}
.header .left .menu .item{height:80px;display:flex;align-items:center;margin-left:30px;position:relative;}
.header .left .menu .item:last-child{margin-right:0;}
.header .left .menu .item h3 a{font-size:18px;text-transform:uppercase;text-decoration:none;position:relative;padding:5px 0;transition:all .4s cubic-bezier(.4,0,.2,1);text-shadow:0 0 0 transparent;}
.header .left .menu .item h3 a::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#DC1900;transition:all .3s ease;transform:translateX(-50%);}
.header .left .menu .item.on h3 a,.header .left .menu .item:hover h3 a{color:#DC1900;}
.header .left .menu .item.on h3 a::after,.header .left .menu .item:hover h3 a::after{width:100%;}
.header .right{display:flex;align-items: center;}
.header .right a{margin-left:25px}
.header.height{position: fixed;top:0;box-shadow:0 2px 8px rgba(0,0,0,.04);}

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

.weizhi{border-bottom:1px solid #DEDEE0}
.weizhi .wrap{height:60px;display:flex;align-items: center;}
.weizhi a{text-transform:uppercase;font-size:18px;}
.weizhi a:hover{color:#DC1900;}
.weizhi img{margin:0 17px}

.pc-menu{padding:55px 0 65px;display:flex;align-items: center;justify-content: center;}
.pc-menu .item{margin-right:20px;}
.pc-menu .item:last-child{margin-right:0;}
.pc-menu .item h3 a{position: relative;;border-radius:5px;overflow: hidden;width:240px;display:flex;align-items: center;height:50px;border:1px solid #DD2215;}
.pc-menu .item h3 a .i{position: relative;z-index:2;width:60px;height:100%;background:#DD2215;display:flex;align-items: center;justify-content: center;}
.pc-menu .item h3 a .p{position: relative;z-index:2;padding:0 15px;height:100%;display:flex;align-items: center;}
.pc-menu .item h3 a .p span{transition-duration:.4s;font-size:16px;text-transform:uppercase;}
.pc-menu .item h3 a::after{transition-duration:.4s;content:"";width:60px;height:100%;background:#DD2215;position: absolute;left:0;top:0;}
.pc-menu .item h3 a:hover::after,.pc-menu .item.on h3 a::after{width:100%;}
.pc-menu .item h3 a:hover .p span,.pc-menu .item.on h3 a .p span{color:#fff;}

.list-news .bd .item{width:calc(50% - 30px);margin-bottom:40px;}
.list-news .bd .item a{display:grid;grid-template-columns:300px 1fr;align-items:center;border-radius:12px;border:1px solid #e8e8e8;padding:16px;gap:24px;background:#fff;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;}
.list-news .bd .item a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(221,34,21,.03),transparent);transition:left .6s ease;}
.list-news .bd .item a:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(221,34,21,.12);border-color:#DD2215;}
.list-news .bd .item a:hover::before{left:100%;}
.list-news .bd .item a .pic{border-radius:8px;overflow:hidden;position:relative;}
.list-news .bd .item a .pic img{width:100%;height:180px;object-fit:cover;border-radius:8px;transition:all .5s ease;transform:scale(1.02);}
.list-news .bd .item a:hover .pic img{transform:scale(1.05);}
.list-news .bd .item a .txt{height:100%;display:flex;flex-wrap:wrap;align-content:space-between;gap:12px;}
.list-news .bd .item a .txt .t{width:100%;}
.list-news .bd .item a .txt .t h3{color:#181818;font-size:22px;line-height:28px;font-weight:600;transition:color .3s ease;}
.list-news .bd .item a:hover .txt .t h3{color:#DD2215;}
.list-news .bd .item a .txt .more{width:100%;height:52px;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;padding-top:12px;transition:border-color .3s ease;}
.list-news .bd .item a:hover .txt .more{border-top-color:#DD2215;}
.list-news .bd .item a .txt .more .time{font-size:14px;color:#666;transition:color .3s ease;}
.list-news .bd .item a .txt .more .btn{font-size:15px;color:#DD2215;}

.scroll{display:flex;align-items:center;overflow:hidden;position:relative;width:100%;}
.scroll .item{flex-shrink:0;animation:scrollLeft 5s linear infinite;padding:0 25px;white-space:nowrap;animation-delay:0.1s;}
.left-scroll{padding:12px 0;border-top:1px solid #CFD9DE;background:#fff;}
.right-scroll{padding:20px 0;background:#DD2215;}
.right-scroll .item{animation:scrollRight 5s linear infinite;animation-delay:0.1s;padding:0 35px}
@keyframes scrollLeft{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}
@keyframes scrollRight{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}

.footer{padding:50px 0;}
.footer .left{width:60%;}
.footer .left h3{font-size:16px;line-height:24px;color:#181818;font-family: 'Roboto-Regular';max-width:600px;}
.footer .left .info{margin-top:20px;display:flex;flex-wrap:wrap;}
.footer .left .info h4{margin-bottom:18px;display:inline-block;text-transform:uppercase;font-size:24px;color:#181818;font-family: 'Roboto-Black';border-bottom:1px solid #1F222E;}
.footer .left .info .item:nth-child(1){width:40%;}
.footer .left .info .item:nth-child(2){width:25%;}
.footer .left .info .item:nth-child(3){width:35%;}
.footer .left .info .sub{flex-wrap:wrap;display:flex;}
.footer .left .info .sub a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#181818;line-height:36px;display:block;}
.footer .left .info .sub a{width:50%;}
.footer .left .info .item:nth-child(2) .sub a{width:100%;}
.footer .left .info .sub a:hover{color:#DC1900;padding-left:10px;}
.footer .left .info .txt li{margin:5px 0 25px;display:flex;}
.footer .left .info .txt li .i{width:40px;text-align:center;}
.footer .left .info .txt li:first-child .i img{margin-top:5px;}
.footer .left .info .txt li .p{padding-left:5px;width:calc(100% - 40px);font-family: 'Roboto-Regular';font-size:16px;line-height:24px;color:#181818;}
.footer .left .info .txt li .p a{font-family: 'Roboto-Regular';font-size:16px;line-height:24px;color:#181818;}
.footer .left .info .txt li .p a:hover{color:#DC1900;}
.footer .left .info .ico{display: flex;align-items: center;padding-top:10px;padding-bottom:15px;}
.footer .left .info .ico a{margin-right: 20px;cursor: pointer;;position: relative;color: #181818;}
.footer .left .info .ico a:hover{color: #DC1900;}
.footer .left .info .ico a::after {content: '';position: absolute;top:3px;right: -12px;width: 1px;height: 14px;background: #181818;}
.footer .left .info .ico a:last-child {margin-right: 0;}
.footer .left .info .ico a:last-child::after {display: none;}

.footer .right{width:37%;}
.footer .right .t p span{display:inline-block;border-bottom:1px solid #1F222E;font-family: 'Roboto-Black';;line-height:30px;font-size:30px;color:#1F222E;text-transform:uppercase;}
.footer .right h4{font-family: 'Roboto-Regular';font-size:16px;color:#181818;line-height:24px;margin:15px 0 25px 0;}
.footer .right h5{font-family: 'Roboto-Regular';color:#1F222E;margin-bottom:20px;font-size:16px;}
.footer .right form input{font-family: 'Roboto-Regular';background:#181818;width:100%;display:flex;align-items: center;height:50px;color:#FFFFFF;font-size:16px;padding:0 15px;border-radius: 6px;}
.footer .right form input::placeholder{color:#FFFFFF;}
.footer .right form p{font-family: 'Roboto-Regular';position: relative;;padding-left:20px;display:flex;align-items: center;margin:20px 0 40px;;font-size:16px;}
.footer .right form p::after{width:12px;height:12px;background:#DD2215 url(../images/ico14.png) no-repeat center;content:"";position: absolute;left:0;}
.footer .right form .btn{transition-duration:.4s;display:flex;align-items: center;height:50px;width:100%;display:flex;align-items: center;justify-content: center;cursor: pointer;border:0;background:#DD2215;color:#FFFFFF;border-radius: 6px;}
.footer .right form .btn span{margin-right:10px;}
.footer .right form .btn:hover{border-radius:40px;}

.bottom{border-top:1px solid #CECED1;padding:34px 0 66px;}
.bottom p,.bottom p a{color:#1F222E;text-transform:uppercase;font-size:16px;}

.show-news .content .t{font-size:24px;font-family: 'Roboto-Medium';}
.show-news .content .time{font-size:16px;padding:18px 0 16px 0;font-family: 'Roboto-Regular';border-bottom:1px solid #DDE0E4;}
.show-news .content .body{padding:30px 0 45px;font-size:16px;color:#181818;line-height:24px;}
.show-news .content .body p{margin-bottom:15px;}
.show-news .more{padding-top:30px;border-top:1px solid #DDE0E4;}
.show-news .more .up p,.show-news .more .up p a{font-size:16px;line-height:30px;color:#181818;}
.show-news .more .up p a:hover{color:#DD2215;}
.show-news .more .btn{position: relative;border-radius:10px;overflow: hidden;width:180px;display:flex;align-items: center;height:50px;border:1px solid #DD2215;}
.show-news .more .btn .i{transition-duration:.5s;position: relative;z-index:2;width:60px;height:100%;background:#DD2215;display:flex;align-items: center;justify-content: center;}
.show-news .more .btn .p{transition-duration:.5s;background:#fff;width:calc(100% - 60px);border-radius:10px;position: relative;z-index:3;padding:0 15px;height:100%;display:flex;align-items: center;}
.show-news .more .btn span{transition-duration:.4s;font-size:16px;text-transform:uppercase;}
.show-news .more .btn::after{transition-duration:.4s;content:"";width:100%;height:100%;background:#DD2215;position: absolute;left:0;top:0;}
.show-news .more .btn:hover .i{transform:rotate(180deg);}
.show-news .more .btn:hover .p{border-radius:40px;padding-left:40px;}
.show-news .alt{margin:50px 0 30px;font-size:48px;color:#181818;font-family: 'Roboto-Black';text-transform:uppercase;}
.show-news .list{padding-bottom:60px;}
.show-news .list .item{width:calc(100% / 4 - 45px);margin:0 60px 0 0;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;}
.show-news .list .item:nth-child(4n){margin-right:0;}
.show-news .list .item .pic{border-radius:15px;overflow:hidden;}
.show-news .list .item .pic img{border-radius:15px;width:100%;}
.show-news .list .item .txt{padding:30px 30px 15px 30px;background:#fff;transition:all .3s ease;}
.show-news .list .item .txt h3{color:#1F222E;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease;}
.show-news .list .item .txt p{margin:21px 0;color:#1F222E;font-family:'Roboto-Regular';overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:16px;line-height:24px;}
.show-news .list .item .txt span{font-family:'Roboto-Regular';font-size:16px;color:#566679;transition:color .3s ease;display:flex;align-items:center;gap:6px;}
.show-news .list .item:hover{transform:translateY(-8px);}
.show-news .list .item:hover .txt h3{color:#DD2215;}

.list-honor{background:url(../images/honor-head.png) no-repeat top center}
.list-honor .honor-head{height:745px;}
.list-honor .honor-head .alt{padding-top:110px;}
.list-honor .honor-head .alt h2{margin-bottom:6px;font-size:48px;color:#181818;font-family: 'Roboto-Black';text-transform:uppercase;}
.list-honor .honor-head .alt p{font-size:16px;color:#363636;max-width:530px;}
.list-honor .bd{display:flex;flex-wrap:wrap;}
.list-honor .bd .item{width:calc(100% / 4 - 45px);margin:0 60px 60px 0;padding:30px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:8px;transition:all .3s ease;}
.list-honor .bd .item:nth-child(4n){margin-right:0;}
.list-honor .bd .item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15);}
.list-honor .bd .item .p{font-size:18px;color:#181818;margin-top:15px;text-transform:uppercase;}
.list-honor .title{margin:10px 0 50px;padding:0 25px;color:#FFFFFF;text-transform:uppercase;font-size:36px;font-family: 'Roboto-Black';height:60px;background:url(../images/ico17.png) no-repeat left center;height:60px;display:flex;align-items: center;}
.list-honor .bd2 .item{padding:20px;}

.list-book .p img{width:100%;}
.list-book .hd{position: relative;}
.list-book .hd .web{position: absolute;right:30px;font-size:18px;color:#383838;opacity:.6;bottom:50px;text-transform:uppercase;}
.list-book .hd .name{font-size:18px;color:#C1C1C1;position: absolute;;left:30px;bottom:50px;text-transform:uppercase;}
.list-book .hd .title{position: absolute;left:30px;top:70px;font-family: 'Roboto-Black';color:#fff;font-size:55px;line-height:60px;text-transform:uppercase}
.list-book .bd .box{display:none;}
.list-book .bd .pic iframe{width:100%;height:800px;border:0;}
.list-book .bd .more{margin:40px auto;display:flex;align-items: center;justify-content: center;}
.list-book .bd .more a{margin:0 15px;width:210px;height:45px;position: relative;overflow: hidden;;border:1px solid #DD2215;display:flex;align-items: center;justify-content: center;background:#fff;border-radius: 6px;}
.list-book .bd .more a span{position: relative;z-index:2;transition-duration:.4s;width:calc(100% - 50px);height:100%;display:flex;align-items: center;justify-content: center;}
.list-book .bd .more a .i{position: relative;z-index:2;width:50px;height:100%;display:flex;align-items: center;justify-content: center;background:#DD2215;}
.list-book .bd .more a:hover span{color:#fff}
.list-book .bd .more a::after{content:"";position: absolute;right:-100%;top:0;width:100%;height:100%;background:#DD2215;z-index:1;transition-duration:.4s;}
.list-book .bd .more a:hover::after{right:0;}
.list-book .tab{height:50px;background:#DC1900;display:flex;align-items: center;padding:0 35px;}
.list-book .tab span{padding:0 30px;height:100%;display:flex;align-items: center;cursor: pointer;color:#fff;font-size:30px;transition-duration:.4s;font-family: 'Roboto-Black';}
.list-book .tab span.on{background:#A51300;}

.list-contact .left{width:435px;}
.list-contact .left .fixed{position:sticky;top:100px;}
.list-contact .left .t1{position: relative;padding-left:70px;}
.list-contact .left span{font-family:"arial";color:#DD2215;font-size:200px;position: absolute;}
.list-contact .left .t1 span{left:0;top:-37px;}
.list-contact .left .t2{margin:11px 0 8px 0;}
.list-contact .left .t2 h2{font-size:48px;line-height:48px;font-family: 'Roboto-Black';text-transform:uppercase;}
.list-contact .left .t3{position: relative;padding-right:70px;}
.list-contact .left .t3 span{right:40px;top:-36px;}
.list-contact .right{width:calc(100% - 600px);}
.list-contact .right ul li{padding:30px 0;border-bottom:1px solid #D1D1D1;display:flex;align-items: center;width:calc(50% - 20px)}
.list-contact .right ul li:first-child{width:100%;}
.list-contact .right ul li .i{width:65px;display:flex;align-items: center;}
.list-contact .right ul li .p{width:calc(100% - 65px);}
.list-contact .right ul li .p h3{margin-bottom:4px;font-size:18px;font-family: 'Roboto-Black';text-transform:uppercase;}
.list-contact .right ul li .p p,.list-contact .right ul li .p a{font-size:16px;}
.list-contact .right form{margin-top:40px;}
.list-contact .right form input{display:block;height:50px;border:1px solid #181818;display:flex;align-items: center;padding:0 10px;border-radius:5px;margin-bottom:30px;width:100%;font-size:16px;color:#181818;}
.list-contact .right form input::placeholder{color:#181818;}
.list-contact .right form input:hover{border-color:#DD2215;color:#DD2215}
.list-contact .right form input:hover::placeholder{color:#DD2215}
.list-contact .right form textarea{display:block;min-height:200px;border:1px solid #181818;padding:10px;border-radius:5px;margin-bottom:30px;width:100%;font-size:16px;color:#181818;}
.list-contact .right form textarea::placeholder{color:#181818;}
.list-contact .right form textarea:hover{border-color:#DD2215;color:#DD2215}
.list-contact .right form textarea:hover::placeholder{color:#DD2215}
.list-contact .right form .more{width:100%;}
.list-contact .right form .more .code_box{width:calc(100% - 200px);position: relative;}
.list-contact .right form .more .code_box input{margin:0;width:100%;}
.list-contact .right form .more .code_box img{cursor: pointer;;position: absolute;right:6px;bottom:1px;height:38px;}
.list-contact .right form .more .btn{transition-duration:.4s;cursor: pointer;;width:170px;border-radius:5px;background:#DD2215;display:flex;align-items: center;justify-content: center;;}
.list-contact .right form .more .btn span{color:#fff;font-size:16px;margin-left:10px;}
.list-contact .right form .more .btn:hover{border-radius:40px;}

.list-pro .left{width:270px}
.list-pro .left .fixed{position:sticky;top:100px;}
.list-pro .left .item{margin-bottom:5px;}
.list-pro .left .item h3 a{position: relative;;border-radius:5px;overflow: hidden;width:100%;display:flex;align-items: center;height:50px;border:1px solid #DD2215;}
.list-pro .left .item h3 a .i{position: relative;z-index:2;width:60px;height:100%;background:#DD2215;display:flex;align-items: center;justify-content: center;}
.list-pro .left .item h3 a .p{position: relative;z-index:2;padding:0 15px;height:100%;display:flex;align-items: center;width:calc(100% - 60px);}
.list-pro .left .item h3 a .p span{transition-duration:.4s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:16px;text-transform:uppercase;}
.list-pro .left .item h3 a::after{transition-duration:.4s;content:"";width:60px;height:100%;background:#DD2215;position: absolute;left:0;top:0;}
.list-pro .left .item h3 a:hover::after,.list-pro .left .item.on h3 a::after{width:100%;}
.list-pro .left .item h3 a:hover .p span,.list-pro .left .item.on h3 a .p span{color:#fff;}
.list-pro .right{width:calc(100% - 270px);padding-left:50px;}
.list-pro .right .list .item{width:calc(100% / 3 - 40px);margin:0 60px 60px 0;}
.list-pro .right .list .item:nth-child(3n){margin-right:0;}
.list-pro .right .list .item a{display:block;width:100%;padding:12px;border:1px solid #D6D6D6;border-radius:10px;}
.list-pro .right .list .item .txt{position: relative;;padding:15px 0 10px;margin-top:12px;border-top:1px solid #D2D3D5}
.list-pro .right .list .item .txt .i{position: absolute;right:12px;top:12px;}
.list-pro .right .list .item .txt h3{font-size:18px;color:#1F222E;margin-bottom:5px;}
.list-pro .right .list .item .txt h2{font-size:16px;color:#1F222E;font-family: 'Roboto-Regular';text-transform:uppercase;}
.list-pro .right .list .item a:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(30,58,138,.12);border-color:#DD2215;}
.list-pro .right .list .item a:hover .txt{border-top-color:#DD2215;}
.list-pro .right .list .item a:hover .txt h3{color:#DD2215;}
.list-pro .right .list .item a:hover .txt h2{color:#DD2215;}
.list-pro .alt{margin-bottom:40px;font-size:48px;color:#181818;font-family: 'Roboto-Black';text-transform:uppercase;}
.list-pro .body{padding-bottom:40px;font-family: 'Roboto-Regular';}
.list-pro .body ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.list-pro .body ul li{font-family: 'Roboto-Regular';width:calc(50% - 30px);height:50px;display:flex;align-items: center;border-bottom:1px solid #D2D3D5;}
.list-pro .body .alt{margin-bottom:15px;}
.list-pro .show_head{margin-bottom:30px;}
.list-pro .show_head .show_swiper{display:none;}
.list-pro .show_head .show_box .tupian_list{width:750px;}
.list-pro .show_head .show_box .tupian_list .datu{width:calc(100% - 150px);text-align:center;}
.list-pro .show_head .show_box .tupian_list .datu img{width:100%;}
.list-pro .show_head .show_box .tupian_list .xiaotu{width:100px;}
.list-pro .show_head .show_box .tupian_list .xiaotu li{transition-duration:.4s;margin-bottom:10px;width:100px;height:100px;border:1px solid #566679;display:flex;align-items: center;justify-content: center;}
.list-pro .show_head .show_box .tupian_list .xiaotu li img{max-width:100%;}
.list-pro .show_head .show_box .tupian_list .xiaotu li:hover{border-color:#DD2215;}
.list-pro .show_head .show_box .tupian_list .xiaotu .btn{display:flex;align-items: center;}
.list-pro .show_head .show_box .tupian_list .xiaotu .btn a{height:40px;background:#181818;width:50%;display:flex;align-items: center;justify-content: center;cursor: pointer;}
.list-pro .show_head .show_box .tupian_list .xiaotu .btn a:last-child{background:#DD2215;}
.list-pro .show_head .show_box .info_list{width:calc(100% - 800px);display:flex;flex-wrap:wrap;align-content: space-between;}
.list-pro .show_head .show_box .info_list .info_list_top{width:100%;}
.list-pro .show_head .show_box .info_list .t{padding:0 8px;}
.list-pro .show_head .show_box .info_list .t h3{margin-bottom:8px;font-size:18px;color:#1F222E;}
.list-pro .show_head .show_box .info_list .t h2{font-size:16px;color:#1F222E;font-family: 'Roboto-Regular';}
.list-pro .show_head .show_box .info_list .i{margin:15px 0;padding:15px 0;border-top:1px solid #D2D3D5;border-bottom:1px solid #D2D3D5;display:flex;align-items: center;;}
.list-pro .show_head .show_box .info_list .i a{width:44px;height:44px;margin-right:8px;border-radius:5px;display:flex;align-items: center;justify-content: center;background:#181818;}
.list-pro .show_head .show_box .info_list .i a:hover{background:#DD2215;border-radius:44px}
.list-pro .show_head .show_box .info_list .txt{font-size:15px;color:#1F222E;line-height:24px;}
.list-pro .show_head .show_box .info_list .info_list_bottom{width:100%;padding:18px;border:1px solid #1F222E;border-radius:5px;}
.list-pro .show_head .show_box .info_list .info_list_bottom h2{font-size:24px;color:#1F222E;font-family: 'Roboto-Black';}
.list-pro .show_head .show_box .info_list .info_list_bottom p{font-size:16px;line-height:24px;color:#1F222E;margin:5px 0 10px;}
.list-pro .show_head .show_box .info_list .info_list_bottom ul li{display:flex;align-items: center;height:40px;border-bottom:1px solid #D2D2D2;}
.list-pro .show_head .show_box .info_list .info_list_bottom ul li span{width:60px;}
.list-pro .show_head .show_box .info_list .info_list_bottom ul li a{color:#1F222E;font-family: 'Roboto-Regular';}
.list-pro .show_head .show_box .info_list .info_list_bottom ul li a:hover{color:#DD2215;}
.list-pro .show_head .show_box .info_list .info_list_bottom a.btn{width:100%;display:flex;align-items: center;justify-content: center;height:40px;margin-top:15px;border-radius:5px;background:#DD2215;}
.list-pro .show_head .show_box .info_list .info_list_bottom a.btn span{font-size:16px;color:#fff;font-family: 'Roboto-Regular';margin-left:10px;}
.list-pro .show_head .show_box .info_list .info_list_bottom a.btn:hover{border-radius:40px;}

.list-about .vr iframe{width:100%;height:600px;border:0;}
.list-about .images .alt{margin-bottom:40px;font-size:48px;color:#181818;font-family: 'Roboto-Black';text-transform:uppercase;}
.list-about .images .list .item{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 a{display:block;width:100%;padding:10px;box-sizing:border-box;border-radius:10px;box-shadow:0 0 20px rgba(30,58,138,.12);transition:all .3s ease;}
.list-about .images .list .item a .p{font-size:18px;color:#181818;text-transform:uppercase;margin:10px 0 5px;}
.list-about .images .list .item a:hover{transform:translateY(-5px);box-shadow:0 0 25px rgba(30,58,138,.22);}
.list-about .images .list .item a:hover .p{color:#DD2215;}
.list-about .data_list .item{border-left:1px solid #CFD9DE;width:25%;}
.list-about .data_list .item a{display:block;width:100%;padding:0 20px 0 50px;position: relative;}
.list-about .data_list .item a .i{height:115px;}
.list-about .data_list .item a .p h3{transition-duration:.4s;font-size:60px;color:#181818;font-family: 'Roboto-Black';line-height:1;}
.list-about .data_list .item a .p p{text-transform:uppercase;margin:8px 0 0 0;font-size:18px;color:#181818;font-family: 'Roboto-Regular';}
.list-about .data_list .item a::after{transition-duration:.4s;position: absolute;left:-1px;width:1px;height:0%;top:0;content:"";background:#DD2215;}
.list-about .data_list .item a:hover::after{height:100%;background:#DD2215;}
.list-about .data_list .item a:hover .p h3{color:#DD2215;}
.list-about .content .left{width:460px;text-transform:uppercase;}
.list-about .content .left .fixed{position:sticky;top:100px;}
.list-about .content .left h3{font-size:16px;font-family: 'Roboto-Regular';margin-bottom:20px;}
.list-about .content .left .video{display:flex;justify-content:space-between;width:100%;}
.list-about .content .left .video h2{font-size:48px;color:#181818;font-family:'Roboto-Black';line-height:1;}
.list-about .content .left .video h2 span{color:#DD2215;}
.list-about .content .left .video .videolist{background:#F8D1CC;border:2px solid #DD2215;border-radius:100%;width:135px;height:135px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;animation:pulse 2s infinite;}
.list-about .content .left .video .videolist::before{content:'';position:absolute;width:135px;height:135px;border:2px solid rgba(221,34,21,.3);border-radius:50%;animation:pulse-inner 2s infinite;z-index:-1;}
.list-about .content .left .video .videolist:hover{animation-play-state:paused;}
.list-about .content .left .video .videolist:hover::before{animation-play-state:paused;}
.list-about .content .left .video .videolist .i{background:#FFFFFF;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(221,34,21,.4);}70%{box-shadow:0 0 0 15px rgba(221,34,21,0);}100%{box-shadow:0 0 0 0 rgba(221,34,21,0);}}
@keyframes pulse-inner{0%{transform:scale(1);opacity:0.3;}50%{transform:scale(1.1);opacity:0.1;}100%{transform:scale(1);opacity:0.3;}}
.list-about .content .right{width:calc(100% - 460px - 160px);}
.list-about .content .right .logo{display:flex;justify-content: flex-end;align-items: center;gap: 30px;margin-bottom:50px;}
.list-about .content .right .body p{margin-bottom:30px;font-size:16px;line-height:30px;color:#181818;font-family: 'Roboto-Regular';}
.list-about .index_pic img{width:100%;height:100%;object-fit: cover;}
.list-about .index_tabs{padding:60px 0 20px 0;display:flex;flex-wrap:wrap;width:100%;}
.list-about .index_tabs .item{width: 25%;border-left: 1px solid #CFD9DE;display: flex;flex-direction: column;text-align: center;justify-content: center;position: relative;overflow: hidden;transition: all 0.3s ease;}
.list-about .index_tabs .item:nth-child(1){border-left: 0;}
.list-about .index_tabs .item .i{height: 120px;position: relative;display: flex;align-items: center;justify-content: center;perspective: 1000px;}
.list-about .index_tabs .item .i .in,.list-about .index_tabs .item .i .on{width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);}
.list-about .index_tabs .item .i .on{opacity: 0;transform: translate(-50%, -50%) rotateX(90deg);}
.list-about .index_tabs .item .p{transition: all 0.4s ease;font-size: 24px;color: #181818;text-transform: uppercase;margin-top: 15px;}
.list-about .index_tabs .item:hover .i .in{opacity: 0;transform: translate(-50%, -50%) rotateX(-90deg);}
.list-about .index_tabs .item:hover .i .on{opacity: 1;transform: translate(-50%, -50%) rotateX(0);}
.list-about .index_tabs .item:hover .p{color: #DD2215;transform: translateY(-5px);}

.index_video{position: relative;height:calc(100vh - 120px);}
.index_video video{display:block;width:100%;height:100%;object-fit:cover;object-position: center;}
.index_video .info{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;display: flex;flex-direction: column;text-align:center;align-items: center;justify-content: center;}
.index_video .info .p2{margin:30px 0 60px;}
.index_video .info .videolist{cursor:pointer;width:105px;height:105px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.3);position:relative;transition:all .3s ease;animation:videoPulse 2s infinite;}
.index_video .info .videolist::before,.index_video .info .videolist::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.4);animation:videoPulse 2s infinite;}
.index_video .info .videolist::before{animation-delay:.4s;}
.index_video .info .videolist::after{animation-delay:.8s;}
.index_video .info .videolist .i{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;position:relative;z-index:2;transition:transform .3s ease;}
.index_video .info .videolist .i img{height:20px;transition:transform .3s ease;}
@keyframes videoPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.4);}70%{transform:scale(1);box-shadow:0 0 0 20px rgba(255,255,255,0);}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,0);}}

.index-type .hd{text-align:center;}
.index-type .hd h2{font-size:36px;margin-bottom:10px;font-family: 'Roboto-Black';text-transform:uppercase;}
.index-type .hd p{max-width:840px;margin:0 auto;opacity:.5;font-size:16px;line-height:24px;font-family: 'Roboto-Regular';}
.index-type .bd{display:flex;flex-wrap:wrap;padding:50px 0;}
.index-type .bd .item{width:20%;border-top:1px solid #DDDDDD;border-left:1px solid #DDDDDD;}
.index-type .bd .item:nth-child(5n){border-right:1px solid #DDDDDD;}
.index-type .bd .item:nth-child(n+6){border-bottom:1px solid #DDDDDD;}
.index-type .bd .item a{display:block;width:100%;text-align:center;position: relative;overflow: hidden;}
.index-type .bd .item .i{height:220px;position: relative;display: flex;align-items: center;justify-content: center;perspective: 1000px;}
.index-type .bd .item .i .in,.index-type .bd .item .i .on{padding:10px;width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);}
.index-type .bd .item .i .on{opacity: 0;transform: translate(-50%, -50%) rotateX(90deg);}
.index-type .bd .item:hover .i .in{opacity: 0;transform: translate(-50%, -50%) rotateX(-90deg);}
.index-type .bd .item:hover .i .on{opacity: 1;transform: translate(-50%, -50%) rotateX(0);}
.index-type .bd .item .p{height:30px;font-size:16px;color:#181818;}
.index-type .bd .item a::after{content:'';position:absolute;top:100%;left:0;width:100%;height:100%;background:#DD2215;z-index:-1;transition:all .5s ease;}
.index-type .bd .item a:hover::after{top:0;}   
.index-type .bd .item a:hover .p{color:#fff;}
.index-type .show{display:flex;flex-wrap:wrap;width:100%;}
.index-type .show .item{width:calc(100% / 3 - 14px);margin-right:21px}
.index-type .show .item:nth-child(3n){margin-right:0;}
.index-type .show .item2{display:flex;flex-wrap:wrap;}
.index-type .show a{position: relative;display:flex;height:100%;width:100%;}
.index-type .show a .pic{width:100%;}
.index-type .show a .pic img{height:100%;width:100%;}
.index-type .show .item2 a{height:calc(50% - 10.5px);}
.index-type .show .item2 a:last-child{margin-top:21px;}
.index-type .show a .t{position: absolute;left:25px;top:40px;z-index:2;transition-duration:.5s;}
.index-type .show a .t h2{color:#fff;font-size:24px;margin-bottom:8px;}
.index-type .show a .t span{font-size:16px;color:#fff;border-bottom:1px solid #fff;text-transform:uppercase;}
.index-type .show .item1 a .t h2{font-size:30px;}
.index-type .show a:hover .t{transform:translateY(50%);}

.index-hot{position: relative;overflow: hidden;}
.index-hot::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:300px;background:#DD2215;z-index:1;}
.index-hot a{transition-duration:.5s;position: relative;z-index:2;display:none;width:100%;}
.index-hot .p{text-align:center;}
.index-hot .p img{max-width:100%;}
@keyframes slideUpOpacity {
  from { transform: translateY(100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.index-hot .t{position: absolute;left:0;top:50px;text-transform:uppercase;font-family: 'Roboto-Black';animation: slideUpOpacity 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.index-hot .t h2{font-family: 'Roboto-Black';font-size:80px;color:#DD2215;line-height:1;}
.index-hot .t h3{color:#181818;font-size:30px;margin:8px 0 18px;}
.index-hot .t .line{display:flex;align-items:center;gap:10px;}
.index-hot .t .line span{width:16px;height:16px;background:#C21D2E;border-radius:12px;}
.index-hot .t .line span:nth-child(2){opacity:.7}
.index-hot .t .line span:nth-child(3){opacity:.3}
.index-hot .t .line span:nth-child(4){opacity:.1}
.index-hot .data{position: absolute;left:0;bottom:-200px;z-index:99;max-width:485px;animation: slideUpOpacity 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.index-hot .data ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.index-hot .data ul li{color:#fff;width:calc(50% - 15px);padding:20px 0;border-bottom:1px solid #E7655C;}
.index-hot .data ul li h3{font-size:24px;font-family: 'Roboto-Black';}
.index-hot .data ul li p{font-family: 'Roboto-Regular';font-size:18px;}
.index-hot .images{position: absolute;right:-100px;bottom:90px;display:flex;animation: slideInRight 2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.index-hot .images .i{margin-left:12px;width:140px;height:140px;border-radius:12px;background:#fff;display:flex;justify-content: center;align-items: center;padding:10px;}
.index-hot .images .i img{border-radius:6px;}
.index-hot .logo{position: absolute;right:0;top:0;}
.index-hot .logo img{display:block;font-size:0;}
.index-hot .logo img:last-child{margin-top:10px;}
.index-hot .down{width:360px;height:210px;border:1px solid #DD2215;border-radius:8px;position: absolute;right:0;top:140px;display:flex;background:#fff;}
.index-hot .down .down_txt{font-size:30px;color:#181818;font-family: 'Roboto-Black';display:flex;align-items: center;height:100%;padding:0 12px;}
.index-hot .down .down_pic{display:flex;align-items: center;}
.index-hot .down .down_pic img{max-height:100%;}
.index-hot .down .btn{width:60px;height:100%;background:#DD2215;border-radius: 0 8px 8px 0;display:flex;align-items: center;justify-content: center;}
.index-hot a.on{display:block}
.index-hot a.on .p img{opacity:0;animation: fadeInFromBottom 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.index-hot a.on .data{bottom:60px;}
.index-hot a.on .t{top:20px;}
.index-hot a.on .images{right:0;}
@keyframes fadeInFromBottom {
  from {
    opacity: 0;
    transform:translateX(-366px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@media (max-width: 1700px){
.wrap{max-width:98%}
}
@media (max-width: 1366px){
.index-hot .t h2{font-size:60px;}
.index-hot .data{max-width:385px;}
.index-hot .data ul li h3{font-size:24px;}
.index-hot .down{width:300px;height:160px;}
.index-hot .images{display:none;}
.list-book .hd .title{top:30px;font-size:45px;line-height:50px;}
.list-pro .show_head .show_box .info_list{width:100%;}
}
@media screen and (max-width:992px) {
.index-hot .data ul li h3{font-size:18px;}
.wrap,.footer .left,.list-about .content .left,.list-about .content .right,.footer .right,.list-contact .left,.list-contact .right{max-width:100%;width:100%}
.main,.footer,.list-news,.show-news,.list-about .content{padding:30px 10px;}
.list-contact .left .t2 h2,.list-about .images .alt,.list-about .content .left .video h2,.list-pro .alt,.show-news .alt,.list-honor .honor-head .alt h2{font-size:34px;line-height:34px;}
.top,.header,.footer .left h3,.footer .left .info .item,.list-pro .left,.list-pro .show_head .show_box .tupian_list,.show-news .more .btn,.pc-menu{display:none;}
.footer .left .item:nth-child(3),.list-pro .show_head .show_swiper{display:block !important}
.weizhi{padding:10px;}
.weizhi .wrap{height:auto;flex-wrap:wrap;}
.weizhi a{font-size:14px;}
.weizhi img{margin:0 10px;}
.list-book .p img{height:180px;object-fit: cover;}
.list-book .hd .name{font-size:14px;left:10px;bottom:25px;display: none;}
.list-book .hd .title{left:10px;top:43px;font-size:26px;line-height:26px;}
.list-book .hd .web{right:10px;font-size:14px;bottom:60px;display: none;}
.list-book .tab{height:40px;padding:0 15px;}
.list-book .tab span{padding:0 15px;font-size:16px;}
.list-book .bd .pic iframe{height:300px;}
.list-book .bd .more{margin:20px 0;}
.scroll .item{padding:0 12px;}
.footer .left .info{margin:0 0 25px 0}
.footer .left .info .item:nth-child(3){width:100%;}
.footer .right h4{font-size:12px;line-height:20px;15px 0 30px 0}
.footer .right form p{font-size:12px;margin:20px 0;}
.footer .right form input{height:40px;font-size:14px; border-radius: 6px;}
.footer .right form .btn{border-radius:6px;height:40px;}
.bottom{padding:10px 10px 60px 10px;}
.bottom p,.bottom p a{font-size:12px;line-height:20px;}
.bottom .michuan{margin:10px auto 0;display:block;}
.list-contact .left .t3 span{right:20px;}
.list-contact .right ul{padding-top:25px;}
.list-contact .right ul li{width:100%;padding:25px 0;}
.list-contact .right ul li .i{width:40px;}
.list-contact .right ul li .i img{width:60%;}
.list-contact .right ul li .p p, .list-contact .right ul li .p a{font-size:14px;}
.list-contact .right form{margin-top:20px;}
.list-contact .right form input{margin-bottom:10px;height:40px;font-size:14px;}
.list-contact .right form textarea{min-height:100px;margin-bottom:10px;font-size:14px;}
.list-contact .right form .more .code_box{width:100%;}
.list-contact .right form .more .btn{height:40px;margin:15px auto 0;border-radius:6px;width: 100%;}


.list-news .bd .item{width:100%;margin:0 0 12px 0;}
.list-news .bd .item a{gap:12px;padding:12px;grid-template-columns:none;}
.list-news .bd .item a .txt .t h3{font-size:18px;line-height:24px;}
.paging{padding:20px 0;}
.show-news .content .t{font-size:18px;}
.show-news .content .body{font-size:14px;line-height:22px;padding:20px 0}
.show-news .content .body p{margin-bottom:8px}
.show-news .more .up p, .show-news .more .up p a{font-size:14px;line-height:22px;}
.show-news .alt{margin:25px 0;}
.show-news .list{padding-bottom:0;}
.show-news .list .item{width:calc(50% - 12px);margin:0 24px 12px 0;}
.show-news .list .item:nth-child(2n){margin-right:0;}
.show-news .list .item .txt{padding:12px;}
.show-news .list .item .txt p{margin:8px 0;font-size:13px;line-height:22px;}
.show-news .list .item .txt span{font-size:13px;}

.list-honor{background:url(../images/honor-head.png) no-repeat top center; background-size: 100% auto;}
.list-honor .honor-head{height:auto;padding:150px 10px 20px}
.list-honor .honor-head .alt{padding-top:0;}
.list-honor .bd{padding:20px 10px;}
.list-honor .bd .item{width:100%;margin:0 0 25px 0;padding:12px;}
.list-honor .bd .item:nth-child(2n){margin-right:0;}
.list-honor .bd .item .p{margin-top:10px;font-size:14px;}
.list-honor .title{margin:0 0 10px 10px;}
.list-pro .right{width:100%;padding:0;}
.list-pro .right .list .item{width:48%;margin:0 4% 15px 0 !important;}
.list-pro .right .list .item:nth-child(2n){margin-right:0 !important;}
.list-pro .right .list .item .txt h3{font-size:13px;}
.list-pro .right .list .item .txt h2{font-size:14px;}
.list-pro .body{padding-bottom:25px;}
.list-pro .body ul li{width:100%;height:auto;padding:10px 0;}
.list-about .content .right .logo{gap:10px;margin:40px 0 20px 0;}
.list-about .content .right .logo img{height:25px;}
.list-about .content .right .body p{margin-bottom:12px;font-size:14px;line-height:24px;}
.list-about .data_list{padding:0 10px 15px}
.list-about .data_list .item{width:100%;border-bottom: 1px solid #CFD9DE;border-left:0;}
.list-about .data_list .item:nth-child(4n){border-bottom: 0px solid #CFD9DE;}
.list-about .data_list .item a{display:flex;align-items: center;padding:25px 12px;}
.list-about .data_list .item a .i{height:auto;width:60px;}
.list-about .data_list .item a .p{width:calc(100% - 60px);}
.list-about .data_list .item a .p h3{font-size:30px;}
.list-about .data_list .item a .p p{font-size:14px;margin-top:0;}
.list-about .data_list .item a::after{display:none;}
.list-about .vr iframe{height:300px}
.list-about .images .alt{margin-bottom:20px;}
.list-about .images .list .item{width:100%;margin:0 0 25px 0 !important}
.list-about .images .list .item:nth-child(2n){margin-right:0 !important}
.list-about .images .list .item a .p{font-size:14px;margin:5px 0 0 0;}
.index_video{height: calc(100vh - 60px);}
.index_video .info .pic{max-width:70%;}
.index-type .hd h2{font-size:24px;}
.index-type .hd p{max-width:100%;font-size:14px;line-height:22px;}
.index-type .bd{padding:25px 0 0 0;border-bottom:1px solid #DDDDDD;margin-bottom:25px;}
.index-type .bd .item{width:50%;border-right:0 !important}
.index-type .bd .item:nth-child(2n){border-right: 1px solid #DDDDDD !important;}
.index-type .bd .item:nth-child(n+6){border-bottom:0 !important;}
.index-type .show .item{width:100% !important;margin:0 0 15px 0 !important}
.index-type .show .item2 a:last-child{margin-top:15px;}
.list-about .index_tabs{padding:0;}
.list-about .index_tabs .item{width:50%;}
.list-about .index_tabs .item .p{font-size:18px;margin:10px 0;}
.list-about .index_tabs .item:nth-child(3) {border-left: 0;}
.main .data_list{padding:0}
.index-hot .logo,.index-hot .down .down_pic{display:none;}
.index-hot .p img{width:100%;}
.index-hot .t{position: static;padding:0 0 30px 10px;}
.index-hot .t h2{font-size:40px;}
.index-hot .t h3{font-size:18px;margin:6px 0;}
.index-hot .data{position: static;width:100%;background:#DD2215;padding:12px;max-width:100%; }
.index-hot .data ul li{padding:10px 0;}
.index-hot .down{width:auto;height:40px;right:10;top:180px;}
.index-hot .down .btn{width:30px;}
.index-hot .down .down_txt{font-size:20px;padding:0 5px;}
.index-hot .images{display:flex;position: static;padding:12px;gap:12px;justify-content:center;}
.index-hot .images .i{border:2px solid #DD2215;height:auto;margin:0;}
.list-about .content .left .video .videolist{width:100px;height:100px;}
.list-about .content .left .video .videolist .i{width:60px;height:60px;}
.index-type .show a:hover .t{transform:translateY(10%);}
.index-hot::after{height:450px;}
.list-about .index_pic img{min-height:220px;}
}