@charset "utf-8";

@import url(public.css);
@font-face {
    font-family: "Helvetica Neue CE 35 Thin";
    src: url("../images/Helvetica\ Neue\ CE\ 35\ Thin.ttf") format("woff2")
  }
html, body{font-size:100px;}
/* header */
.header{width: 100%; position: fixed; width: 100%; height: 100px; z-index: 6;}
.header .header_content{width: 100%; height: 100%; background-color: rgba(255,255,255,.8);}
/* .header .header_content .wrap{padding-left: calc((100% - 1800px) / 2); height: 100%; } */
.header .header_content .wrap{height: 100%; display: flex;}
.header .header_content .left{width: 14%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; background-color: #791921;}
/* .header .header_content .left::before{content: ""; position: absolute; top: 0; right: 0; width: 2000px; height: 100%; background-color: #791921; z-index: -1;} */
.header .header_content .right{height: 100%; flex: 1; display: flex; align-items: center; justify-content: center;}
.header .header_content .logo{overflow: hidden; height: 100%;}
.header .header_content .logo a{display: flex; align-items: center; height: 100%;}
.header .header_content .logo img{width: 146px; height: auto; max-width: 100%;}
/* menu */
.header .header_menu{position:absolute; top: 0; bottom: 0; right: 15px; margin: auto; z-index: 6; padding: 0; height: 20px; display:block; cursor:pointer;}
.header .header_menu .icon-bar{background:#333; width:30px; height: 3px; display: block;}
.header .header_menu .icon-bar:nth-child(2){margin: 5px 0;}
/* .header .header_menu .icon-bar:nth-child(3){width: 22px;} */
.header .header_menu.on .icon-bar:nth-child(1){margin-top: 8px; transform:rotateZ(45deg);}
.header .header_menu.on .icon-bar:nth-child(2){opacity:0;}
.header .header_menu.on .icon-bar:nth-child(3){width: 30px; top:50%; position:absolute; transform:translate(0,-50%) rotateZ(135deg);}
/* nav */
.header .header_nav{position: relative;}
.header .header_nav .nav{max-width: 100%; margin: 0 auto;}
.header .header_nav .nav_list{width: 100%;}
.header .header_nav .nav_list>li{width: 200px; float: left; position: relative; text-align: left;}
.header .header_nav .nav_list>li>a{height: 100px; line-height: 100px; font-weight: bold; display: block; position: relative;}
.header .header_nav .nav_list>li>a::before{content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: #791921; transition: all .6s;}
.header .header_nav .nav_list>li>a span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 20px; color: #000;}
.header .header_nav .nav_list>li>a .CN{opacity: 1;}
.header .header_nav .nav_list>li>a .EN{opacity: 0; font-family: "Helvetica Neue CE 35 Thin";}
.header .header_nav .nav_list>li:hover>a span{color: #791921;}
.header .header_nav .nav_list>li:hover>a .CN{opacity: 0;  transform: rotateX(360deg);}
.header .header_nav .nav_list>li:hover>a .EN{opacity: 1;  transform: rotateX(360deg);}
.header .header_nav .nav_list>li:hover>a::before{width: 50px;}
.header .header_nav .nav_list>li.on>a span{color: #791921;}
.header .header_nav .nav_list>li.on>a .CN{opacity: 0;  transform: rotateX(360deg);}
.header .header_nav .nav_list>li.on>a .EN{opacity: 1;  transform: rotateX(360deg);}
.header .header_nav .nav_list>li.on>a::before{width: 50px;}
.header .header_nav .nav_list>li>i{display: none;}
.header .header_nav .drop_down{display: none; position: absolute; top: 100%; left: 50%; min-width: 100%; transform: translateX(-50%); z-index: 4; box-shadow: 0 0 5px rgb(0 0 0 / 20%); background-color: #fff;}
.header .header_nav .drop_down li{text-align: center; }
.header .header_nav .drop_down li a{line-height:40px; font-size: 15px; color:#333; display: block; padding: 0 5px;  white-space: nowrap;}
.header .header_nav .drop_down li a:hover{color: #a5212c;}
.header .header_tel{float: left;}
.header .header_tel .tel{font-size: 22px; color: #a5212c; padding-left: 35px; line-height: 40px; background: url(../images/header_icon.png) no-repeat left center;}
/* .header.small{position: fixed; left: 0; top: 0; z-index: 6; animation: nav_small 0.5s; box-shadow: 0 0 20px #ccc;} */
@keyframes nav_small {
    from {top: -50px;}
    to {top: 0;}
}
@-webkit-keyframes nav_small {
    from {top: -50px;}
    to {top: 0;}
}
/* banner */
.banner{position: relative; font-size: 0;}
.banner .swiper-slide{position: relative; padding-top: 50%;}
.banner img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.swiper-pagination{text-align: right; padding-right: 100px; bottom: 40px !important;}
.banner .swiper-pagination-bullet{opacity: 1; background-color: #fff; width: 33px; height: 5px; border-radius: 5px;}
.banner .swiper-pagination-bullet-active{background-color: #000; opacity: 1;}
.banner .banner_left, .banner_right{position: absolute; top: 0; width: 40%; height: 100%; z-index: 2;}
.banner .banner_left .box, .banner .banner_right .box{width: 200px; height: 100%; position: absolute; top: 0;}
.banner .banner_left .box{left: 0; transform: translateX(-200px);}
.banner .banner_right .box{right: 0;  transform: translateX(200px);}
/* .banner .banner_right .box{right: 0; background: linear-gradient(to left, rgba(0,0,0,.75), rgba(255,255,255,.0));  transform: translateX(200px);} */
.banner .banner_left{left: 0; }
.banner .banner_right{right: 0;}
.banner .banner-prev, .banner .banner-next{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 40px; height: 77px; background: url(../images/banner_icon.png) no-repeat; background-size: 100% 100%; z-index: 2;}
.banner .banner-next{transform:rotate(180deg); -ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.banner .banner_left:hover .box{transform: translateX(0);}
.banner .banner_right:hover .box{transform: translateX(0);}
/* PH btn */
.banner .banner-ph-prev, .banner .banner-ph-next{position: absolute; top: 0; bottom: 0; margin: auto; width: 20px; height: 40px; z-index: 5; background: url(../images/banner_icon.png) no-repeat; background-size: 100% 100%;}
.banner .banner-ph-prev{left: 10px;}
.banner .banner-ph-next{right: 10px; transform:rotate(180deg); -ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}

.case_banner .swiper-pagination-bullet{opacity: 1; background-color: #fff; width: 10px; height: 10px; border-radius: 10px; position: relative; margin: 0 6px !important;}
.case_banner .swiper-pagination-bullet::before{content: ""; position: absolute; top: -3px; left: -3px; width: 16px; height: 16px; border: 1px solid #791921; border-radius: 50%; opacity: 0;}
.case_banner .swiper-pagination-bullet-active{background-color: #791921;}
.case_banner .swiper-pagination-bullet-active::before{opacity: 1;}
/*  */
.banner_inner{text-align: center; overflow: hidden; position: relative; font-size: 0;}
.banner_inner img{width: 100%; height: auto;}
.banner_inner .mask{position: absolute; top: 60%; right: 5%; transform: translateY(-50%);}
.banner_inner .mask .text1{font-size: 92px; color: #fff; font-weight: bold;}
.banner_inner .mask .text2{font-size: 48px; color: #fff; font-family: "Helvetica Neue CE 35 Thin"; letter-spacing: 15px;}
/*  */
.about{width: 100%; border-top: 1px solid #434343; padding-top: 70px; margin: 35px 0 0 0; overflow: hidden;}
.about .wrap{cursor: pointer; display: flex; align-items: center;}
.about .imgbox{width: 55%; float: left;}
.about .imgbox .video_box{width: 100%; height: auto;}
.about .txtbox{width: 45%; float: left; padding: 0 0 0 100px; display: flex; flex-direction: column; align-items: flex-end;}
.about_title{text-align: right; width: fit-content;}
.about_title .title1{font-size: 36px; color: #000; line-height: 1; font-weight: bold; width: 100%; text-align: justify; text-align-last: justify;}
.about_title .title2{font-size: 24px; color: #161616; line-height: 1; margin-top: 5px; font-family: "Helvetica Neue CE 35 Thin"; letter-spacing: 3px; width: 100%; text-align: justify; text-align-last: justify}
/* .about_title .title2{font-size: 24px; color: #161616; line-height: 1; margin-top: 5px; font-family: "Cascadia Code"; letter-spacing: 3px; width: 100%; text-align: justify; text-align-last: justify} */
.about .txtbox .text{font-size: 24px; color: #1d1d1d; line-height: 35px; margin-top: 75px; transform: translateX(10px);}
/*  */
.case{width: 100%; padding: 85px 0 50px 0; overflow: hidden;}
.case_title{text-align: center; margin-bottom: 50px;}
.case_title .title1{font-size: 36px; color: #000; line-height: 1; letter-spacing: 6px; font-weight: bold;}
.case_title .title2{font-size: 24px; color: #161616; line-height: 1; letter-spacing: 15px; margin-top: 10px; font-family: "Helvetica Neue CE 35 Thin";}
/* .case_title .title2{font-size: 24px; color: #161616; line-height: 1; letter-spacing: 15px; margin-top: 10px; font-family: "Cascadia Code";} */
.tab{margin-bottom: 40px;}
.tab .box{margin-bottom: 10px;}
.tab .tabList{float: left;}
.tab .tabList li{float: left; margin-right: 29px; padding-right: 28px; margin-bottom: 10px; line-height: 25px; position: relative;}
.tab .tabList li::before{content: ""; position: absolute; top: 0; right: 0; margin: auto; width: 2px; height: 25px; background-color: #121212;}
.tab .tabList li:last-child::before{display: none;}
.tab .tabList li a{display: block; font-size: 24px; color: #121212; font-weight: bold; position: relative; padding-bottom: 20px; line-height: 1;}
.tab .tabList li a::before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; display: none; width: 12px; height: 10px; background: url(../images/tab_hover.png); background-size: 100% 100%;}
.tab .tabList li a:hover{color: #791921;}
.tab .tabList li a:hover::before{display: block;}
.tab .tabList li.on a{color: #791921;}
.tab .tabList li.on a::before{display: block;}
/* .tab .tabList li a:hover{color: #791921;}
.tab .tabList li a:hover::before{display: block;} */
.tab .more{float: right; font-size: 0;}
.tab .more a{display: inline-block; font-size: 24px; color: #131313; font-weight: bold; line-height: 1;}
.tab .more a i{width: 43px; height: 12px; background-image: url(../images/more_icon.png); background-size: 100% 100%; display: inline-block;}
.tab .more a:hover{color: #791921;}
.tab .more a:hover i{filter: invert(15%) sepia(42%) saturate(5091%) hue-rotate(340deg) brightness(74%) contrast(93%);}
.tab .tab_down li{padding-right: 0; margin-right: 30px;}
.tab .tab_down li::before{display: none;}

.case_list{width: calc(100% + 15px);}
.case_list li{width: calc(100% / 3 - 15px); float: left; margin: 0 15px 15px 0;}
.case_list .item{width: 100%; overflow: hidden;}
.case_list .item .imgbox{position: relative; overflow: hidden;}
.case_list .item .imgbox::before{content: ""; display: block; padding-top: 76%;}
.case_list .item .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(121,25,33,.66); padding: 10px; display: flex; align-items: center; justify-content: center;}
.case_list .item .mask span{font-size: 40px; color: #fff;}
.case_list .item:hover .mask{opacity: 1;}
.case_list .item:hover .imgbox img{transform: scale(1.1);}
/*  */
.footer1{padding: 40px 0; background-color: #3b3b3b;}
.footer1 .wrap{display: flex; justify-content: space-between; align-items: center;}
.footer1 .foot_logo{width: 220px; text-align: left; display: flex; flex-wrap: wrap;}
.footer1 .foot_logo img{width: 217px; height: auto;}
.footer1 .foot_logo .text{font-size: 16px; color: rgba(255,255,255,.6);}
.footer1 .foot_nav{width: 65%; overflow: hidden; display: flex; flex-wrap: wrap; align-content: center; justify-content: left}
.footer1 .foot_nav li{width: calc(100% / 7); text-align: center;}
.footer1 .foot_nav li a{display: block; font-size: 20px; color: #fff; line-height: 44px; font-weight: bold; overflow: hidden;}
.footer1 .foot_nav li a:hover{text-decoration:underline}
.footer1 .QR{overflow: hidden; text-align: right; display: flex; align-items: center;}
.footer1 .QR img{width: 142px; height: auto;}
.footer2{width: 100%; background-color: #1f1f1f; padding: 15px 0;}
.footer2 .text{text-align: center; font-size: 16px; color: rgba(255,255,255,.6);}
.footer2 .text a{color: rgba(255,255,255,.6);}


/*  */
.inner_page{width: 100%; overflow: hidden;}

/*  */
.case_page{width: 100%; padding: 25px 0; min-height: 400px;}
.case_page .tab{margin-bottom: 0;}

/*  */
.case_details{padding: 50px 200px; min-height: 400px;}
.case_details .title{font-size: 40px; color: #040404; font-weight: bold; margin-bottom: 30px;}
.case_details .content{font-size: 20px; color: #272727; font-weight: bold; line-height: 35px;}
.case_details .content .left{width: 50%;}
.case_details .content .right{width: 50%;}
.pages{margin-top: 50px; overflow: hidden;}
.pages .page_prev, .pages .page_next{line-height: 40px; font-size: 20px; color: #a3a3a3; position: relative;}
.pages .page_prev i, .pages .page_next i{font-size: 30px; line-height: 40px; position: absolute; top: 0; bottom: 0; margin: auto;}
.pages .page_prev{float: left; padding-left: 30px;}
.pages .page_next{float: right; padding-right: 30px;}
.pages .page_prev i{left: 0;}
.pages .page_next i{right: 0;}
.pages .page_prev:hover{color: #791921;}
.pages .page_next:hover{color: #791921;}

/*  */
.team_page{padding: 70px 100px; overflow: hidden; min-height: 400px;}
.team_list{overflow: hidden;}
.team_list li{width: calc(100% / 4); margin-bottom: 50px; float: left; text-align: center;}
.team_list .item{text-align: center;}
.team_list .item .border{width: 310px; height: 310px; display: inline-block; border: 25px solid #ececec; border-radius: 50%; overflow: hidden; position: relative;}
.team_list .item .imgbox{width: 100%; height: 100%; border-radius: 50%;  position: relative; overflow: hidden; display: block;}
.team_list .item .imgbox::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #312f32; border-radius: 50%; z-index: 1;}
.team_list .item .imgbox img{border-radius: 50%;}
.team_list .item .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(0,0,0,.44); border-radius: 50%; display: flex; align-items: center; padding: 0 15px;}
.team_list .item .mask .txtbox{line-height: 25px; max-height: 100px; overflow: hidden;}
.team_list .item .mask .txtbox span{text-align: center; font-size: 16px; color: #fff; display: inline-block; word-break:break-all;}
.team_list .item .border::before{content: ""; position: absolute; top: 9px; left: 9px; border-radius: 50%; z-index: 1; width: calc(100% - 18px); height: calc(100% - 18px); display: none; border: 1px solid #791921;}
.team_list .item .text{font-size: 24px; color: #121212; text-align: center; margin-top: 20px; line-height: 1;}
.team_list .item:hover .mask{opacity: 1;}
.team_list .item:hover .mask .txtbox.scroll span{animation: 1s wordsLoop linear infinite;}
.team_list .item:hover .border::before{display: block;}
.team_list .item:hover .imgbox::before{border: 8px solid #791921;}
.team_list .item:hover img{transform: scale(1.2)}
@keyframes wordsLoop {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(calc(-100% + 100px));
    }
}
/*  */
.container3{max-width: 1620px; padding: 0 10px; margin: 0 auto;}
.news_page{padding: 40px 100px; min-height: 500px;}
.news_page .left{width: 140px; padding: 20px 0; background-color: #fff;}
.news_page .left.on{background-color: #f6f6f6;}
.news_page .left .time_text{font-size: 34px; color: #000; font-weight: bold; text-align: center; position: relative;}
.news_page .left .time_text span{position: absolute; top: 0; bottom: 0; right: -25px; margin: auto; width: 17px; height: 17px; transform:rotate(270deg); background: url(../images/news_icon1.png); background-size: 100% 100%;}
.news_page .left .time_text span.on{transform:rotate(360deg);}
.news_page .left .time_list{overflow: hidden; margin-top: 10px; display: none;}
.news_page .left .time_list li a{line-height: 50px; font-size: 24px; color: #505050; position: relative; display: block; padding: 0 20px;}
.news_page .left .time_list li a::before{content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: 15px; width: 9px; height: 9px; display: none; background: url(../images/news_icon1.png) no-repeat; background-size: 100% 100%;}
.news_page .left .time_list li a:hover{background-color: #eeeeee; color: #791921;}
.news_page .left .time_list li a:hover::before{display: block;}
.news_page .left .time_list li.on a{background-color: #eeeeee; color: #791921;}
.news_page .left .time_list li.on a::before{display: block;}
.news_page .right{padding: 115px 0 115px 30px; width: calc(100% - 140px);}
.news_list{width: 100%; overflow: hidden;}
.news_list li{margin-bottom: 20px;}
.news_list li a{display: block; line-height: 35px; font-size: 20px; color: #1a1a1a; position: relative; padding-right: 120px;}
.news_list li a span{position: absolute; right: 0; top: 0; width: 120px; text-align: right;}
.news_list li a::before{content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: #791921; transition: all 0.6s;}
.news_list li a:hover{color: #791921;}
.news_list li a:hover::before{width: 100%;}
.news_list li:last-child{margin-bottom: 0;}
/*  */
/* .news_details{min-height: 400px; padding: 0 3.5% 0 14.5%;} */
.news_details{padding: 60px 0; min-height: 400px; }
.news_details .box1{margin-bottom: 60px;}
.news_details .left{width: 60%;}
.news_details .right{width: 30%; margin-top: 30px;}
.news_details .title{border-bottom: 1px solid #9b9b9b; margin-bottom: 30px; padding-bottom: 30px;}
.news_details .title h1{font-size: 43px; color: #0a0a0a; font-weight: normal; line-height: 1.5;}
.news_details .title h5{font-size: 18px; color: #757575; font-family: "Arial"; font-weight: normal; margin-top: 15px; line-height: 1;}
.news_details .content{font-size: 18px; color: #282828; line-height: 30px;}
.correlation_title{font-size: 20px; color: #929292; padding: 25px 0; border-top: 1px solid #9b9b9b; }
.correlation_title i{float: right; width: 20px; height: 20px; line-height: 20px; text-align: center;}
.correlation_title.on i{transform:rotate(180deg);}
.correlation_list{width: 100%;}
.correlation_list .item{margin-bottom: 10px;}
.correlation_list .item a{display: flex;}
.correlation_list .item .imgbox{position: relative; overflow: hidden; width: 35%;}
.correlation_list .item .imgbox::before{content: ""; display: block; padding-top: 65%;}
.correlation_list .item .txtbox{flex: 1; font-size: 18px; color: #494949; line-height: 30px; padding-left: 10px; transform: translateY(-6px);}

/*  */
.about_page{overflow: hidden;}
.about_page .about_page_title{overflow: hidden; margin-bottom: 20px; transform: translateX(-90px);}
.about_page .about_page_title .title1{font-size: 30px; color: #000; font-weight: bold; margin-bottom: 5px;}
.about_page .about_page_title .title2{font-size: 24px; color: #000; line-height: 1; letter-spacing: 2px; font-family: "Helvetica Neue CE 35 Thin";}
.about_page .about_page_title .title3{font-size: 18px; color: #000; line-height: 1; letter-spacing: 2.5px; font-family: "Helvetica Neue CE 35 Thin";}
.about_page .box1{padding: 50px 0 100px 0;}
.about_page .box1 .txtbox{font-size: 24px; color: #171717; line-height: 38px;}
.about_page .box2{padding: 90px 0 80px 0; background: url(../images/about_page_bg1.jpg) no-repeat center center; background-size: cover;}
.about_page .box2 .about_page_title .title1{color: #fff;}
.about_page .box2 .about_page_title .title2{color: #fff; letter-spacing: 0}
.about_page .box2 .about_page_title .title3{color: #fff; letter-spacing: 5px;}
.about_page .box2 .wrap{ width:100%; overflow:hidden;}
.about_page .box2 .list{width: 100%; display: flex;}
.about_page .box2 .list li{width: 25%; padding: 0 7px;}
.about_page .box2 .imgbox{position: relative; overflow: hidden; }
.about_page .box2 .imgbox::before{content: ""; display: block; padding-top: 137%;}
/* .about_page .box2 .list li:nth-child(1) .imgbox::before{content: ""; display: block; padding-top: 70%;} */
/* .about_page .box2 .swiper-slide{width: auto;} */
/* .about_page .box2 .swiper-slide:nth-child(1) .imgbox{width: 600px;} */
/* .about_page .box2 .swiper-slide:nth-child(5n){width: 40%;} */
/* -------------------------- */
/* .about_page .box2 img{height: 360px; width: auto !important;} */
.about_page .box2 .text{font-size: 30px; color: #fff; font-weight: bold; text-align: center; margin-top: 55px;}
.about_page .box3{padding: 110px 0 100px 0; background: url(../images/about_page_bg2.jpg) no-repeat center center; background-size: cover;}
/* .about_page .box3 img{height: 360px; width: auto !important;} */
.picMarquee-left-zs{ width: 100%;  overflow:hidden;}
.picMarquee-left-zs .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left-zs .bd ul li{float:left;  overflow:hidden; margin-right: 15px; width: auto !important;}
.picMarquee-left-zs .bd ul li img{width: auto; height: 300px}

.picMarquee-left-ry{ width: 100%;  overflow:hidden;}
.picMarquee-left-ry .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left-ry .bd ul li{float:left;  overflow:hidden; margin-right: 15px; width: auto !important;}
.picMarquee-left-ry .bd ul li img{width: auto; height: 300px}
/* ----- */
.about_page .box3 .about_page_title .title3{letter-spacing: 17px}
.about_page .box3 .wrap{ width:100%; overflow:hidden;}
.about_page .box3 .list{width: 100%;}
.about_page .box3 .list li{width: calc(100% / 5); float: left; padding: 0 10px;}
.about_page .box3 .imgbox{position: relative; overflow: hidden;}
.about_page .box3 .imgbox::before{content: ""; display: block; padding-top: 140%;}
.about_page .box4{padding: 95px 0 190px 0; background: url(../images/about_page_bg3.jpg) no-repeat center center; background-size: cover;}
.about_page .box4 .about_page_title .title2{letter-spacing: 1px;}
.about_page .box4 .list{display: flex; flex-wrap: wrap;}
.about_page .box4 .list li{width: 400px; margin: 0 20px 20px 0; cursor: pointer;}
.about_page .box4 .txtbox{background: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0)); padding: 30px 20px; position: relative;}
.about_page .box4 .txtbox::before{content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 5px; background-color: #791921; transition: all 0.6s;}
.about_page .box4 .txtbox .text1{font-size: 20px; color: #151515; font-weight: bold;}
.about_page .box4 .txtbox .text2{font-size: 15px; color: #151515; font-weight: bold; text-align: center; margin-bottom: 10px;}
.about_page .box4 .txtbox .text3, .about_page .box4 .txtbox .text4{font-size: 16px; color: #292929; line-height: 25px; position: relative; padding-left: 20px; overflow: hidden; display: flex;}
.about_page .box4 .txtbox .text3 .content, .about_page .box4 .txtbox .text4 .content{flex: 1;}
.about_page .box4 .txtbox .text3 .title, .about_page .box4 .txtbox .text4 .title{width: 50px;}
.about_page .box4 .txtbox .text3 i, .about_page .box4 .txtbox .text4 i{position: absolute; top: 0; left: 0; line-height: 25px;}
.about_page .box4 .list li:hover .txtbox::before{width: 100%;}
.about_page .box4 .list li:hover .txtbox .text1{color: #791921;}
.about_page .box4 .list li:hover .txtbox .text2{color: #791921;}
.about_page .box4 .list li:hover .txtbox .text3{color: #791921;}
.about_page .box4 .list li:hover .txtbox .text4{color: #791921;}
.box5 .swiper{height: 150px; font-size: 0;}
.about_box5_swiper2 {margin: 20px 0;}
.about_page .box5{padding: 100px 0; background: url(../images/about_page_bg4.jpg) no-repeat center center; background-size: cover;}
.about_page .box5 .about_page_title .title1{letter-spacing: 1px}
.about_page .box5 .about_page_title .title2{letter-spacing: 0}
.about_page .box5 .about_page_title .title3{letter-spacing: 7.3px}
.about_box2 > .swiper-wrapper {transition-timing-function: linear !important;}
.about_box3 > .swiper-wrapper {transition-timing-function: linear !important;}
.about_box5_swiper1 > .swiper-wrapper {transition-timing-function: linear !important;}
.about_box5_swiper2 > .swiper-wrapper {transition-timing-function: linear !important;}
.about_box5_swiper3 > .swiper-wrapper {transition-timing-function: linear !important;}
.about_page .box5 .wrap{ width:100%; overflow:hidden;}
.about_page .box5 .list{ overflow:hidden; zoom:1; margin-bottom: 20px;}
.about_page .box5 .list li{float: left; width: calc(100% / 8); text-align: center;}
.about_page .box5 .imgbox{position: relative; overflow: hidden; width: 150px; height: 150px; display: inline-block; border-radius: 50%; background-color: #fff;}
.about_page .box5 .imgbox img{max-width: 70%;}
.about_box2{-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%);}
.about_box3{-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%);}
.about_page .box5 .content{-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%);}


@media (min-width: 2200px){
    .news_page{padding: 70px 100px;}
    .news_page .right{padding: 145px 0 145px 30px;}
}

@media (max-width: 1699px){
    /* .header .header_content .wrap{padding-left: 10px;} */
    /*  */
    .case_details{padding: 30px 100px;}
    .team_page{padding: 50px;}
    .about .txtbox .text{transform: translateX(0);}
}

@media (max-width: 1599px){
    .header .header_nav .nav_list>li{width: 180px;}
    .about .txtbox{padding: 0 0 0 100px;}
    .team_page{padding: 50px 20px;}
    .banner_inner .mask .text1{font-size: 60px;}
    .banner_inner .mask .text2{font-size: 30px;}
    /*  */
    .about_page .box1{padding: 50px 0 80px 0;}
    .about_page .box2{padding: 70px 0 80px 0;}
    .about_page .box3{padding: 90px 0;}
    .about_page .box4{padding: 80px 0 150px 0;}
    .about_page .box5{padding: 80px 0;}
    .about_page .box1 .txtbox{font-size: 20px;}
}

@media (max-width: 1499px){
    .header .header_nav .nav_list>li{width: 150px;}
    .about_title .title1{font-size: 30px;}
    .about_title .title2{font-size: 20px;}
    .about{padding-top: 50px;}
    .about .txtbox{padding: 0 0 0 50px;}
    .about .txtbox .text{margin-top: 40px; font-size: 20px;}
    .case{padding: 50px 0 30px 0;}
    .case_title{margin-bottom: 30px;}
    .case_title .title1{font-size: 30px;}
    .case_title .title2{font-size: 20px;}
    .case_list .item .mask span{font-size: 30px;}
    .tab .tabList li{margin-bottom: 5px;}
    .tab .tabList li a{font-size: 20px; padding-bottom: 15px;}
    .tab .tabList li::before{height: 20px;}
    .tab .more a{font-size: 20px;}
    .footer1 .foot_nav li a{font-size: 16px;}
    .footer1 .foot_logo{width: 182px;}
    .footer1 .foot_logo img{width: 182px;}
    .footer1 .foot_logo .text{font-size: 14px;}
    .footer1 .foot_nav li a{line-height: 40px;}
    /*  */
    .case_details{padding: 30px 50px;}
    .case_details .title{font-size: 30px; margin-bottom: 20px;}
    .case_details .content{font-size: 14px; line-height: 30px;}
    .pages .page_prev, .pages .page_next{font-size: 16px;}
    .pages .page_prev i, .pages .page_next i{font-size: 20px;}
    .team_page{padding: 50px 0;}
    .news_list li{margin-bottom: 10px;}
    .news_list li a{font-size: 16px; padding-right: 90px;}
    .news_list li a span{width: 90px;}
    .news_page{padding: 40px 50px;}
    .news_page .left .time_list li a:hover::before{display: none;}
    .news_details{padding: 50px 0;}
    .news_details .title h1{font-size: 38px;}
    .news_details .title h5{font-size: 16px;}
    .news_details .right{margin-top: 119px;}
    .news_details .content{font-size: 16px;}
    .correlation_list .item .txtbox{font-size: 16px;}
    .about_page .box5 .imgbox{width: 130px; height: 130px;}
    .box5 .swiper{height: 130px;}

}

@media (max-width: 1399px){
    .header .header_nav .nav_list>li{width: 120px;}
    .header .header_tel .tel{font-size: 18px;}
    .about .txtbox .text{margin-top: 30px;}
    .case_list .item .mask span{font-size: 20px;}
    /*  */
    .case_details{padding: 30px 20px;}
    .team_list li{margin-bottom: 30px;}
    .team_list .item .border{width: 280px; height: 280px; border: 15px solid #ececec;}
    .about_page .about_page_title{transform:translateX(-30px)}
    .about_page .box4 .list li{width: 35%;}
}


@media (max-width: 1299px){
    .header{height: 80px;}
    .header .header_content .left{width: 180px;}
    .header .header_content .right{width: calc(100% - 180px);}
    .header .header_content .logo img{width: 120px;}
    .header .header_nav .nav_list>li>a{height: 80px; line-height: 80px;}
    .header .header_nav .nav_list>li>a span{font-size: 16px;}
    .about .txtbox{padding: 0 0 0 30px;}
    .about .txtbox .text{font-size: 16px; line-height: 30px;}
    .footer1{padding: 20px 0;}
    /*  */
    .news_page{padding: 20px 0;}
    .news_page .right{padding: 95px 0 95px 30px;}
    .news_list li{margin-bottom: 5px;}
    .news_list li a{font-size: 14px; padding-right: 80px;}
    .news_list li a span{width: 80px;}
    .news_details .title h1{font-size: 34px;}
    .news_details .right{width: 33%; margin-top: 96px;}
}

@media (max-width: 1199px){
    .header .header_nav .nav_list>li>a{font-size: 14px;}
    .header .header_content .left{width: 150px;}
    .header .header_content .right{width: calc(100% - 150px);}
    .header .header_nav .nav_list>li{width: 100px;}
    .case{padding: 40px 0 20px 0;}
    .case_title{margin-bottom: 20px;}
    .case_title .title1{font-size: 22px;}
    .case_title .title2{font-size: 16px; margin-top: 5px;}
    .tab{margin-bottom: 30px;}
    .footer1 .foot_logo{width: 156px;}
    .footer1 .foot_logo img{width: 156px;}
    .footer1 .foot_logo .text{font-size: 12px; margin-top: 5px}
    .footer1 .QR img{width: 100px; height: auto;}
    .footer1 .foot_nav li a{font-size: 14px; line-height: 30px;}
    .footer2 .text{font-size: 14px;}
    .team_list li{margin-bottom: 20px;}
    .team_list .item .border{width: 240px; height: 240px; border: 5px solid #ececec;}
    .team_list .item .border::before{top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px);}
    .team_list .item .mask .txtbox span{font-size: 14px;}
    .team_list .item .text{font-size: 16px; margin-top: 10px;}
    .banner_inner .mask .text1{font-size: 40px;}
    .banner_inner .mask .text2{font-size: 18px;}
    /*  */
    .about_page .about_page_title{transform: translateX(0);}
    .about_page .about_page_title .title1{font-size: 24px;}
    .about_page .about_page_title .title2{font-size: 20px;}
    .about_page .about_page_title .title3{font-size: 14px;}
    .about_page .box1{padding: 40px 0 80px 0;}
    .about_page .box1 .txtbox{font-size: 16px;}
    .about_page .box2{padding: 50px 0;}
    .about_page .box2 .text{font-size: 24px; margin-top: 30px;}
    .about_page .box3{padding: 70px 0;}
    .about_page .box4{padding: 50px 0 120px 0;}
    .about_page .box4 .txtbox .text1{font-size: 16px;}
    .about_page .box4 .txtbox{padding: 15px;}
    .about_page .box4 .txtbox .text2{font-size: 14px;}
    .about_page .box4 .txtbox .text3{font-size: 14px;}
    .about_page .box4 .txtbox .text4{font-size: 14px;}
    .about_page .box5{padding: 60px 0;}
    /* .box5 .swiper{height: 100px;}
    .about_page .box5 .imgbox{width: 100px; height: 100px;} */
    .about_page .box5 .imgbox img{max-width: 70%;}
    .news_details{padding: 40px 0;}
    .news_details .title h1{font-size: 30px;}
    .news_details .title h5{font-size: 14px; margin-top: 10px;}
    .news_details .content{font-size: 14px; line-height: 25px;}
    .news_details .right{margin-top: 100px;}
    .correlation_list .item .txtbox{font-size: 14px; line-height: 25px;}

}

@media (min-width: 991px){
    .header .header_nav{display: block !important;}
}

@media (max-width: 991px){
    .header{height: 80px;}
    .header .header_nav{position: fixed; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); display: none;}
    .header .header_nav .nav{position: absolute; top: 0; right: 0; width: 60%; height: 100%; background-color: #fff; transform: translateX(100%); transition: all .2s;}
    .header .header_nav .nav_list{padding: 60px 20px 0 20px;}
    .header .header_nav .nav_list>li{width: 100%; text-align: left;}
    .header .header_nav .nav_list>li::before{display: none;}
    .header .header_nav .nav_list>li>a{color: #333; line-height: 70px; height: 70px;}
    .header .header_nav .nav_list>li>i{display: block; display: none; position: absolute; top: 15px; right: 0; width: 20px; height: 20px; line-height: 18px; border: 1px solid #999; text-align: center; font-size: 14px;}
    .header .header_nav .nav.act{transform: translateX(0);}
    /*  */
    /* .header .header_nav .nav_list>li:hover>a span{color: #333;}
    .header .header_nav .nav_list>li:hover>a .CN{opacity: 1; transform: rotateX(0);}
    .header .header_nav .nav_list>li:hover>a .EN{opacity: 0; transform: rotateX(0);}
    .header .header_nav .nav_list>li:hover>a::before{width: 0;}
    .header .header_nav .nav_list>li.on>a span{color: #791921;}
    .header .header_nav .nav_list>li.on>a .CN{opacity: 0;  transform: rotateX(360deg);}
    .header .header_nav .nav_list>li.on>a .EN{opacity: 1;  transform: rotateX(360deg);}
    .header .header_nav .nav_list>li.on>a::before{width: 50px;} */
    /*  */
    .header .header_nav .drop_down{display: none; position: static; width: 100%; transform: translateX(0); margin-bottom: 15px;}
    .header .header_nav .drop_down li a{font-size: 12px; line-height: 30px;}
    .banner_inner .mask .text1{font-size: 30px;}
    .banner_inner .mask .text2{font-size: 14px;}
    .about .txtbox{padding: 0 0 0 30px;}
    .about_title .title1{font-size: 24px;}
    .about_title .title2{font-size: 18px;}
    .about .txtbox .text{font-size: 14px; line-height: 25px; margin-top: 20px;}
    .tab .box{margin-bottom: 5px;}
    .tab .tabList li{margin-right: 15px; padding-right: 15px; line-height: 20px;}
    .tab .tabList li a{font-size: 16px;}
    .tab .more a{font-size: 16px;}
    .tab .tab_down li{padding-right: 0; margin-right: 20px;}
    .case_list .item .mask span{font-size: 16px;}
    .footer1{display: none;}
    .case_details{padding: 25px 0;}
    .case_details .content .left{width: 100%;}
    .case_details .content .right{width: 100%;}
    .case_details .title{font-size: 22px;}
    .case_details .content{line-height: 25px;}
    .team_page{padding: 30px 0;}
    .team_list li{width: calc(100% / 3);}
    .news_page{padding: 40px 0;}
    .news_page .left{width: 100%; padding: 10px; overflow: hidden; background-color: #f6f6f6;}
    .news_page .left .time_text{font-size: 20px; float: left; padding: 0;}
    .news_page .left .time_list{float: left;}
    .news_page .left .time_text::before{display: none;}
    .news_page .left .time_list{ width: 100%;}
    .news_page .left .time_list li{float: left;}
    .news_page .left .time_list li a{line-height: 30px; font-size: 16px; padding: 0 10px;}
    .news_page .right{width: 100%; padding: 0; margin-top: 10px;}
    .news_page .left .time_list li.on a::before{display: none;}
    .about_page .about_page_title .title1{font-size: 20px;}
    .about_page .about_page_title .title2{font-size: 16px;letter-spacing: 1px;}
    .about_page .about_page_title .title3{font-size: 12px;letter-spacing: 1.5px;}
    .about_page .box2 .about_page_title .title1{letter-spacing: 1px;}
    .about_page .box2 .about_page_title .title2{letter-spacing: .1px;}
    .about_page .box2 .about_page_title .title3{letter-spacing: 3.3px;}
    .about_page .box3 .about_page_title .title3{letter-spacing: 11px;}
    .about_page .box4 .about_page_title .title2{letter-spacing: .7px;}
    .about_page .box5 .about_page_title .title3{letter-spacing: 5px;}

    .about_page .box1{padding: 30px 0 60px 0;}
    .about_page .box1 .txtbox{font-size: 14px; line-height: 25px;}
    .about_page .box2{padding: 40px 0;}
    .about_page .box2 .list li{padding: 0 5px;}
    .about_page .box2 img{height: 280px;}
    .about_page .box2 .text{font-size: 18px;}
    .about_page .box3{padding: 40px 0;}
    .about_page .box3 .list li{padding: 0 5px;}
    .about_page .box3 img{height: 280px;}
    .about_page .box4{padding: 40px 0;}
    .about_page .box4 .list li{width: calc(100% / 3);}
    .about_page .box5{padding: 40px 0;}
    .about_page .box5 .list li{width: calc(100% / 6);}
    .about_page .box5 .imgbox{width: 100px; height: 100px;}
    .box5 .swiper{height: 100px;}
    .news_details{padding: 30px 0;}
    .news_details .title{padding-bottom: 20px; margin-bottom: 20px;}
    .news_details .left{width: 100%;}
    .news_details .right{display: none;}
    .news_details .title h1{font-size: 24px;}

}

@media (max-width: 767px){
    .header{height: 60px;}
    .header .header_content .left{width: 140px;}
    .header .header_content .right{width: calc(100% - 120px);}
    .header .header_content .logo img{width: 100px;}
    .banner{padding-top: 60px;}
    .banner .swiper-slide{padding-top: 66%;}
    .banner_inner .mask .text1{font-size: 20px;}
    .banner_inner .mask .text2{font-size: 12px; letter-spacing: 5px}
    .about{padding-top: 40px; margin: 20px 0 0 0;}
    .about .wrap{flex-wrap: wrap;}
    .about .imgbox{width: 100%;}
    .about .txtbox{width: 100%; padding: 30px 0 0 0;}
    .about_title .title1{font-size: 18px;}
    .about_title .title2{font-size: 14px;letter-spacing: 2px;}
    .case{padding: 30px 0 20px 0;}
    .case_title .title1{font-size: 18px;}
    .case_title .title2{font-size: 14px;}
    .tab{margin-bottom: 20px;}
    .tab .tabList li a{padding-bottom: 10px; font-size: 14px;}
    .tab .more a{font-size: 14px;}
    .tab .more a i{width: 30px; height: 10px;}
    .tab .tabList li{padding-right: 10px; margin-right: 10px; }
    .tab .tabList li::before{height: 15px; top: 3px;}
    .tab .tab_down li{padding-right: 0; margin-right: 10px;}
    .case_list{width: calc(100% + 10px);}
    .case_list li{width: calc(100% / 2 - 10px); margin: 0 10px 10px 0;}
    .case_list .item .mask span{font-size: 18px;}
    .team_list li{width: calc(100% / 2);}
    .team_list .item .border{width: 150px; height: 150px;}
    .team_list .item .mask .txtbox{max-height: 80px;}
    .team_list .item .mask .txtbox span{font-size: 12px; line-height: 20px;}
    .team_list .item .text{font-size: 12px; margin-top: 5px;}
    .team_list .item .imgbox::before{border: 2px solid #312f32;}
    .team_list .item:hover .imgbox::before{border: 4px solid #791921;}
    /*  */
    .banner_inner{padding-top: 60px;}
    .news_page{padding: 20px 0;}
    .news_page .left .time_text{font-size: 16px;}
    .news_page .left .time_text span{width: 10px; height: 10px; right: -20px;}
    .news_page .left .time_list li a{padding: 0 10px; line-height: 25px; font-size: 14px;}
    .news_list li a{line-height: 30px;}
    .about_page .box2{padding: 30px 0;}
    .about_page .box2 .list li{width: calc(100% / 3);}
    .about_page .box2 .list li:nth-child(1){width: 100%; margin-bottom: 10px;}
    .about_page .box2 .text{font-size: 14px; margin-top: 20px;}
    .about_page .box2 img{height: 220px;}
    .about_page .box3{padding: 30px 0;}
    .about_page .box3 .list li{width: calc(100% / 3)}
    .about_page .box3 img{height: 220px;}
    .about_page .box4{padding: 30px 0;}
    .about_page .box4 .list{width: calc(100% + 10px);}
    .about_page .box4 .list li{width: calc(100% / 2 - 10px); margin: 0 10px 10px 0;}
    .about_page .box4 .txtbox{padding: 10px;}
    .about_page .box4 .txtbox .text1{font-size: 14px;}
    .about_page .box5{padding: 30px 0;}
    .about_page .box5 .list li{width: calc(100% / 3); padding: 0 5px 10px 5px;}
    .about_page .box5 .imgbox{width: 100px; height: 100px;}
    .box5 .swiper{height: 100px;}
    .news_details{padding: 20px 0;}
    .news_details .title{padding-bottom: 15px; margin-bottom: 15px;}
    .news_details .title h1{font-size: 18px;}
    .news_details .title h5{font-size: 12px;}

    .team_list .item.on .mask{opacity: 1;}
    .team_list .item.on .mask .txtbox.scroll span{animation: 1s wordsLoop linear infinite;}
    .team_list .item.on .border::before{display: block;}
    .team_list .item.on .imgbox::before{border: 8px solid #791921;}
    .team_list .item.on img{transform: scale(1)}
    .team_list .item:hover .imgbox img{transform: scale(1);}

    @keyframes wordsLoop {
        0% {
            transform: translateY(0px);
        }
        100% {
            transform: translateY(calc(-100% + 80px));
        }
    }
}

@media (max-width: 599px){
    .about_page .box5 .imgbox{width: 90px; height: 90px;}
    .box5 .swiper{height: 90px;}
    .about_box5_swiper2{margin: 10px 0;}
}

@media (max-width: 475px){
    .about_page .box5 .imgbox{width: 75px; height: 75px;}
    .box5 .swiper{height: 75px;}
}

@media (max-width: 414px){
    .about_page .box5 .imgbox{width: 60px; height: 60px;}
    .box5 .swiper{height: 60px;}
}


/* 跑马灯 */
.jq22-container {
    width: 100%
}

.str3 {
    font-size: 0 !important
}


.str4 .str_item {
    font-size: 0;
    line-height: 0
}

.str_wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap;
    font-size: 0;
}

.str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
    font-size: 0;
}

.str_move_clone {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0;
}

.str_vertical .str_move_clone {
    left: 0;
    top: 100%;
}

.str_down .str_move_clone {
    left: 0;
    bottom: 100%;
}

.str_vertical .str_move,
.str_down .str_move {
    white-space: normal;
    width: 100%;
}

.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
    cursor: inherit;
}
.str_wrap a{
    margin: 0 5px;
}
.str_wrap img {
    max-width: none !important;
    height: 300px;
}

/* .about_box2{
    width: 100%;
    height: 300px;
}

.about_box3{
    width: 100%;
    height: 300px;
}

.picMarquee-left {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: auto;
}

.picMarquee-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picMarquee-left .bd ul li {
    width: auto !important;
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}
.picMarquee-left .bd ul li img{
    height: 300px;
} */