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

.head01 { width:100%; height:45px; position:relative; background:#344080; color:#fff;}
.head01 .w1280{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.head01 .le{ width:50%; position:relative;}
.head01 .re{ width:50%; position:relative; text-align:right;}
.head01 .re a { font-size:13px; color:#fff; margin-left:10px; line-height:45px;}

.head02 {width:100%;margin:0 auto; position:relative;}
.head02 .w1280{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.head02 .item1{width:62%;height:118px;}
.head02 .item1 h4{font-size:33px; font-weight:900;margin-top:15px; color:#D21D2E;}
.head02 .item1 h4 span{font-size:25px;color:#333333;}
.head02 .item1 h5{font-size:18px; font-weight:900;margin-top:0px; color:#333;clear:both;letter-spacing:2px}
.head02 .item2{width:18%;height:118px; background:url(logokuang.png) center no-repeat;text-align:center; margin-left:4%;}
.head02 .item2 h4{font-size:16px;font-weight:900;color:#000;line-height:20px;margin-top:25px;}
.head02 .item2 h5{font-size:12px;font-weight:500;color:#000;line-height:20px;margin-top:5px;}
.head02 .item3{width:15%;height:118px; background:url(logo15.png) center no-repeat;}
.head02 .item3 h4{font-size:14px;font-weight:500;color:#fff;line-height:20px;margin-top:25px; text-indent:15px;}
.head02 .item3 h5{font-size:15px;font-weight:500;color:#000;line-height:20px;margin-top:5px; padding-left:15px;}

.head03{ width:100%; position:relative; background:#333; padding:20px 0;}
.head03 .con{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.head03 .item1{width:54%;height:80px;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.head03 .item1 .img{width:120px;}
.head03 .item1 .txt{width: calc(100% - 140px);}
.head03 .item1 h4{color:#fff;font-size:26px; font-weight:900;}
.head03 .item1 h5{color:#F6CA8B;font-size:13px;}
.head03 .item2{width:23%;height:80px;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.head03 .item2 .img{width:64px;}
.head03 .item2 .txt{width: calc(100% - 64px);}
.head03 .item2 h4{color:#fff;font-size:16px;}
.head03 .item2 h5{color:#F6CA8B;font-size:14px;}
.head03 .item2 h6{border-bottom: 1px dashed #AAB2C5;width:100%;height:2px;}
.head03 .item3{width:20%;height:80px;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.head03 .item3 .img{width:64px;}
.head03 .item3 .txt{width: calc(100% - 64px);}
.head03 .item3 h4{color:#fff;font-size:16px;}
.head03 .item3 h5{color:#F6CA8B;font-size:14px;}
.head03 .item3 h6{border-bottom: 1px dashed #AAB2C5;width:100%;height:2px;}

.head03 .bot{ width:100%; position:relative; margin-top:10px;}
.head03 .bot h4{color:#fff;font-size:14px; font-weight:900;}
.head03 .bot h5{color:#fff;font-size:14px; margin-top:5px;}
 
.head04{ width:100%; height:50px; border-bottom:1px solid #344080;}
.head04 ul{ width:100%; position:relative;}
.head04 ul{display: flex;display:flex;align-items:center; }
.head04 ul li{ width:100%;position:relative;height: 50px; line-height:50px;}
.head04 ul li a{ display:block; width:100%; font-size:16px;color: #333;position:relative;transition:.6s; text-align:center;}
.head04 ul li a:hover,.head04 ul li.on .a{ background:#344080; color: #fff;}
.head04 ul li .sub{ width:100%;position:absolute;background: rgba(255,255,255,.85);position: absolute;left:50%;top:100%;z-index:999;transform-origin: 0 0 0;transform: scaleY(0.2) translateX(-50%);transition: all 0.3s ease 0s;
	opacity: 0;visibility: hidden;border-radius: 0 0 6px 6px;overflow: hidden;}
.head04 ul li .sub .box{padding: 0;text-align:center;}
.head04 ul li .sub a{padding: 0;line-height: 3.5;transition:.3s;font-size: 14px;letter-spacing: 1px;color: #333; display: block;position:relative}
.head04 ul li .sub a:hover{color: #fff;background:#344080;}
.head04 ul li:hover .sub{opacity: 1;visibility:visible;transform: translateY(0px) translateX(-50%);}

/*banner*/
.banner .banner-swiper .swiper-slide { width: 100%; position:relative;}
.banner .banner-swiper .swiper-slide img { width: 100%;}
.banner .banner-swiper .banner-pagination {bottom:50px !important;}
.banner .banner-swiper .banner-pagination .swiper-pagination-bullet {width:15px;height:15px;border-radius:50%;background:rgba(255,255,255,.9);opacity:1;margin:0 5px;}
.banner .banner-swiper .banner-pagination .swiper-pagination-bullet-active {width:17px;height:17px;background:rgba(188,15,15,1);}


/*Notice*/
.Notice { width:100%; height:120px; line-height:120px; text-align:center; background:#344080;}
.Notice p { font-size:30px; color:#fff;}

/*ind01*/
.ind01 { width:100%; height:auto; text-align:center; padding:60px 0; background:#333;}
.ind01 .tit { width:100%; text-align:center; font-size:36px; color:#fff;}
.ind01 .con{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; margin-top:30px;}
.ind01 .item { width:32%; height:auto; text-align:center; background:#fff;}
.ind01 .item .img{ position:relative; width:100%; overflow:hidden;} 
.ind01 .item .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.ind01 .item .img .hezi{padding-bottom: 68% !important;}
.ind01 .item:hover .img img{width: 100%; transform: scale(1.05);transition: all 0.9s;}
.ind01 .item .txt { width:100%; height:auto; padding:20px;}
.ind01 .item .txt strong { font-size:20px; color:#333; line-height:40px;}
.ind01 .item .txt p { font-size:14px; color:#616161; line-height:20px;}

/*ind02*/
.ind02 { width:100%; position:relative; background:url(ind02bg.jpg) no-repeat; background-size:100% 100%; padding:240px 0;}
.ind02 .con { width:100%; height:auto; text-align:center;}
.ind02 .con .top { width:100%; font-size:48px; color:#d21d2e;}
.ind02 .con .bot { width:60%; margin:0 auto; margin-top:60px;}
.ind02 .con .bot p { font-size:14px; color:#d21d2e; line-height:24px;}


/*ind03*/
.ind03 { width:100%; position:relative; background:url(ind03bg.jpg) no-repeat; background-size:100% 100%; padding:60px 0;}
.ind03 .tit { width:100%; font-size:48px; color:#fff;text-align:center;}
.ind03 .con { width:100%; height:auto; margin-top:30px;}
.ind03 .con ul { width:100%;position:relative;display: flex;flex-wrap:wrap; justify-content:space-between;}
.ind03 .con ul li { width:32%; position:relative; margin-bottom:20px; background:rgba(0,0,0,0.8); padding:60px;}
.ind03 .con ul li .img{ width:100%; text-align:center;}
.ind03 .con ul li .img img{ width:60px;}
.ind03 .con ul li .txt { width:100%; text-align:center;}
.ind03 .con ul li .txt h1 { font-size:16px; color:#fff; margin-bottom:30px;}
.ind03 .con ul li .txt span { font-size:26px; color:#D21D2E;}
.ind03 .con ul li .txt p { height:90px; font-size:13px; color:#a7a6a6; line-height:30px; margin-top:16px;}

/*ind04*/
.ind04 { width:100%; position:relative; background:url(ind04bg.jpg) no-repeat; background-size:100% 100%; padding:120px 0;}
.ind04 .info { width:100%; padding:25px;display: flex;flex-wrap:wrap; justify-content:space-between; background:rgba(255,255,255,.7)}
.ind04 .info .top { width:40%;}
.ind04 .info .top .img { width:100%;}
.ind04 .info .top .img img { display:block; margin:auto; max-width:100%; max-height:100%;}
.ind04 .info .txt {width: calc(100% - 45%); font-size:14px; line-height:27px;}
 
/*ind05*/
.ind05{width: 100%; position:relative; background:#531e1a; padding:90px 0;}
.ind05 .tit{text-align: center;color: #fff;}
.ind05 .tit h1{font-size: 48px;}
.ind05 .tit p{font-size: 24px;line-height: 30px;margin-top: 2px;}
.ind05 .con dl{width:50%; margin:60px auto 0;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.ind05 .con dl dt{width: 16%; text-align: center; color: #FFF;}
.ind05 .con dl dt p{margin-top: 10px;}
.ind05 .txt{color: #FFF; font-size: 18px;text-align: center;line-height: 30px;margin-top: 80px;}
.ind05 .txt span{margin-left: 10px;margin-right: 10px;}
.ind05 .bot dl{margin-top: 60px; width:100%;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.ind05 .bot dl dt{width: 14%; text-align: center; color: #FFF;}
.ind05 .bot dl dt p{margin-top: 10px;}

/*ind06*/
.ind06{width: 100%; position:relative; background:#777; background-size:100% 100%;text-align: center; padding:60px 0;}
.ind06 .tit{text-align: center;color: #fff;}
.ind06 .tit h1{font-size: 40px;}
.ind06 .tit p{font-size: 16px;line-height: 30px;margin-top: 2px;}
.ind06 .con { width:100%;position:relative; margin-top:30px;}
.ind06 .con ul { width:100%;position:relative;display: flex;flex-wrap:wrap; justify-content:space-between;}
.ind06 .con ul li { width:24%; position:relative; margin-bottom:20px;}
.ind06 .con ul li .img{ position:relative; width:100%; overflow:hidden;} 
.ind06 .con ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.ind06 .con ul li .img .hezi{padding-bottom: 100% !important;}
.ind06 .con ul li:hover .img img{width: 100%; transform: scale(1.05);transition: all 0.9s;}
.ind06 .con ul li .txt { position:absolute; bottom:0; left:0; width:100%; padding:20px; text-align:left;}
.ind06 .con ul li .txt h1 { font-size:20px; font-weight:normal; color:#fff; margin-bottom:10px;}
.ind06 .con ul li .txt p {font-size:12px; color:#D21D2E; line-height:30px;}
.ind06 .con ul li .txt p a{color:#D21D2E; line-height:30px;}

/*ind07*/
.ind07{width: 100%; position:relative; background: url(ind07bg.jpg) center no-repeat; background-size:100% 100%;color: #FFF;text-align: center; padding:120px 0;}
.ind07 h1{font-size: 42px; margin-bottom:20px;}
.ind07 h2{font-size: 42px; margin-bottom:20px; color:#d21d2e;}
.ind07 h3{font-size: 20px; margin-bottom:50px; font-weight:normal; color:rgba(255,255,255,.4)}
.ind07 h4{ width:400px; margin:0 auto 30px; height:4px; background:#fff;}
.ind07 h5{font-size: 30px; margin-bottom:20px; color:#d21d2e;}
.ind07 p{font-size: 18px;margin-bottom: 30px; color:rgba(255,255,255,.6)}

/*ind08*/
.ind08 { width:100%; position:relative; padding:60px 0 30px; background:#e8e9ed;}
.ind08 .tit { width:100%; height:auto; text-align:centerl;}
.ind08 .tit strong { display:block; font-size:42px; color:#d21d2e; text-align:center; margin-bottom:15px;}
.ind08 .tit span { display:block; font-size:18px; color:#d21d2e; text-align:center; line-height:28px;}
.ind08 .con{ width:100%; position:relative; margin-top:40px;}
.ind08 .con ul{ width:100%; position:relative;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.ind08 .con ul li{ width:33%; margin-bottom:50px; position:relative; border-left:1px solid #ccc; padding:30px 80px;box-sizing: border-box;} 
.ind08 .con ul li:nth-child(3n){ border-right:1px solid #ccc;} 
.ind08 .con ul li .top{ width:100%; height:100%; text-align:justify; line-height:18px; font-size:14px; color:#221815; display: flex;justify-content:center;align-items: center;}
.ind08 .con ul li .top strong{ display:block; width:100%; text-align:center; font-size:18px; margin-bottom:15px;} 
.ind08 .con ul li .txt{ width:100%; color:#cb1418; font-size:12px; line-height:20px; text-align:left; margin-top:60px;}
.ind08 .con ul li .txt span{ display:block; width:100%; color:#8a8a8a;}


/*ind09*/
.ind09 { width:100%; position:relative; padding:150px 0 120px; background:url(ind09bg.jpg) no-repeat; background-size:100% 100%;}
.ind09 .tit { width:100%; height:auto; text-align:center; font-size:36px; color:#fff;}
.ind09 .con{ width:100%; position:relative; margin-top:90px;}
.ind09 .con ul{ width:100%; position:relative;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.ind09 .con ul li{ width:30%; margin-bottom:50px; position:relative; border:4px solid rgba(255,255,255,.7); padding:30px 80px; font-size:18px; color:#fff; text-align:center;} 

 
/*ind10*/
.ind10 { width:100%; position:relative; padding:60px 0;}
.ind10 .con { width:100%; height:auto; background:#fff; margin-top:20px;display: flex;justify-content:space-between;}
.ind10 .con .item { width:49%; height:auto; overflow:hidden;box-shadow:-2px 2px 20px #dcdcdc; padding:20px;}
.ind10 .con .item strong { font-size:30px; font-weight:normal; color:#c10900;}
.ind10 .con .item ul { width:100%; margin-top:30px;}
.ind10 .con .item li { float:left; width:100%; height:auto; border-top:1px dashed #d2d2d2;}
.ind10 .con .item li a { font-size:14px; color:#414141; line-height:40px;}
.ind10 .con .item li a span { float:left; font-size:14px; color:#414141; line-height:39px;}
.ind10 .con .item li a i { float:right; font-size:14px; color:#414141; line-height:39px;}


/*footer*/
.footer { width:100%; position:relative; padding:60px 0 30px; background:#501d19;}
.footer .top { width:100%; height:auto; text-align:center; padding:30px 0; text-align:center;}
.footer .top li { display:inline-block; margin:0 8px;}
.footer .bot { width:100%; text-align:center;}
.footer .bot p { font-size:13px; color:#fff; line-height:30px; text-align:center;}
.footer .bot p a{ font-size:13px; color:#fff; line-height:30px;}

.Rutn-Top { position:fixed; bottom:12%; right:5%; width:79px; height:80px;}


/********************内页*************************/

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

.n_main{ width:100%; position:relative; margin:0; background:#f3f3f3;}
.n_main .w1280{ background:#fff; padding:0 30px;}

.n_nav { width:100%; position:relative; margin-bottom:15px; border-bottom:1px solid #ccc;}
.n_nav .box{ display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.n_nav .le { width:300px; line-height:60px; font-size:13px; color:#616161;}
.n_nav .le a { color:#616161;}
.n_nav .re{ width: calc(100% - 300px);}
.n_nav .re ul{ width:100%; display: flex;flex-wrap:wrap; justify-content:flex-end;align-items: center;}
.n_nav .re ul li{ width:auto;}
.n_nav .re ul li a{ width:100%; display:block; padding:0 20px;line-height:60px; color:#333;}
.n_nav .re ul li.on,..n_nav .re ul li:hover{ border-bottom:1px solid #c21920;}
.n_nav .re ul li.on a,.n_nav .re ul li:hover a{ color:#c21920;}

.n_about {width:100%; text-align:justify; min-height:350px; padding-bottom:100px; 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_news ul{ width:100%; position:relative; display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.n_news ul li{ width:48%;height:60px; line-height:60px; position:relative; border-bottom:1px solid #ccc; margin-bottom:10px;}
.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:16px; font-weight:normal; color:#333;}
.n_news ul li span{ width:120px;font-size:13px; color:#666; height:60px; text-align:right;}
.n_news ul li:hover h5{ color:#c21920;}
.n_news ul li:hover span{ color:#c21920;}








