* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body {
    color: #050505;
    font-size: 16px;
    background-color: #11A8C3;
    font-family: "helvetica","neue","Arial",sans-serif
}
.en{
	font-family: PingFangSC-Semibold;
}

a {
    color: #fff;
    text-decoration: none;
    transition: .15s ease-out
}

.hidden {
    overflow: hidden
}

.clearfix {
    zoom: 1
}

    .clearfix:after {
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        overflow: hidden;
        content: "."
    }

.link {
    color: #4a4a4a
}

    .link:hover, .link.active {
        color: #1296db !important
    }

        .link:hover > i, .link.active > i {
            background-color: #1296db
        }

.img-box {
    font-size: 0;
    line-height: 0
}

    .img-box img {
        max-width: 100%
    }

    .img-box p {
        margin-top: 20px;
        font-size: 16px;
        line-height: 1;
        text-align: center
    }

.center {
    text-align: center !important
}

.left {
    float: left
}

.right {
    float: right
}

.disabled {
    cursor: not-allowed !important
}

.justify {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 28px
}

    .justify + .justify {
        margin-top: 20px
    }

.en .text {
    line-height: 28px
}

.container {
    position: relative;
    width: 100%;
	width: 1200px;
    margin: 0 auto
}

.banner img {
        width: 100%;
    }

.nav {
    margin: -35px auto 3px;
    position: relative;
    width: 1200px;
    height: 70px;
    font-size: 24px;
    line-height: 70px;
    text-align: center;
    background-color: #d8d8d8;
    background: linear-gradient(180deg, #FFFFFF 0%, #D8D8D8 100%);
    box-shadow: 0px 2px 4px 0px rgba(14,57,86,.5);
    border-radius: 40px
}

    .nav a {
        color: #0362b9;
        font-weight: 600;
        text-transform: Uppercase
    }

    .nav span {
        margin: 0 50px;
        height: 25px;
        border-left: 1px solid #70a0cb
    }

.en .nav span {
    margin: 0 26px
}

.main {
    min-width: 1250px;
}

    .main .container {
        padding: 1px 0 30px;
        min-height: 400px;
        width: 1100px;
        background-color: #fff
    }

.part .title {
    margin-top: 50px;
    margin-bottom: 30px;
    color: #424242;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: Uppercase
}

.part .part-content {
    position: relative;
    margin: 0 auto;
    width: 980px
}

.live-box {
    position: relative;
    margin: 50px auto 0;
    width: 180px;
    text-align: center
}

    .live-box .live-code {
        display: inline-block;
        width: 150px;
        padding: 9px;
        border: 1px solid #d8d8d8
    }

    .live-box img {
        width: 130px
    }

    .live-box a {
        display: inline-block;
        margin-top: 20px;
        width: 180px;
        height: 35px;
        color: #fff;
        font-size: 16px;
        line-height: 35px;
        text-align: center;
        border-radius: 32px;
        background-color: #0091ff
    }

.tbs{
	margin: auto;
    padding: 30px;
    width: 666px;
    height: 481px;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(222deg, #02B6F2 0%, #0180E0 100%)
}

.en .tbs{
	height: 360px;
}

.tbs table{
	width: 610px;
}

.tbs th {
    font-weight: lighter;
    border-right: 1px solid rgba(255,255,255,.3)
}

.tbs th {
    width: 100px
}

.en .tbs th{
	 width: 160px
}

.tbs th, .tbs td {
    padding: 19px 20px;
    border-bottom: 1px solid rgba(255,255,255,.3)
}

.tbs tr:last-child th, .tbs tr:last-child td {
    border-bottom: 0
}

.result {
    margin: 0 auto;
    width: 980px
}

    .result .left {
        float: left;
        width: 300px
    }

    .result .right {
        float: right;
        width: 600px
    }

.news-list {
    border-top: 2px solid #d8d8d8
}

    .news-list .news-item {
        border-bottom: 2px solid #d8d8d8;
        padding: 15px 0
    }

        .news-list .news-item a {
            color: #4a4a4a;
            font-size: 22px;
            line-height: 30px
        }

            .news-list .news-item a:hover {
                color: #0362b9
            }

.views {
    position: relative;
    margin:0 0 0 50px
}

    .views button {
        position: absolute;
        width: 32px;
        height: 50px;
        top: 50%;
        margin-top: -25px;
        border: none;
        outline: none;
        background-color: rgba(0,0,0,0)
    }

    .views .left-btn {
        left: 0;
        background-image: url("./common/left-o.png")
    }

        .views .left-btn.disabled {
            background-image: url("./common/left.png")
        }

    .views .right-btn {
        right: 0;
        background-image: url("./common/right-o.png")
    }

        .views .right-btn.disabled {
            background-image: url("./common/right.png")
        }

    .views .views-box {
        margin: 0 auto;
        width: 680px;
        height: 1120px;
    }

        .views .views-box .views-list {
            margin-left: -29px;
            margin-right: -1px
        }

    .views .view-item {
        float: left;
        margin: 0 29px;
        width: 288px;
        height: 223px;
        background-color: #fff;
    }

        .views .view-item .img-box {
            height: 162px;
        overflow: hidden;
            background-color: #d8d8d8
        }

        .views .view-item h3 {
            margin-top: 10px;
            color: #000;
            font-size: 20px
        }

        .views .view-item p {
            margin-top: 8px;
            padding: 0 10px;
            font-size: 16px;
            height: 42px;
            color: #000
        }

        .views .view-item .line-2 h3 {
            margin-top: 5px
        }

        .views .view-item .line-2 p {
            margin-top: 4px;
            font-size: 15px
        }
.en .views-box {
        height: 1200px;
    }
.en .view-item {
    height: 240px
}

    .en .view-item h3 {
        font-size: 18px
    }

    .en .view-item p {
        font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400;
font-size: 13px;
color: #424242;
line-height: 18px;
    }

.en .line-3 p {
    margin-top: 5px;
    font-size: 12px;
    line-height: 16px
}

.en .line-4 p {
    font-size: 12px;
    line-height: 16px
}

.footer {
    height: 211px;
    min-width: 1250px;
    padding-top: 40px;
    background-color: #0063b1
}

    .footer .f-item {
        float: left;
        margin-left: 21px;
        color: #fff;
        font-size: 12px;
        text-align: center
    }

        .footer .f-item p {
            margin-top: 5px
        }

.dialog-mask {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    z-index: 999;
    opacity: .5;
    background-color: #000
}

.dialog-box {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    z-index: 1000
}

    .dialog-box .dialog {
        position: relative;
        margin: 100px auto 0;
        width: 960px;
        height: 540px;
        background-color: #000
    }

        .dialog-box .dialog video {
            width: 100%;
            height: 100%
        }

        .dialog-box .dialog .close-btn {
            position: absolute;
            top: -38px;
            right: 0;
            width: 30px;
            height: 30px;
            background-color: rgba(0,0,0,0);
            border: none;
            outline: none;
            cursor: pointer;
            background: url("./common/close-btn.png");
            background-size: cover
        }
.sbtn {
    display: inline-block;
    width: 200px;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    border-radius: 31px;
    text-align: center;
	font-family: SourceHanSansCN-Bold;
    font-weight: 700;
	color:#fff;
  	white-space: nowrap;
    background-color: #0099ff;
    box-shadow: 0px 0px 10px 0px #d8d8d8;
}

.views .views-box1 {
        margin: 0 auto;
        width: 960px;
        height: 464px;
        overflow: hidden
    }

        .views .views-box1 .views-list1 {
            margin-left: -13px;
            margin-right: -1px
        }

    .views .view-item1 {
        float: left;
        margin: 0 90px;
        width: 282px;
        height: 462px;
        background-color: #fff;
        box-shadow: 0px 0px 10px 0px #d8d8d8
    }

        .views .view-item1 .img-box {
            height: 400px;
            background-color: #d8d8d8
        }

        .views .view-item1 h3 {
            margin-top: 10px;
            color: #000;
            font-size: 20px
        }

        .views .view-item1 p {
            margin-top: 8px;
            padding: 8px 10px;
            font-size: 16px;
            height: 42px;
            color: #000
        }

        .views .view-item1 .line-2 h3 {
            margin-top: 5px
        }

        .views .view-item1 .line-2 p {
            margin-top: 4px;
            font-size: 15px
        }
.part-1 .left {
    float: left;
    width: 370px
}

.part-1 .right {
    float: left;
    padding: 15px 10px;
    width: 600px;
    height: 310px;
    font-size: 16px;
    background: linear-gradient(222deg, #02B6F2 0%, #0180E0 100%)
}
.en .part-1 .right .justify{
    
    line-height: 20px;
}
.group_1 {
  height: 90px;
  background: url(./img/title.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 793px;
  position: relative;
  margin: 22px 0 0 151px;
	padding-top: 22px;
}
.group_2 {
  height: 60px;
  background: url(./img/foot.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 793px;
  position: relative;
  margin: 0px 0 0 151px;
	padding-top: 22px;
}
.text_45 {
  width: 702px;
  height: 26px;
  overflow-wrap: break-word;
  color: rgba(0, 116, 176, 1);
  font-size: 26px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
  margin: 0 0 0 48px;
}