*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li { margin: 0; padding: 0; list-style: none; }
li {list-style: none;}
a {text-decoration: none;}
body,html {height: 100%;width: 100%;font-size: 14px;}


.icen { width:100%;max-width: 1280px;margin: auto;position: relative; padding:0 10px;}


/* h_top */
.h_top{ width:100%; position:relative;}
.h_top .icen{ display:flex; justify-content:space-between; align-items:center; height:90px;}
.h_top .logo{ width:50%; position:relative;} 
.h_top .logo img{ height:55px;} 
.h_top .lang{ width:50%; display:flex; justify-content:flex-end; align-items:center; font-size:22px;color:#733a1d; } 
.h_top .lang img{ width:35px; margin-right:10px;} 

/* h_vid */
.h_vid { width:99.1%; height:50vh; position: relative;}
.h_vid .swiper { width:100%;height: 100%; position: relative;}
.h_vid .swiper .box{width: 100%; height:50vh; position: relative; overflow:hidden;}
.h_vid .swiper .box::before{content: "";width: 100%;height: 100%;background:rgba(0,0,0,0);position: absolute;left: 0;top: 0; z-index:1;}
.h_vid .swiper .box img { width:100%;height: 100%; z-index:-2;}
.h_vid .swiper .txt{ width:100%;height: 100%; position:absolute; top:0; left:0;display: flex; justify-content:center;align-items: center; color:#fff; text-align:center; z-index:2;}
.h_vid .swiper .txt .tit{ font-size:36px; position: relative; padding-bottom:15px; margin-bottom:15px; font-weight:bold;}
.h_vid .swiper .txt .sum{ font-size:24px;}
.h_vid .swiper-pagination {bottom: 38px;left: 50%;transform: translate(-50%,-50%);}
.h_vid .swiper-pagination-bullet {transition: 0.5s; width: 4rem; height: 6px; border-radius: 0px; background: #fff; margin: 0 8px!important; opacity: 1;}
.h_vid .swiper-pagination-bullet-active { opacity:1; background:#733a1d; width: 6rem;}

/* head */
.header{ width:100%; position:relative; background:#733a1d;}
.header .icen{ display:flex; align-items:center; position:relative;}
.header .nav{ width:100%; height:auto;} 
.header .nav ul{ width:100%; display:flex; justify-content:space-between;align-items: center;} 
.header .nav ul li{ width:100%; height: 70px; border-right:1px solid rgba(255,255,255,0.1);} 
.header .nav ul li:last-child{ border:none;}
.header .nav ul li .a { width:auto; height: 70px; line-height:70px; position: relative; display: block; font-size: 16px; font-weight: bold; color: #fff; transition: all .5s ease; text-align:center; } 
.header .nav ul li .a:hover{ background:#c66533; color:#fff;} 
.header .nav .sub {position:absolute;left:50%;transform: translateX(-50%);width:100%;max-width: 1262px;height:0;overflow:hidden;display:flex;justify-content:flex-start;z-index:10;margin:0 auto;transition:all .5s ease;opacity:0; top:70px; border:3px solid #733a1d; border-top:none; } 
.header .nav ul li:hover .sub { height:240px; opacity:1; background:#f2f2f2; } 
.header .nav .sub .le { position:relative; width:68%; height:auto; margin-right:2%;} 
.header .nav .sub .le dl { width:100%; position:relative; height:auto; padding:30px; display:flex;flex-wrap:wrap;} 
.header .nav .sub .le dl dd{ width:25%; position:relative; height:100%;} 
.header .nav .sub .le dl dd::before { content: ''; position: absolute; top:22px; left:0; width: 5px; height: 5px; background: #733a1d; border-radius:50%;} 
.header .nav .sub .le dl dd a{ position:relative; display:block; width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #666; text-align:left; padding-left:15px; transition: all 0.3s;} 
.header .nav .sub .le dl dd:hover a { color: #733a1d; } 
.header .nav .sub .re { width:30%; position:relative; text-align:right;} 
.header .nav .sub .re img{ height:240px;} 
.header .nav .sub .re::before { content: ''; position: absolute; top:0; left:0; width: 100%; height: 100%;background-image:linear-gradient(to left, rgba(242,242,242,0),rgba(242,242,242,0.9), rgba(242,242,242,1));} 


.title{ width: 100%; position: relative; text-align:center}
.title h2{ font-size:32px; color:#00a4ae; font-weight:bold; position: relative; padding-bottom:15px; margin-bottom:15px;}
.title h2::before{content: "";width: 80px;height: 2px;background:#00a4ae;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.title p{ font-size:14px; color:#888;}

.home-a {padding: 60px 0;}
.home-a .icen {display: flex;}

.ind01 {width: 32%; position:relative;overflow: hidden; margin-right:3%;}
.ind01 .top { width:120px; font-size:18px; padding-bottom:5px; color:#733a1d; border-bottom:1px solid rgba(155,58,29,0.3); margin-bottom:20px;}
.ind01 .top span{ font-size:12px; margin-left:5px; color:rgba(0,0,0,0.5);}
.ind01 .swiper-slide {display: block;width:100%);overflow: hidden;}
.ind01 .swiper-slide:last-child {margin-right: 0;} 
.ind01 .swiper-slide .img{width: 100%; overflow: hidden;z-index: 1;position: relative;} 
.ind01 .swiper-slide .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all 0.5s;}
.ind01 .swiper-slide .img .hezi{padding-bottom: 82% !important;}
.ind01 .swiper-slide .txt {background:rgba(0,0,0,0.6); height:50px; line-height:50px;margin-top: -50px;position: relative;z-index: 3; padding-left:20px;color: #fff;font-weight: 500;}
.ind01 .swiper-slide:hover .img img {transform: scale(1.02);}
.ind01 .ind01-pagination { width:100%; height:50px; position:absolute; right:0; bottom:0;text-align: right; z-index:1000;display: flex; justify-content: flex-end;align-items: center;}
.ind01 .ind01-pagination .swiper-pagination-bullet {width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.5);opacity:1;margin:0 5px;}
.ind01 .ind01-pagination .swiper-pagination-bullet-active { background:rgba(255,255,255,1);}


.ind02 { width:40%; position: relative; margin-right:3%;}
.ind02 .top { width:120px; font-size:18px; padding-bottom:5px; color:#733a1d; border-bottom:1px solid rgba(155,58,29,0.3);}
.ind02 .top span{ font-size:12px; margin-left:5px; color:rgba(0,0,0,0.5);}
.ind02 .bot { width:100%;position: relative; margin-top:1rem;}
.ind02 .bot a {display: flex;width: 100%;padding:5px 0; margin-bottom:5px;align-items: center;justify-content: space-between;transition: all 0.5s;}
.ind02 .bot a .time {text-align: center;margin-right: 20px;color: #777777;}
.ind02 .bot a .time h1{ font-size:16px; font-weight:500;color: #733a1d; border-bottom:1px solid #ccc; padding-bottom:2px; margin-bottom:2px;}
.ind02 .bot a .time h2{ font-size:12px; font-weight:500;color: #777777;}
.ind02 .bot a .txt {width: 100%;position: relative; transition: all 0.5s;}
.ind02 .bot a .txt h1{ font-size:15px; font-weight:500; color:rgba(0,0,0,1); margin-bottom:5px;}
.ind02 .bot a .txt h2{ font-size:11px; font-weight:500; color:rgba(0,0,0,0.5);}
.ind02 .bot a:hover .txt h1{color: #733a1d;}
.ind02 .bot a:hover .icon {background: #cf112b;}
.ind02 .bot a:hover .icon svg {fill: #fff;}

.ind03{ width:19%; position:relative;}
.ind03 .top { width:120px; font-size:18px; padding-bottom:5px; color:#733a1d; border-bottom:1px solid rgba(155,58,29,0.3);}
.ind03 .top span{ font-size:12px; margin-left:5px; color:rgba(0,0,0,0.5);}
.ind03 .bot{ width:100%; position:relative; margin-top:16px;}
.ind03 .bot ul{ display:flex;flex-wrap:wrap; justify-content:space-between;}
.ind03 .bot ul li{ width:49%; text-align:center; background:#733a1d; margin-bottom:5px; padding:9px 0;}
.ind03 .bot ul li h4{ width:100%; text-align:center; margin-bottom:5px;}
.ind03 .bot ul li h4 img{ width:40px; height:40px; transition: all 0.36s ease-in-out;}
.ind03 .bot ul li h5{ font-size:14px; color:#fff;}
.ind03 .bot ul li:hover h4 img{ transform:rotateY(180deg);}

 
.ind04{ width:100%; position:relative; margin-bottom:60px;}
.ind04 .top { width:120px; font-size:18px; padding-bottom:5px; color:#733a1d; border-bottom:1px solid rgba(155,58,29,0.3);}
.ind04 .top span{ font-size:12px; margin-left:5px; color:rgba(0,0,0,0.5);}
.ind04 .bot{ width:100%; position:relative; margin-top:30px;}
.ind04 .bot .swiper-slide {position:relative;overflow:hidden;transition:box-shadow .2s;background:#fff; overflow:hidden;}
.ind04 .bot .swiper-slide .img{width: 100%; overflow: hidden;z-index: 1;position: relative;} 
.ind04 .bot .swiper-slide .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all 0.5s;}
.ind04 .bot .swiper-slide .img .hezi{padding-bottom: 140% !important;}
.ind04 .bot .swiper-slide:hover .img img{width: 100%; transform: scale(1.05);transition: all 0.9s;}
.ind04 .bot .swiper-slide .tit { width:100%; position:relative; background:#eee;}
.ind04 .bot .swiper-slide .tit h4 {width: 100%; text-align:center; height:60px; line-height:60px; color:#333; font-size:16px; font-weight:500;}


.home-b {width:100%; position:relative;}
.home-b .icen {display: flex;align-items: center;}

.ind05 {width: 70%; position:relative;overflow: hidden; margin-right:3%;}
.ind05 .top { width:160px; font-size:18px; padding-bottom:5px; color:#733a1d; border-bottom:1px solid rgba(155,58,29,0.3); margin-bottom:20px;}
.ind05 .top span{ font-size:12px; margin-left:5px; color:rgba(0,0,0,0.5);}
.ind05 .bot {width:100%; position:relative; margin-top:30px;}
.ind05 .bot ul {display: block;width:100%; display:flex;flex-wrap:wrap; justify-content:space-between;}
.ind05 .bot ul li {display: block;width:33%;overflow: hidden; margin-bottom:5px;}
.ind05 .bot ul li .img{width: 100%; overflow: hidden;z-index: 1;position: relative;} 
.ind05 .bot ul li .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all 0.5s;}
.ind05 .bot ul li .img .hezi{padding-bottom: 67% !important;}
.ind05 .bot ul li .txt { width:100%;background:rgba(0,0,0,0.4); height:40px; line-height:40px; position:absolute; left:0; bottom:0;z-index: 3; text-align:center;color: #fff;font-weight: 500;}
.ind05 .bot ul li:hover .img img {transform: scale(1.02);}
 
.ind06 {width: 28%; position:relative;}
.ind06 img{width: 100%;}


.ind07 { width:100%;position: relative; margin-top:60px;}
.ind07 .icen{display: flex;justify-content: space-between;align-items: center;border-top:1px solid rgba(0,0,0,0.2); padding:30px 0;}
.ind07 .fo01 { width:33.333%;position: relative; padding-right:5%;}
.ind07 .fo01 h1 { font-size: 18px; font-weight:500; color: #333; line-height: 30px;margin-bottom: 10px;}
.ind07 .fo02 { width:33.333%;position: relative;padding:0 3%; border-left:1px solid rgba(0,0,0,0.2); border-right:1px solid rgba(0,0,0,0.2);}
.ind07 .fo02 img { width: 100%;}
.ind07 .fo03 { width:33.333%;position: relative; padding-left:2%;display: flex;flex-wrap:wrap; justify-content:space-between;}
.ind07 .fo03 .ewm { width:32%; position:relative;text-align:center;}
.ind07 .fo03 .ewm img { width: 100%;}
.ind07 .fo03 .ewm p {font-size: 14px;color: #333; margin-top:10px; text-align:center;}


/* footer */
.footer { width:100%;position: relative; background:#733a1d; padding:15px 0;}
.footer .con { width:100%; line-height:30px; text-align:center;color: #fff;}
.footer .con a {color: #fff;}




/*n_banner*/
.n_banner { width:100%; position:relative;}
.n_banner .img{ width:100%; position:relative;}
.n_banner .img img{ width:100%; display:block;}
/*.n_banner .img:before{content: "";width: 100%;height: 100%;background:rgba(0,0,0,0.1);position: absolute;left: 0;top: 0; z-index:1;}*/
 


/*n_home*/
.n_home {padding: 0;position: relative; z-index: 9; background:#f6f6f6}
.n_home .icen { position: relative; display: flex; justify-content: space-between; align-items: center; }
.n_home ul { position: relative; display: flex; }
.n_home ul li{display: block; font-size:16px; color: #373941; line-height:80px; z-index: 1; position: relative;}
.n_home ul li a{ display: block; color:#333; position: relative; padding:0 25px; }
.n_home ul li a:after{ content: ""; width: 1px; height: 18px; position: absolute; right: 0; top: 32px; background:rgba(0,0,0,0.2); transition: .5s;}
.n_home ul li a:before{ content: ""; display: block; width: 100%; transform: scaleX(0); height: 2px; background: #00a4ae; position: absolute; left: 0; bottom: 0; z-index: -1; opacity: 1; transition: .5s;}
.n_home ul li:hover a{ color:#00a4ae;} 
.n_home ul li:hover a:before{ width: 80%; left:10%; opacity: 1; transform: scaleX(1);}  
.n_home ul li.on a{ color:#00a4ae;}   
.n_home ul li.on a:before{ width: 80%; left:10%; opacity: 1; transform: scaleX(1); } 

.n_home .home { left: 0;bottom: 0; font-size:14px;color: #747679;}
.n_home .home img{ vertical-align: middle; margin-bottom: 3px; margin-right: 10px; width: 23px;}
.n_home .home span, .n_home .home a, .home i,.n_home .home em {font-size:14px;color: #333;transition: all 0.36s ease-in-out;font-style: normal;}
.n_home .home i{margin: 0 10px;font-style: normal; width: 4px; height: 6px; }
.n_home .home em { color: #333;font-style: normal;}

/*n_mian */ 
.n_main { width:100%; position:relative; margin:70px auto 90px;}
.n_main .n_tit{ width: 100%;background: #fff; position:relative; text-align:center;font-size: 30px;color: #333; padding-bottom:10px;}
.n_main .n_tit:before{ content: ""; display: block; width: 100%; height: 1px; background: rgba(0,0,0,0.2); position: absolute; left: 0; bottom: -10px;}
	 

.ab01{background: #fff; margin-bottom:90px;}
.ab01 .icen{display: flex;justify-content:space-between;}
.ab01 .icen .txt{width: 58%; position:relative;}
.ab01 .icen .txt .tit{width: 100%; position:relative;margin-bottom: 30px;font-size: 30px;color: #333; padding-top: 45px;font-weight: bold;}
.ab01 .icen .txt .tit:after{display: block; content: ''; width: 180px; height: 6px; background:#00a4ae; position:absolute; left:0; top:0;}
.ab01 .icen .txt .intro{width: 100%; position:relative;font-size: 14px;color: #333;line-height: 35px; text-align:justify; margin-top: 30px;}
.ab01 .icen .txt .wenh{width: 100%; position:relative;font-size: 14px;color: #333;line-height: 35px; text-align:justify; margin-top: 30px; padding-left:30px;}
.ab01 .icen .txt .wenh:after{display: block; content: ''; width: 6px; height: 100%; background:#00a4ae; position:absolute; left:0; top:0;}
.ab01 .icen .txt h2{font-size: 20px;color: #333;margin-bottom:20px;}
.ab01 .icen .img{width: 37%; position:relative;}
.ab01 .icen .img img{width: 100%;}


.ab03{width: 100%;overflow: hidden;margin:60px 0;}
.ab03 .top{ width: 100%; position: relative; text-align:center;padding:60px 0;background:#00a4ae;}
.ab03 .top h2{ font-size:30px; color:#fff; font-weight:bold; margin-bottom:10px;}
.ab03 .top p{ font-size:22px; color:#fff; position: relative; padding-bottom:15px;}
.ab03 .top p::before{content: "";width: 40px;height: 3px;background:#fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.ab03 .box{width: 100%;margin-top:50px;display: flex;flex-wrap:wrap;}
.ab03 .box .item{width: 31%; margin-right:3.5%; background:#fff; margin-bottom:30px;}
.ab03 .box .item:nth-child(3n){margin-right:0;}
.ab03 .box .item .img{width: 100%;overflow: hidden;}
.ab03 .box .item .img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.ab03 .box .item .con{width: 100%;position: relative; padding-bottom:20px;transition: all .6s;}
.ab03 .box .item .con:hover{box-shadow: 0 0 20px 0 rgba(0, 0, 0, .26);}
.ab03 .box .item .con .ico{width:90px; margin:-50px auto 0;position: relative; text-align:center;padding:15px; background:#fff; border-radius:50%;}
.ab03 .box .item .con .ico img{width:60px; margin:0 auto;}
.ab03 .box .item .con .tit{font-size: 18px;color: #333;line-height: 25px;position: relative; text-align:center;}
.ab03 .box .item .txt{color: #666;position: relative;line-height: 30px;font-size: 14px; text-align:justify; border-top:1px solid #ddd; padding-top:20px;}


.n_main {width:100%;position: relative; z-index: 9;}
.n_main .icen { position: relative; display: flex; justify-content: space-between;}

.n_nav{ width: 25%; position: relative;}
.n_nav h1 { width: 100%; background:#733a1d; height:80px; line-height:80px; font-size:24px; border-top-left-radius:10px; border-top-right-radius:10px; color:#fff; padding-left: 15px;}
.n_nav ul li { width: 100%; background:#f5f5f5;padding-left: 15px;border-top: 1px solid #e4e4e4;}
.n_nav ul li a { width: 100%; position: relative; line-height:45px; font-size: 15px; color: #333; transition: all .3s; display: flex; align-items: center;}
.n_nav ul li a img{ width:8px; margin-right: 10px; }
.n_nav ul li:hover a{color: #733a1d;font-weight: bold;}
.n_nav ul li.active a{color: #733a1d;font-weight: bold;}


.n_about { width:72%; position: relative;}
.n_about .p_home { width:100%;font-size:14px;color: #333; background:#f2f2f2; line-height:55px; border-top-left-radius:10px; border-top-right-radius:10px; padding:0 15px;}
.n_about .p_home img{ vertical-align: middle; margin-bottom: 3px; margin-right: 10px; width: 13px;}
.n_about .p_home a{font-size:14px;color: #333;}
.n_about .p_home i {font-size:14px;color: #333;margin: 0 5px;}
.n_about .p_home span {font-size:14px;color: #333;}


.n_about .con { width:100%; position:relative; min-height:350px; padding-bottom:50px; line-height:30px; text-align:justify; margin-top:30px;}


.n_about .con .sum{ width:100%; position:relative;}
.n_about .con .sum h1{ width:100%; position:relative;text-align:center; margin-bottom:20px; font-size:22px; color:#733a1d;}
.n_about .con .sum p{ width:100%; position:relative;}


.n_about img{max-width:100%;}

.n_news{ width:100%; position:relative;}
.n_news .item{padding: 15px 0;border-bottom: 1px dotted #ccc;}
.n_news .item a{ display:flex;}
.n_news .tim{width: 80px;background: #f3f3f3; padding:10px 0;transition: 0.5s all}
.n_news .tim div{font-size: 14px;color: #753b1b;text-align: center;height: 20px;line-height: 20px;}
.n_news .tim div:first-child{font-size: 40px; height: 50px;line-height: 50px;margin-bottom: 1px;}
.n_news .txt{width: calc(100% - 160px); margin-left:40px; margin-right:40px; padding-top:5px;}
.n_news .txt h3{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 7px;}
.n_news .txt p{font-size: 12px;color: #666;line-height: 20px;max-height: 40px;overflow: hidden;}
.n_news .more{ width:40px; position:relative;}
.n_news .more img{ width:40px; position:absolute; left:0; top:20px;}
.n_news .more img:nth-child(2){ display:none;}
.n_news .item a:hover .tim{background: #753b1b; padding:15px 0;}
.n_news .item a:hover .tim div{color: #fff;}
.n_news .item a:hover h3{color: #753b1b;}
.n_news .item a:hover img:nth-child(1){ display:none;}
.n_news .item a:hover img:nth-child(2){ display:block;}

@media only screen and (max-width:1680px){

.icenter {width: 100%;margin: auto;position: relative; padding:0 20px;}

}