* {

    margin: 0;

    padding: 0;

}



body {

    /* font-family: "PingFang"; */

    font-family: "微软雅黑";

    font-size: 16px;

    min-width: 1400px;

}



a {

    text-decoration: none;

}



input {

    outline: none;

}



textarea {

    outline: none;

}



img {

    border: none;

    outline: none;

}



li {

    list-style: none;

}



iframe {

    margin: 0 auto;

    border: none;

    display: block;

}





/*@font-face {

  font-family: 'PingFang';

  src: url("https://www.s-key-co.com/static/shouyi/fonts/ light.ttf");

}*/



.headerNav {

    background: #fff;

    position: sticky;

    top: 0;

    z-index: 9999;

    box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.1)!important

}



.header .logo img {

    display: block;

}



.header {

    width: 1350px;

    padding: 10px 0;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.header>a {

    width: 470px;

    height: 87px;

    display: block;

    float: left;

}



.header>a img {

    width: 470px;

    height: 87px;

    display: block;

}



.header .serch {

    width: 683px;

    float: right;

    overflow: hidden;

    font-size: 16px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.header .serch>div {

    width: 400px;

    background: #eeeeee;

    border-radius: 50px;

    display: flex;

    padding-left: 10px;

}

.header .serch form {

    display: flex;

    width: 400px;

}

.header .serch>div input {

    border: none;

    width: 295px;

    margin: 10px 0;

    padding-left: 4%;

    font-size: 16px;

    background: none;

    display: inline-block;

}



.header .serch>div a {

    background: #0e66bf;

    color: #fff;

    width: 100px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 0 50px 50px 0;

    padding: 10px 5px;

    text-align: center;

}



.header .serch>div a img {

    margin-right: 8px;

    position: relative;

    top: 1px;

}



.header .serch>a {

    border: #0e66bf solid 2px;

    color: #0e66bf;

    width: 120px;

    border-radius: 50px;

    padding: 6.5px 5px;

    text-align: center;

    font-size: 18px;

    display: block;

    margin-left: 30px;

}



.nav {

    width: 100%;

    background: #0e66bf;

    height: 50px;

}



.fixnav {

    position: sticky;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 999;

    margin-top: 0 !important;

}



.nav ul {

    width: 1350px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.nav ul li {

    width: 9%;

    float: left;

    text-align: center;

    position: relative;

}



.nav ul li>a {

    font-size: 18px;

    padding: 13px 0;

    display: block;

    color: #fff;

}



.nav ul li>div>div {

    position: relative;

}



.nav ul li>div>div:hover>a {

    background: #112c6a;

}



.nav ul li>div>div:hover div {

    display: block;

}



.nav ul li>div>div div {

    display: none;

    position: absolute;

    left: 100%;

    background: #0079ee;

    width: 200px;

    top: 0;

    padding-bottom: 5px;

}



.nav ul li:hover {

    background: #115497;

}



.nav ul li>div {

    display: none;

    position: absolute;

    top: 50px;

    text-align: left;

    left: 0;

    z-index: 999;

    width: 100%;

    border-top: #115497 solid 3px;

    background: #0e66bf;

    padding: 5px 0px;

}



.nav ul li>div a {

    display: block;

    padding: 12px 15px 12px 29px;

    color: #fff;

}



.nav ul li>div a:hover {

    background-color: #112c6a;

}

.nav >ul> li:nth-child(3)>div{

    width: 150px;

}

.nav >ul> li:nth-child(4)>div{

    width: 330px;

}

.nav >ul> li:nth-child(5)>div{

    width: 200px;

}

.nav >ul> li:nth-child(6)>div{

    width: 160px;

}

.nav >ul> li:nth-child(8)>div{

    width: 190px;

}



.swiper-container {

    width: 100%;

}



.swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    background-position: center;

}



.swiper-slide>p {

    transform: translateX(-200px);

    opacity: 0;

    transition: all 1s;

}



.banner .swiper-slide {

    background-position: center;

    background-size: cover;

}



.banner .swiper-slide a {

    display: block;

    width: 100%;

    height: 100%;

}



.banner {

    height: 480px;

}



.ani-slide p {

    transform: translateX(0);

    opacity: 1;

}



.titleBox,

.titleBoxVer {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding-bottom: 15px;

    position: relative;

}



.titleBox::after {

    content: '';

    /*background: url("https://www.s-key-co.com/static/shouyi/images/linetitle.png") no-repeat;*/

    width: 142px;

    height: 2px;

    position: absolute;

    right: 13%;

    top: 24%;

}



.newDiv.newDiv2 .titleBox::after {

    width: 40px;

    background-size: 100% auto;

}



.titleBox h4 {

    width: 85%;

    font-size: 28px;

    color: #0e66bf;

    text-transform: uppercase;

}



.titleBox h4 span {

    color: #8d8d8d;

    font-weight: normal;

}



.titleBox a {

    float: right;

    width: 100px;

    text-align: right;

    color: #000;

    margin-top: 5px;

}



.titleBox ul,

.titleBoxVer ul {

    display: flex;

    justify-content: space-around;

}



.titleBox ul li,

.titleBoxVer ul li {

    text-align: right;

    margin-right: 23px;

    font-size: 19px;

    padding-bottom: 15px;

    cursor: pointer;

}



.titleBox ul li.active,

.titleBoxVer ul li.active {

    color: #227ec7;

    background: url("https://www.s-key-co.com/static/shouyi/images/line.png") bottom center no-repeat

}



.titNotice {

    background: #f7f7f7;

    padding: 15px 0;

}



.titNotice>div {

    width: 1350px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.titNotice>div>img {

    display: block;

    border-right: #ddd solid 1px;

    padding-right: 15px;

}



.titNotice #marquee1 {

    width: 85%;

    height: 28px;

    overflow: hidden;

    margin-left: 2%;

}



.titNotice #marquee1 ul li {

    float: left;

    width: 387px;

    padding: 3px 0;

}



.titNotice #marquee1 ul li img {

    display: block;

}



.titNotice #marquee1 ul li a {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    font-size: 17px;

    width: 96%;

    color: #000;

    display: block;

}



.control a {

    color: #000;

}



.newDiv {

    width: 490px;

    float: left;

    margin: 0 40px;

    position: relative;

}



.newDiv .conBoxNewDiv .conBoxNew0,

.newDiv .conBoxNewDiv .conBoxNew5,

.leaderDiv>div.conBoxNew6,

.newDiv .conBoxNewDiv .conBoxNew9,

.branch .conBoxNewDiv .conBoxNew12 {

    display: block;

}



.newDiv .conBoxNewDiv ul>a,

.branch .conBoxNewDiv ul>a {

    position: absolute;

    top: 4px;

    right: 0;

    color: #000;

}



.newDiv .conBoxNewDiv>ul {

    display: none;

}



.newDiv .conBoxNewDiv>ul li {

    padding: 12px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.newDiv .conBoxNewDiv>ul li>a {

    width: 75%;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

    color: #000;

}



.newDiv .conBoxNewDiv>ul li:hover a,

.newDiv .conBoxNewDiv>ul li:hover span {

    color: #0079ee;

}



.newDiv .conBoxNewDiv>ul li>span {

    display: block;

    font-size: 15px;

}



.member {

    width: 290px;

    height: 374px;

    background: url("https://www.s-key-co.com/static/shouyi/images/memberbg.jpg?v=1.1.1") no-repeat;

    float: left;

    padding-top: 100px;

    padding-left: 3px;

    box-sizing: border-box;

}

.member *{

    box-sizing: border-box;

}



.member dl {

    background: #fff;

    width: 100px;
    height: 100px;

    float: left;

    text-align: center;

    margin-left: 30px;

    margin-bottom: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 5px;

}

.member dl:nth-child(5),

.member dl:nth-child(6){

    margin-top: 52px;

}

.member dl a{

    display: flex;

    align-items: center;

    justify-content: center;
    flex-direction: column;

    width: 100%;

    height: 100%;

}



.member dl:hover {

    border-radius: 10px;

    transition: all 1s ease-out;

    border: #124375 solid 2px

}

.member dl dt {

    display: block;

    margin-right: 7px;

    width: 24px;

    text-align: center;

}

.member dl dt img{

    vertical-align: middle;

}



.member dl dd {
    font-size: 16px;
    color: #000;

}





/* .member dl:hover img{ transform:rotate(360deg);  transition: all 1s ease-out;} */







.footer {

    width: 100%;

    background: #0e66bf;

}



.footer .cartoona {

    width: 1350px;

    margin: 0 auto;

    padding: 40px 0 20px 0;

}



.footer .ftLeft {

    float: left;

    width: 775px;

}



.footer .ftLeft>div {

    display: flex;

    align-items: center;

    color: #fff;

    border-bottom: #4a8aca solid 1px;

    padding-bottom: 30px;

    margin-bottom: 20px;

}



.footer .ftLeft p {

    font-size: 15px;

    margin-bottom: 15px;

    color: #fff;

}



.footer .ftLeft p span,

.footer .cartoona p a {

    margin-right: 25px;

    color: #fff;

}



.footer .ftRight {

    float: right;

    /* width: 288px; */

    display: flex;

}



.footer .ftRight img {

    width: 120px;

}



.footer .ftRight dl {

    margin-left: 25px;

    font-size: 13px;

    color: #fff;

    text-align: center;

}

.footer .ftRight dl:first-child{

    margin-left: 0;

}



.footer .ftRight dl dt {

    margin-bottom: 5px;

}





/*分页*/



.pages {

    display: table;

    margin: 40px auto;

    margin-bottom: 0;

}



.pages .pagination {

    display: inline-block;

    float: left;

    padding: 0;

    list-style: none;

}



.pages .pagination li {

    width: 32px;

    height: 32px;

    border: 1px solid #ccc;

    float: left;

    margin-right: 11px;

    font-size: 14px;

    color: #000;

    text-align: center;

    line-height: 32px;

    border-radius: 5px;

}



.pages .pagination li a {

    color: #000;

    display: block;

}



.pages .pagination li:hover,

.pages .pagination li.active {

    border: 1px solid #0054A7;

    background: #0054A7;

}



.pages .pagination li a:hover,

.pages .pagination li.active a {

    color: #fff;

}



.pages .pagination li.prev,

.pages .pagination li.last,

.pages .pagination li.first,

.pages .pagination li.next {

    width: 63px;

    cursor: pointer;

}



.pages .pagination li.prev:hover,

.pages .pagination li.next:hover {

    border-color: #0054A7;

    color: #0054A7;

    background: none;

}



.pages .pagination li.prev:hover a,

.pages .pagination li.next:hover a {

    color: #0054A7;

}



.pages .form {

    display: inline-block;

    height: 32px;

    line-height: 32px;

}



.pages .form .text {

    margin: 0 5px;

    font-size: 14px;

    color: #000;

    float: left;

}



.pages .form .input {

    width: 32px;

    height: 30px;

    padding: 0;

    border: 1px solid #ccc;

    border-radius: 5px;

    padding-left: 0;

    text-align: center;

    color: #000;

    float: left;

    margin-right: 5px;

}



.pages .form .go-page {

    width: 58px;

    height: 30px;

    border: 1px solid #ccc;

    font-size: 14px;

    text-align: center;

    color: #000;

    display: inline-block;

    border-radius: 5px;

    cursor: pointer;

    outline: none;

}





/*滚动条样式*/



::-webkit-scrollbar {

    /*滚动条整体样式*/

    width: 8px;

    /*高宽分别对应横竖滚动条的尺寸*/

    height: 8px;

}



::-webkit-scrollbar-thumb {

    /*滚动条里面小方块*/

    border-radius: 5px;

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

    background: rgba(0, 0, 0, 0.2);

}



::-webkit-scrollbar-track {

    /*滚动条里面轨道*/

    border-radius: 0;

    background: #f1f3f6;

}



.swiperBanner-a .swiper-pagination-bullet {

    background: #fff;

}



.swiperBanner-a {

    position: relative;

    width: 670px;

    height: 426px;

    overflow: hidden;

}



.swiperBanner-a .swiper-slide a {

    display: block;

    width: 670px;

    height: 426px;

}



.swiperBanner-a .swiper-slide .cirle {

    width: 100%;

    position: absolute;

    background: url("https://www.s-key-co.com/static/shouyi/images/linebg.png") repeat-x;

    bottom: 0;

    left: 0;

    height: 65px;

    text-align: left;

}



.swiper-button-next:after,

.swiper-button-prev:after {

    font-size: 34px!important;

}



.swiperBanner-a .swiper-slide .cirle p {

    color: #fff;

    line-height: 40px;

    width: 90%;

    font-size: 16px;

    margin: 0 auto;

    text-align: center;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}



.swiperBanner-a .swiper-button-next,

.swiperBanner-a .swiper-button-prev {

    color: #fff;

    outline: none;

}



.imgBanner {

    position: relative;

}



.imgBanner img {

    width: 100%;

}



.imgBanner>div {

    width: 1200px;

    position: absolute;

    top: 0;

    left: 15%;

    padding-top: 20px;

}



.imgBanner>div a {

    font-size: 20px;

    color: #0e66bf;

    font-weight: bold;

}



.specislBox {

    width: 1350px;

    margin: 50px auto;

    margin-bottom: 30px;

}



.zwDiv {

    width: 1350px;

    margin: 20px auto;

    background: url("https://www.s-key-co.com/static/shouyi/images/lineg.png") bottom repeat-x;

    padding-bottom: 10px;

    overflow: hidden;

}



.photoFontDiv {

    width: 490px;

    height: 373px;

    float: left;

}



.photoFontDiv .swiperBanner-a,

.swiperBanner-a .swiper-slide a {

    width: 490px;

    height: 373px;

}



.photoFontDiv .swiperBanner-a .swiper-slide img {

    width: 490px;

    height: 373px;

    object-fit: cover;

}





/************品牌活动**********/



.brandActivities {

    width: 490px;

    float: left;

}



.titleH5 {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 15px;

}



.titleH5 h4 {

    color: #0079ee;

    padding-left: 10px;

    position: relative;

    font-family: "PingFang";

    font-size: 22px;

}



.titleH5 h4::before {

    content: '';

    width: 3px;

    height: 68%;

    position: absolute;

    top: 4px;

    left: 0;

    display: block;

    background: #0079ee;

    border-radius: 50px;

}



.titleH5 a {

    color: #000;

}



.brand {

    overflow: hidden;

    margin-right: -39px;

}



.brand>a {

    width: 44%;

    display: block;

    margin-right: 20px;

    float: left;

    margin-top: 22px;

}



.brand>a img {

    width: 100%;

    height: 83px;

}



.brand dl {

    border-style: solid;

    border-width: 1px;

    border-radius: 5px;

    width: 44%;

    margin-right: 20px;

    margin-top: 22px;

    height: 82px;

    float: left;

    display: flex;

    align-items: center;

}



.brand dl a {

    color: inherit;

}



.brand dl:nth-child(1) {

    border-color: #aaccff;

    color: #2b83fe!important;

}



.brand dl:nth-child(2) {

    border-color: #fac3c0;

    color: #f46f6a!important;

}



.brand dl:nth-child(3) {

    border-color: #a7e9e8;

    color: #27cbca!important;

}



.brand dl:nth-child(4) {

    border-color: #d4b9f4;

    color: #904be4!important;

}



.brand dl:nth-child(5) {

    border-color: #ffe299;

    color: #ffb302!important;

}



.brand dl:nth-child(6) {

    border-color: #bfc5ff;

    color: #5e6dfc!important;

}



.brand dl a {

    display: flex;

    align-items: center;

    padding: 0 30px;

}



.brand dl dt {

    margin-right: 10px;

}



.brand dl dd {

    font-family: "PingFang";

    /*font-weight: bold;*/

    font-size: 17px;

}



.leader {

    width: 290px;

    float: left;

}



.leader .titleBox::after {

    display: none;

}



.leader .titleBox ul {

    width: 100%;

    justify-content: end

    /* justify-content: space-between; */

}



.leader .titleBox ul li {

    margin-right: 0;

    width: 33%;

    text-align: center;

}



.leaderDiv {

    height: 304px;

}



.leaderDivSwiper li {

    width: 80px;

    margin-right: 22px;

    float: left;

    text-align: center;

    margin-top: 16px;

}



.leaderDivSwiper {

    width: 290px!important;

}



.leaderDivSwiper .swiper-slide a {

    display: block;

    width: 100%;

}



.leaderDivSwiper .swiper-slide img {

    width: 100%;

    height: 99px;

    display: block;

    margin-bottom: 8px;

}



.leaderDivSwiper .swiper-slide h4 {

    font-weight: normal;

    font-size: 15px;

    margin: 3px 0;

    color: #000;

}



.leaderDivSwiper .swiper-slide p {

    color: #b5151d;

    font-size: 12px;

}



.leaderDivSwiper1 a {

    display: flex;

    color: #000;

    background: #fafafa;

    padding: 14.5px 0;

    width: 92%;

    justify-content: center;

    border-radius: 3px;

    align-items: center;

    border: #eee solid 1px;

    margin-bottom: 2px;

}



.leaderDivSwiper1 a:hover {

    border: #0079ee solid 1px;

    transition: all 0.5s;

    color: #0079ee;

}



.leaderDivSwiper1 a h4 {

    font-size: 16px;

    font-weight: normal;

}



.leaderDivSwiper1 a p {

    font-size: 14px;

    color: #b5151d;

    margin-left: 10px;

    max-width: 43%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.leaderDiv>div {

    position: absolute;

    z-index: -1;

    background: #fff;

    overflow: hidden;

    width: 300px;

    height: 325px;

}



.leaderDiv>div.conBoxNew0 {

    z-index: 1;

}

.leaderDiv>div.conBoxNew7 {

    z-index: 1;

}

.leaderDiv>div iframe {

    margin: 0;

    height: 325px;

    margin-top: 12px;

}



.adBanner {

    margin: 0 auto;

    margin-bottom: 30px;

    width: 1350px;

    overflow: hidden;

}



.adbannerleft {

    float: left;

    width: 660px;

    overflow: hidden;

}



.adbannerright {

    float: right;

    width: 660px;

}



.adBanner img {

    width: 100%;

    height: 110px;

}



.memberGroup .titleBox::after {

    right: 75%;

}



.ddd .moreAaco {

    position: absolute;

    color: #000;

    display: block;

    top: 8px;

    right: 0;

}



.memberGroup {

    overflow: hidden;

    position: relative;

}



.memberGroup,

.partner {

    width: 1350px;

    margin: 0 auto;

}



.branch {

    width: 28.5%;

    float: left;

    position: relative;

}



.branch .conBoxNewDiv>ul {

    max-height: 289px;

    overflow-y: auto;

    margin-top: 16px;

    display: none;

}



.branch .conBoxNewDiv>ul li {

    background: #e1eff9;

    float: left;

    width: 41.7%;

    border-right: #fff solid 1px;

    text-align: center;

    padding: 13.5px 15px;

    border-bottom: #fff solid 1px;

}



.branch .conBoxNewDiv>ul li:nth-child(3),

.branch .conBoxNewDiv>ul li:nth-child(4),

.branch .conBoxNewDiv>ul li:nth-child(7),

.branch .conBoxNewDiv>ul li:nth-child(8),

.branch .conBoxNewDiv>ul li:nth-child(11),

.branch .conBoxNewDiv>ul li:nth-child(12) {

    background: #f5fafd;

}



.branch .conBoxNewDiv>ul li a {

    display: block;

    color: #000;

    font-size: 15px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}





/* .branch>ul li:hover {

  background: #f5fafd;

} */



.forum ul {

    margin-top: 35px;

}



.forum ul li {

    border-left: #000 solid 1px;

    padding-left: 25px;

    position: relative;

    padding-bottom: 12px;

}



.forum ul li::before {

    content: '';

    width: 11px;

    height: 11px;

    background: #fff;

    border: #fff solid 8px;

    border-radius: 100%;

    display: block;

    background: url("https://www.s-key-co.com/static/shouyi/images/crice.png");

    position: absolute;

    left: -14px;

}



.forum ul li .date {

    width: 110px;

    height: 31px;

    background: url("https://www.s-key-co.com/static/shouyi/images/bqdate.png") no-repeat;

    color: #fff;

    text-align: center;

    line-height: 31px;

    font-size: 14px;

    padding-left: 5px;

    margin-bottom: 13px;

}



.forum ul li:hover h4 {

    color: #0079ee;

}



.forum ul li h4 {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    font-weight: normal;

    font-size: 17px;

    margin: 8px 0;

    margin-left: 20px;

    color: #000;

}



.forum ul li p {

    font-size: 14px;

    color: #666;

    margin-left: 20px;

}



.partner {

    margin: 40px auto 50px auto;

}



.partnerSwiper {

    margin-top: 60px;

}



.partnerSwiper a {

    display: flex;

    width: 100%;

    align-items: center;

    overflow: hidden;

    justify-content: center;

}



.partnerSwiper a img {

    height: 60px;

    display: block;

    transition: all 1s ease-out;

}



.partnerSwiper a:hover img {

    transform: scale(1.2);

}



.footer .styled-select .searchable-select {

    margin-left: 8px;

}



.searchable-select-hide {

    display: none;

}



.searchable-select {

    display: inline-block;

    min-width: 218px;

    font-size: 14px;

    line-height: 1.428571429;

    color: #fff;

    vertical-align: middle;

    position: relative;

    outline: none;

}



.searchable-select-holder {

    padding: 6px 20px;

    background-image: none;

    border: 1px solid #4591dd;

    color: #fff;

    min-height: 24px;

    line-height: 24px;

}



.searchable-select-caret {

    position: absolute;

    width: 0;

    height: 0;

    box-sizing: border-box;

    border-color: white transparent transparent transparent;

    top: 5px;

    bottom: 0;

    border-style: solid;

    border-width: 4px;

    margin: auto;

    right: 14px;

}



.searchable-select-dropdown {

    position: absolute;

    background-color: #0e66bf;

    border: 1px solid #4591dd;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

    padding: 4px;

    border-top: none;

    bottom: 38px;

    left: 0;

    z-index: 99;

    right: 0;

}



.searchable-select-input {

    margin-top: 5px;

    border: 1px solid #4591dd;

    outline: none;

    padding: 4px;

    width: 100%;

    box-sizing: border-box;

    width: 100%;

}



.searchable-scroll {

    margin-top: 4px;

    position: relative;

}



.searchable-scroll.has-privious {

    padding-top: 16px;

}



.searchable-scroll.has-next {

    padding-bottom: 16px;

}



.searchable-has-privious {

    top: 0;

}



.searchable-has-next {

    bottom: 0;

}



.searchable-has-privious,

.searchable-has-next {

    height: 16px;

    left: 0;

    right: 0;

    position: absolute;

    text-align: center;

    z-index: 10;

    /*background-color: white;*/

    line-height: 8px;

    cursor: pointer;

}



.searchable-select-items {

    max-height: 400px;

    overflow-y: scroll;

    position: relative;

}



.searchable-select-items::-webkit-scrollbar {

    display: none;

}



.searchable-select-item {

    padding: 5px 5px;

    cursor: pointer;

    min-height: 30px;

    box-sizing: border-box;

}



.searchable-select-item.hover {

    background: #1058a0;

    color: white;

}



.searchable-select-item.selected {

    background: #1058a0;

    color: white;

}



.searchable-select-item.selected a,

.searchable-select-item a {

    color: white;

}



.contentFidex {

    position: fixed;

    right: 0px;

    top: 40%;

    z-index: 1;

}



.contentFidex button {

    width: 28px;

    padding: 8px;

    background: #0079ee;

    color: #fff;

    border: none;

    position: absolute;

    left: -28px;

    outline: none;

    font-size: 15px;

}



.biji-content {

    background: #0079ee;

    padding: 10px;

    padding-bottom: 0;

    width: 123px;

}



.biji-content>div {

    max-height: 274px;

    overflow-y: auto;

    width: 160px;

}



.biji-content img {

    display: block;

    margin-bottom: 15px;

    width: 124px;

}



.centHui {

    background: #f6f6f6;

    padding: 30px 0;

}



.contentDiv {

    width: 1350px;

    margin: 0 auto;

    /* overflow: hidden; */

}



.contentDiv a {

    color: #000;

}



.txBoxSwiper a span,

.txBoxSwiper a span img,

.txBoxSwiper1 a span,

.txBoxSwiper1 a span img {

    width: 156px;

    height: 228px;

    display: block;

}



.contentDiv>.current {

    background: url("https://www.s-key-co.com/static/shouyi/images/home.png") left center no-repeat;

    padding: 10px 0;

    padding-left: 30px;

    margin-top: -20px;

    margin-bottom: 14px;

    overflow: hidden;

}



.contentDiv>.current a {

    margin: 0 5px;

    font-size: 16px;

}

.contentDiv>.current span{

    text-align: center;

}

.contentLeft {

    width: 258px;

    background: #fff;

    padding: 15px;

    float: left;

    position: sticky;

    top: 175px;

}



.contentLeft .tit {

    padding: 14px 17px 24px 17px;

    font-size: 24px;

    color: #000;

    text-align: center;

    display: block;

    font-weight: bold;

}



.contentLeft .tit::after {

    width: 50px;

    height: 3px;

    background: #0e66bf;

    display: block;

    content: '';

    margin: 0 auto;

    margin-top: 10px;

}



.contentLeft ul li>div {

    padding: 10px 0;

    display: none;

}

.contentLeft ul li.on>div{

    display: block;

}



.contentLeft ul li>div a {

    display: block;

    padding-left: 25px;

    line-height: 42px;

}



.contentLeft ul li>a {

    text-align: left;

    background: #f6f6f6 url("https://www.s-key-co.com/static/shouyi/images/arrownrw.png") 90% center no-repeat;

    margin-bottom: 6px;

    border-bottom: #fff solid 1px;

    font-size: 17px;

    display: block;

    padding: 14px 20px;

}



.contentLeft ul li:last-of-type {

    border: none

}



.contentLeft ul li:hover>a,

.contentLeft ul li.on>a {

    background: #0e66bf;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.contentLeft ul li a.on {

    color: #0e66bf;

}

.contentLeft ul li.onList>a::after {

    transform: rotate(90deg);

}



.contentLeft ul li:hover>a::after,

.contentLeft ul li.on>a::after {

    content: '';

    width: 6px;

    height: 11px;

    display: block;

    margin-right: 3px;

    background: #0e66bf url("https://www.s-key-co.com/static/shouyi/images/arrownrw2.png") 90% center no-repeat;

    color: #fff;

}



.contentLeft ul li:hover {

    border-bottom-color: #f4f4f4;

}



.contentRight {

    width: 956px;

    background: #fff;

    padding: 30px 40px;

    min-height: calc(100vh - 528px);

    float: right;

    background: #fff;

}



.contentRight>h3 {

    font-size: 24px;

    margin-bottom: 30px;

    font-weight: normal;

    color: #0e66bf;

    border-bottom: #0e66bf solid 1px;

    padding-bottom: 30px;

    display: flex;

    align-items: center;

}



.textNews li {

    overflow: hidden;

    padding: 14px 20px;

    margin: 12px 0;

}



.textNews li p::before {

    content: '●';

    font-size: 14px;

    margin-right: 10px;

}



.textNews li:nth-child(even) {

    background: #f2f6fa;

}



.textNews li a {

    display: block;

    color: #444;

    font-size: 16px;

}



.textNews li p {

    width: 80%;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    float: left;

}



.textNews li span {

    display: block;

    float: right;

    color: #666;

}



.contentDetail .tit {

    padding-bottom: 30px;

    text-align: center;

    margin-top: 30px;

    border-bottom: #0079ee solid 1px;

}



.contentDetail .tit h4 {

    font-size: 24px;

    margin-bottom: 30px;

}



.contentDetail .tit p {

    font-size: 14px;

    color: #333;

}



.contentDetail .tit p span {

    margin: 0 20px;

}



.contentDetail .detailBox {

    font-size: 16px !important;

    color: #000;

    margin-top: 30px;

    line-height: 24px;

}



.contentDetail .detailBox p {

    margin-bottom: 16px;

    line-height: 24px;

}



.contentDetail .detailBox p img,

.contentDetail .detailBox img {

    max-width: 100% !important;

}



.contentDetail .detailBox p * {

    /*font-size: 16px !important;

    color: #000;

    font-family: '微软雅黑' !important;*/

}



.listRight {

    display: flex;

    border-bottom: #0e66bf solid 2px;

    margin-top: 20px;

    justify-content: space-between;

    align-items: flex-end;

}



.listRight>h4 {

    text-align: center;

    font-size: 20px;

    padding-bottom: 20px;

    position: relative;

    padding-left: 20px;

    font-weight: normal;

}



.listRight>h4::before {

    content: '';

    width: 3px;

    height: 45%;

    position: absolute;

    background: #0e66bf;

    border-radius: 50px;

    top: 10%;

    left: 0;

}



.listRight>div {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}



.listRight>div a {

    padding: 10px 40px;

    border-radius: 5px 5px 0 0;

    display: block;

    float: left;

    margin-left: 20px;

    font-size: 17px;

    background: #ddd;

}



.listRight>div a.on {

    background: #0e66bf;

    color: #fff;

}



.photoList {

    overflow: hidden;

    margin: -30px;

    margin-bottom: 30px;

}



.photoList li {

    width: 21%;

    margin: 30px 16px 0 16px;

    margin-top: 56px;

    float: left;

    position: relative;

    text-align: center;

}



.photoList li a>div>img {

    height: 48px;

    width: auto;

    max-width: 90%;

}



.photoList li b {

    position: absolute;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.5);

}



.photoList li p {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-top: 10px;

    font-size: 17px;

    color: #000;

}



.meetList {

    background: #fff;

    padding: 30px;

}



.meetList ul li {

    border-bottom: #ddd dashed 1px;

    padding: 30px 0;

}



.meetList ul li a {

    overflow: hidden;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.meetList ul li a>div {

    width: 80%;

}



.meetList ul li .imgBox {

    width: 270px;

    height: 170px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    float: left;

    margin-right: 20px;

}



.meetList ul li img {

    min-height: 200px;

}



.meetList ul li .fontBox {

    line-height: 34px;

}



.meetList ul li .fontBox h4 {

    font-size: 20px;

    font-weight: normal;

}



.meetList ul li .fontBox p {

    color: #666;

    font-size: 15px;

}



.meetList ul li .fontBox i {

    color: red;

    font-style: normal;

}



.meetList ul li span {

    border: #0e66bf solid 1px;

    color: #0e66bf;

    display: block;

    padding: 10px 30px;

}



.meetList ul li span:hover {

    background: #0e66bf;

    color: #fff;

}



#allmap {

    height: 300px;

}



.contactDiv {

    text-align: center;

    line-height: 42px;

    margin: 30px 0;

}





/*分页*/



.derd {

    display: inline-block;

}



.derd>div {

    padding: 0 14px;

    line-height: 34px;

    height: 34px;

    border: #dfdfdf solid 1px;

    border-radius: 5px;

    display: block;

    float: left;

    margin: 0 4px;

}



.derd>div span {

    margin: 0 2px;

}



.derd>div span i {

    color: #be1212;

    font-style: normal;

}



.portraitList {

    overflow: hidden;

}



.portraitList>h3 {

    margin-top: 30px;

    position: relative;

    padding-left: 20px;

    color: #0079ee;

    margin-bottom: 20px;

    overflow: hidden;

}



.portraitList>h3::before {

    content: '';

    width: 4px;

    height: 80%;

    position: absolute;

    left: 0;

    background: #0079ee;

    top: 10%;

}



.portraitList dl {

    text-align: left;

    display: flex;

    padding: 20px 0;

}



.portraitList dl dt {

    width: 120px;

    height: 128px;

    float: left;

    margin-right: 20px;

}



.portraitList dl img {

    width: 120px;

    height: 128px;

    display: block;

    float: left;

}



.portraitList dl dd {

    border-bottom: #ddd dashed 1px;

    padding-bottom: 30px;

    width: 100%;

}



.portraitList dl dd h4 {

    font-size: 18px;

    font-weight: normal;

    color: #000;

    margin-bottom: 10px;

}



.portraitList dl dd span {

    font-size: 15px;

    color: red;

    margin-left: 10px;

}



.portraitList dl dd p {

    font-size: 14px;

    color: #333;

    text-align: justify;

    line-height: 22px;

}



.table,

.table * {

    margin: 0 auto;

    padding: 0;

    font-size: 14px;

}



.table {

    display: table;

    width: 100%;

    border-collapse: collapse;

}



.table-tr {

    display: table-row;

    height: 30px;

}



.table-th {

    display: table-cell;

    font-weight: bold;

    height: 100%;

    border: 1px solid #ddd;

    text-align: center;

    vertical-align: middle;

    padding: 14px 0;

    font-size: 16px;

}



.table-td {

    display: table-cell;

    height: 100%;

    border: 1px solid #ddd;

    text-align: center;

    vertical-align: middle;

    padding: 14px 0;

    font-size: 16px;

}



.table-tr:nth-child(odd) {

    background: #eee;

}





/***********品牌活动*************/



.cBanner {

    background: #fff;

    padding: 30px;

}



.cBannerImg {

    width: 100%;

    display: block;

}



.cBannerImg img {

    max-width: 100%;

}



.fontJFont {

    font-size: 16px;

    line-height: 34px;

    margin: 25px 0;

}



.fontJFont p {

    text-indent: 2em;

}



.titleH4 {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 40px 0 20px 0

}



.titleH4 h4 {

    font-size: 20px;

}



.titleH4 h4::after {

    content: '';

    width: 40px;

    height: 3px;

    background: #0079ee;

    border-radius: 50px;

    display: block;

    margin-top: 10px;

}



.titleH4>div span {

    display: inline-block;

    position: relative;

    cursor: pointer;

    padding: 0 15px;

}



.titleH4>div span::before {

    content: '';

    width: 1px;

    height: 68%;

    background: #dfdfdf;

    display: block;

    position: absolute;

    top: 20%;

    right: 0;

}



.titleH4>div span.active {

    color: #0079ee;

}



.titleH4>div span:last-child {

    padding-right: 0;

}



.titleH4>div span:last-child::before {

    display: none;

}



.notice {

    background: #eff3f3;

    padding: 10px 25px;

    margin-top: 25px;

}



.notice ul li {

    padding: 15px 0;

    border-bottom: #ddd solid 1px;

    display: flex;

    justify-content: space-between;

}



.notice ul li:last-child {

    border-bottom: none;

}



.notice ul li a {

    width: 80%;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.notice ul li span {

    color: #666;

}



.txBox {

    margin-left: -33px;

    overflow: hidden;

}



.txBox li {

    width: 231px;

    margin-left: 33px;

    margin-bottom: 25px;

    float: left;

    text-align: center;

}



.txBox li img {

    width: 231px;

    height: 308px;

    display: block;

    margin-bottom: 15px;

}



.titleH4NewDiv>div {

    display: none;

}



.titleH4NewDiv .conBoxNew0,

.photoGrap .conBoxNew6,

.photoGrap .conBoxNew12,

.photoGrap .conBoxNew18,

.photoGrap .conBoxNew24 {

    display: block;

}



.fixedNav {

    background: #0e66bf;

    border-radius: 3px;

    position: fixed;

    top: 18%;

    right: 0;

    padding: 10px;

}



.fixedNav img {

    margin-bottom: 10px;

}



.fixedNav li {

    padding: 10px 0;

    border-top: #3d8ee0 dashed 1px;

    display: block;

    color: #fff;

    width: 90px;

    font-size: 14px;

    text-align: justify;

    cursor: pointer;

}



.fixedNav li.active {

    color: #eee139!important;

}



.fixedNav li a {

    color: #fff;

}



.photoGrap ul {

    overflow: hidden;

    margin-right: -47px;

}



.photoGrap ul li {

    width: 285px;

    display: block;

    float: left;

    margin-right: 49px;

    margin-bottom: 20px;

}



.photoGrap ul li span,

.wjZpBox a span {

    width: 285px;

    height: 215px;

    display: block;

    border-radius: 5px 5px 0 0;

    overflow: hidden;

    margin-bottom: 15px;

}



.photoGrap ul li span img,

.wjZpBox a span img {

    width: 100%;

    min-height: 100%;

    max-height: 100%;

}



.photoGrap ul li p,

.wjZpBox a p {

    text-align: center;

    font-size: 16px;

    color: #000;

    min-height: 43px;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.syTjPhoto {

    border-bottom: #ddd solid 1px;

    padding-bottom: 40px;

}



.wjZpBox .partnerSwiper a {

    width: 285px;

    display: block;

}



.antieFont ul li a {

    max-width: 40%;

    width: initial;

}



.report {

    display: flex;

    justify-content: space-between;

}



.report #go2 {

    /*width: 745px;*/

    width: 100%;

}



.gallery-thumbs *,

.gallery-thumbsA * {

    font-size: 16px;

    justify-content: left;

    width: auto!important;

}



.gallery-thumbs .swiper-slide,

.gallery-thumbsA .swiper-slide {

    padding-right: 26px;

    padding-bottom: 10px;

    cursor: pointer;

}



.gallery-top,

.gallery-topA {

    border-top: #ddd solid 1px;

    margin-top: 15px;

    padding-top: 10px!important;

}



.moreAbox {

    display: block;

    text-align: center;

    font-size: 15px;

    background: #eee;

    padding: 10px;

    margin-top: 18px;

}



.gallery-thumbs .swiper-slide-thumb-active,

.gallery-thumbsA .swiper-slide-thumb-active {

    color: #0079ee;

}



.gallery-top .swiper-slide,

.gallery-topA .swiper-slide {

    display: block;

    width: 100%!important;

}



.gallery-top .swiper-slide>div,

.gallery-topA .swiper-slide>div {

    text-align: left;

    font-size: 16px;

    padding: 15px 0;

    display: flex;

    justify-content: space-between;

}



.gallery-top .swiper-slide>div a::before,

.gallery-topA .swiper-slide>div a::before {

    content: '•';

    margin-right: 10px;

}



.gallery-top .swiper-slide>div>a,

.gallery-topA .swiper-slide>div>a {

    width: 80%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.contribute {

    width: 475px;

    display: none;

}



.contribute .conCnet {

    background: #eff3f3;

    padding: 20px;

    line-height: 32px;

}



.contribute .conCnet p {

    text-indent: 2em;

}



.txBoxSwiper p {

    font-size: 16px;

    margin-top: 10px;

}



.chineseBox .fontBox {

    border: #0e66bf dashed 1px;

    background: #ebf5ff;

    padding: 20px;

}



.chineseBox .fontBox h4 {

    text-align: center;

    font-size: 18px;

    font-weight: normal;

    margin-bottom: 15px;

}



.chineseBox .fontBox p {

    line-height: 30px;

    font-size: 16px;

}



.chines span {

    height: 174px!important;

}



.chinesBanner {

    height: 340px;

    margin-top: 50px;

}



.chineseBox .swiper-wrapper {

    height: auto;

}



.chineseBox .swiper-slide {

    font-size: 18px;

    background: #fff;

    transition: 300ms;

    transform: scale(0.8);

    position: relative;

}



.chineseBox .swiper-slide img {

    width: 100%;

}



.chineseBox .swiper-slide-active,

.chineseBox .swiper-slide-duplicate-active {

    transform: scale(1.2);

    z-index: 999;

}



.chineseBox .swiper-slide-active * {

    font-size: 15px;

}



.chinesBanner .zzBox {

    position: absolute;

    background: rgba(0, 0, 0, 0.6);

    padding: 15px 0;

    bottom: 0;

    width: 100%;

}



.chinesBanner .zzBox p {

    width: 90%;

    margin: 0 auto;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #fff;

}



.titleH6 {

    margin-left: 33px;

    font-size: 20px;

    margin-bottom: 30px;

}



.comslidesection {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.comslidesection::after,

.comslidesection::before {

    content: "";

    position: absolute;

    top: 0;

    width: 200px;

    height: 300px;

    z-index: 99;

}



.comslidesection::before {

    left: 0;

    background: linear-gradient(to right, #fff, transparent);

}



.comslidesection::after {

    right: 0;

}



.comslidesection::after {

    right: 0;

    background: linear-gradient(to right, transparent, #fff);

}



.comslide {

    width: 100%;

    height: 97px;

    overflow: hidden;

}



.comslide .bd {

    width: 100%;

    height: 97px;

    overflow: hidden;

}



.comslide .bd li {

    float: left;

    margin-top: 3px;

    margin-right: 15px;

    width: 180px;

    height: 80px;

    background: #FFFFFF;

    box-shadow: 0px 3px 9px 0px rgba(44, 132, 201, 0.2);

    border-radius: 5px;

}



.comslide .bd ul {

    height: 97px;

}



.comslide .bd li a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 80px;

}



.comslide .bd li img {

    max-width: 90%;

    max-height: 70px;

}



.verFont1 ul {

    overflow: hidden;

    margin-right: -102px;

    border-bottom: #ddd solid 1px;

    padding-bottom: 37px;

}



.verFont1 ul li {

    width: 28%;

    float: left;

    margin-right: 65px;

    padding: 10px 0;

}



.verFont1 ul li a {

    display: flex;

    justify-content: space-between;

    color: #000;

}



.verFont1 ul li a p {

    width: 67%;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.verFont1 ul li a:hover p {

    color: #0079ee;

}



.mobile,

.chinesBannerMobile,

.wjZpBoxSwiperMoble {

    display: none;

}



.detailBox table {

    width: 100%;

    text-align: center;

    border-collapse: collapse;

    border-spacing: 1;

    border-spacing: 0;

    border-top: #ddd solid 1px;

    border-left: #eee solid 1px;

}



.detailBox table td {

    word-break: break-all;

    word-wrap: break-word;

    border-right: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    font-size: 14px

}



.detailBox table p {

    margin-bottom: 0!important;

}



.fixedimg {

    position: fixed;

    top: 0;

    left: 0;

    font-size: 13px;

    z-index: 99999;

    border: 1px solid rgb(204, 204, 204);

    background-color: white;

}



.fixedimg img {

    cursor: pointer;

    display: block;

    width: 360px;

}



.fixedimg #close {

    position: absolute;

    right: 0;

    top: 0;

    width: 15px;

    font-size: 18px;

    color: #fff;

    text-align: center;

    line-height: 15px;

    background: rgba(0, 0, 0, .5);

    cursor: pointer;

}





/* 标准库页面样式 */



.stdTable {

    min-width: 1200px;

    padding: 30px;

    background: #fff;

}



.stdTable>h5 {

    font-size: 24px;

    margin-bottom: 30px;

    font-weight: 400;

    color: #000;

}



.stdTable>h5:after {

    background: #228ccc;

    content: "";

    width: 43px;

    height: 3px;

    display: block;

    margin-top: 12px;

}



.search-item {

    float: left;

    margin: 0 25px 10px 0;

}



.system-search1 .search-item .label {

    width: auto;

    float: left;

    margin-right: 10px;

    font-size: 15px;

    color: #686868;

    line-height: 35px;

    text-align: right;

}



.clear:after,

.clear:before {

    content: "";

    clear: both;

    overflow: hidden;

    display: table;

}



.system-search1 .el-input {

    float: left;

    width: 155px;

}



.system-search1 .el-input input {

    height: 36px;

    line-height: 36px;

    border-radius: 0;

}



.system-search1 .el-input .el-input__icon {

    line-height: 36px;

}



.system-search {

    float: left;

}



.system-search button {

    font-size: 15px;

    color: #fff;

    border-radius: 0;

}



.org_table {

    margin: 30px 0;

    min-height: 400px;

}



.el-table thead th {

    background: #fafafa !important;

    padding: 10px 0;

    font-weight: 700;

    color: #666;

}



.el-table th,

.el-table td {

    font-size: 14px !important;

    text-align: center !important;

}



.search-pagination {

    margin-top: 30px;

}



.paginations,

.search-pagination {

    text-align: center;

}

.graydiv_cover {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .4);

    z-index: 99999;

}



.pop_cover_section {

    position: fixed;

    margin: auto;

    padding-bottom: 20px;

    width: 469px;

    background: url("https://www.s-key-co.com/static/shouyi/images/login-bg.jpg") no-repeat;

    background-size: cover;

    z-index: 999999;

}

.pop_cover_section .hd{

    padding-top:95px;

    margin-bottom: 15px;

    text-align: center;

    overflow: hidden;

}

.pop_cover_section .hd a{

    margin: 0 10px;

    font-size: 16px;

    color: #333;

}

.pop_cover_section .hd a.on{

    color: #0e66bf;

}

.lo {

    text-align: center;

    width: 260px;

    margin: 0px auto;

}

#login_LoginType {

    background: url("https://www.s-key-co.com/static/shouyi/images/loginName.jpg") no-repeat;

    margin-left: -10px;

}

#login_LoginName {

    background: url("https://www.s-key-co.com/static/shouyi/images/loginName.jpg") no-repeat;

    margin-top: 18px;

}



.byte {

    text-align: left;

    padding-left: 46px;

    BORDER-TOP-WIDTH: 0px;

    BORDER-LEFT-WIDTH: 0px;

    BACKGROUND: none transparent scroll repeat 0% 0%;

    BORDER-BOTTOM-WIDTH: 0px;

    MARGIN: 0px;

    VERTICAL-ALIGN: middle;

    TEXT-ALIGN: left;

    BORDER-RIGHT-WIDTH: 0px;

    height: 37px;

    width: 252px;

    line-height: 37px;

}



#login_Password {

    background: url("https://www.s-key-co.com/static/shouyi/images/LoginPwd.jpg") no-repeat;

    margin-top: 18px;

}

.login_yzm{

    background: url("https://www.s-key-co.com/static/shouyi/images/Loginyzm.jpg") no-repeat;

    margin-top: 18px;

}

.yzm_group{

    position: relative;

}

.input-group-addon{

    position: absolute;

    top: 18px;

    right: 10px;

    bottom: 0;

    padding: 0 10px;

    font-size: 14px;

    color: #666;

    line-height: 37px;

    cursor: pointer;

    background: none;

    border: 0;

    outline: none;

}



.login_btn {

    cursor: pointer;

    background-image: url("https://www.s-key-co.com/static/shouyi/images/btnLogin.jpg");

    display: block;

    width: 59px;

    height: 26px;

    color: #ffffff;

    font-weight: bold;

    margin: 0px auto;

    margin-top: 18px;

}



.closebtn {

    right: 2px;

    top: 2px;

    width: 15px;

    height: 15px;

    position: absolute;

    cursor: pointer;

}

.first_list{

    width: 100%;

    overflow: hidden;

}

.first_list li{

    float: left;

    margin-right: 25px;

    margin-bottom: 25px;

    width: 170px;

    height: 283px;

}

.first_list li:nth-child(5n){

    margin-right: 0;

}

.first_list li .img_box{

    width: 100%;

    height: 225px;

    overflow: hidden;

}

.first_list li .img_box img{

    width: 100%;

    height: 225px;

}

.first_list li p{

    margin-top: 10px;

    font-size: 16px;

    color: #333;

    line-height: 24px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /*要显示的行数*/

    overflow: hidden;

}

.first_list li:hover p{

    color: #0e66bf;

}

/* 医院检索页面 */



.stdTable2 {

    min-width: 1200px;

    padding: 30px;

    background: #fff;

}



.stdTable2>h5 {

    font-size: 24px;

    margin-bottom: 30px;

    font-weight: 400;

    color: #000;

}



.stdTable2>h5:after {

    background: #228ccc;

    content: "";

    width: 43px;

    height: 3px;

    display: block;

    margin-top: 12px;

}



.retrievalSearchBox {

    margin: 0 auto;

    margin-bottom: 50px;

    width: 510px;

    height: 50px;

    border-radius: 25px;

    overflow: hidden;

    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);

}



.retrievalSearchBox .el-input {

    float: left;

    width: 400px;

}



.retrievalSearchBox .el-input.el-input--small .el-input__inner {

    padding-left: 20px;

    height: 50px;

    border: 0;

}



.retrievalSearchBox .el-input.el-input--small .el-input__inner::-webkit-input-placeholder {

    font-size: 16px;

    color: #999;

}



.retrievalSearchBox .el-input.el-input--small .el-input__inner::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    font-size: 16px;

    color: #999;

}



.retrievalSearchBox .el-input.el-input--small .el-input__inner:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    font-size: 16px;

    color: #999;

}



.retrievalSearchBox .el-input.el-input--small .el-input__inner:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    font-size: 16px;

    color: #999;

}



.retrievalSearchBox .el-button {

    padding: 0;

    width: 110px;

    height: 50px;

    font-size: 16px;

}



.retrievalSearchBox .el-button.is-round {

    padding: 0;

    border-radius: 0 25px 25px 0;

}



.retrievalSearchBox .el-button .el-icon-search {

    font-size: 18px;

}



.hospitalInfoList {

    width: 100%;

    overflow: hidden;

}



.hospitalInfoList li {

    float: left;

    margin-right: 30px;

    width: 410px;

}

.hospitalInfoList li .el-link{

    display: block;

}



.hospitalInfoList li:last-child {

    margin-right: 0;

}



.hospitalInfoList li .item_title {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 80px;

    font-size: 24px;

    color: #fff;

    font-weight: bold;

}



.hospitalInfoList li:nth-child(1) .item_title {

    background: url("https://www.s-key-co.com/static/shouyi/images/bg5.jpg") no-repeat;

}



.hospitalInfoList li:nth-child(2) .item_title {

    background: url("https://www.s-key-co.com/static/shouyi/images/bg6.jpg") no-repeat;

}



.hospitalInfoList li:nth-child(3) .item_title {

    background: url("https://www.s-key-co.com/static/shouyi/images/bg7.jpg") no-repeat;

}



.hospitalInfoList li .item_text {

    margin-top: 10px;

    padding: 15px 20px;

    height: 150px;

    background: #F6F6F6;

    overflow: hidden;

}



.hospitalInfoList li .item_text p {

    font-size: 16px;

    color: #000;

    line-height: 30px;

}



.el-table .cell {

    font-size: 14px;

    color: #000;

}



.el-table__body {

    width: 100%;

    table-layout: fixed !important;

}



.no-header .el-table__header-wrapper {

    display: none;

}



.el-dialog__wrapper .el-dialog {

    width: 800px;

}



.el-dialog .el-dialog__header {

    padding: 17px 20px;

    background: #f8f8f9;

}



.el-dialog__header .el-dialog__title {

    font-size: 20px;

    color: #000;

    font-weight: bold;

}



.el-dialog__header .el-dialog__headerbtn .el-dialog__close {

    font-size: 18px;

    color: #666;

}



.el-dialog .el-table__body tr td:first-child {

    font-size: 16px;

    color: #000;

    background: #F8F8F9;

}





/*************************** 滑块验证 *****************************/



.dialogslider.el-dialog__wrapper .el-dialog {

    width: 400px;

}



.verify-wrap {

    position: relative;

    width: 100%;

    height: 32px;

    background-color: #E9EDEF;

    border-radius: 2px;

    overflow: hidden;

    border-radius: 5px;

}



.verify-wrap .drag-btn {

    position: absolute;

    left: 0;

    top: 0;

    width: 50px;

    height: 30px;

    border: 1px solid #C0C0C0;

    border-radius: 5px;

    background: #fff url("https://www.s-key-co.com/static/shouyi/images/arrow.png") center center no-repeat;

    background-size: 12px auto;

    z-index: 2;

    cursor: move;

}



.verify-wrap .suc-drag-btn {

    background: #fff url("https://www.s-key-co.com/static/shouyi/images/success.png") center center no-repeat;

    background-size: 15px auto;

}



.verify-wrap .drag-progress {

    position: absolute;

    left: 0;

    top: -1px;

    height: 45px;

    border-top: 1px solid #7ac23c;

    width: 0;

    background-color: #7ac23c;

    color: #fff;

    font-size: 18px;

    text-align: center;

    line-height: 30px;

}



.verify-wrap .fix-tips {

    width: 100%;

    position: absolute;

    right: 0;

    left: 0;

    height: 100%;

    font-size: 12px;

    color: #999;

    line-height: 30px;

    text-align: center;

    z-index: 1;

}



.verify-wrap .verify-msg {

    display: none;

    width: 100%;

    position: absolute;

    right: 0;

    left: 0;

    height: 100%;

    font-size: 12px;

    color: #999;

    line-height: 30px;

    text-align: center;

    background-color: #7ac23c;

    color: #fff;

    z-index: 1;

}

.el-dialog tr td .el-link:last-child .item_dh{

    display: none;

}