* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "微软雅黑" !important;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: "微软雅黑" !important;
}

/*清除内外边距*/
a:focus {
    -moz-outline-style: none;
    outline: none;
    font-family: "微软雅黑";
}

/*统一字体*/
body, button, input, select, textarea {
    font-size: 14px;
}

address, cite, dfn, em, var {
    font-style: normal;
}

code, kbd, pre, samp, tt {
    font-family: "Courier New", Courier, monospace;
}

/*小于 12px 的中文很难阅读，让 small 正常化*/
small {
    font-size: 12px;
}

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

/*重置列表元素*/
a {
    text-decoration: none;
    font-family: "微软雅黑" !important;
}

li {
    list-style: none;
}

q:before, q:after {
    content: '';
}

/*重置表单元素*/
legend {
    color: #000;
}

/*for ie6*/
fieldset, img {
    border: none;
}

/*注：optgroup 无法扶正*/
button, input, select, textarea {
    font-size: 100%;    /*使得表单元素在 ie 下能继承字体大小*/
}

input[type="hidden"i] {
    display: none;
    -webkit-appearance: initial;
    background-color: initial;
    cursor: default;
    padding: initial;
    border: initial;
}

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

/*重置表格元素*/
hr {
    border: none;
    height: 1px;
}

/*重置 hr*/
html {
    overflow-y: scroll;
}

/*让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁*/

/*清除float BEGIN*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
body{
	min-width:1200px;	
}

/*滑动距离效果*/
.movepoint {
    position: fixed;
    top: 300px;
    right: 50px;
    width: 15px;
    height: 400px;
    padding: 8px;
    z-index: 50;
    display: none;
}

.movepoint ul {
    width: 15px;
    height: 400px;
}

.movepoint ul li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #3692cc;
    opacity: 0.15;
    margin-bottom: 20px;
    position: relative;
}

.movepoint ul li.on {
    opacity: 1;
}

.movepoint ul li.on:before {
    content: '';
    position: absolute;
    background: #3692cc;
    opacity: 0.15;
    width: 23px;
    height: 23px;
    left: -4px;
    top: -4px;
    border-radius: 50%;
}

.header {
    width: 100%;
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
}

/*头部灰条*/
.header-line {
    width: 100%;
    background: #373d42;
    height: 40px;
    max-width: 1920px;
}

.header-line .web-name {
    display: inline-block;
    float: left;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
}

.header-line-right {
    display: inline-block;
    float: right;
}

.header-line-right a {
    display: inline-block;
    width: 45px;
    height: 40px;
    text-align: center;
    position: relative;
    z-index: 999;
    float: left;
}

.header-line-right a>img {
    width: 30px;
    height: 24px;
    margin-top: 10px;
}

.header-line-right a.lline {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.header-line-right a .dis-box {
    display: none;
    position: absolute;
    top: 70px;
    padding-top: 10px;
    width: 100px;
    left: -30px;
    height: 100px;
    width: 100px;
    transition: .5s ease-in-out;
}

.header-line-right a:hover .dis-box {
    display: block;
    transition: .5s ease-in-out;
}

/*导航*/
.header-content {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.header-bg {
    width: 100%;
    height: 755px;
    margin: 0 auto;
	min-width:1200px;
}

.header-bg .bd li {
    width: 100%;
    background-size: 1920px auto !important;
	min-width:1200px;
}

.header-bg .bd img {
    margin: 0;
    padding: 0;
    width: 1920px;
    opacity: 0;
}

.nav-bg {
    position: absolute;
    width: 100%;
    height: 140px;
    background: rgba(255, 255, 255, 0.5);
    z-index: 50;
}

.header-content .logo {
    display: inline-block;
    float: left;
    height: 120px;
    overflow: hidden;
}

.header-content .logo img {
    width: 396px;
    margin-top: 36px;
}

.header-content .nav {
    display: inline-block;
    float: right;
    height: 150px;
    margin-right: 12px;
}

.header-slider {
    width: 100%;
    height:;
    position: absolute;
    bottom: 230px;
    left: 0;
    z-index: 30;
}

.header-slider-box {
    margin: 0 auto;
    width: 680px;
    height: 100px;
    padding: 10px 0;
    overflow: hidden;
}

.header-slider-box .hd {
    text-align: center;
}

.header-slider-box a {
    display: inline-blockblock;
}

.header-slider-box li {
    display: inline-block;
    width: 150px;
    height: 100px;
    overflow: hidden;
    margin: 0 6px;
}

.header-slider-box li.on {
    border: 2px solid #fff;
    width: 146px;
    height: 96px;
}

.header-slider-box li:hover img {
    transform: scale(1.2);
    transition: all 0.5s;
}

.header-slider-box li img {
    width: 100%;
    height: 120px;
    margin: 0;
    padding: 0;
    transition: all 0.5s;
}

.header-content-buttom {
    height: 150px;
    margin-top: -10px;
}

.header-content-buttom a {
    display: inline-block;
    height: 135px;
    width: 135px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 42px;
    text-align: center;
    position: relative;
    float: left;
}

.header-content-buttom a:hover {
    background: #f3f3f3;
}

.header-content-buttom a:hover img {
    transition: .5s ease-in-out;
}

.header-content-buttom a .img {
    display: inline-block;
    height: 70px;
    width: 70px;
    overflow: hidden;
    margin-top: 6px;
}

.header-content-buttom a .img1 img {
    margin-top: 17px;
    margin-left: 12px;
}

.header-content-buttom a .img2 img {
    margin-top: 17px;
    margin-left: -215px;
}

.header-content-buttom a .img3 img {
    margin-top: 17px;
    margin-left: -445px;
}

.header-content-buttom a .img4 img {
    margin-top: 17px;
    margin-left: -676px;
}

.header-content-buttom a .img5 img {
    margin-top: 17px;
    margin-left: -902px;
}

.header-content-buttom a .img6 img {
    margin-top: 17px;
    margin-left: -1127px;
}

.header-content-buttom a .img7 img {
    margin-top: 17px;
    margin-left: -1365px;
}

.header-content-buttom a:hover .img1 img {
    margin-top: -123px;
    margin-left: 12px;
}

.header-content-buttom a:hover .img2 img {
    margin-top: -123px;
    margin-left: -215px;
}

.header-content-buttom a:hover .img3 img {
    margin-top: -123px;
    margin-left: -445px;
}

.header-content-buttom a:hover .img4 img {
    margin-top: -123px;
    margin-left: -676px;
}

.header-content-buttom a:hover .img5 img {
    margin-top: -123px;
    margin-left: -902px;
}

.header-content-buttom a:hover .img6 img {
    margin-top: -123px;
    margin-left: -1127px;
}

.header-content-buttom a:hover .img7 img {
    margin-top: -123px;
    margin-left: -1365px;
}

.header-content-buttom a .cate-name {
    display: inline-block;
    position: absolute;
    bottom: 0;
    height: 50px;
    left: 0;
    height: 50px;
    width: 135px;
    overflow: hidden;
    color: #333;
    font-size: 18px;
}

.header-content-buttom a:hover .cate-name {
    color: #3692cc;
    transition: .5s ease-in-out;
}

.header-content .nav .nav-li {
    display: inline-block;
    width: 90px;
    height: 150px;
    margin: 0 5px;
    line-height: 150px;
    position: relative;
    text-align: center;
}

.header-content .nav .nav-li-index {
    display: inline-block;
    width: 70px;
    height: 150px;
    margin: 0 5px;
    line-height: 150px;
    position: relative;
    text-align: center;
}

.header-content .nav .nav-li-index .nav-li-a {
    display: inline-block;
    font-size: 18px;
    color: #35547B;
    height: 95px;
}

.header-content .nav .nav-li-index .nav-li-a.on {
    font-weight: 800;
    color: #2b9be2;
}

.header-content .nav .nav-li .nav-li-a {
    display: inline-block;
    font-size: 18px;
    color: #35547B;
    height: 95px;
}

.header-content .nav .nav-li .nav-li-a.on {
    font-weight: 800;
    color: #2b9be2;
}

.header-content .nav .nav-li .nav-li-ul {
    display: none;
    position: absolute;
    top: 106px;
    left: -10px;
    z-index: 100;
    background: #fff;
    border: solid 1px #fff;
    border-top: solid 4px #66a6ff;
    width: 120px;
}

.header-content .nav .nav-li .nav-li-ul li {
    height: 50px;
    float: left;
    width: 100%;
    line-height: 50px;
    border-bottom: solid 1px #eee;
}

.header-content .nav .nav-li .nav-li-ul a {
    color: #6f6f6f;
    font-size: 16px;
}

.header-content .nav .nav-li .nav-li-ul li:hover a {
    color: #2b9be2;
}

.header-content .nav .nav-li .nav-li-a:hover, .header-content .nav .nav-li-index .nav-li-a:hover {
    font-weight: 800;
    color: #2b9be2;
}

/*长灰条*/
.e3e3e3line {
    width: 100%;
    max-width: 1920px;
    height: 12px;
    background: #f4f4f4;
    margin: 0 auto;
}

/*中部第一部分*/
.main {
    width: 100%;
    margin: 0 auto;
    max-width: 1920px;
    background: #fff;
    min-height: 720px;
    position: relative;
}

.main-box1 {
    padding: 20px 0 50px 0;
    position: relative;
    overflow: hidden;
}

.main-box1-div {
    width: 590px;
    float: left;
    margin-right: 20px;
    position: relative;
}

.main-box1-div-head {
    height: 85px;
    overflow: hidden;
}

.main-box1-div-head a {
    display: block;
    height: 82px;
    line-height: 82px;
    color: #333;
    font-size: 26px;
    text-indent: 2em;
    transition: .3s ease-in-out;
}

.main-box1-div-head a:hover {
    letter-spacing: 10px;
    color: #3692cc;
    transition: .3s ease-in-out;
}

.main-box1-div-head a.a1 {
    background: url(${root_path}tpbc/202506/W020250614581040746791_ORIGIN.png) no-repeat left center;
}

.main-box1-div-head a.a2 {
    background: url(${root_path}tpbc/202506/W020250614581040777704_ORIGIN.png) no-repeat left center;
}

.main-box1-div-con .img {
    display: block;
    width: 100%;
    height: 290px;
    border-radius: 6px;
    overflow: hidden;
}

.main-box1-div-con .img img {
    width: 100%;
    height: 290px;
    transition: .5s ease-in-out;
    border-radius: 6px;
}

.main-box1-div-con .img:hover img {
    transform: scale(1.1);
    transition: all 0.6s;
}

.main-box1-div-list {
    margin-top: 25px;
}

.main-box1-div-list a {
    display: block;
    height: 40px;
    font-size: 18px;
    color: #666;
    line-height: 40px;
    overflow: hidden;
    padding-left: 15px;
    position: relative;
}

.main-box1-div-list a:before {
    background: #666;
    position: absolute;
    content: '';
    height: 4px;
    top: 18px;
    left: 0;
    width: 4px;
    border-radius: 50%;
}

.main-box1-div-list a:hover {
    color: #3692cc;
    font-size: 20px;
}

.main-box1-div-list a span {
    display: inline-block;
    font-size: 16px;
    color: #999;
    line-height: 37px;
    float: right;
}

/*中部第二部分*/
.main-box2 {
    width: 100%;
    height: 900px;
    background: url(${root_path}tpbc/202506/W020250614581040346446_ORIGIN.png) no-repeat center top;
    position: relative;
    overflow: hidden;
}

.main-box2-head {
    background: url(${root_path}tpbc/202506/W020250614581040837336_ORIGIN.png) no-repeat center center;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    height: 140px;
    line-height: 135px;
    text-align: center;
    position: relative;
}

.main-box2-head a {
    color: #333;
    font-size: 32px;
    padding-left: 49px;
}

.main-box2-left {
    width: 263px;
    height: 670px;
    float: left;
    position: relative;
    overflow: hidden;
}

.main-box2-left:before {
    position: absolute;
    left: 13px;
    top: 30px;
    content: '';
    width: 1px;
    height: 650px;
    background: #92a3ae;
    opacity: 0.5;
}

.main-box2-left-tab {
    display: block;
    height: 100px;
    background: url(${root_path}tpbc/202506/W020250614581040712298_ORIGIN.png) no-repeat left top;
    position: relative;
    margin-bottom: 10px;
    transition: .5s ease-in-out;
}

.main-box2-left-tab.on {
    background: url(${root_path}tpbc/202506/W020250614581040686512_ORIGIN.png) no-repeat left top;
    transition: .5s ease-in-out;
}

.main-box2-left-tab.on .icon {
    color: #fff;
}

.main-box2-left-tab:hover {
    background: url(${root_path}tpbc/202506/W020250614581040686512_ORIGIN.png) no-repeat left top;
    transition: .5s ease-in-out;
}

.main-box2-left-tab:hover .icon {
    color: #fff;
    transition: .5s ease-in-out;
}

.main-box2-left-tab .icon {
    display: block;
    height: 100px;
    line-height: 100px;
    padding-left: 135px;
    font-size: 18px;
    color: #333;
    position: relative;
}

.main-box2-left-tab .icon:before {
    position: absolute;
    left: 60px;
    top: 18px;
    content: '';
    width: 66px;
    height: 59px;
}

.main-box2-left-tab .icon3:before {
    background: url(${root_path}tpbc/202506/W020250614581040995911_ORIGIN.png) no-repeat center center;
}

.main-box2-left-tab .icon2:before {
    background: url(${root_path}tpbc/202506/W020250614581041025543_ORIGIN.png) no-repeat center center;
}

.main-box2-left-tab .icon1:before {
    background: url(${root_path}tpbc/202506/W020250614581041059620_ORIGIN.png) no-repeat center center;
}

.main-box2-left-tab .icon5:before {
    background: url(${root_path}tpbc/202506/W020250614581041090970_ORIGIN.png) no-repeat center center;
}

.main-box2-left-tab .icon6:before {
    background: url(${root_path}tpbc/202506/W020250614581041124230_ORIGIN.png) no-repeat center center;
}

.main-box2-left-tab .icon4:before {
    background: url(${root_path}tpbc/202506/W020250614581041151466_ORIGIN.png) no-repeat center center;
}

.main-box2-right {
    width: 920px;
    height: 650px;
    margin: -10px -20px -10px 0;
    padding: 10px 20px 10px 0;
    float: right;
    overflow-y: hidden;
    overflow-x: visible;
}

.main-box2-right-box1 {
    width: 930px;
    height: 650px;
    margin-bottom: 20px;
    position: relative;
}

.main-box2-right-box1.on {
    display: block;
    z-index: 10;
}

.main-box2-right-con1 {
    width: 930px;
    height: 410px;
    position: relative;
    z-index: 20;
}

.main-box2-right-con1 .img {
    width: 670px;
    height: 410px;
    float: left;
}

.main-box2-right-con1 .img a {
    display: block;
    width: 600px;
    height: 390px;
    margin-left: 15px;
    padding: 5px;
    background: #fff;
    border-radius: 9px;
    box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.3);
    transition: .5s ease-in-out;
}

.main-box2-right-con1 .img img {
    width: 600px;
    height: 390px;
    border-radius: 9px;
    transition: .5s ease-in-out;
}

.main-box2-right-con1 .img a.up {
    height: 390px;
    width: 600px;
    transition: .5s ease-in-out;
}

.main-box2-right-con1 .img a.down {
    height: 310px;
    width: 470px;
    transition: .5s ease-in-out;
}

.main-box2-right-con1 .img a.up img {
    opacity: 1;
    height: 390px;
    width: 600px;
    transition: .5s ease-in-out;
}

.main-box2-right-con1 .img a.down img {
    opacity: 0.3;
    height: 310px;
    width: 470px;
    transition: .5s ease-in-out;
}

.main-box2-right-con1 .con {
    width: 260px;
    height: 270px;
    float: right;
    position: relative;
}

.main-box2-right-con1 .con .title {
    display: inline-block;
    float: right;
    line-height: 50px;
    font-size: 22px;
    color: #333;
    margin-top: 20px;
    margin-right: 68px;
}

.main-box2-right-con1 .con .p {
    font-size: 18px;
    color: #666;
    line-height: 36px;
    float: right;
    text-indent: 2em;
}

.main-box2-right-con1 .con .more {
    display: inline-block;
    padding-left: 20px;
    background: url(${root_path}tpbc/202506/W020250614581040960442_ORIGIN.png) no-repeat left center;
    position: absolute;
    bottom: -20px;
    right: 0;
    color: #3692cc;
    font-size: 16px;
}

.main-box2-right-con2 {
    height: 400px;
    width: 930px;
    position: absolute;
    right: 0px;
    bottom: 0;
    z-index: 10;
}

.main-box2-right-con2 a {
    display: block;
    height: 310px;
    width: 470px;
    position: absolute;
    right: 0px;
    bottom: 0;
    padding: 5px;
    border-radius: 9px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.3);
}

.main-box2-right-con2 a.up {
    height: 390px;
    width: 600px;
    transition: .5s ease-in-out;
}

.main-box2-right-con2 a.down {
    height: 310px;
    width: 470px;
    transition: .5s ease-in-out;
}

.main-box2-right-con2 a img {
    height: 310px;
    width: 470px;
    border-radius: 9px;
    opacity: 0.3;
    transition: .5s ease-in-out;
}

.main-box2-right-con2 a.up img {
    opacity: 1;
    height: 390px;
    width: 600px;
    transition: .5s ease-in-out;
}

.main-box2-right-con2 a.down img {
    opacity: 0.3;
    height: 310px;
    width: 470px;
    transition: .5s ease-in-out;
}

/**/

/*第三部分*/
.main-box3 {
    width: 100%;
    height: 900px;
    background: #fff;
    overflow: hidden;
}

.main-box3-head {
    background: url(${root_path}tpbc/202506/W020250614581040866311_ORIGIN.png) no-repeat center center;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    height: 180px;
    line-height: 180px;
    text-align: center;
    position: relative;
}

.main-box3-head a {
    color: #333;
    font-size: 32px;
    padding-left: 45px;
}

.main-box3-head span {
    display: inline-block;
    position: absolute;
    right: 0;
    color: #666;
    font-size: 16px;
}

.main-box3-slider {
    width: 100%;
    max-width: 1920px;
    position: relative;
    height: 48em;
    margin: 0 auto;
}

.main-box3-slider .bd ul {
    height: 48em;
}

.main-box3-slider .bd ul li {
    width: 633px;
    float: left;
    position: relative;
    transition: all 0.6s;
}

.main-box3-slider .bd ul li .img {
    text-align: center;
    transition: .5s ease-in-out;
}

.main-box3-slider .bd ul li .img .img-span {
    display: inline-block;
    width: 600px;
    height: 410px;
    padding: 5px;
    border-radius: 38px;
    background: #fff;
    margin: 5px;
    position: relative;
    margin: 20px 0;
    transition: .5s ease-in-out;
}

.main-box3-slider .bd ul li .img .img-span .bg {
    display: inline-block;
    background: #333;
    border-radius: 38px;
    transition: .5s ease-in-out;
}

.main-box3-slider .bd ul li .img .img-span .hot {
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 50px;
    text-align: center;
    color: #fff;
    background: #ff4f4f;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    border-radius: 0 48px  0 70px;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 50px;
    opacity: 0.8;
    transition: .5s ease-in-out;
}

.main-box3-slider .bd ul li img {
    width: 600px;
    height: 410px;
    border-radius: 38px;
    background: #333;
    opacity: 0.8;
    float: left;
    transition: .5s ease-in-out;
}

.main-box3-slider .bd ul li:hover {
    transform: scale(1.05);
    transition: all 0.6s;
    z-index: 20;
}

.main-box3-slider .bd ul li .img  .title {
    display: inline-block;
    width: 600px;
    text-align: left;
    padding-left: 20px;
    font-size: 20px;
    line-height: 35px;
    color: #333;
    transition: .5s ease-in-out;
}

.main-box3-slider .bd ul li .img  .content {
    display: inline-block;
    width: 600px;
    text-align: left;
    padding-left: 20px;
    font-size: 18px;
    color: #666;
    margin-top: 5px;
}

.main-box3-slider .hd {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 50px;
    height: 5px;
    left: 0;
    padding: 0;
}

.main-box3-slider .hd li {
    display: inline-block;
    background: #C5DCEA;
    width: 80px;
    height: 3px;
    border-radius: 2px;
    margin: 0 3px;
}

.main-box3-slider .hd li.on {
    background: #3f8aba;
}

/*第四部分*/
.main-box4 {
    width: 100%;
    background: #F0F3F5;
    height: 590px;
    overflow: hidden;
}

.main-box4-head {
    background: url(${root_path}tpbc/202506/W020250614581040892678_ORIGIN.png) no-repeat center center;
    width: 100%;
    float: left;
    height: 140px;
    line-height: 135px;
    text-align: center;
    position: relative;
}

.main-box4-head a {
    color: #333;
    font-size: 32px;
    padding-left: 45px;
}

.main-box4-left {
    width: 590px;
    height: 400px;
    float: left;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    transition: .5s ease-in-out;
}

.main-box4-left li {
    float: left;
    width: 590px;
    height: 400px;
}

.main-box4-left li a {
    display: block;
}

.main-box4-left:hover img {
    transform: scale(1.1);
    transition: all 0.6s;
}

.main-box4-left img {
    width: 590px;
    height: 400px;
    border-radius: 30px;
    transition: all 0.6s;
}

.main-box4-left .word {
    width: 550px;
    height: 80px;
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.1));
}

.main-box4-left .word .title {
    display: inline-block;
    width: 550px;
    height: 30px;
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
    transition: .5s ease-in-out;
}

.main-box4-left .word .content {
    display: inline-block;
    width: 550px;
    height: 40px;
    font-size: 15px;
    line-height: 30px;
    color: #dadada;
}

.main-box4-right {
    width: 590px;
    height: 400px;
    float: right;
    position: relative;
}

.main-box4-right-box {
    display: block;
    height: 195px;
    border-radius: 30px;
    background: #fff;
    overflow: hidden;
    position: relative;
    transition: .5s ease-in-out;
}

.main-box4-right-box:hover {
    box-shadow: 0px 0px 12px #aaa;
    transition: .5s ease-in-out;
    margin-right: -10px;
    margin-left: 10px;
}

.main-box4-right-box:hover .title {
    color: #4092df;
    transition: .5s ease-in-out;
}

.main-box4-right-box .zt {
    display: inline-block;
    position: absolute;
    width: 90px;
    height: 35px;
    top: 0;
    right: 0;
    border-radius: 0 30px  0 70px;
    text-align: center;
    background: #ebebeb;
    line-height: 35px;
    color: #8b8b8b;
    font-size: 14px;
}

.main-box4-right-box .zt.on {
    background: #4092df;
    color: #fff;
}

.main-box4-right-box .inform {
    padding: 15px 25px;
}

.main-box4-right-box .title {
    font-size: 23px;
    color: #333;
    display: inline-block;
    line-height: 40px;
    font-weight: 800;
}

.main-box4-right-box .word1 {
    font-size: 16px;
    color: #666;
    display: inline-block;
    line-height: 30px;
    margin-left: 20px;
    margin-top: 10px;
}

.main-box4-right-box .content {
    font-size: 16px;
    color: #333;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    margin: 5px 0;
    line-height: 26px;
    height: 51px;
}

.main-box4-right-box .word2 {
    font-size: 14px;
    color: #999;
    display: inline-block;
    line-height: 25px;
    margin-right: 20px;
}

/*第五部分*/
.main-box5 {
    height: 790px;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.main-box5-bbox1 {
    width: 860px;
    height: 480px;
    position: absolute;
    right: 0;
    top: 100px;
    background: rgba(241, 241, 241, 0.6);
    border-radius: 6px;
}

.main-box5-bbox2 {
    width: 840px;
    height: 480px;
    position: absolute;
    left: 30px;
    bottom: 50px;
    background: rgba(241, 241, 241, 0.3);
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    opacity: 0.3;
}

.main-box5-head {
    background: url(${root_path}tpbc/202506/W020250614581040936920_ORIGIN.png) no-repeat center center;
    width: 100%;
    float: left;
    height: 140px;
    line-height: 135px;
    text-align: center;
    position: relative;
}

.main-box5-head a {
    color: #333;
    font-size: 32px;
    padding-left: 45px;
}

.main-box5-slider {
    width: 1200px;
    overflow: hidden;
    position: relative;
}

.main-box5-slider .bd {
    width: 1230px;
}

.main-box5-slider li {
    width: 380px;
    float: left;
    margin-right: 30px;
}

.main-box5-slider .img img {
    width: 380px;
    height: 460px;
}

.main-box5-slider .img-a {
    display: inline-block;
    position: relative;
    border-radius: 30px;
}

.main-box5-slider .zl {
    display: block;
    position: absolute;
    top: 20px;
    left: 15px;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
    transition: .5s ease-in-out;
    border-radius: 15px;
}

.main-box5-slider .img-a:hover .zl {
    top: 0;
    left: 0;
    width: 340px;
    height: 460px;
    background: rgba(0, 0, 0, 0.5);
    line-height: 460px;
    text-align: center;
    transition: .5s ease-in-out;
}

.main-box5-slider .zl0 {
    background: #06aee5;
}

.main-box5-slider .zl1 {
    background: #FF3F42;
}

.main-box5-slider .zl2 {
    background: #FB3698;
}

.main-box5-slider .zl3 {
    background: #061e65;
}

.main-box5-slider .zl4 {
    background: #e64ee5;
}

.main-box5-slider .zl5 {
    background: #d66ee5;
}

.main-box5-slider .title {
    display: inline-block;
    width: 380px;
    text-align: left;
    font-size: 22px;
    color: #333;
    line-height: 40px;
    margin-top: 10px;
}

.main-box5-slider li:hover .title {
    color: #0575D4;
}

.main-box5-slider .content {
    display: inline-block;
    width: 380px;
    text-align: left;
    font-size: 16px;
    color: #999;
    margin-top: 5px;
}

.main-box5-slider .content a {
    font-size: 16px;
    color: #1298d7;
}

/*底部*/
.footer {
    height: 240px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: #435b75;
}

.link-line {
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    background: #CED4DB;
}

.link-line span {
    color: #333;
    font-size: 16px;
}

.link-line a {
    color: #666;
    font-size: 16px;
    margin-right: 20px;
}

.link-line a:hover {
    color: #2b9be2;
}

.footer-box {
}

.footer-box-area {
    position: relative;
}

.footer-cate-list {
    display: inline-block;
    float: left;
    margin-top: 40px;
    width: 700px;
}

.footer-cate-list .title {
    padding: 0 10px;
    font-size: 18px;
    color: #fff;
    position: relative;
}

.footer-cate-list .title:hover {
    color: #2b9be2;
}

.footer-cate-list .title:after {
    background: #fff;
    position: absolute;
    content: '';
    height: 18px;
    top: 4px;
    right: 0;
    width: 1px;
}

.footer-cate-list .title:last-child:after {
    background: #fff;
    position: absolute;
    content: none;
    height: 18px;
    top: 4px;
    right: 0;
    width: 1px;
}

.footer-wechat {
    display: inline-block;
    float: right;
    text-align: right;
    position: absolute;
    margin-top: 30px;
    right: 0;
    top: 0;
}

.footer-wechat a {
    display: inline-block;
    text-align: center;
    margin-right: 20px;
}

.footer-wechat a span {
    display: block;
    width: 100%;
    line-height: 30px;
    color: #fefefe;
    font-size: 14px;
}

.footer-wechat img {
}

.footer-box-inform {
    display: inline-block;
    float: left;
    height: 65px;
    line-height: 25px;
    padding-top: 20px;
    color: white;
}

.footer-box-inform a {
    color: #fff;
    font-size: 16px;
    margin: 0 10px;
}