* {
    padding: 0;
    margin: 0;
    list-style: none;
}

a:hover {
    text-decoration: none;
}

@media screen and (min-width: 320px) {
    html {
        font-size: 42.66px;
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size: 75px;
    }
}
@media screen and (min-width: 1170px) {
    html {
        font-size: 100px;
    }
}
body{
   background-color:#F7F9F9;
}
.item {
    height: 2.03125rem;
}
.item img {
    width: 100%;
}

.video {
    width: 9.333333rem;
    margin: .46875rem auto;
    text-align: center;
}

.video h5 {
    color: #41494c;
    margin: 0;
    font-size: .186667rem;
    font-weight: 700;
}

.video p {
    font-size: .266667rem;
    color: #2566ce;
}

.video video {
    width: 9.333333rem;
}

.pro {
    text-align: center;
    width: 9.333333rem;
    margin: 0 auto;
}

.pro img {
    width: 1.733333rem;
    padding: .133333rem;
}

.pro_title h5 {
    font-size: .186667rem;
    font-weight: 700;
}

.pro_title p {
    color: #2566ce;
    font-size: .266667rem;
}

.content {
    display: flex;
    justify-content: space-between;
}

.content .board_1 {
    float: left;
}
.content .board_2{
    float: left;
}
.content .board_2{
    float: left;
}
.content .m_board {
    position: absolute;
    float: left;
    left: 0;
    width: 250%;
    transition:all 1s;
    
}
.b_board {
    position: relative;
    float: left;
    width: 9.375rem;
    height: 2.8125rem;
    overflow: hidden;
}
.info {
    float: left;
    margin: 0 .234375rem 0 .15625rem;

}
.left_f,
.right_f {
    margin-top: 0.8rem;
    font-weight: 700;
    color: #fff;
    background-color: #2566ce;
    width: .533333rem;
    height: .4rem;
    line-height: .4rem;
}

.left_f:hover,
.right_f:hover {
    cursor: pointer;
}

.info:hover {
    background-color: #2566ce;
}

.info:hover h5 {
    color: #fff;
}

.info:hover a {
    background-color: #fff;
    color: #2566ce;
}

.info h5 {
    font-size: .16rem;
    font-weight: 700;
}

.info a {
    display: block;
    margin: .266667rem auto;
    width: .8rem;
    background-color: #2566ce;
    color: #fff;
}

.tech {
    width: 9.333333rem;
    margin: .3125rem auto 0;
    text-align: center;
}

.tech_title h5 {
    font-size: .186667rem;
    font-weight: 700;
}

.tech_title p {
    color: #2566ce;
    font-size: .266667rem;
}

.gather {
    display: flex;
    justify-content: center;
    margin-bottom: .266667rem;
}

.gather li:hover a {
    background-color: #2566ce;
    color: #fff;
}

.news li {
    width: 50%;
    float: left;
    height: 2.666667rem;
}

.news_1 li:nth-child(1) {
    background: url("../image/news1.png") no-repeat;
    background-size: cover;
}

.news_1 li:nth-child(2) {
    background: url("../image/news2.png") no-repeat;
    background-size: cover;
}

.news_1 li:nth-child(3) {
    background: url("../image/news3.png") no-repeat;
    background-size: cover;
}

.news_1 li:nth-child(4) {
    background: url("../image/news4.png") no-repeat;
    background-size: cover;
}

.news_2 li:nth-child(1) {
    background: url("../image/news2.png") no-repeat;
    background-size: cover;
}

.news_2 li:nth-child(2) {
    background: url("../image/news3.png") no-repeat;
    background-size: cover;
}

.news_2 li:nth-child(3) {
    background: url("../image/news4.png") no-repeat;
    background-size: cover;
}

.news_2 li:nth-child(4) {
    background: url("../image/news1.png") no-repeat;
    background-size: cover;
}

.news_3 li:nth-child(1) {
    background: url("../image/news4.png") no-repeat;
    background-size: cover;
}

.news_3 li:nth-child(2) {
    background: url("../image/news2.png") no-repeat;
    background-size: cover;
}

.news_3 li:nth-child(3) {
    background: url("../image/news3.png") no-repeat;
    background-size: cover;
}

.news_3 li:nth-child(4) {
    background: url("../image/news1.png") no-repeat;
    background-size: cover;
}

.news_board {
    position: relative;
    height: 2.2rem;
    margin: .266667rem .4rem;
    background: rgba(37, 102, 206, 0.7);
    color: #fff;
    overflow: hidden;
}

.news_board .h {
    position: absolute;
    top: .4rem;
    left: .133333rem;
    width: .4rem;
    height: .053333rem;
    background-color: #fff;
}

.news_board h5 {
    margin: 0;
    padding: .133333rem 0;
    text-align: left;
    text-indent: .133333rem;
    font-size: .186667rem;
}

.news_board p {
    padding: .133333rem;
    text-align: left;
    font-size: .16rem;
    letter-spacing: 1px;
    text-indent: 2em;
}

.news_board a {
    position: absolute;
    color: #fff;
    bottom: .133333rem;
    right: .133333rem;
    font-size: .16rem;
}

.more_read {
    margin: .666667rem;
}

.more_read a {
    display: inline-block;
    width: 1.066667rem;
    height: .4rem;
    line-height: .4rem;
    background-color: #2566ce;
    color: #fff;
}

footer {
    background-color: #141a3c;
    width: 100%;
    color: #fff;
    overflow: hidden;
    margin: 0 auto;
}

.foot_left ul li {
    float: left;
}

.foot_right ul li {
    float: left;
}

.foot_left ul li {
    width: 2.666667rem;
}

.foot_left ul li:nth-child(1) {
    width: 1.333333rem;
}

.foot_left ul li:nth-child(1) h5 {
    font-size: .213333rem;
    font-weight: 700;
}

.foot_left ul li:nth-child(3) {
    width: 1.333333rem;
}

.foot_left ul li:nth-child(3) div {
    width: .933333rem;
    height: .933333rem;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5xp;
}


.foot_right dl{
    text-align: center;
}
.foot_right a{
    color: #fff;
}
.foot_right dt{
    font-size: .21875rem;
    font-weight: 700;
}
.xhide{
    overflow: visible;
}