a, a:active, a:hover, a:visited {
    text-decoration: none;
    cursor: pointer;
}



ul {
    list-style: none;
}


header {
    display: flex;
    position: fixed;
    width: 100%;
    height: 80px;
    top: 0;
    z-index: 9999;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}




.scrollDown {
    background-color:#666699;
}


nav {
    width: 1190px;
    margin-left:auto;
    margin-right:auto;
}

.header-icon {
    float:left;
    width: 300px;
    height: 80px;
}

.header-icon img {
    width: 361px;
    height: 80px;
    display: inline-block;
}


.header-nav,.header-nav2 {
    float:right;
    height: 80px;
    line-height: 80px;
}
.header-nav li,.header-nav2 li {
    float:left;
    padding-left:5px;
    padding-right:5px;
    font-size: 16px;

}

.header-nav2 li {
    float:right;
    padding-left:0px;
    padding-right:0px;
    font-size: 16px;
}


.header-nav a {
    font-size: 16px;
    color:#FFFFFF;
    padding:10px;
}

.header-nav2 a {
    font-size: 16px;
    color:#000000;
    padding:10px;
    background-color:#ffffff;
}

.header-nav a:hover{
    color:#000000;
    background-color:#ffffff;
    padding:10px;
}

.header-nav2 a:hover {
    color:#ffffff;
    background-color:#000000;
    padding:10px;
}

.usertel i{font-size: 18px; color: #ffffff;}
.usertel span{font-size:16px; color:#FFFFFF;}
.usertel .exituser{}


.sosdh li{ display:inline-block; line-height:35px; height:35px;
    font-size:18px;
    text-align:center;
    cursor:pointer;
    position:relative;
}
.sosdh li span{ color:#ffffff;  }

.sosdh li i{ width:27px; height:14px;
    position:absolute;
    left:0px;right:0px;
    bottom:-8px;
    margin:auto;
    background-image:url(../images/7.png);
    display:none;
}


.sosdh .selected span{ color:#000000; background-color:#ffffff; padding:5px; padding-left:15px; padding-right:15px;}
.sosdh .selected i{ display:block;}

.sosdh li:hover span{ color:#000000; background-color:#ffffff; padding:5px; padding-left:15px; padding-right:15px;}
.sosdh li:hover i{display:block;}

.sosbd{ font-size:14px;}
.sosbd .sosbox{ display:none;}
.sosbd .show{ display:block;}







.sosbd li input{ height:50px; border:0px; line-height:50px; float:left; font-size:14px;}
.sosbd li a{height:50px; line-height:50px; float:left; width:140px; text-align:center; display:block; background-color:#FFB800; font-size:22px;
    font-weight:bold; color:#FFFFFF;}
.sosbd li a:hover{background-color:#000000;height:50px; line-height:50px;}

.sosbd li button{height:50px; line-height:50px; float:left; width:130px; margin-left:15px; margin-top:15px; text-align:center; display:block; background-color:#FFB800; font-size:22px;
    font-weight:bold; color:#FFFFFF;border-radius:0px;}
.sosbd li button:hover{background-color:#000000;height:50px; color:#FFFFFF; line-height:50px;}

.bt2{height:50px; line-height:50px;  text-align:center;  background-color:#FFB800; font-size:22px;
    font-weight:bold; color:#FFFFFF;border-radius:50px;}
.bt2:hover{background-color:#000000;height:50px; color:#FFFFFF; line-height:50px;}

.qds_slogan1 {
    position:absolute;
    text-align: center;
    color: #fff;
    font-size: 60px;
    padding-top: 110px;
    padding-bottom: 30px;
    width: 100%;
    font-weight: bold;
}

.sy{ background-image:url(../images/dhpn.png);}
.header-nav2{ margin-left:5px;}

input::-ms-clear, input::-ms-reveal{display: none;}



.t2_2 {
    display: flex;
    margin: auto;
    padding-bottom: 0px;
    width: 1190px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.t2_2 > li {
    margin-bottom: 30px;
    margin-top: 15px;
    width: 258px;
    height: 300px;
    border-radius: 0px;
    border: 0px solid #f1f1f1;
    background: #FFf;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
    list-style-type: none;
    transition: all .3s;
}

.t2_2 > li:hover {
    margin-top: 5px;
}

.t2_2 > li:hover .t1{
    color:#DF2126;
}

.t22_1 > p {
    margin: auto;
    text-align: center;
    padding-left:15px;
    padding-right:15px;
}

.t22_1 > p:nth-child(1) {
    padding-top: 44px;
    padding-bottom: 44px;
}

.t22_1 > p:nth-child(2) {
    padding-bottom: 20px;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
}

.t22_1 > p:nth-child(3) {
    color: #333;
    font-size: 14px;
}






.t3_2 {
    display: flex;
    margin: auto;
    padding-bottom: 0px;
    width: 1190px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.t3_2 > li {
    margin-bottom: 15px;
    margin-top: 15px;
    width: 158px;
    height: 300px;
    border-radius: 0px;
    border: 0px solid #f1f1f1;
    background: #FFf;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
    list-style-type: none;
    transition: all .3s;
}

.t3_2 > li:hover {
    margin-top: 5px;
    background-color:#DF2126;
}
.t3_2 > li:hover p{
    color:#FFFFFF;
}

.t3_2 > li:hover .t1{
    color:#FFFFFF;
}

.t33_1 > p {
    margin: auto;
    text-align: center;
    padding-left:15px;
    padding-right:15px;
}

.t33_1 > p:nth-child(1) {
    margin-top: 44px;
    margin-bottom: 44px;
    padding:0px;
    width:80px;
    height:80px;
    margin-left:auto;
    margin-right:auto;

}

.t33_1 .tb6{ background-image:url(../images/2-6.png);}
.t33_1 .tb5{ background-image:url(../images/2-5.png);}
.t33_1 .tb4{ background-image:url(../images/2-4.png);}
.t33_1 .tb3{ background-image:url(../images/2-3.png);}
.t33_1 .tb2{ background-image:url(../images/2-2.png);}
.t33_1 .tb1{ background-image:url(../images/2-1.png);}

.t3_2 > li:hover .tb6{ background-image:url(../images/1-6.png);}
.t3_2 > li:hover .tb5{ background-image:url(../images/1-5.png);}
.t3_2 > li:hover .tb4{ background-image:url(../images/1-4.png);}
.t3_2 > li:hover .tb3{ background-image:url(../images/1-3.png);}
.t3_2 > li:hover .tb2{ background-image:url(../images/1-2.png);}
.t3_2 > li:hover .tb1{ background-image:url(../images/1-1.png);}


.t33_1 > p:nth-child(2) {
    padding-bottom: 20px;
    color: #333;
    font-weight: 700;
    font-size: 24px;
    font-family: 'Microsoft YaHei';
}

.t33_1 > p:nth-child(3) {
    color: #333;
    font-size: 16px;
    text-align:center;
}

#rmcity1 span,#rmcity2 span,#rmcity3 span,#rmcity4 span{ padding:5px;   float:left; margin:0px;}
#rmcity1 span:hover,#rmcity2 span:hover,#rmcity3 span:hover,#rmcity4 span:hover{ padding:5px;   float:left; margin:0px; color:#DF2126;}
.shcitybt{ cursor:pointer;}

.lbbox span{ padding:5px; padding-left:10px; padding-right:10px; background-color:#f5f5f5; float:left; margin:5px;}
.lbbox .shcitybt:hover{background-color:#DF2126; color:#FFFFFF;}

.lbboxhy .shcitybt{ padding:5px; padding-left:5px; padding-right:5px; background-color:#f5f5f5; float:left; margin:5px;  margin-left:3px; margin-right:3px;}
.lbboxhy .shcitybtfl{padding:5px; padding-left:5px; padding-right:5px;  float:left; margin:5px; margin-left:2px; margin-right:3px;  background-color:#DF2126; color:#FFFFFF;}

.lbboxhy .shcitybt:hover{background-color:#DF2126; color:#FFFFFF;}







.banner-img-left {
    float: left;
    left: -19%;
    top: -7%;
}
.banner-img-right {
    float: right;
    left: 85%;
    top: 24%;
    animation-direction: reverse;
    -webkit-animation-direction: reverse;
}
.banner-img {
    display: block;
    position: absolute;
    animation: roration 20s;
    -webkit-animation: roration 20s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}

@keyframes roration {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes roration {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.banner {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 0;
    overflow-x: hidden;
    box-sizing: border-box;
    overflow: hidden;
    /*	height:414px;*/
}


.goTop {
    position: fixed;
    right: 20px;
    bottom: 80px;
    cursor: pointer;
    z-index: 999;
    width: 50px;
    height: 50px;
    background: #fb3 url(../images/index_jt.png) no-repeat 50%;
    background-color: #DF2126;
    background-size: auto;
    -webkit-background-size: 50% 50%;
    -moz-background-size: 50%;
    background-size: 50%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    opacity: 0;
}

.goTop:hover{background-color: rgb(255, 187, 51);}

.goTop.active {
    bottom: 160px;
    opacity: 1;
}

.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}
.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}

.middle{display:inline-block;vertical-align:middle}
.middle-box:after{content:"";width:0;height:100%;display:inline-block;vertical-align:middle}
.nowrap{white-space:nowrap}
.wrap{white-space:normal}
.row1{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
.row2{-webkit-line-clamp:2}
.row2,.row3{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}



.relative{position:relative}
.absoluteRT{top:0}
.absoluteRB,.absoluteRT{position:absolute;right:0}
.absoluteRB{bottom:0}
.absoluteLT{top:0}
.absoluteLB,.absoluteLT{position:absolute;left:0}
.absoluteLB{bottom:0}
.absoluteRC,.iconR{right:0}
.absoluteLC,.absoluteRC,.iconL,.iconR{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.absoluteLC,.iconL{left:0}
.absoluteCC{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.absoluteBC{bottom:0}
.absoluteBC,.absoluteTC{position:absolute;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%)}
.absoluteTC{top:0}




.index-pk *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.index-pk{height:650px;padding-top:108px;background:#fff}
.index-pk .icon-pk{margin-top:-102px}
.index-pk .container-box{min-width:1200px;margin:0 auto}
.index-pk .box-li{width:50%;display:inline-block;height:100px;margin-bottom:50px;float:left}
.index-pk .box-li .img{opacity:1}
.index-pk .box-li .active-img,.index-pk .box-li .img{-webkit-transition:opacity .5s;-o-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}
.index-pk .box-li .active-img{opacity:0}
.index-pk .box-li.active h6{color:#DF2126}
.index-pk .box-li.active p{color:#666}
.index-pk .box-li.active .icon:after{content:"";display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:116px;height:116px;background:url(../images/pc-circle.png) no-repeat 50%;-webkit-animation:zhuan 3s infinite linear;-moz-animation:zhuan 3s infinite linear;-o-animation:zhuan 3s infinite linear;animation:zhuan 3s infinite linear}
.index-pk .box-li.active .img{opacity:0}
.index-pk .box-li.active .active-img{opacity:1}
.index-pk .box-li:first-child{padding-right:230px}
.index-pk .box-li:first-child .active-img{margin:10px 0 0 -29px}
.index-pk .box-li:nth-child(2){padding-left:230px}
.index-pk .box-li:nth-child(2) .active-img{margin:10px -30px 0 0}
.index-pk .box-li:nth-child(3){padding-right:272px}
.index-pk .box-li:nth-child(3) .active-img{margin:5px 0 0 -29px}
.index-pk .box-li:nth-child(4){padding-left:272px}
.index-pk .box-li:nth-child(4) .active-img{margin:5px -30px 0 0}
.index-pk .box-li:nth-child(5){padding-right:275px;margin-bottom:50px}
.index-pk .box-li:nth-child(5) .active-img{margin:5px 0 0 -30px}
.index-pk .box-li:nth-child(6){padding-left:275px;margin-bottom:50px}
.index-pk .box-li:nth-child(6) .active-img{margin:5px -30px 0 0}
.index-pk .box-li:nth-child(7){padding-right:150px;margin-bottom:0}
.index-pk .box-li:nth-child(7) .active-img{margin:-4px 0 0 -29px}
.index-pk .box-li:nth-child(8){padding-left:150px;margin-bottom:0}
.index-pk .box-li:nth-child(8) .active-img{margin:-4px -30px 0 0}
.index-pk .box-li.box-li__left{text-align:right}
.index-pk .box-li.box-li__left .content-box{position:relative;padding-right:125px}
.index-pk .box-li.box-li__left .icon{width:100px;height:100px;right:0}
.index-pk .box-li.box-li__left .icon,.index-pk .box-li.box-li__left .icon img{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.index-pk .box-li.box-li__left .icon img{left:0}
.index-pk .box-li.box-li__right{text-align:left}
.index-pk .box-li.box-li__right .content-box{position:relative;padding-left:125px}
.index-pk .box-li.box-li__right .icon{width:100px;height:100px;left:0}
.index-pk .box-li.box-li__right .icon,.index-pk .box-li.box-li__right .icon img{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.index-pk .box-li.box-li__right .icon img{right:0}
.index-pk .box-li .content-box{height:100px;padding-top:10px}
.index-pk .box-li h6{font-size:24px;font-weight:700;color:#b3b3b3;line-height:30px}
.index-pk .box-li h6,.index-pk .box-li p{-webkit-transition:color .5s;-o-transition:color .5s;-moz-transition:color .5s;transition:color .5s}
.index-pk .box-li p{width:224px;height:33px;font-size:14px;font-weight:400;line-height:20px;margin-top:15px;color:#ccc}
.index-pk .middle-img{display:inline-block;width:440px;height:440px;top:46%;-webkit-background-size:100% 100%;-moz-background-size:100%;background-size:100%}
.index-pk .middle-img img:nth-child(2){-webkit-animation:zhuan 8s infinite linear;-moz-animation:zhuan 8s infinite linear;-o-animation:zhuan 8s infinite linear;animation:zhuan 8s infinite linear}
.index-pk .middle-img img:nth-child(4){-webkit-animation:fanzhuan 8s infinite linear;-moz-animation:fanzhuan 8s infinite linear;-o-animation:fanzhuan 8s infinite linear;animation:fanzhuan 8s infinite linear}
.index-pk .middle-img img:nth-child(5){z-index:5}
@-webkit-keyframes zhuan{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0);transform:translate3d(-50%,-50%,0) rotate(0)}
    to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}
}
@-moz-keyframes zhuan{0%{-moz-transform:translate3d(-50%,-50%,0) rotate(0);transform:translate3d(-50%,-50%,0) rotate(0)}
    to{-moz-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}
}
@-o-keyframes zhuan{0%{transform:translate3d(-50%,-50%,0) rotate(0)}
    to{transform:translate3d(-50%,-50%,0) rotate(1turn)}
}
@keyframes zhuan{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0);-moz-transform:translate3d(-50%,-50%,0) rotate(0);transform:translate3d(-50%,-50%,0) rotate(0)}
    to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);-moz-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}
}
@-webkit-keyframes fanzhuan{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0);transform:translate3d(-50%,-50%,0) rotate(0)}
    to{-webkit-transform:translate3d(-50%,-50%,0) rotate(-1turn);transform:translate3d(-50%,-50%,0) rotate(-1turn)}
}
@-moz-keyframes fanzhuan{0%{-moz-transform:translate3d(-50%,-50%,0) rotate(0);transform:translate3d(-50%,-50%,0) rotate(0)}
    to{-moz-transform:translate3d(-50%,-50%,0) rotate(-1turn);transform:translate3d(-50%,-50%,0) rotate(-1turn)}
}
@-o-keyframes fanzhuan{0%{transform:translate3d(-50%,-50%,0) rotate(0)}
    to{transform:translate3d(-50%,-50%,0) rotate(-1turn)}
}
@keyframes fanzhuan{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0);-moz-transform:translate3d(-50%,-50%,0) rotate(0);transform:translate3d(-50%,-50%,0) rotate(0)}
    to{-webkit-transform:translate3d(-50%,-50%,0) rotate(-1turn);-moz-transform:translate3d(-50%,-50%,0) rotate(-1turn);transform:translate3d(-50%,-50%,0) rotate(-1turn)}
}
@media screen and (max-width:1024px){.index-pk{height:auto;padding-top:1.648rem}
    .index-pk .icon-pk{width:2.046rem;margin-top:-.944rem}
    .index-pk .mobile-wrapper .mobile-wrapper__ul{padding-top:1.019rem;padding-bottom:1.389rem;overflow:hidden}
    .index-pk .mobile-wrapper .mobile-wrapper__ul .swiper-pagination,.index-pk .mobile-wrapper .mobile-wrapper__ul .swiper-pagination-custom,.index-pk .mobile-wrapper .mobile-wrapper__ul .swiper-pagination-fraction,.index-pk .mobile-wrapper .mobile-wrapper__ul.swiper-container-horizontal>.swiper-pagination-bullets{bottom:.694rem}
    .index-pk .mobile-wrapper .mobile-wrapper__li .title{margin:.324rem 0 .361rem;font-size:.37rem;color:#333}
    .index-pk .mobile-wrapper .mobile-wrapper__li p{margin:0 auto;width:3.704rem;height:2.13rem;font-size:.278rem;font-weight:400;color:#4d4d4d;line-height:.463rem}
}




.notifacation {
    position:fixed;
    left:0;
    bottom:220px;
    z-index:998;
    width:380px;
    height:102px;
    -webkit-transition:-webkit-transform 1s ease;
    transition:-webkit-transform 1s ease;
    -o-transition:-o-transform 1s ease;
    -moz-transition:transform 1s ease,-moz-transform 1s ease;
    transition:transform 1s ease;
    transition:transform 1s ease,-webkit-transform 1s ease,-moz-transform 1s ease,-o-transform 1s ease;
    -webkit-perspective:1000;
    -moz-perspective:1000;
    perspective:1000;
    -webkit-transform:translate3d(-130%,0,0);
    -moz-transform:translate3d(-130%,0,0);
    transform:translate3d(-130%,0,0);
    background:#fff;
    -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 0 30px 0 rgba(0,0,0,.2);
    box-shadow:0 0 30px 0 rgba(0,0,0,.2);
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px
}


.notifacation.active {
    -webkit-transform:translate3d(10px,0,0);
    -moz-transform:translate3d(10px,0,0);
    transform:translate3d(10px,0,0)
}

.usertel .exituser{ cursor:pointer; z-index:99999;position:absolute;bottom:-10px;left:0px; display:none; line-height:30px; height:30px; width:118px; background-color:#ffffff; text-align:center;}

.usertel:hover .exituser{ display:block; }

.exituser:hover{background-color:#000000; color:#FFFFFF;}

.gotel{background-color:#DF2126; color:#FFFFFF; cursor:pointer; }
.gotel:hover{background-color:#000000; color:#FFFFFF; }

.xldh{bottom:-150px; left:-15px; position:absolute;  display:none; padding-top:7px; background-image:url(../images/dhjt.png); background-repeat:no-repeat; background-position:top center;}
.xldh ul{ padding:0px; margin:0px; background-color:#000000; padding:10px;width:108px; overflow:hidden;}
.xldh li{ height:35px; line-height:35px; text-align:center; color:#FFFFFF; padding:0px; display:block;}

.didh{ margin-top:44px;}
.didh li{ float:left;  padding-right:40px; font-size:16px; color:#FFFFFF;}

.xldh li a{ height:35px; line-height:35px;  overflow:hidden; display:block; text-align:center; color:#FFFFFF; padding:0px; margin:0px; padding-left:5px; padding-right:5px;}
.xldh li a:hover{ background-color:#DF2126; padding:0px; color:#FFFFFF;padding-left:5px; padding-right:5px;}
.qmbt{ position:relative;}
.qmbt:hover .xldh{ display:block;}


.listbox{box-shadow: 0 0 20px rgba(0,0,0,0.2);}


.layui-btn-primary {
    border: 1px solid #1E9FFF;
    background-color: #ffffff;
    color: #1E9FFF;
}

.layui-btn-primary:hover {
    border: 1px solid #1E9FFF;
    background-color: #1E9FFF;
    color: #ffffff;
}