/**********
	CDSS 2.0
*********/


/*********重置层**********/

html,
body,
div,
p,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe,
table,
th,
td,
ol {
    margin: 0;
    padding: 0;
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

body {
    text-align: left;
    line-height: 1.2;
}

*,
 :after,
 :before,
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#app {
    background-color: #f5f7f8;
}

html,
body {
    width: 100%;
}


/*A*/

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}


/*img*/

img {
    border: 0 none;
    vertical-align: top;
}


/*li*/

ul,
li {
    list-style-type: none;
}


/*浮动*/

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

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

.clearfix {
    zoom: 1;
}

img {
    boder: 0;
}

a {
    blr: expression(this.onFocus=this.close());
}

a {
    blr: expression(this.onFocus=this.blur());
}

a:focus {
    -moz-outline-style: none;
}

a:focus {
    outline: none;
}

button {
    cursor: pointer;
}


/*i,em重置*/

i,
em {
    font-style: normal;
}

input::-webkit-input-placeholder {
    color: #8c9eba;
    font-size: 15px;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #8c9eba;
    font-size: 15px;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #8c9eba;
    font-size: 15px;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #8c9eba;
    font-size: 15px;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.justify-content-start {
    justify-content: flex-start;
}

.align-items-start {
    align-items: flex-start;
}

.justify-content-center {
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

.justify-content-end {
    justify-content: flex-end;
}

.align-items-end {
    align-items: flex-end;
}

.flex-wrap-wrap {
    flex-wrap: wrap;
}

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

.flex-1 {
    flex: 1;
}

.header {
    position: relative;
    z-index: 9999;
}

.header .ph-box {
    background-color: #ffffff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
    z-index: 999;
}

.header .ph-box .logo img {
    height: 26px;
}

.header .phone-menu .mobile-menu {
    width: 18px;
    height: 48px;
    position: relative;
    display: block;
    background: none;
    border: none
}

.header .phone-menu .menu-i {
    height: 1.5px;
    left: 0px;
    position: absolute;
    border-radius: 1px;
    font-style: normal;
    background-color: #ffffff;
    display: block;
    transition: all 0.5s
}

.header .phone-menu .menu-i {
    background-color: #000;
}

.header .phone-menu .menu-i-1 {
    width: 18px;
    top: 16px
}

.header .phone-menu .menu-i-2 {
    width: 12px;
    top: 23px
}

.header .phone-menu .menu-i-3 {
    width: 18px;
    top: 30px
}

.header .phone-menu .mobileMenuOn {
    z-index: 1001
}

.header .phone-menu .mobileMenuOn .menu-i-1 {
    transform: translateY(8px) rotate(45deg);
    background-color: #fff
}

.header .phone-menu .mobileMenuOn .menu-i-2 {
    opacity: 0
}

.header .phone-menu .mobileMenuOn .menu-i-3 {
    transform: translateY(-6px) rotate(-45deg);
    background-color: #fff
}

.header .phone-menu .mobileMenuOn .menu-i-1 {
    background-color: #000
}

.header .phone-menu .mobileMenuOn .menu-i-3 {
    background-color: #000
}

.header .phone-menu .nav-open-noscroll {
    overflow: hidden !important;
    height: 100%
}

.header .phone-menu .mobile-nav-model {
    background: #fff;
    width: 100vw;
    height: calc(100vh - 54px);
    position: absolute;
    top: 54px;
    left: 0;
    display: none;
    box-shadow: none !important;
    z-index: 1000;
    overflow-y: auto
}

.header .phone-menu .mobile-nav-model .uk-close {
    color: #000
}

.header .phone-more-menu {
    background-color: #f1f1f1;
    position: fixed;
    right: 0;
    top: 48px;
    left: 0;
    bottom: 0;
    overflow: auto;
    z-index: 9999;
    display: none;
}

.phone-more-menu .pd .cell {
    border-bottom: 1px solid #F5F5F5;
}

.phone-more-menu .pd .cell .cell-nav {}

.phone-more-menu .pd .cell .cell-nav .text {
    font-size: 16px;
    color: #000000;
    font-family: "微软雅黑";
    flex: 1;
}

.phone-more-menu .pd .cell .cell-nav .text a {
    font-size: 16px;
    color: #000000;
    padding: 20px 16px;
    display: block;
}

.phone-more-menu .pd .cell .cell-nav .down {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDcuNUwxMCAxMi41TDUgNy41IiBzdHJva2U9IiMxRDIxMjkiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.phone-more-menu .pd .cell .cell-nav .up {
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDEyLjVMMTAgNy41TDUgMTIuNSIgc3Ryb2tlPSIjMUQyMTI5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.phone-more-menu .pd .cell .cell-main {
    background: #F5F5F5;
}

.phone-more-menu .pd .cell .cell-main a {
    display: block;
    padding: 15px 0;
    color: #666666;
}

.phone-more-menu .pd .cell .cell-main .menu-cell {
    padding: 20px 40px;
    border-bottom: 1px solid #EEEEEE;
}

.phone-more-menu .pd .cell .cell-main .menu-cell .label {
    font-size: 14px;
    color: #000000;
    font-family: "微软雅黑";
}

.phone-more-menu .pd .cell .cell-main .menu-cell .value {
    font-size: 14px;
    color: #666666;
    font-family: "微软雅黑";
    padding-top: 8px;
}

.marginAuto {
    width: 1400px;
    margin: 0 auto;
}

.app-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

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

.hide-text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hide-text-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hide-text-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hide-text-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


/* 焦点图 */

.pages {
    padding-top: 40px;
}

.pages .prev {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    background-image: url("../images/b2.png");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    border: 1px solid #ebeced;
    margin: 0 8px;
}

.pages .next {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    background-image: url("../images/b3.png");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    border: 1px solid #ebeced;
    margin: 0 8px;
}

.pages .num {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 4px;
    font-size: 14px;
    color: #9A9A9A;
    background-color: #ffffff;
    text-align: center;
    border: 1px solid #ebeced;
    line-height: 30px;
}

.pages .on {
    color: #ffffff;
    background-color: #143558;
}

.header {
    padding-top: 112px;
}

@media only screen and (max-width: 1024px) and (min-width:0px) {
    .marginAuto {
        margin: 0 auto;
        padding: 0 15px !important;
        width: 100%;
    }
    .header {
        padding-top: 48px;
    }
    .header .ph-box {
        display: block;
    }
    .page-banner {
        width: 100%;
        height: 160px;
    }
    .page-info-title .title {
        font-size: 20px;
    }
    .page-info-title .des {
        font-size: 13px;
        padding-top: 12px;
    }
    .about-nav .cell {
        width: calc(100% / 3);
    }
}

.scrollClass {
    background-color: rgba(0, 0, 0, .5);
}


/*
.fullSlide{
	width:100%;
	position:relative;
	height:746px;
}
.fullSlide .bd{
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important; height:746px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:746px; }
.fullSlide .hd{
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
	background:url(../images/touming.png) repeat-x;
	text-align:center;
	_background:#000;
	_filter:alpha(opacity=60);
}
.fullSlide .hd ul{ text-align:center; padding-top:5px; }
.fullSlide .hd ul li{
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:8px;
	height:8px;
	margin:5px;
	background:url(../images/tg_flash_p.png) -18px 0;
	overflow:hidden;
	line-height:9999px;
}
.fullSlide .hd ul .on{ background-position:0 0;}
<div class="fullSlide">
                <div class="bd">
                    <ul>
                        <li style="background:url(images/banner.jpg) center 0 no-repeat;">
                            <a target="_blank" href="#"></a>
                        </li>
                        <li style="background:url(images/banner.jpg) center 0 no-repeat;">
                            <a target="_blank" href="#"></a>
                        </li>
                    </ul>
                </div>
                <div class="hd">
                    <ul></ul>
                </div>
            </div>

    // $(".fullSlide").slide({
    //     titCell: ".hd ul",
    //     mainCell: ".bd ul",
    //     effect: "fold",
    //     autoPlay: true,
    //     autoPage: true,
    //     trigger: "click"
    // });
*/