/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body {
    margin:0
}
main {
    display:block
}
h1 {
    font-size:2em
}
hr {
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre {
    font-family:monospace, monospace;
    font-size:1em
}
a {
    background-color:rgba(0, 0, 0, 0)
}
abbr[title] {
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b, strong {
    font-weight:bolder
}
code, kbd, samp {
    font-family:monospace, monospace;
    font-size:1em
}
small {
    font-size:80%
}
sub, sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-.25em
}
sup {
    top:-.5em
}
img {
    border-style:none
}
button, input, optgroup, select, textarea {
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button, input {
    overflow:visible
}
button, select {
    text-transform:none
}
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance:none
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline:1px dotted ButtonText
}
fieldset {
    padding:.35em .75em .625em
}
legend {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress {
    vertical-align:baseline
}
textarea {
    overflow:auto
}
[type=checkbox], [type=radio] {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:none
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}
details {
    display:block
}
summary {
    display:list-item
}
template {
    display:none
}
[hidden] {
    display:none
}
* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
:after, :before {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
    padding:0
}
html {
    font-size:10px;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
button, input, select, textarea {
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
    color:inherit;
    outline:none
}
input:-internal-autofill-previewed, input:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected {
    background-color:inherit!important;
    color:inherit!important;
    -webkit-box-shadow:0 0 0 1000px #fff inset
}
button, input[type=button] {
    outline:none;
    border:none;
    cursor:pointer
}
a {
    color:inherit;
    text-decoration:none
}
a:hover {
    color:inherit;
    text-decoration:none
}
figure {
    margin:0
}
img {
    vertical-align:middle
}
hr {
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #eee
}
[role=button] {
    cursor:pointer
}
table {
    border-collapse:collapse
}
ol, ul {
    margin-bottom:0
}
.unstyled {
    margin-left:0
}
body {
    height:100%;
    background:#fff;
    color:#090909;
    font-size:16px;
    line-height:1.15;
    font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, sans-serif
}
.tab-content>.tab-pane {
    display:none
}
.tab-content>.active {
    display:block
}
.fade {
    opacity:0;
    -webkit-transition:opacity .15s linear;
    transition:opacity .15s linear
}
.fade.in {
    opacity:1
}
.collapse {
    display:none
}
.collapse.in {
    display:block
}
.collapsing {
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition-property:height, visibility;
    transition-property:height, visibility;
    -webkit-transition-duration:.35s;
    transition-duration:.35s;
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease
}
.tc-top-placeholder {
    display:none;
    height:55px
}
.m-nav-trigger {
    position:fixed;
    z-index:1031;
    right:5px;
    top:6px;
    padding:10px;
    background-color:#fff;
    display:none
}
.m-nav-trigger>span {
    display:block;
    height:3px;
    width:28px;
    background-color:#e2001a;
    -webkit-transition:.25s ease-out 0s;
    transition:.25s ease-out 0s;
    -webkit-transform-origin:center center;
    transform-origin:center center
}
.m-nav-trigger>span+span {
    margin-top:7px
}
#nav-checkbox:checked~.tc-nav {
    visibility:visible;
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
#nav-checkbox:checked~.m-nav-trigger>span:first-child {
    -webkit-transform:translateY(10px) rotate(45deg);
    transform:translateY(10px) rotate(45deg)
}
#nav-checkbox:checked~.m-nav-trigger>span:nth-child(2) {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
#nav-checkbox:checked~.m-nav-trigger>span:nth-child(3) {
    -webkit-transform:translateY(-10px) rotate(135deg);
    transform:translateY(-10px) rotate(135deg)
}
.tc-top {
    background:#e2001a url(../images/top-bg.png) no-repeat 50%
}
.tc-top .tc-container {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.tc-top .logo, .tc-top .tc-container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.tc-top .logo img:first-child {
    /*height:76px;*/
    height:50px;
}
.tc-top .logo img:nth-child(2) {
    margin-left:12px;
    height:33px
}
.header_right{    
    width: 270px;
    display: flex;
    justify-content: space-between;
}

.top-log-links {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:3px;
    width:116px;
    height:36px;
    border-radius:36px;
    font-size:16px;
    color:#2d2d2d;
    background-color:#fff;
    justify-content: space-between;
}
.top-log-links>a {
    display:block;
    width:55px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:30px
}
.top-log-links>a.active {
    background-color:#e2001a;
    color:#fff
}
.unstyled {
    list-style:none;
    margin:0;
    padding:0
}
.tc-nav {
    background-color:#e2001a;
    color:#fff;
    font-size:14px; /*20px;*/
}
.tc-nav .top-log-links {
    /* display:none; */
    margin:10px auto 0;
    width:120px
}
.tc-nav .top-log-links>a {
    width:57px
}
.tc-nav .top-log-links>a:first-child {
    background-color:#e2001a;
    color:#fff
}
.tc-nav ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.tc-nav li {
    position:relative
}
.tc-nav li.active>a {
    background-color:#be0b1f;
    font-weight:700
}
.tc-nav li>a {
    position:relative;
    z-index:3;
    display:block;
    width:86px; /*123px; */
    height:50px;
    line-height:50px;
    text-align:center
}
.tc-sec-header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.tc-sec-header .title {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:24px;
    color:#2d2d2d;
    font-weight:700
}
.tc-sec-header .title .icon {
    margin-right:10px;
    fill:#e2001a
}
.tc-sec-header .more {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:14px
}
.tc-sec-header .more .arrow {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:24px;
    height:24px;
    border-radius:100%;
    border:1px solid #8c1515;
    background-color:#fff;
    font-size:14px;
    margin-left:3px
}
.tc-sec-header .more .arrow:after {
    content:"";
    display:block;
    width:6px;
    height:6px;
    margin-left:-3px;
    border-top:1px solid #8c1515;
    border-right:1px solid #8c1515;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.bg-f9f9f9 {
    background-color:#f9f9f9
}
.tc-banner {
    background-color:#f7f7f7
}
.tc-banner .swiper-slide {
    position:relative;
    background-position:50%;
    background-size:auto 100%
}
.tc-banner .swiper-slide:before {
    content:"";
    display:block;
    font-size:0;
    padding-top:23.9583333333%
}
.tc-banner.swiper-container-horizontal>.swiper-pagination {
    bottom:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.tc-banner .swiper-pagination-bullet {
    width:12px;
    height:12px;
    border:2px solid #fff;
    background-color:rgba(0, 0, 0, 0);
    opacity:1
}
.tc-banner .swiper-pagination-bullet-active {
    background-color:#be0b1f;
    border-color:#be0b1f
}
.tc-banner-next, .tc-banner-prev {
    position:absolute;
    z-index:5;
    top:50%;
    margin-top:-40px;
    width:36px;
    height:80px;
    background-color:#eee;
    border-radius:4px;
    -webkit-transition:.25s ease-out 0s;
    transition:.25s ease-out 0s;
    cursor:pointer
}
.tc-banner-next:hover, .tc-banner-prev:hover {
    background-color:#e2001a
}
.tc-banner-next:hover:before, .tc-banner-prev:hover:before {
    border-color:#fff
}
.tc-banner-next:before, .tc-banner-prev:before {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    display:block;
    width:12px;
    height:12px;
    border-top:2px solid #707070;
    border-left:2px solid #707070
}
.tc-banner-prev {
    left:50%;
    margin-left:-600px
}
.tc-banner-prev:before {
    -webkit-transform:translate(-3px, -50%) rotate(-45deg);
    transform:translate(-3px, -50%) rotate(-45deg)
}
.tc-banner-next {
    right:50%;
    margin-right:-600px
}
.tc-banner-next:before {
    -webkit-transform:translate(-9px, -50%) rotate(135deg);
    transform:translate(-9px, -50%) rotate(135deg)
}
.tc-new-sec {
    padding-top:40px;
    padding-bottom:50px;
    background-color:#f9f9f9
}
.tc-new-body {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    margin-top:20px
}
.tc-new-pagination.swiper-pagination-bullets {
    position:absolute;
    left:15px;
    right:0;
    bottom:157px;
    z-index:5
}
.swiper-pagination-bullets.rect {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.swiper-pagination-bullets.rect .swiper-pagination-bullet {
    border-radius:0;
    opacity:1;
    width:30px;
    height:4px;
    background-color:hsl(0deg 2.33% 66.29% / 50%);
}
.swiper-pagination-bullets.rect .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color:#e2001a
}
.tc-new-banner {
    width:48.1666666667%;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    background-color:#fff
}
.tc-new-banner figure {
    position:relative;
    background-color:#f9f9f9;
    overflow:hidden
}
.tc-new-banner figure:before {
    content:"";
    display:block;
    font-size:0;
    padding-top:58.8235294118%
}
.tc-new-banner figure img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.tc-new-banner header {
    padding:20px;
    color:#7e7e7e;
    font-size:14px
}
.tc-new-banner header small {
    font-size:1em;
    line-height:1.3571428571
}
.tc-new-banner header h3 {
    font-size:18px;
    line-height:1.3333333333;
    color:#000;
    margin-top:7px;
    margin-bottom:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.tc-new-banner header article {
    line-height:1.4285714286;
    margin-top:7px;
    height:2.8571428571em;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.tc-new-list {
    margin-left:44px
}
.tc-new-list li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.tc-new-list li+li {
    margin-top:30px
}
.tc-new-list aside {
    width:73px;
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    color:#7e7e7e;
    position:relative;
    -ms-flex-item-align:start;
    align-self:flex-start;
    padding-right:8px
}
.tc-new-list aside i {
    position:absolute;
    width:45px;
    height:1px;
    border-top:1px solid #7e7e7e;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:34px;
    left:16px
}
.tc-new-list aside b {
    font-size:30px;
    line-height:1.3333333333
}
.tc-new-list aside small {
    font-size:14px;
    line-height:1.3571428571;
    white-space:nowrap;
    display:block;
    text-align:right
}
.tc-new-list section {
    width:calc(100% - 73px);
    padding-left:10px;
    position:relative
}
.tc-new-list section:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:43px;
    border-left:1px solid #dcdcdc
}
.tc-new-list section h3 {
    font-size:18px;
    line-height:1.3333333333;
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.tc-new-list section article {
    margin-top:7px;
    color:#7e7e7e;
    font-size:14px;
    line-height:1.4285714286;
    /*height:2.8571428571em;*/
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.tc-law-culture {
    background-color:#fff;
    padding:50px 0
}
.tc-law-culture .tc-container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.law-culture-sec {
    width:48.1666666667%;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0
}
.law-culture-sec figure {
    margin-top:20px;
    position:relative;
    border: solid 1px #ebebeb;
}
.law-culture-sec figure:before {
    content:"";
    display:block;
    font-size:0;
    padding-top:58.8235294118%
}
.law-culture-sec figure img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.law-culture-list {
    color:#000;
    font-size:16px;
    line-height:1.3125
}
.law-culture-list li {
    position:relative;
    padding-left:15px;
    margin-top:19px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.law-culture-list li:before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    margin-top:-4px;
    width:8px;
    height:8px;
    border:2px solid #e2001a;
    border-radius:100%
}
.law-culture-list .date {
    float:right;
    margin-left:1.5em;
    color:#7e7e7e;
    font-size:14px
}
.tc-query-sec {
    padding:50px 0
}
.tc-query-sec .banner {
    position:relative;
    background-position:50%;
    background-size:auto 100%
}
.tc-query-sec .banner:before {
    content:"";
    display:block;
    font-size:0;
    padding-top:15.75%
}
.tc-query-sec .banner header {
    white-space:nowrap;
    position:absolute;
    padding:.5833333333em .9666666667em;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    font-size:30px;
    font-weight:700;
    line-height:1.3333333333;
    color:#fff;
    background-color:rgba(0, 0, 0, .5)
}
.tc-query-form {
    background-color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:16px;
    color:#000;
    padding:30px 20px 10px
}
.tc-query-form aside {
    width:130px;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    -ms-flex-item-align:end;
    align-self:flex-end;
    margin:0 0 20px 20px
}
.tc-query-form aside button {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#fff;
    width:130px;
    height:40px;
    background:#e2001a;
    border-radius:20px
}
.tc-query-form aside button svg {
    fill:currentColor;
    margin-right:8px
}
.tc-query-form section {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.tc-query-form .tc-form-item {
    width:50%
}
.tc-query-form .tc-form-item+.tc-form-item {
    margin-left:30px
}
.tc-query-form .form-input+.form-input {
    margin-left:10px
}
.tc-form-row {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:20px
}
.tc-form-item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.tc-form-item .label {
    width:5em;
    line-height:40px;
    -ms-flex-negative:0;
    flex-shrink:0;
    white-space:nowrap
}
.tc-form-item .form-input {
    width:100%;
    border:1px solid #dfdfdf;
    height:40px;
    border-radius:40px;
    outline:none;
    background:#f8f8f8;
    text-indent:14px;
    padding-right:14px
}
.tc-form-item .form-input::-webkit-input-placeholder {
    color:#bfbfbf
}
.tc-form-item .form-input::-moz-placeholder {
    color:#bfbfbf
}
.tc-form-item .form-input::-ms-input-placeholder {
    color:#bfbfbf
}
.tc-form-item .form-input::placeholder {
    color:#bfbfbf
}
.tc-card-header {
    height:120px;
    padding:40px 20px 0;
    background:#e2001a url(../images/card-header-bg.png) no-repeat 50%;
    background-size:cover;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.tc-card-header .title {
    font-size:24px;
    line-height:1.3333333333
}
.tc-card-header .title small {
    font-weight:400;
    font-size:14px;
    line-height:1.3571428571;
    margin-left:10px
}
.tc-card-header .more {
    -ms-flex-item-align:start;
    align-self:flex-start;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:auto;
    padding-top:7px;
    font-size:14px
}
.tc-card-header .more .arrow {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:24px;
    height:24px;
    border-radius:100%;
    border:1px solid #fff;
    font-size:14px;
    margin-left:3px
}
.tc-card-header .more .arrow:after {
    content:"";
    display:block;
    width:6px;
    height:6px;
    margin-left:-3px;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.tc-trade-class {
    padding:50px 0
}
.tc-trade-sec {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:14px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.tc-trade-case, .tc-trade-scene {
    width:48.1666666667%;
    -ms-flex-negative:0;
    flex-shrink:0
}
.tc-trade-case .tc-sec-header, .tc-trade-scene .tc-sec-header {
    border-bottom:3px solid #eee
}
.tc-tabs {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:-3px
}
.tc-tabs li.active a {
    border-color:#e2001a
}
.tc-tabs li+li {
    margin-left:30px
}
.tc-tabs a {
    display:block;
    padding:6px 0;
    font-size:24px;
    font-weight:700;
    line-height:1.3333333333;
    border-bottom:3px solid rgba(0, 0, 0, 0)
}
.tc-trade-hot {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:20px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.tc-trade-hot figure {
    width:180px;
    -ms-flex-negative:0;
    flex-shrink:0;
    position:relative;
    overflow:hidden
}
.tc-trade-hot figure:before {
    content:"";
    display:block;
    font-size:0;
    padding-top:60%
}
.tc-trade-hot figure img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.tc-trade-hot section {
    padding-left:24px;
    width:calc(100% - 180px)
}
.tc-trade-hot h3 {
    margin:0;
    font-size:18px;
    line-height:1.3333333333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.tc-trade-hot article {
    margin-top:15px;
    color:#7e7e7e;
    font-size:14px;
    line-height:20px;
    height:40px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.tc-scene-list {
    margin-top:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.tc-scene-list li {
    width:100%
}
.tc-scene-list li+li {
    margin-left:9px
}
.tc-scene-list figure {
    position:relative;
    overflow:hidden
}
.tc-scene-list figure:before {
    content:"";
    display:block;
    font-size:0;
    padding-top:59.4202898551%
}
.tc-scene-list figure img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.tc-scene-list p {
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:16px;
    line-height:1.3125;
    color:#000;
    margin:6px 0 0
}
.tc-scene-links {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:-3px
}
.tc-scene-links li {
    width:33%;
    margin-top:19px;
    padding-right:1em;
    line-height:1.3125
}
.tc-scene-links a {
    font-size:16px;
    display:block;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.tc-scene-links .tag {
    color:#fff;
    font-size:12px;
    background-color:#ffa530;
    border-radius:4px;
    padding:0 3px;
    margin-right:3px;
    vertical-align:2px;
    line-height:1.3333333333
}
.tc-class-header {
    margin-top:50px
}
.tc-class-sec {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:20px
}
.tc-class-sec .tc-class-banner, .tc-class-sec .tc-class-links {
    width:48.1666666667%;
    -ms-flex-negative:0;
    flex-shrink:0
}
.tc-class-banner.swiper-container {
    margin-left:0
}
.tc-class-banner .swiper-slide {
    position:relative
}
.tc-class-banner .swiper-slide:before {
    content:"";
    display:block;
    font-size:0;
    padding-top:58.8235294118%
}
.tc-class-banner .swiper-slide img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.tc-class-banner .swiper-slide header {
    position:absolute;
    padding:20px 20px 48px;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    color:#fff;
    background-color:rgba(0, 0, 0, .5)
}
.tc-class-banner .swiper-slide h3 {
    font-size:18px;
    line-height:1.3333333333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin:0
}
.tc-class-banner .swiper-slide article {
    font-size:14px;
    margin-top:7px;
    line-height:1.4285714286;
    height:2.8571428571em;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.tc-class-pager.swiper-pagination-bullets {
    position:absolute;
    z-index:5;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    left:15px;
    bottom:20px
}
.tc-class-links.tc-new-list {
    margin-left:auto
}
.tc-class-links.tc-new-list li {
    padding:5px 20px 5px;
    border:1px dashed #dfdfdf
}
.tc-class-links.tc-new-list li+li {
    margin-top:5px
}
.tc-mark-sec {
    padding:50px 0
}
.tc-mark-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0 -12px
}
.tc-mark-list li {
    width:100%;
    margin:20px 12px 0
}
.tc-mark-list a {
    display:block;
    position:relative;
    overflow:hidden
}
.tc-mark-list a:before {
    content:"";
    display:block;
    font-size:0;
    padding-top:58.865248227%
}
.tc-mark-list a img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.tc-mark-list a header {
    position:absolute;
    z-index:5;
    top:20px;
    left:20px;
    color:#fff;
    font-size:18px;
    line-height:1.3333333333;
    white-space:nowrap
}
.tc-mark-list a small {
    display:block;
    font-size:.7777777778em;
    line-height:1.3571428571;
    font-weight:noraml
}
.tc-euro-sec-header {
    margin-top:50px
}
.tc-euro-mark-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0 -10px
}
.tc-euro-mark-list li {
    width:calc(16.66667% - 20px);
    margin:20px 10px 0
}
.tc-euro-mark-list a {
    display:block
}
.tc-euro-mark-list figure {
    position:relative;
    overflow:hidden
}
.tc-euro-mark-list figure:before {
    content:"";
    display:block;
    font-size:0;
    padding-top:59.0163934426%
}
.tc-euro-mark-list figure img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.tc-euro-mark-list header {
    padding:8px 8px 7px;
    font-size:16px;
    text-align:center;
    color:#000;
    line-height:1.3125;
    line-height:1.3333333333;
    background-color:#e3e3e3;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.tc-show-sec {
    padding:50px 0
}
.tc-show-body {
    position:relative;
    margin-top:20px
}
.tc-show-body .tc-show-next, .tc-show-body .tc-show-prev {
    position:absolute;
    z-index:5;
    top:50%;
    margin-top:-40px;
    width:36px;
    height:80px;
    background-color:#eee;
    border-radius:4px;
    -webkit-transition:.25s ease-out 0s;
    transition:.25s ease-out 0s;
    cursor:pointer
}
.tc-show-body .tc-show-next:hover, .tc-show-body .tc-show-prev:hover {
    background-color:#e2001a
}
.tc-show-body .tc-show-next:hover:before, .tc-show-body .tc-show-prev:hover:before {
    border-color:#fff
}
.tc-show-body .tc-show-next:before, .tc-show-body .tc-show-prev:before {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    display:block;
    width:12px;
    height:12px;
    border-top:2px solid #707070;
    border-left:2px solid #707070
}
.tc-show-body .tc-show-prev {
    left:-46px
}
.tc-show-body .tc-show-prev:before {
    -webkit-transform:translate(-3px, -50%) rotate(-45deg);
    transform:translate(-3px, -50%) rotate(-45deg)
}
.tc-show-body .tc-show-next {
    right:-46px
}
.tc-show-body .tc-show-next:before {
    -webkit-transform:translate(-9px, -50%) rotate(135deg);
    transform:translate(-9px, -50%) rotate(135deg)
}
.tc-show-swiper .swiper-slide a {
    display:block;
    position:relative;
    overflow:hidden
}
.tc-show-swiper .swiper-slide a:before {
    content:"";
    display:block;
    font-size:0;
    padding-top:58.865248227%
}
.tc-show-swiper .swiper-slide a+a {
    margin-top:20px
}
.tc-show-swiper .swiper-slide a img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.tc-show-swiper .swiper-slide header {
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    z-index:3;
    background-color:rgba(0, 0, 0, .5);
    color:#fff;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:16px;
    line-height:1.3125em;
    padding:10px 10px 9px;
    text-align:center
}
.tc-footer {
    background-color:#e2001a;
    color:#fff;
    padding:50px 0 40px;
    background:#e2001a url(../images/footer-bg.png) no-repeat 50%;
    background-size:auto 100%
}
.tc-footer .tc-container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.tc-footer p {
    width:100%;
    margin:-40px 0 0;
    font-size:14px;
    line-height:1.3571428571;
    color:hsla(0, 0%, 100%, .6)
}
.tc-footer-links {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px;
    margin-left:-.5em
}
.tc-footer-links i {
    border-left:1px solid #fff;
    width:1px;
    height:1em
}
.tc-footer-links a {
    margin:0 .5em;
    border-bottom:1px solid rgba(0, 0, 0, 0)
}
.tc-footer-ewm {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.tc-footer-ewm figure {
    width:100px;
    text-align:center
}
.tc-footer-ewm figure+figure {
    margin-left:24px
}
.tc-footer-ewm figure img {
    width:100%
}
.tc-footer-ewm figcaption {
    font-size:14px;
    margin-top:8px;
    line-height:1.3571428571
}
@media (max-width:1023px) {
    .tc-container {
        width:750px;
        max-width:95%;
        margin:0 auto;
    }
    .m-nav-trigger, .tc-top-placeholder {
        display:block
    }
    .tc-top {
        position:fixed;
        z-index:1030;
        left:0;
        top:0;
        right:0;
        padding:0;
        -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);
        box-shadow:0 0 10px rgba(0, 0, 0, .1)
    }
    .tc-top .tc-container {
        height:55px
    }
    .tc-top .logo img:first-child {
        height:40px
    }
    .tc-top .logo img:nth-child(2) {
        height:16px;
        height:4.2vw;
        margin-left:6px
    }
    .tc-top .top-log-links {
        display:none
    }
    .tc-nav .logo img:first-child {
        height:40px
    }
    .tc-nav {
        position:fixed;
        z-index:1029;
        left:0;
        right:0;
        top:55px;
        padding:1.5em 0;
        font-size:18px;
        visibility:hidden;
        opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%);
        -webkit-transition:.35s ease-out 0s;
        transition:.35s ease-out 0s
    }
    .tc-nav .top-log-links {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .tc-nav ul {
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .tc-nav .logo{
        display: none;
    }
    .tc-nav li {
        width:33.33%;
        text-align:center
    }
    .tc-sec-header .title {
        font-size:20px
    }
    .tc-banner .swiper-slide:before {
        padding-top:39%
    }
    .tc-banner.swiper-container-horizontal>.swiper-pagination {
        bottom:10px
    }
    .tc-banner .swiper-pagination-bullet {
        width:8px;
        height:8px
    }
    .tc-banner-next, .tc-banner-prev {
        display:none
    }
    .tc-new-sec {
        padding-top:75px; /*30px;*/
        padding-bottom:30px
    }
    .tc-new-body {
        display:block
    }
    .tc-new-banner {
        width:auto
    }
    .tc-new-banner header {
        padding:15px
    }
    .tc-new-banner header h3 {
        font-size:16px
    }
    .tc-new-list {
        margin-left:0;
        margin-top:20px
    }
    .tc-new-list li+li {
        margin-top:20px
    }
    .tc-new-list aside {
        width:55px
    }
    .tc-new-list aside i {
        width:36px;
        top:28px;
        left:7px
    }
    .tc-new-list aside b {
        font-size:24px
    }
    .tc-new-list aside small {
        font-size:12px
    }
    .tc-new-list section {
        width:calc(100% - 55px)
    }
    .tc-new-list section h3 {
        font-size:16px
    }
    .tc-law-culture {
        padding:30px 0
    }
    .tc-law-culture .tc-container {
        display:block
    }
    .law-culture-sec {
        width:auto
    }
    .law-culture-sec+.law-culture-sec {
        margin-top:30px
    }
    .tc-query-sec {
        padding:30px 0
    }
    .tc-query-sec .banner:before {
        padding-top:30%
    }
    .tc-query-sec .banner header {
        font-size:24px
    }
    .tc-query-form {
        display:block
    }
    .tc-query-form aside {
        width:auto
    }
    .tc-query-form aside button {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:180px;
        margin:0 auto
    }
    .tc-query-form section {
        font-size:14px
    }
    .tc-query-form .tc-form-row {
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .tc-query-form .tc-form-item {
        width:100%
    }
    .tc-query-form .tc-form-item+.tc-form-item {
        margin-left:0;
        margin-top:20px
    }
    .tc-card-header {
        height:80px;
        padding:25px 15px 0
    }
    .tc-card-header .title {
        font-size:20px
    }
    .tc-card-header .title small {
        font-size:12px
    }
    .tc-card-header .more {
        padding-top:3px
    }
    .tc-trade-class {
        padding:30px 0
    }
    .tc-trade-sec {
        display:block
    }
    .tc-trade-case, .tc-trade-scene {
        width:auto
    }
    .tc-tabs a {
        font-size:20px
    }
    .tc-trade-hot figure {
        width:120px
    }
    .tc-trade-hot section {
        padding-left:12px;
        width:calc(100% - 120px)
    }
    .tc-trade-hot h3 {
        font-size:16px
    }
    .tc-trade-hot article {
        margin-top:8px
    }
    .tc-trade-scene {
        margin-top:20px
    }
    .tc-scene-list li+li {
        margin-left:5px
    }
    .tc-scene-list p {
        font-size:14px
    }
    .tc-class-header {
        margin-top:30px
    }
    .tc-class-sec {
        display:block
    }
    .tc-class-sec .tc-class-banner, .tc-class-sec .tc-class-links {
        width:auto
    }
    .tc-class-banner .swiper-slide header {
        padding:15px 15px 20px
    }
    .tc-class-banner .swiper-slide h3 {
        font-size:16px
    }
    .tc-class-banner .swiper-slide article {
        font-size:13px
    }
    .tc-class-pager.swiper-pagination-bullets {
        bottom:10px;
        left:10px
    }
    .tc-class-links.tc-new-list li {
        padding-left:15px
    }
    .tc-class-links.tc-new-list li+li {
        margin-top:10px
    }
    .tc-mark-sec {
        padding:30px 0
    }
    .tc-mark-list {
        margin:10px -5px;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .tc-mark-list li {
        margin:10px 5px 0;
        width:calc(50% - 10px)
    }
    .tc-mark-list a header {
        font-size:16px
    }
    .tc-euro-sec-header {
        margin-top:30px
    }
    .tc-euro-mark-list {
        margin:10px -5px 0;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .tc-euro-mark-list li {
        margin:10px 5px 0;
        width:calc(33.33% - 10px)
    }
    .tc-euro-mark-list header {
        font-size:14px
    }
    .tc-show-sec {
        padding:30px 0
    }
    .tc-show-body .tc-show-next, .tc-show-body .tc-show-prev {
        display:none
    }
    .tc-show-swiper .swiper-slide a+a {
        margin-top:10px
    }
    .tc-show-swiper .swiper-slide header {
        font-size:14px
    }
    .tc-footer {
        padding:30px 0 20px
    }
    .tc-footer .tc-container {
        display:block
    }
    .tc-footer p {
        margin-top:15px;
        text-align:center
    }
    .tc-footer-links {
        margin-left:0;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        font-size:14px
    }
    .tc-footer-ewm {
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-top:15px
    }
    .tc-footer-ewm figcaption {
        font-size:12px
    }
	.tbtj{
		height:220px;
		border-radius:5px;
	}
    .tbtj-show-swiper{
	    margin-top:10px;
	}

}
@media (min-width:1024px) {
    .tc-top{
        display: none;
    }
    .tc-container {
        width:1230px;
        padding:0 15px;
        margin:0 auto;
    }
    .tc-nav .tc-container{
        display:flex;
    }
    .logo{
        width:215px;
        margin-right: 40px;
    }
    .logo img{
        height:50px;
    }
    .tc-nav li>a {
        -webkit-transition:background-color .25s ease-out 0s;
        transition:background-color .25s ease-out 0s
    }
    .tc-nav li:hover>a {
        background-color:#be0b1f
    }
    .tc-sec-header .more {
        -webkit-transition:.25s ease-out 0s;
        transition:.25s ease-out 0s
    }
    .tc-sec-header .more:hover {
        color:#e2001a
    }
    .tc-new-banner .swiper-slide:hover figure img {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    .tc-new-banner .swiper-slide:hover h3 {
        color:#e2001a
    }
    .tc-new-banner figure img {
        -webkit-transition:.75s ease-out 0s;
        transition:.75s ease-out 0s
    }
    .tc-new-banner header h3, .tc-new-list li {
        -webkit-transition:.25s ease-out 0s;
        transition:.25s ease-out 0s
    }
    .tc-new-list li:hover aside, .tc-new-list li:hover h3 {
        color:#be0b1f
    }
    .tc-new-list li:hover aside i {
        border-color:#be0b1f
    }
    .tc-new-list aside {
        -webkit-transition:color .25s ease-out 0s;
        transition:color .25s ease-out 0s
    }
    .tc-new-list aside i {
        -webkit-transition:border-color .25s ease-out 0s;
        transition:border-color .25s ease-out 0s
    }
    .tc-new-list section h3 {
        -webkit-transition:.25s ease-out 0s;
        transition:.25s ease-out 0s
    }
    .law-culture-list li {
        -webkit-transition:color .25s ease-out 0s;
        transition:color .25s ease-out 0s
    }
    .law-culture-list li:hover {
        color:#e2001a
    }
    .tc-query-form aside button {
        -webkit-transition:.25s ease-out 0s;
        transition:.25s ease-out 0s
    }
    .tc-query-form aside button:hover {
        background-color:#c90017
    }
    .tc-query-form aside button:active {
        background-color:#e2001a
    }
    .tc-trade-hot:hover h3 {
        color:#e2001a
    }
    .tc-trade-hot:hover img {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    .tc-trade-hot figure img {
        -webkit-transition:.75s ease-out;
        transition:.75s ease-out
    }
    .tc-trade-hot h3 {
        -webkit-transition:.25s ease-out 0s;
        transition:.25s ease-out 0s
    }
    .tc-scene-list li:hover p {
        color:#e2001a
    }
    .tc-scene-list li:hover img {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    .tc-scene-list figure img {
        -webkit-transition:.75s ease-out;
        transition:.75s ease-out
    }
    .tc-scene-list p {
        -webkit-transition:color .25s ease-out 0s;
        transition:color .25s ease-out 0s
    }
    .tc-scene-links a {
        -webkit-transition:.25s ease 0s;
        transition:.25s ease 0s
    }
    .tc-scene-links a:hover {
        color:#e2001a
    }
    .tc-class-banner .swiper-slide {
        -webkit-transition:border .25 ease-out 0s;
        transition:border .25 ease-out 0s
    }
    .tc-class-banner .swiper-slide:hover img {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    .tc-class-banner .swiper-slide img {
        -webkit-transition:.75s ease-out 0s;
        transition:.75s ease-out 0s
    }
    .tc-class-links.tc-new-list li {
        -webkit-transition:border .25 ease-out 0s;
        transition:border .25 ease-out 0s
    }
    .tc-class-links.tc-new-list li:hover {
        border-color:#e2001a
    }
    .tc-mark-list a:hover img {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    .tc-mark-list a img {
        -webkit-transition:.75s ease-out 0s;
        transition:.75s ease-out 0s
    }
    .tc-euro-mark-list a:hover figure img {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    .tc-euro-mark-list a:hover header {
        background-color:#e2001a;
        color:#fff
    }
    .tc-euro-mark-list figure img {
        -webkit-transition:.75s ease-out 0s;
        transition:.75s ease-out 0s
    }
    .tc-euro-mark-list header {
        -webkit-transition:.25s ease-out 0s;
        transition:.25s ease-out 0s
    }
    .tc-show-swiper .swiper-slide a:hover img {
        -webkit-transform:scale(1.15);
        transform:scale(1.15)
    }
    .tc-show-swiper .swiper-slide a:hover header {
        background-color:#e2001a
    }
    .tc-show-swiper .swiper-slide a img {
        -webkit-transition:.75s ease-out 0s;
        transition:.75s ease-out 0s
    }
    .tc-footer-links a, .tc-show-swiper .swiper-slide header {
        -webkit-transition:.25s ease-out 0s;
        transition:.25s ease-out 0s
    }
    .tc-footer-links a:hover {
        border-color:#fff
    }
	.tbtj{
		height:260px;
		border-radius:5px;
	}
	.tbtj-show-swiper{
	    margin-top:10px;
	}
    
    
}