@charset "utf-8";
html,body{margin:0;padding:0;font-family:"微软雅黑";font-size:10px;position: relative;height:100%;}
textarea{font-family:"微软雅黑";}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size: 16px;}
img{border:0; vertical-align:bottom;}
ul,li{list-style:none;}
a{text-decoration:none;color: #fff}
input::-webkit-input-placeholder {color:#727272;font-size:12px;}
.left{display: inline-block;float: left;}
.right{display: inline-block;float: right;}
.center{text-align: center;}
/*分页*/
#page{position: absolute;width: 100%;height: 50px;left: 0;top: calc((100% - 50px) / 2);display: flex;justify-content:space-between;clear: both;}
#page .bigpage{width: 26px;height: 50px;float: left;}
#page .bigpage a{display: block;width: 100%;height: 100%;}
#page .prepage a{background: url(../images/prepage.png) no-repeat;background-size: cover;background-position: center;}
#page .nextpage{float: right;}
#page .nextpage a{background: url(../images/nextpage.png) no-repeat;background-size: cover;background-position: center;}
/*公用*/
.public{width: 1200px;margin:0 auto;}
.cl{clear: both;display: block;}
.center{text-align: center;}
/*首页*/
.header{background-color: #ddc9ba;position: fixed;left: 0;height:calc(100% - 50px);top: 0;width: 120px;}
/*.lanmuListbox{position: absolute;width: 100%;height:0;background-color: #ddc9ba;top: 0;left: 0;z-index: 3;overflow: hidden;-webkit-transition: all .22s;-o-transition: all .22s;transition: all .22s;}
.lanmuListbox.on{height: 100%}
.lanmuclose{margin: 60px auto;text-align: center;}*/
.lanmuListbox{margin: 50px 0;animation-duration: 1s;animation-fill-mode: both;animation-delay: .5s;}
.lanmulist li{text-align: center;padding: 10px 0;margin: 10px 0;}
.lanmulist li a{color: #b91c22;font-size: 16px;display: block;width: 100%;height: 100%}
.lanmulist li:hover a{color: #8b6244}
.footer{background-color: #ddc9ba;position: fixed;left: 0;width: 100%;height: 50px;bottom: 0;z-index: 3;font-size: 14px;color: #be9b81;text-align: right;line-height: 50px;box-sizing:border-box;padding-right: 10px;padding-left: 120px}
.lanmuBox{margin: 75px 0 50px;display: flex;justify-content:center;}
.lanmumeun{animation-duration: 1s;animation-fill-mode: both;animation-delay: .5s;text-align: center;}
.logo{text-align: center;animation-duration: 1.5s;animation-fill-mode: both;animation-delay: 1s;}
.logo img{max-width: 95%}
.code{position: absolute;bottom: 0;width: 100%;}
.code>div,.code>p{text-align: center;}
.codeimg{width: 80px;height: 80px;box-sizing:border-box;border:2px solid #b91c22;background-color: #fff;margin: -10px auto 7px;display: flex;align-items:center;justify-content:center;z-index: 2;animation-duration: 1s;animation-fill-mode: both;animation-delay: 1.5s;}
.codeimg img{width: 100%}
.codeimg1{animation-duration: 1s;animation-fill-mode: both;animation-delay:2s;}
.code>p{font-size: 14px;color: #b91c22}
#fp-nav.left{width: 120px;top:570px;left: 0}
#fp-nav ul{display: flex;flex-direction:column;justify-content:center;}
#fp-nav ul li{text-align: center;margin: 12px auto;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background-color: #8b6244;width: 10px;height: 10px;border: none;box-sizing:border-box;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background-color: #fff;border:2px solid #b91c22;}
#dowebok{margin-left: 120px;margin-bottom: 50px;}
#dowebok .section{background-color: #ddc9ba;overflow: hidden;}
.sectionbox{width: 100%;height: calc(100% - 50px);position: relative;}
.bannerText{z-index: 1;display: flex;align-items:center;justify-content:center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;flex-direction:column; }
.bannerTitle{color: #ddc9ba;font-size: 60px;text-align: center;text-shadow:2px 2px 2px #b91c22;text-align: center;}
.bannerKey{color: #b91c22;text-shadow:2px 2px 2px #fff;font-size: 56px;margin-top: 160px;text-align: center;}
.bannerJJ{font-size: 36px;color: #b91c22;text-shadow:2px 2px 2px #fff;margin-top: 30px;text-align: center;}

#banner.swiper-container-horizontal>.swiper-pagination-progress{width: 1200px;height: 1px;left: calc((100% - 1200px) / 2);top: 85%;background-color: rgba(255,255,255,.5);}
#banner .swiper-pagination-progressbar{background-color: rgba(255,255,255,.4);}
#banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: rgba(255,255,255,1);}
.bannerNum{position: absolute;top: 82%;width:1200px;left: calc((100% - 1200px) / 2);height: 20px;color: #b91c22;font-size: 16px;}
.hotline{position: absolute;right:50px;top: 45px;z-index: 2;color: #fff;font-size: 16px; animation-iteration-count: infinite;animation-duration: 4s;}
.hotline img,.hotline span{vertical-align: middle;margin-left: 12px;}
@media (max-height:880px) {
    .lanmuBox{margin: 50px 0 30px}
    #fp-nav.left{top: 540px}
}
@media (max-height:850px) {
  .lanmuBox{margin: 40px 0 25px}
    #fp-nav.left{top: 500px}
    #fp-nav ul li{margin: 10px auto}
}
@media (max-height:820px) {
  .lanmuBox{margin: 30px 0 20px}
  #fp-nav.left{top: 490px}
  #fp-nav ul li{margin: 10px auto}
}
@media (max-height:790px) {
  .lanmuBox{margin: 20px 0 20px}
  #fp-nav.left{top: 460px}
  #fp-nav ul li{margin: 8px auto}
}
.section2 .sectionbox{background-color: #fff;display: flex;position: relative;}
.section2box{width: 50%;position: relative;float: left;height: 100%}
/*.section2L{background: url(../images/color.jpg) no-repeat;background-size:100% 70%;background-position: bottom;}*/
.section2L{background-color: #8b6244;}
.icon4{position: absolute;right: 15px;top: 0;animation-duration: 1s;animation-fill-mode: both;animation-delay:2s;display: block;}
.section2pic{width: 70%;top: 0;right: 0;position: absolute;max-height: 100%;overflow: hidden;animation-duration: 1s;animation-fill-mode: both;animation-delay:0;}
.section2pic img{width: 100%;transition:0.5s linear; -webkit-transition:0.5s linear;}
.section2pic:hover img{transform: scale(1.2) rotate(2deg);}
.section2Title{position: absolute;right: 77%;top: 19.5%}
.section2Title p{font-size: 36px;color: #b91c22;font-weight: bold;}
.section2Title p span{animation-duration: 1s;animation-fill-mode: both;display: block;}
.section2Title p label{color: #fff;display: block;animation-duration: 1s;animation-fill-mode: both;}
.section2Line{width: 1px;height: 0;background-color: rgba(190,155,129,.5);margin: 40px auto 0;position: relative;-webkit-transition: all 2s 1s;-o-transition: all 2s 1s;transition: all 2s 1s;}
.section2Line:before{content: "";position: absolute;width: 8px;height:8px;border-radius: 50%;border:1px solid #b91c22;;top: -10px;left: -4.5px}
.section2R{display: flex;align-items:center;justify-content:center;flex-direction:column;}
.section2Rsj{width: 15px;height: 15px;background-color: #b91c22;transform:rotate(45deg);animation-duration: 4s;animation-fill-mode: both;animation-iteration-count: infinite;margin: 0 auto}
.section2Text{font-size: 16px;color: #151515;line-height:40px;text-indent: 2rem;width: 60%;margin: 70px auto 30px;animation-duration: 1s;animation-fill-mode: both;animation-delay:1s;}
.section2R .section2Line{margin: 0;height: 0;-webkit-transition: all 2s 1s;-o-transition: all 1.5s 2s;transition: all 1.5s 2s;}
.section2R .section2Line:before{content: "";width: 0;height: 0;border: none;}
.sectionMore{margin: 3% auto 0;animation-duration: 1s;animation-fill-mode: both;animation-delay:3s;text-align: center;display: block;}
.section3 .sectionbox{background: url(../images/bg1.jpg) no-repeat;background-size: cover;background-position: center;}
.section4 .sectionbox{background: url(../images/bg2.jpg) no-repeat;background-size: cover;background-position: center;}
.section5 .sectionbox{background: url(../images/bg3.jpg) no-repeat;background-size: cover;background-position: center;}
.section6 .sectionbox{background: url(../images/bg4.jpg) no-repeat;background-size: cover;background-position: center;}
.section3List{height: 100%;width: 80%}
.section3List .swiper-slide{box-sizing:border-box;width: 25%;display: flex;align-items:center;justify-content:flex-start;flex-direction:column;padding: 200px 0;moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;float: left;}
.section3ListPic{text-align: center;}
.section3ListTitle{font-size: 18px;text-align: center;color: #fff;margin: 70px 0 145px;}
.section3ListText,.section3ListText *{font-size: 15px;color: #fff;text-align: center;line-height:35px;}
.section3ListMore{display: block;color: #b91c22;font-size: 14px;margin-top: 50px;display: none;}
.section3List .swiper-slide:hover{background-color: rgba(139,98,68,.5);}
.section3List .swiper-slide:hover .section3ListMore{display: block;}
.section3 .swiper-button-next{right:5%;outline: none;opacity: .5}
.section3 .swiper-button-prev{left: 5%;outline: none;opacity: .5}
.section4 .sectionbox{display: flex;align-items:center;justify-content:flex-start;}
.section4div{float: left;}
.section4L{width:58%;background-color: #fff;box-sizing:border-box;padding: 90px 8% 60px 15%;animation-duration: 1.5s;animation-fill-mode: both;animation-delay:0s;}
.section4Title {position: relative;}
.section4Title .section4TitleEng{font-size: 36px;font-weight: bold;color: #b91c22;position: relative;animation-duration: 1s;animation-fill-mode: both;animation-delay:.5s;}
.section4Title .section4TitleTx{font-size: 24px;color: #151515;animation-duration: 1s;animation-fill-mode: both;animation-delay:.8s;}
.section4TitleLine{position: absolute;width: 0;left: -45%;top: 26%;height: 1px;background-color: #be9b81;-webkit-transition: all 2s 0;-o-transition: all 2s 0;transition: all 2s 0;}
.section4TitleLine:after{content: "";position: absolute;width: 8px;height: 8px;border-radius: 50%;border:1px solid #b91c22;right: -10px;top:-4.5px}
.section4M{width: 40%;margin-left: -5%;background-color: #000;overflow: hidden;animation-duration: 1s;animation-fill-mode: both;animation-delay:.8s;}
.section4M img{width: 100%;transition:0.5s linear; -webkit-transition:0.5s linear;}
.section4M:hover img{transform: scale(1.2) rotate(2deg);}
.section4R{width: 7%;height: 40%;background-color: #b91c22;animation-duration: .5s;animation-fill-mode: both;animation-delay:1.6s;}
.section4R a{display: flex;width: 100%;height: 100%;align-items:center;justify-content:center;}
.section4List{margin-top: 30px}
.section4List li .section4ListTitle{height: 59px;line-height: 59px;border-bottom: 1px solid #d0d0d0;color: rgba(21,21,21,.5);font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.section4List li .section4ListJJ{color: rgba(21,21,21,.6);font-size: 14px;margin-top: 20px;line-height: 35px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.section4List li:first-child{margin-bottom: 30px}
.section4List li:hover .section4ListTitle{color: #b91c22}
.section5con{width: 80%;height: 100%;margin: 0 auto;display: flex;justify-content:space-between;position: relative;}
.section5Ul{display: flex;height: 100%;width: 80%;}
.section5con ul{height: 100%;width: 25%;float: left;}
.section5con ul li{height: 33.33%;overflow: hidden;-webkit-transition: all 2s 2s;-o-transition: all 2s 2s;transition: all 2s 2s;}
.section5Title{display: flex;justify-content:flex-start;flex-direction:column;align-items:center;width: 20%}
.section5TitleEng{font-size: 36px;font-weight: bold;color: #b91c22;margin-top:125px;animation-duration: 1s;animation-fill-mode: both;animation-delay:0s;}
.section5TitleName{font-size: 24px;color: #fff;animation-duration: 1s;animation-fill-mode: both;animation-delay:.5s;}
.section5Line{background-color: #be9b81;width: 1px;height: 0;margin: 40px auto 0;-webkit-transition: all 2s 2s;-o-transition: all 2s 2s;transition: all 2s 2s;position: relative;}
.section5Line:before{content: "";position: absolute;width: 8px;height:8px;border-radius: 50%;border:1px solid #b91c22;;top: -10px;left: -4.5px}
.section5More{position: absolute;right: 0;bottom: 70px;height: 220px;width: 180px;background-color: #b91c22;display: flex;justify-content:center;align-items:center;animation-duration: 1s;animation-fill-mode: both;animation-delay:3s;}
.section5More img{margin: 0 auto}
.section5More:before{content: "";position: absolute;width: 350px;height: 1px;background-color: #be9b81;bottom: 40px;right: 40px;}
.section6 .sectionbox{display: flex}
.section6Con{width: 50%;height: 100%;align-items:center;justify-content:center;display: flex;flex-direction:column;box-sizing:border-box;animation-duration: 1s;animation-fill-mode: both;animation-delay:0;float: left;}
.section6Con form{width: 60%;margin: 0 auto}
.section6Input{margin-bottom: 30px}
.section6Input input,.section6Input textarea{width: 100%;background-color: #fff;border: none;}
.section6Input input{height: 35px;outline: none;box-sizing:border-box;padding: 0 10px;font-size: 14px;color: #808080}
.section6Input textarea{height: 190px;outline: none;box-sizing:border-box;padding:  10px;resize:none;font-size: 14px;color: #808080}
.section6Input p{margin-top: 7px;color: #f0f0f0;font-size: 14px}
.section6Sub input{width: 90px;height: 35px;text-align: center;line-height: 35px;background-color: #b91c22;font-size: 14px;color: #fff;letter-spacing: 3px;border:none;outline: none;}
.section6R{align-items:flex-start;padding-left:4%}
.section6RTitle{font-size: 24px;color: #f1f1f1;font-weight: bold;margin-bottom: 35px}
.section6RText,.section6RText *{color: #f1f1f1;font-size: 16px;line-height: 2.5;}
.section6Rdiv:first-child{margin-bottom: 90px}
/*图文*/
#container{margin-left: 120px;height: 100%;}
#container .sectionbox{width: 100%;height: calc(100% - 50px);position: relative;background:url(../images/bg2.jpg) no-repeat;background-size: cover;background-position: center;display: flex;justify-content:center;align-items:center;}
.conbox{background-color: #fff;width: 100%;box-sizing:border-box;padding:5% 7%;display: flex;justify-content:space-between;align-items:center;}
.conboxdiv,.lanmuTitlediv,.dyshowdiv,.section5div{float: left;}
.lanmuTitle{display: flex;width: 10%}
.lanmuTitleLine{height: 340px;width: 1px;background-color: #be9b81;position: relative;animation:myheight 2s linear ;-webkit-animation:myheight 2s linear ;}
.lanmuTitleLine:before{content: "";position: absolute;width: 10px;height: 10px;border:1px solid #b91c22;box-sizing:border-box;top: -10px;left: -4.5px;border-radius: 10px}
@keyframes myheight
{
from {height:0px;}
to {height:340px;}
}

@-webkit-keyframes myheight /*Safari and Chrome*/
{
from {height:0px;}
to {height:340px;}
}
.lanmuTitleName{margin-left: 15px}
.lanmuTitleName p{font-weight: bold;font-size: 36px;color: #080808}
.probox{width: 90%;position: relative;overflow: hidden;}
.proList,.newslist{width: 85%;margin: 0 auto;}
.proList li{width: calc((100% - 4px) / 4);float: left;margin-left: 1px;overflow: hidden;}
.proList li:nth-child(4n+1){margin-left: 0}
.proList li:nth-child(-n+4){margin-bottom: 1px}
.proList li img{width: 100%;transition:0.5s linear; -webkit-transition:0.5s linear;}
.proList li:hover img{transform: scale(1.2) rotate(2deg);}
.proshowbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color:rgba(255,255,255,.9);display: none;}
.proshowcon{width: 85%;margin: 0 auto;height: 100%;overflow: hidden;}
.proshowPic{text-align: center;height: 70%}
.proshowPic img{height: 100%}
.proshowText{margin-top: 1%;height:28%;box-sizing:border-box;;overflow-y: scroll;width: calc(100% + 18px)}
.proshowPage{position: absolute;width: 100%;height: 50px;left: 0;top: calc((100% - 50px) / 2);display: flex;justify-content:space-between;}
.proshowPage .proshowpagebtn{width: 26px;height: 50px;float: left;}
.proshowPage .proshowprev{background: url(../images/prepage.png) no-repeat;background-size: cover;background-position: center;}
.proshowPage .proshownext{background: url(../images/nextpage.png) no-repeat;background-size: cover;background-position: center;float: right;}
.closebtn{position: absolute;width: 30px;height: 30px;top: 0;right: 0}
.nono{text-align: center;line-height:6;font-size: 16px;color: #808080}
.newslist {display: flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.newslist li{width: 48%;margin-bottom: 30px;animation-duration: 1s;animation-fill-mode: both;float: left;}
.newslist li:nth-child(odd){margin-right: 4%}
.newslist li a{display: block;width: 100%;height: 100%;color: #151515}
.newslist li .newslistTitle{font-size: 18px;padding: 20px 0;border-bottom: 1px solid #d0d0d0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newslist li .newslistJJ{font-size: 14px;line-height: 25px;margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newslist li:hover .newslistTitle{color: #b91c22}
.newshow{width: 90%;margin: 0 auto;height:100%;overflow: hidden;}
.newshowText{height: 75%;overflow-y: scroll;width: calc(100% + 18px)}
.newshowTitle{color: #575757;font-size: 16px;text-align: center;}
.newshowDate{margin: 30px 0 70px;text-align: center;}
.newshowDatediv{display: inline-block;padding: 5px 140px;text-align: center;border-top:1px solid #e3e3ea;border-left: 1px solid #e3e3ea;font-size: 12px;color: #999;}
.newshowDatediv span{display: inline-block;}
.newshowDatediv span:first-child{margin-right: 15px}
.dyshow{display: flex;justify-content:space-between;width: 100%;align-items:center;}
.dyshowPic{width: 33%;animation-duration: 1s;animation-fill-mode: both;animation-delay:.3s;}
.dyshowPic img{width: 100%}
.dyshowText{width: 65%;height: 100%;overflow: hidden;animation-duration: 1.5s;animation-fill-mode: both;animation-delay:.3s;margin-left: 2%}
.dyshowTextbox{width: calc(100% + 18px);height: 100%;overflow-y: scroll;}
.dyshowTextbox *{max-width: 100%}