/* 基础部分 */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

ul {
    list-style: none;
}

button,
input,
select,
textarea {
    margin: 0;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

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

img,
embed,
object,
audio,
video {
    max-width: 100%;
}

iframe {
    border: 0;
}

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

td,
th {
    padding: 0;
    text-align: left;
}

html {
    background-color: #f4f4f4;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
    display: block;
}

body,
button,
input,
select,
textarea {
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

code,
pre {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: monospace;
}

body {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 400;
    /*  line-height: 1.5; */
}

a {
    color: #ff6a00;
    cursor: pointer;
    text-decoration: none;
}

    a strong {
        color: currentColor;
    }

    a:hover {
        color: #ff6a00;
    }

code {
    background-color: whitesmoke;
    color: #ff3860;
    font-size: 0.875em;
    font-weight: normal;
    padding: 0.25em 0.5em 0.25em;
}

hr {
    background-color: #dfdfdf;
    border: none;
    display: block;
    height: 1px;
    margin: 1.5rem 0;
}

img {
    height: auto;
    max-width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
    vertical-align: baseline;
}

small {
    font-size: 0.875em;
}

span {
    font-style: inherit;
    font-weight: inherit;
}

strong {
    font-weight: 700;
}

pre {
    -webkit-overflow-scrolling: touch;
    background-color: whitesmoke;
    color: #4a4a4a;
    font-size: 0.875em;
    overflow-x: auto;
    padding: 1.25rem 1.5rem;
    white-space: pre;
    word-wrap: normal;
}

    pre code {
        background-color: transparent;
        color: currentColor;
        font-size: 1em;
        padding: 0;
    }

table td,
table th {
    text-align: left;
    vertical-align: top;
}

table th {
    color: #363636;
}
/* 基础部分结束 */


.container {
    margin: 0 auto;
    /*  position: relative; */
}

@media screen and (min-width: 768px) {
    .container {
        max-width: 768px;
        width: 768px;
    }
}

@media screen and (min-width: 1024px) {
    .container {
        max-width: 960px;
        width: 960px;
    }
}

@media screen and (min-width: 1280px) {
    .container {
        max-width: 1200px;
        width: 1200px;
    }
}

@media screen and (max-width: 1280px) {
	.gdtiao-table{
		overflow-x: scroll; /*添加横向滚动条*/
		white-space: nowrap;/*不换行*/
			
	}
}

/* 响应式布局 */
@media screen and (max-width: 1024px) {
    .col-is-4 {
        display: block;
        box-sizing: border-box;
        width: 50%;
    }

    .col-is-3 {
        display: block;
        box-sizing: border-box;
        width: 33.333333%;
    }

    .col-is-5 {
        display: block;
        box-sizing: border-box;
        width: 20%;
    }

    .col-is-52 {
        display: block;
        box-sizing: border-box;
        width: 20%;
    }

    .col-is-3-6 {
        display: block;
        box-sizing: border-box;
        width: 33.333333%;
    }

    .col-is-2 {
        display: block;
        box-sizing: border-box;
        width: 100%;
    }

    .col-is-1 {
        display: block;
        box-sizing: border-box;
        width: 100%;
    }

    .bz-card {
        display: block;
        border-radius: 3px;
        padding: 30px 10px 20px;
        margin-top: 10px;
        transition: all .2s ease;
        cursor: pointer;
    }

    .col-top {
        border-right: 1px solid #f4f4f4;
        padding-right: 10px;
    }

    .left-header {
        margin-top: 6%;
        margin-left: 6%;
    }

    .dian-li {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 134px;
    }
}

@media screen and (min-width: 1025px) {
    .col-is-4 {
        display: block;
        box-sizing: border-box;
        width: 25%;
    }

    .col-is-5 {
        display: block;
        box-sizing: border-box;
        width: 20%;
    }

    .col-is-52 {
        display: block;
        box-sizing: border-box;
        width: 20%;
    }

    .col-is-3-6 {
        display: block;
        box-sizing: border-box;
        width: 33.333333%;
    }

    .col-is-3 {
        display: block;
        box-sizing: border-box;
        width: 33.333333%;
    }

    .col-is-2 {
        display: block;
        box-sizing: border-box;
        width: 50%;
    }

    .col-is-1 {
        display: block;
        box-sizing: border-box;
        width: 100%;
    }

    .bz-card {
        display: block;
        border-radius: 3px;
        padding: 20px 20px 10px;
        margin-top: 10px;
        transition: all .2s ease;
        /* 	    cursor: pointer; */
    }

    .col-top {
        border-right: 1px solid #f4f4f4;
        padding-right: 10px;
    }

    .left-header {
        margin-top: 6%;
        margin-left: 6%;
    }
}

@media screen and (max-width: 768px) {
    .col-is-3 {
        display: block;
        box-sizing: border-box;
        width: 100%;
    }

    .col-is-5 {
        display: block;
        box-sizing: border-box;
        width: 50%;
    }

    .col-is-52 {
        display: block;
        box-sizing: border-box;
        width: 100%;
    }

    .col-is-3-6 {
        display: block;
        box-sizing: border-box;
        width: 50%;
    }

    .col-18 {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
    }

    .col-6 {
        width: 100%;
    }

    .col-4 {
        width: 100%;
    }

    .col-20 {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
    }

    .bz-card {
        display: block;
        border-radius: 3px;
        padding: 30px 30px 20px;
        margin-top: 10px;
        transition: all .2s ease;
        cursor: pointer;
    }

    .col-top {
        border-right: 1px solid #f4f4f4;
        padding-right: 0;
        display: none;
    }

    .left-header {
        margin-top: 16%;
        margin-left: 6%;
    }

    .dian-li {
        overflow: visible;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
    }

    .col-16 {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
    }
}

@media screen and (max-width: 576px) {
    .col-is-3 {
        display: block;
        box-sizing: border-box;
        width: 100%;
    }

    .col-is-3-6 {
        display: block;
        box-sizing: border-box;
        width: 50%;
    }

    .col-6 {
        width: 100%;
    }

    .col-18 {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
    }

    .col-w {
        width: 100%;
    }

    .cs {
        font-size: 60px;
        color: #fff;
        text-align: center;
        font-weight: 700;
        padding-top: 210px;
        padding-bottom: 20px;
    }
	
}

/* 响应式布局结束 */
.juli1{
		margin-top: -60px;
		
	}
.juli2{
		margin-top: -60px;
		
	}
.kong {
    height: 68px;
}
.col-cs-16{
	width: 65%;
	display: flex;
	flex-flow: row wrap;
	
}
.col-cs-8{
	width: 35%;
	display: flex;
	flex-flow: row wrap;
	
}

.col-cs-14{
	width: 60%;
	display: flex;
	flex-flow: row wrap;
	padding:40px 0 0 60px
}
.col-cs-10{
	width: 40%;
	display: flex;
	flex-flow: row wrap;
	
}
.logo-imgs{
	height: 36px
}
.form-flex{
	display: flex;
	width:100%
}
.sp-icon{
	width:40%
}
.fCQgDa {
    z-index: 10;
    top: 0px;
    width: 80px;
    right: 20px;
    height: 100vh;
    position: fixed;
}
.jnlUYM {
    z-index: 999;
    width: 100vw;
    height: 60px;
    bottom: 0px;
    position: fixed;
    display: none;
    box-shadow: rgb(238, 238, 238) 0px -1px 0px 0px;
}
@media screen and (max-width: 1280px) {
	.logo-imgs{
		height: 24px	
	}
	.sp-icon{
		width:60%
	}
}
@media screen and (max-width: 1023px) {
	.fCQgDa {
	    display: none;
	}
	.jnlUYM {
	    z-index: 999;
	    width: 100vw;
	    height: 60px;
	    bottom: 0px;
	    position: fixed;
	    display: block;
	    box-shadow: rgb(238, 238, 238) 0px -1px 0px 0px;
	}
	.sp-icon{
		width:70%
	}
	.juli1{
		margin-top: 0px;
		display: none;
	}
    .juli2{
    	margin-top: 0px;
    }
    .kong {
        height: 52px;
    }
	.col-cs-16{
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		
	}
	.col-cs-8{
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		
	}
	.col-cs-14{
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		padding:38px 0 0 10px
	}
	.col-cs-10{
		width: 100%;
		display: flex;
		flex-flow: row wrap;
	}	
}

@media screen and (max-width: 768px) {
	.sp-icon{
		width:90%
	}
	.form-flex{
		display: inline;
		width:100%
	}
	.banner-img{
		max-width: 160%;
		margin-left: -30%;
	}
}