/* header */
.header{width: 100%;background: transparent;position: absolute;z-index: 9;}
.header_content{width: 100%;padding: 0 111px 0 0;position: relative;}
.header_logo{width: 331px;float: left;padding: 0 27px 0 59px;border-bottom: 2px solid #fff;height: 112px;position: relative;z-index: 9;}
.header_logo a{display: block;width: 100%;padding: 27px 0;}
.header_logo a img{display: block;width: 100%;object-fit: cover;}
.header_nav{width: 70%;float: left;margin-left: 180px;position: relative;z-index: 9;}
.header_nav_container{width: 100%;height: 112px;position: relative;z-index: 9;}
.header_nav_l{width:100%;height: 100%;float: left;padding-left: 93px;}
.header_nav_l>li{width: 14.28%;height: 100%;float: left;position: relative;}
.header_nav_l>li>a{display: block; width:100%;height: 100%;text-align: center;color: #ffffff;font-size: 20px;line-height: 110px;position: relative;}
.header_nav-active>a{color: #e31818 !important;font-weight:bold;}
.header_nav .nav_er{visibility: hidden;opacity: 0;width: 120%;position: absolute;top: 130%;padding: 10px 10px;left: -10%;transition: .5s;background: #fff;z-index: 999;}
.header_nav .nav_er>li{width: 100%;}
.header_nav .nav_er>li>a{display: block;width: 100%;padding: 10px;text-align: center;background: #fff;color: #000;}
.header_nav_l>li:hover .nav_er{visibility: visible;opacity: 1;top: 100%;}
.header_nav .nav_er>li>a:hover{background: #fe0509;color:#fff;}
.header_nav_r{float: right;width: 20%;text-align: right;height: 112px;display: flex;align-items: center;}
.header_nav_r a{font-size: 16px;color: #fff;margin-left: 20px;}
.border_nav{width: 100%;height: 112px;margin:0 auto;background:transparent;transform: skewX(-35deg);border-left: 2px solid #fff;border-bottom: 2px solid #fff;border-right: 2px solid #fff;position: relative;z-index: -1;}
.header_logo::after{content: "";display: block;width: 48px;height: 150px;background: #fd0400;transform: skewX(-35deg);position: absolute;top: 0;right: -48px;}
.header_nav::before{content: "";display: block;width: 48px;height: 75px;background: #fff;transform: skewX(-35deg);position: absolute;left: -70px;top: 0;}

/* banner */
.banner{width: 100%;}
.banner_sw{width: 100%;}
.banner_item{width: 100%;position: relative;}
.banner_item>a{display: block;width: 100%;}
.banner_item>a>img{display: block;width: 100%;object-fit: cover;}
.banner_more{position: absolute;bottom: 262px;left: 106px;}
.banner_more>a{display: inline-block;width: 240px;height: 60px;background: #444446;border-radius: 30px;position: relative;}
.banner_more>a span{width: 80%; letter-spacing: 6px;font-size: 24px;color: #fff;font-weight: bold;line-height: 60px;text-align: center;display: inline-block;}
.banner_more>a::after{content: "";display: block;width: 60px;height: 60px;border-radius: 50%;background: #c72525;position: absolute;right: 0;top: 0;}
.banner_more>a img{object-fit: cover;position: relative;z-index: 3;left: 9px;}
.banner_more>span{display: inline-block;font-size: 22px;color: #fff;margin-left: 16px;}

/* 走进津沙 */
.goToJs{width: 100%;padding: 90px 0 0 0;overflow: hidden;position: relative;}
.goToJs_container{width: 100%;padding: 0 0 61px 0;position: relative;margin-top: 72px;}
.goToJs_container>img{width: 100%;max-width: 1100px;object-fit: cover;display: block;}
.goToJs::after{content: "";display: block;width: 58.3333333%; max-width: 1120px;height: 264px;background: #252728;position: absolute;right: 0;bottom: 6px;z-index: -1;}
.goToJs::before{content: "";display: block;width: 58.3333333%; max-width: 1120px;height: 6px;background: #e31818;position: absolute;right: 0;bottom: 0px;z-index: -1;}
.goToJs_card{width: 550px;background: #e31818;padding: 50px 35px 40px 40px;position: absolute;top: 106px;right: 0;overflow: hidden;}
.goToJs_card_title{font-size: 30px;font-weight: bold;color: #ffffff;width: 100%;height: 30px;position: relative;}
.goToJs_card_title::before{content: "";display: block;width: 90px;height: 7px;background: #fff;position: absolute;left: 0;bottom: -20px;}
.goToJs_card_title::after{content: "";display: block;width: 130px;height: 1px;background: #fff;position: absolute;left: 90px;bottom: -17px;}
.goToJs_card_text{width: 100%;margin-top: 60px;font-size: 16px;color: #ffffff;line-height: 30px;}
.goToJs_card a{display: block;font-size: 16px;color: #ffffff;margin-top: 40px;}
.goToJs_card_bg{object-fit: cover;position: absolute;top: -15px;left: 33px;z-index: -1;}

/* 产品中心 */
.cpzx{width: 100%;margin: 85px 0 0 0;}
.cpzx_container{width: 100%;margin-top: 60px;}
.cpzx_l{float: left;width: 35.1388%;padding-top: 24px;position: relative;}
.cpzx_l ul{background: #e31818;width: 280px;}
.cpzx_l ul li{width: 100%;padding: 26px 30px;font-size: 22px;color: #fff;display: flex;align-items: center;position: relative;}
.cpzx_l ul li img{object-fit: cover;margin-right: 42px;}
.cpzx_l ul li::before{content: "";display: block;width: 2px;height: 60px;background: #fff; position: absolute;left: 110px; top: 50%;transform: translateY(-50%);visibility: hidden;opacity: 0;transition: all .5s;}
.cpzx_l ul li::after{content: "";display: block;width: 240px;height: 6px;background: #e31818;position: absolute;top: 50%;right: -180px; transform: translateY(-50%);visibility: hidden;opacity: 0;transition: all .5s;}
.cpzx_l ul li:hover{background: #b01e1e;}
.cpzx_l ul li:hover::after{visibility: visible;opacity: 1;}
.cpzx_l ul li:hover::before{visibility: visible;opacity: 1;}
.cpzx_l_li-active{background: #b01e1e !important;}
.cpzx_l_li-active::after{visibility: visible !important;opacity: 1 !important;}
.cpzx_l_li-active::before{visibility: visible !important;opacity: 1 !important;}
.cpzx_l::before{content: "";display: block; width: 746px;height: 270px;background: #242527;position: absolute;top: 0;right: 0;z-index: -1;}
.cpzx_l::after{content: "";display: block;width: 1px;height: 200px;background: #e31818;position: absolute;right: -1px;bottom: 0;}
.cpzx_r{float: right;width: calc(100% - 35.1388%);height:559px;padding-left:30px;}
.cpzx_r_item{width: 100%;height:100%; position: relative;display: none;}
.cpzx_sw a{display: block;width: 100%;height:100%;}
.cpzx_sw a img{width: 100%;object-fit: cover;display: block;height:497px;}
.cpzx_sw p{font-size: 107px;color: #3b3b3b;width: 100%;font-weight: bold;position:absolute;top: 30px;left: 180px; z-index: -1;}
.cpzx-prev{width: 85px;height: 62px;background: #e31818;text-align: center;line-height: 67px;cursor: pointer; position: absolute;z-index: 9; bottom: 0;right: 95px;}
.cpzx-next{width: 85px;height: 62px;background: #696969;text-align: center;line-height: 67px;cursor: pointer; position: absolute;z-index: 9; bottom: 0;right: 0;}
.cpzx_r_item-active{display: block;}

/* 资讯中心 */
.zxzx{width: 100%;margin: 85px 0 0 0;background: url(../img/zxzx_bg.jpg)no-repeat bottom;}
.zxzx_container{width: 100%;margin-top: 100px;padding-bottom: 34px;position: relative;}
.zxzx_sw a{display: block;width: 100%;height:572px;}
.zxzx_item{width: 100%;height:100%; background: url(../img/zxzx_item_bg.jpg)no-repeat;background-size: 100% 100%;position:relative;}
.zxzx_item_title { width: 100%;height: 60px;padding: 0 15px;line-height: 60px;font-size: 24px; color: #fff;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.6);}
.zxzx_item_text{font-size: 16px;color: #ffffff;padding: 0 60px;margin-bottom: 45px;}
.zxzx_more{width: 100%;text-align: center;margin-top: 30px;}
.zxzx_more a{font-size: 16px;color: #fff;}
.zxzx_more a:hover{color:#fd0400}
.zxzx_item:hover{background-size: 120% 120%;}
.none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.sw_btn{width: 50px;height: 50px;background: #e31818;position: absolute;text-align: center;line-height: 54px;top: 50%;transform: translateY(-50%);}
.zxzx_container .swiper-button-prev{left: 0;}
.zxzx_container .swiper-button-next{right: 0;}
.zxzx .swiper-container {width: 100%;margin: 35px 0;}

/* 公共标题 */
.index_title{width: 100%;}
.index_title_l{float: left;width: 70%;position: relative;}
.index_title_l p{font-size: 36px;color: #111315;border-bottom: 8px solid #fd0400;width: 220px;height: 44px; position: relative;font-weight:bold;}
/*.index_title_l p::before{content: "";display: block;width: 60px;height: 1px;background: #111315;position: absolute;left: -78px;bottom: -20px;}*/
.index_title_l_en{display: block;font-size: 20px;position: absolute;left: 0;bottom: -35px;color: #4a4b4c;}
.index_title_r{float: right;width: 30%;text-align: right;padding-top: 15px;}
.index_title_r a{display: inline-block;color: #e31818;}
.index_title_r a:hover{background: #e31818;color: #fff;border-radius: 5px;padding: 5px;}

.zyw{position: absolute;right: 0;color: #fff;display: flex;width: 100px;justify-content: space-around;top: 10px;}
.zyw a{color:#fff;}
 
@media screen and (max-width:1850px) {
    .header_content{padding: 0;}
    .header_nav{margin-left: 0px;float: right;margin-right: 40px;}
    .header_nav_l{padding-left: 0;}
}
@media screen and (max-width:1600px){
    .header_nav::before{display: none;}
    .header_logo::after{display: none;}
}
@media screen and (max-width:1366px){
    .header_logo{border: none;}
    .border_nav{display: none;}
    .header_nav{margin-right: 0;}
}
@media screen and (max-width:1280px) {
    .cpzx_r{height:487px;}
    .cpzx_sw a img{height:487px;}
    .cpzx_l ul li::after{width: 180px;right: -120px;}
    .cpzx_l ul li{padding: 20px 30px;}
    .cpzx_l ul li::before{height: 40px;}
}
@media screen and (max-width:1255px){
    .menu{display: flex !important;}
    .header_nav{margin-left: 0px;float: right;margin-right: 0px;height: 112px;display: flex;align-items: center;width: 8%;}
    .header_nav_l{display: none;}
    .header_nav{width: 50%;margin-right: 50px;}
    .header_nav_r{width: 40%;} 
}
@media screen and (max-width:1024px){
    .cpzx_l{padding-top:0;}
    .cpzx_l ul li::after {width: 120px;right: -60px;}
    .cpzx_l::before{display: none;}
    .cpzx_sw a{padding: 0;height: 463px;}
    .cpzx_sw p{top: 38px;left: 73px;}
    .cpzx_r{height: 463px;}
    .cpzx_sw a img{height:463px;}
    .cpzx_l::after{display: none;}
    .zxzx_sw a{height:470px;}
    .goToJs{padding: 50px 0 0 0;} 
    .goToJs::before{display: none;}
    .goToJs::after{display: none;}
    .goToJs_card{width: 50%;top: 0;}
    .goToJs_container{padding: 0;}
    .goToJs_container img{width: 50%;}
    .goToJs_card{padding: 20px 35px 20px 40px;}
    .goToJs_card_text{margin-top: 37px;height: 150px;} 
    .goToJs_card .ellipsis_qi{-webkit-line-clamp: 5;}
    .zxzx_item{padding: 80px 80px;}
    .header_nav_r{width: 50%;}
    .banner_more{bottom: 90px;}
    
    .zyw{display:none;}
}
@media screen and (max-width:768px){
    .banner_more{bottom: 45px;left: 45px;}
    .goToJs_container>img{width: 100%;}
    .goToJs_card{width: 100%;position: unset;}
    .cpzx_l{width: 100%;padding: 0;}
    .cpzx_l ul{width: 100%;display: flex;flex-wrap: wrap;}
    .cpzx_l ul li{width: 33.33333%;padding:20px;}
    .cpzx_r{width: 100%;padding: 20px 0 0 0;}
    .cpzx_l ul li::after{display: none;}
    .cpzx_sw a img{height:443px;}
    .cpzx{margin:50px 0 0 0;}
    .zxzx{margin:50px 0 0 0;}
    .zxzx_item{padding: 20px;}
    .zxzx_item_date{margin-bottom: 30px;} 
    .zxzx_item_text {padding: 0 20px;}
    .cpzx_sw p {top: 33px;left: 136px;}
    .zxzx_container{margin-top: 70px;} 
    .cpzx_l ul li{border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
    .header_nav_r{width: 65%;}
}
@media screen and (max-width:550px){
    .header_logo{padding: 0 0 0 20px;width: 270px;height:75px;}
    .header_logo a{padding:16px 0;}
    .header_logo a img{width:90%;}
    .header_nav{width: 50px;height: 75px;}
    .banner_more{left: 15px;bottom:20px;display: flex;align-items: center;} 
    .banner_more>a{width: 140px;height: 40px;}
    .banner_more>a span{font-size: 16px;line-height: 43px;letter-spacing:normal;}
    .banner_more>a::after {width: 40px;height: 40px;}
    .banner_more>a img{left: 0;}
    .banner_more>span{width: 235px;font-size: 16px;}
    .cpzx_l ul{justify-content: space-between;}
    .cpzx_l ul li{width: 50%;padding: 20px 23px;justify-content: center;font-size: 16px;}
    .cpzx_l ul li::before{left: 100px;}
    .cpzx_sw a {height: auto;}
    .cpzx_sw p{font-size: 50px;top: 14px; left: 160px;}
    .cpzx_r{height:336px;}
    .cpzx_sw a img{height:254px;}
    .index_title_l_en {font-size: 16px;}
    .zxzx_item{padding: 100px 40px;}
    .zxzx_container{margin-top: 50px;} 
    .index_title_l p {width: 200px;font-size: 30px;}
    .header{position: unset;background: rgba(0,0,0,.5);}
    .cpzx{margin: 50px 0 0 0;}
    .zxzx{margin: 50px 0 0 0;}
    .header_nav_container{display: none;}
    .header_nav{margin-right: 20px;}
    .footer_lianxi_logo{width:260px;}
}
@media screen and (max-width:375px){
    .banner_more>span{width: 200px;}
    .goToJs{padding:20px 0 0 0;}
    .cpzx_l ul li{padding: 20px 17px;}
    .cpzx_l ul li img{margin-right: 33px;}
    .cpzx_l ul li::before{left: 95px;}
    .index_title_l p {width: 160px;}
    .cpzx_r {padding-top: 25px;height:341px;}
    .cpzx_sw p{left: 60px;}
    .zxzx_sw a{height:395px;}
    .cpzx{margin: 40px 0 0 0;} 
    .zxzx {margin: 50px 0 0 0;}
    .index_title_l_en {font-size: 14px;}
    .zxzx_item_title {font-size: 22px;}
}

@media screen and (max-width: 500px) {
    .zxzx .swiper-container {margin: 20px 0 15px;}
}
.zxzx .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.7);transform: scale(0.7);}
@media screen and (max-width: 500px) {
	.zxzx .swiper-slide {-webkit-transform: scale(0.97);transform: scale(0.97);}
}
.zxzx .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
@media screen and (max-width: 500px) {
	.zxzx .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(0.97);transform: scale(0.97);}
}