.container{margin-right:auto;margin-left:auto;padding-left:5px;padding-right:5px}
@media (min-width:1441px){.container{width:1400px}
}
@media (min-width:1201px){.container{width:1200px}
}
.pna{width:33.333%;float:left;display:block;text-align:center;color:#141414;position:relative}
.bottom{position:absolute;width:15px;height:3px;background:#003198;bottom:0;left:50%;transform:translate(-50%,0);display:none}
.active,.pna:hover{color:#003198}
.active .bottom,.pna:hover .bottom{display:block}
.pagebody{width:100%;background:#f4f4f4;position:relative;overflow:hidden}
.pep{font-size:32px;text-align:center}
.ppspan{width:19px;height:3px;display:block;margin:auto;background:#003198;margin-top:10px;margin-bottom:9px}
.pnp{font-size:14px;width:100%;text-align:center;color:#b8b7b7}
.pagetitle{margin-top:52px;margin-bottom:63px}
.pediv{width:1400px;margin:auto;position:relative;overflow:hidden}
.pvdiv p{font-size:16px;color:#434242;line-height:34px}
.pvdiv{width:100%}
.pvdiv p{max-width:100%}
.pvdiv img{max-width:100%;vertical-align:middle}
.pvright{width:35.71%;float:right;display:block}
.pvbottom{overflow:hidden;padding-top:50px;position:relative;padding-bottom:60px;margin-left:-8px;margin-right:-8px}
.pmleft{display:block;float:left;width:48.64%}
.pmright{display:block;float:right;width:48.64%}
.pvbottom .pb-item{width:33.33%;float:left;padding:0 8px;box-sizing:border-box}
.pvbottom .pb-item img{max-width:100%}
.pvbb{width:100%}
.pvsix{width:1425px;overflow:hidden;margin:auto}
.pxdiv{width:31.65%;float:left;margin:0 .84%;margin-bottom:22px}
.pvimgs{width:100%;height:294px;display:block;overflow:hidden;position:relative}
.pvimgs:hover .sablack{display:block}
.sgp{font-size:18px;text-align:center;margin-top:10px}
.jcsbp{width:1400px;margin:auto;display:block;font-size:30px;color:#434242;margin-bottom:31px;margin-top:20px}
.pydiv{width:1420px;position:relative;margin:auto;padding-bottom:105px}
.pvs{width:22.53%;margin:0 1.235%;float:left;margin-bottom:30px}
.pvdivs{width:100%;height:500px;display:block;overflow:hidden;position:relative}
.pvpp{text-align:center;color:#434242;width:100%;margin-top:19px}
.swtwo{width:100%;overflow:hidden}
.eightprev{width:60px;height:60px;bottom:-59px;top:auto;margin:auto;outline:0;background:#d0cece}
.eightnext{width:60px;height:60px;bottom:-59px;top:auto;margin:auto;outline:0;background:#d0cece}
.etimg{display:block;margin:auto;margin-top:18px}
.etev{width:50%;max-width:300px; height:60px;position:relative;display:block;left:50%;transform:translate(-50%,0)}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:1;background:#003198}
.sgjia{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.sablack{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.49);top:0;display:none}
.pvdivs:hover .sablack{display:block}
.fangda{width:80%;height:80%;position:fixed;top:10%;left:10%;overflow:hidden;display:none;background:rgba(0,0,0,.49);z-index:3}
.fvimgs{max-height:100%;max-width:100%;position:absolute;object-fit:cover;left:50%;top:50%;transform:translate(-50%,-50%)}
.fvx{width:45px;height:45px;top:0;right:0;position:absolute;color:#fff;font-size:30px;text-align:center;line-height:45px;cursor:pointer;background:#000}
.jcsb{overflow:hidden;padding-bottom:44px}
.svimg{transition:1.4s}
.svimg:hover{transform:scale(1.4)}
@media screen and (max-width:1500px){.pediv{width:90%}
}
@media screen and (max-width:1442px){.pediv{width:90%}
.pvsix{width:90%}
.pydiv{width:90%}
.jcsbp{width:90%}
}
@media screen and (max-width:1400px){.pvdivs{height:360px}
}
@media screen and (max-width:1300px){.pvdivs{height:330px}
}
@media screen and (max-width:1024px){
    .pvdiv p{font-size:16px;line-height:28px}
.pagetitle{margin-top:40px;margin-bottom:40px}
.pvdivs{height:280px}
.fangda{width:70%;height:70%;top:15%;left:15%}
.eightprev{padding:10px;width:50px;height:50px}
.eightnext{padding: 10px;width:50px;height:50px}
.etimg{margin-top: 12px;}
}
@media screen and (max-width:768px){
.pagetitle{margin-top:30px;margin-bottom:30px}
.pvimgs{height:230px}
.pvdivs{height:200px}
}
@media screen and (max-width:450px){.pagebody{margin-top:0}
.pna{font-size:14px;font-weight:700}
.pep{font-size:20px;font-weight:700}
.ppspan{margin-top:5px;margin-bottom:5px}
.pagetitle{margin-top:20px;margin-bottom:20px}
.pvdiv{width:100%}
.pvright{width:100%;margin-top:20px}
.pmleft{width:100%;margin-bottom:20px}
.pmright{width:100%}
.pvbottom{padding-top:20px;padding-bottom:20px}
.pxdiv{width:48%;margin:0 1%;margin-bottom:15px}
.pvimgs{height:140px}
.sgp{font-size:16px}
.jcsbp{font-size:20px;font-weight:700}
.pagebottom{padding-bottom:10px}
.pvs{width:23%;margin:0 1%;margin-bottom:20px}
.pvdivs{height:129px}
.pvpp{font-size:15px;display:none}
.eightprev{padding:10px;width:30px;height:30px}
.eightnext{padding: 10px;width:30px;height:30px}
.etimg{margin-top:5px;width: 12px;}
.pydiv{padding-bottom:40px}
.eightnext{bottom:-10px}
.eightprev{bottom:-10px}
.fangda{width:80%;height:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.jcsb{padding-bottom:22px}
}
@media screen and (max-width:375px){.pvdivs{height:117px}
.pna{font-size:12px}
}
@media screen and (max-width:360px){.pvdivs{height:112.5px}
}
@media screen and (max-width:320px){.pvdivs{height:99px}
.pna{font-size:11px}
}
.cx-history-01{padding:60px 0;clear:both;overflow:hidden;background:#fff}
.cx-history-01 .list{position:relative;padding-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden}
.cx-history-01 .list:after{display:block;position:absolute;z-index:1;left:50%;top:0;width:1px;height:100%;content:"";background:#e0e0e0}
.cx-history-01 .list .item{position:relative;z-index:9;width:50%;margin:50px 0;box-sizing:border-box}
.cx-history-01 .list .item:after{display:block;position:absolute;z-index:9;top:15px;width:10px;height:10px;content:"";background:#003198;border-radius:50%;animation:scale 2s infinite}
.cx-history-01 .list .item:before{display:block;position:absolute;z-index:9;top:18px;width:80px;height:1px;content:"";background:#e0e0e0}
.cx-history-01 .list .item .text{padding:0 10px; overflow:hidden;}
.cx-history-01 .list .item .text em{display:block;font-size:30px;color:#333;font-family:"DIN Medium"}
.cx-history-01 .list .item .text p{font-size:16px;color:#666;line-height:1.75}
.cx-history-01 .list .item .pic{margin-top:20px;padding:0 10px;overflow:hidden}
.cx-history-01 .list .item .pic img{display:inline-block;width:100%;max-width: 400px;}
.cx-history-01 .list .item:nth-child(2n){padding-left:100px;text-align:left;animation:fadeInRight 1s}
.cx-history-01 .list .item:nth-child(2n):after{right:calc(100% - 5px)}
.cx-history-01 .list .item:nth-child(2n):before{left:0}
.cx-history-01 .list .item:nth-child(odd){margin-top:-50px;padding-right:100px;text-align:right;animation:fadeInLeft 1s}
.cx-history-01 .list .item:nth-child(5){margin-top:-20px}
.cx-history-01 .list .item:nth-child(odd):after{left:calc(100% - 5px)}
.cx-history-01 .list .item:nth-child(odd):before{right:0}
@media(max-width:1440px){.cx-history-01{padding:50px 0}
}
@media(max-width:768px){.cx-history-01{padding:30px 10px}
.cx-history-01 .list{padding-top:0}
.cx-history-01 .list:after{left:15px}
.cx-history-01 .list .item{width:100%;margin:10px 0!important;padding-left:50px!important;padding-right:20px !important;text-align:left!important;animation:fadeinB 1s!important}
.cx-history-01 .list .item:after{top:12px;left:10px!important;right:unset!important}
.cx-history-01 .list .item:before{top:17px;width:30px;left:15px!important;right:unset!important}
.cx-history-01 .list .item .text em{font-size:24px}
.cx-history-01 .list .item .text p{font-size:16px}
.cx-history-01 .list .item .pic img{width:100%}
}