@charset "utf-8";
/* CSS Document */

.banner{ width:100%; height:571px; position:relative;}
.banner .wrap{ position:relative;}
.banner .txt{ width: calc(100% - 255px); height:100%; position:absolute; left:210px; top:0;display: flex;flex-wrap:wrap; justify-content:center;align-items: center; z-index:;}
.banner .txt h3{ font-size:36px; color:#fff; font-weight:normal; text-align:center; margin-bottom:30px;}
.banner .txt p{ font-size:16px; color:#fff; text-align:center;}

.banner .nav{ width:200px; height:571px; background:#c7000b; padding-top:10px; z-index:1000;}
.banner .nav li{ height:55px; line-height:55px; font-size:16px; position:relative;}
.banner .nav li a{ display:block; height:55px; padding-left:15px; color:#fff;}
.banner .nav li:hover{ background:#223261;}
.banner .nav li:hover a{ color:#fff;}
.banner .nav li dl{ display:none; padding-right:30px; position:absolute; top:0; left:200px; background:#223261; padding:20px 20px 20px 0; z-index:999;}
.banner .nav li dl dd{ white-space:nowrap;}
.banner .nav li dl a{ color:#223261; font-size:14px; height:35px; line-height:35px; padding-left:20px; font-weight:bold;}
.banner .nav li dl a:hover{ text-decoration:underline;}
.banner .nav li:hover dl{ display:block;}
.banner .nav li span{ margin-right:5px;}

.ind01{ width:100%; height:457px; background:url(ind01bg.jpg) no-repeat center; position:relative;}
.ind01 .wrap{ height:100%; text-align:center;display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}
.ind01 .wrap .con{ width:100%;color:#fff;}
.ind01 .wrap .con .t1{ font-size:30px; margin-bottom:20px;}
.ind01 .wrap .con .t2{ font-size:16px; margin-bottom:50px;}
.ind01 .wrap .con .t3{ font-size:16px; line-height:32px;}
.ind01 .wrap .con .t3 strong{ font-size:18px;}

.ind02{ width:100%; position:relative; padding:60px 0 0;}
.ind02 .tit h3{ height:80px; font-size:30px; font-weight:normal; color:#000; line-height:30px;}
.ind02 .tit h3 span{ font-size:24px; color:#3f3f3f;}
.ind02 .con{ height:100%; display: flex;justify-content:space-between;}
.ind02 .txt{ width:65%; position:relative; line-height:30px;}
.ind02 .txt p{ font-size:14px; color:#000;}
.ind02 .txt p strong{ margin-right:15px;} 
.ind02 .img{ width:30%; position:relative;}
.ind02 .img img{ width:100%;}
.ind02 .bot{ width:100%; margin-top:60px; text-align:center;}

.ind03{ width:100%; position:relative; background:url(ind03.jpg) no-repeat; background-size:100% 100%; padding:120px 0 180px;}
.ind03 .txt{ width:100%; position:relative;}
.ind03 .txt h3{ font-size:50px; color:#fff; margin-bottom:20px;}
.ind03 .txt h4{ font-size:26px; color:#fff; font-weight:normal;}
.ind03 .txt p{ font-size:26px; color:#fff;line-height:40px;}
.ind03 .txt ul{ width:690px; display: flex;flex-wrap:wrap;justify-content:space-between; margin-top:40px;}
.ind03 .txt ul li{ width:48%; height:45px; text-align:center; line-height:45px; font-size:18px; margin-bottom:20px; box-shadow:0 9px 9px rgba(33,22,19,.34);}
.ind03 .txt ul li a{ display:block; width:100%; color:#fff;background-image:linear-gradient(to bottom, #666, #444,#222, #000);}
.ind03 .txt ul li a:hover{ color:#fff;background-image:linear-gradient(to bottom, #fe252e, #ea1e27,#d81d25, #c21920);}
.ind03 .img{ position:absolute; bottom:0; right:15%;}

.ind04{ width:100%; position:relative; margin:60px auto;}
.ind04 .item1 h3{ text-align:center; font-size:30px; color:#000; font-weight:normal;}
.ind04 .item1 p{ font-size:16px; color:#000; text-align:center; margin-top:18px;}
.ind04 .item1 p em{ font-style:normal; color:#1f286f;}
.ind04 .item1 p span{ font-size:14px; color:#7a7a7a;}
.ind04 .item2{ text-align:center; margin-top:38px;}
.ind04 .item2 img{ vertical-align:middle; margin:0 50px;}
.ind04 .item3{ text-align:center; margin-top:38px;}
.ind04 .item3 img{ width:100%;}
.ind04 .item4{ width:100%; margin-top:54px;}
.ind04 .item4 ul{ width:100%; display: flex;flex-wrap:wrap;justify-content:space-between;}
.ind04 .item4 ul li{ width:32%; position:relative; margin-bottom:20px;}
.ind04 .item4 ul li .img{ position:relative; width:100%} 
.ind04 .item4 ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
.ind04 .item4 ul li .img .hezi{padding-bottom: 80% !important;}
.ind04 .item4 ul li .tit{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:#004682;}

.ind05{ width:100%; margin:30px 0 60px;}
.ind05 .tit{ font-weight:normal; font-size:30px; color:#000;}
.ind05 .tit span{ font-size:26px; color:#3f3f3f;}
.ind05 .con {position:relative;overflow:hidden;transition:box-shadow .2s;margin-top:20px;}
.ind05 .con .img{ position:relative; width:100%; overflow:hidden;} 
.ind05 .con .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover; overflow:hidden;}
.ind05 .con .img .hezi{padding-bottom: 140% !important;}
.ind05 .con:hover .img img{width: 100%; transform: scale(1.05);transition: all 0.9s;}
.ind05 .con .tit { width:100%; text-align:center; height:50px; line-height:50px; position:relative; background:#eee; color:#333; font-size:16px;}
.ind05 .hd{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; position:absolute; top:35%; width:100%;}
.ind05 .hd span{width:35px;height:60px;transition:all .2s;cursor:pointer; z-index:5; background:rgba(194,25,34,.7);}
.ind05 .hd span:hover{ background:rgba(194,25,34,1);}
.ind05 .hd span img{ margin-top:20px;margin-left:12px;}

 
.ind06{ width:100%; position:relative; background:url(ind06bg.jpg) no-repeat; background-size:100% 100%; padding:90px 0; color:#fff;}
.ind06 .top{ width:100%; position:relative; text-align:center;}
.ind06 .top h3{ font-size:30px; font-weight:normal; text-align:center;}
.ind06 .top p{ font-size:14px; text-align:center;}
.ind06 .con ul{ width:70%; margin:30px auto;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.ind06 .con ul li{ width:16%; height:100px; float:left; text-align:center; line-height:80px; position:relative;}
.ind06 .con ul li img{ vertical-align:middle; max-width:69px; max-height:75px;}
.ind06 .con ul li span{ display:block; width:100%; height:20px; line-height:20px;}
.ind06 .bot{ font-size:18px; text-align:center; line-height:30px;}
.ind06 .bot strong{ margin:0 10px;}

.ind07{ width:100%; position:relative; background:url(ind07bg.jpg) no-repeat; background-size:100% 100%; padding:90px 0; color:#fff;}
.ind07 .item1{ width:100%; position:relative; text-align:center; margin-bottom:10px;}
.ind07 .item1 img{ margin:0 auto;}
.ind07 .item2{ width:100%; position:relative; text-align:center; font-size:32px; font-weight:bold; margin-bottom:10px;}
.ind07 .item3{ width:100%; position:relative; text-align:center; font-size:20px; margin-bottom:30px;}
.ind07 .item4{ width:100%; position:relative; text-align:center; font-size:14px; margin-bottom:10px;}
.ind07 .item5{ width:100%; position:relative; text-align:center; font-size:14px; margin-bottom:10px;}

.ind08{ width:100%; position:relative; background:url(ind08bg.jpg) no-repeat; background-size:100% 100%; padding:150px 0; color:#fff;}
.ind08 .item1{ width:100%; position:relative; text-align:center; margin-bottom:10px;}
.ind08 .item1 img{ margin:0 auto;}
.ind08 .item2{ width:100%; position:relative; text-align:center; font-size:32px; font-weight:bold; margin-bottom:10px;}
.ind08 .item3{ width:100%; position:relative; text-align:center; font-size:20px; margin-bottom:30px;}
.ind08 .item4{ width:100%; position:relative; text-align:center; font-size:14px; margin-bottom:10px;}
.ind08 .item5{ width:100%; position:relative; text-align:center; font-size:14px; margin-bottom:10px;}

.ind09{ width:100%; position:relative; background:url(ind09bg.jpg) no-repeat; background-size:100% 100%; padding:150px 0; color:#fff;}
.ind09 .item1{ width:100%; position:relative; text-align:center; margin-bottom:10px;}
.ind09 .item1 img{ margin:0 auto;}
.ind09 .item2{ width:100%; position:relative; text-align:center; font-size:32px; font-weight:bold; margin-bottom:10px;}
.ind09 .item3{ width:100%; position:relative; text-align:center; font-size:20px; margin-bottom:30px;}
.ind09 .item4{ width:100%; position:relative; text-align:center; font-size:14px; margin-bottom:10px;}
.ind09 .item5{ width:100%; position:relative; text-align:center; font-size:14px; margin-bottom:10px;}

.ind10{ width:100%; position:relative; background:url(ind10bg.jpg) no-repeat; background-size:100% 100%; padding:150px 0; color:#fff;}
.ind10 .item1{ width:100%; position:relative; text-align:center; margin-bottom:10px;}
.ind10 .item1 img{ margin:0 auto;}
.ind10 .item2{ width:100%; position:relative; text-align:center; font-size:32px; font-weight:bold; margin-bottom:10px;}
.ind10 .item3{ width:100%; position:relative; text-align:center; font-size:20px; margin-bottom:30px;}
.ind10 .item4{ width:100%; position:relative; text-align:center; font-size:14px; margin-bottom:10px;}
.ind10 .item5{ width:100%; position:relative; text-align:center; font-size:14px; margin-bottom:10px;}

.ind11{ width:100%; position:relative; background:url(ind11bg.jpg) no-repeat; background-size:100% 100%; padding:150px 0 120px; color:#fff;}
.ind11 .item1{ width:100%; position:relative; text-align:center; margin-bottom:10px;}
.ind11 .item1 img{ margin:0 auto;}
.ind11 .item2{ width:100%; position:relative; text-align:center; font-size:32px; font-weight:bold; margin-bottom:30px;}
.ind11 .item3{ width:100%; position:relative; text-align:center; font-size:14px; margin-bottom:30px;}

.ind12{ width:100%; position:relative; background:url(ind12bg.jpg) no-repeat; background-size:100% 100%; padding:150px 0 120px; color:#fff;}
.ind12 .item1{ width:100%; position:relative; text-align:center; margin-bottom:10px;}
.ind12 .item1 img{ margin:0 auto;}
.ind12 .item2{ width:100%; position:relative; text-align:center; font-size:36px; font-weight:bold; margin-bottom:10px;}
.ind12 .item3{ width:100%; position:relative; text-align:center; font-size:14px; margin-bottom:50px;}
.ind12 .item4{ width:100%; position:relative; text-align:center; font-size:18px; margin-bottom:30px;}

 
.ind13{ width:100%; position:relative;padding:90px 0 30px;}
.ind13 .i_tit h4{ font-weight:normal; color:#221815; font-size:24px; text-align:center; line-height:28px;}
.ind13 .i_tit h3{ font-weight:normal; color:#221815; font-size:30px; margin-top:35px; text-align:center;}
.ind13 .i_tit p{ font-size:12px; text-align:center; color:#d33744; margin-top:5px;}
.ind13 .con{ width:100%; position:relative; margin-top:20px;}
.ind13 .con ul{ width:100%; position:relative;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.ind13 .con ul li{ width:32%; padding:0; margin-top:20px; position:relative;} 
.ind13 .con ul li .top{ width:100%; position:relative;} 
.ind13 .con ul li .img{ position:relative; width:100%; overflow:hidden;} 
.ind13 .con ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover; overflow:hidden;filter: grayscale(100%);}
.ind13 .con ul li .img .hezi{padding-bottom: 62% !important;}
.ind13 .con ul li:hover .img img{width: 100%; transform: scale(1.05);transition: all 0.9s;filter:none;}
.ind13 .con ul li .tit{ width:70%; height:100%; position:absolute; top:0; left:15%; text-align:justify; line-height:18px; font-size:14px; color:#221815; display: flex;justify-content:center;align-items: center;}
.ind13 .con ul li .tit strong{ display:block; font-weight:normal; width:100%; text-align:center; font-size:16px; margin-bottom:15px;} 
.ind13 .con ul li .txt{ width:100%; color:#cb1418; font-size:12px; line-height:20px; padding:10px 20px; background:#f6f6f6;}
.ind13 .con ul li .txt span{ display:block; width:100%; color:#8a8a8a; margin-bottom:10px;}


.ind14{ width:100%; background:#dcdcdc; padding:60px 0 120px; position:relative;}
.ind14 .tit h3{ font-size:36px; color:#221815; text-align:center; font-weight:normal; line-height:36px;}
.ind14 .tit h3 span{ font-size:24px;}
.ind14 .con ul{ width:100%; position:relative; margin-top:30px;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; z-index:2;} 

.ind14 .con ul li{ width:24%; margin-top:20px; text-align:center; font-size:14px; color:#000; position:relative;}
.ind14 .con ul li:before{content: '';display: block;width: 100%;height: 100%;background: #c21920;position: absolute;top: 0;left: 0;opacity: 0; z-index:3;transition: all .3s;}
.ind14 .con ul li:hover:before{ opacity: 1;}
.ind14 .con ul li .img{ position:relative; width:100%; overflow:hidden; z-index:2;} 
.ind14 .con ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover; overflow:hidden;}
.ind14 .con ul li .img .hezi{padding-bottom: 100% !important;}
.ind14 .con ul li .tit{ width:100%; height:100%; position:absolute; top:0; left:0; text-align:justify; line-height:25px; font-size:18px; color:#fff; display: flex;justify-content:center;align-items: center; z-index:4;}
.ind14 .le{ position:absolute; bottom:0; left:0; z-index:0;}
.ind14 .re{ position:absolute; bottom:0; right:0; z-index:0;}

.ind15{ width:100%; position:relative; padding:60px 0 0;}
.ind15 .tit h3{ text-align:center; font-size:36px; font-weight:normal; color:#221815; line-height:40px;}
.ind15 .tit h3 span{ font-size:24px;}
.ind15 .tit dd{ font-size:18px; text-align:center; color:#221815; margin-top:20px;}
.ind15 .tit p{ font-size:14px; text-align:center; color:#221815; width:435px; margin:30px auto 0; line-height:18px;}
.ind15 .con ul{ width:100%; position:relative; margin-top:30px;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; z-index:2;} 
.ind15 .con ul li{ width:24%; margin-top:20px; text-align:center; font-size:14px; color:#000; position:relative;}
.ind15 .con ul li:hover{box-shadow:-2px 2px 20px #dcdcdc;}
.ind15 .con ul li .img{ position:relative; width:100%; overflow:hidden;} 
.ind15 .con ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover; overflow:hidden;}
.ind15 .con ul li .img .hezi{padding-bottom: 61% !important;}
.ind15 .con ul li .tit{ width:100%; height:45px; line-height:45px; text-align:center; font-size:18px; color:#333;}

.ind16{ width:100%; position:relative; margin-top:60px; margin-bottom:30px;}
.ind16 .img{ position:relative; width:100%; overflow:hidden;} 
.ind16 .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover; overflow:hidden;}
.ind16 .img .hezi{padding-bottom:34% !important;}
.ind16 .con{ width:100%; height:100%; position:absolute; left:0; top:0; display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}
.ind16 .con .txt{ font-size:24px; text-align:center; line-height:35px; color:#fff; margin-top:-200px;}

#nav{ width:130px; position:fixed; bottom:200px; left:10px; padding:5px; text-align:center; background:#fff; z-index:2000;}
#nav dl{}
#nav dl dt{ width:120px; height:35px; line-height:35px; background:#c7000b; color:#fff; text-align:center; font-size:14px;}
#nav dd{ width:120px; height:35px; line-height:35px; border-top:solid 1px #fff; position:relative;}
#nav dd a{ display:block; height:35px; line-height:35px; color:#fff;}
#nav dd{ background:#737373;}
#nav dd:hover{ background:#c7000b;}
#nav dd.up{ background:#adadad; color:#fff; cursor:pointer;} 
#nav dd.up span{ margin-right:5px;}
#nav dd ul{ display:none; padding-right:30px; position:absolute; top:0; left:120px; background:#c7000b; padding:10px 10px 10px 0; z-index:999;}
#nav dd ul li{ white-space:nowrap; text-align:left;}
#nav dd ul a{ color:#fff; font-size:12px; height:26px; line-height:26px; padding-left:20px; background:#c7000b;}
#nav dd ul a:hover{ background:#c7000b; text-decoration:underline;}
#nav dd:hover ul{ display:block;}



.n_banner { width:100%; position:relative;}
.n_banner img{ width:100%;}

.n_main{ width:100%; position:relative; margin:0 0 60px;}
.n_main .n_top { width:100%; position:relative; margin-bottom:15px; border-bottom:1px solid #ccc;}
.n_main .n_top .wrap{ display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.n_main .n_top p { width:400px; line-height:60px; font-size:13px; color:#616161; padding-left:25px; background:url(home.png) no-repeat left;}
.n_main .n_top p a { color:#616161;}
.n_main .n_top .n_nav{ width: calc(100% - 400px);}
.n_main .n_top .n_nav ul{ width:100%; display: flex;flex-wrap:wrap; justify-content:flex-end;align-items: center;}
.n_main .n_top .n_nav ul li{ width:auto; margin-left:5px; background:#f0f0f0}
.n_main .n_top .n_nav ul li a{ width:100%; display:block; padding:0 20px;line-height:60px; color:#333;}
.n_main .n_top .n_nav ul li.on,.n_main .n_top .n_nav ul li:hover{ background:#c21920;}
.n_main .n_top .n_nav ul li.on a,.n_main .n_top .n_nav ul li:hover a{ color:#fff;}

.n_about {width:100%; text-align:justify; min-height:350px; padding-bottom:50px; line-height:30px; margin-top:50px;}
.n_about .n_tit{ width:100%; font-size:30px; margin-bottom:40px; text-align:center; position:relative;}
.n_about .n_tit:before { content: " "; display:block; width:80px; height:3px; background:#c21920; position: absolute; left:50%;transform: translateX(-50%); bottom:-15px;}

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

.n_news ul{ width:100%; position:relative;}
.n_news ul li{ display:block; height:45px; line-height:45px; position:relative; padding-left:20px; border-bottom:1px dotted #999; margin-bottom:10px;}
.n_news ul li:before { content: " "; display:block; width:8px; height:8px; background:#999; border-radius:50%; position: absolute; left: 0; top:16px;}
.n_news ul li a { width:100%; display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.n_news ul li h5{ width: calc(100% - 120px); font-size:15px; color:#333;}
.n_news ul li span{ width:120px;font-size:13px; color:#666; height:38px; text-align:right;}
.n_news ul li:hover h5{ color:#c21920;}