/* CSS Document */
.pr {
    position: relative;
}

.index1,
.index2,
.index3,
.index4,
.index5 {
    padding: 60px 0;
}

.index_title {
    color: #1f1f1f;
    text-align: center;
}

.it_p1 {
    font-size: 30px;
    font-weight: bold;
}

.it_p2 {
    font-family: arial;
    font-size: 16px;
    margin-top: 3px;
}

.it_bro {
    width: 28px;
    height: 15px;
    border-bottom: 3px solid #202020;
    margin: 0 auto;
}

.i1_con {
    margin-top: 65px;
}

.i1c_div {
    width: 100%;
    overflow: hidden;
}

.i1c_ul {
    width: 110%;
}

.i1c_li {
    width: 148px;
    float: left;
    position: relative;
    font-size: 0;
    overflow: hidden;
    margin-right: 27px;
}

.i1c_p1,
.i1c_p2 {
    width: 146px;
    font-size: 14px;
    color: #555555;
    text-align: center;
    line-height: 44px;
    background: #eeeeee;
    border: 1px solid #dddddd;
}

.old {
    display: inline-block;
    padding-left: 35px;
}

.i1c_p2 {
    position: absolute;
    top: 0;
    left: 0;
    background: #555555;
    border: 1px solid #555555;
    color: #FFFFFF;
    display: none;
}

.i1c_bro {
    width: 142px;
    height: 143px;
    border: 3px solid #555555;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ibtn {
    text-align: center;
    margin-top: 90px;
}

.ibtn a {
    display: inline-block;
    padding: 0 50px;
    height: 50px;
    line-height: 50px;
    background: #b10d18 url(../image/4.png) no-repeat 150px center;
    font-size: 22px;
    color: #FFFFFF;
    border-radius: 2em;
    -moz-border-radius: 2em;
}

.i1p {
    text-align: center;
    font-size: 14px;
    color: #555555;
    width: 620px;
    margin: 0 auto;
    margin-top: 30px;
    line-height: 26px;
}

.index2 {
    background: #6e549d;
}

.whi {
    color: #FFFFFF;
}

.i2_div {
    position: relative;
}

.scroll {
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
    position: relative;
}

.i2_ul {
    width: 110%;
    position: relative;
}

.i2_li {
    width: 218px;
    height: 300px;
    position: relative;
    overflow: hidden;
    font-size: 0;
    float: left;
    margin-right: 28px;
}

.i2l_ov {
    position: absolute;
    top: 40px;
    left: 0;
}

.i2_pos {
    color: #3b3b3b;
    background: #FFFFFF;
    text-align: center;
    line-height: 26px;
    padding: 15px 0;
    font-size: 12px;
    display: none;
}

.i2_p1 {
    font-size: 15px;
    font-weight: bold;
}

.i2_p2 span {
    display: inline-block;
    margin-right: 15px;
}

/*.i2_li.current .i2l_ov{top: 0;}*/
.i2_pre,
.i2_next {
    font-size: 0;
    position: absolute;
    top: 138px;
    cursor: pointer;
}

.i2_pre {
    left: -65px;
}

.i2_next {
    right: -65px;
}

.ibtn1 a {
    background: #FFFFFF url(../image/5.png) no-repeat 150px center;
    color: #404040;
}

.ibtn2 a {
    background: #FFFFFF url(../image/6.png) no-repeat 150px center;
    color: #1ec3d3;
}

.index3 {
    background: #1ec3d3;
}

.index4 {
    background: #f0f0f0;
}

.i4_con {
    margin-top: 80px;
}

.i4_left {
    width: 558px;
}

.i4l_dd {
    margin-top: 20px;
}

.i4d_p1 {
    line-height: 30px;
}

.i4d_p1 .fl {
    font-size: 20px;
    color: #1f1f1f;
    font-weight: bold;
}

.i4d_p1 .fr {
    font-family: arial;
    font-size: 14px;
    color: #c0c0c0;
}

.i4d_p2 {
    color: #787878;
    line-height: 24px;
    margin-top: 15px;
}

.i4_li {
    width: 1200px;
}

.i4_right {
    width: 600px;
}

.i4r_dl {
    margin-bottom: 20px;
    padding: 25px 0;
    cursor: pointer;
}

.i4r_dt {
    font-size: 60px;
    color: #dadada;
    font-family: arial;
    font-weight: bold;
    border-right: 1px solid #dedede;
    width: 102px;
    text-align: center;
}

.i4r_dd {
    width: 442px;
    padding: 0 30px;
    position: absolute;
    top: 25px;
    left: 105px;
}

.i4r_p1 .fl {
    font-size: 15px;
    color: #1f1f1f;
}

.i4r_p1 .fr {
    font-family: arial;
    font-size: 14px;
    color: #a8a8a8;
}

.i4r_p2 {
    color: #787878;
    line-height: 24px;
    margin-top: 10px;
}

.i4r_dl:hover {
    background: #414141;
    border-left: 2px solid #202020;
    transition-duration: 0.5s;
}

.i4r_dl:hover .i4r_dd {
    width: 520px;
    background: #414141;
    left: 0;
    transition-duration: 0.5s;
}

.i4r_dl:hover .i4r_p1 .fl {
    color: #FFFFFF;
    transition-duration: 0.5s;
}

.i4r_dl:hover .i4r_p1 .fr {
    color: #414141;
    transition-duration: 0.5s;
}

.i4r_dl:hover .i4r_p2 {
    color: #9c9c9c;
    transition-duration: 0.5s;
}

.stor_con {
    width: 100%;
    margin-top: 65px;
}

.stor_ul {
    width: 110%;
}

.stor_li {
    width: 134px;
    height: 134px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 29px;
    margin-top: 55px;
}

.stor_txt {
    display: none;
}

.stor_li.hover {
    width: 217px;
    height: 217px;
    margin-top: 0;
}

.stor_li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stor_div {
    margin-top: 60px;
}

.gs_title {
    font-size: 20px;
    color: #1f1f1f;
    text-align: center;
    font-weight: bold;
}

.ibtn3 a {
    background: #b10d18 url(../image/4.png) no-repeat 215px center;
}