@charset "utf-8";
/* CSS Document */

.search_box{ width: 100%; position: fixed; left: 0; background: #fff;z-index:3; padding:40px 0; display:none;z-index:88;}
.search_box form{ width: 100%; overflow:hidden; transition:.3s ease;}
.search_box form input{ line-height: 60px; height: 60px; border: 2px solid #061b38; font-family:goth;}
.search_box form .search_sub{ width: 150px; line-height:60px; text-align:center; color:#fff; font-size:30px; text-align: center;background:#061b38; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}
.search_box form .search_sub:hover{ background:#cd0000;}

.right_online{position: fixed;top: 40%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 24px;color: #fff;background:#061b38 ;position: relative;z-index: 2;border-radius: 3px;display: block;line-height: 50px;width: 50px;height: 50px; transition:.3s ease;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 50px;line-height: 50px;background: #ca130f ;border-radius: 3px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-webkit-transition:max-width 0.3s linear;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover span{ background:#cd0000;}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;background: none;border-radius: 0;}
.right_online li .ewmtp .p{padding: 0;}
.right_online li .ewmtp img{ width: 120px; height:120px;}


.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; right: 30%; width: auto; left: auto;bottom: 50px;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none;}
.sy-ban .txt1{ width: 100%; left: 0; top: 50%; color: #fff; font-size: 20px; position: absolute;transform: translateY(-50%);}
.sy-ban .txt1 b{ color: #fff; font-size: 50px;  width: 70%; margin-bottom: 30px;}
.sy-ban .txt1 p{line-height: 36px; max-width: 70%;}
.sy-ban .txt1 .amore{ margin-top: 75px;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 8px; height: 8px; background: #b0bfd3; opacity: 1; margin:0 6px!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #b81b25;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ border-color: #fff;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}


.amore{ display: inline-flex; padding-right:15px; align-items: center;color: #cd0000; font-family: gothb; position:relative; }
.amore i{ display: block; color: #fff; width: 40px; height: 40px;  text-align: center; border-radius: 50%; line-height: 40px;  margin-right: 15px; transition: .3s ease; font-weight: bold; position:relative; z-index:2;}
.amore span{ position: relative; z-index: 2;}
.amore.white{ color: #fff;}
.amore:after{position:absolute;  width: 40px; height: 40px; content: ''; background: #cd0000; border-radius:20px; left: 0; top: 0; transition:.3s ease;}
.amore.wbg{ background: #fff; color: #ec001a; border-color: #fff;}
.amore.amore1{ border-color: #cd0000; background: #cd0000; color: #fff;}
.amore.amore2{ background: #111111; border-color: #111111; color: #fff;}
.amore span{ position: relative; z-index: 2;}
.amore:hover,.amore.on{ color:#fff;}
.amore:hover:after,.amore.on:after{width:100%; }
.amore.wbg:hover{ background: #ec001a; color: #fff;}
.amore.rb:hover{ color: #fff;}


.sy_title{ margin-bottom: 40px;}
.item_top{ margin-bottom: 40px;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}
.item_top .top_des{ width: 45%; margin-left: auto;}

.dtop{ padding-top: 80px;}

.swiperall{ position: relative; }
.swiperbtn{width: 40px; height: 40px; line-height: 40px; border: 1px solid #061b38; text-align: center; line-height: 40px; font-size: 20px; top: 50%; transition: .3s ease; color: #061b38; border-radius:50%;}
.swiperall .swiper-button-prev{ left: -95px; }
.swiperall .swiper-button-next{ right: -95px; }
.swiperbtn:hover{ background: #cd0000; border-color: #cd0000; color: #fff;}

.sy_products .left,.sy_products .right{ width: 50%; height: 880px;}
.sy_products .proitem{ width: 100%; height: 100%; position: relative; padding:150px 45% 0 10%;}
.sy_products .right .proitem{ height: 50%;}
.sy_products .left .proitem{ background: #f7f7f7;}
.sy_products .right .proitem:nth-child(2){ background:#e7e7e7;}
.sy_products .proitem .tit{ position: absolute; left:0; top: 40px; background: #cd0000; color: #fff; font-size: 24px; font-family: gothb; line-height: 55px; padding: 0 22px; border-top-right-radius: 28px; border-bottom-right-radius: 28px; z-index:3;}
.sy_products .proitem .des p{ padding-left: 10px; position: relative; color:#061b38; z-index:3;}
.sy_products .proitem .des p:after{ position:absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; content: ''; background:#061b38;}
.sy_products .left .proitem .pro{ width: 100%; position: absolute; left: 0; bottom: 0;}
.sy_products .left .proitem b{ width: 100%; position: absolute; text-align: center; font-size: 128px; top:100px; left:0;color: rgba(0,0,0,.0);-webkit-text-stroke: 1px #061b38; text-stroke: 1px #061b38 ; opacity:.3;}
.sy_products .left .tab{ width: 100%; position: absolute; left: 0; bottom: 90px;z-index:3; padding:0 10%;}
.sy_products .left .tab li{ margin: 0 auto;}
.sy_products .tab a{ font-family: gothb; font-size: 20px; display:inline-block; line-height:26px; position:relative;}
.sy_products .tab a:after{width:0; bottom: 0; left: 0; content: ''; position: absolute; height: 2px; transition: .3s ease; background:#cd0000;}
.sy_products .tab li.active a{ color: #cd0000;}
.sy_products .tab li.active a:after{ width:100%;}
.sy_products .right .pro{ position: absolute; right: 0; top: 50%; transform:translateY(-50%);width:65%;}
.sy_products .right .proitem:nth-child(2) b{ display:none;}
.sy_products .right .proitem b{ width:62%; text-align:right; font-size: 90px; position: absolute; bottom: 0; right: 50%;color: rgba(0,0,0,.0);-webkit-text-stroke: 1px #061b38; text-stroke: 1px #061b38 ; opacity:.3;}
.sy_products .right .pro .pro-bd{ width: 60%;}
.sy_products .right .proitem .tab{ margin-top: 25px;}
.sy_products .right .proitem .tab li{margin-bottom: 12px;}

.sy_about{ position: relative; padding-bottom:200px;}
.sy_about .abtit{ position: absolute; color: #fff; text-transform: uppercase; line-height: 90px; left: 0; top: 0; font-size: 96px; transform: rotate(90deg); transform-origin: left bottom;color: rgba(0,0,0,.0);-webkit-text-stroke: 1px #061b38; text-stroke: 1px #061b38 ; opacity:.4;}
.sy_about .txt{ width: 50%;}
.sy_title span{ display: block; font-size: 20px; color: #061b38; font-family: gothb;}
.sy_title b{ color: #cd0000; text-transform: uppercase; font-size: 50px; margin-top: 10px;}
.sy_about .txt .des{ color: #061b38; margin-bottom: 50px;}
.sy_about .sy_number{ width: 48%;}
.sy_about dt{ width: 47%; margin-left: auto; background:#fff; border-radius:8px; padding:135px 35px 35px; position:relative; margin-bottom:22px; transition:.3s ease;}
.sy_about dt .ic{ position: absolute; right: 25px; top: 25px;}
.sy_about dt b{ font-size: 54px; color: #cd0000; margin-bottom:20px;}
.sy_about dt p{ font-family: gothb; line-height: 24px; height: 48px; color:#061b38;}
.sy_about dt:nth-child(2n){ transform:translateY(-22px);}
.sy_about dt:hover{ background:#061b38;}
.sy_about dt:hover p{ color:#fff;}
.sy_about dt:hover .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

.sy_choose .bg{ position: relative; border-radius: 10px; overflow: hidden;}
.sy_choose .bg img{ width: 100%;}
.sy_choose .bg dl{ width: 100%; position: absolute; left: 0; bottom: 60px; padding:0 60px;}
.sy_choose dt{ width: 22%; margin-right: auto; padding:25px 28px; border-radius:8px; transition:.3s ease; background:rgba(6,27,56,.25); color:#fff;}
.sy_choose .bg dl dt:last-child{ margin-right:0;}
.sy_choose dt b{ font-size: 24px; font-family: gothb; color: #fff; margin-right: auto;}
.sy_choose dt i{ font-size: 22px; font-weight:bold;}
.sy_choose dt .top{margin-bottom: 20px;}
.sy_choose dt p{ font-size: 20px; height: 60px; font-family:gothb;}
.sy_choose dt:hover{ background:#fff;}
.sy_choose dt:hover .top,.sy_choose dt:hover .top b{ color:#cd0000;}
.sy_choose dt:hover p{ color:#061b38;}

.videoswiper{ overflow: hidden;}
.sy_video .swiperbtn{ position: unset; display:inline-block; margin-left:10px; background:#fff; border:none;}
.sy_video .swiperbtn:hover{ background:#cd0000;}
.sy_news .sy_title{ text-align: center;}

.left_news{ width: 46%; border-radius: 8px; overflow: hidden; position:relative;}
.left_news .imgfd{ padding-top: 87.5%;}
.left_news .txt{ width: 100%; padding: 150px 40px 20px; position: absolute; left: 0; bottom: 0; background:linear-gradient( to top,rgba(6,27,56,.8),rgba(6,27,56,.01))}
.left_news .txt span{color: #cd0000; font-family: gothb; }
.left_news .txt h2{ color: #fff; font-size: 24px; line-height: 30px; margin: 10px 0 15px; font-family: gothb;}
.left_news .txt i{ color: #fff; font-weight: bold; font-size:20px;}
.left_news:hover .txt i{ color:#cd0000;}
.sy_news .right{ width: 50%;}
.sy_news .right li{ padding: 25px 0 30px; border-bottom: 1px solid #c1c6cd;}
.sy_news .right .tit{ width: calc(100% - 140px); margin-left: auto;}
.sy_news .right .date p{ font-family: gothb; color: #061b38; margin-bottom:30px;}
.sy_news .right .date i{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; border: 1px solid #061b38; font-size: 20px; font-weight: bold; color: #061b38; transition:.3s ease;}
.sy_news .right .tit h2{ font-size: 24px; font-family: gothb; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 15px; color: #061b38;}
.sy_news .right .tit p{height: 60px; overflow:hidden;}
.sy_news .right li:hover .date i{ transform:translateX(20px); background: #cd0000; color: #fff; border-color: #cd0000;}
.sy_news .c_btns{ text-align: center; margin-top: 55px;}


.index_foot{ position: relative; background:#061b38; color: #fff; background-size: cover; background-size: cover;}
.foot_center{ padding: 75px 0 50px; position: relative;}
.foot_center .foot_nav{ margin-left: auto;width: 70%;}
.foot_center .foot_nav li{ width: 35%; margin-left: auto;}
.foot_center .foot_nav li:nth-child(2){width:20%; }
.foot_center .foot_nav a{display: block; font-size: 16px; color: #fff;margin-bottom: 15px;}
.foot_center .foot_nav a:hover{ color: #cd0000;}
.foot_center .foot_nav dl a{ margin-bottom: 0;}
.foot_center .foot_nav dt{ margin-bottom: 20px; padding: 0 0 20px 10px; border-bottom: 1px solid rgba(255,255,255,.3);}
.foot_center .foot_nav dt i{ display: block;font-size: 24px; color: #cd0000; font-weight: bold;}
.foot_center .foot_nav dl p{ width: calc(100% - 35px); margin-left: auto;}
.foot_center .foot_nav dt:last-child{ border:none;}

.foot_center .box{ width: 25%;}
.foot_center .box b{ color: #4094d2; font-size: 20px; margin: 20px 0;}
.foot_center .box .f_des{ margin-bottom: 25px; font-size: 16px;}
.foot_center .box .flogo{display: block;margin-bottom: 35px;}

.copy{ padding: 35px 0; font-size: 16px; background: #000f24;}
.copy a{ color: #fff;}
.foot_center b{ font-family: gothb;font-size: 20px; color: #fff; margin-bottom: 25px; text-transform: uppercase;display: block;}
.index_foot .b_top{position: absolute; right: -100px;top: 40%;}
.index_foot .b_top i{  display: inline-block; width: 44px; height: 44px; border-radius: 50%; background: #cd0000; text-align: center;line-height: 44px; transition: .3s ease; transform: rotate(180deg); color: #fff; font-size: 18px; cursor: pointer;}
.index_foot .b_top:hover i{ background: #000f24; color: #fff;}
.copy .follow .follow_list{ margin-left: 5px;}


@media (max-width: 1630px){
	.index_foot .b_top{ right: 0; top:auto; bottom:30px;}
	
}

@media (max-width: 1541px){
	.sy_products .left, .sy_products .right{ height: 750px;}
	.sy_products .proitem{ padding: 120px 35% 0 6%;}
	.sy_products .left .proitem b{ top: 50px;}
	.sy_products .right .proitem b{ font-size: 70px;}
}

@media (max-width: 1281px){
	.sy-ban .txt1 b{ font-size: 40px; margin-bottom:20px;}
	.sy-ban .txt1{ font-size: 18px;}
	.sy-ban .txt1 .amore{margin-top: 55px;}
	.sy_products .proitem .tit{ font-size: 22px; line-height: 50px;}
	.sy_products .left, .sy_products .right{height: 600px;}
	.sy_products .left .proitem b{ font-size:100px; line-height:100px;}
	.sy_products .right .proitem b{ font-size: 60px;}
	.sy_products .tab a{ font-size: 18px;}
	.sy_products .left .tab{ padding: 0 5%;}
	.sy_products .proitem{padding-top: 100px;}
	.sy_products .proitem .tit{ top: 30px;}
	.sy_title b{ font-size: 42px;}
	.sy_title{margin-bottom: 30px;}
	.sy_about{padding-bottom: 150px;}
	.sy_choose dt p{ font-size: 18px;}
	.sy_news .right .date p{margin-bottom: 20px;}
	.sy_news .right li{padding: 20px 0 23px;}
	.sy_news .right .tit h2{margin-bottom: 10px;}
	.sy_about dt{padding-top: 110px;}
	.sy_about dt b{ font-size: 46px;}
}

@media (max-width: 1024px){
	.sy_products { display: block;}
	.sy_products .left, .sy_products .right{ width: 100%; height:800px;}
	.sy_about dt .ic img{ height: 60px;}
	.sy_about dt{padding-top: 90px;}
	.sy_choose .bg dl{ padding: 0 40px;}
	.sy_choose dt{ width: 23%;}
	.sy_choose dt .top{ margin-bottom: 10px;}
	.left_news{ display: none;}
	.sy_news .right{ width: 100%; float: none;}
	.foot_center{ display: none;}
	.copy .follow{ display:none;}
	.sy_title span{ font-size: 18px;}
	.sy_title b{ font-size: 38px;}
	.top_h{ height: 54px;}
	.page_top{ display: none;}
	.right_online{ display: none;}
	
}

@media (max-width: 450px){
.sy-ban .txt1 b{ font-size: 26px; line-height: 30px; width:85%; margin-bottom:10px;}
	.sy-ban .txt1 p{line-height: 24px; max-width:85%;}
	.sy-ban .txt1 .amore{ display: none;}
	.sy_products .proitem .tit{ font-size: 18px; line-height:40px;}
	.sy_products .left{height:350px;}
	.sy_products .right{ height: 500px;}
	.sy_products .proitem .des{ display: none;}
	.sy_products .left .proitem b{ font-size: 60px; line-height: 60px;}
	.sy_products .left .tab{ padding: 0 2%; bottom:40px;}
	.sy_products .tab a{ font-size: 16px;}
	.sy_products .proitem{padding-top: 80px;}
	.sy_products .right .proitem b{ display: none;}
	.sy_products .right .pro .pro-bd{ width: 80%;}
	.sy_products .right .pro{ top: auto; bottom: 0;}
	.sy_about .abtit{transform: rotate(0deg); font-size:40px; line-height:40px; width:100%; text-align:center;}
	.sy_about .txt{ width: 100%; float: none;}
	.sy_title span{ font-size: 16px;}
	.sy_title b{ font-size: 28px; margin-top: 0;}
	.sy_title{margin-bottom: 20px;}
	.sy_about .txt .des{margin-bottom: 25px;}
	.sy_about .sy_number{ width: 100%; margin-top: 30px;}
	.sy_about dt{padding: 80px 15px 30px;}
	.sy_about dt b{ font-size: 32px; line-height: 32px; margin-bottom:10px;}
	.sy_about dt .ic img{height: 44px;}
	.sy_about{ padding-bottom: 80px;}
	.item_top .amore{ display: none;}
	.item_top{ margin-bottom: 20px;}
	.sy_choose dt{ width: 48%; margin-bottom: 10px; padding:15px;}
	.sy_choose dt:nth-child(2n){ margin-right:0;}
	.sy_choose .bg dl{padding: 0 25px;}
	.sy_choose dt p{ font-size: 16px; height: 72px;}
	.sy_choose .bg img{height: 380px; object-fit: cover;}
	.sy_choose .bg dl{ bottom: 20px;}
	.item_top{ display: block;}
	.item_top .swiperbtns{margin-top: 20px;}
	.sy_news .right .date i{ width: 32px; height: 32px; line-height: 32px;}
	.sy_news .right .tit{ width: calc(100% - 70px);}
	.sy_news .right .tit h2{ font-size: 20px; line-height:26px; height:52px;}
	.sy_news .right .tit p{ height: 48px;}
	.sy_news .c_btns{ margin-top: 25px;}
	.copy{ padding: 15px 0; font-size: 14px;}
}

.ny_ban{ position: relative; overflow:hidden; color:#fff;}
.ny_ban img{ width: 100%;}
.ny_ban .ban_txt{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.ny_ban b{ font-size: 54px; color: #fff; text-transform:uppercase; margin-bottom:20px;}
.ny_ban .posi{ font-size: 16px;}
.ny_ban .posi a{ color: #fff;}

.fb54{ font-size: 54px; margin-bottom: 40px; font-family:gothb;}
.ab_company .txt{ width: 48%; margin-right: auto;}
.ab_company .txt .des p{ font-size: 20px; line-height: 36px;}
.ab_company .imgfdd{ width: 46%; border-radius: 8px;}

.ab_factory .fb54{ text-align: center;}
.facswiper{ overflow: hidden; position: relative;}
.facswiper .imgfd{padding-top: 60%; border-radius: 8px;}
.facswiper li{ width: 750px;}
.facswiper .swiperbtn{ width: 56px; height: 56px; line-height: 56px; font-size: 28px; border-color:#fff; color:#fff;}
.facswiper .swiperbtn:hover{ border-color:#cd0000;}
.facswiper .swiper-button-prev{ left: 10%;}
.facswiper .swiper-button-next{ right: 10%;}


.ab_culture .txt{ width: 35%; margin-right: auto;}
.ab_culture .txt p{ font-size: 24px;line-height: 40px;}
.ab_culture dl{ width: 60%;}
.ab_culture dl dt{ width: 49%; margin-right: 2%; margin-bottom: 20px; border-radius: 20px; background:linear-gradient( to bottom right,#ebf3ff,#c5d8f3); padding:32px 40px 10px;}
.ab_culture dl dt:nth-child(2n){ margin-right:0;}
.ab_culture dl dt .icon{ width: 85px; height: 85px; border-radius: 25px; background: #fff; position:relative; margin-right:30px;}
.ab_culture dl dt .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.ab_culture dl dt h3{ font-size: 26px; font-family: gothb; color: #061b38; line-height: 36px;height: 72px; max-width: calc(100% - 115px);}
.ab_culture dl dt .top{ margin-bottom: 25px;}
.ab_culture dl dt p{ height: 150px;}

@media (max-width: 1281px){
    .ny_ban b{ font-size: 48px;}
    .fb54{ font-size: 46px; margin-bottom: 30px;}
    .ab_company .txt .des p{ font-size: 18px; line-height: 30px;}
}
@media (max-width: 1024px){
    .ny_ban b{ font-size: 36px;}
    .ny_ban .posi{ font-size: 14px;}
    .fb54{ font-size: 40px; margin-bottom: 25px;}
    .facswiper li{ width: 550px;}
    .ab_culture .txt p{ font-size: 20px; line-height: 36px;}
    .ab_culture dl dt{padding: 25px 30px ;}
    .ab_culture dl dt .icon{ width: 68px; height: 68px; border-radius: 10px; margin-right:auto;}
    .ab_culture dl dt .icon img{ height: 40px;}
    .ab_culture dl dt h3{ font-size: 22px; line-height: 30px; height: 60px; max-width: calc(100% - 80px);}
    .ab_culture dl dt .top{ margin-bottom: 15px;}
}
@media (max-width: 450px){
    .ny_ban img{ height: 130px; object-fit: cover;}
    .ny_ban b{ font-size: 26px; margin-bottom: 5px;}
    .ab_company { display: block;}
    .ab_company .txt{ width: 100%; margin-bottom: 25px;}
    .fb54{ font-size: 26px; margin-bottom: 15px;}
    .ab_company .txt .des p{ font-size: 16px; line-height: 24px;}
    .ab_company .imgfdd{ width: 100%;}
    .facswiper li{ width: 280px;}
    .facswiper .swiperbtn{ width: 36px; height: 36px; line-height: 36px; font-size:22px;}
    .ab_culture { display: block;}
    .ab_culture .txt{ width: 100%; margin-bottom: 25px;}
    .ab_culture .txt p{ font-size: 18px; line-height: 30px;}
    .ab_culture dl{ width: 100%;}
    .ab_culture dl dt{ width: 100%;}
    .ab_culture dl dt p{ height: auto;}
    .ab_culture dl dt .icon{ width: 48px; height: 48px; border-radius:5px;}
    .ab_culture dl dt h3{ height: auto; max-width: auto; width: calc(100% - 58px); font-size:20px;}
    .ab_culture dl dt{ border-radius: 10px;}
}
.fb45{ font-size: 45px; font-family: gothb; margin-bottom: 40px;}
.pro_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom:40px;}
.pro_list li:nth-child(3n){ margin-right:0;}

.proli{ border: 1px solid #eaeaea; transition:.3s ease; border-radius:8px; padding:30px 15px 40px; text-align:center;}
.proli .imgfd{ padding-top: 80%; border-radius:6px;}
.proli h2{ font-size: 22px; font-family: gothb; line-height: 30px; height: 60px; overflow: hidden; margin: 25px 0 5px ;}
.proli .more{ display: inline-block; line-height: 40px; padding: 0 22px; border: 1px solid #333333; border-radius:21px; margin:0 9px; font-size:15px; text-transform:uppercase; transition:.3s ease;}
.proli .more1{ background: #333; color: #fff;}
.proli .more i{ display: inline-block; margin-left: 3px; transform: rotate(-45deg);}
.proli .more1:hover{ background:#cd0000; border-color:#cd0000;}
.proli .more:not(.more1):hover{ border-color:#cd0000; color:#cd0000;}
.proli:hover{ border-color:#cd0000;}
.proli:hover h2{ color:#cd0000;}
.proitem:nth-child(2){ background:#f7f7f7;}
@media (max-width: 1281px){
    .fb45{ font-size: 38px; margin-bottom:30px;}
}
@media (max-width: 1024px){
    .pro_list li{ padding: 15px 10px 25px;}
    .proli h2{ margin-top: 20px; font-size:20px;}
    .proli .more{line-height: 36px; padding: 0 18px;}
}
@media (max-width: 450px){
    .fb45{ font-size: 26px; line-height: 32px; margin-bottom:20px;}
    .pro_list li{ width: 100%; float: none; margin-bottom: 20px;}
}
.showposi{ background: #dedede; padding: 13px 0; font-size:14px;}
.showposi i{ margin-right: 5px;}
.showposi a:hover{ color:#cd0000;}

.show_top{padding: 60px 0;}
.show_top .pic{ width: 38%; margin-right: auto;}
.show_top .txt{width: 57%;}
.bigswiper,.smswiper{ overflow: hidden;}
.bigswiper{ border: 1px solid #e7e7e7; border-radius: 5px; margin-bottom:10px;}
.show_top .imgfd{padding-top: 80%;}
.smswiper li{ border: 1px solid #e7e7e7; overflow:hidden; border-radius: 5px;}
.sm_box{ position: relative; padding:0 20px;}
.smswiper li.swiper-slide-thumb-active{ border-color:#cd0000 ;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display:none;}
.sm_box .swiperbtn{ top: 50%; border:none; width:auto; font-size:20px;}
.sm_box .swiper-button-prev{ left: -5px;}
.sm_box .swiper-button-next{ right: -5px;}
.sm_box .swiperbtn:hover{ color:#cd0000; background:none;}
.show_top .txt h1{ font-size: 34px;font-family:gothb; line-height: 48px; margin-bottom: 30px;}
.show_top .txt .tit{ padding-bottom: 15px; border-bottom: 1px solid #dddddd;}
.show_top .txt .tit .mod{ margin-right: auto; color: #cd0000; }


.show_top .txt .tit .share:hover .follow_list{ display:block;}
.show_top .txt .des{ margin: 32px 0;}
.show_top .txt .des b{ font-size: 20px; margin-bottom:15px;}
.show_top .txt .des p{margin-top: 5px; font-size:18px;}
.show_top .txt .amore{ margin-top: 45px;}
.show_top .txt .pro_ce img{ height:60px;}
.pro_det{ padding-top: 80px;}
.det_item{ padding-bottom:80px; overflow:hidden;}
.det_box img,.det_box table{ max-width: 100%!important;}
.main_left{ width: calc(100% - 410px);}
.main_right{ width: 360px;}
.det_item .tit{ font-size: 34px; padding-bottom: 18px; position: relative; margin-bottom:30px;}
.det_item .tit:after{ width:42px; height: 2px; background: #cd0000; position: absolute; left: 0; bottom: 0; content: '';}
.det_item table td{ border-color: #ddd; padding:15px; word-break:keep-all!important;}
.det_item table tr:nth-child(2n+1){ background:#f3f3f3;}

.msgbox form{ margin-top: 30px;}
.msgbox input,.msgbox textarea{ line-height: 30px; padding: 10px 15px; background: #fff; border-radius: 5px; width: 100%; margin-bottom: 20px; font-family:goth; font-size:16px;}
.msgbox input.fl{ width: 49%; margin-right: 2%;}
.msgbox input.fl:nth-child(2n){ margin-right:0;}
.msgbox .fil{ font-size: 18px;}
.msgbox .sub{ line-height: 50px; border-radius: 8px; text-align: center; background: #061b38; color: #fff; width:220px; transition:.3s ease; cursor:pointer; margin-top:25px; font-size:20px;font-family:gothb;}
.msgbox .sub:hover{ background:#cd0000;}
#st-1.st-animated{ z-index: 3!important;}

.r_card{ border-radius: 10px; background: #fff; margin-bottom: 30px; overflow:hidden;}
.r_card b{ line-height: 50px; background: #000f24; font-size: 24px; color: #fff; text-transform: uppercase; padding-left: 30px;}
.r_nav a{ display: block; padding:10px 30px;}
.r_nav .list{ padding: 10px 0 20px;}
.r_nav a:hover,.r_nav a.act{background:#cd0000; color:#fff;}
.r_nav a i{ margin-right: 3px;}

@media (max-width: 1024px){
    .show_top .txt h1{ font-size: 30px; margin-bottom: 20px; line-height: 36px;}
    .main_right{ display: none;}
    .main_left{ width: 100%; float: none;}
    .pro_det{ padding-top: 55px;}
}
@media (max-width: 450px){
    .show_top{ padding: 35px 0; display:block;}
    .show_top .pic{ width: 100%; margin-bottom: 25px;}
    .show_top .txt{ width: 100%;}
    .show_top .txt .tit .mod{ display: none;}
    .show_top .txt h1{ font-size: 26px;}
    .show_top .txt .des{ margin: 25px 0;}
    .show_top .txt .amore{margin-top: 5px;}
    .pro_det{ padding-top: 40px;}
    .det_item .tit{ font-size: 30px; padding-bottom: 15px; margin-bottom:25px;}
    .det_item{padding-bottom: 40px;}
    .msgbox .fil{ font-size: 16px;}
    .msgbox input.fl{ width: 100%; float: none;}
    .msgbox input, .msgbox textarea{ font-size: 14px; line-height:24px; margin-bottom:15px;}
    .msgbox .sub{line-height: 44px; font-size: 18px; width:100%;}
}
.case_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 40px; border-radius: 8px; border: 1px solid #eaeaea; padding:20px; transition:.3s ease;}
.case_list li:nth-child(3n){ margin-right:0;}
.case_list li .txt{ padding: 20px 0 15px;}
.case_list li h2{ font-family: gothb; font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 25px;}
.case_list li span{ font-size: 16px; display:inline-block; line-height:34px; border-radius:17px; padding:0 15px; color:#fff; background:#cd0000;}
.case_list li:hover{ border-color:#cd0000;}
.case_list li:hover h2{ color:#cd0000;}
@media (max-width: 1024px){
   .case_list li{padding: 12px;} 
   .case_list li h2{ font-size: 18px; margin-bottom:20px;}
}
@media (max-width: 450px){
    .case_list li{ width: 49%; margin-bottom: 25px;}
    .case_list li:nth-child(2n){ margin-right:0;}
    .case_list li .txt{padding: 10px 0 15px;}
    .case_list li h2{ font-size: 16px; line-height: 24px; height: 48px; margin-bottom:10px;}
    .case_list li span{ font-size: 12px; line-height: 26px; padding: 0 8px;}
    .case_list li span i{ font-size: 13px;}
}
.case_top{ padding: 60px 0;}
.case_top .txt{ width: 46%; margin-right:auto;}
.case_top .pic{ width: 48%; border-radius:8px; overflow:hidden;}
.case_top .txt h1{ font-family: gothb; font-size: 40px; margin-bottom: 40px;}
.case_top .des{ height: 330px; overflow-y: auto;padding-right:20px;}
.case_top .des::-webkit-scrollbar{ width:4px; border-radius:2px;}
.case_top .des::-webkit-scrollbar-track{ background:#f3f3f3;}
.case_top .des::-webkit-scrollbar-thumb{ background:#cd0000; border-radius:2px;}
.proswiper{ overflow: hidden;}

.rel_pro .fb54{ text-align: center; text-transform: uppercase;}
@media (max-width: 1281px){
    .case_top .txt h1{ font-size: 34px; margin-bottom: 30px;}
    
}
@media (max-width: 450px){
    .case_top{ display: block; padding:35px 0;}
    .case_top .txt{ width: 100%; margin-bottom: 25px;}
    .case_top .txt h1{ font-size: 24px; margin-bottom: 20px;}
    .case_top .pic{ width: 100%;}
}
.ser_main{ padding-top: 80px;}
.ser_main .seritem{margin-bottom: 65px; padding-bottom:50px; position:relative;}
.ser_main .seritem .imgfd{padding-top: 66.67%;}
.ser_main .seritem .pic{ width: 60%; float:left; border-radius:8px; overflow:hidden;}
.ser_main .seritem:nth-child(2) .pic{ float:right;}
.ser_main .seritem .txtcard{ background: #fff; width:50%; position:absolute; right:0; bottom:0; border-radius:8px; padding:55px 60px; box-shadow:0 0 12px rgba(0,0,0,.15);}
.ser_main .seritem .txtcard h2{ font-family: gothb; font-size: 40px; margin-bottom: 35px;}
.ser_main .seritem .txtcard .amore{margin-top: 45px;}
.ser_main .seritem:nth-child(2) .txtcard{ left:0; right: auto;}

@media (max-width: 1024px){
    .ser_main .seritem .txtcard{padding: 40px 45px;}
    .ser_main .seritem .txtcard h2{ font-size: 32px; margin-bottom: 25px;}
    .ser_main .seritem .txtcard .amore{margin-top: 30px;}
}
@media (max-width: 450px){
    .ser_main .seritem .pic{ width: 100%; float: none;}
    .ser_main .seritem:nth-child(2) .pic{ float:none;}
    .ser_main .seritem .txtcard{ position: unset; width: 100%; padding:25px 20px;}
    .ser_main .seritem .txtcard h2{ font-size: 24px; margin-bottom: 15px;}
    .ser_main .seritem{ padding-bottom: 0; margin-bottom: 35px;}
    .ser_main{ padding-top: 40px;}
}
.news_main{ padding: 65px 0;}
.nynews_list li{ background: #fff; border-radius: 20px; padding: 30px 40px 30px 30px; margin-bottom:30px;}
.nynews_list li .pic{ width: 30%;}
.nynews_list li .txt{ width: 67%; margin-left: auto;}
.nynews_list li .imgfd{ padding-top: 66.6%; border-radius:10px;}
.nynews_list li h2{ font-size:20px; font-family:gothb; line-height: 30px; height: 30px; overflow: hidden;}
.nynews_list li p{ height: 60px; overflow: hidden; margin: 10px 0 15px; color:#333;}
.nynews_list li .date{ margin-right: auto; font-size: 16px; display: block;}
.nynews_list li i{ display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #111; font-size: 18px; font-weight: bold; color:#fff; border-radius:50%; transform:rotate(45deg); transition:.3s ease;}
.nynews_list li:hover h2{ text-decoration:underline; color: #cd0000;}
.nynews_list li:hover i{background:#cd0000; transform: rotate(0deg);}
@media (max-width: 1441px){
    .nynews_list li{ padding: 20px 25px 20px 20px;}
    .nynews_list li p{ height: 30px;}
    
}

@media (max-width: 1024px){
.news_right{ display: none;}
.news_left{ width: 100%;}
}
@media (max-width: 768px){
    .nynews_list li p{ display: none;}
    .nynews_list li h2{ font-size: 18px; line-height: 26px; height: 52px; margin-bottom: 10px;}
    .nynews_list li i{ width: 32px; height: 32px; line-height:32px;}
    
}
@media (max-width: 450px){
    .nynews_list li .txt .c-flex{ display: none;}
    .nynews_list li{ padding: 10px; border-radius:10px;}
    .nynews_list li .imgfd{ border-radius: 6px;}
    .nynews_list li h2{  font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 0;}
    .nynews_list li{ margin-bottom:15px;}
    .news_main{ padding: 40px 0;}
}
.news_det{ background: #fff; border-radius: 20px; padding: 40px 35px;}
.news_det h1{ font-size: 30px; font-family:gothb;}
.news_det .news_info{ padding: 30px 0; font-size:16px; border-bottom:1px solid #ddd; margin-bottom:40px;}
.news_det .news_info .colname{ margin-left: auto;}
.news_det .news_info .colname span{ color: #cd0000;}
.page_btn{ border-top: 1px solid #ececec; margin-top:40px;}
.page_btn .prev,.page_btn .next{ margin-top: 30px; font-size:16px;}
.page_btn span{ display: block; font-size: 16px; color: #666; margin-bottom:10px;}
.page_btn a:hover{ color:#cd0000;}


.last_news .list{ padding: 0 30px 20px;}
.last_news .list a{display: block; padding: 22px 0 10px; border-bottom: 1px solid #e7e7e7;}
.last_news .list a p{ font-size: 16px; line-height: 20px; margin-bottom: 5px;}
.last_news .list a .date{ font-size: 14px; color: #666666; display: block; margin-right: auto;}
.last_news .list a i{ font-size: 18px; font-weight: bold;}
.last_news .list a:hover p,.last_news .list a:hover i{ color:#cd0000;}
.r_msg form{ padding: 30px;}
.r_msg input,.r_msg textarea{ margin-bottom: 15px; line-height:45px; background: #f3f3f3; border-radius: 5px; width:100%; font-size:14px; padding-left:8px; font-family:goth;}
.r_msg .sub{ background: #111; border-radius: 5px; line-height: 45px; color: #fff; display: inline-block; padding: 0 13px; font-weight: bold; cursor: pointer; transition:.3s ease;}
.r_msg .sub:hover{ background:#cd0000;}
@media (max-width: 450px){
    .news_det{ padding: 30px 20px;}
    .news_det h1{ font-size: 22px;}
    .news_det .news_info{ padding: 18px 0; margin-bottom: 25px;}
    .page_btn{ margin-top: 25px;}
    .page_btn .prev, .page_btn .next{ margin-top: 20px;}
}


.video_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 30px;}
.video_list li:nth-child(3n){ margin-right:0;}
.videoli{ position: relative; border-radius:8px; overflow:hidden;}
.videoli .imgfd{ padding-top: 113.6%;}
.videoli .imgfd i{ position: absolute; font-size: 60px; top: 50%; left: 50%; transform: translate(-50%,-50%); color:#fff; cursor:pointer;}
.videoli .imgfd i:hover{ color:#cd0000;}
.videoli .txt{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 70px 30px 32px;background : linear-gradient( to top,rgba(6,27,56,.8),rgba(6,27,56,.01));}
.videoli h2{ font-size: 20px; color: #fff; line-height: 24px; height: 48px; overflow: hidden; font-family:gothb;}

.videos{ position: fixed; left: 50%; top:20%; transform: translateX(-50%); width: 1100px; background:#333; z-index:3;}
.videos iframe{ width: 100%; height: 650px;}
.videos .vclose{ position: absolute; right: -15px; top: -15px; font-size: 24px; width:36px; height:36px; border-radius:50%; background:#fff; text-align:center; line-height:36px; cursor:pointer; transition:.2s ease; box-shadow:0 0 5px rgba(0,0,0,.3);} 
.videos .vclose:hover{ background:#cd0000; color: #fff;}
@media (max-width: 1281px){
    .videos{ width: 850px;}
    .videos iframe{ height: 520px;}
}
@media (max-width: 1024px){
    .video_list li{ width: 49%; }
    .video_list li:nth-child(3n){ margin-right:2%;}
    .video_list li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px){
    .videos{ width: 390px;}
    .videos iframe{ height: 280px;}
    .videoli .txt{ padding: 50px 15px 20px;}
    .videoli h2{ font-size: 16px;}
    .videoli .imgfd i{ font-size: 38px; top:40%;}
    .videos .vclose{ width: 30px; height: 30px; line-height:30px; font-size:20px;}
}

.lx_top .left{ width: 50%; padding:0 5% 40px 0; background:url(../images/lxic_03.png) no-repeat right bottom; }
.lx_top .lx_map{ width: 48%; border-radius:20px; overflow:hidden;}
.lx_top .lx_map iframe{ width: 100%!important;}
.lx_top .left .tit{ margin-bottom: 30px;}
.lx_top .left .tit p{ font-size: 18px;}
.lx_top .lx_item i{ width: 48px; height: 48px; line-height: 48px; text-align: center; background: #cd0000; border-radius: 10px; font-size: 24px; margin-right:20px; color:#fff;}
.lx_top .lx_item .txt{ width: calc(100% - 70px);}
.lx_top .lx_item{ padding-bottom: 25px; border-bottom: 1px solid #e7e7e7; margin-top:30px;}
.lx_top .lx_item span,.lx_social span{ color: #666;}
.lx_top .lx_item p{ margin-top: 3px; font-size:18px;}
.lx_top .lx_item a:hover{ color:#cd0000;}
.lx_top .lx_item.lx_tel .txt{ width: 42%; margin-right: auto;}

.lx_msg .imgfdd{ width: 48%; border-radius: 20px;}
.lx_msg .msg_form{ width: 48%;}
.msg_form .tit{ font-size: 30px; margin-bottom:15px;}

@media (max-width: 1024px){
    .lx_top .left{ width: 100%; float:none;}
    .lx_top .lx_map{ display: none;}
    .lx_msg .imgfdd{ display: none;}
    .lx_msg .msg_form{ width: 100%;}
}
@media (max-width: 450px){
    .lx_top .left h1{ font-size: 30px;}
    .lx_top .left .tit p{ font-size: 16px;}
    .lx_top .lx_item.lx_tel .txt{ width: calc(100% - 70px); margin-left:auto; margin-right:0; margin-bottom:8px;}
    .lx_bot .lx_item{ width: 100%; margin-bottom:20px;}
    .lx_top .lx_item p{ font-size: 16px;}
    .lx_top .lx_item{ margin-top: 20px; padding-bottom: 20px;}
    .mainh{height: 40px;}
    .lx_top .left{ padding-bottom: 0;}
}