@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%; border: 2px solid #00529c; overflow:hidden; transition:.3s ease;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form .search_sub{ width: 150px; line-height:60px; text-align:center; color:#fff; font-size:30px; text-align: center;background:#00529c; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}
.search_box form .search_sub:hover{ background:#ca130f;}

.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:#00529c ;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:#ca130f;}
.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;}

.nav_menu{ position: fixed; width: 100%; left: 0; background:#fff; z-index:3; display:none;}
.nav_menu .left{ width: 460px;}
.nav_menu .left li{ border-bottom: 1px solid rgba(255,255,255,.15); background:#002a56; padding:0 25px 0 130px;}
.nav_menu .left a{ height: 60px; color:#fff;font-family:bbsb; transition:.3s ease; position:relative;}
.nav_menu .left a h2{ font-size: 18px; color: #fff; text-transform:uppercase; line-height:20px; margin:0;}
.nav_menu .left a i{ display: inline-block; line-height: 20px; margin-left: auto;}
.nav_menu .left li:hover a{ padding-left:10px;}
.nav_menu .left li:hover a:after{ width:7px; height: 7px; background: #ca130f; content: ''; position: absolute; left: -7px; top: 50%; transform: translateY(-50%); border-radius:50%;}
.nav_menu .left li:hover i{ color:#ca130f;}
.nav_menu .left li:hover{background:#1a4067;}
.nav_menu .right{ width: calc(100% - 550px); padding-top:20px;}
.nav_menu .right dl{width:40%;display: grid;grid-auto-flow: column;grid-template-columns: auto auto;gap: 10px 50px; margin: 0; padding: 0;grid-template-rows: repeat(5, auto);}
.nav_menu .right dl dt{ font-size:16px;}
.nav_menu .right dl dt a{ height: 36px; position:relative; display:inline-flex;}
.nav_menu .right dl dt a i{ color: #fff; margin-left: 25px;}
.nav_menu .right dl dt a:after{ width:0; height: 2px; background: #ca130f; content: ''; position: absolute; left: 0; bottom: 0; transition:.3s ease;}
.nav_menu .right dl dt a:hover:after{width:100%;}
.nav_menu .right dl dt a:hover i{ color:#ca130f;}

.top_contact{ display: flex; align-items: center;height: 44px; font-size: 14px; float: right; line-height: 16px;}
.top_contact .topp{ font-size: 14px; padding: 0 19px; border-left: 1px solid rgba(0,0,0,.3); line-height: 14px;}
.top_contact .topp a{ color: #666;}
.top_contact .topp i{ margin-right: 5px; font-size: 14px; color: #333;}
.top_contact .top_search{ margin-right: 25px; cursor: pointer; font-size: 20px; color: #333;}
.top_contact span{ display: inline-block; margin-right: 15px;}
.top_contact span:first-child{ padding-right: 15px; border-right:1px solid rgba(102,102,102,.3);}
.top_contact span i{ display: inline-block;width: 22px; height: 22px; border-radius: 50%; background: #f2f2f2; color: #3d63ca; line-height: 22px; text-align: center; font-size: 14px; margin-right: 3px;}


.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%; position: absolute;transform: translateY(-50%);}
.sy-ban .txt1 b{ color: #fff; font-family: bbcb; font-size: 50px; line-height: 60px; width: 50%; margin-bottom: 30px; text-transform: uppercase;}
.sy-ban .txt1 p{ font-size: 26px; color: #fff;}
.sy-ban .txt1 .amore{ margin-top: 45px;}
.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-block; line-height: 45px; height: 45px;  font-size: 16px; padding: 0 15px 0 10px; position: relative;color: #333; background: #ca130f; position: relative; color: #fff;}
.amore i.icon-youjiantou1{ margin-left: 25px; transition: .3s ease;}
.amore:after{width: 100%  ;  height: 45px;background: #00529c;clip-path: polygon(0 0, calc(100% - 35px) 0, calc(100% - 50px) 45px, 0 100%); content: ''; position: absolute; left: 0; top: 0;}
.amore.wb{ border-color: #fff; color: #fff;}
.amore.on{ border-color: #ec001a; color: #ec001a;}
.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{background-image: url("../images/btnbg2_08.png"); color: #fff; }
.amore:hover i{ margin-left:30px; }
.amore.wbg:hover{ background: #ec001a; color: #fff;}
.amore.rb:hover{ color: #fff;}


.sy_title{ margin-bottom: 30px;}
.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;}

.f18{ font-size: 18px;}
.swiperall{ position: relative; }
.swiperbtn{width: 50px; height: 50px; line-height: 50px; border: 1px solid #002a56; text-align: center; line-height: 50px; font-size: 22px; top: 50%; transition: .3s ease; font-size: 20px; color: #002a56;}
.swiperall .swiper-button-prev{ left: -95px; }
.swiperall .swiper-button-next{ right: -95px; }
.swiperbtn:hover{ background: #ec001a; border-color: #ec001a; color: #fff;}

.sy_who .who_left{ width: 49%; padding: 80px 0;}
.sy_who .who_left .sy_number{ padding-right: 100px;}
.sy_who .who_left dl{ width: 350px; color: #fff;}
.sy_who .who_left dt{ padding-bottom: 32px; margin-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.5);}
.sy_who .who_left dt b{ font-size: 75px; line-height: 75px; height: 75px; font-family: dinb; color: #ca130f;}
.sy_who .who_left dt p{margin-top: 15px;}
.sy_who .who_left dt .c-flex{ align-items: flex-end;}
.sy_who .who_left dt sub{ margin-left: 25px; font-size: 18px;}
.sy_who .txt{ width: 40%; padding-top: 180px;}
.sy_title b{ font-size: 50px; line-height: 60px; text-transform: uppercase;}
.sy_title{ padding-bottom: 25px; position: relative; margin-bottom: 40px;}
.sy_title:after{ width: 80px; height: 2px; background: #00529c; content: ''; position: absolute; left: 0; bottom: 0;}
.sy_who .txt .amore{margin-top: 65px;}

.brandswiper{ overflow: hidden; text-align: center;}
.sy_brands .left{ width: 28%;}
.sy_brands .brand_box{ width: 65%;}
.brandswiper p{ height: 30px; color: #0053a3; margin-top: 8px;}
.brandswiper .swiper-slide{margin-top: 30px!important}
.brandswiper .swiper-slide .imgfd{ padding-top: 62%;}
.brandswiper{margin-top: -30px;}
.sy_brands .swiperbtn{ position: unset; display: inline-block; margin-right: 20px;}
.swiperbtns{ margin-top: 40px;}

.sy_title.center_title{ text-align: center;}
.sy_title.center_title:after{ left: 50%; transform: translateX(-50%);}
.sy_products dt{ width: 31%; margin-right: auto; position: relative; padding-left: 65px;}
.sy_products dt .ic{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.sy_products dt .ic img{ transition:6s ease; display: block;}
.sy_products dt a{ display: block; width: 100%; line-height: 60px; padding-right: 15px; text-align: right; font-size: 20px; color: #fff; background: #00529c; transition: .3s ease;}
.sy_products dt:last-child{ margin-right: 0;}
.sy_products dt:hover a{background: linear-gradient( to right,#005099,#002a57);}
.sy_products dt i{ font-size: 20px; margin-left: 20px;}
.sy_products dt:hover img{ transform: rotate(720deg);}
.pro_list{margin-top: 60px;}
.pro_list li{ float: left; width: 24%; margin-right: 1.33%; margin-bottom: 30px;}
.pro_list li:nth-child(4n){ margin-right: 0;}
.proli{ border-bottom: 1px solid #dddddd;}
.proli .imgfd{ border: 5px solid #f6f6f6; border-bottom: none; padding-top:calc(100% - 10px);}
.proli .txt{height: 85px; padding: 0 10px; background: #f6f6f6; transition: .3s ease;}
.proli .txt h2{ width: 100%; text-align: center; font-size: 18px; color: #00529c; line-height:30px; max-height: 60px; overflow: hidden;}
.proli:hover .txt{ background: #ca130f;}
.proli:hover .txt h2{ color: #fff;}
.sy_auto { position: relative;}
.sy_auto img{ width: 100%;}
.sy_auto .auto_txt{ width: 60%; left: 20%; position: absolute;text-align: center; top: 50%; transform: translateY(-50%); color: #fff;}
.sy_auto .auto_txt b{ font-size: 48px; line-height: 60px; color: #fff; margin-bottom: 35px;}
.sy_auto .auto_txt p{ font-size: 22px; margin-bottom: 50px;}
.sy_choose{ position: relative;}
.sy_choose b.tit{font-size: 100px; color: #f1f0f0; text-transform: uppercase; position: absolute; top:35px; left:4%;}
.sy_choose .choitem{ float: left; height: 280px; margin-top: 32px; width:30%; margin-right:30px;color:#fff; position:relative;z-index:3;}
.sy_choose .choitem b{ color: #fff; font-size: 36px; line-height: 40px; margin-bottom: 10px;}
.sy_choose .choitem:nth-child(3n+1){ width:calc(70% - 30px);}
.sy_choose .choitem:nth-child(2n){ margin-right:0;}
.sy_choose .choitem a{ display: block; color:#fff; width:100%; height:100%; padding:35px 60px 20px 40px; }
.sy_choose .choitem i{ display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; border: 1px solid #fff; position:absolute; right:20px; bottom:20px; transition:.3s ease;}
.sy_choose .choitem:nth-child(2){background: linear-gradient( to right,#002a56,#00529b);}
.sy_choose .choitem:nth-child(3){background:#ca130f;}
.sy_choose .choitem:hover i{ background:#ca130f; border-color: #ca130f;}

.news_list li{background: #f6f6f6; margin-bottom: 40px; width: 32%; margin-right: 2%; float: left;}
.news_list li:nth-child(3n){ margin-right:0;}
.news_list li .imgfd{ padding-top: 60%;}
.news_list li .txt{ padding: 28px 30px 30px;}
.news_list li .txt h2{ font-size: 24px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 10px;}
.news_list li .txt .des{ font-size: 16px; line-height: 24px; color: #555; height: 48px; overflow: hidden; margin-bottom: 20px;}
.news_list li .txt .c-flex{ font-size: 16px;}
.news_list li .txt p.more{ margin-right: auto; font-weight:bold; color:#00529c;}
.news_list li .txt p.more span{ display: block; line-height: 20px; border-bottom: 1px solid #00529c;}
.news_list li .txt p.more i{ margin-left: 3px;}
.news_list li .txt span.date{ color: #87939e;}
.news_list li:hover .txt h2{ color:#ca130f;}
.news_list li:hover .txt p.more{ color:#ca130f;}
.news_list li:hover .txt p.more span{ border-color:#ca130f;}

.faqmsg{ padding: 80px 0;}
.faqmsg .sy_faq{ width: 43%;}
.faqmsg .sy_faq .list{ overflow-y: auto; height: 370px; padding-right:30px;}
.faqmsg .sy_faq .list::-webkit-scrollbar{ width:4px; border-radius:2px;}
.faqmsg .sy_faq .list::-webkit-scrollbar-track{ background:#ddd;}
.faqmsg .sy_faq .list::-webkit-scrollbar-thumb{ background:#ca130f; border-radius:2px;}
.faqmsg .sy_faq .tit i{ display: block; width: 6px; height: 6px; border-radius: 50%; background: #00529c;}
.faqmsg .sy_faq .tit span{ display: block; width: 12px; height: 12px; position:relative;}
.faqmsg .sy_faq .tit span:after,.faqmsg .sy_faq .tit span:before{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #00529c; content: '';}
.faqmsg .sy_faq .tit span:after{ width:100%; height: 2px;}
.faqmsg .sy_faq .tit span:before{ width:2px; height: 100%;}
.faqmsg .sy_faq .tit h2{ font-size: 22px; margin: 0 auto 0 10px; width: calc(100% - 35px);}
.faqmsg .sy_faq li{ padding-bottom: 20px; border-bottom: 1px solid #a1aeb9; margin-bottom: 23px;}
.faqmsg .sy_faq li.on .tit{margin-bottom: 20px;}
.faqmsg .sy_faq li .ans{ display: none; transition:.3s ease;}
.faqmsg .sy_faq li.on .ans{ display: block;}
.faqmsg .sy_faq li.on .tit span:before{ display:none;}
.faqmsg .sy_msg{ width: 47%; color:#fff;}
.faqmsg .sy_msg b{ font-size: 45px; line-height:50px; color: #fff; margin-bottom:30px;}
.faqmsg .sy_msg .tit{margin-bottom: 30px;}
.faqmsg .sy_msg .formbox input,.faqmsg .sy_msg .formbox textarea{ color: #fff;}
.faqmsg .sy_msg .formbox input::placeholder,.faqmsg .sy_msg .formbox textarea::placeholder{ color:#fff;}


.index_foot{background: #333333;}
.index_foot .flogo{margin-bottom: 26px;}
.index_foot .flogo img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.foot_center{ padding: 65px 0; position: relative;}
.foot_center .b_top{ position: absolute; right: 0; top: 35%; display: inline-block; width: 54px; text-align: center; line-height: 54px;background: #00529c; color: #fff; font-size: 24px; cursor: pointer; transition:.3s ease;}
.foot_center .b_top:hover{ background:#ca130f;}
.f_top .left{ width: 22%;}
.f_top .left b{color: #fff; font-size: 20px;margin: 15px 0 10px;}
.f_top .left p{color: #fff; margin-bottom: 10px;}
.f_top .f_nav{padding-top: 20px; width: 70%;}
.f_top .f_nav li{ margin-left: auto; color: #fff; max-width: 22%;}
.f_top .f_nav b{ font-size:20px; font-family:bbc; color: #fff; text-transform: uppercase; margin-bottom: 25px;}
.f_top .f_nav a{display: block; color: #fff; font-size: 16px; line-height: 20px; margin-bottom: 10px;}
.f_top .f_nav a:hover{ color: #ca130f;}

.f_lx .item{ font-size: 16px; margin-bottom:15px;}
.f_lx .item p{ width: calc(100% - 45px); margin-left: auto; line-height:24px; padding-top:5px;}
.f_lx .item i{ color: #fff; width:35px; background:#ca130f; line-height:35px; border-radius:50%; height:35px; text-align:center; line-height:35px; display:inline-block; font-size:20px;}
.f_lx .item a{ color: #fff; }
.f_lx .item a:hover{ color:#ca130f;}

.copy{ padding: 25px 0; text-align: center; color: #fff; font-size: 16px; background:#111111;}
.copy .follow_list{margin-left: auto;}


@media (max-width: 1700px){
	
}


@media (max-width: 1600px){
	.sy_auto .auto_txt{ width: 78%; left: 11%;}
	.sy-ban .txt1 b{ font-size: 48px; line-height: 55px;}
	.sy_title b{ font-size: 45px; line-height: 52px;}
	
}

@media (max-width: 1541px){
	.sy_who .who_left{ padding: 55px 0;}
	.sy_who .who_left dt b{ font-size: 64px; height: 64px; line-height: 64px;}
	.sy_choose .choitem b{ font-size: 32px; line-height: 36px;}
	.page_top{padding: 0 2%;}
	.head_center{ padding: 0 2%;}

}

@media (max-width: 1281px){
		.index_head .nav{margin-left: 100px;}
	.head_center:after{ width:260px; clip-path:polygon(0 0, 260px 0, 230px 91px, 0 100%)}
	.index_head .nav li{margin-left: 50px;}
	.sy_who .who_left dt{padding-bottom: 25px; margin-bottom: 30px;}
	.sy_title b{ font-size: 36px; line-height: 40px;}
	.sy-ban .txt1 b{ font-size: 42px; line-height: 46px;}
	.sy-ban .txt1 p{ font-size: 20px;}
	.sy_products dt a{ font-size: 18px;}
	.sy_auto .auto_txt b{ font-size: 36px; line-height: 42px;}
	.sy_auto .auto_txt p{ font-size: 20px;}
	.sy_choose b.tit{ font-size: 80px; line-height: 80px; left:0;}
	.sy_choose .choitem b{ font-size: 28px; line-height: 33px;}
	
}

@media (max-width: 1024px){
	.page_top{ display: none;}
	.top_h{ height: 54px;}
	.sy-ban .txt1 b{ width: 70%;}
	.sy_who .who_left .sy_number{ padding-right: 70px;}
	.sy_who .who_left dt b{ font-size: 48px; line-height: 48px; height: 48px;}
	.sy_who .who_left dt p{margin-top: 10px;}
	.sy_who .txt{padding-top: 80px;}
	.brandswiper .swiper-slide{margin-top: 20px!important;}
	.sy_products dt .ic img{ width: 60px;}
	.sy_products dt{padding-left: 45px;}
	.sy_products dt i{ display: none;}
	.sy_products dt a{ line-height: 50px;}
	.proli .txt h2{ font-size: 16px; line-height: 24px; max-height: 48px;}
	.sy_auto .auto_txt b{ font-size: 32px; line-height: 36px;}
	.sy_choose .choitem a{ padding: 25px 30px 20px 30px;}
	.news_list li .txt{ padding: 20px 25px 25px;}
	.news_list li .txt h2{ font-size: 20px;}
	.faqmsg .sy_msg b{ font-size: 32px; line-height: 40px;}
	.faqmsg .sy_faq .tit h2{ font-size: 20px;}
	.right_online{ display: none;}
	.mainh{ height: 60px;}
	.foot_center{ display: none;}
}

@media (max-width: 450px){
.sy-ban .txt1 b{ font-size: 24px; line-height: 30px; width:90%; margin-bottom:0;}
.sy-ban .txt1 p{ font-size: 18px;}
.sy-ban .txt1 .amore{ display: none;}
.sy_who .who_left{ width: 100%; float: none;}
.sy_who .who_left dl{ width: 90%;}
.sy_who .who_left .sy_number{ padding-right: 40px;}
.sy_who .who_left{padding: 35px 0;}
.sy_who .who_left dt{ margin-bottom: 15px; padding-bottom: 20px;}
.sy_who .who_left dt b{ font-size: 40px; line-height: 40px; height: 40px;}
.sy_who .txt{ width: 100%; padding: 35px 0;}
.sy_title{ padding-bottom: 15px; margin-bottom: 25px;}
.sy_title b{ font-size: 28px; line-height: 30px;}
.sy_title:after{ width:60px;}
.f18{ font-size: 16px;}
.sy_who .txt .amore{margin-top: 35px;}
.sy_brands .left{ width: 100%; float: none; margin-bottom: 25px;}
.sy_brands .brand_box{ width: 100%;}
.brandswiper .swiper-slide{ margin-top: 10px!important;}
.brandswiper p{ height: 24px;}
.swiperbtn{ width: 38px; height: 38px; line-height: 38px; font-size:16px;}
.sy_brands .swiperbtn{ margin-right: 10px;}
.sy_products dt{ width: 100%; margin-bottom: 20px;}
.sy_products dt i{ display: inline-block;}
.pro_list{margin-top: 20px;}
.pro_list li{ width: 49%; margin-right: 2%; margin-bottom: 20px;}
.pro_list li:nth-child(2n){ margin-right:0;}
.sy_auto{ display: none;}
.sy_products { padding-bottom: 0;}
.sy_choose b.tit{ font-size: 40px; line-height: 40px; height: 40px;}
.sy_choose .choitem{ width: 100%; float: none; margin-top:25px; height:220px;}
.sy_choose .choitem:nth-child(3n+1){ width:100%;}
.sy_choose .choitem b{ font-size: 22px; line-height: 25px;}
.news_list li{ width: 100%; float: none;}
.news_list li .txt{ padding: 15px 20px 20px;}
.news_list li{ margin-bottom: 25px;}
.mainh{ height: 35px;}
.faqmsg{ display: none;}
.copy{ font-size: 13px;}
}

.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .ban_tit{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.ny_ban .ban_tit b{ color: #fff; max-width: 50%; font-size: 54px; line-height:60px; text-transform:uppercase;}
.posi{padding: 20px 0; font-size:16px; }
.posi i{ color: #003d74; margin-right: 6px;}

.ab_item{margin-top: 45px;}
.ab_item .imgfdd{ width: 50%;}
.ab_item .txt{ width: 45%; padding-top: 30px;}
.ny_tit{ position: relative; padding-bottom: 30px; margin-bottom: 40px; }
.ny_tit b{ font-size: 36px;}
.ny_tit:after{ width:60px; height: 2px; background: #00529c; content: ''; left: 0; bottom: 0; position: absolute;}
.ny_tit.align_center{ text-align: center; }
.ny_tit.align_center:after{ left:50%; transform: translateX(-50%);}

.ab_factory dt{ width: 33.33%; float: left; position:relative;}
.ab_factory dt .imgfd{ padding-top: 66.67%;}
.ab_factory dt .txt{ width: calc(100% - 60px); height: calc(100% - 60px); left: 30px; top: 30px; position: absolute; text-align: center; background: rgba(0,42,86,.9); color:#fff; padding:0 50px; opacity:0; transition:.3s ease;}
.ab_factory dt .txt h2{ font-size: 20px; color: #fff; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 20px;}
.ab_factory dt:hover .txt{ opacity:1;}


.certswiper{ overflow: hidden; padding-bottom: 70px;}
.certswiper .swipercontrol{ padding: 0 110px; position: absolute; width: 100%; left: 0; bottom: 0;}
.certswiper .swiperbtn{ position: unset; margin-top: 0; margin-left: 15px;}
.certswiper .swiper-pagination{ position: unset; width: calc(100% - 130px); margin-right: auto; z-index: 2; height:3px;}
.certswiper .swiper-pagination .swiper-pagination-progressbar-fill{ background: #ca130f; border-radius:2px;}
.item_top .ny_tit{ margin-right: auto; margin-bottom:0;}
.item_top .cert_nav li{ margin-right:45px; font-size:20px; line-height:50px; position:relative;}
.item_top .cert_nav li:after{ position:absolute; left: 0; bottom: 0; content: ''; background: #ca130f; width: 0; height: 2px; transition:.3s ease; }
.item_top .cert_nav li.active:after{ width:100%;}
.item_top .cert_nav li.active{ color: #ca130f;}
.certswiper .imgfd{ padding-top: 142%;}
.certswiper .swiper-slide{ border: 30px solid #f6f6f6;}

.com_msg{ padding: 65px 65px 65px 100px;}
.com_msg .left{ width: 35%; margin-right: auto;}
.com_msg .left b{ font-size: 50px; line-height: 64px; color: #fff;}
.com_msg .right{ width: 55%; background: rgba(255,255,255,.96); padding: 35px;}
.com_msg .right p{ font-size: 16px; line-height: 24px; margin-bottom: 25px;}
.botmsg .formbox.fl{ width: 49%; margin-right:2%;}
.botmsg .formbox.fl:nth-child(2n){ margin-right:0;}
.botmsg .formbox{ margin-bottom: 25px; padding-bottom: 15px; border-bottom:1px solid #dddddd; }
.botmsg .formbox input,.botmsg .formbox textarea{ line-height: 30px; width: 100%; color:#777; font-size:16px; font-family:bbc; background:none;}
.botmsg .sub{ font-size: 18px; text-transform: uppercase; padding-left:28px; cursor:pointer;}
.botmsg .sub i{ margin-left: 36px;}
.botmsg .sub:hover i{ margin-left:40px;}
@media (max-width: 1541px){
    .ny_ban .ban_tit b{ font-size: 48px; line-height: 50px;}
    
}
@media (max-width: 1281px){
    .ny_tit{ padding-bottom: 20px; margin-bottom: 30px;}
    .ab_item .txt{padding-top: 20px;}
    .ab_factory dt .txt{padding: 0 35px;}
    .ab_factory dt .txt h2{margin-bottom: 10px;}
    .com_msg{padding: 50px 50px 50px 80px;}
    .com_msg .left b{ font-size: 44px; line-height: 54px;}
    .ny_ban .ban_tit b{ font-size: 40px; line-height:45px;}
}
@media (max-width: 1024px){
    .ab_item .imgfdd{ width: 100%; float: none;}
    .ab_item .txt{ width: 100%; float: none; padding-top:35px;}
    .ab_factory dt{ width: 50%;}
    .ny_ban .ban_tit b{ font-size: 36px; line-height:40px;}
    .ny_tit b{ font-size: 30px;}
    
}
@media (max-width: 450px){
    .ny_ban .ban_tit b{ font-size: 24px; line-height:30px; max-width:80%;}
    .ny_ban img{ height: 130px; object-fit: cover; }
    .posi{padding: 15px 0; font-size:14px;}
    .ab_item{margin-top: 30px;}
    .ab_item .txt{padding-top: 25px;}
    .ny_tit b{ font-size: 24px;}
    .ny_tit{padding-bottom: 15px; margin-bottom: 20px;}
    .ny_tit:after{ width:40px;}
    .ab_factory dt .txt{opacity: 1;}
    .ab_factory dt{ width: 100%;}
    .item_top { display: block;}
    .item_top .cert_nav{margin-top: 25px;}
    .item_top .cert_nav li{margin: 0 auto;}
    .item_top{ margin-bottom: 20px;}
    .certswiper .swiper-slide{ border-width: 10px;}
    .certswiper .swiper-pagination{ display: none;}
    .certswiper{ padding-bottom: 50px;}
    .com_msg{ padding: 20px 20px 30px 20px; display:block;}
    .com_msg .left{ width: 100%;}
    .com_msg .left b{ font-size: 28px; line-height: 35px; margin-bottom:20px;}
    .com_msg .right{ width: 100%; padding:20px;}
    .botmsg .formbox.fl{ width: 100%;}
    .botmsg .formbox{margin-bottom: 15px; padding-bottom:10px;}
    .amore{ line-height: 40px; height: 40px;}
    .amore:after{ height:40px; clip-path: polygon(0 0, calc(100% - 35px) 0, calc(100% - 50px) 40px, 0 100%);}
}
.ny_main{ padding: 40px 0;}
.main_left{ width: 280px;}
.main_right{ width: calc(100% - 340px);}
.left_nav .tit{background: #00529c; line-height: 60px; padding: 0 20px 0 45px; position:relative;}
.left_nav .tit h2{ font-size: 22px; color: #fff; margin-right: auto;}
.left_nav .tit:after{ background:#ca130f; content: ''; position: absolute; left: 0; top: 0;  width: 31px; height: 60px; clip-path: polygon(0 0, 31px 0, 12px 60px, 0 100%);}
.left_nav a{ display: block; padding: 0 20px 0 18px; background:#002a56; transition:.3s ease; color:#fff; line-height:50px;}
.left_nav a:hover,.left_nav a.act{ background:#ca130f;}
.left_nav{margin-bottom: 30px;}
.left_nav i{ margin-right: 3px;}

.left_lx{ padding: 35px 25px; color: #fff;}
.left_lx h2{ font-size: 22px; color: #fff; margin-bottom:24px;}
.left_lx .item{ font-size: 16px; margin-bottom:25px;}
.left_lx .item p{ width: calc(100% - 30px); margin-left: auto; line-height:24px;}
.left_lx .item i{ color: #ca130f; line-height:24px; display:inline-block; font-size:20px;}
.left_lx .item a{ color: #fff; }
.left_lx .item a:hover{ color:#ca130f;}
.left_lx a.btn{ display: block; text-align: center; border: 1px solid #ca130f; color: #ca130f; font-family:bbc; font-weight:bold; line-height:40px; transition:.3s ease;}
.left_lx a.btn:hover{ background:#ca130f; color: #fff;}

.col_des b{ font-size: 36px; text-align: center; margin-bottom: 25px;}
.col_des{ margin-bottom: 40px;}
.brand_list li{ float: left; width: 17%; margin-right: 3.75%; margin-bottom: 50px; background:#f0f3f6; padding:28px 25px 25px; text-align:center;}
.brand_list li:nth-child(5n){ margin-right:0;}
.brand_list li .imgfd{ padding-top: 62%;}
.brand_list li p{ color:#0053a3; font-size: 16px; margin-top: 10px; line-height: 24px; height: 24px;}
@media (max-width: 1024px){
   .main_left{display:none;} 
   .main_right{ width: 100%; float: none;}
   .col_des b{ font-size: 30px;}
   
    
}
@media (max-width: 450px){
    
    .brand_list li{ width: 32%; margin-right: 2%; margin-bottom: 15px;}
   .brand_list li:nth-child(5n){ margin-right:2%;}
   .brand_list li:nth-child(3n){ margin-right:0;}
   .brand_list li{padding: 15px 10px 10px;}
   .brand_list li p{ font-size: 13px; line-height: 20px;}
   .ny_main{ padding: 25px 0 30px;}
   .col_des b{ font-size: 24px; margin-bottom: 15px;}
   .col_des{margin-bottom: 20px;}
}
.ny_pro li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 30px;}
.ny_pro li:nth-child(3n){ margin-right:0;}
@media (max-width: 450px){
    .ny_pro li{ width: 49%; margin-bottom:20px;}
    .ny_pro li:nth-child(3n){ margin-right:2%;}
    .ny_pro li:nth-child(2n){ margin-right:0;}
}
.showposi{ padding: 22px 0; background: #f0f3f6; font-size:16px;}
.showposi i{ color: #002a56; margin-right: 3px;}
.show_top{ padding: 50px 0 70px;}
.show_top .showpic{ width: 43%; margin-right: auto;}
.show_top .showpic .imgfd{padding-top: 100%;}
.show_top .showtxt{ width: 52%;}
.bigswiper{ overflow: hidden; border:1px solid #ddd; margin-bottom:25px;}
.smswiper{ overflow:hidden;}
.smswiper li{ border: 1px solid #fff;}
.smswiper .swiper-slide-thumb-active{ border-color: #0053a3;}
.show_top .showtxt h1{ font-size: 36px; font-family: bbcb;}
.show_top .showtxt .pro_ys{ padding: 25px 0; border-bottom: 1px solid #e7e7e7;}
.show_top .showtxt .pro_ys dt{ width:40%; margin:5px 0; color:#002a56; font-size:16px; line-height:20px;}
.show_top .showtxt .pro_ys dt p{ line-height: 20px;}
.show_top .showtxt .pro_ys dt img{ padding-top: 3px; margin-right: 5px;}
.show_top .showtxt .pro_info{ padding-top: 30px;}
.show_top .showtxt .pro_info .inftit{ display: block; color: #00529c; display: block; font-size:20px; margin-bottom: 15px;}
.show_top .showtxt .info_des p{ font-size: 16px; line-height:20px; width:calc(100% - 240px);}
.show_top .showtxt .info_des dt{ display: flex; align-items: flex-start; flex-wrap:wrap; margin-bottom:15px;}
.show_top .showtxt .info_des dt span{ display: block; width:240px; line-height:20px;}
.show_top .showtxt .btns{ margin-top:65px;}
.show_top .showtxt .probtn{ display: block; line-height: 40px; width: 210px; text-align: center; color: #fff; background: #00529c; font-weight: bold; transition:.3s ease; margin-right:50px;}
.show_top .showtxt .probtn:hover{ background:#ca130f;}

.det_nav{ position: sticky; top: 90px;z-index:5;}
.det_nav .hd{ border-bottom:3px solid #f2f2f2; background:#fff;}
.det_nav .hd a{ padding:0 10px; margin:0 auto; line-height:45px;font-size:20px;}
.det_nav .hd a.cur{ background: #ec001a; color: #fff;}
.det_show .bd_item{ padding-top: 70px;}
.det_tit { text-align: center; padding-bottom:26px; position:relative; margin-bottom:30px;}
.det_tit b{ font-weight: bold; font-size: 36px;}
.det_tit:after{ position:absolute; bottom:0; width: 60px; height: 2px; background: #00529c; content: ''; left: 50%; transform: translateX(-50%);}
.spec_show{ padding: 0 10%;}
.spec_show table{ width: 100%; background:#fff;}
.spec_show table td{ border-color: #e7e7e7; padding: 10px 19px;}
.spec_show table tr:first-child{ background:#f0f3f6;}
.pro_veh,.pro_spec{ padding: 70px 0; background:#f6f6f6; margin-top:75px;}
.det_veh dt{ float: left; width: 19%; margin-right: 1.25%; margin-bottom: 20px; background: #fff; text-align: center; padding-bottom:10px;}
.det_veh dt:nth-child(5n){ margin-right:0;}
.det_veh dt .imgfd{ padding-top: 61.8%; margin-bottom:10px;}
.det_veh dt p{ font-size: 16px; line-height: 24px; height: 48px; color:#0053a3;}

.det_down dt{ width:23%; margin-right:auto; background: url(../images/downbg_03.jpg) no-repeat center; background-size: cover; padding:27px 30px 60px;}
.det_down dt h2{ font-size: 20px; color: #00529c; margin-bottom: 10px; line-height:30px; height:30px;}
.det_down dt:last-child{ margin-right:0;}
.det_down dt a{ display: block; margin-top: 18px; width: 120px; line-height: 35px; background: #00529c; color: #fff; text-align:center; font-size:16px; transition:.3s ease;}
.det_down dt a i{ display: inline-block; transform: rotate(180deg); margin-left: 10px;}
.det_down dt a:hover{ background:#ca130f;}

.relswiper{ overflow: hidden;}
.pro_rel .swiperbtn{ position: unset; display: inline-block; margin-right: 20px;}
.pro_rel .swiperbtns{ text-align: center;}


@media (max-width: 1281px){
    .det_nav .hd a{ font-size: 18px;}
    .show_top .showtxt h1{ font-size: 32px;}
    .show_top .showtxt .probtn{margin-top: 40px;}
    .det_tit b{ font-size: 32px;}
    .det_tit{ padding-bottom: 20px;}
    .det_down dt h2{ height: 60px;}
}
@media (max-width: 1024px){
    .show_top{ padding: 35px 0 40px;}
    .bigswiper{ margin-bottom: 15px;}
    .show_top { display: block;}
    .show_top .showpic{ width: 100%; margin-bottom: 30px;}
    .show_top .showtxt{ width: 100%;}
    .det_nav{ top: 54px;}
    .det_show .bd_item{ padding-top:50px;}
    .pro_veh{ padding: 50px 0; margin-top:45px;}
    .det_down dt{ padding: 20px 20px 30px;}
    .det_down dt h2{ font-size: 18px;}
    .spec_show{ padding: 0 5%;}
}
@media (max-width: 450px){
    .showposi{padding: 15px 0; font-size:14px;}
    .show_top .showtxt h1{ font-size: 26px;}
    .show_top .showtxt .pro_ys dt{ width: 48%;}
    .show_top .showtxt .pro_ys{ padding: 18px 0;}
    .show_top .showtxt .info_des dt span{ width: 120px; font-size:13px;}
    .show_top .showtxt .info_des p{ width: calc(100% - 130px); font-size:14px;}
    .show_top .showtxt .probtn{ width: 170px; margin-top: 25px;}
    .det_nav{ display: none;}
    .show_top{padding: 25px 0 0;}
    .det_tit b{ font-size: 24px;}
    .det_tit{ padding-bottom: 15px; margin-bottom: 25px;}
    .det_tit:after{ width:40px;}
    .spec_show{ padding: 0;}
    .det_show .bd_item{ padding-top: 35px;}
    .pro_veh{ padding: 35px 0; margin-top: 30px;}
    .det_veh dt{ width: 32%; margin-right: 2%;}
    .det_veh dt:nth-child(5n){ margin-right:2%;}
    .det_veh dt:nth-child(3n){ margin-right:0;}
    .det_veh dt p{ font-size: 14px; line-height:20px; height:40px;}
    .det_down dt{ width: 49%; margin-right: 2%; margin-bottom:15px;}
    .det_down dt:nth-child(2n){ margin-right:0;}
}
.news_main{ padding: 35px 0 90px;}


.news_show h1{ font-family: bbcb; font-size: 36px;}
.news_show .news_info{ padding: 28px 0 35px; border-bottom: 1px solid #a4b1bb; color: #0053a3; font-size:16px;}
.news_show .news_info .by{margin: 0 auto;}
.news_show .news_info .by span{ color: #ca130f;}
.news_show .news_info .share span{ color: #0053a3; margin-right: 5px;}
.det_box{ padding: 35px 0; overflow: hidden;}
.det_box img{ max-width: 100%!important;}

.page_btn a{ width: 45%; display:block;}
.page_btn a p{ font-family: bbcb; margin-bottom:5px;}
.page_btn a.prev{ margin-right: auto;}

.page_btn a span{ display:block; color:#0053a3;}
.page_btn a.prev span{ margin-left: auto; line-height:24px; max-height:48px; overflow:hidden;}
.page_btn a.next span{ margin-right: auto;}
.page_btn a.next{ text-align: right;}
.page_btn a:hover span{ color:#ca130f;}
@media (max-width: 450px){
    .news_show h1{ font-size: 26px;}
    .news_show .news_info{ padding: 20px 0 25px;}
    .det_box{ padding: 30px 0;}
    .page_btn { display: block;}
    .page_btn a{ width: 100%;}
    .page_btn a.next{ text-align: left; margin-top: 20px;}
}
.lx_main{ padding: 40px 0 100px;}
.lx_left{ width: 32%;}
.lx_right{ width: 58%; background: #fff; box-shadow: 0 0 12px rgba(0,0,0,.15); padding:45px 35px 60px;}
.lx_right .tit{margin-bottom: 35px;}
.lx_left .item i{ display: inline-block; width: 35px; height: 35px; background: #ca130f; border-radius: 50%; color: #fff; line-height: 36px; text-align: center; font-size: 20px;}
.lx_left .item p{ font-weight: bold; width: calc(100% - 50px); margin-left: auto; padding-top:5px;}
.lx_left .item{margin-bottom: 40px;}
.lx_left .item p a:hover{ color:#ca130f;}
.lx_right .tit b{ font-size: 36px;}
.lx_right .tit p{ font-size: 16px;}

.lx_right .formbox.fl{ width: 49%; margin-right: 2%; }
.lx_right .formbox{ margin-bottom: 40px; padding: 15px 0; border-bottom:1px solid #dddddd;}
.lx_right .formbox.fl:nth-child(2n){ margin-right:0;}
.lx_right .formbox i{ color: #00529c; font-size:18px;}
.lx_right .formbox input,.lx_right .formbox textarea{ width: calc(100% - 30px); margin-left: auto; font-family:bbc; font-size:16px;}
.lx_right .sub{ font-size: 18px; text-transform: uppercase; padding-left:28px; cursor:pointer;}
.lx_right .sub i{ margin-left: 36px;}
.lx_right .sub:hover i{ margin-left:40px;}

@media (max-width: 450px){
    .lx_left{ width: 100%; float: none;}
    .lx_right{ width: 100%; float: none; padding:25px 20px 30px;}
    .lx_left .item{ margin-bottom: 25px;}
    .lx_main{ padding: 25px 0 40px;}
    .lx_right .tit b{ font-size: 26px; margin-bottom:10px;}
    .lx_right .formbox.fl{ width: 100%; float: none;}
    .lx_right .formbox{ margin-bottom: 15px;}
    .lx_right .tit{ margin-bottom: 15px;}
}