@charset"utf-8";
body {
    overflow-x: hidden
}

.wrap {
    width: 1170px;
    height: auto;
    margin: 0 auto
}

.ret_bottom {
    width: 1170px;
    height: auto;
    margin: 0 auto
}

.f_index .wrap {
    width: 1170px
}

.i-header {
    top: 0;
    width: 100%;
    height: 80px;
    background: transparent;
    z-index: 9999
}

.i-header .logo {
    width: 148px;
    height: 80px;
    margin-right: 56px
}

.i-header .logo img {
    margin-top: 25px
}

.i-header .nav {
    height: 60px;
    margin-top: 15px
}

.i-header .nav ul.nav-list > li {
    float: left;
    width: 80px;
    height: 60px;
    line-height: 60px;
    overflow: hidden
}

.i-header .nav ul.nav-list > li > a {
    position: relative;
    display: block;
    width: 80px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    -webkit-transition: color 200ms;
    transition: color 200ms
}

.i-header .nav ul.nav-list > li > a span {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

.i-header .nav ul.nav-list > li > a .bkg {
    top: 100%;
    z-index: -1;
    background-color: #ca151c;
    -webkit-transition: top 200ms;
    transition: top 200ms
}

.i-header .nav ul.nav-list > li.on > a .bkg {
    top: 0
}

.i-header .nav ul.nav-list > li > div {
    position: absolute;
    top: 75px;
    width: 100%;
    height: 62px;
    line-height: 62px;
    background: #2e2e2e
}

#zy {
    width: 100px
}

#zy a {
    width: 100%
}

.i-header .nav ul.nav-list > li ul {
    margin-left: 22px
}

.i-header .nav ul.nav-list > li ul li {
    float: left;
    margin-right: 13px
}

.i-header .nav ul.nav-list > li ul li a {
    font-size: 14px;
    color: #d2d2d2;
    -webkit-transition: color 300ms;
    transition: color 300ms
}

.i-header .nav ul.nav-list > li ul li a:hover {
    color: #ca151c !important
}

#search_input::-webkit-input-placeholder {
    color: #666
}

#search_input:-moz-placeholder {
    color: #666
}

#search_input:-ms-input-placeholder {
    color: #666
}

.banner {
    width: 100%;
    height: 500px
}

.banner .bd ul {
    width: 100%;
    height: 500px;
    position: relative
}

.banner .bd ul li {
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0
}

.banner .bd ul li a {
    width: 100%;
    height: 100%;
    display: block
}

.banner .bd ul li:nth-of-type(1) {
    z-index: 100
}

.banner .bd ul li:nth-of-type(2) {
    z-index: 99;
    display: none
}

.banner .bd ul li:nth-of-type(3) {
    z-index: 98;
    display: none
}

.banner .bd ul li:nth-of-type(4) {
    z-index: 97;
    display: none
}

.banner .bd ul li a img {
    width: 100%;
    height: 100%
}

.banner .hd {
    width: 100%;
    height: 8px;
    line-height: 8px;
    left: 0;
    z-index: 110;
    text-align: right;
    position: absolute;
    top: 460px
}

.banner .hd ul {
    width: 1200px;
    margin: -20px auto;
    text-align: right
}

.banner .hd ul li {
    display: inline-block;
    width: 80px;
    height: 8px;
    background: #fff;
    border-radius: 4px;
    margin: 0 5px;
    vertical-align: top;
    cursor: pointer
}

.banner .hd ul li.on {
    background: #ca151c
}

.f-title {
    padding-top: 50px;
    text-align: center
}

.f-titlee {
    padding-top: 28px;
    text-align: center
}

.f-title p {
    font-size: 36px;
    line-height: 130px;
    vertical-align: top;
    font-weight: bold
}

.f-titlee p {
    font-size: 30px;
    line-height: 130px;
    vertical-align: top;
    font-weight: bold
}

.f-title-a {
    display: block;
    height: 0;
    color: #666666;
    font-size: 16px;
    text-align: center;
    width: 100%;
    height: 60px
}

.f-title-a_top {
    display: block;
    height: 0;
    color: #666666;
    font-size: 16px;
    float: right
}

.f-title-a:hover,
.f-title-a_top_tow:hover {
    color: #CB161D;
    text-decoration: underline
}

.floor {
    width: 100%;
    height: auto;
    background-color: #ececec
}

.floor2 {
    background: #f5f5f5
}

.floor3 {
    background: #a4a3a3;
    height: 600px
}

.f_floor3 {
    background-size: 100% 100%;
    color: #fff
}

.f_floor3 > p {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    padding: 100px 0
}

.f_floor3 ul {
    width: 1170px;
    height: 105px;
    margin: 0 auto;
    display: block
}

.f_floor3 li {
    display: inline-block;
    width: 25%;
    float: left;
    text-align: center;
    height: 100%
}

.f_floor3 li div {
    height: 120px
}

.f_floor3 li span:nth-of-type(1) {
    font-size: 100px;
    font-family: 'AlternateGothicEF-NoOne'
}

.f_floor3 li p,
.f_floor3 li span:nth-of-type(2) {
    font-size: 24px;
    font-weight: bold
}

@font-face {
    font-family: 'AlternateGothicEF-NoOne';
    src: url("AlternateGotNo1D.otf")/*tpa=https://img.ret.cn/css/website/AlternateGotNo1D.otf*/
}

.f-tag .hd ul {
    width: 1170px;
    height: 40px;
    text-align: left;
    position: relative
}

.f-tag .hd ul li {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-left: 0;
    padding-right: 60px
}

.f-tag .hd ul li a {
    display: block;
    font-size: 16px;
    color: #666666;
    position: relative
}

.f-tag .hd ul li.on a {
    color: #CB161D
}

.f-tag .hd ul li.on a:after {
    color: #CB161D;
    content: " ▼";
    position: absolute;
    right: -17px;
    font-size: 12px
}

.f-tag .bd {
    margin-top: 30px
}

.f-tag .bd ul {
    width: 1200px;
    margin: auto;
    height: auto;
    padding-bottom: 70px
}

.f-tag .bd ul > a {
    display: inline-block;
    height: 0;
    height: 38px;
    line-height: 38px;
    position: absolute;
    right: 0;
    color: #666666;
    font-size: 16px
}

.f-tag .bd ul li {
    float: left;
    width: 270px;
    height: auto;
    margin-right: 30px;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.f-tag .bd ul li:nth-child(4n+4) {
    margin-right: 0
}

.f-tag .bd ul li a {
    display: block
}

.f-tag .bd ul li a > div img {
    display: block;
    width: 100%;
    height: 270px
}

.f-tag .bd ul li a > div:nth-of-type(1) {
    position: relative;
    overflow: hidden
}

.f-tag .bd ul li a > div:nth-of-type(2) {
    width: 100%;
    height: 73px;
    padding-top: 14px;
    text-align: center;
    padding-bottom: 13px;
    background-color: #fff;
    border-top: 0
}

.f-tag .bd ul li a > div:nth-of-type(2) p {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold
}

.f-tag .bd ul li a > div:nth-of-type(2) span {
    display: inline-block;
    width: 250px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #888888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.f-tag .bd ul li:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .02), 0 16px 32px -4px rgba(0, 0, 0, .17);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .02), 0 16px 32px -4px rgba(0, 0, 0, .17);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .02), 0 16px 32px -4px rgba(0, 0, 0, .17)
}

.f-tag .bd ul li:hover a div:nth-of-type(2) p {
    color: #ca151c
}

.f-tag .bd ul li:hover .clearfix_div {
    bottom: 0
}

.clearfix_div {
    width: 100%;
    height: 52px;
    font-size: 14px;
    background-image: url("../../img/clearfix_y.png")/*tpa=https://img.ret.cn/img/clearfix_y.png*/;
    position: absolute;
    left: 0;
    bottom: -52px;
    line-height: 52px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s
}

.clearfix_div > span {
    display: inline-block;
    margin-top: 7px
}

.clearfix_div > span:nth-of-type(1) > span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    float: right;
    margin-left: 5px
}

.clearfix_div > span:nth-of-type(1) {
    margin-left: 10px;
    text-align: left
}

.clearfix_div > span:nth-of-type(2) {
    width: 65%;
    text-align: right;
    float: right;
    margin-right: 10px
}

.floor .d-list {
    width: 1170px;
    height: auto
}

.floor .d-list li {
    float: left;
    width: 270px;
    height: auto;
    margin-right: 30px;
    margin-bottom: 100px;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.floor .d-list li:nth-child(4n+4) {
    margin-right: 0
}

.floor .d-list li img {
    display: block;
    width: 270px;
    height: 345px
}

.floor .d-list li .cont {
    width: 240px;
    height: auto;
    padding: 0 15px
}

.floor .d-list li .cont .title {
    width: 240px;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    margin-top: 5px
}

.floor .d-list li .cont .title a {
    font-weight: bold;
    display: block;
    width: 240px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.floor .d-list li .cont .p {
    width: 240px;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    color: #808080;
    overflow: hidden
}

.floor .d-list li .link {
    width: 240px;
    height: 40px;
    line-height: 40px
}

.floor .d-list li .link p {
    font-size: 12px;
    color: #808080;
    margin-right: 17px
}

.floor .d-list li .link p i {
    font-size: 14px;
    color: #bbb;
    margin: 0 5px
}

.floor .d-list li .link p.likes i {
    cursor: pointer
}

.floor .d-list li .link a {
    font-size: 14px;
    color: #808080;
    float: right
}

.floor .d-list li:hover {
    box-shadow: 1px 1px 10px 1px #c8c8cc;
    -webkit-box-shadow: 1px 1px 10px 1px #c8c8cc;
    -moz-box-shadow: 1px 1px 10px 1px #c8c8cc
}

.floor .d-list li:hover .title a {
    font-weight: bold;
    color: #ca151c
}

.f_index .d-list li:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .02), 0 16px 32px -4px rgba(0, 0, 0, .17);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .02), 0 16px 32px -4px rgba(0, 0, 0, .17);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .02), 0 16px 32px -4px rgba(0, 0, 0, .17);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.floor .f-list {
    width: 1170px;
    height: 400px;
    padding-bottom: 100px
}

.floor .f-list li {
    float: left;
    height: 400px;
    text-align: center;
    margin-right: 30px
}

.floor .f-list li:nth-of-type(4) {
    margin-right: 0
}

.floor .f-list li.a {
    width: 270px;
    height: 400px
}

.floor .f-list li.a a {
    position: relative;
    display: block;
    width: 270px;
    height: 400px;
    z-index: 100
}

.floor .f-list li.a a img {
    display: block;
    width: 270px;
    height: 400px
}

.floor .f-list li.a a > span {
    position: absolute;
    display: block;
    width: 270px;
    z-index: 90;
    height: 50px;
    line-height: 50px;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    font-size: 24px;
    color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.floor .f-list li.a a p {
    position: absolute;
    display: block;
    width: 270px;
    z-index: 90;
    height: 400px;
    line-height: 400px;
    left: 0;
    bottom: 0;
    background: rgba(202, 21, 28, 0.8);
    font-size: 18px;
    color: #fff;
    opacity: 0
}

.floor .f-list li.b {
    width: 270px;
    height: 400px
}

.floor .f-list li.b div {
    width: 270px;
    height: 185px
}

.floor .f-list li.b div a {
    position: relative;
    display: block;
    width: 270px;
    height: 185px;
    z-index: 100
}

.floor .f-list li.b div a img {
    display: block;
    width: 270px;
    height: 185px
}

.floor .f-list li.b div a > span {
    position: absolute;
    display: block;
    width: 270px;
    z-index: 90;
    height: 50px;
    line-height: 50px;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    font-size: 24px;
    color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.floor .f-list li.b div a p {
    position: absolute;
    display: block;
    width: 270px;
    z-index: 90;
    height: 185px;
    line-height: 185px;
    left: 0;
    bottom: 0;
    background: rgba(202, 21, 28, 0.8);
    font-size: 18px;
    color: #fff;
    opacity: 0
}

.floor .f-list li.a a p span,
.floor .f-list li.b div a p span {
    transform: translateY(-20px);
    display: inline-block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.floor .f-list li.a a p,
.floor .f-list li.a a p span,
.floor .f-list li.b div a p,
.floor .f-list li.b div a p span {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    transition: all 0.6s
}

.floor .f-list li a:hover > span,
.floor .f-list li div a:hover > span {
    opacity: 0
}

.floor .f-list li a:hover p,
.floor .f-list li div a:hover p {
    opacity: 1
}

.floor .f-list li a:hover p span {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.leaders {
    position: relative;
    width: 100%;
    height: 640px
}

.swiper-container {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.swiper-slide {
    background-size: cover;
    background-position: center
}

.gallery-top {
    width: 1200px;
    height: 450px;
    margin: 0 auto
}

.gallery-top .pic {
    width: 530px;
    height: 450px;
    text-align: right
}

.gallery-top .pic img {
    width: 400px;
    height: 448px
}

.gallery-top .box {
    position: relative;
    width: 440px;
    height: 420px;
    position: relative;
    padding: 0 30px 0 0;
    margin-left: 70px;
    margin-top: 20px;
    background: #fff
}

.gallery-top .box .name {
    width: 440px;
    height: 79px;
    display: flex;
    flex-direction: column;
    margin-top: 139px
}

.gallery-top .box .name div {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 40px
}

.gallery-top .box .name div a {
    height: 40px;
    line-height: 40px;
    font-size: 46px;
    font-weight: bold
}

.gallery-top .box .name p {
    height: 35px;
    line-height: 35px;
    font-size: 22px !important;
    color: #595758;
    margin: 10px 0 0 2px
}

.gallery-top .box .cont {
    padding-top: 10px;
    width: 290px;
    font-size: 16px
}

.gallery-top .box .cont p {
    line-height: 24px;
    margin-top: 20px;
    font-size: 16px;
    color: #727272
}

.gallery-thumbs {
    position: relative;
    width: 100%;
    height: 190px;
    z-index: 2222
}

.gallery-thumbs .swiper-slide {
    width: 170px;
    height: 190px;
    cursor: pointer
}

.gallery-thumbs .swiper-slide img {
    width: 170px;
    height: 190px
}

.gallery-thumbs .swiper-slide p {
    display: none
}

.gallery-thumbs .swiper-slide-active {
    position: relative;
    width: 170px;
    height: 190px;
    opacity: 1;
    z-index: 9999
}

.gallery-thumbs .swiper-slide-active img {
    width: 170px;
    height: 190px
}

.gallery-thumbs .swiper-slide:hover span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 170px;
    height: 190px;
    background: rgba(202, 21, 28, 0.8);
    padding: 0 !important;
    margin: 0 !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.gallery-thumbs .swiper-slide-active p {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    text-align: center
}

.join-us {
    width: 100%;
    height: 150px;
    background: #ca151c;
    text-align: center
}

.join-us p {
    height: 66px;
    line-height: 66px;
    padding-top: 14px;
    font-size: 30px;
    color: #fff
}

.join-us a {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

.y-list {
    width: 1252px;
    height: auto;
    padding-bottom: 52px
}

.y-list li {
    float: left;
    width: 250px;
    height: 120px;
    line-height: 120px;
    margin-bottom: 20px
}

.y-list li a {
    display: block;
    width: 260px;
    height: 120px;
    line-height: 120px;
    text-align: center
}

.y-list li a img {
    max-width: 260px;
    max-height: 120px;
    width: auto;
    height: auto;
    vertical-align: middle
}

.y-list li a img.grey {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: 1
}

.footer {
    width: 100%;
    height: 306px;
    background: #2e2e2e;
    padding-top: 50px
}

.footer .foot-top {
    height: 242px
}

.footer .l {
    margin-left: 20px
}

.footer .l dl {
    width: 240px;
    height: auto
}

.footer .l dl dt {
    font-size: 16px;
    color: #e6e6e6;
    margin-bottom: 22px
}

.footer .l dl dd {
    line-height: 28px;
    font-size: 14px;
    color: #898989
}

.footer .l dl dd a {
    font-size: 14px;
    color: #898989
}

.footer .r .up {
    width: 250px
}

.footer .r div.up {
    font-size: 16px;
    color: #e6e6e6;
    margin-bottom: 22px
}

.footer .r div.down div.wx {
    margin-right: 30px
}

.footer .r div.down div img {
    display: block;
    width: 110px;
    height: 110px
}

.footer .r div.down div p {
    line-height: 36px;
    font-size: 14px;
    color: #808080;
    text-align: center
}

.footer .icp {
    height: 63px;
    line-height: 63px;
    font-size: 12px;
    color: #898989;
    text-align: center;
    border-top: 1px solid #383838
}

.header {
    width: 100%;
    height: 80px;
    z-index: 9999;
    background: #fff
}

.header .logo {
    width: 148px;
    height: 80px;
    margin-right: 56px
}

.header .logo img {
    margin-top: 25px
}

.header .nav {
    height: 60px;
    margin-top: 15px
}

.header .nav ul.nav-list > li {
    float: left;
    width: 80px;
    height: 60px;
    line-height: 60px;
    overflow: hidden
}

.header .nav ul.nav-list > li > a {
    position: relative;
    display: block;
    width: 80px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    -webkit-transition: color 200ms;
    transition: color 200ms
}

.header .nav ul.nav-list > li.on > a {
    color: #fff
}

.header .nav ul.nav-list > li > a span {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

.header .nav ul.nav-list > li > a .bkg {
    top: 100%;
    z-index: -1;
    background-color: #ca151c;
    -webkit-transition: top 200ms;
    transition: top 200ms
}

.header .nav ul.nav-list > li.on > a .bkg {
    top: 0
}

.header .nav ul.nav-list > li > div {
    position: absolute;
    top: 75px;
    width: 100%;
    height: 62px;
    line-height: 62px;
    background: #2e2e2e;
    z-index: 2
}

.header .nav ul.nav-list > li ul {
    margin-left: 22px
}

.header .nav ul.nav-list > li ul li {
    float: left;
    margin-right: 13px
}

.header .nav ul.nav-list > li ul li a {
    font-size: 14px;
    color: #d2d2d2;
    -webkit-transition: color 300ms;
    transition: color 300ms
}

.header .nav ul.nav-list > li ul li a:hover {
    color: #ca151c !important
}

.content {
    background: #FAFAFA
}

.res-content,
.res-content .floor {
    background: #F2F2F2
}

.f_content {
    background: #F2F2F2
}

.topnav {
    width: 1170px;
    height: 75px;
    line-height: 75px;
    margin: 0 auto;
    font-size: 16px;
    color: #808080
}

.topnav a {
    font-size: 16px;
    color: #808080
}

.cont-left {
    width: 790px;
    height: auto;
    margin-bottom: 50px;
    padding: 20px;
    background: #fff
}

.art-head {
    line-height: 50px;
    font-size: 36px
}

.art-head p {
    font-size: 36px
}

.art-title {
    line-height: 50px;
    font-size: 30px
}

.art-title p {
    font-size: 30px
}

.art-share {
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    color: #808080
}

.art-share .time {
    font-size: 18px;
    color: #808080;
    margin-right: 20px
}

.art-share .share {
    font-size: 16px;
    color: #808080
}

.art-share .share a.qq {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../img/qq.png")/*tpa=https://img.ret.cn/css/img/qq.png*/ no-repeat;
    vertical-align: middle;
    margin-right: 10px
}

.art-share .share a.wb {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../img/wb.png")/*tpa=https://img.ret.cn/css/img/wb.png*/ no-repeat;
    vertical-align: middle;
    margin-right: 10px
}

.art-share .share a.wx {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../img/wx.png")/*tpa=https://img.ret.cn/css/img/wx.png*/ no-repeat;
    vertical-align: middle;
    margin-right: 10px
}

.art-cont p {
    line-height: 40px;
    font-size: 18px;
    padding: 14px 0;
    text-indent: 2em
}

.art-cont img {
    display: block;
    max-width: 830px;
    height: auto;
    margin: 0 auto
}

.cont-right {
    width: 280px;
    height: auto;
    padding: 0 15px;
    margin-bottom: 50px;
    background: #fff
}

.tjxw {
    width: 280px;
    height: auto
}

.tjxw p {
    line-height: 56px;
    font-size: 20px;
    text-align: center
}

.tjxw ul li {
    width: 280px;
    height: auto;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px
}

.tjxw ul li a {
    display: block;
    width: 280px;
    auto
}

.tjxw ul li a img {
    display: block;
    width: 280px;
    height: 130px
}

.tjxw ul li a span {
    display: block;
    width: 280px;
    line-height: 25px;
    font-size: 18px;
    text-align: left;
    margin: 10px 0
}

.tjxw ul li a span:hover {
    color: #ca151c
}

.dj_banner {
    width: 100%;
    height: 420px;
    position: relative
}

.content .t_ha {
    z-index: 5;
    position: relative;
    height: 420px;
    position: relative
}

.content .t_ha .t_ha_dv {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff
}

.content .t_ha_div {
    width: 1200px;
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    color: #fff
}

.content .t_ha_div div:nth-of-type(1) {
    font-size: 44px;
    font-weight: bold
}

.content .t_ha_div div:nth-of-type(2) {
    font-size: 28px;
    margin-top: 10px;
    font-weight: normal
}

.content .t_ha_div {
    width: 1200px;
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    color: #fff
}

.content .t_ha_div div:nth-of-type(1) {
    font-size: 44px;
    font-weight: bold
}

.content .t_ha_div div:nth-of-type(2) {
    font-size: 28px;
    margin-top: 10px;
    font-weight: normal
}

.case {
    width: 100%;
    overflow: hidden
}

.cat-div {
    padding: 20px 0 10px;
    width: 1200px;
    margin: 0 auto
}

.cat-table {
    height: 40px
}

.cat-table tr {
    height: 40px
}

.cat-table td {
    height: 38px;
    line-height: 38px;
    padding-right: 55px;
    position: relative
}

.cat-table td div {
    padding: 25px;
    position: absolute;
    background: white;
    box-shadow: 1px 1px 10px 1px #c8c8cc;
    -webkit-box-shadow: 1px 1px 10px 1px #c8c8cc;
    -moz-box-shadow: 1px 1px 10px 1px #c8c8cc;
    z-index: 50;
    display: none;
    filter: progid: DXImageTransform.Microsoft.Shadow(color='#c8c8cc', Direction=0, Strength=1)progid: DXImageTransform.Microsoft.Shadow(color='#c8c8cc', Direction=90, Strength=3) progid: DXImageTransform.Microsoft.Shadow(color='#c8c8cc', Direction=180, Strength=3) progid: DXImageTransform.Microsoft.Shadow(color='#c8c8cc', Direction=270, Strength=1) progid: DXImageTransform.Microsoft.Shadow(color='#c8c8cc', Direction=360, Strength=1)
}

.cat-table td div ul {
    float: left
}

.cat-table td div ul li {
    font-size: 15px;
    width: 225px;
    cursor: pointer
}

.cat-table td div ul li:hover a {
    color: #CA151C
}

.cat-table td .cat-ta {
    font-size: 17.5px;
    color: #000;
    position: relative;
    text-align: center;
    display: block;
    height: 100%;
    border-bottom: 3px solid #ececec;
    cursor: pointer
}

.cat-table td .cat-ta:after {
    color: #615959;
    content: " ▶";
    position: absolute;
    right: -22px;
    font-size: 12px
}

.cat-table td.active {
    background: #ca151c
}

.cat-table td.active a {
    color: #fff
}

.cat-table td:hover .cat-ta {
    color: #ca151c;
    border-bottom: 3px solid #CA151C;
    z-index: 60
}

.cat-table td:hover .cat-ta:after {
    content: ' ▼';
    color: #CA151C
}

.cat-table td:nth-of-type(4):hover a:after {
    content: ' ▶';
    color: #CA151C
}

.cat-table td:hover div {
    display: block;
    display: flex
}

.cat-table td:nth-of-type(4) {
    display: none
}

.f_case {
    background-color: #ececec !important
}

.f_content {
    background-color: #ececec !important
}

.f_case .bd ul li {
    margin-right: 40px
}

.case .case_text {
    height: auto;
    padding: 30px 165px 0 0;
    box-sizing: border-box;
    margin: 0 auto;
    width: 1200px
}

.case .case_text span {
    font-size: 27px;
    font-weight: 400;
    color: #000;
    border-bottom: 4px solid #CA151C;
    padding-bottom: 5px
}

.page {
    height: 34px;
    padding-top: 70px;
    padding-bottom: 50px;
    text-align: center
}

.page .page-list {
    display: inline-block;
    height: 34px;
    margin: 0 auto;
    text-align: center
}

.page .page-list li {
    float: left;
    margin: 0 8px
}

.page .page-list li a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    padding: 0 12px;
    border: 1px solid #dfdfdf;
    background: #fff
}

.page .page-list li.active a {
    background: #ca151c;
    color: #fff;
    border: 1px solid #ca151c
}

.page .page-list li:hover a {
    background: #ca151c;
    color: #fff;
    border: 1px solid #ca151c
}

dl.case-news {
    width: 280px;
    padding: 24px 0
}

dl.case-news dt {
    width: 280px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #808080
}

dl.case-news dd {
    width: 280px;
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 12px
}

.more-case .more-case-head {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    margin-bottom: 20px
}

.more-slide {
    position: relative;
    width: 1170px
}

.more-slide .bd {
    width: 1170px;
    overflow: hidden
}

.more-slide .bd ul li {
    margin-right: 30px;
    margin-bottom: 100px
}

.more-slide .bd ul li:nth-child(4n+4) {
    margin-right: 30px
}

.more-slide a.prev {
    position: absolute;
    display: block;
    width: 29px;
    height: 60px;
    line-height: 60px;
    background: url("../img/left.png")/*tpa=https://img.ret.cn/css/img/left.png*/ no-repeat;
    left: 0;
    top: 150px
}

.more-slide a.next {
    position: absolute;
    display: block;
    width: 29px;
    height: 60px;
    line-height: 60px;
    background: url("../img/right.png")/*tpa=https://img.ret.cn/css/img/right.png*/ no-repeat;
    right: 0;
    top: 150px
}

.ret-banner {
    width: 100%;
    height: 500px;
    background: url("../../img/ret-banner.png")/*tpa=https://img.ret.cn/img/ret-banner.png*/ no-repeat center;
    position: relative
}

.ret-banner p {
    height: 500px;
    line-height: 500px;
    font-size: 48px;
    color: #fff;
    text-align: center;
    font-weight: bold
}

.ret-intro {
    width: 100%;
    height: auto;
    padding: 70px 0;
    background: #fff
}

.wrap_p {
    line-height: 36px;
    font-size: 20px;
    font-weight: bold
}

.ret {
    height: auto;
    background: #FAFAFA;
    margin: 0 auto
}

.ret-cont {
    padding-bottom: 100px
}

ul.ret-list {
    background-color: #F2F2F2
}

ul.ret-list li {
    width: 430px;
    /*height: 310px;*/
    padding: 0 70px 70px;
    background-color: #fff;
    float: left;
    margin-bottom: 30px
}

ul.ret-list li:nth-child(2n+2) {
    margin-left: 30px
}

ul.ret-list li:nth-last-child(1),
ul.ret-list li:nth-last-child(2) {
    margin-top: 0
}

ul.ret-list li:hover {
    -webkit-box-shadow: 0 4px 10px 0 #ddd;
    -moz-box-shadow: 0 4px 10px 0 #ddd;
    box-shadow: 0 4px 10px 0 #ddd
}

ul.ret-list li:hover .rl {
    color: #ca151c
}

ul.ret-list li .l {
    height: 180px
}

ul.ret-list li .l a {
    display: block;
    text-align: center;
    height: 100%
}

ul.ret-list li .l a img {
    display: inline-block;
    /*width: 180px;*/
    height: 180px
}

ul.ret-list li .r .name a {
    font-size: 20px;
    font-weight: bold;
    line-height: 18px
}

ul.ret-list li .r > p:nth-of-type(1) {
    margin: 5px 0 17px
}

ul.ret-list li .r p {
    font-size: 14px;
    overflow: hidden
}

ul.ret-list li .r p:nth-of-type(2) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 31px
}

ul.dj-cat {
    width: 1170px;
    height: 40px;
    border-left: 1px solid #dedede;
    margin-top: 40px
}

ul.dj-cat li {
    float: left;
    width: 119px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #dedede;
    border-left: 0;
    background: #fff
}

ul.dj-cat li a {
    display: block;
    font-size: 14px
}

ul.dj-cat li.active {
    background: #ca151c
}

ul.dj-cat li.active a {
    color: #fff
}

ul.dj-cat li:hover {
    background: #ca151c
}

ul.dj-cat li:hover a {
    color: #fff
}

ul.dj-list {
    margin-top: 40px
}

ul.dj-list li {
    width: 1170px;
    height: 298px;
    background: #fff;
    margin-bottom: 40px
}

ul.dj-list li:hover {
    box-shadow: 0 0 15px 3px #e7e7e7;
    -webkit-box-shadow: 0 0 15px 3px #e7e7e7;
    -moz-box-shadow: 0 0 15px 3px #e7e7e7
}

ul.dj-list li:hover .r div a {
    color: #ca151c
}

ul.dj-list li .l {
    width: 570px;
    height: 298px;
    margin-right: 20px
}

ul.dj-list li .l a {
    display: block;
    width: 570px;
    height: 298px
}

ul.dj-list li .l a img {
    display: block;
    width: 570px;
    height: 298px
}

ul.dj-list li .r {
    width: 500px;
    height: 298px;
    padding-right: 70px
}

ul.dj-list li .r div {
    line-height: 28px;
    margin-top: 36px
}

ul.dj-list li .r div a {
    font-size: 24px
}

ul.dj-list li .r p {
    width: 490px;
    height: 108px;
    line-height: 36px;
    font-size: 18px;
    overflow: hidden;
    margin-top: 20px
}

.deta_lbai {
    width: 100%;
    background-color: #fff
}

.deta_lbai div {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 50px 0;
    font-size: 21px;
    color: #000000;
    line-height: 34px
}

.gy-cont {
    height: auto;
    background: #F8F8F8
}

.gy-dwen {
    font-size: 25px;
    color: #595757;
    font-weight: bold;
    margin-top: 50px
}

.gy-ul {
    padding-bottom: 50px
}

.gy-ul ul {
    width: 24.5%;
    height: 100%;
    float: left
}

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

.gy-ul ul li {
    font-size: 15px;
    color: #595757;
    margin-top: 3px
}

.gy-ul ul li:nth-of-type(1) {
    margin: 38px 0 30px;
    font-size: 22px;
    color: #595757;
    position: relative;
    display: inline-block
}

.gy-wibu {
    background: #fff;
    padding: 70px 0;
    width: 100%
}

.gy_zh {
    width: 1170px;
    margin: 0 auto
}

.gy-on {
    width: 400px;
    height: 310px;
    position: relative
}

.gy-on img {
    width: 100%;
    height: 100%
}

.gy-on p {
    position: absolute;
    top: 30px;
    right: 40px;
    color: #fff;
    z-index: 10;
    font-size: 28px;
    font-weight: bold
}

.gy_zh > div {
    float: left
}

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

.gy-to {
    width: 730px;
    height: 310px;
    margin-left: 30px
}

.gy-to a {
    width: 730px;
    height: 140px;
    display: inline-block
}

.gy-to a:nth-of-type(2) {
    margin-top: 30px;
    float: right
}

.gy-to a div:nth-of-type(1) {
    width: 210px;
    height: 140px;
    background-color: #D4D4D4;
    float: left
}

.gy-to div:nth-of-type(1) img {
    width: 100%;
    height: 100%
}

.gy-su {
    width: 490px;
    margin-left: 30px;
    float: left
}

.gy-su p:nth-of-type(1) {
    font-size: 19px;
    font-weight: bold;
    color: #000000
}

.gy-su p:nth-of-type(2) {
    margin-top: 15px;
    font-size: 15px;
    color: #737373;
    height: 90px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis \9
}

.dt-head {
    margin-bottom: 6px
}

ul.dt-cat {
    width: 1160px;
    height: 41px;
    line-height: 41px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px
}

ul.dt-cat li {
    float: left;
    height: 39px;
    line-height: 39px;
    margin-right: 50px
}

ul.dt-cat li a {
    font-size: 18px
}

ul.dt-cat li.active {
    border-bottom: 2px solid #ca151c
}

ul.dt-cat li.active a {
    color: #ca151c
}

ul.dt-cat li:hover {
    border-bottom: 2px solid #ca151c
}

ul.dt-cat li:hover a {
    color: #ca151c
}

ul.dt-list {
    width: 1170px;
    height: auto;
    margin: 0 auto;
    padding-top: 30px;
    margin-top: 40px
}

.wr_banner {
    width: 100%;
    height: 420px;
    background: url("../../img/02840.jpg")/*tpa=https://img.ret.cn//img/02840.jpg*/ no-repeat center;
    position: relative
}

ul.dt-list li {
    height: 230px;
    margin-bottom: 30px
}

ul.dt-list li .l {
    width: 380px;
    height: 230px;
    margin-right: 40px
}

ul.dt-list li .l a {
    display: block;
    width: 380px;
    height: 230px
}

ul.dt-list li .l a img {
    display: block;
    width: 380px;
    height: 230px
}

ul.dt-list li .r {
    width: 740px
}

ul.dt-list li .r .title {
    height: 84px;
    line-height: 84px
}

ul.dt-list li .r .title a {
    display: block;
    width: 740px;
    height: 84px;
    line-height: 84px;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

ul.dt-list li .r p {
    width: 740px;
    height: 72px;
    line-height: 36px;
    font-size: 18px;
    color: #808080;
    overflow: hidden
}

ul.dt-list li .r .link {
    height: 60px;
    line-height: 60px
}

ul.dt-list li .r .link .ll a {
    font-size: 18px;
    color: #ca151c
}

ul.dt-list li .r .link .ll a img {
    margin-left: 8px
}

ul.dt-list li .r .link .time {
    font-size: 18px;
    color: #808080
}

ul.dt-list li:hover .r .title a {
    color: #ca151c
}

.search-head .more {
    height: 50px;
    line-height: 50px
}

.search-head .more a {
    font-size: 16px
}

.search-head .more a:hover {
    color: #ca151c
}

.search-list {
    width: 1170px;
    height: auto
}

.search-list li {
    float: left;
    width: 370px;
    height: auto;
    margin-right: 30px;
    margin-bottom: 30px;
    background: #fff
}

.search-list li:nth-child(3n+3) {
    margin-right: 0
}

.search-list li a {
    display: block
}

.search-list li a img {
    display: block;
    width: 370px;
    height: 230px
}

.search-list li a div {
    display: block;
    width: 340px;
    height: 48px;
    padding: 12px 14px;
    border-top: 0
}

.search-list li a div p {
    height: 48px;
    line-height: 24px;
    font-size: 18px;
    overflow: hidden
}

.search-list li:hover {
    box-shadow: 1px 1px 10px 1px #c8c8cc;
    -webkit-box-shadow: 1px 1px 10px 1px #c8c8cc;
    -moz-box-shadow: 1px 1px 10px 1px #c8c8cc
}

.bg-banner {
    width: 100%;
    height: 500px;
    background: url("../img/bg-banner.jpg")/*tpa=https://img.ret.cn/css/img/bg-banner.jpg*/ no-repeat center;
    position: relative
}

.bg-banner p {
    height: 500px;
    line-height: 500px;
    font-size: 72px;
    color: #fff;
    text-align: center;
    font-weight: bold
}

.bg-intro {
    width: 100%;
    height: auto;
    padding: 32px 0
}

.bg-content {
    padding-top: 40px
}

.bg-cont {
    width: 1140px;
    height: auto;
    padding: 0 30px;
    background: #fff
}

ul.bg-list {
    padding-top: 45px
}

ul.bg-list li {
    width: 1140px;
    height: 460px;
    margin-bottom: 40px
}

ul.bg-list li .l {
    width: 360px;
    height: 460px;
    margin-right: 40px
}

ul.bg-list li .l a {
    display: block;
    width: 360px;
    height: 460px
}

ul.bg-list li .l a img {
    display: block;
    width: 360px;
    height: 460px
}

ul.bg-list li .r {
    width: 740px;
    height: 460px
}

ul.bg-list li .r .title {
    width: 740px;
    height: 58px;
    line-height: 58px;
    margin-top: 40px
}

ul.bg-list li .r .title a {
    display: block;
    width: 740px;
    height: 58px;
    line-height: 58px;
    font-size: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

ul.bg-list li .r .time {
    height: 50px;
    line-height: 50px
}

ul.bg-list li .r .time .date {
    font-size: 18px;
    color: #808080;
    margin-right: 40px
}

ul.bg-list li .r .time p {
    font-size: 18px;
    color: #808080;
    margin-right: 20px
}

ul.bg-list li .r .time p i {
    font-size: 18px;
    color: #bbb;
    margin-right: 10px
}

ul.bg-list li .r .time p.likes i {
    cursor: pointer
}

ul.bg-list li .r .cont {
    width: 716px;
    height: 192px;
    line-height: 48px;
    font-size: 20px;
    overflow: hidden
}

ul.bg-list li .r .down {
    margin-top: 15px;
    height: 50px;
    line-height: 50px
}

ul.bg-list li .r .down a {
    display: inline-block;
    width: 118px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border: 1px solid #ca151c;
    border-radius: 5px;
    background: #ca151c;
    margin-right: 20px
}

ul.bg-list li .r .down a.downit {
    background: #fff;
    color: #808080;
    border: 1px solid #808080
}

ul.bg-list li .r .down a.downit i {
    font-size: 18px;
    color: #808080;
    margin-right: 7px
}

ul.bg-list li .r .down a.downit:hover {
    background: #ca151c;
    color: #fff;
    border: 1px solid #ca151c
}

ul.bg-list li .r .down a.downit:hover i {
    color: #fff
}

ul.bg-list li:hover .r .title a {
    color: #ca151c
}

ul.bg-list li:hover .l a img {
    box-shadow: 10px 10px 10px 1px #eee;
    -webkit-box-shadow: 10px 10px 10px 1px #eee;
    -moz-box-shadow: 10px 10px 10px 1px #eee
}

.bg-more {
    margin-top: 40px;
    width: 1170px
}

.bg-slide {
    position: relative;
    height: 570px;
    overflow: hidden;
    margin: 0 auto
}

.bg-slide .d-list {
    width: 1170px;
    height: auto
}

.bg-slide .d-list li {
    float: left;
    width: 270px;
    height: auto;
    margin-right: 30px;
    margin-bottom: 10px;
    background: #fff
}

.bg-slide .d-list li img {
    display: block;
    width: 270px;
    height: 345px
}

.bg-slide .d-list li .cont {
    width: 240px;
    height: auto;
    padding: 0 15px
}

.bg-slide .d-list li .cont .title {
    width: 240px;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    margin-top: 5px
}

.bg-slide .d-list li .cont .title a {
    font-weight: bold;
    display: block;
    width: 240px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bg-slide .d-list li .cont .p {
    width: 240px;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    color: #808080;
    overflow: hidden
}

.bg-slide .d-list li .link {
    width: 240px;
    height: 40px;
    line-height: 40px
}

.bg-slide .d-list li .link p {
    font-size: 12px;
    color: #808080;
    margin-right: 17px
}

.bg-slide .d-list li .link p i {
    font-size: 14px;
    color: #bbb;
    margin: 0 5px
}

.bg-slide .d-list li .link p.likes i {
    cursor: pointer
}

.bg-slide .d-list li .link a {
    font-size: 14px;
    color: #808080;
    float: right
}

.bg-slide .d-list li:hover {
    box-shadow: 1px 1px 10px 1px #c8c8cc;
    -webkit-box-shadow: 1px 1px 10px 1px #c8c8cc;
    -moz-box-shadow: 1px 1px 10px 1px #c8c8cc
}

.bg-slide .d-list li:hover .title a {
    font-weight: bold;
    color: #ca151c
}

.bg-slide a.prev {
    position: absolute;
    display: block;
    width: 29px;
    height: 60px;
    line-height: 60px;
    background: url("../img/left.png")/*tpa=https://img.ret.cn/css/img/left.png*/ no-repeat;
    left: 0;
    top: 200px
}

.bg-slide a.next {
    position: absolute;
    display: block;
    width: 29px;
    height: 60px;
    line-height: 60px;
    background: url("../img/right.png")/*tpa=https://img.ret.cn/css/img/right.png*/ no-repeat;
    right: 0;
    top: 200px
}

.exp {
    padding-top: 1px
}

.pxzx {
    width: 1160px;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
    background: #fff
}

.pxzx .head {
    padding-top: 20px
}

.pxzx .head img {
    display: block
}

.pxzx .head div {
    width: 1160px;
    height: auto;
    padding: 14px 0
}

.pxzx .head p {
    width: 1100px;
    height: auto;
    line-height: 36px;
    padding: 6px 30px;
    text-indent: 2em;
    font-size: 24px;
    font-family: SourceHanSansCN-Medium
}

.pxzx1 .head div {
    background: #fff0f1;
    border-top: 8px solid #b81d25;
    border-bottom: 1px solid #b81d25
}

.pxzx2 .head div {
    background: #f4feff;
    border-top: 8px solid #2b97a4;
    border-bottom: 1px solid #2b97a4
}

.pxzx3 .head div {
    background: #def0fe;
    border-top: 8px solid #0d6fb8;
    border-bottom: 1px solid #0d6fb8
}

.pxzx4 .head div {
    background: #fff1f2;
    border-top: 8px solid #ca151c;
    border-bottom: 1px solid #ca151c
}

.pxzx1 .cont .title {
    height: 100px;
    line-height: 100px
}

.pxzx1 .cont .title p {
    height: 100px;
    line-height: 100px;
    font-size: 30px;
    color: #ca151c
}

.pxzx1 .cont .title p span {
    display: inline-block;
    width: 140px;
    height: 100px;
    vertical-align: top;
    margin-right: 20px
}

.pxzx1 .cont .num1 {
    margin-left: 30px;
    margin-top: 70px
}

.pxzx1 .cont .num1 .title p span {
    background: url("../img/num1.png")/*tpa=https://img.ret.cn/css/img/num1.png*/ no-repeat
}

.pxzx1 .cont .num1 .cont-cont p {
    margin-left: 160px;
    line-height: 48px;
    font-size: 20px
}

.pxzx1 .cont .num2 {
    margin-left: 180px;
    margin-top: 125px
}

.pxzx1 .cont .num2 .title p span {
    background: url("../img/num2.png")/*tpa=https://img.ret.cn/css/img/num2.png*/ no-repeat
}

.pxzx1 .cont .num2 .cont-cont {
    width: 656px;
    height: 169px;
    background: url("../img/num_bg.jpg")/*tpa=https://img.ret.cn/css/img/num_bg.jpg*/ no-repeat;
    margin-left: 75px;
    margin-top: 75px
}

.pxzx1 .cont .num2 .cont-cont ul {
    width: 800px
}

.pxzx1 .cont .num2 .cont-cont ul li {
    float: left;
    width: 169px;
    height: 169px;
    line-height: 169px;
    font-size: 20px;
    text-align: center;
    margin-right: 83px
}

.pxzx1 .cont .num2 .cont-cont ul li.r {
    margin-right: 65px
}

.pxzx1 .cont .num3 {
    margin-left: 30px;
    margin-top: 125px
}

.pxzx1 .cont .num3 .title p span {
    background: url("../img/num3.png")/*tpa=https://img.ret.cn/css/img/num3.png*/ no-repeat
}

.pxzx1 .cont .num3 .cont-cont ul {
    margin-left: 160px;
    margin-top: 26px
}

.pxzx1 .cont .num3 .cont-cont ul li {
    float: left;
    width: 390px;
    height: 48px;
    line-height: 48px;
    font-size: 20px
}

.pxzx1 .cont .num4 {
    margin-left: 180px;
    margin-top: 77px
}

.pxzx1 .cont .num4 .title p span {
    background: url("../img/num4.png")/*tpa=https://img.ret.cn/css/img/num4.png*/ no-repeat
}

.pxzx1 .cont .num4 .cont-cont {
    position: relative;
    width: 418px;
    height: 284px;
    margin-left: 240px;
    margin-top: 75px;
    border: 2px solid #ca151c
}

.pxzx1 .cont .num4 .cont-cont div {
    position: absolute;
    width: 445px;
    height: 266px;
    padding-left: 65px;
    padding-top: 24px;
    left: -117px;
    top: -33px;
    background: #fff6f6
}

.pxzx1 .cont .num4 .cont-cont div p {
    line-height: 48px;
    font-size: 20px
}

.pxzx1 .cont .num5 {
    margin-left: 30px;
    margin-top: 90px
}

.pxzx1 .cont .num5 .title p span {
    background: url("../img/num5.png")/*tpa=https://img.ret.cn/css/img/num5.png*/ no-repeat
}

.pxzx1 .cont .num5 .cont-cont ul {
    margin-left: 160px;
    margin-top: 45px;
    margin-bottom: 80px
}

.pxzx1 .cont .num5 .cont-cont ul li {
    float: left;
    width: 265px;
    height: 48px;
    line-height: 48px;
    font-size: 20px
}

.pxzx2 .cont .title {
    height: 130px;
    line-height: 130px;
    margin-top: 20px;
    font-size: 30px
}

.pxzx2 .cont-cont .y13 {
    width: 327px;
    height: 81px;
    margin: 0 auto;
    background: url("../img/2013.png")/*tpa=https://img.ret.cn/css/img/2013.png*/ no-repeat;
    margin-top: 90px
}

.pxzx2 .cont-cont .y14 {
    width: 327px;
    height: 81px;
    margin: 0 auto;
    background: url("../img/2014.png")/*tpa=https://img.ret.cn/css/img/2014.png*/ no-repeat;
    margin-top: 90px
}

.pxzx2 .cont-cont .y15 {
    width: 327px;
    height: 81px;
    margin: 0 auto;
    background: url("../img/2015.png")/*tpa=https://img.ret.cn/css/img/2015.png*/ no-repeat;
    margin-top: 90px
}

.pxzx2 .cont-cont .y16 {
    width: 327px;
    height: 81px;
    margin: 0 auto;
    background: url("../img/2016.png")/*tpa=https://img.ret.cn/css/img/2016.png*/ no-repeat;
    margin-top: 90px
}

.pxzx2 .cont-cont .y17 {
    width: 327px;
    height: 81px;
    margin: 0 auto;
    background: url("../img/2017.png")/*tpa=https://img.ret.cn/css/img/2017.png*/ no-repeat
}

.pxzx2 .cont-cont .speak-list {
    width: 1100px;
    height: auto;
    margin: 65px auto 0;
    padding-bottom: 50px
}

.pxzx2 .cont-cont .speak-list ul {
    width: 470px;
    height: auto;
    padding-left: 80px
}

.pxzx2 .cont-cont .speak-list ul.l {
    text-align: left
}

.pxzx2 .cont-cont .speak-list ul.r {
    text-align: left
}

.pxzx2 .cont-cont .speak-list ul li {
    line-height: 30px;
    font-size: 20px;
    padding: 8px 0
}

.pxzx2 .cont-cont .images-list {
    width: 1180px;
    height: auto;
    margin-top: 65px
}

.pxzx2 .cont-cont .images-list ul {
    width: 1180px;
    height: auto
}

.pxzx2 .cont-cont .images-list ul li {
    float: left;
    width: 260px;
    height: 510px;
    margin-left: 10px;
    margin-right: 22px
}

.pxzx2 .cont-cont .images-list ul li img {
    display: block;
    width: 260px;
    height: 400px
}

.pxzx2 .cont-cont .images-list ul li p {
    line-height: 30px;
    padding-top: 14px;
    font-size: 18px
}

.pxzx2 .cont-cont .images-list ul.line3 {
    height: 1530px;
    overflow: hidden
}

.pxzx2 .cont-cont .images-list .showhide {
    height: 50px;
    line-height: 50px;
    text-align: center
}

.pxzx2 .cont-cont .images-list .showhide div {
    font-size: 18px;
    color: #ca151c;
    cursor: pointer
}

.pxzx3 .cont {
    width: 905px;
    height: 1538px;
    margin: 0 auto;
    padding-bottom: 70px;
    margin-top: 70px;
    background: url("../img/pxzx3_bg.png")/*tpa=https://img.ret.cn/css/img/pxzx3_bg.png*/ no-repeat
}

.pxzx3 .cont ul li {
    width: 905px;
    height: auto
}

.pxzx3 .cont ul li.a {
    height: 290px
}

.pxzx3 .cont ul li.b {
    height: 320px
}

.pxzx3 .cont ul li.c {
    height: 310px
}

.pxzx3 .cont ul li.d {
    height: 340px
}

.pxzx3 .cont ul li.e {
    height: 270px
}

.pxzx3 .cont ul li.a > div,
.pxzx3 .cont ul li.c > div,
.pxzx3 .cont ul li.e > div {
    float: right;
    width: 355px;
    height: auto
}

.pxzx3 .cont ul li.b > div,
.pxzx3 .cont ul li.d > div {
    float: left;
    margin-left: 50px;
    height: auto
}

.pxzx3 .cont ul li.a > div div {
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    color: #91ccf8
}

.pxzx3 .cont ul li.b > div div {
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    color: #ff9a77
}

.pxzx3 .cont ul li.c > div div {
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    color: #01c7eb
}

.pxzx3 .cont ul li.d > div div {
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    color: #ca151c
}

.pxzx3 .cont ul li.e > div div {
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    color: #0d6fb8
}

.pxzx3 .cont ul li.a > div p,
.pxzx3 .cont ul li.b > div p,
.pxzx3 .cont ul li.c > div p,
.pxzx3 .cont ul li.d > div p,
.pxzx3 .cont ul li.e > div p {
    line-height: 36px;
    font-size: 20px
}

.pxzx4 .cont .title {
    height: 130px;
    line-height: 130px;
    font-size: 30px;
    margin-top: 50px;
    text-align: center
}

.pxzx4 .cont ul {
    padding-bottom: 20px
}

.pxzx4 .cont ul li {
    width: 1160px;
    height: 250px;
    margin-bottom: 50px
}

.pxzx4 .cont ul li .l {
    width: 370px;
    height: 250px;
    margin-right: 30px
}

.pxzx4 .cont ul li .l img {
    display: block;
    width: 370px;
    height: 250px
}

.pxzx4 .cont ul li .r {
    width: 760px;
    height: 250px
}

.pxzx4 .cont ul li .r div {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #ca151c
}

.pxzx4 .cont ul li .r p {
    width: 720px;
    height: 180px;
    line-height: 36px;
    font-size: 20px;
    margin-top: 20px;
    overflow: hidden
}

.qywh {
    width: 1000px;
    height: auto;
    margin: 0 auto
}

.qywh-floor {
    padding: 55px 0
}

.qywh .title {
    height: 84px;
    line-height: 84px;
    font-size: 30px
}

.qywh .intro {
    line-height: 64px;
    font-size: 24px;
    color: #ca151c;
    font-weight: bold
}

.qywh p {
    line-height: 36px;
    padding: 12px 0;
    font-size: 20px
}

.qywh dl {
    padding: 12px 0
}

.qywh dl dt {
    width: 54px;
    line-height: 36px;
    font-size: 18px;
    color: #ca151c
}

.qywh dl dd {
    width: 946px;
    line-height: 36px;
    font-size: 18px
}

.jrwm {
    width: 1140px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0
}

.jrwm .title {
    height: 110px;
    line-height: 110px;
    font-size: 30px;
    color: #ca151c;
    text-align: center
}

.jrwm .jrwm-head {
    margin-bottom: 60px
}

.jrwm .jrwm-head p {
    width: 1110px;
    line-height: 36px;
    margin: 0 auto;
    font-size: 20px;
    text-indent: 2em
}

.jrwm .jrwm-cont .offer {
    margin-bottom: 26px
}

.jrwm .jrwm-cont .offer div {
    line-height: 46px;
    font-size: 20px;
    color: #ca151c
}

.jrwm .jrwm-cont .offer p {
    line-height: 36px;
    padding: 4px 0;
    font-size: 20px
}

.jrwm .jrwm-cont .offer p span {
    font-size: 20px;
    margin-right: 8px
}

.jrwm .jrwm-foot p {
    line-height: 36px;
    padding: 4px 0;
    font-size: 20px
}

.jrwm .jrwm-foot p span {
    font-size: 20px;
    margin-right: 50px
}

.address {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1111
}

.address-box {
    position: absolute;
    left: 50%;
    top: 200px;
    margin-left: -540px;
    width: 1080px;
    height: 536px
}

.address-box span {
    position: absolute;
    left: 1060px;
    bottom: 515px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 999
}

.gy-glc-banner {
    width: 100%;
    height: 600px;
    background: url("../img/glc.jpg")/*tpa=https://img.ret.cn/css/img/glc.jpg*/ no-repeat center
}

.glc {
    width: 1170px;
    height: auto;
    padding-top: 64px;
    margin: 0 auto
}

.glc-top {
    margin-bottom: 65px
}

.glc-top .l {
    margin-right: 70px
}

.glc-top .l a {
    display: block;
    width: 300px;
    height: 300px;
    background: #fff
}

.glc-top .l a img {
    width: 100%;
    height: 100%
}

.glc-top .r {
    width: 800px
}

.glc-top .r .name {
    line-height: 25px;
    font-size: 28px;
    margin-top: 35px
}

.glc-top .r .name a {
    display: inline-block;
    font-weight: 600;
    column-rule: #000000
}

.glc-top .r .name div {
    display: inline-block;
    font-size: 18px;
    margin-left: 20px
}

.glc-top .r .pr {
    font-size: 30px;
    margin-top: 25px
}

.glc-top .r .r_duan {
    line-height: 30px;
    font-size: 16px;
    margin-top: 23px
}

.glc-top .r .r_bot {
    line-height: 30px;
    font-size: 16px;
    margin-top: 23px
}

.glc-list {
    width: 1170px;
    height: auto;
    padding-bottom: 22px
}

.glc-list li {
    display: inline-block;
    width: 230px;
    margin-right: 40px;
    margin-bottom: 48px
}

.glc-list li:nth-child(4n+0) {
    margin-right: 0
}


/*.glc-list li:hover div {
    color: #ca151c;
    display: inline-block;
    border-bottom: 1px solid #ca151c
}*/

.glc-list li a {
    display: block;
    width: 100%;
    height: 100%
}

.glc-list li a img {
    display: block;
    width: 100%;
    height: 100%
}

.glc-list li a div {
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.glc-list li a p {
    font-size: 14px
}

.gy-glc-xq-banner {
    width: 100%;
    height: 420px;
    background: #515258
}

.glc-xq {
    width: 1200px;
    height: auto;
    padding: 17px 0
}

.glc-xq-top {
    margin-bottom: 40px
}

.glc-xq-top .l {
    width: 300px;
    height: 400px;
    margin-right: 40px
}

.glc-xq-top .l img {
    display: block;
    width: 300px;
    height: 400px
}

.glc-xq-top .r {
    width: 800px
}

.glc-xq-top .r .name {
    line-height: 30px;
    font-size: 30px
}

.glc-xq-top .r .post {
    line-height: 78px;
    font-size: 20px;
    color: #ca151c
}

.glc-xq-top .r .email {
    line-height: 18px;
    font-size: 18px;
    color: #808080
}

.glc-xq-top .r .geyan {
    line-height: 44px;
    font-size: 24px;
    color: #ca151c
}

.glc-xq-top .r p {
    line-height: 36px;
    font-size: 18px;
    padding: 30px 0
}

.glc-xq-cont .title {
    height: 94px;
    line-height: 94px;
    font-size: 28px;
    color: #000000;
    font-weight: bold
}

.glc-xq-cont .cont {
    padding-bottom: 70px
}

.glc-xq-cont .cont dl {
    float: left;
    width: 300px;
    height: auto
}

.glc-xq-cont .cont dl dt {
    height: 56px;
    line-height: 56px;
    font-size: 22px;
    color: #000000;
    position: relative;
    margin-bottom: 10px
}

.glc-xq-cont .cont dl dt:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 4px;
    left: 0;
    bottom: 0;
    background-color: #CA151C
}

.glc-xq-cont .cont dl dd {
    width: 300px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #595757;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.glc-xq-cont .cont dl dd a {
    display: block;
    width: 280px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gy-ret {
    height: auto;
    background: #f9f9f9
}

.gy-ret .cont {
    margin-bottom: 75px
}

.gy-ret .cont .title {
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    margin-top: 10px;
    text-align: center
}

.gy-ret .cont .intro {
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    color: #ca151c;
    text-align: center;
    font-weight: bold;
    margin-bottom: 18px
}

.gy-ret .cont p {
    line-height: 35px;
    font-size: 20px;
    padding: 15px 0;
    text-indent: 2em
}

.gy-ret .cont .licheng .date img {
    margin-left: 20px
}

.gy-ret .cont .licheng ul.top {
    margin-left: 20px;
    margin-top: 27px;
    margin-bottom: 14px
}

.gy-ret .cont .licheng ul.bottom {
    margin-left: 180px;
    margin-top: 5px;
    margin-bottom: 14px
}

.gy-ret .cont .licheng ul li {
    float: left;
    width: 320px;
    height: auto;
    text-align: center
}

.gy-ret .cont .licheng ul li div {
    line-height: 48px;
    font-size: 22px;
    color: #ca151c
}

.gy-ret .cont .licheng ul li p {
    line-height: 30px;
    font-size: 16px;
    text-indent: 0
}

.gy-ret .cont .fuwushang {
    margin-top: 42px;
    text-align: center
}

.gy-ret .cont .fuwuquanguo .xm-box {
    width: 320px;
    height: 400px;
    margin-top: 100px;
    padding: 10px 0;
    margin-right: 10px;
    overflow-y: auto;
    box-shadow: 1px 1px 20px 1px #c8c8cc;
    -webkit-box-shadow: 1px 1px 20px 1px #c8c8cc;
    -moz-box-shadow: 1px 1px 20px 1px #c8c8cc
}

.gy-ret .cont .fuwuquanguo .xm-box::-webkit-scrollbar {
    width: 15px;
    height: 420px;
    background: #dedede
}

.gy-ret .cont .fuwuquanguo .xm-box::-webkit-scrollbar-thumb {
    background: #f5f5f5;
    width: 13px;
    cursor: pointer
}

.gy-ret .cont .fuwuquanguo .xm-box .tags {
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    color: #ca151c;
    margin-top: 9px;
    text-align: center
}

.gy-ret .cont .fuwuquanguo .xm-box .xm-list {
    width: 300px;
    height: auto
}

.gy-ret .cont .fuwuquanguo .xm-box .xm-list li {
    height: 36px;
    line-height: 36px;
    text-align: center
}

.gy-ret .cont .fuwuquanguo .xm-box .xm-list li a {
    font-size: 16px
}

.fw-banner {
    position: relative;
    display: block;
    width: 100%;
    height: 400px;
    text-align: center;
    overflow: hidden
}

.fw-banner img {
    position: absolute;
    width: auto;
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -960px
}

.fw-cont {
    width: 1140px;
    height: auto;
    padding: 30px;
    background: #fff
}

.fw-head {
    height: 70px;
    line-height: 70px;
    margin-top: 20px;
    text-align: center;
    font-size: 30px;
    color: #ca151c;
    font-weight: bold
}

.fw-intro {
    width: 1120px;
    height: auto;
    margin: 0 auto
}

.fw-intro p {
    line-height: 36px;
    font-size: 20px;
    text-indent: 2em;
    padding: 16px 0;
    font-weight: bold
}

.fw-title {
    height: 140px;
    line-height: 140px;
    font-size: 30px;
    text-align: center;
    margin-top: 55px
}

.fw-floor {
    margin-top: 20px
}

.fw-cat {
    width: 1140px;
    height: 80px;
    margin-left: 10px
}

.fw-cat li {
    float: left;
    width: 217px;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-right: 9px
}

.fw-cat li.a {
    background: url("../img/fw-cat-a.png")/*tpa=https://img.ret.cn/css/img/fw-cat-a.png*/ no-repeat
}

.fw-cat li.b {
    background: url("../img/fw-cat-b.png")/*tpa=https://img.ret.cn/css/img/fw-cat-b.png*/ no-repeat
}

.fw-top {
    width: 1140px;
    height: auto;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 17px
}

.fw-top li {
    float: left;
    width: 217px;
    min-height: 10px;
    margin-right: 9px;
    line-height: 36px
}

.fw-top li p {
    line-height: 36px;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle
}

.fw-bottom {
    width: 1140px;
    height: auto;
    margin-left: 10px;
    margin-top: 17px
}

.fw-bottom li {
    float: left;
    width: 217px;
    min-height: 10px;
    margin-right: 9px;
    line-height: 36px
}

.fw-bottom li p {
    line-height: 36px;
    font-size: 18px
}

.fw-way {
    width: 1140px;
    height: auto;
    margin-left: 20px
}

.fw-way li {
    float: left;
    width: 200px;
    height: 232px;
    margin-right: 25px;
    background: url("../img/fw-way.png")/*tpa=https://img.ret.cn/css/img/fw-way.png*/ no-repeat
}

.fw-way li.mt {
    margin-top: 20px
}

.fw-way li p {
    width: 164px;
    height: 232px;
    padding: 0 18px;
    line-height: 36px;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle
}

.fw-result {
    width: 1020px;
    height: 307px;
    background: url("../img/fw-result.png")/*tpa=https://img.ret.cn/css/img/fw-result.png*/ no-repeat;
    margin: 0 auto 80px
}

.fw-result li {
    float: left;
    width: 204px;
    height: 232px
}

.fw-result li.mt {
    margin-top: 75px
}

.fw-result li p {
    width: 164px;
    height: 232px;
    padding: 0 20px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.more-fuwu-head {
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    margin-top: 40px
}

.more-fuwu-cont ul {
    width: 1225px
}

.more-fuwu-cont ul li {
    float: left;
    width: 385px;
    height: auto;
    margin-right: 22px;
    margin-bottom: 20px;
    background: #fff
}

.more-fuwu-cont ul li a {
    display: block
}

.more-fuwu-cont ul li a img {
    display: block;
    width: 385px;
    height: 230px
}

.more-fuwu-cont ul li a div {
    width: 383px;
    height: 62px;
    padding-top: 14px;
    padding-bottom: 13px;
    border: 1px solid #dedede;
    border-top: 0;
    text-align: center
}

.more-fuwu-cont ul li a div p {
    display: block;
    width: 383px;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.more-fuwu-cont ul li a div span {
    display: block;
    width: 383px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.more-fuwu-cont ul li:hover {
    box-shadow: 1px 1px 10px 1px #c8c8cc;
    -webkit-box-shadow: 1px 1px 10px 1px #c8c8cc;
    -moz-box-shadow: 1px 1px 10px 1px #c8c8cc
}

.more-fuwu-cont ul li:hover a div p {
    color: #ca151c
}

.fw-cont-cont {
    margin-bottom: 50px
}

.fw-cont-cont p {
    line-height: 36px;
    font-size: 20px;
    padding: 20px 0;
    text-indent: 2em
}

.fw-cont-cont img {
    display: block;
    max-width: 1140px;
    height: auto;
    margin: 40px auto
}

.case {
    background: #fff
}

.in_sight_wrap .case {
    background-color: #f8f8f8
}

.case-add {
    height: auto;
    padding: 20px;
    background: #fff;
    margin-bottom: 60px
}

.case-add-title {
    line-height: 50px;
    font-size: 30px;
    padding: 10px 0
}

.case-add-banner {
    position: relative;
    height: 510px;
    margin-top: 16px
}

.case-add-banner .bd ul li {
    width: 100%;
    height: 510px;
    overflow: hidden
}

.case-add-banner .bd ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden
}

.case-add-banner .bd ul li img {
    width: 1130px;
    height: 100%
}

.case-add-banner .hd {
    position: absolute;
    width: 1130px;
    height: 14px;
    line-height: 14px;
    bottom: 32px;
    left: 0;
    z-index: 11;
    text-align: center
}

.case-add-banner .hd ul {
    margin: 0 auto;
    text-align: center
}

.case-add-banner .hd ul li {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    margin: 0 7px;
    vertical-align: top;
    cursor: pointer
}

.case-add-banner .hd ul li.on {
    background: #ca151c
}

.case-add-banner .case-add-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 240px;
    height: 510px;
    background: rgba(202, 21, 28, 0.4);
    padding: 0 50px;
    z-index: 2222
}

.case-add-banner .case-add-box dl.case-news {
    width: 240px;
    padding-top: 50px
}

.case-add-banner .case-add-box dl.case-news dt {
    width: 240px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #fff
}

.case-add-banner .case-add-box dl.case-news dd {
    width: 240px;
    line-height: 26px;
    font-size: 18px;
    color: #fff;
    margin-bottom: 12px;
    font-weight: bold
}

.case-add-floor {
    margin-bottom: 30px
}

.case-add-cat {
    height: 84px;
    line-height: 84px;
    font-size: 24px;
    color: #ca151c;
    font-weight: bold;
    margin-top: 30px
}

.case-add-cont {
    width: 1070px;
    height: auto;
    padding: 30px;
    background: #fbfbfb
}

.case-add-cont dl {
    width: 1070px;
    height: auto;
    padding: 4px 0
}

.case-add-cont dl dt {
    width: 6px;
    height: 30px;
    line-height: 30px;
    margin-right: 20px
}

.case-add-cont dl dt i {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #ca151c;
    border-radius: 3px
}

.case-add-cont dl dd {
    width: 1070px;
    line-height: 30px;
    font-size: 18px
}

.case-add-cont div {
    height: 20px;
    line-height: 20px;
    margin-top: 60px
}

.case-add-cont div a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: #ca151c
}

.case-add-cont div a img {
    margin-right: 5px;
    vertical-align: top
}

.case-add-cont ul {
    width: 1120px;
    height: auto
}

.case-add-cont ul li {
    float: left;
    width: 138px;
    height: 68px;
    line-height: 65px;
    text-align: center;
    background: #fff;
    border: 1px solid #d9d9db;
    margin-right: 20px;
    margin-bottom: 20px
}

.case-add-cont ul li a {
    display: inline-block;
    width: 138px;
    height: 68px;
    line-height: 65px;
    text-align: center
}

.case-add-cont ul li img {
    max-width: 168px;
    max-height: 68px;
    width: auto;
    height: auto;
    vertical-align: middle
}

.case-add .case-add-more {
    text-align: center;
    height: 64px;
    color: #fff;
    line-height: 64px;
    font-size: 24px;
    margin-bottom: 10px
}

.case-add_bac {
    width: 1130px;
    background: url("../../img/de_gra_3.png")/*tpa=https://img.ret.cn/img/de_gra_3.png*/no-repeat center;
    background-size: 100% 100%;
    margin: 0 auto 60px
}

.case-add .form {
    text-align: center;
    margin-bottom: 35px
}

.case-add .form input {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    height: 38px;
    text-indent: 20px;
    border: 1px solid #dedede;
    margin: 0 13px;
    font-size: 18px
}

.case-add .form input.name {
    width: 268px
}

.case-add .form input.phone {
    width: 268px
}

.case-add .form button {
    width: 210px;
    height: 40px;
    border: 1px solid #ca151c;
    font-size: 18px;
    color: #ca151c;
    background: #fff;
    margin-left: 13px;
    font-family: "Microsoft YaHei";
    vertical-align: top;
    cursor: pointer
}

.case-add .form button.on {
    background: #ca151c;
    color: #fff
}

.case-add .form input::-webkit-input-placeholder {
    font-size: 16px;
    color: #fff
}

.case-add .form input:-ms-input-placeholder {
    font-size: 16px;
    color: #fff
}

.case-add .form input::-moz-placeholder {
    font-size: 16px;
    color: #fff
}

.next span,
.prev span {
    display: none
}

.gy-ret .cont1 {
    margin-bottom: 18px
}

.wrap .map_box {
    background: #fff none repeat scroll 0 0;
    height: 683px
}

.geyan {
    color: #ca151c;
    font-size: 24px;
    line-height: 44px
}

.glc-top .r .name {
    margin-top: 0
}

.gy-joinus {
    background: url("../img/gy-joinus.jpg")/*tpa=https://img.ret.cn/css/img/gy-joinus.jpg*/ no-repeat center
}

.gy-company {
    background: url("../img/gy-company.jpg")/*tpa=https://img.ret.cn/css/img/gy-company.jpg*/ no-repeat center
}

.gy-culture {
    background: url("../img/gy-culture.jpg")/*tpa=https://img.ret.cn/css/img/gy-culture.jpg*/ no-repeat center
}

.seccess {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.2)
}

.seccess .seccess-box {
    box-shadow: rgba(17, 1, 1, 0.2) 0 0 29px 1px;
    width: 230px;
    height: 155px;
    position: fixed;
    left: 50%;
    top: 200px;
    margin-left: -115px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #f5f5f5
}

.seccess .seccess-box img {
    margin-top: 44px;
    width: 40px;
    height: 40px
}

.seccess .seccess-box p {
    line-height: 30px;
    font-size: 20px;
    color: #000
}

.ret2 {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.fw-cont-cont div {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 0 20px 20px 0;
    background: #ca151c;
    font-size: 20px;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 20px
}

.fw-cont-cont p {
    padding: 5px 0;
    text-indent: 0
}

.fw-cont-cont ul {
    width: 1240px;
    height: auto
}

.fw-cont-cont ul li {
    float: left;
    width: 320px;
    height: auto;
    margin-right: 90px
}

.fw-cont-cont ul li div {
    display: block;
    text-align: center;
    background: #fff;
    color: #ca151c;
    font-weight: bold;
    font-size: 22px
}

.fw-cont-cont ul li img {
    margin: 20px auto
}

.clickmore {
    height: 20px;
    line-height: 20px;
    margin-bottom: 50px
}

.clickmore a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #ca151c
}

.clickmore a img {
    vertical-align: top;
    margin-right: 10px
}

.t_kli {
    cursor: pointer
}

#source,
#t_ani {
    cursor: pointer;
    color: white
}

.xq-banner {
    width: 1200px;
    height: 420px;
    margin: 0 auto
}

.gy-glc-xq-banner .l {
    width: 400px;
    height: 420px
}

.gy-glc-xq-banner .l a {
    display: block;
    width: 400px;
    height: 420px;
    overflow: hidden;
    position: absolute
}

.gy-glc-xq-banner .l a img {
    width: 100%;
    margin-top: -18px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.gy-glc-xq-banner .box {
    width: 600px;
    height: 420px;
    position: relative;
    padding: 0 30px 0 65px;
    color: #fff
}

.gy-glc-xq-banner .box .write {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: white;
    margin: 10px 0 50px;
    text-align: center
}

.gy-glc-xq-banner .box .write img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.gy-glc-xq-banner .box > div {
    position: absolute;
    bottom: 0;
    left: 65px;
    width: 600px;
    height: auto
}

.gy-glc-xq-banner .box .name {
    margin-bottom: 20px
}

.gy-glc-xq-banner .box .name a {
    font-size: 18px;
    color: #fff
}

.gy-glc-xq-banner .box .cont {
    margin-bottom: 50px;
    font-size: 36px;
    line-height: 46px;
    position: relative
}

.gy-glc-xq-banner .box .cont:after {
    content: url("../../img/yh.png")/*tpa=https://img.ret.cn/img/yh.png*/;
    position: absolute;
    margin-top: -20px
}

.gy-glc-xq-banner .box .cont:before {
    content: url("../../img/yh.png")/*tpa=https://img.ret.cn/img/yh.png*/;
    position: absolute;
    left: -20px;
    top: -20px
}

.gy-glc-xq-banner .box > div > a {
    margin-bottom: 20px;
    color: #fff;
    font-size: 16px;
    display: block
}

.gy-glc-xq-banner .box > div > a:hover {
    text-decoration: underline
}

.bg-banner2 {
    height: 400px
}

.gy-glc-banner {
    width: 100%;
    min-width: 1200px;
    height: 420px;
    background: url("../../img/gl_03.jpg")/*tpa=https://img.ret.cn/img/gl_03.jpg*/no-repeat center;
    position: relative;
    z-index: 5
}

.gy-gl-banner {
    width: 100%;
    min-width: 1200px;
    height: 420px;
    position: relative;
    z-index: 5
}

.banner3 p {
    height: 400px;
    line-height: 400px
}

.gallery-top .box .name p.position {
    font-size: 18px
}

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

.co-stwn {
    width: 100%
}

.co-stwn img {
    width: 400px;
    height: 311px;
    float: left
}

.co-stwn div {
    background-color: #C9151D;
    color: #fff;
    float: left;
    min-height: 191px;
    width: 630px;
    padding: 60px 70px
}

.co-stwn div p {
    color: #fff;
    min-height: 191px;
    width: 630px;
    font-size: 18px;
    letter-spacing: 0;
    text-align: justify;
    line-height: 31px
}

.co-stwn div li {
    margin-top: 15px;
    color: #fff;
    width: 630px;
    font-size: 18px;
    letter-spacing: 0;
    text-align: justify;
    position: relative;
    line-height: 35px
}

.co-stwn div li:nth-of-type(2) {
    margin-top: 45px
}

.co-stwn div li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: -21px;
    top: 11px
}

.co-stwn div ul {
    padding-bottom: 110px
}

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

.co-dzi {
    padding: 60px 30px
}

.co-dz tbody tr td {
    padding: 20px 0 0 10px
}

.co-dz tbody tr td div:nth-of-type(1) {
    color: #C8161D;
    font-size: 36px;
    font-weight: bold
}

.co-dz tbody tr td div:nth-of-type(2) {
    color: #6C6B6B;
    font-size: 18px;
    font-family: SourceHanSansCN-Medium
}

.gy-ret .ccont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.co-bwq {
    background: #fff;
    width: 100%
}

.co-bwq > div {
    margin: 0 auto;
    width: 1170px;
    padding-top: 70px
}

.co-cotwo {
    margin-top: 20px;
    font-size: 19px;
    color: #000000
}

.co-jx img {
    width: 1000px;
    margin-top: 20px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.swiper-container .swiper-wrapper .swi {
    color: #fff;
    line-height: 70px;
    text-align: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #9E9F9F;
    cursor: pointer
}

.co-jx ul {
    padding: 30px 90px
}

.co-jx ul li div {
    color: #C8161D;
    font-size: 18px;
    font-weight: bold
}

.co-jx ul li p {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px
}

.map_box {
    width: 100%;
    background-color: #fff;
    height: 723px
}

.map_box img {
    margin: 0 auto;
    width: 1170px;
    height: 623px;
    display: block
}

.gy-cul-banner {
    background: url("../../img/cul_02.png")/*tpa=https://img.ret.cn/img/cul_02.png*/no-repeat center
}

.gy_wee {
    position: absolute;
    top: 33%;
    color: #fff;
    width: 1200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.gy-tra-banner {
    background: url("../../img/tra_02.png")/*tpa=https://img.ret.cn/img/tra_02.png*/no-repeat center
}

.tra_bwen {
    height: 155px;
    background: #F9F9F9;
    width: 94%;
    min-width: 1400px;
    float: right
}

.f_gy_b {
    height: 180px !important
}

.tra_ds {
    width: 100%;
    height: auto
}

.tra_ds > div:nth-child(3n+0) {
    margin-right: 0
}

.tra_dv {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 30px
}

.tra_dv img {
    width: 370px;
    height: 500px
}

.tra_dv > div {
    text-align: center;
    padding-bottom: 40px
}

.tra_dv > div p:nth-of-type(1) {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px
}

.tra_dv > div p:nth-of-type(2) {
    font-size: 15px;
    margin-top: 10px
}

.tra_zxn {
    height: auto;
    width: 100%
}

.tra_zne {
    width: 100%;
    margin-top: 36px
}

.tra_zne img {
    width: 405px;
    height: 495px;
    display: inline-block;
    float: left
}

.tra_zne .tra_zwi {
    width: 662px;
    height: auto;
    display: inline-block;
    background-color: #C9151D;
    color: #fff;
    float: left;
    padding: 40px 66px;
    font-size: 20px;
    line-height: 36px;
    text-align: justify
}

.tra_zne .tra_zwi p {
    font-size: 28px
}

.tra_zne .tra_zwi ul {
    font-size: 18px;
    margin-top: 30px
}

.tra_zne .tra_zwi span {
    font-size: 17px;
    margin-top: 28px;
    display: inline-block
}

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

.tra_zen {
    margin-top: 67px
}

.tra_yin {
    height: auto;
    display: block
}

.t_had {
    min-width: 1170px;
    background: #F7F7F7;
    height: 100%
}

.t_thad strong {
    font-weight: bold
}

.t_ha {
    z-index: 5;
    position: relative;
    height: 420px;
    width: 100%
}
.prod .t_ha {
    background: url("../../img/product_banner.png")/*tpa=https://img.ret.cn/img/product_banner.png*/ no-repeat center
}

.egy .t_ha {
    background: url("../../img/tha_01.jpg")/*tpa=https://img.ret.cn/img/tha_01.jpg*/ no-repeat center
}

.uct .t_ha {
    background: url("../../img/tha_02.jpg")/*tpa=https://img.ret.cn/img/tha_02.jpg*/ no-repeat center
}

.nts .t_ha {
    background: url("../../img/tha_03.jpg")/*tpa=https://img.ret.cn/img/tha_03.jpg*/ no-repeat center
}

.ell .t_ha {
    background: url("../../img/tha_04.jpg")/*tpa=https://img.ret.cn/img/tha_04.jpg*/ no-repeat center
}

.ans .t_ha {
    background: url("../../img/tha_05.jpg")/*tpa=https://img.ret.cn/img/tha_05.jpg*/ no-repeat center
}

.est .t_ha {
    background: url("../../img/tha_06.jpg")/*tpa=https://img.ret.cn/img/tha_06.jpg*/ no-repeat center
}

.t_we {
    width: 1170px;
    position: absolute;
    top: 34%;
    left: 50%;
    color: #fff;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.t_we div:nth-of-type(1) {
    font-size: 44px;
    font-weight: bold
}

.t_we div:nth-of-type(2) {
    font-size: 28px;
    font-weight: normal
}

.c_zly {
    width: 280px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    z-index: 1;
    float: left;
    background: #fff
}

.c_twen {
    padding: 30px 20px 0;
    font-size: 17px
}

.c_twen div {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    color: #7F7F7F;
    cursor: pointer;
    background-color: #FBFBFB
}

.c_twen img {
    width: 30px;
    height: 30px
}

.c_twen a {
    margin-left: 10px;
    color: black;
    text-decoration: none
}

.c_twen div:hover {
    background-color: #DDDDDD
}

.c_twen div:nth-of-type(1) {
    border-bottom: 1px solid #EAEAEA
}

.c_nwen {
    padding: 20px;
    z-index: 1
}

.c_bbia {
    border: 1px solid #DDDDDD;
    border-top: none
}

.c_nwbe {
    display: flex;
    width: 100%
}

.c_nwbe div {
    width: 50%;
    width: 117px\9;
    height: 50px;
    font-weight: 600;
    color: #3C3C3F;
    font-size: 18px;
    text-align: center
}

.c_hi {
    border: 1px solid #fff;
    border-top: 2px solid #EF2A33;
    cursor: pointer
}

.c_sh {
    border: 1px solid #DDDDDD;
    border-top: 2px solid #DDDDDD;
    cursor: pointer;
    border-right-color: #fff
}

.c_bnei {
    display: flex;
    padding: 20px 0;
    margin: 0 10px;
    align-items: center;
    border-bottom: 1px solid #DDDDDD
}

.c_hiy a:last-child div {
    border: none
}

.c_bndy,
.c_bndy img {
    width: 50px;
    height: 50px
}

.c_bwen {
    height: 50px;
    margin-left: 10px
}

.c_bwen p:nth-of-type(1) {
    font-weight: bold;
    font-size: 16px
}

.c_bwen p:nth-of-type(2) {
    font-weight: normal;
    font-size: 14px;
    color: #888888
}

.b_bod {
    width: 1170px;
    margin: 0 auto;
    height: 100%
}

.b_bobt {
    background: #F7F7F7;
    box-sizing: border-box;
    width: 890px;
    float: left;
    text-align: justify
}

.b_bou {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    float: left
}

.b_bwen {
    width: 1000px;
    line-height: 35px;
    font-size: 20px;
    padding: 60px 75px 0 112px;
    background: #F9F9F9;
    box-sizing: border-box;
    margin: -50px 0 0 -110px;
    z-index: 10
}

.b_bwen p {
    margin-top: 22px
}

.b_bwen p:nth-of-type(1) {
    font-weight: bold;
    margin: 0
}

.b_kdv {
    width: 100%;
    display: flex;
    margin-top: 50px;
    direction: block
}

.b_twen,
.b_twen img {
    width: 200px;
    height: 300px
}

.f_mar_t {
    margin-top: 50px
}

.f_b_twex {
    border: 1px solid #E50112;
    width: 538px
}

.f_b_bwie {
    background: #9FA0A0;
    color: #fff;
    width: 510px
}

.f_b_bwie_bon_div {
    font-size: 18px;
    margin-top: 30px
}

.f_b_bwie_bon_div p {
    font-size: 16px;
    margin-top: 10px;
    line-height: 30px
}

.f_b_bwie_bon_div p > span {
    font-weight: bold;
    font-size: 18px;
    margin-right: 10px
}

.f_bot_ul {
    font-size: 16px
}

.f_bot_ul li {
    list-style: disc !important;
    margin-bottom: 10px;
    line-height: 30px
}

.b_twex {
    padding: 65px 50px 95px 40px;
    float: left
}

.b_twex > div:nth-of-type(1) {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold
}

.b_twex > div:nth-of-type(2) {
    font-size: 18px;
    line-height: 30px;
    margin-top: 50px;
    font-weight: bold
}

.b_twex > div {
    font-size: 18px;
    line-height: 30px;
    margin-top: 30px
}

.b_bwetu {
    display: flex
}

.b_bwpdi {
    padding-right: 28px
}

.b_bui,
.f_bot_ul {
    margin: 40px 0 0 20px
}

.b_bui li {
    font-weight: bold;
    margin-bottom: 35px;
    list-style: disc !important;
    font-size: 18px
}

.b_bui li:last-child,
.f_bot_ul li:last-child {
    margin-bottom: 0
}

.b_bui li > span {
    margin-top: 10px;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1.7px;
    font-weight: 100\9;
    display: block;
    line-height: 30px
}

.b_bui li > p {
    font-weight: normal;
    letter-spacing: 1.7px;
    margin-top: 15px;
    font-weight: 100\9;
    font-size: 16px;
    line-height: 30px
}

.b_ret {
    display: flex;
    margin-left: 30px
}

.b_bzhan {
    display: flex;
    padding-left: 40px;
    margin-bottom: 100px;
    height: 142px
}

.b_bzhan .b_bzt {
    width: 150px;
    height: 150px
}

.b_bzhan .b_bzt a {
    width: 150px;
    height: 150px;
    overflow: hidden;
    background: #CFCFCF;
    position: absolute;
    display: inline-block;
    background-color: #DDDDDD
}

.b_bzhan .b_bzt a img {
    width: 120%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.b_bzwen {
    height: 150px;
    color: #fff;
    background: #9FA0A0;
    width: 340px;
    padding-left: 50px
}

.b_bzwen p:nth-of-type(1) {
    margin-top: 12px;
    font-size: 18px
}

.b_bzwen > div:nth-of-type(3) {
    margin-top: 20px
}

.b_bzyd > a,
.b_bzyd > div {
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    margin-left: 10px;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    display: inline-block
}

.b_bzwen > div:nth-of-type(2) img {
    vertical-align: text-top
}

.b_bzwen > div:nth-of-type(3) img {
    vertical-align: bottom
}

.b_bzyd > a:hover,
.b_bzyd > div:hover {
    color: #CA141C
}

.b_bzzi {
    font-size: 14px
}

.b_bhdi {
    background: #CA151C;
    height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 10
}

.b_bdhtl {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.b_dhdba {
    color: white;
    font-size: 20px
}

.b_bdhtl a {
    margin-left: 10px;
    color: white;
    text-decoration: none;
    font-size: 14px;
    float: left
}

.b_bdhtl img {
    float: left
}

.b_bdhtl a:hover {
    text-decoration: underline
}

.nts_b_bu p {
    margin-top: 15px !important
}

#t_bdan,
.head_ipt {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000
}

#t_bdan span:nth-of-type(2),
.head_cli span {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    color: white
}

,
#t_bdan span:nth-of-type(2) img,
.head_cli span img {
    width: 80px;
    height: 80px
}

#t_xkn {
    width: 370px;
    margin: 0 auto;
    position: relative;
    top: 20%;
    background: white;
    padding-bottom: 45px
}

#t_xkn div {
    width: 310px;
    height: 36px;
    display: flex;
    border: 1px solid #CACACA;
    margin: 15px 0 0 30px
}

#t_xkn div:nth-of-type(5) {
    height: 60px
}

#t_xkn div > input {
    border: none;
    width: 95%;
    outline: none;
    padding-left: 10px;
    border-radius: 3px;
    text-align: left;
    font-size: 16px
}

#t_xkn div > textarea {
    border: none;
    width: 100%;
    outline: none;
    padding-left: 10px;
    font-size: 16px;
    border-radius: 3px;
    resize: none;
    padding-top: 5px
}

.f_ban,
.head_cli {
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
    position: relative;
    top: 0;
    left: 0
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

#t_xkn p {
    padding: 15px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background-color: #C7161E
}

#t_ani {
    width: 310px;
    height: 40px;
    margin: 15px 0 0 30px;
    background: #C7161E;
    border: none;
    font-size: 16px
}

.ipt::-webkit-input-placeholder {
    color: red
}

.ipt:-moz-placeholder {
    color: red
}

.ipt::-moz-placeholder {
    color: red
}

.ipt:-ms-input-placeholder {
    color: red
}

.c_bwen p:nth-of-type(1):hover {
    color: #CA151C
}

input[type=number] {
    -moz-appearance: textfield
}

.b_bwd {
    font-size: 16px;
    color: #595758
}

.b_bwd p {
    font-weight: 600;
    margin-top: 0 !important;
    font-size: 16px !important;
    font-size: 18px !important
}

.b_bwc {
    border-right: 1px solid #CBCBCB;
    margin: 0 30px
}

.b_bwd ul > li {
    height: 33px;
    list-style: none !important;
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 5px 0;
    border-top: 1px solid #F3F3F3;
    font-size: 14px
}

.b_bwd ul > li:nth-of-type(1) {
    border-top: none
}

.b_bwd ul > li > div {
    margin-left: 10px;
    display: inline-block;
    position: relative
}

.b_bwd ul > li > img {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-top: 3px
}

.b_bwd {
    float: left
}

.b_bwc {
    width: 1px;
    height: 287px;
    border-right: 1px solid #CBCBCB;
    margin: 0 30px;
    float: left;
    margin: 0 25px
}

.b_bwtu,
.b_bwtu img {
    width: 200px;
    height: 200px
}

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

.b_bu {
    margin: 50px 0 0 25px;
    list-style: disc !important
}

.b_bu li {
    font-size: 16px;
    font-weight: bold;
    color: black
}

.b_bu li p {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1.7px
}

.f_case-bd ul {
    display: none
}

.f_case-bd ul:nth-of-type(1) {
    display: block
}

.b_twen {
    display: inline-block \9;
    float: left \9
}

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

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

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

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

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

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

.b_twex {
    display: inline-block \9
}

.b_bwtu {
    display: inline-block \9;
    float: left \9
}

.b_ret {
    display: block \9;
    width: 100% \9
}

.b_bobt,
.b_bzhan,
.b_bzt,
.b_bzwen,
.c_bndy {
    float: left \9
}

.c_bwen {
    display: inline-block \9;
    width: 70%
}

.c_hi,
.c_sh {
    float: left \9;
    text-align: center \9;
    line-height: 50px
}

.b_bdhtl {
    width: 100px;
    display: inline-block \9
}

.b_bdhtl img {
    float: left \9
}

.b_bdhtl a {
    float: left \9
}

.t_had {
    text-align: center \9
}

.b_bod {
    display: inline-block \9
}

.c_twen img {
    float: left \9;
    margin-top: 10px \9
}

.c_twen {
    line-height: 50px \9
}

.b_bod {
    text-align: left \9
}

.b_bwen {
    position: relative \9;
    z-index: 100 \9
}

.t_we {
    text-align: left \9
}

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

#t_xkn div > input {
    float: left \9;
    height: 100% \9;
    width: 290px \9
}

#t_xkn div > textarea {
    float: left \9;
    width: 220px \9;
    overflow: auto \9
}

.b_bhdi {
    text-align: center \9
}

.b_dhdba {
    text-align: center \9
}

.b_bdhtl {
    width: 100px;
    display: inline-block;
    \9
}

.b_bdhtl img {
    float: left \9
}

.b_bdhtl a {
    float: left \9
}

.title_head {
    font-size: 20px;
    color: #222;
    font-weight: bold
}

.bg-banner2 {
    height: 420px
}

.gy-glc-banner {
    width: 100%;
    min-width: 1200px;
    height: 420px;
    position: relative;
    z-index: 5
}

.gy-com-banner {
    background: url("../../img/com_02.png")/*tpa=https://img.ret.cn/img/com_02.png*/no-repeat center
}

.banner3 p {
    height: 400px;
    line-height: 400px
}

.gallery-top .box .name p.position {
    font-size: 18px
}

.gy_we {
    position: absolute;
    top: 33%;
    color: #fff;
    width: 1170px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.f_bwein {
    margin-top: -50px;
    z-index: 10;
    height: 70px;
    width: 100%;
    font-weight: 100;
    font-size: 20px;
    color: black;
    position: relative;
    min-width: 1200px;
    line-height: 36px
}

.f_bwen {
    height: 70px;
    background: #F9F9F9;
    width: 93%;
    float: right;
    min-width: 1400px
}

.gy_bw {
    width: 1170px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: 30px
}

.gy_bw div {
    width: 990px
}

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

.b_bhdi {
    background: #CA151C;
    height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 10
}

.b_bhdi {
    text-align: center \9
}

.b_bdhtl {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.b_dhdba {
    color: white;
    font-size: 20px;
    padding-top: 20px \9
}

.b_bdhtl a {
    margin-left: 10px;
    color: white;
    text-decoration: none;
    font-size: 14px;
    float: left
}

.b_bdhtl img {
    float: left
}

.b_bdhtl a:hover {
    text-decoration: underline
}

.t_ha_div {
    width: 1170px;
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    color: #fff
}

.gy_we div:nth-of-type(1),
.gy_wee div:nth-of-type(1),
.t_ha_div div:nth-of-type(1) {
    font-size: 44px;
    font-weight: bold
}

.gy_we div:nth-of-type(2),
.gy_wee div:nth-of-type(2),
.t_ha_div div:nth-of-type(2) {
    font-size: 28px;
    margin-top: 10px;
    font-weight: normal
}

.cul_title {
    padding: 70px;
    border: 1px solid #CA151C
}

.co-swn {
    margin-top: 70px
}

.co-swn > div {
    float: left;
    width: 768px;
    padding: 100px;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 35px;
    border: 1px solid #CA151C
}

.co-swn img {
    float: left;
    width: 200px;
    height: 200px
}

.co-swn > div > span {
    font-size: 30px;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 2px
}

.co-swn > div > p {
    margin-bottom: 23px
}

.co-swn > div li {
    margin-bottom: 28px;
    position: relative
}

.co-swn > div li:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: -21px;
    top: 11px
}

.co-swn .co_ul_2 li:after {
    background-color: #222
}

.co-swn > div li > p,
.co-swn_p {
    font-size: 18px;
    font-weight: bold
}

.f_swn_col {
    background-color: #CA151C;
    color: #fff
}

.f_mar_bot {
    margin-bottom: 70px
}

.f_tra > div:nth-child(even) {
    margin-right: 0
}

.f_tra_dv {
    width: 510px;
    height: 270px;
    padding: 40px 30px;
    background-color: #EFEFEF;
    text-align: center;
    margin: 0 30px 30px 0;
    float: left;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    transition: all 0.3s
}

.f_tra_dv img {
    margin-bottom: 10px
}

.f_tra_dv img:nth-of-type(2) {
    display: none
}

.f_tra_dv p {
    font-size: 14px;
    line-height: 36px
}

.f_tra_dv p:nth-of-type(2) {
    text-align: left
}

.f_tra_dv div {
    position: absolute;
    right: 40px;
    bottom: 30px;
    font-size: 18px
}

.f_tra_dv:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 10px 0 #ddd;
    -moz-box-shadow: 0 4px 10px 0 #ddd;
    box-shadow: 0 4px 10px 0 #ddd
}

.f_tra_dv:hover div span {
    font-weight: bold
}

.f_tra_dv:hover img:nth-of-type(1) {
    display: none
}

.f_tra_dv:hover img:nth-of-type(2) {
    display: inline-block
}

.tra_yin .f_yin {
    float: left;
    width: 310px;
    height: 270px;
    padding: 50px 30px;
    background: url("../img/tra_43.png")/*tpa=https://img.ret.cn/css/img/tra_43.png*/ no-repeat;
    background-size: 100% 100%;
    position: relative;
    color: #fff
}

.tra_yin .f_yin div {
    font-size: 30px
}

.tra_yin .f_yin > p {
    font-size: 24px;
    position: absolute;
    right: 50px;
    bottom: 30px;
    cursor: pointer;
    border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.tra_yin .f_yin > p:hover {
    border-bottom: 2px solid #fff
}

.f_yin {
    font-weight: bold
}

.com .f_yin {
    background: url("../../img/com_03.png")/*tpa=https://img.ret.cn/img/com_03.png*/ no-repeat;
    background-size: 100% 100%;
    width: 340px;
    height: 210px
}

.com .tra_yin {
    padding-bottom: 100px
}

.header .f_he_ipt {
    color: #888
}

.f_he_ipt {
    font-size: 24px;
    color: #fff;
    height: 80px;
    float: right;
    line-height: 90px;
    cursor: pointer
}

.f_he_ipt i {
    font-size: 24px;
    color: #aaa;
    border: 1px solid #aaa;
    border-style: none solid none solid;
    padding: 0 20px
}

.head_ipt {
    display: none
}

.f_search {
    width: 970px;
    height: 149px;
    margin: 0 auto;
    position: relative;
    top: 30%
}

.f_fl {
    width: 880px;
    height: 110px;
    color: #fff;
    border-style: none;
    outline: none;
    background: transparent;
    font-size: 60px
}

.head_ipt_form {
    width: 970px;
    height: 110px;
    border-bottom: 4px solid #fff
}

.f_header .search > a {
    position: absolute;
    top: 43%;
    right: 20px;
    width: 64px;
    height: 28px;
    line-height: 28px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.f_header .search i {
    display: inline-block;
    font-size: 50px;
    color: #888;
    margin: 0 20px;
    cursor: pointer
}

.f_header .search i:hover {
    color: #fff
}

.head_t {
    color: #888;
    font-size: 14px;
    line-height: 52px;
    cursor: pointer
}

.head_t a,
.head_t span {
    margin-left: 10px;
    color: #888;
    letter-spacing: 1px
}

.gy-tac-banner {
    background: url("../../img/tac_o2.png")/*tpa=https://img.ret.cn/img/tac_o2.png*/no-repeat center
}

.ac-content {
    background-color: #F9F9F9
}

.lianxi {
    width: 1170px;
    height: auto;
    padding-bottom: 70px
}

.lianxi ul {
    width: 1170px;
    height: auto
}

.lianxi ul li {
    cursor: pointer;
    padding: 76px 70px 0;
    margin-right: 30px;
    float: left;
    width: 428px;
    height: 302px;
    margin-bottom: 30px;
    background-color: #efefef;
    border: 1px solid rgba(0, 0, 0, 0)
}

.lianxi ul li:nth-child(even) {
    margin-right: 0
}

.lianxi ul li div {
    line-height: 36px;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    border-bottom: 2px solid #ca151c;
    margin-bottom: 5px
}

.lianxi ul li div span {
    font-size: 36px;
    margin-right: 30px
}

.lianxi ul li p {
    height: 38px;
    line-height: 36px;
    font-size: 16px
}

.lianxi ul li:hover div span {
    color: #ca151c
}

.lianxi ul li p i {
    display: inline-block;
    width: 30px;
    height: 18px;
    vertical-align: bottom;
    background: url("../img/add.png")/*tpa=https://img.ret.cn/css/img/add.png*/ no-repeat;
    margin-left: 20px;
    margin-bottom: 10px
}

.f_tac_col {
    border: 1px solid #ca151c !important;
    background-color: #FAFAFA !important
}

.f_tac_col span {
    color: #ca151c
}

.res .f-tag .bd ul {
    padding-bottom: 0
}

.res .f-tag .bd {
    margin-top: 0
}

.res .floor .d-list li {
    margin-bottom: 30px
}

.res .floor .d-list {
    margin-bottom: 40px
}

.res .f-tag {
    margin-bottom: 70px
}

.res_p {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    cursor: pointer
}

.res .de-liv-b {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    height: 55px;
    line-height: 25px
}

.res .de-liv-b:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 4px;
    left: 0;
    bottom: 0;
    background-color: #CA151C
}

.res_tab {
    background-color: #fff;
    height: 90px;
    line-height: 90px;
    font-size: 18px;
    margin-bottom: 70px
}

.res_tab ul {
    width: 1170px;
    margin: 0 auto
}

.res_tab li {
    display: inline-block;
    margin-left: 20px;
    cursor: pointer
}

.res_tab_color {
    color: #ca151c
}

.res_num {
    padding: 0 7px
}

.res_num:before {
    content: '('
}

.res_num:after {
    content: ')'
}

.wrap .res_num {
    padding: 0 10px
}

.res_bac {
    height: 400px;
    margin-top: -80px;
    background-color: #aa242a;
    background: -webkit-linear-gradient(145deg, #92161b, #aa242a, #ca2227);
    background: -o-linear-gradient(145deg, #92161b, #aa242a, #ca2227);
    background: -moz-linear-gradient(145deg, #92161b, #aa242a, #ca2227);
    background: linear-gradient(145deg, #ca2227, #aa242a, #92161b)
}

.res_bac .head_ipt_form {
    border: none;
    background-color: #fff;
    border-radius: 7px;
    height: 80px;
    padding: 0 30px
}

.res_bac .f_fl {
    height: 80px;
    font-size: 36px;
    color: #222
}

.res_bac .search > a {
    top: 37%;
    right: -12px
}

.res_bac .f_search {
    height: 110px
}

.res_bac .head_t,
.res_bac .head_t a,
.res_bac .head_t span {
    color: #fff
}

.res_bac .head_t {
    padding-left: 30px
}

.res_bac .f_search {
    top: 45%
}

.res_bac input::-webkit-input-placeholder {
    font-size: 36px
}

.res_bac input:-ms-input-placeholder {
    font-size: 36px
}

.res_bac input::-moz-placeholder {
    font-size: 36px
}

.res_bac .search i:hover {
    color: #222
}

.res .search-floor {
    margin-bottom: 70px
}

#res_lod_1 li:nth-child(n+5) {
    display: none
}

#res_lod_3 li:nth-child(n+4) {
    display: none
}

.res_swiper {
    padding-bottom: 70px
}

.res_swiper > p:nth-of-type(1) {
    color: #888;
    font-size: 30px;
    margin-bottom: 40px;
    font-weight: bold
}

.res_swiper > p:nth-of-type(2) {
    font-size: 18px;
    margin-bottom: 10px
}

.res_swiper > p:nth-of-type(3) {
    font-size: 18px;
    margin-bottom: 70px
}

.res_swiper > p:nth-of-type(3) a {
    text-decoration: underline;
    padding: 0 5px;
    cursor: pointer
}

.res_swiper > p:nth-of-type(3) a:hover {
    color: #CA151C
}

.f_head_scroll {
    position: fixed;
    top: 0;
    -webkit-transition: all 400ms;
    transition: all 400ms
}

.f_head_scroll .nav ul.nav-list > li.on > a {
    color: #fff !important
}

.f_vid_div {
    position: relative
}

.f_vid_div_p {
    position: absolute;
    bottom: 106px;
    right: 47px;
    color: #222;
    font-size: 18px;
    font-weight: bold
}

.font_padding {
    letter-spacing: 0.7px
}

.case-det-banner {
    margin: 20px 0 10px
}

.case-det-banner,
.case-det-banner img {
    width: 790px;
    height: 357px
}

.f_de-we a {
    color: #fff;
    font-size: 16px
}

.f_de-we a:hover {
    text-decoration: underline
}

/* 客户眼中的睿意德 */
.f_tra{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.f_traItem{
    width: 1170px;

    margin-bottom: 20px;
}


.traItem_video{
    width: 100%;
    height: 658px;
    position: relative;
    cursor: pointer;
}
.f_traItem1{
    width: 357px;
    height: 256px;
    margin-bottom: 20px;
}
.traItem_video1{
    width: 100%;
    height: 201px;
    position: relative;
    cursor: pointer;
}

.tra_video{
    width: 100%;
    height: 100%;
}

.video_tip{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    line-height: 20px;
    text-align: center;
    /*background:rgba(0,0,0,.4);*/
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
}

.traItem_text{
    width: 100%;
    font-size: .52rem;
    background: #f1f1f1;
    color: #333;
    padding: 0 .4rem;
    height: 55px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.traItem_text>b{
    font-weight: 900;
    font-size: 16px;
    margin-right: 16px;
}

.bofangIcon{
    position: absolute;
    left: 10px;
    bottom: 28px;
    width: 30px;
    height: 30px;
    color: #fff;
    z-index: 9;
    cursor:pointer;
}

.stopIcon{
    position: absolute;
    left: 10px;
    bottom: 28px;
    width: 28px;
    height: 28px;
    color: #fff;
    opacity: 0;
    cursor:pointer;
}

/* 洞见分享 */
.gy_dongjian{
    background: #fff;
    padding-top: 30px;
    box-sizing: border-box;
    width: 100%;
}

.dongjian_con{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.dongjian_item{
    width: 370px;
    height: 320px;
    display: flex;
    flex-direction: column;
}

.dongjian_item>img{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 250px;
}

/*.dongjianItem_text{
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 12px;
    color: #333;
    background: #f1f1f1;
}*/
.dongjianItem_text{
    width: 100%;
    font-size: 13px;
    background: #f1f1f1;
    color: #333;
    height: 70px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
}
.de-liv-b {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    height: 55px;
    line-height: 25px
}

.de-liv-b:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 4px;
    left: 0;
    bottom: 0;
    background-color: #CA151C
}

/* 视频 */
.bigVideo{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(23, 21, 21, 0.8);
    z-index: 30;
    display: none;
}

.bigVideo_con{
    width: 520px;
    height: 360px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -260px;
    margin-left: -270px;
}

.video_task{
    width: 640px;
    height: 360px;
}

.closeTask{
    position: absolute;
    top: -30px;
    right: -140px;
    color: #dfdfdf;
    font-size: 20px;
    cursor:pointer;
}