@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: 100%;
    left: 0;
}
.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: #f00;
    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:#232323;
    transition:color .5s;
    position: relative;
}
.menu ul li>a:after {
    content: "";
    width: 0;
    height: 4px;
    display: block;
    background: #ff0000;
    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:#ff0000;
    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: #f00;
    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 #f00 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:#ff0000;
}
.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:#ff0000;
    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:#ff0000;
    background-size:1.8rem;
}

#banner{
    margin-top: 10rem;
    height: calc(100vh - 10rem);
}
#banner .swiper-wrapper{
    height: 100% !important;
}
#banner video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.spanyanse{
    color:#f00;
}
#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: #f00;
}
.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: #ff0000;

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

#cxzt .swiper-pagination {
    z-index: 999;
    top: 36%;
    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: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 .col-md-4{
    padding:0.5rem;
}
.syfl{
    padding:0.5rem;
    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:10.5rem 0 5rem;
}
.banner img{
    width: 100%;
}
.sycxzt img {
    width: 40%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -30%);
}
.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: 65%;
}
.diburight{
    width:35%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}
.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:5.4rem;
    font-family:DINCond-Bold;
    color:white;
    line-height: 100%;
    margin-bottom:3rem;
}
.dibudianhua a{
    color:white;
    transition: .5s;
}
.dibudianhua a:hover{
    color:#ff0000;
    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%;
}
.neiyedh{
    width: 100%;
    overflow: hidden;
    background: #fff;
    height: 6rem;
    line-height: 6rem;
    position: fixed;
    left: 0;
    top: 10rem;
    z-index: 11110;
    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:#f00;
}
.home span{
    width: 1.7rem;
    height: 1.6rem;
    background:url(../images/home.png) bottom;
    transition: .5s;
    background-size:cover;
}
.neiyedhleft a:hover span{
    background:url(../images/home.png) top;
    transition: .5s;
    background-size:cover;
}
.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: #d1291a;
    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/hmmx.jpg) no-repeat;
    padding-top:3.4rem;
    background-size:cover;
}
.hmmxbt{
    font-size:5rem;
    margin-bottom:5rem;
    line-height: 4.6rem;
    font-weight: bold;
}
.hmmxfbt{
    font-size:1.6rem;
    font-weight: bold;
    line-height: 150%;
    padding-bottom:2rem;
    border-bottom:1px solid rgba(0,0,0,.1);
    margin-bottom:1.5rem;
}
.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;
    justify-content: space-between;
}
.hmznjs ul li{
    width: 32.5%;
}
.hmznjswen h2{
    font-size:2rem;
    margin-bottom:2.1rem;
}
.hmznjswen p{
    font-size:1.6rem;
    line-height: 168.75%;
}
.hmznjstu{
    position:relative;
}
.hmznjswen{
    position:absolute;
    bottom:2.4rem;
    width: 100%;
    color:white;
    padding:0 1.5rem;
}
.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:2.2rem;
    padding-top:5.5rem;
}

.cailiaorightsz{
    font-size:7.5rem;
    background-image:linear-gradient(to right, #02c6fe , #0387fe);
    -webkit-background-clip: text;
    color:transparent;
    display: flex;
    align-items: flex-start;
    line-height: initial;
}
.cailiaorightsz img{
    margin-top:2rem;
}
.cailiaoright ul li{
    display: flex;
    align-items: center;
    background:#fff;
    padding:2rem;
}
.cailiaoright{
    width: 28%;
}
.cailiaobig{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cailiaorightwen{
    font-size:2.2rem;
    color:#4e5969;
    line-height: 186.363636%;
}
.cailiaorightsz{
    padding-right: 5.4rem;
    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;
    align-items: flex-end;
}
.hmjsleft{
    width: 47%;
}
.hmjsright{
    width: 48%;
}
.hmjsright img{
    width: 100%;
}
.hmjsbt h2{
    font-size:3.2rem;
    font-weight:bold;
    margin-bottom:2.2rem;
}
.hmjsbt h3{
    font-size:2.9rem;
    color:#e8eaed;
    font-weight:bold;
    margin-bottom:3rem;
}
.hmjsleft section{
    line-height: 150%;
    font-size:1.4rem;
    color:#4e5969;
}
.hmjsleft section p{
    margin-bottom:2rem;
}
.hmjs{
    padding:9.4rem 0 19.5rem;
}
.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:70%; 
}
.hmpp ul li:nth-child(2):hover section{
    background:url(../images/02.png) no-repeat right;
    background-size:70%;
}
.hmpp ul li:nth-child(3):hover section{
    background:url(../images/03.png) no-repeat;
    background-size:70%;
}
.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:#0073ee;
    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:6.2rem 0 10.6rem;
}
.lxwmbt{
    font-size:4.6rem;
    font-weight: bold;
    margin-bottom:3.5rem;
}
.lxwmleft ul li{
    display: flex;
    align-items: center;
    margin-bottom:2.5rem;
}
.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:#d1291a;
    transition:color .5s;
}
.lxwmbig{
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
}
.lxwmleft{
    padding:7.1rem 0 5.7rem 4.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: #d1291a;
    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: #ff0000;
    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;
    padding-bottom: 6rem;
    background-color: #f2f2f2;
}
.xwkk-aa {
    width: 43%;
    float: left;
}
.xwbd {
    height: auto;
    overflow: hidden;
    border: 6px solid #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}
.xwkk-aa img {
    width: 100%;
}
.xwkk-bb {
    width: 50%;
    float: right;
    line-height: 150%;
}
.xwkk-bb h2 {
    font-size: 2.1rem;
    margin-top: 2.7rem;
    margin-bottom:2.7rem;
    line-height: 150%;
    color: #000000;
}
.tmbody {
	background:transparent;
}
.xw-time {
    margin-top: 5.7rem;
    height: auto;
    overflow: hidden;
    color: #000000;
}
.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 .mask {
    display: block;
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0;
    top: 100%;
    background-color: #0073ee;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    z-index: 0;
}
.xwkuaix .con {
    position: relative;
    z-index: 1;
    font-size: 1.4rem;
    color: rgba(0,0,0,.6);
    line-height: 150%;
}
.xwkuaix h2 {
    font-size: 2.1rem;
    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;
}
.xwlie {
    height: auto;
    overflow: hidden;
    padding-top: 5rem;
    padding-bottom: 7rem;
}
.xwkuaix:hover .mask {
    top: 0;
    height: 100%;
}
.xwkuaix:hover .con {
    color:#FFFFFF;
}
.xwkuaix:hover .nian {
    color:#FFFFFF;
}        
.xwkuaix:hover h2 {
    color:#FFFFFF;
}   
.xwkuaix:hover h3 {
    color:#FFFFFF;
}
.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{
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.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%;
}

.rczp ul li {
border-bottom:1px rgba(0,0,0,.15) dashed;
list-style-type:none;
margin-bottom:2rem;
}
.rczp ul li .jitp {
padding:2.5rem 3rem 0;
transition:.3s;
}
.rczp ul li .jitp span {
display:block;
float:left;
width:25%;
color:#545459;
line-height:4.4rem;
font-size:1.9rem;
text-align: center;
}
.rczp ul li .jitp span:nth-of-type(4) {
width:22%;
}
.rczp ul li .jitp span:nth-of-type(5) {
width:30%;
}
.rczp ul li .jitp span a {
color: #545459;
background: #efefef;
text-align: center;
}

.rczp ul li.cur .jitp {
background: #e6e6e6;
}
.rczp .jibt {
display: none;
padding: 2rem 7rem 5rem;
line-height: 200%;
}
.rczp .jibt h1 {
font-size: 2.0rem;
line-height: 4rem;
}
.rczp .jibt section {
padding: 1.5rem 0px 1.5rem 2rem;
color: #545459;
line-height: 2.6rem;
}
.rczp    ul li.cur .jitp span i {
transform: rotate(180deg);
}
.rczp .jibt>div>h2 {
width: 14rem;
line-height: 4.4rem;
color: #fff;
background: #252525;
text-align: center;
font-size: 1.5rem;
transition: .3s;
margin: 1.5rem 0px 0px;
}
.rczp ul li .jitp span small {
    width: 13.8rem;
    display: block;
    height: 4.4rem;
    font-size: 1.9rem;
    color: #545459;
    background: #efefef;
    text-align: center;
    transition: .3s;
    float: left;
}
.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: #fff;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 11111;
    height: 10rem;
    box-sizing: border-box;
    padding: 0px 5rem;
    box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.03);

}
header.head {
    top: -10.5rem;
}
.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: 10000;
    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: #0073ee;
    border: 1px solid #0073ee;
    padding: 0px;
    margin-top: 2rem;
    transition: .5s;
}
.btn-warning:hover {
    color: #fff;
    background-color: #d1291a;
    border-color: #d1291a;
    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: 22%;
}
.yddfx{
    color:white;
    font-size:2.7rem;
    position: absolute;
    bottom: 12%;
    right: 20%;
}
.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 a{
    display: block;
    height: 100%;
    width: 100%;
}
#banner .swiper-slide a section{
    height: 100%;
    width: 100%;
}

.hmyy{
    text-align: left;
    padding-left:1rem;
}
.logo img{
    width: 25.4rem;
    height: 6.1rem;
}
.time-list img{
    width: 100%;
}
.form-control{
    font-size:1.4rem;
}
.ewm img{
    width:11.3rem;
}

@media(max-width:1280px){
    .menu ul li dl dd {
        padding: 0 1rem;
    }
}
@media(max-width:1176px){
    .menu ul li dl {
        left: -25%;
        width: 150%;
    }
    .fwzcbt {
        margin-bottom: 2.2rem;
    }
}