@font-face{font-family:fzqk;src:url(fonts/fzqk.ttf)}
.container{height:7000px;width:100%;background:#ccc}
.part-banner{height:300px;width:100%;background:#eee}
.intro-banner-wrap img{display:block;margin:0;padding:0;height:100vh;width:100%}
.banner-top-img{position:absolute;bottom:0;left:0;height:auto;width:100%;z-index:2}
.banner-top-img img{display:block;width:100%;height:auto}
#menu{opacity:0;top:-50px}
.banner-flip-img,.banner-flip-img-two{position:absolute;width:200px;height:55px;left:50%;bottom:-77px;z-index:5;margin-left:-100px;opacity:0}
.banner-flip-img img,.banner-flip-img-two img{display:block;width:100%;height:auto}
#menu{height:75px;background:url(bgrad_1.png);background-size:contain;display:flex;justify-content:space-between;align-items:center}
.menu-logo{height:60px;width:240px;float:left;margin-left:4rem;margin-right:0}
.menu-logo img{width:100%}
.menu-a{margin:0 auto;/* margin-left:50px; */height:30px;display:flex;width: 100%;justify-content: center; flex-wrap: wrap;}
#menu li{margin:0;background:0 0;border-radius:0;font-size:18px;height:70px;font-weight:700;/* margin:0 2rem */width: calc(100% / 7);position: relative;text-align: center;}
#menu li a,#menu li.active a{padding:23px 0;display:block;color:#fff;/* float:left; */transition:color .3s}
#menu li:after{content:"";display:block;/* float:left; */width:1px;height:14px;background:#fff;/*margin-top:28px; margin-left:2.5rem */right: 0;position: absolute;top: 30px;}
#menu .navss li{margin:0}
#menu .navss li:after{display:none}
#menu li:last-child:after{display:none}
#menu .navss li:last-child:after{display:none}
#menu li:hover{background:0 0}
.parttwo-imgwrap{width:25%;height:45vh;transform:skew(-25deg);-webkit-transform:skew(-25deg);-moz-transform:skew(-25deg);-o-transform:skew(-25deg);-ms-transform:skew(-25deg);float:left;overflow:hidden;position:relative}
.parttwo-imgwrap img{display:block;margin-left:-13vh;width:143%;height:45vh;transform:skewX(25deg)}
.part-two-img-wrap{width:120%;margin-left:-10%;height:auto;overflow:hidden}
#section1 .fp-tableCell{vertical-align:baseline}
.parttwo-img-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:none}
.parttwo-imgwrap:hover .parttwo-img-mask{display:block}
.parttwo-img-mask-title{font-size:48px;color:#bd944d;position:absolute;bottom:2px;transform:skewX(25deg);font-family:fzqk;letter-spacing:2px}
.parttwo-img-mask-title p{font-size:48px;color:#bd944d;font-family:fzqk;letter-spacing:2px;border-bottom:1.5px solid #bd944d;width:100%}
.parttwo-imgwrap:nth-child(1) .p-add{font-size:20px;width:80%;display:block;height:50px;line-height:25px;text-align:right;float:right;font-family:fzqk;margin-right:35px}
.parttwo-imgwrap:nth-child(2) .p-add{font-size:25px;width:100%;display:block;height:45px;line-height:45px;text-align:right;text-indent:10px;float:right;font-family:fzqk;margin-right:100px}
.parttwo-imgwrap:nth-child(3) .p-add{font-size:25px;width:100%;display:block;height:45px;line-height:45px;text-align:right;text-indent:10px;float:right;font-family:fzqk;margin-right:100px}
.parttwo-imgwrap:nth-child(4) .s-add{border-bottom:none}
.parttwo-imgwrap:nth-child(1) .parttwo-img-mask-title{width:50%}
.parttwo-imgwrap:nth-child(1) .parttwo-img-mask-title p{text-indent:100px}
.parttwo-imgwrap:nth-child(2) .parttwo-img-mask-title,.parttwo-imgwrap:nth-child(3) .parttwo-img-mask-title{right:-60px}
.parttwo-imgwrap:nth-child(2) .parttwo-img-mask-title p,.parttwo-imgwrap:nth-child(3) .parttwo-img-mask-title p{text-indent:100px}
.parttwo-imgwrap:nth-child(4) .parttwo-img-mask-title{left:36%}
/* @media screen and (min-width : 1800px) and (max-width: 2000px){#menu li a, #menu li.active a{padding: 23px;}
}
@media screen and (min-width : 1600px) and (max-width: 1800px){#menu li a, #menu li.active a{padding: 23px 13px;}
} */
@media screen and (max-width:1400px){.parttwo-imgwrap:nth-child(4) .parttwo-img-mask-title{left:20%}
/* #menu li a, #menu li.active a{padding: 23px 0px;}
.menu-logo {margin: 4rem;} */
}
.parttwo-imgwrap:nth-child(4) .parttwo-img-mask-title p{text-indent:100px}
.part-two-circular{width:100%}
.part-two-circular img{width:100%;height:12vh}
.part-two-bgimg{position:absolute;display:block;bottom:0;right:0;height:40vh;z-index:0}
.part-two-title{width:100%;height:70px;position:relative}
.part-two-title-ground{font-size:36px;font-family:SimHei;font-weight:700;color:#989797;position:absolute;top:0;left:50%;width:300px;margin-left:-150px}
.part-two-title-top{color:#bd282e;font-size:28px;position:absolute;top:14px;left:50%;width:200px;margin-left:-100px;font-weight:700}
.part-two-content{width:100%;padding-bottom:25px}
.part-two-content-wrap{width:90%;margin:0 auto;z-index:3}
.part-two-content-item{width:31.3%;height:30vh;background:#eee;margin:0 1%;box-shadow:0 2px 8px 0 #999;float:left;border-radius:10px;overflow:hidden;position:relative;z-index:2}
.content-item-title{font-size:22px;color:#b12f06;font-family:Fangsong;font-weight:700;text-align:left;padding:15px 0 6px 10px}
.content-item-title-line{width:90%;height:12px;background:#b12f06}
.content-item-a{margin-top:10px}
.content-item-a li{text-align:left;margin-left:10px;width:96%;padding:4px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}
.content-item-a li a{line-height:20px;color:#444141}
.content-item-a li a:hover{color:#bd282e}
.content-item-a li a:before{content:"";width:4px;height:4px;border-radius:2px;background:#333;display:inline-block;margin-right:4px;margin-top:8px;float:left}
.section-three .fp-tableCell{vertical-align:baseline}
.section-three-wrap{height:2500px;position:relative}
.section-three-top img{position:relative;z-index:2;width:100%;height:auto}
.mian-img{position:absolute;top:20vh;left:50%;margin-left:-75px;width:150px;height:2343px;z-index:2}
.red1-img{width:520px;position:absolute;z-index:2;top:900px;left:50%;margin-left:-580px;opacity:0}
.red2-img{position:absolute;top:1000px;z-index:2;left:50%;margin-left:-650px;opacity:0;width:590px}
.red3-img{position:absolute;top:950px;z-index:2;left:50%;margin-left:60px;opacity:0;width:620px}
.red4-img{position:absolute;top:1050px;left:50%;z-index:2;margin-left:60px;opacity:0;width:580px}
.blue1-img{width:560px;position:absolute;top:1600px;left:50%;z-index:2;margin-left:-620px;opacity:0}
.blue2-img{width:580px;position:absolute;top:1700px;left:50%;z-index:2;margin-left:-640px;opacity:0}
.blue3-img{width:580px;position:absolute;top:1650px;left:50%;z-index:2;margin-left:60px;opacity:0}
.blue4-img{width:580px;position:absolute;top:1750px;left:50%;z-index:2;margin-left:60px;opacity:0}
.footer{position:absolute;bottom:0;height:360px;width:100%;background:#b42e0e;z-index:3}
.footer-wrap{width:1250px;margin:0 auto;overflow:hidden}
.footer-num{width:200px;padding-top:10px;overflow:hidden;float:left}
.footer-num img{float:left;width:100px;height:100px}
.footer-num img:nth-child(3),.footer-num img:nth-child(4){margin-top:5px}
.footer-content-left{width:490px;height:220px;border-right:1px solid #fff;border-left:1px solid #fff;float:left;margin-left:30px}
.footer-content-left-title{font-size:14px;color:#fff;padding:20px 0 0 90px;text-align:left;font-family:SimSun}
.footer-content-left-content{font-size:14px;text-align:left;color:#fff;padding:30px 0 0 90px;line-height:30px}
.footer-content-right{float:left;width:510px;height:250px;border-right:1px solid #fff}
.footer-copyright{color:#fff;height:30px;line-height:30px;float:left;margin:60px 0 0 0;font-size:15px}
#fp-nav ul li a span,.fp-slidesNav ul li a span{background:#7d7e7d;border:.5px #dcdbdbdb solid}
.fp-slidesNav.fp-bottom{width:40px}
.fp-slidesNav{right:auto;left:40px!important;top:40%}
.footerbg-img{position:absolute;width:60%;height:auto;right:0;top:500px;z-index:0}
.footerbg2-img{position:absolute;width:60%;height:auto;left:0;bottom:360px;z-index:0}
.navs li{position:relative}
.navss{transition:all .3s linear;display:none;height:0;overflow:hidden;opacity:0;width:180px;position:absolute;top:69px;left:0px;background:rgba(153,0,0,.5);border-top:1px solid #fff}
.navss li a{transition:all .3s linear}
.navss li{float:none;width:100%;height:auto!important}
.navss li a{width:132px;display:block;padding:15px 24px!important;color:#fff;font-size:16px}
.navs li a:hover{padding:20px 16px}
.navs li:hover .navss{display:block;opacity:1;height:auto}
.navss li a:hover{border:none;background:rgba(100,0,0,.7)}
.parttwo-imgwrap:nth-child(1):hover{background-image:url(zbg.png);background-size:cover}
.parttwo-imgwrap:nth-child(2):hover{background-image:url(zbg1.png);background-size:cover}
.parttwo-imgwrap:nth-child(3):hover{background-image:url(zbg2.png);background-size:cover}
.parttwo-imgwrap:nth-child(4):hover{background-image:url(zbg3.png);background-size:cover}
@media only screen and (min-resolution:144dpi){
.menu-logo{margin-right:0rem;margin-left: 2rem;}
}
#mediaContent0_0,#mediaContent0_1,#mediaContent0_10,#mediaContent0_2,#mediaContent0_3,#mediaContent0_4,#mediaContent0_5,#mediaContent0_6,#mediaContent0_7,#mediaContent0_8,#mediaContent0_9{margin:auto!important}
#mediaContent0_0 *,#mediaContent0_1 *,#mediaContent0_10 *,#mediaContent0_2 *,#mediaContent0_3 *,#mediaContent0_4 *,#mediaContent0_5 *,#mediaContent0_6 *,#mediaContent0_7 *,#mediaContent0_8 *,#mediaContent0_9 *{display:inline-block;margin:auto!important}
@media only screen and (max-width:767px){#mediaContent0_0,#mediaContent0_1,#mediaContent0_2{width:100%!important;height:auto!important}
#mediaContent0_0 video,#mediaContent0_1 video,#mediaContent0_2 video{width:100%!important;height:auto!important}
}
@media screen and (max-width:1100px){
  .menu-logo{width: 160px;margin-right: 0px;margin-left: 2rem;}
}
@media screen and (min-width:1600px){
  .menu-logo{margin-right: 8rem;}
  .menu-a{margin-right: 5rem;}
}