.header-top{ width:100%; left:0; top:0; height:60px; position:fixed; background:#222222; line-height:60px; z-index:100; min-width:960px;}
.header-top .con{ padding:0 20px;}
.header-top .logo{ float:left; position:relative; z-index:20; width:115px;}
.header-top .logo img{ width:100%;}
.header-top .page-tit{ float:left; border-left:1px solid #464441; padding-left:10px; height:17px; line-height:17px; margin:23px 0 0 10px; color:#d5cabb; position:relative; z-index:20;}
.header-top .page-tit:hover{ color:#fff;}
.header-top .nav{ text-align:center; width:100%; position:absolute; left:0; top:0;}
.header-top .nav li{ display:inline-block;}
.header-top .nav li a{ color:#746d64; margin:0 10px;}
.header-top .nav li.cur a{ color:#c6b8a6;}
.header-top .nav li a:hover{color:#c6b8a6;}

.about-wrap{ background:#f5f0ea;} 

.about-jianjie{ background:url(../../images/about/x-bg1.png) repeat-x left bottom; padding:112px 0 60px 0; position:relative;}
.about-jianjie .con{width:960px; margin:0 auto; position:relative; z-index:3;}
.about-jianjie .icon{ position:absolute; left:-20px; bottom:-20px; width:458px; height:344px; background:url(../../images/about/icon-img1.png) no-repeat;}
.jianjie-ul{ margin-bottom:20px;}
.jianjie-ul li{ float:left; line-height:16px; text-align:justify;}
.jianjie-ul li.left{ width:420px;}
.jianjie-ul li.right{ width:240px; float:right;}
.jianjie-ul li.center{ width:240px; margin-left:33px;}

.zhici{ background:#e1dad2; padding:60px 0 60px;}
.zhici .con{width:720px; margin:0 auto;}
.zhici h2{ text-align:center; font-size:70px; font-family:Microsoft Yahei; line-height:80px; margin-bottom:20px;}
.zhici p{ text-align:center;}

.licheng{ text-align:center; padding:60px 0; background:#e1dad2 url(../../images/about/x-bg2.png) repeat-x left bottom; position:relative;}
.licheng .con{ height:440px; overflow-y:auto; position:relative;}
.licheng h2{ text-align:center; font-size:70px; font-family:Microsoft Yahei; line-height:80px; margin-bottom:20px; color:#453b33;}
.licheng ul{padding-bottom:120px;}
.licheng li{ padding:60px 0 0; color:#a1998d; line-height:16px;}
.licheng li p.mb10{ font-size:40px; line-height:40px; color:#333; font-family:"华文细黑"; }
.licheng .rpt{ background: url(../../images/about/x-bg3.png) repeat-x left bottom; height:168px; position:fixed;  width:100%;}
.licheng .x-bg{ background:url(../../images/about/x-bg3.png) repeat-x; height:168px; position:absolute; left:0; bottom:0;  width:100%; z-index:99;}

.wenhua{ background:#fff; padding:60px 0 60px 0; text-align:center; line-height:18px;}
.wenhua h2{ text-align:center; font-size:70px; font-family:Microsoft Yahei; line-height:80px; margin-bottom:20px;}

.lianxi{ background:#e1dad2;}
.lianxi h2{ font-size:70px; font-family:Microsoft Yahei; line-height:80px; margin-bottom:20px;}
.lianxi .con{ margin:0 auto; width:960px; padding:60px 0; line-height:14px;}
.lianxi .con li{ float:left; width:480px;}
.lianxi .con li h3{ font-size:20px; font-family: Microsoft Yahei; margin-bottom:10px;}
.lianxi .col{ color:#8f8a85; margin-top:20px;}
.map { position:relative;}
.map .rpt{ background:url(../../images/about/x-bg4.png) repeat-x left bottom; height:100px; position:absolute; left:0; top:-1px; width:100%; z-index:50;}



/*2020*/
@font-face { font-family: 'Cinzel'; src: url('/font/Cinzel-Regular.ttf'); }
@font-face { font-family: 'Berkshire_Swash'; src: url('/font/BerkshireSwash-Regular.ttf'); }

.posi_rel{ overflow:hidden; position:relative;}
.posi_rel .img{ position:relative; left:50%; margin-left:-960px;}
.about_us{ background:url(../img/bg-news.jpg) top no-repeat;}
.about_us .top { text-align: center; line-height: 1.2; padding-bottom: 60px; }
.about_us .top .h2 { font-size: 48px; color: #1e3b9a ; font-family:"微软雅黑";}
.about_us .top .h5 { font-size: 15px; color: #1e3b9a; text-transform:capitalize; font-family: 'Cinzel',Arial,SimSun; }
.about_oh { overflow: hidden; width:100%;}
.about_oh_w { display: flex; -webkit-transition: all .3s linear; }
.about_text { width: 1080px; margin: 0px auto 30px; padding-top:90px; text-align:justify;}
.about_text div { font-size:16px; text-indent: 2em; color: #595757 ; line-height:2; margin-bottom:20px;}

.yuanjing{ display:flex; width:1080px; margin:0 auto; justify-content:space-between; padding-bottom:60px;}
.yuanjing .h3 { font-size: 36px; color: #000000; line-height: 2; }
.yuanjing .h6 { font-size: 14px; color: #000000; font-family: 'Cinzel',Arial,SimSun;  line-height:1.2;}
.yuanjing .text { position: relative; padding: 40px 40px 50px; line-height:50px; font-size: 23px;  color: #595757; margin-top:80px; margin-left:-40px;}
.yuanjing .text:before{ position:absolute; width:17px;height:15px; left:0;top:0; content:""; background:url(/images/about/icon-1.png) no-repeat;}
.yuanjing .text:after { position: absolute; width: 17px; height: 15px; right: 0; top: 0; content: ""; background: url(/images/about/icon-2.png) no-repeat; }
.yuanjing .video video { box-shadow: -28px 28px 40px rgba(0,0,0,.3);}

.linian { display: flex; width: 1080px; margin: 0 auto;padding-bottom: 80px;  justify-content:space-between;}
.linian .img {  }
.linian .h3 { font-size: 36px; color: #000000; font-weight: 700; line-height: 2; }
.linian .h6 { font-size: 14px; color: #000000; font-family: 'Cinzel',Arial,SimSun; line-height: 1.2; }
.linian .text{ width:510px; padding-top:0px;}
.linian .list{ padding-top:10px;}
.linian .list .li{ margin-bottom:10px;}
.linian .list .li p{ padding-left:20px;}
.linian .list .li .t { height: 43px; line-height: 36px; padding: 0 0px; font-size: 20px; font-weight: 700; }

.gushi {  height:890px; }
.gushi .con { width: 1080px; margin: 0 auto; display: flex; color: #fff; justify-content: space-between; align-items: center; height: 890px ;}
.gushi .h3 { font-size: 36px; font-weight: 700; line-height: 2; color:#333; }
.gushi .h6 { font-size: 14px; font-family: 'Cinzel',Arial,SimSun; line-height: 1.2; color:#6b6b6b; }
.gushi .img { box-shadow: -28px 28px 40px rgba(0,0,0,.3); }
.gushi .top{ text-align:center;}
.gushi .text { padding-top: 40px; text-align: justify; color:#6b6b6b;}
.gushi .text p { font-size: 14px; text-indent: 2em; line-height: 2; margin-bottom: 20px; color:#6b6b6b;}

.jiangshi { background: url(/images/about/abg-bg1.jpg) no-repeat 50% 100%; height: 930px;  position:relative; overflow:hidden;}
.jiangshi .con { width: 1080px; margin: 0 auto; display:flex; justify-content:space-between; align-items:center; padding-top:140px;}
.jiangshi .con .img{ position:relative; transform:translateX(-40px)}
.jiangshi .con .name{ position:absolute; left:20%;top:50%;}
.jiangshi .h2 { font-size: 36px; color: #000000; font-weight: 700; line-height: 1; }
.jiangshi .h6 { font-size: 14px; color: #595757; font-family: 'Cinzel',Arial,SimSun; line-height: 1.2;  margin-bottom:20px;}
.jiangshi .p { padding: 20px 0; font-size: 14px; text-align: justify; }

.swiper-container-vertical > .swiper-pagination-bullets{ right:auto; z-index:20;  width:1080px; margin-left:-580px; left:50%;}
.swiper-pagination-bullet-active { background: #1e3b9a; }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:14px 0;}

.fzlc { background: #f2fcfe; padding:90px 0; }
.fzlc .text { text-align: center; }
.fzlc .h2 { font-size: 48px; color: #1e3b9a; font-weight: 700; line-height: 1.4; }
.fzlc .h6 { font-size: 14px; color: #1e3b9a; font-family: 'Cinzel',Arial,SimSun; line-height: 1.2; margin-bottom: 20px; }
.fzlc .p{ color: #595757; }
.fzlc .con{ position:relative;}
.fzlc .bort { position: absolute; right: 0; top: 10px; left: 0; height: 1px; background: #000; }
.fzlc .bort:before{ content:""; position:absolute; width:55px;height:67px; background:url(/images/about/crab-1.png) no-repeat; left:-50px; top:-35px;}
#swiper2 { width: 1080px; margin: 80px auto 0; padding: 10px 0; }
#swiper2 .in-box { min-height: 200px; padding: 140px 0 80px 0; position:relative;}
#swiper2 .in-box:before { content: ""; width: 1px; background: #d9e2e4; height: 60px; left: calc(50% - 40px); top: 0; position: absolute; }
#swiper2 .in-box:after { content: ""; width: 5px; background: #fff; height: 5px; left: calc(50% - 43px); top: -3px; position: absolute;  border:1px solid #000; border-radius:50%;}
#swiper2 .in-box p{ margin-bottom:10px; text-align:justify;}
#swiper2 .swiper-slide:after { content: "<"; right: 40px; top: -9px; position: absolute; font-family: "宋体"; line-height: 19px; font-size: 18px; }
#swiper2 .swiper-slide:last-child:after{display:none;}
#swiper2 .year { width: calc(100% - 80px); text-align: center; position: absolute; left: 0; top: 76px; font-family: 'Berkshire_Swash';  font-size:30px; line-height:1.2; color:#333;}
#swiper2 .year:before { content: ""; width: 20px; height: 2px; background: #000; position: absolute; left: 50%; margin-left:-10px; bottom: 0; }

.cantact { background:url(../img/lianxi.jpg) top no-repeat; color:#333;}
.cantact .con { padding: 120px 0; width:1080px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; font-size:13px;}
.cantact .h3 { font-size: 36px; font-weight: 700; line-height: 1; }
.cantact .h6 { font-size: 14px; font-family: 'Cinzel',Arial,SimSun; line-height: 1.2; margin-bottom: 20px; }
.cantact .title { margin-top: 60px; font-size: 24px; font-weight:700; line-height:2;}
.cantact .span{ color:#ccc;}

.history { background: rgb(245,253,254); background: -webkit-linear-gradient(top, rgba(245,253,254,1) 0%,rgba(245,246,246,1) 100%); padding: 90px 0; }
.history .text { text-align: center; }
.history .h2 { font-size: 48px; color: #1e3b9a; font-weight: 700; line-height: 1.4; }
.history .h6 { font-size: 14px; color: #1e3b9a; font-family: 'Cinzel',Arial,SimSun; line-height: 1.2; margin-bottom: 20px; }
.history .p { color: #595757; }
.history .con { position: relative; }
#swiper3 { width: 1080px; margin: 0 auto; }
#swiper3 { padding: 80px 0; }
#swiper3 .in-box { padding-right:40px; position: relative; display: flex; align-items: center; font-size: 24px; border-right: 1px solid #ccc; }
#swiper3 .in-box img{width:280px; height:auto; margin-right:40px; border-radius:4px; box-shadow:0 0 10px rgba(0, 0, 0, 0.19)}
#swiper3 .in-box h5{ font-size:18px;}
#swiper3 .in-box p { margin-top: 10px;  font-weight:700;}


.shzr { background: url(/images/about/abg-bg1.jpg) no-repeat 50% 100%; padding: 90px 0; }
.shzr .text { text-align: center; }
.shzr .h2 { font-size: 48px; color: #1e3b9a; font-weight: 700; line-height: 1.4; }
.shzr .h6 { font-size: 14px; color: #1e3b9a; font-family: 'Cinzel',Arial,SimSun; line-height: 1.2; margin-bottom: 20px; }
#swiper4{ padding:50px 0;}
#swiper4 .in-box { display: flex; background: #06214d; color: #fff; justify-content: space-between; align-items: center; font-size: 18px;  line-height:1.6; overflow:hidden;}
#swiper4 .in-box .text { text-align: center; width: 350px; flex-shrink:0; }
#swiper4 .in-box img{width:100%;}

@media screen and (max-width: 1680px) {
    #swiper4 .in-box { font-size: 16px;}
    #swiper4 .in-box .text {width: 320px; }
}

@media screen and (max-width: 1440px) {
    #swiper4 .in-box { font-size: 14px;}
    #swiper4 .in-box .text { width: 260px; }
}