/* base公共样式 */
@font-face {
    font-family: 'MiSans';
    src: url('HarmonyOSMedium.woff') format('truetype');
}

* {padding: 0;margin: 0;  box-sizing: border-box;}
html {font-size: calc(100vw/19.2);}
@media (min-width: 1921px) {html {font-size: 100px;}}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
body {color: #333;font-size: 16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
@media (max-width: 1440px) {body {font-size: 14px;}}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
a {color: #333;text-decoration: none;}
a:hover {text-decoration: underline;text-decoration: none;}
i {font-style: normal;}
ol,ul,li {list-style: none;} 

/* End */
.icen {max-width: 1600px;width: 100%; position:relative;padding:0 20px;margin:0 auto;}
.icen1 {width: 96%; position:relative;padding:0 20px;margin:0 auto;}

/* header */
.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s; background:#fff;}
.header .top{width: 100%; height:50px; position:relative;display: flex;justify-content: space-between;align-items: center; background:#666;}
.header .top .icen1{ display: flex;justify-content: space-between;align-items: center;}
.header .top .le{width: 50%; display: flex;align-items: center; color:#fff; padding-left:5px;}
.header .top .le img{width:20px; margin-right:10px;}
.header .top .le div{ margin-right:20px;display: flex;align-items: center;}
.header .top .re{width: 50%; position:relative;}
.header .top .re ul{display: flex;justify-content: flex-end;align-items: center;}
.header .top .re ul li{position: relative; margin-left:10px;}
.header .top .re ul li a{display: block; position: relative;}
.header .top .re ul li a img{ width:20px;}
.header .box{width: 100%; position:relative;}
.header .box .icen1{ display: flex;justify-content: space-between;align-items: center;}
.header .logo img{width: 216px;}
.header .nav{display: flex;justify-content: flex-start;align-items: center;}
.header .nav ul{display: flex;justify-content: flex-start;align-items: center;}
.header .nav ul li{position: relative;}
.header .nav ul li>a{display: block;height:90px;line-height:90px;font-size:16px;color: #000;position: relative;padding: 0 30px;}
.header .nav ul li:hover>a{ background:#f2f2f2;}
.header .nav ul li .nav02{width:300px;background:#c40908;position:absolute;left:0;top:90px;z-index:999;transform-origin:0 0 0;transform:scaleY(0.2);transition:all 0.4s;opacity:0;padding:15px 15px;}
.header .nav ul li .nav02 a{width:100%;font-size:15px;color:#fff;line-height:45px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,0.2);display:flex;justify-content:space-between;align-items: center;}
.header .nav ul li .nav02 a img{ width:7px;}
.header .nav ul li .nav02 a:hover{background: #d33804;}
.header .nav ul li:hover .nav02{opacity: 1;transform: translateY(0px);}
.header .lang { width:120px; height:40px; line-height:40px; border-radius:20px; background:#c40908;position: relative;display: flex;align-items: center; margin-left:60px;}
.header .lang .cur { width:100%;display: flex;justify-content:center;align-items: center; font-size:14px; color:#fff;}
.header .lang .cur img{ width:20px; margin-right:5px;}
.header .lang .drop { width:100%; background:#f2f2f2;position: absolute;top: 40px;left:0;right:0;text-align: center;opacity: 0;transition: all 0.4s;transform: translateY(10px);}
.header .lang .drop a { width:100%;display: block; font-size:14px; line-height:40px;}
.header .lang .drop a:hover { background:#ccc;color: #014f4e}
.header .lang:hover .drop {transform: translateY(0);opacity: 1}
 
/*banner*/
.banner{ width:100%; height:8rem;position:relative; margin-top:140px;}
.banner .swiper1{ width:100%;position:relative; overflow:hidden;}
.banner .swiper-slide { width:100%;position:relative;}
.banner .swiper-slide .img{width:100%; height:100%;}
.banner .swiper-slide .img img{width:100%; height:8rem; z-index:0;}
.banner .swiper-slide .txt { width: 100%; height:100%; position:absolute; left:0;top:0;display: flex; align-items: center;z-index:20;}
.banner .swiper-slide .txt h1{ font-size:26px;font-weight:500;margin-bottom:15px;color:#fff;}
.banner .swiper-slide .txt h2{ font-size:65px;font-weight:500;color:#fff;}
.banner .hd{width:50px; position:absolute; bottom:10%; right:3%;z-index:100;}
.banner .hd span{width:50px;height:50px; border-radius:50%;transition:all .2s;cursor:pointer; z-index:5;display: flex;justify-content:center;align-items: center; background:rgba(255,255,255,0.5);margin:10px 0;}
.banner .hd span:hover{ background:rgba(255,255,255,0.8)}
.banner .swiper1 .banner-pagination { width:12px; top:20%; right:4%; margin-left:auto;}
.banner .swiper1 .banner-pagination .swiper-pagination-bullet {width:12px;height:12px;border-radius:6px;background:#fff;opacity:0.5;margin:5px 0;}
.banner .swiper1 .banner-pagination .swiper-pagination-bullet-active {height:35px;opacity:1;}

/* ind01 */
.ind01{ width:100%; position:relative;background:url(ind01bg.jpg) no-repeat;background-size:100% 100%;padding:120px 0;}
.ind01 .icen{ display: flex;justify-content: space-between;align-items: center;}
.ind01 .con{ width:45%; position:relative; z-index: 6;}
.ind01 .con .top h2{ width:100%; position:relative;}
.ind01 .con .top h1{ width:100%; font-size:48px; font-weight:500; padding-bottom:0; color:#333; font-family:Times New Roman}
.ind01 .con .top h2{ width:100%; font-size:30px; font-weight:500; padding-bottom:30px; color:#333;}
.ind01 .con .top h2:before{ content:""; position:absolute; width:80px; height:2px; background:#bd9d55; left:0;bottom:0; transition:.5s; z-index:1;}
.ind01 .con .txt{ width:100%;font-size: 16px;line-height: 32px; color: #333; margin-top:30px;}
.ind01 .con .more { width:200px; height:50px; line-height:50px; margin-top:60px;}
.ind01 .con .more a { display:block; width:100%; background:#c40908; color:#fff; border-radius:5px 5px 25px 5px;display: flex;justify-content: center;align-items: center; transition:.5s;}
.ind01 .con .more a img{ width:10px; margin-left:10px;}
.ind01 .con .more a:hover { border-radius:5px 25px 5px 25px;}
.ind01 .img{ width:45%; position:relative; z-index: 6;}
.ind01 .img img{ width:100%;}

/*ind02*/
.ind02{width:100%;position:relative;}
.ind02 .con-box{width:100%; height:100vh;position:relative;}
.ind02 .con-box .swiper4{width:100%; position:relative; overflow:hidden;}
.ind02 .con-box .swiper-slide{width:100%; position:relative;}
.ind02 .con-box .swiper-slide img{width:100%;height:100vh;}
.ind02 .con-box .swiper-slide .txt{width:100%;height:100%; position:absolute; left:0; top:30%;}
.ind02 .con-box .swiper-slide .txt h1{width:100%; position:relative; font-size:60px; font-weight:700; color:#fff; line-height:30px; margin-bottom:60px; padding-bottom:60px;}
.ind02 .con-box .swiper-slide .txt h1:before{ content:""; position:absolute; width:80px; height:2px; background:#fff; left:0;bottom:0; transition:.5s; z-index:1;}
.ind02 .con-box .swiper-slide .txt h2 { width:130px; height:40px; line-height:40px; border:1px solid #fff; border-radius:5px;}
.ind02 .con-box .swiper-slide .txt h2 a { display:block; width:100%; height:40px; line-height:40px; font-size:14px; color:#fff;display: flex;justify-content: center;align-items: center; transition:.5s;}
.ind02 .con-box .swiper-slide .txt h2 a img{ width:10px; height:10px; margin-left:10px;}
.ind02 .con-box .swiper-slide .txt h2:hover { background:#c40908; color:#fff; border:none;}
.ind02 .con-box .button{ width:0.5rem; position:absolute; top:26%; right:13%; z-index:10;}
.ind02 .con-box .button .icen{ height:3rem;}
.ind02 .con-box .button-next{position:absolute;top:20%;right:0;height:0.5rem;width:0.5rem;border-radius:50%;z-index:10; background:rgba(0,0,0,0.4);}
.ind02 .con-box .button-next:hover{background:rgba(0,0,0,1)}
.ind02 .con-box .button-next img{width:0.1rem;}
.ind02 .con-box .button-next a{ height:0.5rem;width:0.5rem;display: flex;justify-content:center;align-items: center;}
.ind02 .con-box .button-prev{position:absolute;top:40%;right:0;height:0.5rem;width:0.5rem;border-radius:50%;z-index:10;background:rgba(189,157,85,0.5);}
.ind02 .con-box .button-prev:hover{background:rgba(189,157,85,1)}
.ind02 .con-box .button-prev img{width:0.1rem;}
.ind02 .con-box .button-prev a{ height:0.5rem;width:0.5rem;display: flex;justify-content:center;align-items: center;}
.ind02 .nav-box{width:100%; position:absolute; left:0; bottom:15%; z-index:10;}
.ind02 .nav-box .swiper5{ width:100%; position:relative; overflow:hidden;}
.ind02 .nav-box .swiper-slide{ width:100%; height:1.15rem; position:relative; background:#fff;display: flex;justify-content:center;align-items: center; font-size:22px; font-weight:700; border-right:1px solid #ddd;}
.ind02 .nav-box .swiper-slide img{ width:40px; margin-right:20px;} 
.ind02 .nav-box .swiper-slide.on{background:#c40908; color:#fff;}
.ind02 .nav-box .swiper-slide:hover{background:#c40908; color:#fff;}
.ind02 .nav-box .swiper-slide.on img{filter:invert(150%) sepia(150%) saturate(0%) hue-rotate(0deg) brightness(150%) contrast(150%);}
.ind02 .nav-box .swiper-slide:hover img{filter:invert(150%) sepia(150%) saturate(0%) hue-rotate(0deg) brightness(150%) contrast(150%);}

.waves { width: 100%; height: 80px; margin-top: 0; margin-bottom: -8px; left: 0; bottom: 0; width: 100%; z-index: 3; margin-top: -78px; position: relative;}
.parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)   infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {0% {transform: translate3d(-90px,0,0);}100% { transform: translate3d(85px,0,0);}}

/* ind03 */
.ind03 {width:100%;position: relative; padding:90px 0;}
.ind03 .i_tit{ width:100%; position:relative; text-align:center; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.ind03 .i_tit h1{ font-size:40px; font-weight:500;}
.ind03 .i_tit h2{ font-size:16px; font-weight:500; margin-top:10px;}
.ind03 .swiper2{ width: 100%; position:relative; overflow:hidden; margin-top:60px;}
.ind03 .swiper-slide {position:relative;overflow:hidden;transition:box-shadow .2s;background:#fff; overflow:hidden;}
.ind03 .swiper-slide a{ width:100%; position:relative; display:block;} 
.ind03 .swiper-slide a::before {content: "";position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;background:rgba(0,0,0,0.4);transition: 0.6s;opacity:0; z-index:100;}
.ind03 .swiper-slide .img{ width:100%; position:relative; overflow:hidden; transition: all 0.9s;} 
.ind03 .swiper-slide .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;transition: all 0.4s ease;}
.ind03 .swiper-slide .img .hezi{padding-bottom: 100% !important;}
.ind03 .swiper-slide .jia{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;transition: all 0.4s ease;display: flex;justify-content:center;align-items: center;opacity:0; z-index:300;}
.ind03 .swiper-slide .jia img{width:60px;height:60px;display: flex;justify-content:center;align-items: center; background:rgba(0,0,0,0.4); padding:20px; border-radius:50%;}
.ind03 .swiper-slide .tit { width:100%; position:relative; background:#f2f2f2; text-align:center; height:60px; line-height:60px; color:#333; font-size:16px; z-index:200;}
.ind03 .swiper-slide:hover .img img{width: 100%; transform: scale(1.05);transition: all 0.9s;}
.ind03 .swiper-slide:hover .tit{background:#c40908; color:#fff;}
.ind03 .swiper-slide:hover .jia{opacity:1;}
.ind03 .swiper-slide:hover a::before{opacity:1;}
.ind03 .hd{display: flex;justify-content:space-between;align-items: center; width:100%; position:absolute; left:0; top:40%;}
.ind03 .hd span{width:50px;height:50px;transition:all .2s;display: flex;justify-content:center;align-items: center; z-index:5; background:rgba(0,0,0,0.4); border-radius:50%;cursor: pointer !important;}
.ind03 .hd span:hover{ background:rgba(0,0,0,0.9);} 
.ind03 .more { width:200px; height:50px; line-height:50px; margin:60px auto 0;}
.ind03 .more a { display:block; width:100%; background:#c40908; color:#fff; border-radius:5px 5px 25px 5px;display: flex;justify-content: center;align-items: center; transition:.5s;}
.ind03 .more a img{ width:10px; margin-left:10px;}
.ind03 .more a:hover { border-radius:5px 25px 5px 25px;}

/* ind04 */
.ind04 {width:100%;position: relative; height:6.5rem; min-height:550px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(ind04bg.jpg);background-attachment:fixed !important;}
.ind04 .con {width:100%; height:6.5rem; min-height:550px;position: relative;}
.ind04 .box { position:absolute; right:0; bottom:0;width: 8.3rem;min-width:800px; height:3.8rem; min-height:350px; background:#c40908; border-radius:15px;display: flex; border-radius:0 25px 0 0; padding:1rem;}
.ind04 .box img{ margin-right:0.3rem;}
.ind04 .box h1{width: 100%; font-size:42px; font-weight:700; color:#fff; margin-bottom:5px;}
.ind04 .box h2{width: 100%; font-size:16px; font-weight:500; color:#fff; line-height:30px;}
.ind04 .box h3 { width:200px; height:50px; line-height:50px; margin-top:30px;}
.ind04 .box h3 a { display:block; width:100%; font-size:16px; color:#fff; border-radius:25px;display: flex;justify-content: center;align-items: center; transition:.5s; border:1px solid #fff;}
.ind04 .box h3 a img{ width:10px; margin-left:10px;}
.ind04 .box h3 a:hover { padding-left:0.3rem;}

/* ind05 */
.ind05 {width:100%; position:relative;background:url(ind05bg.jpg) no-repeat;background-size:100% 100%;padding:120px 0;}
.ind05 .i_tit{ width:100%; position:relative; margin-bottom:30px;display: flex;justify-content:space-between;align-items: center;}
.ind05 .i_tit .le{ width:50%; position:relative;}
.ind05 .i_tit .le h1{ font-size:40px; font-weight:500;}
.ind05 .i_tit .le h2{ font-size:16px; font-weight:500; margin-top:10px;}
.ind05 .i_tit .re{ width:50%; position:relative; text-align:right;}
.ind05 .i_tit .re a {display:block;width:200px;height:50px;line-height:50px;background:#c40908;color:#fff;border-radius:5px 5px 25px 5px;display: flex;justify-content:center;align-items:center;transition:.5s;margin-left:auto;}
.ind05 .i_tit .re a img{ width:10px; margin-left:10px;}
.ind05 .i_tit .re a:hover { border-radius:5px 25px 5px 25px;}
.ind05 .swiper3{ width: 100%; position:relative; overflow:hidden; margin-top:60px;}
.ind05 .swiper-slide {position:relative;overflow:hidden;transition:box-shadow .2s;background:#fff; overflow:hidden;width: 60%;}
.ind05 .swiper-slide a{ width:100%; position:relative; display:block;} 
.ind05 .swiper-slide .img{ width:100%; position:relative; overflow:hidden; transition: all 0.9s;} 
.ind05 .swiper-slide .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;transition: all 0.4s ease;}
.ind05 .swiper-slide .img .hezi{padding-bottom: 60% !important;}
.ind05 .swiper-slide .tit {width:90%;margin:-0.6rem auto 0;position:relative;background:#fff;box-shadow:-2px 2px 20px #dcdcdc;height:1.8rem;color:#333;font-size:16px;z-index:200;padding:0.3rem;border-bottom:6px solid #c40908;}
.ind05 .swiper-slide .tit h1{ font-size:22px; font-weight:700; color:#333; margin-bottom:10px;text-align:center; }
.ind05 .swiper-slide .tit h2{ font-size:14px; font-weight:500; color:#666; line-height:25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3;text-align:center; }
.ind05 .swiper-slide:hover .img img{width: 100%; transform: scale(1.1);transition: all 0.9s;}
.ind05 .hd{display: flex;justify-content:space-between;align-items: center; width:62%; position:absolute; left:19%; top:55%;}
.ind05 .hd span{width:50px;height:50px;transition:all .2s;display: flex;justify-content:center;align-items: center; z-index:5; background:rgba(0,0,0,0.4); border-radius:50%;cursor: pointer !important;}
.ind05 .hd span:hover{ background:rgba(0,0,0,0.9);} 


 /* footer */
.footer {padding: 80px 0 30px;position: relative;background:url(footbg.jpg) no-repeat;background-size:100% 100%; border-bottom:10px solid #c40908;}
.footer .top{display: flex;justify-content: space-between;margin-bottom: 40px;}
.footer .fo01 { width:2rem; position:relative; font-size:0.2rem; color:rgba(255,255,255,.9); text-align:center; border-right:1px solid rgba(255,255,255,.2); padding-right:0.6rem; margin-right:0.3rem;}
.footer .fo01 img{ width:1.2rem; margin-top:0.3rem;}
.footer .fo02 { width: calc(100% - 5.8rem); position:relative; border-right:1px solid rgba(255,255,255,.2); padding:0 0.6rem; margin-right:0.6rem;}
.footer .fo02 ul {display: flex;justify-content: space-between;}
.footer .fo02 ul li h1 { display: block; font-size:18px; color: #fff; font-weight: 500; margin-bottom: 30px;}
.footer .fo02 ul li p a{ display:block;font-size: 14px;color:rgba(255,255,255,.5);line-height:30px;}
.footer .fo02 ul li p a:hover {color:rgba(255,255,255,1);}
.footer .fo03 { width:4rem; position:relative;}
.footer .fo03 h1 { display: block; font-size:18px; color: #fff; font-weight: 500; margin-bottom: 30px;}
.footer .fo03 p a{ display:block;font-size: 14px;color:rgba(255,255,255,.5);line-height:30px;}
.footer .fo03 p a:hover {color:rgba(255,255,255,1);}
.footer .fo04 { width:100%; position:relative; padding-top:30px; border-top:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.5);}
.footer .fo04 .icen{display: flex;justify-content: space-between;align-items: center;}
.footer .fo04 .le {width: 50%;}
.footer .fo04 .le a{ margin-right:5px;}
.footer .fo04 .re { width:50%;color:rgba(255,255,255,.5); text-align:right;}
.footer .fo04 .re a {font-size: 14px;color:rgba(255,255,255,.5); line-height:25px;}

.side{position:fixed;width:60px;right:0;top:40%;z-index:100;}
.side ul li{width:60px;height:60px;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:60px;height:60px;line-height:30px;top:0;right:0;transition:all 0.3s;background:rgba(0,0,0,0.5);color:#fff;font-size:14px;overflow:hidden;display:flex;align-items: center;}
.side ul li .sidebox .txt{line-height:20px;}
.side ul li .sidebox .txt p{ width:100%;}
.side ul li .img{ width:60px; height:60px; margin-right:5px;}
.side ul li .img img{ width:60px;}

.n_banner{width: 100%;position: relative; z-index:-1;}
.n_banner img{width: 100%;display: block;}


/* 内页位置 */
.n_nav_wap{width: 100%;position: relative; background:#fff;}
.n_nav_wap .con{display: flex; justify-content: center;align-items: center;height:80px;line-height:80px;}
.n_nav_wap .con .n_home{ width:35%;display: flex;justify-content: flex-end;align-items: center; font-size:14px;color: #555;}
.n_nav_wap .con .n_home a{font-size:14px;color: #555;}
.n_nav_wap .con .n_nav{ width:65%;}
.n_nav_wap .con .n_nav ul{display: flex; align-items: center;}
.n_nav_wap .con .n_nav ul li{margin-right:20px;height:80px;line-height:80px;position: relative;display: flex;align-items: center;}
.n_nav_wap .con .n_nav ul li a { display:block; width:180px;height:40px;line-height:40px; text-align:center; background:#c40908;font-size:16px; color:#fff; border-radius:5px 5px 25px 5px; transition:.5s;}
.n_nav_wap .con .n_nav ul li:hover a{ border-radius:5px 25px 5px 25px;}
.n_nav_wap .con .n_nav ul li.act a{ border-radius:5px 25px 5px 25px;}



.n_main{width: 100%;position: relative;background: #f5f5f5;color:#333; margin:0; padding:0;}

.n_tit{ width:100%; position:relative; text-align:center;}
.n_tit h2{ width:100%; position:relative; font-size:36px; font-weight:500; padding-bottom:20px; color:#333;}
.n_tit h2:before{ content:""; position:absolute; width:50px; height:2px; background:#c40908; left:50%;transform:translateX(-50%);bottom:0; transition:.5s; z-index:1;}
.n_tit h3{ width:100%; position:relative; font-size:16px; font-weight:500; margin-top:20px; color:#333;}



/* 关于我们 */
.n_about{ width:100%; position:relative;padding:90px 0; min-height:350px;}
.n_about .top h2{ width:100%; position:relative; font-size:22px; font-weight:500; padding-bottom:20px; color:#333;}
.n_about .top h2:before{ content:""; position:absolute; width:50px; height:2px; background:#c40908; left:0;bottom:0; transition:.5s; z-index:1;}
.n_about .txt{ width:100%;font-size: 16px;line-height: 30px; color: #333; margin-top:30px;}


.ab01{ width:100%; position:relative;background:url(ind01bg.jpg) no-repeat;background-size:100% 100%;padding:120px 0;}
.ab01 .icen{ display: flex;justify-content: space-between;}
.ab01 .con{ width:50%; position:relative; z-index: 6;}
.ab01 .con .top h2{ width:100%; position:relative;}
.ab01 .con .top h1{ width:100%; font-size:30px; font-weight:500; padding-bottom:0; color:#333; font-family:Times New Roman}
.ab01 .con .top h2{ width:100%; font-size:22px; font-weight:500; padding-bottom:30px; color:#333;}
.ab01 .con .top h2:before{ content:""; position:absolute; width:80px; height:2px; background:#c40908; left:0;bottom:0; transition:.5s; z-index:1;}
.ab01 .con .txt{ width:100%;font-size: 16px;line-height: 32px; color: #333; margin-top:30px;}
.ab01 .img{ width:40%; position:relative; z-index: 6;}
.ab01 .img img{ width:100%;}


.ab02 {width:100%;position: relative;display: flex;justify-content: space-between; align-items: center; background:url(ab02.jpg) no-repeat; padding:60px 0 120px;}
.ab02 .top{ width:100%; text-align:center; font-size:30px; position:relative; color:#fff;}
.ab02 .top:before{ content:""; position:absolute; width:80px; height:2px; background:#c40908; left:50%;transform:translateX(-50%); bottom:-20px; transition:.5s; z-index:1;}
.ab02 .top h1{width: 100%; font-size:32px; font-weight:normal; color:#fff; margin-bottom:15px;}
.ab02 .top h2{width: 100%; font-size:20px; font-weight:normal; color:#fff;}
.ab02 .con ul{display: flex;justify-content: space-between; margin-top:60px;}
.ab02 .con ul li {width: 24%; position:relative; height:270px; text-align:center; border-top:3px solid #c40908; background:rgba(0,0,0,0.5); padding:60px;}
.ab02 .con ul li:nth-child(2n) { margin-top:0.8rem;}
.ab02 .con ul li:before{ content:""; position:absolute; width:100%; height:0; background:#c40908; left:0;top:0; transition:.5s; z-index:1;}
.ab02 .con ul li:hover:before{ height:100%;}
.ab02 .con ul li .img{width: 100%; position:relative; z-index:10;}
.ab02 .con ul li .img img{ width:60px;transition: transform 0.5s ease; transform: scaleX(1); margin-bottom:15px; z-index:10;}
.ab02 .con ul li .txt{width: 100%; position:relative; z-index:10;}
.ab02 .con ul li .txt h1{width: 100%; font-size:24px; font-weight:500; color:#fff; margin-bottom:10px;}
.ab02 .con ul li .txt h2{width: 100%; font-size:14px; font-weight:500; color:#fff; line-height:30px;}


.xw01 { width:100%; position:relative; padding:60px 0;}
.xw01 .icen{ background:#fff; padding:60px;}
.xw01 .item{display: block;width: 100%;margin-bottom:40px; transition: all .3s; background:#f2f2f2;}
.xw01 .item a{display: block;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.xw01 .item .img{ width:30%; position:relative; overflow:hidden;} 
.xw01 .item .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all .3s;}
.xw01 .item .img .hezi{padding-bottom: 67% !important; }
.xw01 .item .text{width: 45%; position:relative; margin:0 5%;}
.xw01 .item .text h1{font-size:20px;font-weight: 700;color: #333;margin-bottom:20px;}
.xw01 .item .text h2{font-size:14px;line-height: 30px;color: #666;}
.xw01 .item .data{width: 15%; position:relative; text-align:center;}
.xw01 .item .data h1{ font-size:60px;font-weight: 700; color:#333;}
.xw01 .item .data h2{ font-size:20px; color:#333;}
.xw01 .item:hover{box-shadow: 0 2px 30px rgba(42,37,71,0.3); background:#fff;}
.xw01 .item:hover .img img{transform: scale(1.1);}
.xw01 .item:hover .text h1{color: #c40908;}
.xw01 .item:hover .data h1{color: #c40908;}
.xw01 .item:hover .data h2{color: #c40908;}




.n_chan {width:100%;position: relative; z-index: 9;padding:60px 0;}
.n_chan .icen { position: relative; display: flex; justify-content: space-between;}
.n_chan .le { width:20%; position: relative;}

aside{ width:100%; position:relative;}
aside .top h2{ width:100%; position:relative; font-size:22px; font-weight:500; padding-bottom:20px; color:#333;}
aside .top h2:before{ content:""; position:absolute; width:50px; height:2px; background:#c40908; left:0;bottom:0; transition:.5s; z-index:1;}
aside .navMenu{ width: 100%; position:relative; margin-top:30px;}
aside .navMenu> li { display: block; margin:0; padding:0; width: 100%; border-bottom:1px solid #fff;}
aside .navMenu>li>a { display: block; line-height:50px; background:#c40908; color:#fff; font-size: 16px; padding-left: 15px;}
aside .navMenu>li>a>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; }
aside .navMenu li a .arrow { display: block; float: right; margin-top: 25px; margin-right: 10px; display: inline; width:14px; height: 8px; background:url(icon19.png) no-repeat; text-shadow: none; }
aside .navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { list-style:none; clear:both; background:#f5f5f5;}
aside .navMenu>li>ul.sub-menu { background:#e6e6e6;}
aside .navMenu>li>ul.sub-menu li>a {display:block;font-size:14px;line-height:50px; color:#666;padding-left: 15px;border-top:1px solid #fff; }
aside .navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { background:#c40908; color: #fff;}


.n_chan .re { width:77%; position: relative;}
.n_chan .re .p_home { width:100%;font-size:20px;color: #333; border-bottom:4px solid #c40908; padding-bottom:20px;}


.zhao01 {width: 100%; position:relative; padding:90px 0;}
.zhao01 .box{width: 100%;display: flex;flex-wrap:wrap; align-items: center;margin-top:30px;}
.zhao01 .item {width: 32%; position:relative;margin-right: 1.8%;margin-bottom: 15px;box-shadow: 0 0 10px 0 #ccc; background:#fff; padding:50px 30px; transition: .5s;}
.zhao01 .item:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height:4px; background: #c40908; transition: .5s;}
.zhao01 .item:nth-child(3n){ margin-right:0;}
.zhao01 .item .img {width: 100%; position:relative; margin-bottom:20px;}
.zhao01 .item .img img {width: 60px;}
.zhao01 .item .tit { height:60px;line-height:60px;font-size: 24px; color: #333; display: flex;justify-content: space-between;align-items: center; margin-bottom:10px;}
.zhao01 .item .sum { height:60px;line-height:30px;font-size: 16px; color: #333;}
.zhao01 .item:hover {transform: translateY(-10px);}
.zhao01 .item:hover:before { width:100%;}
 
.zhao02 {width:100%;position: relative; height:650px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(zhao02.jpg);background-attachment:fixed !important;}
.zhao02 .con {width:100%; height:650px;position: relative;}
.zhao02 .box { position:absolute; right:0; top:1.35rem;width:880px; height:380px; background:rgba(196,9,8,0.8); padding:0.5rem;}
.zhao02 .box img{ margin-right:0.3rem;}
.zhao02 .box h1{width: 100%; font-size:14px; font-weight:500; color:#fff; margin-bottom:10px;}
.zhao02 .box h2{width: 100%; font-size:30px; font-weight:500; color:#fff; margin-bottom:10px;}
.zhao02 .box h3{width: 100%; font-size:16px; font-weight:500; color:#fff; line-height:30px;}
.zhao02 .box h4 { width:200px; height:50px; line-height:50px; margin-top:50px;}
.zhao02 .box h4 a { display:block; width:100%; font-size:16px; color:#fff; border-radius:25px;display: flex;justify-content: center;align-items: center; transition:.5s; border:1px solid #fff;}
.zhao02 .box h4 a img{ width:10px; margin-left:10px;}
.zhao02 .box h4 a:hover { padding-left:0.3rem;}

.zhao03{width: 100%;position: relative; padding:90px 0 150px;}
.zhao03 .list{width: 100%;text-align: left;background: #ffffff;border-radius: 4px;overflow: hidden; margin-top:40px;}
.zhao03 .list table{width: 100%;font-size: 16px;font-weight: 400;}
.zhao03 .list table tr.line{cursor: pointer;transition: all 0.3s;}
.zhao03 .list table tr:hover{background: #f7f7f7;}
.zhao03 .list table tr:hover  td.li5 span{background-color: #cc0000;}
.zhao03 .list table th{background: #c40908; color:#fff;height: 70px;line-height: 70px;text-indent: 40px;}
.zhao03 .list table td{height: auto;line-height: 70px;text-indent: 40px;}
.zhao03 .list table td{margin-left: 40px;border-bottom: 1px solid #e6e6e6;color: #333;}
.zhao03 .list table tr.zhankai td{border: 0;height: 0;padding: 0;}
.zhao03 .list table tr.zhankai td>div{border-bottom: 1px solid #e6e6e6;background: #fafafa;font-size: 14px;padding:30px;line-height:30px;}
.zhao03 .list table td.li5{text-align: center;}
.zhao03 .list table th.li5{text-align: center;}
.zhao03 .list table td.li5 span{display: inline-block;width: 26px;height: 26px;border-radius: 26px;background: url(icon2.png) #ccc no-repeat center;transition: all 0.3s;margin-bottom: -6px;}
.zhao03 .list table td.li5 span.open{background-image: url(icon2s.png);}


.lx01 {width: 100%; position:relative; padding:90px 0;}
.lx01 .icen{box-shadow: 0 0 10px 0 #ccc; background:#fff; padding:50px 30px; border-radius:20px;}
.lx01 .box{width: 100%;display: flex;margin-top:30px; background:#f5f5f5; padding:30px; border-radius:20px;}
.lx01 .item {width: 50%; position:relative; border-radius:10px; background:#f5f5f5; padding:50px 30px; transition: .5s;}
.lx01 .item h1 { width:100%; line-height:30px;font-size: 24px; color: #333; margin-bottom:30px;}
.lx01 .item h2 { line-height:30px;font-size: 18px; font-weight:700; color: #333; margin-top:30px; display: flex;align-items: center;}
.lx01 .item h2 img{ width:30px; margin-right:20px;}
.lx01 .item h3 { line-height:30px;font-size: 16px; color: #333; margin-top:10px; padding-left:50px;}

.n_form { width:100%; position:relative; padding-bottom:90px;}
.n_form .icen{ background:#fff; padding:50px 50px; border-radius:20px;box-shadow: 0 0 10px 0 #ccc;}
.n_form ul{width: 100%; background:#fff; margin-top:30px;}
.n_form ul li{ width:100%;margin-bottom:20px;position: relative; border:1px solid #ddd;}
.n_form .inp{height: 49px;border:2px solid #ced4da;background: #f2f2f2;width: 100%;padding-left: 15px;font-size: 14px;color: #333;outline:none;}
.n_form textarea{height: 80px;border:2px solid #ced4da;background: #f2f2f2;width: 100%;padding-left: 15px; padding-top:15px; font-size: 14px;color:#333;outline:none;}
.n_form .inp::-webkit-input-placeholder{color: #333;}
.n_form .inp::-moz-placeholder{ color: #333; }
.n_form .inp::-ms-input-placeholder{ color: #333;}
.n_form textarea::-webkit-input-placeholder {color: #333; font-family:"思源黑体";}
.n_form textarea::-moz-placeholder { color: #333;}
.n_form textarea::-ms-input-placeholder { color: #333;}
.n_form .btn{width: 100%;height: 49px;border:none;background: #333;color: #fff;font-size: 14px;outline:none;transition:.3s; margin-top:-5px;}
.n_form .btn:hover{background: #014099;}


.pagination {display: inline-block;padding-left: 0;margin: 20px 0 60px;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background:#fff;border:1px solid #ddd;}
.pagination > li:first-child > a,.pagination > li:first-child > span {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {z-index: 2;color: #23527c;background: #eee;border-color: #ddd;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 3;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}