@media(min-width:1921px ) and (max-width:2560px){
    html {
        font-size: 13.333333px ; 
    }
}
@media(min-width:1600px){
    .container{
        width:147rem;
    }
}
html {
    font-size: 10px ; 
}
.topbig{
    display: flex;
    justify-content: space-between;
    padding:2rem 0; 
    align-items: center;
}
.menu i{
    display: none;
}
.menu ul li {
    padding:0 3.2rem;
    position: relative;
    font-size: 1.8rem;
    line-height: 6.5rem;
}
.menu ul li dl {
    background-color: rgba(255, 255, 255, .96);
    position: absolute;
    left: -25%;
    top: 100%;
    z-index: 999;
    -webkit-transform: scale(.8) rotateY(
30deg
);
    -ms-transform: scale(.8) rotateY(30deg);
    -o-transform: scale(.8) rotateY(30deg);
    transform: scale(.8) rotateY(
30deg
);
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    box-sizing: border-box;
    -webkit-transform-origin: center 0;
    -moz-transform-origin: center 0;
    -ms-transform-origin: center 0;
    -o-transform-origin: center 0;
    transform-origin: center 0;
    box-shadow: 5px 5px 0 rgb(0 0 0 / 15%);
    transition: .5s;
    width: 150%;
}
.menu ul li:nth-child(3) dl,.menu ul li:nth-child(5) dl{
    width: 150%;
    left: -25%;
}
.menu ul li:hover>dl {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    transition: .5s;
}
.menu ul li dl dd {
    color: #fff;
    line-height: 3rem;
    font-size: 1.4rem;
    cursor: pointer;
    text-align: left;
    padding: 0 1.5rem;
}
.menu ul li>dl dd a:before, .menu ul li>dl dd:hover>a:before {
    content: '';
    display: block;
    width: 4px;
    height: 30%;
    background-color: #2660ac;
    position: absolute;
    left: -1.5rem;
    top: 40%;
    opacity: 0;
    transition: .5s;
    filter: alpha(opacity=0);
}
.menu ul li dl dd a:hover:before, .menu ul li dl dd:hover>a:before {
    top: 50%;
    margin-top: -1rem;
    height: 2rem;
    opacity: 1;
    transition: .5s;
    filter: alpha(opacity=100);
}
.menu ul li dl dd a {
    display: block;
    line-height: 1.8rem;
    padding: 0.8rem 0;
    font-size: 1.4rem;
    position: relative;
    color: #333;
    border-bottom: 1px solid #f6f6f6;
    text-align: center;
}
.menu ul li a{
    color:#fff;
    transition:color .5s;
    position: relative;
}
.menu ul li>a:after {
    content: "";
    width: 0;
    height: 4px;
    display: block;
    background: #2660ac;
    transition:color .5s;
    position: absolute;
    bottom: -1rem;
}
.menu ul li:hover>a:after {
    width: 100%;
}
.menu ul li.hover>a:after {
    width: 100%;
}
.menu ul li a:hover,.menu ul li.hover>a{
    color:#2660ac;
    transition:color .5s;
}
.menu ul{
    display: flex;
    justify-content: space-between;
}
.gongju {
    position: relative;
    display: flex;
}
.gongju ol li {
    line-height: 3.4rem;
    color: #363a42;
    font-size: 1.6rem;
    cursor: pointer;
    margin-left: 1.5rem;
    border-left: 1px solid #d9d9d9;
}
.gongju ol li:first-child {
    border-left: 0px solid #d9d9d9;
}
.gongju ol li:last-child{
    padding-left: 2.2rem;
}
.gongju ol li span {
    display: block;
    background: url(../images/xhjt.png) center right no-repeat;
    background-size: 0.8rem;

}
.gongju ol li span p {
    font-size: 1.8rem;
    background: url(../images/diqiu.png) 0 center no-repeat;
    padding-left: 2.8rem;
    padding-right: 2rem;
    text-align: center;
    background-size:2.4rem;

}
.gongju ol li:last-child span p {
    font-size: 1.8rem;
    background: url(../images/fdj.png) 0 center no-repeat;
    padding-left: 2.8rem;
    padding-right: 2rem;
    background-size:1.8rem;
    text-align: center;
}
.gongju ol li:not(.search) span:hover small {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}
.gongju ol li span small {
    width: 8.6rem;
    position: absolute;
    left: calc(1.6vw - 28px);
    top:3.6rem;
    background: #2660ac;
    z-index: 12;
    box-shadow: 0px 0px 11px 6px rgb(0 0 0 / 10%);
    border-radius: 4px;
    padding: 0.5rem 0px;
    opacity: 0;
    visibility: hidden;
}
.gongju ol li span small:before {
    width: auto;
    content: "";
    border-left: 0.7rem transparent solid;
    border-right: 0.7rem transparent solid;
    border-bottom: 0.7rem #2660ac solid;
    position: absolute;
    left: 3.5rem;
    top: -0.7rem;
}
.gongju ol {
    display: flex;
    padding: 0;
    align-items: center;
    margin: 0;
}
.gongju ol li span p:hover{
    color:#2660ac;
}
.gongju ol li span small a{
    color:#fff;
    display: block;
    text-align: center;
}
.gongju ol li span small a:hover{
    background:#ff424f
}
.gongju ol li:first-child:hover span p{
    background: url(../images/diqiuh.png) 0 center no-repeat;
    color:#2660ac;
    background-size:2.4rem;
}
.gongju ol li:hover span {
    display: block;
    background: url(../images/xhjth.png) center right no-repeat;
    background-size: 0.8rem;
}
.gongju ol li:last-child:hover span p{
    background: url(../images/fdjh.png) 0 center no-repeat;
    color:#2660ac;
    background-size:1.8rem;
}
#banner{
    height: 100vh;
}
.bannerwen{
    position:absolute;
    font-size:3.4rem;
    line-height: 4.9rem;
    color:white;
    opacity: 0;
    transition-duration: 1.6s;
    transition-delay: .8s;
    -webkit-transition-duration:1.6s;
    -webkit-transition-delay: .8s;
    left: 15.1rem;
    top: 65%;
}
.banner .bannerwen img{
    filter: brightness(100) grayscale(100%);
    width: 14rem;
    transform: translateX(-3rem);
}
#banner .swiper-slide-active .bannerwen{
    animation: fadeInRight 1.6s .8s forwards 1;;
    -webkit-animation: fadeInRight 1.6s .8s forwards 1;;
}
#banner .swiper-slide-active .bannerwen{
    opacity: 1;
}

#banner .swiper-slide-active .bannerwen1 {
    animation: fadeInLeft 1s .8s forwards 1; /* 添加了 animation-fill-mode 和 animation-iteration-count */
    -webkit-animation: fadeInLeft 1s .8s forwards 1; /* 添加了 animation-fill-mode 和 animation-iteration-count */
}
#banner .swiper-slide-active .bannerwen1{
    opacity: 1;
}
.bannerwen2 {
    position: absolute;
    font-size: 72px;
    color: white;
    text-shadow: 2px 3px 10px rgba(0,0,0,.2);
    top: 73%;
    left: 75%;
    opacity: 0;
    transition-duration: 1.6s;
    transition-delay: .8s;
    transform: translate(-50%, 0);
    word-break: keep-all;
    text-align: right;
    font-weight: 300;
}
.bannerwen3 {
    position:absolute;
    font-size:72px;
    color:white;
    top:50%;
    left: 200px;
    opacity: 0;
    transition-duration: 1.6s;
    transition-delay: .8s;
    font-weight: 300;
    transform: translate(0px, -50%);
    text-shadow: 2px 3px 10px rgba(0,0,0,.2);
}
#banner .swiper-slide-active .bannerwen2{
    animation: fadeIn 1s .8s;
    -webkit-animation: fadeIn 1s .8s;
}
#banner .swiper-slide-active .bannerwen2{
    opacity: 1;
}
#banner .swiper-slide-active .bannerwen3{
    animation: fadeIn 1s .8s;
    -webkit-animation: fadeIn 1s .8s;
}
#banner .swiper-slide-active .bannerwen3{
    opacity: 1;
}
#banner .swiper-slide span{
    display: flex;
    font-size:28px;
    font-family:AvantGardeITCbyBT-Bold;
    position:absolute;
    left:7%;
    bottom:40px;
    color:white;
    animation: fadeIn 1s .8s;
    -webkit-animation: fadeIn 1s .8s;
    opacity: 0;
    transition-duration: 1.6s;
    transition-delay: .8s;
}
#banner .swiper-slide-active span{
    opacity: 1;
}

#banner .swiper-wrapper{
    height: 100% !important;
}
#banner video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.spanyanse{
    color:#2660ac;
}
#banner .swiper-pagination{
    position:absolute;
    left:7%;
    bottom:3rem;
    text-align: left;
}
#banner .swiper-pagination-bullet{
    width: 3rem;
    height: 0.3rem;
    border-radius: 0%;
    margin: 0 0.6rem;
}
#banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #2660ac;
}
.banner{
    margin-bottom:2rem;
    height: 100vh;
}
.syfl .col-md-6{
    margin-bottom: 2rem;
    padding: 0 1rem;
}
.syfl .col-md-6:nth-child(5),.syfl .col-md-6:nth-child(6){
    margin-bottom:0;
}
.sycxztbt{
    font-size:4.2rem;
    color:white; 
    position:absolute;
    left:15.1rem;
    top:9.4rem;
    z-index: 99;
}
.djts{
    margin: 0 auto;
    width: 31.5rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#000;
    background:rgba(255,255,255,.71);
    border-radius: 30px;
    position:absolute;
    left:50%;
    bottom:10rem;
    transform: translate(-50%, 0px);
    overflow: hidden;
}
.sycxzt .hvr-rectangle-out:before {

    background: #2660ac;

}
.sycxzt {
    height: calc(100vh - 10rem);
}

#cxzt .swiper-pagination {
    z-index: 999;
    top: 20%;
    left: 9%;
    display: flex;
    flex-direction: column;
    width: 50rem;
}
#cxzt .swiper-pagination-bullet{
    width:auto;
    height: auto;
    color:white;
    font-size:1.8rem;
    background:transparent;
    opacity:1;
    padding:1.3rem 2rem;
    border-left:1px solid rgba(255,255,255,.2);
    text-align: left;
    border-radius: 0;
}
#cxzt .swiper-pagination-bullet-active{
    font-weight: bold;
    border-left:1px solid rgb(255,255,255);
}
#cxzt{
    background:url(../images/cxzt.jpg);
    background-size:cover;
    height:100%;
}
#cxzt .swiper-slide{
    height: 100% !important;
}

.syfl{
    padding:3rem 0;
    overflow: hidden;
}
.syflwen{
    font-size:2.4rem;
    font-weight: bold;
    color:white;
    position:absolute;
    left: 2.7rem;
    bottom:2.7rem;
}
.syfltu{
    overflow: hidden;
}
.syfltu img {
    width: 100%;
    transition: .8s;
    z-index: 1;
}

.syfl .col-md-4:hover .syfltu img{
    transform: scale(1.1);
    z-index: 2;
}

footer  {
    background:#252525;
    padding:5rem 0 5rem;
}
.banner img{
    width: 100%;
}
.sycxzt img {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    object-fit: cover;
    object-position: 0 80%;
}
.dibuxinxi{
    width: 92%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.dibubt{
    font-size:2rem;
    margin-bottom:3.5rem;
    color:white;
}
.dibulbbig{
    display: flex;
    justify-content: space-between;
    width: 85%;
}
.diburight{
    width:10%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.diburight img{
    width: 11rem;
}
.dibulb ul li a{
    color:rgba(255,255,255,.4);
    font-size:1.6rem;
    display: block;
    margin-bottom:2rem;
    transition: .5s;
}
.dibulb ul li:last-child a{
    margin: 0;
}
.dibulb ul li a:hover{
    color:rgba(255,255,255,1);
    transition: .5s;
}
.dibudianhua{
    font-size:3.4rem;
    font-family:DINCond-Bold;
    color:white;
    line-height: 100%;
    margin-bottom:3rem;
}
.dibudianhua a{
    color:white;
    transition: .5s;
}
.dibudianhua a:hover{
    color:#2660ac;
    transition: .5s;
}
.diburight .dibubt{
    margin-bottom:2rem;
}
.dibutubiao{
    width: 92%;
    margin: 0 auto;
    display: flex;
    padding-bottom:2rem;
    border-bottom:1px solid rgba(255,255,255,.3);

}
.dibutubiao a{
    margin-right: 1.6rem;
}
.dibubanquan{
    width: 92%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-top:4rem;
    color:rgba(255,255,255,.4);
}
.dibubanquan a{
    color:rgba(255,255,255,.4);
}
.dibubanquan a:hover{
    color:rgba(255,255,255,1);
}
.nybannerwen{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    color:white;
    font-size:4.6rem;
    letter-spacing: 0.5rem;
    text-align: center;
    width: 100%;
}
.nybanner{
    position: relative;
    margin-top: 16rem;
}
.nybanner img{
    width: 100%;
}
.casebanner img{
    height: 40rem;
    object-fit: cover;
    object-position: center;
}
.neiyedh{
    width: 100%;
    overflow: hidden;
    background: #fff;
    height: 6rem;
    line-height: 6rem;
    position: fixed;
    left: 0;
    top: 10rem;
    z-index: 98;
    box-sizing: border-box;
    padding: 0 5rem;
    box-shadow: 0 2px 12px 5px rgb(0 0 0 / 2%);
    display: flex;
    justify-content: space-between;
    padding: 0 2.4% 0 7.8%;
}
.neiyedhleft{
    display: flex;
    justify-content: space-between;
}
.neiyedhleft a{
    display: flex;
    align-items: center;
    color:#1d2129;
}
.neiyedhleft a::after{
    content:">";
    margin-left: 2.8rem;
    padding-right: 3.1rem;
}
.neiyedhleft a:last-child:after{
    content:"";
}
.neiyedhleft a:hover{
    color:#2660ac;
}
.home span{
    width: 1.7rem;
    height: 1.6rem;
    background:url(../images/home.png?v=1) bottom;
    transition: .5s;
    background-size:100%;
}
.neiyedhleft a:hover span{
    background:url(../images/home.png?v=1) top;
    transition: .5s;
    background-size:100%;
}
.neiyedhright ul li{
    float: left;
    margin-right: 4.6rem;
}
.neiyedhright ul li a{
    color: #1d2129;

    position: relative;
}
.neiyedhright ul li a:after{
    content: "";
    width: 0;
    height: 4px;
    display: block;
    background: #2660ac;
    transition: width .5s;
    position: absolute;
    top: 3.6rem;
}
.neiyedhright ul li a.hover:after{
    width: 100%;
}
.neiyedhright ul li a:hover:after{
    width: 100%;
}
.hmmx{
    background:url(../images/zhizaonengli.jpg) no-repeat center right;
    height: calc(100vh - 16rem);
    background-size:cover;
}
.hmmxbt{
    font-size:5rem;
    margin-bottom:5rem;
    line-height: 4.6rem;
    font-weight: bold;
}
.zhizaobig .hmmxfbt {
    font-size:3rem;
    line-height: 200%;
    color:#fff;
    position: absolute;
    bottom: -5%;
    left: 0;
    transform: translate(0, -50%);
    width:100%;
    text-align: center;
}
.hmmxfbt{
    font-size:1.6rem;
    font-weight: bold;
    line-height: 200%;
}
.hmmx section{
    color:#4e5969;
    line-height: 200%;
}
.hmmxqc{
    display: flex;
    justify-content: space-between;
}
.hmmxqcl{
    width: 50%;
    position:relative;
}
.hmmxqcr{
    width: 50%;
    position:relative;
}
.hmmxqc p{
    position:absolute;
    left: 50%;
    bottom:2rem;
    font-size:1.6rem;
    transform: translate(-2rem,-50%);
}
.hmzn{
    padding:5.7rem 0 5.7rem;
}
.hmznbt{
    font-size:5rem;
    font-weight: bold;
    margin-bottom:8rem;
}
.hmznjs ul{
    display: flex;
    flex-wrap: wrap;
}
.hmznjs ul li{
    width: 24%;
    margin-right: 1%;
    margin-bottom:2.1rem;
    text-align: center;
}
.hmznjswen h2{
    font-size:2rem;
    margin:2rem 0 1rem;
    font-weight: bold;
}
.hmznjswen p{
    font-size:1.6rem;
    line-height: 168.75%;

    color:#333;

}
.hmznjstu{
    position:relative;
}
.hmznjswen{
    width: 100%;
    color:#2660ac;
    text-align: center;
}
.hmznjstu img {
    width: 100%;
    transition: 0.5s;
    z-index: 1;
}
.hmznjstu:hover img {
	transform:scale(1.2);
}
.hmznjstu{
    overflow: hidden;
}
.qlh{
    position: relative;
}
.qlh img{
    width:100%;
}
.qlhwz section{
    text-indent: 2em;
    font-size:1.8rem;
    color:white;
}
.qlhwz{
    width: 30%;
    line-height: 200%;
    position:absolute;
    top:50%;
    left:6%;
    transform: translate(0px, -50%);
}
.qlhwz h2{
    color:white;
    font-size:5rem;
    margin-bottom:3rem;
}
.cailiao h2{
    font-size:5rem;
    text-align: center;
    margin-bottom:5.5rem;
    padding-top:5.5rem;
}

.cailiaorightsz{
    font-size:4rem;
    background-image:linear-gradient(to right, #02c6fe , #0387fe);
    -webkit-background-clip: text;
    color:transparent;
    display: flex;
    align-items: flex-start;
    line-height: initial;
    width: 50%;
}
.cailiaorightsz img{
    margin-top:2rem;
}
.cailiaoright ul li{
    display: flex;
    align-items: center;
    background:#fff;
    padding:2rem;
}
.cailiaoright{
    width: 30%;
}
.cailiaoleft {
    width: 23%;
}
.cailiaobig{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom:5.5rem;
}
.cailiaorightwen{
    font-size:2.2rem;
    color:#4e5969;
    line-height: 186.363636%;
}
.cailiaorightsz{
    justify-content: flex-start;
    border-right:1px solid rgba(0,0,0,.05);
    font-weight: bold;
}
.cailiaorightwen{
    padding-left: 3.5rem;
}
.cailiao{
    position:relative;
    overflow: hidden;
}
.jxqddb{
    background:#f1f4f9;
    padding:6.1rem 0 4.8rem;
}
.jxqddb h2{
    font-size:5rem;
    text-align: center;
    margin-bottom:4.6rem;
}
.jxqdbig{
    display: flex;
}
.jxqdbig ul{
    width: 25%;
   
}

.jxqdbig ul:first-child li{
    background:rgba(97,122,160,.27);
    color:white;
    border-radius: 10px 0 0 10px;
    padding:1.7rem 0;
    padding-left: 1.7rem;
    font-size:1.8rem;
    margin-bottom:1.5rem;
    margin-top:1.5rem;
}

.jxqdbig ul:first-child li:first-child{
    font-size:2.4rem;
    font-weight: bold;
}
.jxqdbig ul:nth-child(3){
    z-index: 3;
}
.jxqdbig ul:nth-child(2) li{
    background-image: linear-gradient(to left, #02c6fe , #0387fe);
    text-align: center;
    padding: 2.7rem  0;
    color:white;
    font-size:1.8rem;
    border-bottom:1px solid rgba(0,0,0,.05)
}
.jxqdbig ul:nth-child(2) li:first-child{
    background-image: linear-gradient(to right, #02c6fe , #0387fe);
    border-radius: 10px 10px 0 0;
}
.jxqdbig ul:nth-child(2) li:last-child{
    border-radius: 0px 0px 10px 10px;
}
.jxqdbig ul:nth-child(3) li{
    background:white;
    text-align: center;
    padding: 2.6rem  0;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
    font-size:1.8rem;
}
.jxqdbig ul:nth-child(3) li:first-child{
    background:#f8faf8;
    border-radius: 10px 10px 0 0;
}
.jxqdbig ul:nth-child(3) li:nth-child(n+2){
    border-bottom:1px solid rgba(0,0,0,.05)
}
.jxqdbig ul:nth-child(4) li:first-child{
    background:#f8faf8;
    border-radius: 10px 10px 0 0;
}
.jxqdbig ul:nth-child(4) li:nth-child(n+2){
    border-bottom:1px solid rgba(0,0,0,.05)
}
.jxqdbig ul:nth-child(4) li{
    background:white;
    text-align: center;
    padding: 2.6rem  0;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
    font-size:1.8rem;
}
.jxqddb p{
    text-align: center;
    margin-top:3.3rem;
    font-size:2.2rem;
    color:#4e5969;
}
.csqlh{
    padding:7.6rem 0 3.9rem;
    background:url(../images/qlh.png) no-repeat;
    background-size:cover;
}
.csqlhbt{
    font-size:5rem;
    text-align: center;
    margin-bottom: 4.6rem;
}
.csqlh p{
    text-align: center;
    margin-top:3.3rem;
    font-size:2.2rem;
    color:#4e5969;
}
.hpdb{
    margin-top: 16rem;
    background:url(../images/hbdb.jpg) no-repeat;
    background-size:cover;
}
.hpdbbig{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 86%;
    margin: 0 auto;
}
.bpdbleft{

    width: 35%;
}
.hpdbright{
    width: 53%;
}
.hpdb{
    padding:12.5% 0;
    position:relative;
}
.hpdb section{
    color:white;
    position:absolute;
    left:10%;
    bottom:14%;
    font-size:1.8rem;
}
.hpdb section h2{
    font-size:2.8rem;
    font-weight: bold;
    margin-bottom:2rem;
}
.mkh{
    background:url(../images/mkhbg.jpg) no-repeat;
    background-size:cover;

}
.mkhbig{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    margin: 0 auto;
    
}
.overlay  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
}
.mkhleft{
    position: relative;

    
}
.mkh {
    padding: 15% 0 7%;
    position: relative;
}
.mkhbig section {
    color: white;
    position: absolute;
    left: 10%;
    bottom: 8%;
    font-size: 1.8rem;
}
.mkhbig section h2 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
.dzh {
    background: url(../images/dzhbg.jpg) no-repeat;
    background-size: cover;
    padding: 16% 0 ;
    position:relative;
}
.dzhtu img{
    margin: 0 auto;
    width: 90%;
}
.dzh section{
    color: white;
    position: absolute;
    left: 10%;
    bottom: 8%;
    font-size: 1.8rem;
}
.dzh section h2 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
.hmjsbig{
    display: flex;
    justify-content: space-between;
}
.hmjsleft{
    width: 47%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hmjsright{
    width: 48%;
}
.hmjsright img{
    width: 100%;
}
.hmjsbt h2{
    font-size:3.2rem;
    font-weight:bold;
    margin-bottom:1rem;
}
.hmjsbt h3{
    font-size:2.9rem;
    color:#e8eaed;
    font-weight:bold;
}
.hmjsleft section{
    line-height: 200%;
    font-size:1.4rem;
    color:#4e5969;
}
.hmjsleft section p{
    margin-bottom:2rem;
}
.hmjs{
    padding:5.7rem 0 5.7rem;
}
.hmpp{
    padding:5.7rem 0 5.7rem;
}
.hmppbt{
    text-align: center;
    background:#f8fbff;
    padding:4.8rem 0 ;
}
.hmppbt p{
    text-align: left;
    line-height: 200%;
}
.hmppbt h2{
    font-size: 2.5rem;
    font-weight: bold;
    color: #333;
    width: 65%;
    margin: 0 auto;
    line-height: 200%;
}
.hmppbt h3{
    font-size:2.9rem;
    font-weight: bold;
    color:#e8eaed;
}
.hmpp ul li{
    display: flex;
    align-items: center;
    position:relative;
    justify-content: center;
}
.hmpp ul li section{
    position:absolute;
    right: 5%;
    width: 52rem !important;
}

.hmpp ul li section h2{
    font-size:3.5rem;
    font-weight: bold;
    border-bottom:1px solid #eaeaea;
    padding-bottom:1.6rem;

}
.hmpp ul li section{
    font-size:1.9rem;
    line-height: 185%;
}


.hmpp ul li section {
    font-size: 1.9rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
}

.hmppnr{
    padding-top:1.6rem;
}
.hmpp ul li:nth-child(2) section{
    position:absolute;
    left: 5%;
    text-align: right;
    right: auto;
    padding:6rem 0;
}
.hmpp ul li section {
    justify-content: flex-end;
    align-items: flex-end;
}
.hmpp ul li:hover section .hmppnr{
    color:#0176ee;
    border-top:1px solid #0176ee;
    width: 100%;
    transition: .5s;
}
.hmpp ul li:hover section h2{
    color:#0176ee;
    border-bottom:3px solid #0176ee;
}
.hmpp ul li:nth-child(odd) section  {
    justify-content: flex-start;
    align-items: flex-start;
    padding:6rem 0;
}
.hmpptu{
    position: relative;
}
.hmpptu img{
    width:32.5rem;
    height:35.8rem;
}
.hmpptu img:last-child{
    position:absolute;
    left:0;
    opacity: 0;
    transition: .5s;
}
.hmpp ul li:hover .hmpptu img:last-child{
    opacity: 1;
    transition: .5s;
}
.fwzcnr{
    width: 85%;
    margin: 0 auto;
    padding:9.6rem 0 5.1rem;
}
.hmpp ul li:first-child:hover section{
    background:url(../images/01.png) no-repeat;
    background-size:50%; 
}
.hmpp ul li:nth-child(2):hover section{
    background:url(../images/02.png) no-repeat right;
    background-size:50%;
}
.hmpp ul li:nth-child(3):hover section{
    background:url(../images/03.png) no-repeat;
    background-size:50%;
}
.fwzcnr ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fwzcnr ul li{
    width: 19%;
    box-shadow:1px 1px 10px rgba(0,0,0,.1);
    margin-bottom:1.8rem;
    transition: .5s;
    padding:0 2rem;
}
.fwzcnr ul li img{
    width: 8rem;
}
.fwzcnrtu{
    position:relative;
}
.fwzcnrtu img{
    margin: 0 auto;
}
.fwzcnrtu img:last-child{
    position:absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
}
.fwzcnrtu{
    margin:5rem 0 2.6rem;
}
.fwzcbt{
    font-size:2rem;
    text-align: center;
}
.fwzcbt{
    margin-bottom:5.2rem;
}
.fwzcnrx{
    text-align: center;
}
.fwzcnrtu img:last-child{
    opacity: 0;
}
.fwzcnr ul li:hover{
    background:#2660ac;
    transition: .5s;
    color:white;
}
.fwzcnr ul li:hover img:first-child{
    opacity: 0;
    transition: .5s;
}
.fwzcnr ul li:hover img:last-child{
    opacity:1;
    transition: .5s;
}
.lxwm{
    padding:5vh 0;
}
.lxwmbt{
    font-size:4.6rem;
    font-weight: bold;
    margin-bottom:3.5rem;
}
.lxwmleft ul li{
    display: flex;
    align-items: center;
    margin-bottom:2.5rem;
}
.lxwmleft ul{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.lxwmtu{
    margin-right:1.1rem;
    width: 7rem;
}
.lxwmtu img{
    width: 7rem;
}
.lxwmwen{
    width: calc(100% - 7rem);
}

.lxwmwen h2{
    font-size:1.4rem;
    color:#737a84;
    margin-bottom:1.2rem;
}
.lxwmwen a{
    color:#333;
    transition:color .5s;
}
.lxwmwen a:hover{
    color:#2660ac;
    transition:color .5s;
}
.lxwmbig{
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
}
.lxwmleft{
    padding:7.1rem 0 5.7rem 2.7rem;
    width: 30%;
}
.lxwmbig{
    display: flex;
    justify-content: space-between;
}
.lxwmright{
    width: 70%;
}
.zxly h3{
    font-size:1.8rem;
    margin-top:2rem;
}
.kk3{
    width: 49.3%;
    overflow: hidden;
    height: 6rem;
    line-height: 6rem;
    box-sizing: border-box;
    margin-top: 2.4rem;
    border: 1px #e6e6e6 solid;
    padding: 0px 2rem;   
}
.biao{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.kk4{
    width: 100%;
    overflow: hidden;
    height: 19rem;
    padding: 2rem;
    box-sizing: border-box;
    margin-top:2.4rem;
}
.zishu{
    display: flex;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    height: 7.5rem;
    line-height: 7.5rem;
    box-sizing: border-box;
    padding: 0px 2rem;
    font-size: 1.6rem;
    color: #ccc;
}
.anniu2{
    width: 49.3%;
    overflow: hidden;
    height: 6rem;
    line-height: 100%;
    box-sizing: border-box;
    background: #2660ac;
    border:0;
}
.zxly{
    margin-bottom:8.1rem;
}
.yzm{
    width: 49.3%;
    display: flex;
    align-items: center;
}
.yz{
    display: flex;
    justify-content: space-between;
}
.kk5{
    width: 80%;
    overflow: hidden;
    height: 6rem;
    padding: 2rem;
    box-sizing: border-box;
    border-radius:0;
}
.yzm img{
    height: 6rem;
}
.time-list {
    clear: both;
    position: relative;
    width: 50%;
    box-sizing: border-box;
}
.llr {
    padding-left: 10%;
    float: right;
}
.lll{
    padding-right: 10%;
    text-align: right;
}
.time-box{
    position: relative;
    margin-bottom: 1.5rem;
}
.time-item{
    overflow: hidden;
    position: relative;
    z-index: 3;
}

.time-line{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 5%;
    height: 100%;
    z-index: 6;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee; 
}
.time-go{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 0px;
    width: 1px;
    max-height: calc(100% - 9rem);
    border-right: 1px #0076ee dashed;
    z-index: 10;
}
.time-line:before {
    content: attr(data-note);
    position: absolute;
    top: calc(100% + 2rem);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 24rem;
    font-size: 2.4rem;
    text-align: center;
    opacity: 0.5;
}
.time-line:after {
    content: attr(data-note);
    position: absolute;
    top: calc(100% + 2rem);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 24rem;
    font-size: 2.4rem;
    text-align: center;
    opacity: 0.5;
}
.time-go img{
    position: absolute;
    top: calc(100% + 2rem);
    width: 3.6rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 10;
    max-width:inherit
}
.time-list:after {
    content: "";
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    line-height: 100%;
    text-align: center;
    background-color: #eee;
    top: 3.2rem;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.time-list.on:after {
    background: linear-gradient(-90deg, #00c6fb 0%, #005bea 100%);
}
.time-list:nth-child(odd):after{
    right: -0.7rem;
}
.time-list:nth-child(even):after{
    left: -0.7rem;
}
.fzlc{
    padding-bottom:6rem;
}
.time-list h3{
    color:#676767;
    font-size:3rem;
    font-weight: bold;
}
.time-con{
    font-size:1.6rem;
    color:#4e5969;
}
.time-list.on h3{
    color:#0176ee;
}
.xhmbxbt{
    font-size: 4.6rem;
    font-weight: bold;
    position: absolute;
    left: 52%;
    top: 15%;
    transform: translate(-50%,-15%);
    width: 100%;
    text-align: center;
}
.xhmbx{
    margin-top:16rem;
    overflow: hidden;
}
.xhmbxwen{
    font-size:3.6rem;
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translate(-50%,-5%);
}
.xhmbx{
    position:relative;
}
.xhmbx img{
    width: 100%;
}
#nyzt{
    overflow: hidden;
}
.xhmbx #nyzt img{
    width: 40%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -30%);
}
.dingyitu img{
    width: 100%;
}
.shiying img{
    width: 100%;
}

.yidiandian img{
    width: 100%;
}
.dianchi img{
    width: 100%;
}
.yanzhi{
    position:absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.yanzhi h2{
    font-size:11.5rem;
    background-image: linear-gradient(to top, rgba(255,255,255,.3) , rgba(255,255,255,.3));
    -webkit-background-clip: text;
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: initial;
    font-weight:bold;
	font-family:DINCond-Bold;
}
.appearance{
    position: relative;
    height:23rem;
    position: relative;
    background:url(../images/xiaoqiubg.jpg) no-repeat;
    background-size:cover;
}
.dingyi p{
    font-size:6.8rem;
    background-image: linear-gradient(to top, #e6f0ff , #fff);
    -webkit-background-clip: text;
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: initial;
    font-weight:bold;
}
.dingyi{
    position:absolute;
    left: 50%;
    top:80%;
    transform: translate(-50%,-80%);
}
.dingyitu{
    position:relative;
}
.dingyitop ul li:first-child{
    position:absolute;
}

.shansuo dl dt, .shansuo dl dd {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.shansuo dl dd:first-child i, .shansuo dl dt dd:first-child i {
    position: relative;
    width: 3.3rem;
    height: 3.3rem;
    display: block;
    border-radius: 50%;
    background-image: radial-gradient(circle,rgba(0,145,255,.2),rgba(0,145,255,.5));
    animation: roateshow 1s linear infinite;
    -webkit-animation: roateshow 1s linear infinite;
}
.shansuo dl dd:last-child i, .shansuo dl dt dd:last-child i {
    position: relative;
    width: 3.3rem;
    height: 3.3rem;
    display: block;
    border-radius: 50%;
    background-image: radial-gradient(circle,rgba(0,145,255,.2),rgba(0,145,255,.5));
    animation: roateshow1 1s linear infinite;
    -webkit-animation: roateshow1 1s linear infinite;
}
.element.active .shansuo dl dd:first-child i, .shansuo dl dt dd:first-child i {
    position: relative;
    width: 3.3rem;
    height: 3.3rem;
    display: block;
    border-radius: 50%;
    background-image: radial-gradient(circle,rgba(255,0,86,.2),rgba(255,0,86,.5));
    animation: roateshow 1s linear infinite;
    -webkit-animation: roateshow 1s linear infinite;
}
.element.active .shansuo dl dd:last-child i, .shansuo dl dt dd:last-child i {
    position: relative;
    width: 3.3rem;
    height:3.3rem;
    display: block;
    border-radius: 50%;
    background-image: radial-gradient(circle,rgba(255,0,86,.2),rgba(255,0,86,.5));
    animation: roateshow1 1s linear infinite;
    -webkit-animation: roateshow1 1s linear infinite;
}
.yuan{
    background:#0091ff;
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 100%;
}
.element.active .yuan{
    background:#ff0056;
}
#triggers li:first-child{
    position: absolute;
    left: 28%;
    top: 23%;
}
#triggers li:nth-child(2) {
    position: absolute;
    left: 46%;
    top: 51%;
}
#triggers li:nth-child(3) {
    position: absolute;
    left: 50%;
    top: 40%;
}


#triggers li:nth-child(4) {
    position: absolute;
    left: 70%;
    top: 22%;
}
.shansuo{
    position: absolute;
    left: 50%;
    top: 50%;
}

.shiying{
    position:relative;
}
@keyframes roateshow1
{
	0% {transform: scale(0);opacity: 0;}
	50% {transform: scale(3);opacity: 1;}
	100% {transform: scale(6);opacity: 0;}
}
@-webkit-keyframes roateshow1
{
	0% {transform: scale(0);opacity: 0;}
	50% {transform: scale(3);opacity: 1;}
	100% {transform: scale(6);opacity: 0;}
}
@keyframes roateshow
{
	0% {transform: scale(0);opacity: 0;}
	50% {transform: scale(2);opacity: 1;}
	100% {transform: scale(4);opacity: 0;}
}
@-webkit-keyframes roateshow
{
	0% {transform: scale(0);opacity: 0;}
	50% {transform: scale(2);opacity: 1;}
	100% {transform: scale(4);opacity: 0;}
}
.targetss{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.targetss img{
    width: 30%;
}
#targets{
    position:absolute;
    bottom:10%;
    width: 62.5%;
    background:white;
    border-radius: 15px;
    left: 50%;
    transform: translate(-50%, 0px);
    padding:2.4rem 3.3rem;
}
.xjjw{
    padding-left: 5.3rem;
}
.xjjw h3{
    font-size:2.2rem;
    font-weight: bold;
    margin-bottom:3.7rem;
}
.xjjw p{
    font-size:1.8rem;
    line-height: 200%;
}

#triggers1 li:first-child {
    position: absolute;
    top: 24%;
    right: 25%;
}
#triggers1 li:nth-child(2) {
    position: absolute;
    left: 56%;
    top: 18%;
}
#triggers1 li:nth-child(3) {
    position: absolute;
    left: 54%;
    top: 28%;
}
#triggers1 li:nth-child(4) {
    position: absolute;
    left: 78%;
    top: 53%;
}
#triggers1 li:nth-child(5) {
    position: absolute;
    left: 10%;
    top: 52%;
}
.targetss1 .xjjw{    
    position: absolute;
    bottom: 5%;
    width: 62.5%;
    background: white;
    border-radius: 15px;
    left: 50%;
    transform: translate(-50%, 0px);
    padding: 2.4rem 3.3rem;
    text-align: center;

}
#targets1 .xjjtw{
    position: absolute;
    left: 10%;
    top: 50%;
    padding:1rem;
    background:rgba(0,0,0,.8);
    border-radius: 20px;
    width: 25%;
    z-index: 1;
}
#targets1 .xjjtw::before {
    content: "";
    position: absolute;
    top: 33%;
    left: -1.9rem;
    border-width: 1rem;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,0.5) transparent;
    transform: rotate(-90deg);
}
#targets1 .xjjtw::after {
    content: "";
    position: absolute;
    top: 33%;
    left: -1.9rem;
    border-width: 1rem;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,0.5) transparent;
    transform: rotate(-90deg);
}

#targets1 #target2 .xjjtw:after{
    content: "";
    position: absolute;
    bottom: 57%;
    right: -2.9rem;
    left: auto;
    border-width: 1.5rem;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,.8) transparent;
    transform: rotate(90deg);
    top: auto;
}
#targets1 #target2 .xjjtw:before{
    content: "";
    position: absolute;
    bottom: 57%;
    right: -2.9rem;
    left: auto;
    border-width: 1.5rem;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,.8) transparent;
    transform: rotate(90deg);
    top: auto;
}

#targets1 #target3 .xjjtw::after{
    content: "";
    position: absolute;
    bottom: 75%;
    right: -2.9rem;
    left: auto;
    border-width: 1.5rem;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,.8) transparent;
    transform: rotate(90deg);
    top: auto;
}
#targets1 #target3 .xjjtw::before{
    content: "";
    position: absolute;
    bottom: 75%;
    right: -2.9rem;
    left: auto;
    border-width: 1.5rem;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,.8) transparent;
    transform: rotate(90deg);
    top: auto;
}
#targets1 #target1 .xjjtw::after{
    content: "";
    position: absolute;
    top: -2rem;
    right: 24%;
    border-width: 1rem;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,0.5) transparent;
    transform: rotate(0deg);
    bottom:auto;
    left: auto;
}
#targets1 #target1 .xjjtw::before{
    content: "";
    position: absolute;
    top: -2rem;
    right: 24%;
    border-width: 1rem;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,0.5) transparent;
    transform: rotate(0deg);
    bottom:auto;
    left: auto;
}
#targets1 #target4 .xjjtw::before{
    content: "";
    position: absolute;
    top: 20%;
    right: -2rem;
    border-width: 1rem;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,0.5) transparent;
    transform: rotate(90deg);
    bottom:auto;
    left:auto;
}
#targets1 #target4 .xjjtw::after{
    content: "";
    position: absolute;
    top: 20%;
    right: -2rem;
    border-width: 1rem;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,0.5) transparent;
    transform: rotate(90deg);
    bottom:auto; 
    left:auto;
}

#targets1 .xjjtw p{
    color:white;
    font-size:2.2rem;
    font-weight: bold;
    text-align: center;
    margin-top:1.5rem;
}
#target1 .xjjtw{
    top: 33%;
    left: 55%;
}
#target2 .xjjtw {
    left: 26%;
    top: 1%;
}
#target3 .xjjtw {
    left: 27%;
    top: 26%;
}
#target4 .xjjtw {
    left: 50%;
    top: 45%;
}
#target5 .xjjtw {
    left: 15.5%;
    top:38%;
}
.aqlb{
    padding:9.4rem 0 7.1rem;
}
.aqlb ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.aqlb ul li{
    width: 32%;
    margin-bottom:3.2rem;
    position:relative;
}
.aqlbwen{
    font-size:1.8rem;
    color:white;
    position:absolute;
    bottom:1.6rem;
    left:3.1rem;
}
.aqlb ul li{
    overflow: hidden;
}
.aqlb ul li img{
    width: 100%;
	transition: all 500ms ease-in 0ms;
}
.aqlb ul li:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 500ms ease-in 0ms;
}
.peizhi{
    background:#fafafa;
}
.peizhibt h2{
    font-size:3.6rem;
    margin-bottom:1.4rem;
}
.peizhibt h3{
    font-size:1.4rem;
}
.peizhi{
    padding-top:5.8rem;
    padding-bottom:5.8rem;
    text-align: center;
}
.peizhi ul li  span i {
    display: block;
    background: url(../images/peizhijia.png) center no-repeat;
    height: 4.4rem;
    float: left;
    cursor: pointer;
    width: 4rem;
}
.peizhi ul li.cur  span i {
    background: url(../images/peizhij.png) center no-repeat;
}
.jitp a{
    display: flex;
    align-items: center;
    font-size:1.8rem;
    padding-bottom:2.6rem;
    border-bottom:1px solid #eeeeee;
    cursor: pointer;

}
.peizhi ul li .jibt{
    display: none;
}
.peizhi ul li.cur .jibt{
    display: block;
}
.jibtbig{
    display: flex;
    justify-content: space-between;
}
.jibtbig ul:nth-child(1){
    width: 19%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.jibtbig ul:nth-child(1) li{
    background: -moz-linear-gradient(right, #7db5ff 0%, #e5eef9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db5ff), color-stop(100%,#e5eef9));
    background: -webkit-linear-gradient(right, #7db5ff 0%,#e5eef9 100%);
    background: -o-linear-gradient(right, #7db5ff 0%,#e5eef9 100%);
    background: -ms-linear-gradient(right, #7db5ff 0%,#e5eef9 100%);
    background: linear-gradient(to right, #7db5ff 0%,#e5eef9 100%);
    text-align: left;
    font-size:1.8rem;
    color:white;
    font-weight: bold;
    padding:1.6rem 0 2.1rem;
    padding-left: 1.5rem;
    border-radius: 15px 0 0 15px;
    margin-bottom:0.5rem;
    min-height: 9rem;
}
.jibtbig ul:nth-child(2){
    width: 20%
}
.jibtbig ul:nth-child(3){
    width: 20%
}
.jibtbig ul:nth-child(4){
    width: 20%
}
.jibtbig ul:nth-child(5){
    width: 20%
}

.jibtbig ul:nth-child(n+2) li:first-child{
    background:#212121;
    color:white;
    font-size:1.6rem;
    font-weight: bold;
    border-radius: 0 15px 0 0;
    padding:2rem 0 2rem;
    min-height: 9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jibtbig ul:nth-child(n+2) li:nth-child(n+2){
    font-size:1.6rem;
    padding:2rem 0;
    border-right:3px solid #fafafa;
    border-bottom:1px solid #fafafa;
    background:#fff;
    min-height: 9.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jibtbig ul:nth-child(n+2) li:last-child{
    border-radius: 0 0 15px 15px ;
}
.search-alert{
    padding: 1rem 0px;
    background:white;
}
.search-alert form {
    display: flex;
    justify-content: space-between;
}
.search-alert form input{
    width: 85%;
    border: 1px rgba(0,0,0,.1) solid;
    line-height: 2rem;
    padding: 1rem;
    font-family:MaisonNeue-Medium;
    font-size: 1.4rem;
}
.search-alert form button{
    width: 15%;
    border: 0;
    background: #2660ac;
    color: #fff;
    font-size: 1.6rem;
    font-family:MaisonNeue-Medium;
}
.shengji{
    margin: 0 auto;
    margin-top: 16rem;
    padding:5% 0;
    height: calc(100vh - 16rem);
}
.xwss {
    height: auto;
    overflow: hidden;
    padding-top: 6.2rem;
}
.xwss ul{
    display: flex;
    justify-content: space-between;
}
.xwss ul li{
    width: 49%;
    border-radius: 10px;
    overflow: hidden;
    transition: .5s;
}
.xwss ul li:hover{
    box-shadow: 7px 4px 15px -1px rgba(33,33,33,.2);
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    transition: .5s;
}
.xwlie ul li:hover{
    box-shadow: 7px 4px 15px -1px rgba(33,33,33,.2);
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    transition: .5s;
}
.xwlie ul li{
    transition: .5s;   
    padding: 0;
    width: 32%;
    margin-bottom:2rem;
    border-radius: 10px;
    overflow: hidden;
}
.xwlie ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.xwlie ul:after{
    width: 32%;
    content:"";
}
.xwkk-aa {
    width: 100%;
    float: left;
}
.xwbd {
    height: auto;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
    border-radius: 10px;
}
.xwkk-aa img {
    width: 100%;
    height: 57.6rem;
    object-fit: cover;;
}
.xwkk-bb {
    width: 100%;
    float: right;
    line-height: 150%;
    padding: 2rem;
}
.xwkk-bb h2 {
    font-size: 2rem;
    min-height: 6.3rem;
    line-height: 150%;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.tmbody {
	background:transparent;
}
.xw-time {
    margin-top: 2rem;
    height: auto;
    overflow: hidden;
    color: #000000;
    font-size:1.8rem;
}
.xwlie  .xwkk-aa img{
    height: 37.5rem;
}
.xw-more {
    margin-top: 4.5rem;
    height: auto;
    overflow: hidden;
    color: #000000;
}
.xwhh {
    padding-left: 1rem;
    padding-right: 1rem;
}

.xwkuaix {
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 3rem;
    background-color: #FFFFFF;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 2.5rem;
}
.xwkuaix h2 {
    font-size: 2rem;
    margin-top: 0px;
    margin-bottom: 4rem;
    color: #4d4d4d;
}
.nian {
    color: #808080;
    font-size: 1.4rem;
}
.xwkuaix h3 {
    font-size: 2.1rem;
    margin-top: 0px;
    margin-bottom: 2rem;
    line-height: 150%;
    color: #000000;
}
.page_info.page_info {
    text-align: center;
    margin-top: 5rem;
}
.xwss a {
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.xwlie {
    height: auto;
    overflow: hidden;
    padding-top: 5rem;
    padding-bottom: 7rem;
}
.xwkuaix:hover .mask {
    top: 0;
    height: 100%;
}

.inewsct {
    background: #fff;
    padding: 4rem;
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}
.inewsct video{
    max-width: 100%;
}
.inewsct .inews-tt {
    border-bottom: 1px rgba(0,0,0,.25) dashed;
    padding-bottom: 1rem;
}

.inewsct .inews-tt p {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 2.6rem;
    margin-bottom: 1rem;
}

.inewsct .inews-tt span {
    color: rgba(0,0,0,.55);
}

strong {
    font-weight: 700;
}

.inewsct .inews-ct {
    padding: 2rem 0px 0px;
    color: rgba(0,0,0,.7);
    line-height: 2.8rem;
}	
.liebiaow {
    height: auto;
    overflow: hidden;
	margin-top:2rem;
}

.liebiaow-aa {
    width: 80%;
    line-height: 3rem;
    color: #666666;
    float: left;
}

.shangy {
    height: auto;
    overflow: hidden;
    line-height: 3.2rem;
    color: #666666;
    border-bottom: 1px dotted #ececec;
}

.xiay {
    height: auto;
    overflow: hidden;
    color: #666666;
    line-height: 3.2rem;
}

.liebiaow-bb {
    width: 16%;
    float: right;
}   

.fanhui {
    width: 14.2rem;
    height: 4.3rem;
    margin-top: 0.6rem;
    float: right;
}

.fanhui a {
    display: block;
    width: 14.2rem;
    height: 4.3rem;
    line-height: 4.3rem;
    color: #FFFFFF;
    background-color: #004cb1;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 20px;
} 

.liebiaow a{
    color:#333;
}
.xwdd {
    background: #fafafa;
    padding: 6rem 0px;
}   
.xwddbig {
    display: flex;
    justify-content: space-between;
}
.xwddleft{
    width:70%;
}
.xwddright{
    width: 25%;
}
.xwddright ul li{
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
}
.xwddrightbt {
    width: 100%;
    height: 3.4rem;
    background: #fff;
    color: #333333;
    line-height: 3.4rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2rem;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
}
.xwddright .con h3{
    font-size:1.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.xwddright .xwkuaix {
    margin-bottom: 1rem;
}
.fanye {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fanye a{
	display:block;
	max-width:48%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color:rgba(0,0,0,.7);
	font-size:1.8rem;
	cursor:pointer;
}
.fanye a:hover{
	color:#004cb1;
}
.fanye{
	margin-top:4rem;
}
.rczp{
    padding:5vh 0;
}
.rczp p{
margin:2rem 0;
}
.rczp dl {
background:#252525;
padding:0px 3rem;
}
.rczp dl dd {
float:left;
width:25%;
color:#fff;
line-height:4rem;
padding:2.5rem 0px;
font-size:2.0rem;
text-align: center;
}
.rczp dl dd:nth-of-type(4) {
width:22%;
}
.rczp dl dd:nth-of-type(5) {
width:30%;
}

.jtanchu a{
    display: block;
    color:white;
}
.zpjs{
    padding:3rem 0;
    background:#f5faff;
}
.zpjs h2{
    margin: 2.4rem 0 1.8rem;
    font-weight: bold;
}
.zpjs span{
    color:#bbb;
}
.zpjs h4{
    color: #ff424f;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2.4rem;
    margin-right: 1.5rem;
    overflow: hidden;
    margin: 1.8rem 0;
}
.zpjs ul{
    display: flex;
}
.zpjs ul li{
    padding:0 0.5rem;
    border-right:1px solid #bbb;
}
.zpjs ul li:last-child{
    border-right:0px solid #bbb;
}
.zwmsbt{
    border-bottom: 1px rgba(0,0,0,.25) dashed;
    padding-bottom: 2rem;
    margin-bottom:2rem;
}
.zwms{
    margin: 2rem 0;
    line-height: 200%;
}
.nyzp{
    margin-bottom: 6rem;
}
.hrmail {
    margin-top: 8.7rem;
    height: auto;
    overflow: hidden;
    color: #1e1f23;
    font-size: 2.3rem;
}
.hrmail a{
    color: #1e1f23;
}
.hrmail a:hover{
    color: #ff424f;
}
.jitp {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    padding-bottom: 2.6rem;
    margin-bottom: 3.1rem;
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
}
.rc{
    margin:0;
}
.rc a{
    width: 100%;
    border-bottom: 0px solid #eeeeee;
}
header {
    width: 100%;
    background: transparent;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99;
    height: 10rem;
    box-sizing: border-box;
    padding: 0px 5rem;
    transition: .5s;
   

}
header.head {
    background:#FFF;
    transition: .5s;
    box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.03);
}
header.head .menu ul li a{
    color:#363a42;
    transition: .5s;
}
header.head .logo img{
    filter: none;
    transition: .5s;
}
.neiyedh.neiyedhed{
    top:0;
}
.search-btn {
    cursor: pointer;
 }
 
 
 .search-alert {
    position: fixed;
    background-color: #222222;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 98;
    display: none;
 }
 
 .search-alert .close {
    display: block;
    width: 3rem;
    height: 3rem;
    background: url(../images/img5-4.png) no-repeat center;
    position: absolute;
    top: 3.8rem;
    right: 2.6%;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    z-index: 10000;
    background-size: 2rem;
 }
 
 .search-alert .cent-form {
    position: absolute;
    width: 94.8%;
    left: 2.6%;
    top: 50%;
    height: 12.4rem;
    margin-top: -6.3rem;
    border-bottom: 1px solid #515151;
 }
 
 .search-alert .cent-form .tex {
    border: none;
    font-size: 6.6rem;
    height: 12.4rem;
    line-height: 12.4rem;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    color: #555;
    background: none;
    padding-left: 8.8rem;
    padding-right: 8rem;
    background: url(../images/img5.png) no-repeat 35px 60px;
    background-size: 2.3rem;
 }
 
 .search-alert .cent-form .sub-butn {
    border: none;
    height: 10rem;
    margin-top: 2.4rem;
    font-size: 2.4rem;
    line-height: 10rem;
    color: #555;
    text-align: right;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 10rem;
    text-align: center;
 }
 
 .search-alert .close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
 }
 
 .search-alert .cent-form .tex {
    border: none;
    font-size: 2rem;
 }
 .kk {
    height: 6rem;
    border: 1px solid #d2d2d2;
}
#cply{
    margin-top:2rem;
}
.biao h4 {
    font-size: 1.6rem;
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
    color: #666666;
}
.anniu {
    width: 100%;
    height: 5.4rem;
    font-size: 1.8rem;
    background-color: #2660ac;
    border: 1px solid #2660ac;
    padding: 0px;
    margin-top: 2rem;
    transition: .5s;
}
.btn-warning:hover {
    color: #fff;
    background-color: #2660ac;
    border-color: #2660ac;
    transition: .5s;
}
.nav-logo{
    display: none;
}
.heise{
    display: none;
}
.inews-ct iframe {
    width: 50%;
}
.nybannerwenbig form {
    border-bottom: 1px solid rgba(255,255,255,.5);
    width: 100%;
    float: right;
    display: flex;
    margin: 0 -1.5rem;
    justify-content: space-between;
    background:white;
    height: 8rem;
}
.nybannerwenbig form::after {
    display: none;
}
.nybannerwenbig form::before {
    display: none;
}
.nybannerwenbig form input {
    width: calc(100% - 8rem);
    background: transparent;
    border: none;
    color: #232323;
    padding-left:2rem;
}
.nybannerwenbig form input:focus-within {
    outline: none;
  }
.nybannerwenbig form button {
    width: 8rem;
    height: 100%;
    border: 0;
    background: url(../images/fdj.png) center no-repeat;
    transition: .3s;
}
.nybannerwenbig{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.nybannerwenbig .nybannerwen{
    position:relative;
    left: auto;
    top: auto;
    transform: translate(0,0);
    text-align: center;
    margin-bottom:2rem;
}
.ssjg{
    padding:6rem 0;
}
.message{
    font-size:1.8rem;
}
.yanzhitopwenleft img{
    width: 7.5rem;
}
.yanzhitopwen ul li{
    display: flex;
    margin-bottom:5.3rem;
    align-items: center;

}
.yanzhitopwenright{
    font-size:1.8rem;
    margin-left: 2.5rem;
    color:#212121;
    line-height: 3.1rem;
}

.yanzhitop{
    position:relative;
}
.yanzhitopwen{
    position: absolute;
    top: 30%;
    left: 50%;
}
.yanzhibottom{
    position:relative;
}
.yanzhibottomwen{
    position: absolute;
    font-size: 3.6rem;
    line-height: 6.8rem;
    top: 40%;
    left: 14%;
}
.yidiandian{
    position: relative;
}
.yddbt{
    font-size:3.6rem;
    color:white;
    position:absolute;
    top:10%;
    left:50%;
    transform: translate(-50%,-10%);
}
.yddbx{
    color: white;
    font-size: 2.7rem;
    position: absolute;
    bottom: 12%;
    left: 12%;
}
.yddfx{
    color:white;
    font-size:2.7rem;
    position: absolute;
    bottom: 12%;
    right: 12%;
}
.shilitop{
    position:relative;
}
.shilibottom{
    position:relative;
}
.shilitopwen h2{
    font-size:5rem;
    padding-bottom:3rem;
    line-height: 6rem;
    border-bottom:1px solid rgba(102,235,247, .14);
    margin-bottom:6.7rem;
}
.shilitopwen p{
    font-size:2.4rem;
    color:rgba(65,67,73,.55);
    line-height: 4.6rem;
}
.shilitopwen{
    position: absolute;
    top: 15%;
    left: 11%;
    width: 50%;
}
.shilibottomwen h2{
    font-size:5rem;
    padding-bottom:3rem;
    line-height: 6rem;
    border-bottom:1px solid rgba(102,235,247, .14);
    margin-bottom:6.7rem;
}
.mkhleft img{
    width: 50rem;
    height: 36.8rem;
}
.mkhright img{
    width: 130.8rem;
    height: 20rem;
}
.shilibottomwen p{
    font-size:2.4rem;
    color:rgba(65,67,73,.55);
    line-height: 200%;
}
.shilibottomwen{
    position: absolute;
    top: 25%;
    left: 11%;
    z-index: 10;
    width: 50%;
}

.hmmxqcl  img{
    width: 100%;
}
.hmmxqcr img{
    width: 100%;
}
.bpdbleft   img{
    width: 100%;
}
.hpdbright img{
    width: 100%;
}
.overlay {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-fill-mode: none !important;
}

.overlay.animated {
  animation-fill-mode: both !important;
}
#banner .swiper-button-next{
    width: 5rem;
    height: 5rem;
    background:url(../images/bannerjtr.png) no-repeat;
    background-size:100%;
    top:45rem;
}
#banner .swiper-button-prev{
    width: 5rem;
    height: 5rem;
    background:url(../images/bannerjtl.png) no-repeat;
    background-size:100%;
    top:45rem;
}
#banner .swiper-button-next:after, #banner .swiper-button-prev:after {
    content: ' ';
}
#banner .swiper-container{
    width: 100%;
    height: 100%;
}
#banner .swiper-slide{
    position:relative;
    height: 100%;
}
#banner .swiper-slide section{
    position:relative;
    height: 100vh;
}
#banner .swiper-slide a{
    padding:1.1rem 5.1rem;
    font-size: 1.6rem;
    color:#2660ac;
    border:1px solid #2660ac;
    border-radius: 4px;
    margin-right: 4rem;
    background:transparent;
    overflow: hidden;
    line-height: 2rem;
}
.hmmx .container{
    position:relative;
    height: 100%;
}
.hvr-shutter-out-horizontal:before{
    background:#2660ac;
}
.bannerwenlj{
    margin-top:4rem;
}
#banner .swiper-slide .bannerwen a:last-child{
    background:#2660ac;
    color:#fff;
    margin: 0;
}
#banner .swiper-slide .bannerwen a:last-child:hover{
    color:#fff;
}
#banner .swiper-slide a section{
    height: 100vh;
    width: 100%;
}
#banner .swiper-slide a:hover{
    color:#fff;
}
.hmyy{
    text-align: left;
    padding-left:1rem;
}
.logo img{
    width: 25.4rem;
    height: 6.1rem;
  filter: brightness(100) grayscale(100%);
}
.time-list img{
    width: 100%;
}
.form-control{
    font-size:1.4rem;
}
.ewm img{
    width:11.3rem;
}
.teamtop{
    margin-bottom: 2rem;
    font-size: 1.6rem;
    text-align: left;
    line-height: 200%;
}
.qqsc{
    padding:5.7rem 0;
}
.qqscbig p{
    margin-bottom: 2rem;
    font-size: 1.6rem;
    text-align: left;
    line-height: 200%;
}
.qqsc .hmjsbt {
    margin-bottom:2rem;
}
.hmzn .hmjsbt {
    margin-bottom:2rem;
}
.zhuanlishangbiao p{
    font-size: 1.6rem;
    text-align: left;
    line-height: 200%;
}
.zhuanlishangbiao .hmjsbt{
      margin-bottom:2rem;  
}
.qqscbig{
    display: flex;
    flex-direction:column;
    align-items: center;
}
.zhuanlishangbiao {
    height: auto;
    overflow: hidden;
    padding-top: 5.7rem;
    padding-bottom: 5.7rem;
    font-size: 1.6rem;
    line-height: 200%;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}
.zscq ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.zscq li {
    width: 24%;
    border: 0.6rem solid #efefef;
    background-color: #efefef;
    height: auto;
    overflow: hidden;
    margin-bottom: 3rem;
    transition: all 500ms ease-in 0ms;
    cursor: pointer;
}
.zscq ul li a {
    color: #333;
    cursor: pointer;
}
.cqtu img {
    width: 100%;
}
.cqwen {
    font-size: 1.6rem;
    margin-top: 1.5rem;
    margin-bottom: 0.7rem;
    text-align: center;
    min-height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 200%;
}
.zscq  li:hover {
    border: 6px solid #2660ac;
    background-color: #2660ac;
    box-shadow: 0px 0px 15px rgba(0,0,0,.5);
    transition: all 500ms ease-in 0ms;
}
.zscq  li:hover a{
    color:white;
    transition: all 500ms ease-in 0ms;
}
.zscq ul:after{
    content:'';
    width:32%;
}
/* 弹窗 */

.pdcon-ct{

	display:flex;

	flex-wrap:wrap;

}

.pdcon-ct>span{

	display:block;

	color:#fff;

	background:#2e4b98;

	padding:0.8rem 3rem;

	font-size:1.4rem;

	font-weight:600;

}

.pdcon{

	border-top:3px #2e4b98 solid;

	padding:2rem 0px;

	font-size:1.4rem;

	color:rgba(0,0,0,.6);

	width:100%;

}

.picshade {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #000;

  opacity: 0.91;

  filter: alpha(opacity=91);

  z-index: 99;

  display: none;

}

.pictures_eyes_close {

  position: fixed;

  top: 3rem;

  right: 3rem;

  display: inline-block;

  width: 2.6rem;

  height: 2.6rem;

  background: url(../images/close.png) no-repeat;

  z-index: 100;

  display: none;

}

.pictures_eyes {

  position: fixed;

  width: 100%;

  left: 0;

  top: 0;

  z-index: 199;

  display: none;

}

.pictures_eyes_in {

  position: relative;

  text-align: center;

}

.pictures_eyes_in img { max-height: 70rem; }

.pictures_eyes_in section p{color:#fff;padding:1.5rem 0px;}

.pictures_eyes_in .prev, .pictures_eyes_in .next {

  position: absolute;

  top: 50%;

  width: 5.1rem;

  height: 5.1rem;

  cursor: pointer;

}

.pictures_eyes_in .prev {

  left: 3.5rem;

  background: url(../images/Tleft.png) no-repeat;

}

.pictures_eyes_in .next {

  right: 3.5rem;

  background: url(../images/Tright.png) no-repeat;

}

.pictures_eyes_indicators {

  position: fixed;

  left: 0;

  bottom: 1.5rem;

  width: 100%;

  text-align: center;

  z-index: 299;

}

.pictures_eyes_indicators a {

  display: inline-block;

  width: 5rem;

  height: 5rem;

  margin: 0.6rem 0.3rem 0 0.3rem;

  border: 1px solid #ddd;

  border-radius: 10px;

  box-shadow: 0 0 2px #000;

  filter: alpha(opacity=50);

  opacity: 0.5;

  overflow: hidden;

}

.pictures_eyes_indicators img { height: 50px; object-fit: cover;}

.pictures_eyes_indicators .current {

  filter: alpha(opacity=100);

  opacity: 1;

}



.liebiao {

    height:7.8rem;

    border:1px solid #ebebeb;

    margin-top:2.5rem;

    }
.zscq{
    margin-top:2rem;
}
.rczq {
    background: #fafafa;
    padding: 6rem 0px;
    font-size: 1.6rem;
    line-height: 200%;
}
.video{
    padding: 90px 0px 60px;
}
.videobig ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.videobig ul:after{
    width: 32%;
    content:"";
}
.videobig ul li {
    width: 32%;
    margin-bottom:4rem;
}
.videowen{
    padding: 2rem 2.5rem;
}
.videotu{
    background:white;
}
.videotu img{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.videowen big{
    display: block;
    color: #37383a;
    font-size: 1.8rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 200%;
}
.videowen span {
    display: block;
    color: #2660ac;
    font-size: 1.2rem;
    line-height: 200%;
    margin: 5px 0px 0px;
}
.videobig ul li a{
    display: block;
    transition: .3s;
    background: #f6f6f6;
    pointer-events: all;
    cursor: pointer;
}
.videobig ul li a:hover big{
    color:#fff;
}
.videobig ul li a:hover span{
    color:#fff;
}
.videobig ul li a:hover {
    background: #2660ac;
}
.videodbig h2{
    text-align: center;
    font-size: 2.4rem;
    line-height: 3.6rem;
}
.videodbig>h3 {
    display: flex;
    justify-content: center;
    padding: 15px 0px 30px;
}
.videodbig>h3 span {
    display: block;
    padding: 0px 10px;
    font-size: 1.3rem;
    font-weight: 300;
}
.videodbig iframe{
    width: 100%;
    height: 50vh;
}
.coop {
    padding: 5.7rem 0 5.7rem;
}
.coopbig ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.coopbig ul li {
    width: 32.5%;
}
.cooptu {
    overflow: hidden;
    position:relative;
    background:#000;
}
.cooptu img{
    opacity: 0.5;
    transition: .5s;
}
.coopbig ul li:hover img{
    opacity: 1;
    transition: .5s;
}
.coopwen {
    position: absolute;
    bottom: 2.4rem;
    width: 100%;
    color: white;
    padding: 0 1.5rem;
    font-size: 1.8rem;
    text-shadow: 1px 1px rgba(0,0,0,.5);
}
.casefl ul{
    display: grid;
    grid-template-columns: repeat(3,32%);
    justify-content: space-between;
    grid-row-gap: 30px;
}
.casefl ul li{
    position: relative;
    overflow: hidden;
}
.casefl ul li:first-child{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.casefl ul li:first-child h2{
    font-size: 60px;
    font-weight: 800;
    color: #141414;
    margin-bottom: 30px;
    line-height: 200%;
}
#cased{
    height: calc(100vh - 16rem);
}
#cased .swiper-wrapper ,#cased .swiper-slide{
    height: 100%;
}

.yinying{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(20, 20, 20, 0.7);
    transition: all 0.5s;
    text-transform: capitalize;
}
.yinying p{
    position: absolute;
    font-size: 2.4rem;
    left: 4rem;
    bottom: 5rem;
    font-weight: 900;
    color: #F0F0F0;
}
.caseflnr{
    position: absolute;
    bottom: 0%;
    left: 0;
    background-image: linear-gradient(to bottom, transparent , #333);
    padding: 2.7rem 1rem;
    display: flex;
    justify-content: space-between;
    transition: all 0.5s;
    width: 99.2%;
    align-items: center;
    text-transform: capitalize;
}
.caseflnr p{
    font-size: 2.4rem;
    font-weight: 900;
    color: #F0F0F0;
}
.caseflnr p span {
    font-size: 1.8rem;
    font-weight: 500;
    text-decoration: underline;
    color: #FFFFFF;
}
.casefl .swiper-slide img {
    transition: all 0.5s;
}


.caseflnr span{
    font-size: 1.8rem;
    font-weight: 500;
    color: #FFFFFF;
}

.cebian {
    position: fixed;
    top: 70%;
    right: 2rem;
    z-index: 9999;
    padding: 0.5rem 0.5rem;
    border-radius: 5px;
    border: 1px solid #2660ac;
    background: #2660ac;
	display: flex;
    flex-direction: column;
}
.cebian a {
    color: white;
	display: flex;
    flex-direction: column;
    align-items: center;
	margin:10px 0;
	cursor: pointer;
}
.cebian img {
    width: 5rem;
    margin: 0 auto;
}
.yanfanengli ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.yanfanengli{
    padding:5vh 0;
}
.yanfanengli ul li{
    width: 49%;
    margin-bottom:20px;
    position:relative;
}
.yanfawen {
    position: absolute;
    bottom: 0;
    min-height: 7rem;
    max-height: 7rem;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding:0 2rem;
    background:rgba(38,96,172,.8);
    font-size:1.6rem;
    color:white;
}
.yanfatu{
    overflow: hidden;
}
.yanfatu img{
    width: 100%;
    transition: 0.5s;
}
.yanfanengli ul li:hover .yanfatu img{
    transform: scale(1.2);
}
.bada {
    height: auto;
    overflow: hidden;
    padding-top: 7.6rem;
    padding-bottom: 10.2rem;
    background-color: #f4f4f4;
}
.bada h2 {
    font-size: 5rem;
    margin-bottom:5rem;
    text-align: center;
}
.bada ul{
    display: flex;
    flex-wrap: wrap;
}
.bada ul li {
    width: 24%;
    margin-right: 1%;
    margin-bottom:2rem;
}
.bada p{
    min-height: 5vh;
    transition: .5s;
}
.bada h3 {
    font-size: 1.9rem;
    font-weight: bold;
    color: #37373a;
    margin-bottom: 2.2rem;
    transition: .5s;
}
.badabig {
    height: auto;
    overflow: hidden;
    padding: 2.5rem;
    color: rgba(55,55,58,.8);
    line-height: 2.5rem;
    background-color: #FFFFFF;
    transition: .5s;
}
.bada h4 {
    margin: 0;
    text-align: left;
    font-size: 1.2rem;
    padding-bottom: 2rem;
    transition: .5s;
}
.bada ul li:hover .badabig{
    background-size: cover;
    background-color: #0056c4;
    transition: .5s;
}
.bada ul li:hover h4{
    color:white;
    transition: .5s;
}
.bada ul li:hover h3{
    color:white;
    transition: .5s;
}
.bada ul li:hover p{
    color:white;
    transition: .5s;
}
.cpxg iframe{
    height: 80vh;
}
.cpxg{
    overflow: hidden;
}
.prowen{
    margin-bottom: 1.6rem;
    display: block;
}
.productsbig ul li a {
    font-size: 1.8rem;
    line-height: 133%;
    color: #231815;
    width:100%;
}
.productsbig ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    width:49.5%;
    position:relative;
}
.productsbig{
    overflow: hidden;
    padding-top:1.5rem;
}
.videotua{
    width: 60%;
}
.productsbig ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.prowen{
    width: 100%;
    position:absolute;
    text-align: center;
    top: 5%;
}

.prowen big{
    color: #1a1010;
    font-size: 5.4rem;
    line-height: 150%;
    color:#fff;
    text-align: center;
    font-weight: bold;
}
.prowen section{
    display: block;
    font-size: 1.8rem;
    line-height: 200%;
    color:#fff;
}
.productsbig ul li a.proxiangqing{
    padding: 1.1rem 5.1rem;
    font-size: 1.6rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    background: transparent;
    overflow: hidden;
    display: inline-block;
    width: auto;
    margin-top:2rem;
}
.prode {
    padding: 5rem 0;
    display: flex;
    justify-content: space-between;
}
.productsdimg img{ 
    display: block;
    margin: 0 auto;
}
.prodeleft h2{
    font-size: 4.8rem;
    margin-bottom: 3.9rem;
    position:relative;
}
.prodeleft h2:after{
    content:"";
    width: 10rem;
    height: 3px;
    display: block;
    background:#333;
    margin-top:5rem;
}
.proderight section {
    font-size: 2.4rem;
    line-height: 200%;
}
.prodeleft {
    width: 50%;
}
.proderight {
    width: 47.178186%;
}
.cooptopwen{
    font-size:1.8rem;
    line-height: 200%;
}
.shuju ul{
    display: flex;
    justify-content: space-between;
}
.shuju ul li img {
    width: 7rem;
    margin-right: 2rem;
}
.shuju ul li{
    list-style-type: none;
    width: 32%;
    color: #4e5969;
    text-align: center;
    float: left;
    display: flex;
    align-items: center;
}
.shuju ul li h2 {
    font-size: 4rem;
    color: #2660ac;
    margin-top: 0px;
    margin-bottom: 2rem;
}
.shuju ul li sup{
    top: 0;
}
.rczp ul{
    display: flex;
    justify-content: space-between;
}
.rczp ul li{
    width: 49%;
    color: #425478;
    background-color: #FFFFFF;
    padding: 2.5rem;
    padding-top: 2.4rem;
    font-size: 1.6rem;
    line-height: 150%;
    box-shadow: 0px 0px 15px rgba(0,0,0,.2);
    transition: .5s;
}
.rczp ul li:hover{
    background:#2660ac;
    transition: .5s;
}

.rczptu{
    width: 7.5rem;
    height: 7.5rem;
    margin: 0 auto;
    background-position: bottom center;
    background-repeat: no-repeat;
    transition: all 300ms ease-in 0ms;
    background-size: cover;
}
.rczp ul li:hover .rczptu{
    background-position: top center;
    background-repeat: no-repeat;
    transition: all 300ms ease-in 0ms;
    background-size: cover;
}
.rczp ul li h4 {
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: 3rem;
    position:relative;
    background-repeat: no-repeat;
    margin-bottom: 3rem;
    transition: .5s;
}
.rczp ul li h4:after{
    content:"";
    width: 2.6rem;
    height: 2px;
    background:#2660ac;
    display: block;
    margin: 0 auto;
    margin-top:2rem;
}
.rczp ul li section{
    line-height: 200%;
    transition: .5s;
}
.rczp ul li:hover h4{
    color:white;
    transition: .5s;
}
.rczp ul li:hover section{
    color:white;
    transition: .5s;
}
#cased .swiper-slide .casefltu img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 80%;
}
#cased .swiper-slide a{
    height: 100%;
    position:relative;
    width:100%;
    display: block;
}
.casefltu{
    height: 100%;
}
.casefl{
    overflow: hidden;
}
.zhizaobig {
    display: flex;
    align-items: center;
}
.zhizaobig img{
    width:55%;
}
.m_header{
    display: none;
}
.yc{
    display: block;
}
.yd{
    display: none;
}
@media(max-width:1280px){
    .menu ul li dl dd {
        padding: 0 1rem;
    }
    .bada p{
        min-height: 10vh;
    }
}
@media(max-width:1176px){
    .menu ul li dl {
        left: -25%;
        width: 150%;
    }
    .fwzcbt {
        margin-bottom: 2.2rem;
    }
}
@media(max-width:992px){
    .yc{
        display: none;
    }
    .yd{
        display: block;
    }
    html{
        font-size: 10px;
    }
    .m_header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #ffffff;
        z-index: 99;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    }

    .m_header {
        height: 60px;
    }

    .logo_box {
        width: 100%;
        height: 60px;
        text-align: center;
        padding: 5px 0;
        line-height: 0;
        font-size: 0;
        zoom: 1;
    }

    .logo_box img {
        height: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .nav_toggle {
        color: #fff;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        transform-origin: 50% 50%;
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -13px;
        z-index: 999;
    }

    .nav_toggle {
        cursor: pointer;
        padding: 10px 35px 16px 0;
    }

    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        cursor: pointer;
        height: 3px;
        width: 40px;
        background: #000000;
        position: absolute;
        display: block;
        content: '';
    }

    .nav_toggle span:before {
        top: -10px;
    }

    .nav_toggle span:after {
        bottom: -10px;
    }

    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
    }

    .nav_toggle.active span {
        background-color: transparent;
    }

    .nav_toggle.active span:before,
    .nav_toggle.active span:after {
        top: 0;
    }

    .nav_toggle.active span:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

    .nav_toggle.active span:after {
        transform: translateY(-10px) rotate(-45deg);
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        top: 10px;
    }

    /*移动端导航*/
    .m_header .m_nav {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #ffffff;
        z-index: 2;
        overflow: auto;
        border-top: 1px solid #f0f0f0;
        margin-top: -1px;
    }

    .m_header .m_nav_list a {
        display: block;
        width: 100%;
        padding: 0 15px;
        line-height: 35px;
        text-align: left;
        font-size: 14px;
        color: #000000;
    }

    .m_header .m_nav_list > li {
        position: relative;
        border-bottom: 1px solid #f0f0f0;
        transition: transform .5s ease;
        transform: matrix(1, -1, 0, 1, 200, 100);
    }

    .m_header .m_nav_list > li > i {
        position: absolute;
        width: 20px;
        height: 20px;
        background: #000;
        top: 8px;
        right: 10px;
        cursor: pointer;
        z-index: 2;
        background: url("../images/li_click.png") no-repeat top center;
    }

    .m_header .m_nav_list > li > a {
        opacity: 0;
    }

    .m_header .m_nav_list .dropdown .dropdown_menu {
        height: 0;
        overflow: hidden;
    }

    .m_header .m_nav_list .dropdown .dropdown_menu.on {
        height: auto;
    }
    .m_header .m_nav_list .dropdown_menu > li {
        border-top: 1px solid #f0f0f0;
        background: #f5f5f5;
    }
    #banner{
        margin-top: 60px;
        height: 100%;
    }
    .dibulb{
        display: none;
    }
    .diburight{
        width: 100%;
    }
    .b-height {
		height:50px;
	}
	.fygnav {
		padding:0px;
		height:50px;
		background-color:#009ca3;
	}
	.fygnav ul {
		list-style-type:none;
		width:100%;
		margin:0px;
		padding:0px;
	}
	.fygnav li {
		width:25%;
		text-align:center;
		float:left;
		margin:0;
	}
    .fygnav ul {
        list-style-type: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
        display: flex;
        align-items: center;
    }
    .fygnav li a img {
        height: 20px;
        width: 20px;
    }
    .fygnav li a {
        display: flex;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        color: #FFFFFF;
        background-color: #2660ac;
        height: 55px;
        font-size:12px;
        white-space: nowrap;
    }
    header{
        display: none;
    }
    .banner{
        height: 260px;
    }
    #banner .swiper-slide section{
        height: 100%;
        background-size: 100% !important;
        background-repeat: no-repeat;
        background-position: center top !important;
    }
    .bannerwen{
        width:100%;
        left: 20px;
        top: 85%;
        font-size: 2.4rem;
        line-height:200%;
    }
    #banner .swiper-slide a{
        padding:0.5rem 2rem;
    }
    .bannerwenlj{
        margin-top:0rem;
    }
    .sycxztbt {
        font-size: 4.2rem;
        color: white;
        position: absolute;
        left: 50%;
        top: 40px;
        z-index: 99;
        transform: translate(-50%, 0px);
    }
    .sycxzt img {
        width: 100%;
        margin: 0 auto;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }
    #cxzt .swiper-pagination{
        display: none;
    }
    .sycxzt p {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        top: 90%;
        transform: translate(-50%, -00%);
        text-align: center;
        color: #fff;
        font-size: 28px;
    }
    .syfl .col-md-6:nth-child(5), .syfl .col-md-6:nth-child(6){
        margin-bottom:2rem;
    }
    .dibutubiao{
        margin-top:2rem;
    }
    .dibubanquan {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding-top: 20px;
        color: rgba(255,255,255,.4);
        flex-direction: column;
    }
    footer{
        padding:20px;
    }
    .dibulbbig{
        display: none;
    }
    .neiyedh{
        flex-direction: column;
        height: auto;
        top:6rem;
        position:relative;
        padding:0 2rem;
    }
    .nybanner {
        position: relative;
        margin-top: 6rem;
    }
    .hmjsbig{
        flex-direction: column;
    }
    .hmjsleft{
        width: 100%;
    }
    .hmjsright{
        width: 100%;
    }
    .shuju ul{
        flex-direction: column;
    }
    .shuju ul li{
        width:100%;
        margin-bottom:2rem;
    }
    .hmjsbig{
        padding:20px;
    }
    .neiyedhright ul li a {
        color: #1d2129;
        display: block;
        position: relative;
        background: #F1F3F6;
        color: #9A9A9A;
    }
    .neiyedhright ul li {
        float: left;
        width: 48%;
        text-align: center;
        margin-bottom: 20px;
        border-radius: 4px;
        margin-right: 0;
        height: 36px;
        line-height: 36px;
    }
    .neiyedhright ul li a:after{
        display: none;
    }
    .neiyedhright ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .shujuwen{
        width: 13rem;
    }
    .neiyedhright ul li a.hover{
        background:#2660ac;
        color:#fff;
    }
    .qqsc{
        padding:20px;
    }
    .hmjs{
        padding:0;
    }
    .neiyedhleft a::after {
        content: ">";
        margin-left: 5px;
        padding-right: 5px;
    }
    .neiyedhleft{
        justify-content: flex-start;
    }
    .hmpp{
        padding: 0;
    }
    .hmjsbt h2 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .hmjsbt h3{
        font-size: 24px;
    }
    .hmjsbt {
        margin-bottom:20px;
    }
    .hmpp{
        padding:20px;
    }
    .hmpptu{
        display: none;
    }
    .hmpp ul li section{
        position: relative;
        right: 0;
        width: 100%;
        padding: 0;
        margin: 20px 0;
    }
    .hmpp ul li:nth-child(odd) section{
        padding: 0;
    }
    .hmpp ul li:nth-child(2) section {
        position: relative;
        left: 0;
        text-align: right;
        right: auto;
        padding: 0;
    }
    .hmpp ul li section {
        justify-content: flex-start;
        align-items: flex-start;
    }
    .hmpp ul li:nth-child(2) section{
        text-align: left;
    }
    .zhuanlishangbiao{
        padding:20px;
    }
    .zscq ul{
        flex-wrap: wrap;
        
    }
    .zscq li{
        width: 100%;
    }
    .productsbig{
        padding:20px;
    }
    .productsbig ul li{
        width:100%;
    }
    .prowen big {
        color: #1a1010;
        font-size: 4.4rem;
        line-height: 150%;
        color: #fff;
        text-align: center;
        font-weight: bold;
    }
    .proderight {
        width: 0;
    }
    .prodeleft {
        width: 100%;
    }
    .prode {
        padding: 20px;
        display: flex;
        justify-content: space-between;
    }
    .prodeleft h2 {
        font-size: 3.6rem;
        margin-bottom: 2rem;
        position: relative;
    }
    .prodeleft h2:after{
        margin-top:2rem;
    }
    .productsdimg{
        padding:20px;
    }
    .yanfanengli ul li {
        width: 100%;
        margin-bottom: 20px;
        position: relative;
    }
    .yanfanengli{
        padding: 20px;
    }
    .yanfawen{
        flex-direction: column;
        justify-content: center;
    }
    .hmmx{
        background: url(../images/zhizaonengli.jpg) no-repeat center center;
        height: calc(100vh - 6rem);
        background-size: cover;
    }
    .zhizaobig .hmmxfbt {
        font-size: 14px;
        line-height: 200%;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(0, 0%);
        width: 100%;
        text-align: center;
        padding: 20px;
    }
    .cailiao h2 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
        padding-top: 20px;
    }
    .cailiaobig{
        display: flex;
        flex-direction: column;
    }
    .cailiaoleft{
        width:100%;
    }
    .cailiaoright{
        width: 100%;
    }
    .cailiaobig{
        padding:20px;
    }
    .cailiaorightsz {
        font-size: 24px;
        width: 45%;
    }
    .cailiaorightwen {
        font-size: 14px;
        color: #4e5969;
        line-height: 186.363636%;
        padding-left: 20px;
    }
    .bada{
        padding: 20px;
    }
    .bada h2{
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
    }
    .bada ul{
        flex-wrap: wrap;
    }
    .bada ul li {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 2rem;
    }
    #cased .swiper-slide .casefltu img{
        object-position: center;
        object-fit: contain;
    }
    .caseflnr{
        width:100%;
    }
    .cebian{
        display: none;
    }
    .video{
        padding:20px;
    }
    .videobig ul{
        flex-wrap: wrap;
    }
    .videobig ul li{
        width: 100%;
    }
    .xwss{
        padding:20px;
    }
    .xwss ul{
        flex-direction: column;
    }
    .xwss ul li{
        width: 100%;
        margin-bottom:20px;
    }
    .xwkk-aa img{
        height: auto;
    }
    .xwlie{
        padding:0 20px;
    }
    .xwlie ul{
        flex-wrap: wrap;
    }
    .xwlie ul li{
        width: 100%;
    }
    .xwlie .xwkk-aa img{
        height: auto;
    }
    .page_info.page_info{
        margin:20px 0;
    }
    .coop{
        padding:20px;
    }
    .cooptopwen{
        font-size: 1.4rem;
    }
    .coopbig ul{
        flex-wrap: wrap;
    }
    .coopbig ul li{
        width: 100%;
        margin-bottom:20px;
    }
    .coopwen {
        bottom: 12px;
        font-size: 14px;
    }
    .rczp {
        padding:20px;
    }
    .rczp ul{
        flex-direction: column;
    }
    .rczp ul li{
        width: 100%;
        font-size:14px;
        margin-bottom:20px;
    }
    .lxwm{
        padding:20px;
    }
    .lxwmbig{
        flex-direction: column;
    }
    .lxwmleft{
        width: 100%;
        padding:20px 0 20px 20px;
    }
    .lxwmright{
        width: 100%;
    }
    .zxly{
        padding:20px;
    }
    .lxwmbt {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .zxly h3 {
        font-size: 14px;
        line-height: 200%;
        margin-top: 20px;
    }
    .kk3 {
        width: 100%;
        overflow: hidden;
        height: 6rem;
        line-height: 6rem;
        box-sizing: border-box;
        margin-top: 2.4rem;
        border: 1px #e6e6e6 solid;
        padding: 0px 2rem;
    }
    .yzm {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .kk5 {
        width: 80%;
        overflow: hidden;
        height: 6rem;
        padding: 2rem;
        box-sizing: border-box;
        border-radius: 0;
    }
    .yzm img {
        height: 6rem;
    }
    .yz {
        flex-wrap: wrap;
    }
    .anniu2{
        width: 100%;
    }
    .zishu {
        display: flex;
        justify-content: space-between;
        width: 100%;
        overflow: hidden;
        height: auto;
        line-height: 200%;
        box-sizing: border-box;
        padding: 0;
        font-size: 1.6rem;
        color: #ccc;
        flex-wrap: wrap;
    }
    .dibubanquan{
        line-height: 200%;
    }
    .dibutubiao{
        width: 100%;
    }
    .dibuxinxi{
        width: 100%;
    }
    .hmpp ul li:first-child:hover section{
        background: url(../images/01.png) no-repeat center right;
        background-size:90px;
    }
    .hmpp ul li:nth-child(2):hover section{
         background-size:90px;
    }
    .hmpp ul li:last-child:hover section{
        background: url(../images/03.png) no-repeat center right;
         background-size:90px;
    }
    .lxwmright{
        pointer-events: none;
    }
    .lxwmwen{
        width: 100%;
    }
    .lxwmleft{
        padding:20px;
    }
    .amap-logo{
        z-index: 90;
    }
    .hmpp ul li section h2{
        font-size: 24px;
    }
    .hmpp ul li section{
        font-size: 14px;
    }
    .qqscbig p{
        font-size:14px;
    }
    .zhuanlishangbiao p{
        font-size: 14px;
    }
    .cqwen{
        font-size: 14px;
        min-height: 60px;
    }
    .bada h3{
        font-size: 18px;
    }
    .xwkk-bb h2{
        font-size: 18px;
    }
    .xw-time{
        font-size: 14px;
    }
    .xwdd{
        padding: 20px;
    }
    .xwddbig{
        flex-direction: column;
    }
    .inewsct{
        width: 100%;
    }
    .xwddleft{
        width: 100%;
    }
    .inewsct {
        background: transparent;
        padding: 4rem;
        box-shadow: none;
        padding: 10px 0;
    }
    .inewsct .inews-tt p {
        font-size: 18px;
    }
    .fanye a{
        font-size:14px;
    }
    .xwddright{
        display: none;
    }
    .videotu img{
        width:47rem;
        height: 31rem;
        object-fit: cover;
        object-position: center;
    }
    .prodeleft h2 {
        font-size: 24px;
    }
    .prowen big {
        font-size: 24px;
    }
    .productsbig ul li a.proxiangqing {
        padding: 5px 25px;
        font-size: 14px;
    }
    .hmjsbt h3 {
        font-size: 18px;
    }
    .yanfawen{
        font-size: 14px;
    }
    .cailiaoright ul li{
        padding: 2rem 10px;

    }
    .cailiaorightwen {
        padding-left: 10px;
    }
    #banner .swiper-pagination{
        bottom:5rem;
    }
    .bannerwen{
        top:83%;
    }
}