@import url("base.css");
@import url("xh_ras.css");
@import url("iconfont.css");

/* @import url("font_2410798_epy5jx1ds0p.css"); */


/* 公共部分 *******************/

a {
    color: #333;
}

*::selection {
    color: #fff;
    background-color: #000000;
    text-shadow: none;
}

.w {
    width: 1550px;
    margin: 0 auto;
}

html {
    font-size: 75px;
    background: #FFFFFF !important;
}

ul {
    font-size: 0;
}

.time5 {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.time10 {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.row-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.row-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.formtips {
    position: absolute;
    top: 19%;
    right: 5%;
    font-size: .213333rem;
    color: #FF4545;
    text-align: center;
}


/* 清除浮动 */

.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* 滚动条美化 */

 ::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #000000;
}


/*定义滚动条轨道 内阴影+圆角*/

 ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}


/*定义滑块 内阴影+圆角*/

 ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #8b8b8b;
}


/* pc header */

.header_md {
    display: none;
}

.pc_header {
    width: 100%;
    box-shadow: 0 0 5px #c1c1c1;
    position: fixed;
    z-index: 99;
    background: #fff;
}

.pc_header .header_top {
    width: 100%;
    background: #084d9c;
    height: 35px;
}

.pc_header .header_top>div {
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pc_header .header_top>div p {
    color: #fff;
    font-size: 13px;
}

.pc_header .header_main {
    max-width: 1400px;
    margin: 0 auto;
    height: 80px;
}

.pc_header .header_main .header_nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.pc_header .header_nav>a {
    display: block;
    width: 25%;
    display: flex;
    align-items: center;
    border-right: 1px solid #f4f4f4;
    height: 100%;
    min-width: 200px;
}

.pc_header .header_nav>a img {
    width: 70%;
}

.pc_header .header_nav>div {
    width: 15%;
    border-left: 1px solid #f4f4f4;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding-left: 15px;
}

.pc_header .header_nav span {
    color: #084d9c;
}

.pc_header .header_nav p:nth-child(2) {
    font-size: 20px;
    font-weight: bold;
    color: #084d9c;
    height: 28px;
    line-height: 30px;
}

.pc_header .header_nav p:nth-child(3) {
    font-size: 14px;
    font-weight: bold;
    color: #084d9c;
}

.pc_header .header_nav ul {
    display: flex;
    align-items: center;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    box-sizing: border-box;
    padding: 0 15px;
}

.pc_header .header_nav ul li {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.pc_header .header_nav ul li.on::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #084d9c;
    transition: .3s all ease;
    margin: 0 auto;
    position: absolute;
    top: 77px;
}

.pc_header .header_nav ul li>a {
    height: 100%;
    text-align: center;
    color: #333;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s all ease-in;
    padding: 0 8px;
}

.pc_header .header_nav ul li:after {
    content: '';
    display: block;
    width: 0%;
    height: 3px;
    background: #084d9c;
    transition: .3s all ease;
    margin: 0 auto;
    position: absolute;
    top: 77px;
}

.pc_header .header_nav ul li:hover::after {
    width: 100%;
    transition: .3s all ease;
}

.pc_header .header_nav ul li i {
    transition: .2s all ease-in;
}

.pc_header .header_nav ul li:hover i {
    transform: rotate(180deg);
    transition: .2s all ease-in;
}

.pc_header .header_nav ul li>a:hover {
    color: #084d9c;
    transition: .2s all ease-in;
}

.head_link {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 120px;
    align-items: center;
    background: #fff;
    z-index: 0;
    visibility: hidden;
    top: 100px;
    box-shadow: 0px 8px 20px -5px #d0d0d0;
    transition: .3s all ease-in;
    transform: translateY(20px);
    opacity: 0;
    padding: 10px 0;
}

.head_link a {
    width: 100%;
    text-align: center;
    height: 43px;
    color: #333;
    line-height: 43px;
    transition: .2s all ease-in;
    font-size: 14px;
}

.head_link a:hover {
    transition: .2s all ease-in;
    color: #084d9c;
}

.pc_header .header_nav ul li:hover .head_link {
    opacity: 1;
    transition: .3s all ease-in;
    transform: translateY(-20px);
    z-index: 99;
    visibility: visible;
}


/* 手机端header */

.header_md {
    width: 100%;
    display: none;
}

.header_md_none {
    display: none;
}

.header_md_top {
    width: 100%;
    height: 70px;
    z-index: 99;
    position: fixed;
    top: 0;
    right: 0;
    transition: all 0.5s ease;
    background: #fff;
    box-shadow: 0 0 5px #c1c1c1;
    z-index: 99;
}

.header_md_logo {
    width: 252px;
}

.header_md_logo img {
    width: 85%;
    transition: all 0.2s ease-in
}

.header_md_logo img:last-child {
    /* display: none; */
    transition: all 0.2s ease-in
}

.header_md_title {
    font-size: 1.5rem;
}

.header_md_box {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 10px 30px;
}

.header_md_top .header_md_top_btn {
    display: block;
    width: 42px;
    height: 56px;
    background-size: auto 40%;
    position: relative;
}

.header_md_top .header_md_top_btn:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: 26px;
    margin-left: -13px;
    margin-top: -8px;
    background: #333;
    transition: all 0.5s ease;
}

.header_md_top .header_md_top_btn:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: 26px;
    margin-left: -13px;
    margin-top: 6px;
    background: #333;
    transition: all 0.5s ease;
}

.header_md_top .header_md_top_btn span {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: 26px;
    margin-left: -13px;
    margin-top: -1px;
    background: #333;
    transition: all 0.5s ease;
}

.header_md_top .header_md_top_btn.on {
    transition: all 0.5s ease;
}

.header_md_top .header_md_top_btn.on:before {
    margin-top: -1px;
    transform: rotate(45deg);
    transition: all 0.5s ease;
    background: #FFFFFF;
}

.header_md_top .header_md_top_btn.on:after {
    margin-top: -1px;
    transform: rotate(-45deg);
    transition: all 0.5s ease;
    background: #FFFFFF;
}

.header_md_top .header_md_top_btn.on span {
    width: 0;
    transition: all 0.5s ease;
}

.T-nav {
    position: absolute;
    left: 0;
    top: 70px;
    margin: 0;
    padding: 14px 0;
    box-sizing: border-box;
    width: 100%;
    height: calc(100vh - 70px);
    background: #017BD0;
    z-index: 22;
    overflow: auto;
    display: none;
}

.T-nav::-webkit-scrollbar {
    width: 0 !important
}

.T-nav>li {
    position: relative;
    width: 100%;
    user-select: none;
}

.T-nav>li>a {
    padding: 7px 3%;
    position: relative;
    transition: all 0.5s ease;
    color: #FFFFFF;
    text-align: center;
    font-size: 28px;
    line-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.T-nav>li>a>i {
    color: #FFFFFF;
    position: absolute;
    right: 32%;
    font-size: 28px;
    transition: .2s all ease-in;
}

.T-nav>li>a>i.rotate {
    transform: rotate(-180deg);
    transition: .2s all ease-in;
}

.T-nav>li>a img {
    width: 28px;
}

.T-nav>li .header_md_thr {
    text-align: center;
    background: #017BD0;
    display: none;
    font-size: 21px;
    text-align: center;
    overflow: hidden;
}

.T-nav>li .header_md_thr a {
    display: block;
    line-height: 45px;
    font-size: 21px;
    text-align: center;
    color: #FFFFFF;
}

.header_md.curr .header_md_top {
    background: none;
    background: #fff;
}

.header_md.curr .header_md_top .header_md_box {
    background: none;
    box-shadow: 0 0 5px #c1c1c1;
}

.header_md.curr .header_md_top .header_md_top_btn:before {
    background: #333;
}

.header_md.curr .header_md_top .header_md_top_btn:after {
    background: #333;
}

.header_md.curr .header_md_top .header_md_top_btn span {
    background: #333;
}

.header_md.curr .header_md_logo img:last-child {
    display: block;
}

.header_md.curr .header_md_logo img:first-child {
    display: none;
}

.header_md .header_md_top.curr {
    background: #017BD0!important;
    transition: all 0.5s ease;
    width: 50%;
}

.header_md .header_md_top.curr .header_md_logo img:last-child {
    display: block!important;
}

.header_md .header_md_top.curr .header_md_logo img:first-child {
    display: none!important;
}


/* 公共标题 */


/* index title */

.c-title {
    font-size: .533333rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
}

.c-title p:last-child {
    font-size: .213333rem;
    font-weight: 400;
    color: #606060;
    margin-top: 2.12%;
}

.c-title p:first-child {
    position: relative;
}

.c-title p:first-child::after {
    content: "";
    position: absolute;
    bottom: -30%;
    left: 50%;
    width: 32px;
    height: 4px;
    background: #FF4545;
    border-radius: 2px;
    transform: translateX(-50%);
}


/* end index title */


/* 了解更多 */

.more-box {
    text-align: center;
}

.more-box a {
    display: inline-block;
    width: 11.48%;
    height: .453333rem;
    border: 1px solid #017BD0;
    border-radius: .226667rem;
    font-size: .213333rem;
    font-weight: 400;
    color: #017BD0;
    line-height: .453333rem;
}

.more-box a:hover {
    color: #FFFFFF;
    background: #017BD0;
}


/* end 了解更多 */


/* 公共按钮 */

.ind_btn {
    font-size: 16px;
    color: #084d9c;
    display: inline-block;
    width: 125px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #084d9c;
    user-select: none;
    text-align: center;
    line-height: 40px;
    background-size: 0%;
    transition: .2s all ease-in;
}

.ind_btn:hover {
    color: #fff;
    background: #084d9c;
    background-position: left;
    background-size: 100% 100%;
    transition: .2s all ease-in;
}


/* 公共部分 *******************/


/* 首页-begin *******************/


/* banner */

.ind_banner {
    width: 100%;
    height: 800px;
    overflow: hidden;
}

.ind_banner .ind_banner_swi {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ind_banner .ind_banner_swi .swiper-slide {
    width: 100%;
    height: 100%;
}

.ind_banner .ind_banner_swi .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ind_banner .ind_banner_swi .swiper-pagination-bullet-active {
    background: #fff;
}

.ind_banner .ind_banner_page {
    bottom: 25px;
}

.md_ind_banner {
    display: none;
    width: 100%;
    height: 308px;
}

.md_ind_banner img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.md_ind_banner .ind_banner_swi {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


/* index services */

.services {
    padding-top: 1.293333rem;
}

.services ul {
    margin-top: .8rem;
}

.services ul li {
    position: relative;
    display: inline-block;
    width: 21.16%;
    height: 4.8rem;
    border: 1px solid #017BD0;
    text-align: center;
    vertical-align: top;
    background: #FFFFFF;
    box-shadow: 0 63px 0 12px #DCDCDC;
}

.services ul li:hover {
    box-shadow: 0 63px 0 12px #017BD0;
}


/* .services ul li::after {

    content: "";

    width: 110%;

    height: 4.8rem;

    background: #DCDCDC;

    position: absolute;

    top: .84rem;

    left: -0.2rem;

    z-index: -1;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

} */


/* .services ul li:hover::after {

    background: #017BD0;

} */

.services ul li:not(:last-child) {
    margin-right: 4.32%;
}

.services ul li img {
    display: block;
    margin: 0 auto;
    margin-top: 1.053333rem;
    width: 20%;
}

.services ul li h6 {
    font-size: .32rem;
    font-weight: bold;
    color: #000000;
    margin-top: .76rem;
}

.services ul li p {
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
    margin-top: .266667rem;
}

.services ul li p:last-child {
    margin-top: .133333rem;
}


/* end index services */


/* index about */

.about {
    padding-top: 3.026667rem;
}

.about img.topimg {
    width: 100%;
    display: block;
}

.about .left {
    width: 24.45%;
    /* height: 7.853333rem; */
    background: #017BD0;
    padding: 0 0 .453333rem .453333rem;
    box-sizing: border-box;
    transform: translateY(-50%) !important;
}

.about .left h6 {
    font-size: .426667rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: .666667rem;
    margin-top: .8rem;
}

.about .left p {
    font-size: .213333rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .346667rem;
    margin-top: .64rem;
    margin-bottom: .613333rem;
}

.about .left a {
    font-size: .186667rem;
    font-weight: 400;
    color: #FFFFFF;
}

.about .left img {
    width: 80%;
    display: block;
    margin-top: 1.466667rem;
}

.about .right {
    padding: .533333rem;
    width: 75%;
    box-sizing: border-box;
}

.about .right p {
    font-size: .24rem;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    text-indent: 2em;
}

.about .right ul {
    margin-top: 1.013333rem;
}

.about .right ul li {
    display: inline-block;
    width: 25%;
    text-align: center;
}

.about .right ul li span {
    display: block;
    font-size: .48rem;
    font-weight: 400;
    color: #017BD0;
    line-height: .346667rem;
}

.about .right ul li p {
    font-size: .32rem;
    font-weight: 400;
    color: #333333;
    line-height: .346667rem;
    text-indent: 0;
    margin-top: .44rem;
}


/* end index about */


/* index reason */

.reason {
    background: url(https://shuthing-1301087905.cos.ap-shanghai.myqcloud.com/skin/images/reason-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: .72rem 0 .946667rem 0;
}

.reason .c-title {
    color: #FFFFFF;
}

.reason .c-title p:last-child {
    color: #FFFFFF;
}

.reason ul {
    margin: 0 auto;
    display: block;
    margin-top: .96rem;
}

.reason ul li {
    display: inline-block;
    width: 21.33%;
    height: 6.266667rem;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(191, 191, 191, 0.5);
    border-radius: 4px;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
}

.reason ul li .hideimg {
    display: none;
}


/* .reason ul li:hover {

    width: 30.38%;

    background: #017BD0;

    box-shadow: -4px 9px 18px 0px rgba(248, 100, 0, 0.16);

}



.reason ul li:hover .hideimg {

    display: block;

}



.reason ul li:hover .showimg {

    display: none;

}



.reason ul li:hover h6,

.reason ul li:hover p {

    color: #FFFFFF;

} */

.reason ul li.on {
    width: 30.38%;
    background: #017BD0;
    box-shadow: -4px 9px 18px 0px rgba(248, 100, 0, 0.16);
}

.reason ul li.on .hideimg {
    display: block;
}

.reason ul li.on .showimg {
    display: none;
}

.reason ul li.on h6,
.reason ul li.on p {
    color: #FFFFFF;
}

.reason ul li img {
    display: block;
    margin: 0 auto;
    margin-top: 1rem;
}

.reason ul li h6 {
    font-size: .266667rem;
    font-weight: bold;
    color: #333333;
    margin-top: 1rem;
}

.reason ul li p {
    font-size: .186667rem;
    font-weight: 400;
    color: #666666;
    padding: 0 .226667rem;
    margin-top: .44rem;

}


/* end index readson */


/* index book */

.book {
    padding-top: .64rem;
}

.book .c-title p:first-child::after {
    background: #017BD0;
}

.book .tab {
    text-align: center;
    margin-top: .72rem;
}

.book .tab li {
    display: inline-block;
    width: 11.48%;
    height: .453333rem;
    border: 1px solid #017BD0;
    border-radius: .226667rem;
    cursor: pointer;
    line-height: .453333rem;
    font-size: .213333rem;
    font-weight: 400;
    color: #017BD0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.book .tab li:hover {
    background: #017BD0;
    color: #FFFFFF;
}

.book .tab li:hover a {
    color: #FFFFFF;
}

.book .tab li a {
    line-height: .453333rem;
    font-size: .213333rem;
    font-weight: 400;
    color: #017BD0;
    display: block;
}

.book .tab li.on {
    background: #017BD0;
    color: #FFFFFF;
}

.book .tab li.on a {
    color: #FFFFFF;
}

.book .tab li:not(:last-child) {
    margin-right: 2.96%;
}

.book .tab-con {
    margin-top: .933333rem;
    display: none;
}

.book .tab-con.on {
    display: block;
}

.book .tab-con li {
    display: inline-block;
    width: 19.5%;
    margin-bottom: .373333rem;
}

.book .tab-con li:hover .img-box {
    border: 1px solid #017BD0;
}

.book .tab-con li:not(:nth-child(5n)) {
    margin-right: 0.5%;
}

.book .tab-con li .img-box {
    width: 100%;
    height: 4.693333rem;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    position: relative;
    overflow: hidden;
}

.book .tab-con li .img-box img {
    display: block;
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.book .tab-con li p {
    font-size: .213333rem;
    font-weight: bold;
    color: #000000;
    line-height: 30px;
    text-align: center;
    margin-top: .226667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.book .box {
    font-size: 0;
}

.book .box .left,
.book .box .rigth {
    width: 50%;
    display: inline-block;
}


/* end index book */


/* index cases */

.cases {
    padding-top: .826667rem;
    background: #FFFFFF;
}

.cases .box {
    background: url(https://shuthing-1301087905.cos.ap-shanghai.myqcloud.com/skin/images/case-bg.jpg) no-repeat top center;
    background-size: 100% 100%;
    margin-top: .906667rem;
    padding: .96rem 0 1.4rem 0;
}

.cases .box .w {
    position: relative;
}

.cases .cases-swiper {
    margin-top: .44rem;
    padding-bottom: .533333rem;
}

.cases .cases-swiper .swiper-slide {
    background: #EDEDED;
    height: 6.48rem;
}

.cases .cases-swiper .swiper-slide img {
    display: block;
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cases .cases-swiper .swiper-slide div {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    width: .946667rem;
    height: .946667rem;
    border-radius: 50%;
    text-align: center;
    line-height: .946667rem;
    background: #A6CD38;
    font-size: .24rem;
    font-weight: 300;
    color: #FFFFFF;
    cursor: pointer;
}

.cases .box .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
}

.cases .box .swiper-pagination .swiper-pagination-bullet-active {
    background: #A6CD38;
    width: .8rem !important;
    border-radius: .2rem !important;
}

.cases .box .swiper-pagination .swiper-pagination-bullet {
    margin: 0 .293333rem;
    width: .4rem;
    border-radius: .106667rem;
}

.fs_gallery {
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.fs_gallery_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: 25px;
    color: #ccc;
    font-size: 34px;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    z-index: 102;
}

.fs_gallery_close:before {
    content: "×";
}

.fs_gallery_close:hover {
    color: #fff;
}

.fs_gallery_prev,
.fs_gallery_next {
    position: absolute;
    width: 80px;
    color: #ccc;
    font-size: 30px;
    cursor: pointer;
    z-index: 101;
}

.fs_gallery_prev:hover,
.fs_gallery_next:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.fs_gallery_prev {
    left: 0;
    top: 0;
    bottom: 0;
}

.fs_gallery_next {
    right: 0;
    top: 0;
    bottom: 0;
}

.fs_gallery_prev:before {
    content: "‹";
    position: absolute;
    height: 30px;
    margin-top: -30px;
    top: 50%;
    left: 35px;
}

.fs_gallery_next:before {
    content: "›";
    position: absolute;
    height: 30px;
    margin-top: -30px;
    top: 50%;
    left: 35px;
}

.fs_gallery_shuft {
    position: relative;
    width: 9999999px;
}

.fs_gallery_shuft:after {
    clear: both;
    content: "";
    display: block;
}

.fs_gallery_shuft_item {
    float: left;
    position: relative;
    background-image: url(../fonts/13f6afc7f3f84a099cba3eeb60e7b6d6.woff);
    background-position: center center;
    background-repeat: no-repeat;
}

.fs_gallery_shuft_item img {
    margin: 0 !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50% -50%);
    -moz-transform: translateY(-50% -50%);
    -ms-transform: translateY(-50% -50%);
    -o-transform: translateY(-50% -50%);
    /* width: auto !important;

    height: 80% !important; */
}


/* end index cases */


/* index load */

.load {
    padding-top: 1.16rem;
}

.load ul {
    margin-top: .773333rem;
}

.load ul li {
    display: inline-block;
    margin-bottom: .333333rem;
    position: relative;
    width: 18.77%;
    height: 5.133333rem;
    border: 1px solid #CFCFCF;
    box-sizing: border-box;
    padding: .533333rem .573333rem .306667rem .466667rem;
    cursor: pointer;
}

.load ul li:hover {
    border: 1px solid #017BD0;
}

.load ul li:hover .con {
    font-weight: bold;
}

.load ul li:not(:nth-child(5n)) {
    margin-right: 1.23%;
}

.load ul li .title {
    position: relative;
    font-size: .32rem;
    font-weight: bold;
    color: #333333;
}

.load ul li .title::before {
    content: url(https://shuthing-1301087905.cos.ap-shanghai.myqcloud.com/skin/images/pdf.png);
    position: absolute;
    left: -0.36rem;
    top: .053333rem;
}

.load ul li .con {
    margin-top: .293333rem;
    font-size: .213333rem;
    font-weight: 400;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}

.load ul li .bottom {
    position: absolute;
    bottom: .306667rem;
    left: 0;
    width: 100%;
    padding: 0 .706667rem 0 .466667rem;
    box-sizing: border-box;
}

.load ul li .bottom .fl {
    font-size: .213333rem;
    font-weight: 400;
    color: #333333;
}


/* end index load */


/* index news */

.news {
    padding-top: 1.2rem;
    padding-bottom: 1.68rem;
    background: url(https://shuthing-1301087905.cos.ap-shanghai.myqcloud.com/skin/images/icon06.png) no-repeat bottom center;
    /* background-size: 100% 100%; */
}

.news ul {
    margin-top: .773333rem;
}

.news ul li {
    width: 45.8%;
    display: inline-block;
    margin-bottom: .8rem;
    background: #FFFFFF;
    cursor: pointer;
    padding-bottom: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #017BD0;
}

.news ul li .left {
    width: 14.08%;
    display: inline-block;
    margin-right: 3.11%;
    overflow: hidden;
}

.news ul li .left img {
    width: 100%;
    display: block;
}

.news ul li .right {
    width: 82.81%;
    display: inline-block;
    vertical-align: top;
    margin-top: .16rem;
}

.news ul li:not(:nth-child(2n)) {
    margin-right: 8.4%;
}

.news ul li .right .title .fl {
    font-size: .24rem;
    font-weight: bold;
    color: #333333;
}

.news ul li .right .title .fr {
    font-size: .186667rem;
    font-weight: 400;
    color: #606060;
}

.news ul li .right .con {
    font-size: .186667rem;
    font-weight: 400;
    color: #808080;
    line-height: 24px;
}

.news ul li:hover {
    border-bottom: 1px solid #017BD0;
}

.news ul li:hover .left img {
    transform: scale(1.1);
}

.news ul li:hover .right .title .fl {
    text-decoration: underline;
    color: #017BD0;
}

.news ul li:hover .right .title .fr{
    color: #017BD0;
}

.news ul li:hover .right .con {
    color: #017BD0;
}


/* end index news */


/* footer */

.m-footer {
    display: none;
}

footer {
    background: url(https://shuthing-1301087905.cos.ap-shanghai.myqcloud.com/skin/images/footer-bg.png) no-repeat top center;
    background-size: 100% 100%;
    font-size: 0;
    padding-top: .306667rem;
}

footer .title {
    font-size: .32rem;
    font-weight: bold;
    color: #000000;
}

footer .entitle {
    font-size: .186667rem;
    font-weight: 400;
    color: #000000;
    margin-top: .16rem;
}

footer .left,
footer .left2,
footer .right,
footer .right2 {
    display: inline-block;
}

footer .left {
    width: 29.03%;
}

footer .left .footer-logo {
    display: block;
    width: 62%;
    /* margin-top: .306667rem; */
}

footer .left ul.top {
    margin-top: .706667rem;
}

footer .left ul.top li {
    margin-bottom: .266667rem;
}

footer .left ul.top li span {
    font-size: .24rem;
    font-weight: 400;
    color: #000000;
}

footer .left ul.top li span:last-child {
    font-size: .373333rem;
}

footer .left ul.bottom {
    font-size: 0;
}

footer .left ul.bottom li img {
    width: 21px;
    height: 21px;
    display: inline-block;
    margin-right: .28rem;
}

footer .left ul.bottom li {
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
    margin-bottom: .2rem;
}

footer .left2 {
    width: 25.16%;
    vertical-align: top;
    margin-left: 5%;
}

footer .left2 ul {
    margin-top: .36rem;
}

footer .left2 ul li {
    position: relative;
    width: 100%;
}

footer .left2 ul li:not(:last-child) {
    margin-bottom: .133333rem;
}

footer .left2 ul li input {
    width: 100%;
    height: .56rem;
    box-sizing: border-box;
    padding-left: .24rem;
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
}

footer .left2 ul li input:focus {
    border: 1px solid #017BD0;
}

footer .left2 ul li textarea {
    width: 60%;
    height: 1.253333rem;
    box-sizing: border-box;
    padding-left: .24rem;
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
    box-sizing: border-box;
    padding-left: .24rem;
}

footer .left2 ul li textarea:focus {
    border: 1px solid #017BD0;
}

footer .left2 ul li button {
    width: 35%;
    height: 1.253333rem;
    border: 0;
    outline: 0;
    margin-left: 5%;
    background: #017BD0;
    box-shadow: 0px 0px .133333rem 0px rgba(0, 0, 0, 0.17);
    border-radius: .093333rem;
    vertical-align: top;
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
}

footer .left2 ul li button:hover {
    background: #FFFFFF;
    border: 1px solid #017BD0;
    color: #017BD0;
}

textarea::-webkit-input-placeholder {
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
}

textarea::-moz-input-placeholder {
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
}

textarea::-ms-input-placeholder {
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
}

textarea::-o-input-placeholder {
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
}

input::-webkit-input-placeholder {
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
}

input:-o-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
}

footer .right {
    width: 9.48%;
    vertical-align: top;
    margin-left: 7%;
}

footer .right .title,
footer .right .entitle,
footer .right2 .title,
footer .right2 .entitle {
    color: #FFFFFF;
}

footer .right ul {
    margin-top: .333333rem;
}

footer .right ul li a {
    font-size: .213333rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .4rem;
}

footer .right2 {
    width: 18.7%;
    vertical-align: top;
    margin-left: 5%;
}

footer .right2 img {
    margin-top: .28rem;
    margin-bottom: .186667rem;
    display: block;
    width: 1.933333rem;
    height: 1.933333rem;
}

footer .right2 a {
    display: block;
    font-size: .16rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .5rem;
}


/* end footer */


/* 面包屑 */

.nav {
    width: 100%;
    height: 50px;
    background: #017BD0;
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.15);
}

.nav .fl {
    font-size: .186667rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 50px;
}

.nav .fl a {
    font-size: .186667rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 50px;
}

.nav .fl a img {
    display: inline-block;
    width: 18px;
    height: 18px;
    transform: translateY(20%);
    margin-right: .106667rem;
}

.nav .fr li {
    display: inline-block;
    width: 1.333333rem;
    height: 100%;
    text-align: center;
    position: relative;
}

.nav .fr li:not(:last-child) {
    margin-right: .333333rem;
}

.nav .fr li a {
    font-size: .266667rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 50px;
}

.nav .fr li.on::after {
    content: "";
    width: 1.333333rem;
    height: 3px;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
}


/* end 面包屑 */


/* 关于我们 公司简介 */

.about-gsjj {
    padding: 1.28rem 0;
    background: #FFFFFF;
}

.about-gsjj .box {
    margin-top: .56rem;
}

.about-gsjj .left {
    transform: unset !important;
}

.about-gsjj .right ul {
    margin-top: 1.706667rem;
}

.about-gsjj .right {
    margin-top: .8rem;
}


/* end 关于我们 公司简介 */


/* 关于我们 公司资质 */

.zizhi {
    padding-top: 1.28rem;
    padding-bottom: 2.253333rem;
    background: #FFFFFF;
}

.zizhi ul {
    margin-top: 1.226667rem;
}

.zizhi ul li {
    display: inline-block;
    width: 22.25%;
    margin-bottom: .64rem;
}

.zizhi ul li:not(:nth-child(4n)) {
    margin-right: 2.96%;
}

.zizhi ul li .img-box {
    width: 100%;
    height: 6.16rem;
    background: #EDEDED;
    position: relative;
}

.zizhi ul li .img-box img {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.zizhi ul li p {
    margin-top: .346667rem;
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    color: #000000;
}


/* end 关于我们 公司资质 */


/* 关于我们 公司环境 */

.gshj {
    background: #FFFFFF;
    padding-top: 1.28rem;
    padding-bottom: 1.4rem;
}

.gshj .top {
    margin-top: 1.133333rem;
}

.gshj .top li {
    display: inline-block;
    width: 25%;
    text-align: center;
}

.gshj .top li img {
    margin: 0 auto;
    width: 20%;
}

.gshj .top li p {
    font-size: .266667rem;
    font-weight: bold;
    color: #000000;
    margin-top: .56rem;
}

.gshj .bottom {
    margin-top: 1.066667rem;
}

.gshj .bottom li {
    display: inline-block;
    width: 45.67%;
    margin-bottom: .866667rem;
}

.gshj .bottom li img {
    display: block;
    width: 100%;
}

.gshj .bottom li:not(:nth-child(2n)) {
    margin-right: 8.33%;
}


/* end 关于我们 公司环境 */


/* 关于我们 公司动态 */

.aboutnews {
    background: #FFFFFF;
}


/* end 关于我们 公司动态 */


/* 分页 */

.page {
    margin-top: 0 !important;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #808080;
}

.page li {
    width: auto !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    display: inline-block;
    padding: 0 12px;
    height: 30px;
    border: 1px solid #808080;
    margin: 0 10px;
}

.page li:hover {
    border: 1px solid #017BD0;
    background: #017BD0;
}

.page li:hover a {
    color: #FFFFFF;
}

.page li.on {
    border: 1px solid #017BD0;
    background: #017BD0;
}

.page li.on a {
    color: #FFFFFF;
}

.page li a {
    font-size: 16px;
    line-height: 30px;
    color: #808080;
}


/* end 分页 */


/* 样书展示 */

.bookdisplay {
    padding-bottom: 1.2rem;
    background: #FFFFFF;
}

.bookdisplay .page {
    margin-top: .666667rem !important;
}


/* end 样书展示 */


/* 图书批发 */

.booksale {
    background: #FFFFFF;
    padding-bottom: 2.266667rem;
}

.booksale ul.page {
    margin-top: 1.333333rem !important;
}

.booksale ul.page li {
    height: 30px !important;
    padding: 0 12px;
}


/* end 图书批发 */


/* 关于我们 公司动态详情 */

.container {
    background: #FFFFFF;
    padding: 1.28rem 0;
}

.container .top {
    width: 66.06%;
}

.container .top .title {
    font-size: .533333rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
}

.container .top ul {
    margin-top: .4rem;
    margin-bottom: .6rem;
    text-align: center;
}

.container .top ul li {
    display: inline-block;
    font-size: .186667rem;
    font-weight: 400;
    color: #636363;
}

.container .top ul li:not(:last-child) {
    margin-right: .266667rem;
}

.container .box {
    margin-top: .266667rem;
}

.container .box .layout-left {
    width: 66.06%;
    font-size: .213333rem;
    font-weight: 400;
    color: #636363;
    line-height: .426667rem;
}

.container .box .layout-left img {
    width: 80%;
    display: block;
    margin: 0 auto;
}

.container .box .layout-left hr {
    margin-top: .733333rem;
}

.container .box .layout-left div {
    margin-top: .4rem;
}

.container .box .layout-left div ul.fl li a {
    font-size: .186667rem;
    font-weight: 400;
    color: #000000;
}

.container .box .layout-left div .fr a img {
    display: block;
    width: .4rem;
    height: .4rem;
    margin: 0 auto;
}

.container .box .layout-left div .fr p a {
    font-size: .186667rem;
    font-weight: 400;
    color: #000000;
}

.container .box .layout-right h5 {
    font-size: .32rem;
    font-weight: bold;
    color: #333333
}

.container .box .layout-right {
    width: 26.51%;
}

.container .box .layout-right ul {
    margin-top: .333333rem;
}

.container .box .layout-right ul li {
    height: 1.613333rem;
    box-sizing: border-box;
    padding: .133333rem .466667rem .133333rem .213333rem;
    margin-bottom: .4rem;
}

.container .box .layout-right ul li:hover {
    border: 1px solid #017BD0;
}

.container .box .layout-right .title {
    font-size: .24rem;
    font-weight: bold;
    color: #333333;
}

.container .box .layout-right .con {
    font-size: .186667rem;
    font-weight: 400;
    color: #808080;
}

.container .box .layout-right .left,
.container .box .layout-right .right {
    display: inline-block;
}

.container .box .layout-right .left {
    width: 24.33%;
    margin-right: .266667rem;
}

.container .box .layout-right .left img {
    width: 100%;
    display: block;
}

.container .box .layout-right .right {
    width: 68.39%;
    vertical-align: top;
}


/* end 关于我们 公司动态详情 */


/* 样书展示 详情 */

.bookdisplay {
    background: #FFFFFF;
}

.bookdisplay .box {
    margin-top: .933333rem;
    font-size: 0;
}

.bookdisplay .box .left,
.bookdisplay .box .right {
    display: inline-block;
}

.bookdisplay .box .left {
    width: 32.9%;
    height: 7.933333rem;
    border: 1px solid #C1C1C1;
    position: relative;
}

.bookdisplay .box .left:hover {
    border: 1px solid #017BD0;
}

.bookdisplay .box .left img {
    display: block;
    width: 65%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bookdisplay .box .right {
    width: 57.54%;
    vertical-align: top;
    margin-left: 2.58%;
}

.bookdisplay .box .right .title {
    font-size: .32rem;
    font-weight: bold;
    color: #000000;
    margin-left: .16rem;
}

.bookdisplay .box .right .bookcon {
    margin-left: .16rem;
    margin-top: .706667rem;
}

.bookdisplay .box .right .bookcon li {
    display: inline-block;
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
    width: 43.17%;
    border-bottom: 1px solid #C1C1C1;
    padding-bottom: .266667rem;
    margin-bottom: .466667rem;
}

.bookdisplay .box .right .bookcon li:not(:nth-child(2n)) {
    margin-right: 8.16%;
}

.bookdisplay .box .right .sale {
    margin-top: 1.066667rem;
}

.bookdisplay .box .right .sale li {
    display: inline-block;
    width: 23.26%;
    height: 3.68rem;
    border: 1px solid #C1C1C1;
    text-align: center;
    vertical-align: top;
    padding: 0 .266667rem;
    box-sizing: border-box;
}

.bookdisplay .box .right .sale li:hover {
    border: 1px solid #017BD0;
}

.bookdisplay .box .right .sale li:not(:last-child) {
    margin-right: 2.23%;
}

.bookdisplay .box .right .sale li p {
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
}

.bookdisplay .box .right .sale li p:nth-child(2) {
    margin-bottom: .266667rem;
}

.bookdisplay .box .right .sale li img {
    width: .533333rem;
    height: .533333rem;
    display: block;
    margin: 0 auto;
    margin-top: .346667rem;
    margin-bottom: .866667rem;
}

.bookdisplay .box .right .sale li img.wx {
    width: 70%;
    height: auto;
    margin: 0 auto;
    margin-top: .866667rem;
}

.bookdisplay .conbox {
    margin-top: 1.133333rem;
}

.bookdisplay .conbox .left {
    width: 69.35%;
}

.bookdisplay .conbox .left .title {
    font-size: .24rem;
    font-weight: bold;
    color: #000000;
    padding-bottom: .226667rem;
    border-bottom: 1px solid #017BD0;
}

.bookdisplay .conbox .left .jianjie {
    font-size: .186667rem;
    font-weight: 400;
    color: #000000;
    line-height: .32rem;
    background: #F7F7F7;
    box-sizing: border-box;
    padding: .333333rem;
    margin-top: .24rem;
    margin-bottom: .533333rem;
    text-indent: 2em;
}

.bookdisplay .conbox .left .introduce {
    margin-top: .4rem;
}

.bookdisplay .conbox .left .introduce img {
    width: 92%;
    display: block;
    margin: 0 auto;
}

.bookdisplay .conbox .right {
    width: 19.48%;
    margin-left: 4%;
}

.bookdisplay .conbox .right div {
    font-size: .24rem;
    font-weight: 400;
    color: #000000;
    font-weight: bold;
}

.bookdisplay .conbox .right ul {
    margin-top: .226667rem;
}

.bookdisplay .conbox .right ul li {
    margin-bottom: .253333rem;
}

.bookdisplay .conbox .right ul li:hover .img-box {
    border: 1px solid #017BD0;
}

.bookdisplay .conbox .right ul li .img-box {
    height: 4.693333rem;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    position: relative;
}

.bookdisplay .conbox .right ul li img {
    display: block;
    width: 65%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bookdisplay .conbox .right ul li p {
    font-size: .213333rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: .4rem;
    text-align: center;
}


/* end 样书展示 详情 */


/* banner */

.banner-box img {
    display: block;
    width: 100%;
    height: auto;
}

.banner-box .m-banner {
    display: none;
}


/* end banner */


/* 图书招标 */

.wholesale {
    background: #FFFFFF;
    padding-top: 1.28rem;
    padding-bottom: 1.4rem;
}

.wholesale .box {
    font-size: 0;
    text-align: center;
    margin-top: 1.6rem;
}

.wholesale .box .left-img {
    width: 42.19%;
    display: inline-block;
    margin-right: 3.87%;
}

.wholesale .box ul {
    display: inline-block;
    vertical-align: top;
    margin-top: .266667rem;
}

.wholesale .box ul li:not(:last-child) {
    margin-bottom: .4rem;
}

.wholesale .box ul li img {
    display: inline-block;
    width: .933333rem;
    margin-right: .4rem;
}

.wholesale .box ul li div {
    display: inline-block;
    width: 526px;
    border-bottom: 1px solid #D2D2D2;
    text-align: left;
    vertical-align: top;
}

.wholesale .box ul li div p {
    font-size: .32rem;
    font-weight: bold;
    color: #000000;
    margin-bottom: .2rem;
}

.wholesale .box ul li div span {
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
    margin-bottom: .226667rem;
    display: inline-block;
}


/* end 图书招标 */


/* 服务流程 */

.process {
    background: #FFFFFF;
    padding-top: 2.133333rem;
    padding-bottom: 1.333333rem;
}

.process .c-title p:first-child::after {
    background: #017BD0;
}

.process ul {
    margin-top: 1.266667rem;
}

.process ul li {
    display: inline-block;
    position: relative;
    height: 2.773333rem;
}

.process ul li .img-box {
    height: 2.066667rem;
    background: #017BD0;
    position: relative;
    border-radius: .453333rem;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.process ul li:hover .img-box {
    background: #fb760a;
}

.process ul li .img-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}

.process ul li.right-raw {
    width: 42px;
    margin-right: 1%;
}

.process ul li.right-raw img {
    width: 100%;
    position: absolute;
    top: 35%;
}

.process ul li:nth-child(odd) {
    margin-right: 1%;
    width: 10%;
}

.process ul li p {
    font-size: .226667rem;
    color: #000000;
    text-align: center;
    margin-top: .4rem;
    font-weight: bold;
}

.process ul li img {
    display: block;
    margin: 0 auto;
    width: 100%;
}


/* end 服务流程 */


/* 图书馆配 */

.pei {
    background: #FFFFFF;
    padding-top: 1.266667rem;
    padding-bottom: 1.333333rem;
}

.pei ul {
    margin-top: 1.266667rem;
}

.pei ul li {
    display: inline-block;
    width: 25.8%;
    height: 3.733333rem;
    text-align: center;
    margin-bottom: .666667rem;
    box-sizing: border-box;
    vertical-align: top;
}

.pei ul li:not(:nth-child(3n)) {
    margin-right: 11%;
}

.pei ul li:hover {
    background: #017BD0;
}

.pei ul li:hover img.hideimg {
    display: block;
}

.pei ul li:hover img.showimg {
    display: none;
}

.pei ul li:hover h5 {
    color: #FFFFFF;
}

.pei ul li:hover p {
    color: rgba(255, 255, 255, .6);
}

.pei ul li img {
    display: block;
    margin: 0 auto;
    margin-top: .533333rem;
}

.pei ul li .hideimg {
    display: none;
}

.pei ul li h5 {
    margin: .266667rem 0;
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
}

.pei ul li p {
    font-size: .186667rem;
    font-weight: 400;
    color: #888888;
    line-height: .32rem;
}


/* end 图书馆配 */


/* 联系我们 */

.contact {
    background: #FFFFFF;
    padding: 1.28rem 0;
}

.contact ul {
    text-align: center;
    margin-top: 1.133333rem;
}

.contact ul li {
    display: inline-block;
    width: 18.38%;
    height: 3.666667rem;
    border: 1px solid #C1C1C1;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 .733333rem;
}

.contact ul li:hover {
    border: 1px solid #017BD0;
}

.contact ul li:not(:last-child) {
    margin-right: 4.32%;
}

.contact ul li img {
    display: block;
    width: .853333rem;
    margin: .426667rem auto;
}

.contact ul li img.wx {
    width: 80%;
}

.contact ul li p {
    font-size: .213333rem;
    font-weight: 400;
    color: #000000;
    line-height: .48rem;
}

#container {
    width: 89.41%;
    height: 9.546667rem;
    margin: 0 auto;
    margin-top: .84rem;
}


/* end 联系我们 */


/* 右侧导航 */

.right_nav {
    right: 0;
    bottom: 100px;
    position: fixed;
    text-align: left;
    z-index: 999;
}

.right_nav li {
    background: rgba(128, 128, 128, .5);
    width: 80px;
    height: 80px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.right_nav li:hover {
    background: #017BD0;
}

.right_nav li:first-child {
    background: #017BD0;
}

.right_nav li:last-child {
    background: #017BD0;
}

.right_nav li .iconBox {
    text-align: center;
    overflow: hidden;
    align-items: center;
}

.right_nav li .iconBox img {
    display: block;
    max-width: 100%;
    margin: 50% auto;
    transform: translateY(-50%);
}

.right_nav li div {
    color: #000000;
    font-size: 14px;
    margin: 12px 0;
}

.right_nav li:hover .hidebox {
    display: block;
}

.right_nav .hidebox {
    position: absolute;
    top: -12px;
    right: 80px;
    width: 168px;
    display: none;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px rgba(157, 157, 157, 0.73);
    opacity: 0.99;
    background-color: #fff;
}

.right_nav .hidebox img {
    max-width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.right_nav .hidebox .hb div {
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
}


/* end 右侧导航 */