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

#header{z-index: 999;}
#header.scroll{background: #fff;box-shadow: 0 0 10px 0 rgba(159,159,159,.4);}
#header #cd-logo img.wap,#header.scroll #cd-logo img.com{display: none;}
#header.scroll #cd-logo img.wap{display: block;}
#header.scroll li a{color: #333;}
#header #cd-top-nav li{font-size: 16px;margin-right: 40px;position: relative;text-transform: uppercase;}
#header #cd-top-nav li:last-child{margin-right: 0;}
#header #cd-top-nav li #line{width: 0px;height: 2px;background-color: #1f9ad7;margin: 0 auto;position: absolute;bottom: 0;left: 0px;right: 0px;transition: width 0.2s linear;}
#header #cd-top-nav li .tarA.act #line,#header #cd-top-nav li:hover #line{width: 100%;}
#header.scroll #cd-top-nav li #line{background-color: #333;}#header #cd-top-nav li #line{background-color: #fff;}
#header #cd-top-nav li .drow{position: absolute;top: 85px;background: #fff;display: none;min-width: 140px;max-width: 300px;padding: 20px 0;border-radius: 5px;transform: translateX(-50%);left: 50%;border: 1px solid #eee;}
#header #cd-top-nav li .drow a{line-height: normal;color: #666;padding: 12px 20px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform: inherit;font-size: 14px;text-transform: capitalize; line-height:24px; font-family:orbm; color:#222;}
#header #cd-top-nav li:hover .drow{display: block;}
#header #cd-top-nav li .drow a:hover{ color:#c80000;}
#header #cd-top-nav li .tarA{display: flex;}

#header #cd-top-nav li .tarA span{font-size: 14px;font-weight: bold; color:#c80000; margin-left:5px;}
#header #cd-top-nav li .a1{font-size: 14px;display: flex; font-family: "orbb";}
#header #cd-top-nav li .tarA.act .a1{ color: #c80000;}
.search-head .subNav span{font-size: 18px;}
#header .listpf{display: flex;flex-flow: row wrap;justify-content: space-between;}
#header.scroll .search-head .subNav,#header.scroll .language{color: #333;}
#header.scroll .language::after,#header.scroll .language::before{background: #333;}
.search-head{margin-left: 50px; margin-top: 16px;}
#header.scroll .follow svg{fill:#333;}
.navContent{ width: 240px; padding: 9px 19px; border-radius: 19px; background: #fff; border:1px solid #fff;}
.navContent input{ height: 20px; line-height: 20px; font-size: 13px;}
.navContent input.sub{ width: 20px; background: url(../images/search_06.png) no-repeat center center;}
.navContent input.inp{ width: calc(100% - 25px);}
#header.scroll .navContent{ border-color: #ddd;}
.top_right .lang{ margin-right: 20px; position: relative;}
.top_right .lang p{ line-height: 30px; padding: 0 15px; border-radius: 15px; background: #c80000; color: #fff; cursor: pointer}
.top_right .lang p span{ margin: 0 10px;}
.top_right .lang .lang_list{ background: #fff; padding: 15px; border-radius: 8px; position: absolute; top: 30px; left: 0; line-height: 32px; display: none; font-size:14px;}
.top_search{ padding-right: 15px; margin-right: 15px; position: relative;}
.top_search:after{ position:absolute; height:16px; width: 1px; background: #fff; content: ''; right: 0; top: 50%; transform: translateY(-50%);}
.top_search i{ font-size: 22px; color:#fff; cursor:pointer;}
#header.scroll .top_search i{ color: #222;}
#header.scroll .top_search:after{ background:#666;}
.top_right .lang:hover .lang_list{ display: block;}
.top_right .lang .lang_list a:hover{ color: #009ab1;}
.search_box{ width: 100%; position: fixed; left: 0; top: 85px; background: #fff;z-index:3; padding:40px 0; display:none;}
.search_box form{ width: 100%; border: 2px solid #c80000;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form input.search_sub{ width: 150px; background: #c80000 url(../images/ss.png) no-repeat center; text-align: center; color: #fff; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}
.cd-main-content{padding-bottom: 0;}
.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban .txt1{ position: absolute; top: 30%; left: 0; width: 100%; color: #fff;}
.sy-ban .txt1 h3{ font-family: orbb; font-size: 54px; line-height: 72px; color: #fff; width: 70%;}
.sy-ban .txt1 h3 span{ color: #c80000;}
.sy-ban .ban_control{ position: absolute; width: 100%; background: #fff; left: 0; padding-left: 8%; bottom: 100px; top: auto;}
.sy-ban .ban_control .swiper-pagination{ background: rgba(255,255,255,.4); width: 150px; margin: 0 10px; position: unset;}
.swiper-button-prev:after,.swiper-button-next:after{ display: none;}
.sy-ban .ban_control .swiper-button-prev,.sy-ban .ban_control .swiper-button-next{ position: unset; margin-top: 0; color: #fff;}
.sy-ban .ban_control .swiper-button-prev i,.sy-ban .ban_control .swiper-button-next i{ font-size: 20px;}
:root{--swiper-theme-color: #fff;}
.sy-ban .swiper-pagination-bullet{ width: 26px; height: 26px; position: relative; opacity:1; border-radius:50%;}
.sy-ban .swiper-pagination-bullet:after{ position:absolute; width: 6px; height: 6px; border-radius: 50%; background: #333333; left: 50%; top: 50%; transform: translate(-50%,-50%);}


.contact_list{ position:fixed; top:40%; right:30px; z-index:99; height:210px; border-radius:35px;overflow:hidden;}
.contact_list a{ display:block; width:60px; height:60px; overflow:hidden; background:#c80000 url(../images/ric_02.png) no-repeat center 0; cursor:pointer; border-radius:30px; margin-bottom:10px; background-size:60px; background-position:center -60px;}
.contact_list a:nth-child(2){ background-position:center -120px;}
.contact_list a:nth-child(3){ background-position:center -240px;}
.contact_list a:nth-child(4){ background-position:center -240px;}
.contact_list a:hover{ background:#081c36 url(../images/ric_02.png) no-repeat center 0; background-size:60px; background-position:center -60px;}
.contact_list a:nth-child(2):hover{ background-position:center -120px;}
.contact_list a:nth-child(3):hover{ background-position:center -240px;}
.contact_list a:nth-child(0):hover{ background-position:center -240px;}
.shopcart{ position:relative;}
.addnum{ position:absolute; right:12px; top:14px; display:inline-block; height: 16px; width: 16px; font-size: 10px; border-radius: 8px; background: #ff0000; line-height: 16px; color: #fff; text-align: center;}
.bottom-feed{position: fixed;z-index: 99;right: 0;bottom: 0;}
.bottom-feed .subNavBox{position: relative;padding-top: 50px;}
.bottom-feed .subNavBox .bnavContent{position: absolute;bottom: 60px;left: 0;}
.bottom-feed .subNavBox i{width: 18px;height: 7px;background: url(../images/rtic8.png) no-repeat center;margin-top: 26.5px;}
.bottom-feed .currentDt i{background: url(../images/rtic9.png) no-repeat center;}
.bottom-feed span i{display: block; height: 60px; width: 18px;background: url(../images/rtic06.png) no-repeat center; transition: all 0.3s ease-out; transform: rotate(0deg);float: right;margin-right: 10px;overflow: hidden;}
.bottom-feed span{display: block;width: 280px;height: 60px;background: #c80000;border-top-left-radius: 500px;border-bottom-left-radius: 500px;cursor: pointer;}
.bottom-feed span b{display: inline-block;width: 50px;height: 50px;border-radius: 500px;margin-top: 5px;margin-left: 5px;float: left;background: #fff;overflow: hidden;}
.bottom-feed span p{font-size: 14px;color: #fff;float: left;line-height: 20px;margin-left: 10px;margin-top: 10px;width: 180px;height: 40px;display: block;overflow: hidden;}
.bottom-feed span:hover p,.bottom-feed .feed .sub:hover{font-style: italic;}
.bottom-feed .feed{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);width: 280px;padding: 10px 0;display: block; border-radius:10px;}
.bottom-feed .feed input{width: 90%;margin: 0 5%;border: 1px solid #eee;height: 40px;line-height: 40px;font-size: 12px;text-indent: 10px;margin-bottom: 10px;}
.bottom-feed .feed textarea{width: 90%;margin: 0 5%;border: 1px solid #eee;height: 80px;text-indent: 10px;font-size: 12px;padding: 5px 0;}
.bottom-feed .feed input:hover,.bottom-feed .feed textarea:hover{border: 1px solid #c80000}
.bottom-feed .feed .sub{background: #c80000;color: #fff;cursor: pointer;margin-bottom: 0;margin-top: 5px;border: none;border-radius: 500px;}
.bnavContent{display: none;}
.bottom-feed span b img{transform: translateY(-200px);filter: drop-shadow(#c80000 0 200px);}

.swiperall{ position: relative;}
.swiperall .swiper-button-prev,.swiperall .swiper-button-next{ bottom: 48%; height: 42px; width: 42px; text-align: center; line-height: 42px; border-radius: 50%; background: #333333; color: #fff; font-size: 20px;}
.swiperall .swiper-button-prev:hover,.swiperall .swiper-button-next:hover{ background: #009ab1;}
.sy_item_tit h3{ font-size: 40px; font-family: orbb;}
.sy_item_tit p{ font-size: 18px; font-family: ralm; color: #333; line-height: 36px; margin-top: 15px;}
.sy_item_tit{ margin-bottom: 30px; text-align: center;}

.rbot{ position: absolute; z-index: 2; right: 0; bottom: -1px; width: 100%;  height: 150px; background-size: cover;}
.lefttop{ position: absolute; z-index: 2; left: 0; top: -1px; width: 100%;  height: 150px; background-size: cover;}
.rbot.white{ background: url(../images/rb.png) no-repeat center;}
.rbot.gray{background: url(../images/rbg.png) no-repeat center;}
.lefttop.white{ background: url(../images/lt.png) no-repeat center;}
.lefttop.gray{ background: url(../images/ltg.png) no-repeat center;}
.sy_product .sy_item_tit{ width: 70%; margin: 0 auto 30px;}

.procol_list ul li{ width: 49.5%; float: left; margin-right: 1%; margin-bottom: 20px; position: relative;}
.procol_list ul li:nth-child(2n){ margin-right: 0;}
.procol_list ul li .imgfd{ padding-top: 60%;}
.procol_list ul li .txt{ position: absolute; width: 55%; padding: 50px 45px 0; left: 0; top: 0;}
.procol_list ul li .txt h2{ font-family: orbm; font-size: 32px; line-height: 48px; height: 240px; margin-bottom: 40px;}
.procol_list ul li .txt span.more{ font-family: orbb; font-size: 14px;}
.procol_list ul li .txt span.more i{ margin-right: 5px;}
.procol_list ul li:hover h2{ color: #c80000;}
.padd50{ padding: 50px 0;}
.top165{ padding-top: 165px;}
.sy_solution{ background: #081c36; position: relative; padding-bottom: 60px;}
.sy_solution .sy_item_tit h3{ color: #fff;}
.sy_solution .sol_nav{ width: 42%; color: #fff; padding-top: 50px;}
.sy_solution .solpic{ width: 52%;}
.sy_solution .sol_nav h2{ font-size: 40px; font-family: orbb; margin-bottom: 20px; color: #fff;}
.sy_solution .sol_nav a{ color: #fff;}
.sy_solution .sol_nav li{ padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,.4); transition: .2s ease;}
.sy_solution .sol_nav li.active{ padding-left: 36px; background: url(../images/jt_03.png) no-repeat left 30px;}
.sy_solution .sol_nav li .txt{ height: 0; overflow: hidden;transition: .2s ease;}
.sy_solution .sol_nav li p{ max-height: 120px; overflow: hidden; margin-bottom: 30px;}
.sy_solution .sol_nav li span.more{ display: block; margin-bottom: 40px; font-family: orbb; font-size: 14px;}
.sy_solution .sol_nav li span.more i{ margin-right: 5px;}
.sy_solution .sol_nav li.active .txt{ height: auto;}
.sy_who{ padding: 65px 0 165px; position: relative;}
.sy_who .certbox{ width: 47%; margin-right: auto;}
.sy_who .who_box{ align-items: flex-end;}
.sy_who .certbox dt{ margin: 0 auto;}
.sy_who .who_txt{ width: 47%; color: #fff;}
.sy_who .who_txt .des{ max-height: 288px; overflow: hidden;}
.sy_who .who_txt .sy_item_tit{ text-align: left;}
.sy_who .who_txt p{ font-size: 18px; line-height: 36px; font-family: ralm;}
.sy_who .who_txt .sy_item_tit h3{ color: #fff;}
.sy_who .who_txt a.more{ display: inline-block; line-height: 45px; border-radius: 26px; padding: 0 25px; background: #081c36; color: #fff; font-size: 14px; margin: 90px 0 30px; transition: .2s ease;}
.sy_who .who_txt a.more i{ margin-left: 5px;}
.sy_who .who_txt a.more:hover{ background: #c80000;}

.sy_choose .imgfdd{ width: 50%;}
.sy_choose .txt{ width: 45%;}
.sy_choose .txt .sy_item_tit{ text-align: left;}
.sy_choose .txt .des p{ line-height: 36px; font-size: 18px; font-family: ralm; color: #222;}
.sy_choose .txt .cho_ul{ margin-top: 40px;}
.sy_choose .txt .cho_ul li{ padding-bottom: 20px; position: relative; margin-bottom: 25px; color: #222;}
.sy_choose .txt .cho_ul li:before,.sy_choose .txt .cho_ul li:after{ position: absolute; width: 100%; height: 5px; content: ''; background: #e3e3e3; left: 0; bottom: 0; z-index: 1;}
.sy_choose .txt .cho_ul li:after{ z-index: 2; background: linear-gradient( to right,rgba(200,0,0,1),rgba(8,28,54,1)); }
.sy_choose .txt .cho_ul li:first-child:after{ width: 95%;}
.sy_choose .txt .cho_ul li:nth-child(2):after{ width: 94%;}
.sy_choose .txt .cho_ul li:nth-child(3):after{ width: 98%;}
.dtop{ padding-top: 70px;}

.newsswiper{position: relative;}
.newsswiper .swiper-slide{ width: 350px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.newsswiper .swiper-slide a{ display: block; padding: 25px 20px;}
.newsswiper .swiper-slide span{ display: block;}
.newsswiper .swiper-slide span.date{ font-family: ralm; font-size: 14px; text-align: right;}
.newsswiper .swiper-slide h2{ font-family: ralsb; font-size: 18px; line-height: 28px; height: 84px; overflow: hidden; margin: 20px 0 40px; color: #222;}
.newsswiper .swiper-slide .imgfd{ padding-top: 66.6%;}
.newsswiper .swiper-slide span.more{ font-family: orbb; font-size: 14px; color: #222; margin-top: 20px;}
.newsswiper .swiper-slide span.more i{ margin-right: 5px;}
.sy_news_box{ position: relative; padding-bottom: 50px;}
.sy_news_box .swiperbtn{ width: 70px; line-height: 100px; text-align: center; font-size: 36px; background: rgba(255,255,255,.8); height: 100px; bottom: 50%; transform: translateY(50%);}
.sy_news_box .swiper-button-prev{ left: 0;}
.sy_news_box .swiper-button-next{ right: 0;}
.sy_news_box .swiperbtn:hover{background: #c80000; color: #fff;}
.newsswiper .swiper-slide:hover h2,.newsswiper .swiper-slide:hover span.more{ color: #c80000;}
.sy_news_box .swiper-pagination-bullet{ background: #081c36; opacity: 1;}
.sy_news_box .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; border: 2px solid #081c36;}
.swiper-pagination-bullet:focus{ outline: none;}

.btn_box{margin-top: 30px; text-align: center;}
.foot_top{ padding-top: 165px; position: relative;}
.foot_top .ny_center{ align-items: flex-start; color: #fff;}
.foot_top .ny_center .icon{ width: 20%; text-align: center;}
.foot_top .ny_center .txt{ width: 75%; margin-left: auto;}
.foot_top .ny_center .txt h2{ font-size: 40px; font-family: orbb; color: #fff;}
.index_foot{ background: #081c36;}
.foot_top .ny_center .txt p{ font-family: ralm; font-size: 18px; line-height: 36px; margin: 20px 0 35px;}

.foot_bot .c-flex{ align-items: flex-start;}
.foot_bot .box{ width: 20%; color: #fff;}
.foot_bot .box .foot_logo{ margin-bottom: 20px;}
.foot_bot .box .follow_list{ margin-top: 20px;}
.foot_bot .box .follow_list a{ background: none;}
.foot_bot li b,.foot_bot li a{ display: block; color: #fff; font-size: 14px;}
.foot_bot li b{font-size: 16px; font-family: orbm; margin-bottom: 25px;}
.foot_bot li a{ line-height: 20px; margin-bottom: 10px;}
.foot_bot .foot_nav{ width: 75%; margin-left: auto; padding-top: 30px;}
.foot_bot li{ margin-left: auto;}
.foot_bot li.f_contact{ width: 30%;}	
.foot_bot li p{ color: #fff; font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.foot_bot li p a{ display: inline-block;}	
.copy{ text-align: center; padding: 35px 0; font-size: 14px; color: #fff;}
	

@media (max-width: 1550px){
	.navContent{ width: 180px;}

}


@media (max-width: 1281px){
#header #cd-top-nav li{ margin-right: 25px;}
	.top_right .lang p span{ font-size: 14px; margin:0 5px;}
	.sy-ban .txt1 h3{font-size: 44px; line-height: 65px;}
	.sy_item_tit h3{ font-size: 32px;}
	.sy_product .sy_item_tit{ width: 85%;}
	.procol_list ul li .txt h2{ font-size: 28px; line-height: 40px; height: 200px;}
	.sy_solution .sol_nav h2{font-size: 32px;}
	.sy_who .who_txt p{font-size: 16px; line-height: 30px;}
	.sy_choose .txt .cho_ul{ margin-top: 20px;}
	.foot_top .ny_center .txt h2{font-size: 32px;}
	.foot_top .ny_center .txt p{font-size: 16px; line-height: 30px;}
}

@media (max-width: 1024px){
.top_right{ display: none;}
#header{background: #fff;}
.sy-ban{ margin-top: 60px;}
.sy-ban .txt1{ top: 20%;}
.sy-ban .txt1 h3{font-size: 36px; line-height: 42px;}
.procol_list ul li .txt{ padding: 30px 20px 0;}
.procol_list ul li .txt h2{ font-size: 22px; line-height: 30px; height: 150px; margin-bottom:20px;}
	.lefttop{ height: 80px;}
	.rbot{ height: 80px;}
	.top165{ padding-top:105px;}
	.sy_solution .sol_nav li span.more{ margin-bottom: 20px;}
	.sy_solution .sol_nav{ padding-top: 0;}
	.sy_who .certbox dt img{ width: 80px;}
	.sy_who .who_txt a.more{ margin: 40px 0 10px;}
	.sy_who{ padding: 45px 0 115px;}
	.sy_choose .txt .des p{ font-size: 16px; line-height: 30px;}
	.newsswiper .swiper-slide{ width: 280px;}
	.newsswiper .swiper-slide h2{ font-size: 16px; line-height: 25px; height: 50px; margin-bottom: 20px;}
	.foot_top{ padding-top: 115px;}
	.foot_bot{ display: none;}
	.dtop{ padding-top: 50px;}
	.contact_list{ display: none;}
	.bottom-feed{ display: none;}
}
@media (max-width: 768px){
.sy_item_tit h3{ font-size: 26px;}
.sy_item_tit p{ font-size: 14px; line-height: 24px;}
.procol_list ul li{ float: none; width: 100%;}
.sy_solution .sol_nav{ width: 100%; float: none;}
.sy_solution .solpic{ width: 100%; float: none;}
.sy_who .who_box{ display: block;}
.sy_who .certbox{ width: 100%; margin-bottom: 30px;}
.sy_who .who_txt{ width: 100%;}
.sy_choose .imgfdd{ width: 100%; float: none;}
.sy_choose .txt{ width: 100%; float: none; margin-top: 30px;}
.newsswiper .swiper-slide a{ padding: 15px 10px;}
.foot_top .ny_center .txt h2{ font-size: 26px;}
.copy{ margin-bottom: 50px; padding: 25px 0;}

}
@media (max-width: 540px){
.sy-ban .txt1 h3{ font-size: 26px; line-height: 30px;}
	.lefttop{ height: 40px;}
	.rbot{ height: 40px;}
	.sy_product .sy_item_tit{ width: 96%;}
	.padd50{ padding: 25px 0;}
	.top165{ padding-top: 65px;}
	.sy_solution .sol_nav h2{font-size: 23px;}
	.sy_solution .sol_nav li.active{ background-position: left 25px;}
}
@media (max-width: 450px){
.sy_news_box .swiperbtn{ width: 36px; line-height: 60px; height: 60px; font-size: 24px;}
.newsswiper .swiper-slide{ width: 180px;}
.newsswiper .swiper-slide h2{ margin: 10px 0;}
.newsswiper .swiper-slide span.more{ display: none;}
.btn_box{ margin-top: 20px;}
.foot_top{ display: none;}
.sy-ban .txt1 h3{ width: 90%; font-size:20px;}
.sy_item_tit h3{ font-size:24px;}
.procol_list ul li .txt h2{font-size: 18px; height:120px;}
.dtop{ padding-top: 30px;}
.copy{font-size: 12px;}
.sy_item_tit{ margin-bottom: 20px;}
}

.top_h{ height: 85px;}
.ny_banner{ width: 100%; position: relative; overflow: hidden;}
.ny_banner img{ width: 100%;}
.ny_banner .nyban_txt{ position: absolute; width: 100%; text-align: center; left: 0; top:40%;}
.ny_banner .nyban_txt h3{ font-size: 54px; color: #fff; font-family: orbb;}

.columndes{ text-align: center; margin-bottom:40px;}
.columndes p{ font-family: ralm; font-size: 20px; line-height: 36px; color:#222;}
.pro_col h3.tit{ font-size: 40px; font-family: orbb; text-align: center; margin-bottom: 40px; color:#222;}
.pro_col li{ margin-bottom: 35px;}
.pro_col li .pic{ width: 28%;}
.pro_col li .pic .imgfd{ padding-top: 100%;}
.pro_col li .txt{ width: 55%; margin: 0 auto 0 45px;}
.pro_col li .txt  h2{ font-size: 18px; font-family: orbm; line-height: 30px;overflow:hidden; height:60px; margin-bottom:20px;}
.pro_col li .txt .des{ max-height: 240px; overflow: hidden;}
.pro_col li .btn a{ display: block; width: 160px; line-height: 40px; line-height: 40px; border-radius: 22px; text-align: center; border: 2px solid #081c36; color: #081c36; font-family:orbb; font-size:14px; transition:.3s ease;}
.pro_col li .btn a.inq{ border-color: #c80000; color: #c80000; margin-bottom: 25px;}
.pro_col li .btn a:hover{ background:#c80000; color: #fff;}
.pro_col{ border-bottom: 1px solid #dddddd; margin-bottom: 50px;}
.main_right .pro_des{ background: #fff; padding: 30px; margin-bottom:40px;}
.main_right .pro_des h3{ font-size: 24px; margin-bottom:20px;}
.ny_pro_list ul li{ float: left; width:32%; margin-right:2%; margin-bottom:30px; background:#fff; padding:20px;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}
.ny_pro_list ul li .imgfd{padding-top: 100%;}
.ny_pro_list ul li h2{ font-family: orbm; font-size: 16px; line-height: 26px; height: 52px; margin-bottom:20px; overflow:hidden;}
.ny_pro_list ul li span{ font-size: 14px; font-family: orbb;}
.ny_pro_list ul li:hover h2{ color:#c80000;}



@media (max-width: 1281px){
    .pro_col li .txt{ width: calc( 70% - 205px);}
}
@media (max-width: 1024px){
.top_h{ height: 60px;}
.ny_banner .nyban_txt h3{ font-size: 40px;}
.columndes p{ font-size: 16px; line-height: 30px;}
.pro_col h3.tit{ font-size: 32px;}

}
@media (max-width: 768px){
    .pro_col li .txt .des{ max-height:120px;}
    .pro_col h3.tit{ font-size: 28px; margin-bottom: 25px;}
    .main_right .pro_des{ padding: 20px; margin-bottom: 25px;}
    .ny_pro_list ul li{ padding: 10px;}
}

@media (max-width: 540px){
    .ny_banner .nyban_txt h3{ font-size: 30px;}
    .pro_col li .txt h2{font-size: 16px; margin-bottom: 10px;}
    .pro_col li .btn{ display: none;}
    .pro_col li .txt{ width: 70%; margin-left: auto; margin-right:0;}
    .pro_col li .txt .des{ max-height: 48px;}
}

@media (max-width: 450px){
    .ny_banner img{ width: 160%; margin-left: -30%;}
    .ny_banner .nyban_txt h3{ font-size: 24px;}
    .columndes p{ font-size: 14px; line-height: 24px;}
    .pro_col h3.tit{ font-size: 22px;}
    .pro_col li .txt h2{ line-height: 28px; height: 56px;}
    .pro_col li{ margin-bottom: 20px;}
    .ny_pro_list ul li{ width: 49%; margin-right: 2%; margin-bottom:20px;}
    .ny_pro_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_pro_list ul li:nth-child(2n){ margin-right:0;}
    .main_right .pro_des h3{font-size: 22px; margin-bottom: 15px;}
    .ny_pro_list ul li h2{ font-size: 14px; line-height: 24px; height: 48px; margin-bottom:10px;}
    .ny_pro_list ul li span,.ny_pro_list ul li span i{ font-size: 12px;}
}
.show_top .pic{ width: 45%; position: relative; padding: 0 50px 50px;}
.show_top .pic .showswiper{ overflow: hidden;}
.show_top .pic .imgfd{ padding-top: 100%;}
.show_top .txt{ width: 50%;}
.show_top .txt h1{ font-size: 30px; font-family: orbb; line-height:40px; margin-bottom:30px;}
.show_top .txt a.reqbtn{ display:block; width: 160px; line-height: 40px; border: 2px solid #c80000; color: #c80000; border-radius: 22px; text-align: center; font-size: 14px; font-family:orbb; margin-top:60px; transition:.3s ease;}
.show_top .txt a.reqbtn:hover{ background:#c80000; color: #fff;}
.show_top .txt .share{display: flex; align-items: center; font-size:18px; margin-top:30px;}
.show_top .txt .follow_list{margin-left: 5px;}
.show_top .pic .swiperbtn{ font-size: 24px; bottom: 50%; font-weight:bold;}
.show_top .pic .swiper-pagination-bullet{ background: #081c36; opacity: 1;}
.show_top .pic .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; border: 2px solid #081c36;}
.swiper-pagination-bullet:focus{ outline: none;}

.show_content{ padding: 50px 0; overflow:hidden;}
.show_content table{ width:100%!important; line-height:34px; border-top:2px solid #333}
.show_content table tr{ border-bottom:1px solid #333;}
.show_content table td{ padding-left:5px;}
.show_content table tr:first-child{ line-height:44px}
.show_content img{ max-width: 100%;}
h3.orb30{ font-size: 30px; font-family: orbb; margin-bottom: 30px; text-align: center;}
.rellist li{ float: left; width: 19%; margin-right: 1.25%; text-align: center; margin-bottom:20px;}
.rellist li:nth-child(5n){ margin-right:0;}
.rellist li .imgfd{ padding-top: 100%; border: 1px solid #ddd;}
.rellist li p{ font-size: 14px; color: #333; font-family:ralm; line-height:30px; height:30px; overflow:hidden; margin-top:10px;}
.rellist li:hover p{ color:#c80000;}
.rellist li:hover .imgfd{ border-color:#c80000;}
@media (max-width: 1024px){
    .show_top .pic{ width: 100%; float: none;}
    .show_top .txt{ width: 100%; float: none;}
}
@media (max-width: 768px){
.show_top .txt h1{ font-size: 24px; line-height: 32px; margin-bottom: 20px;}
.show_top .txt a.reqbtn{ margin-top: 30px;}
h3.orb30{font-size: 24px; margin-bottom: 20px;}
.show_content{ padding: 30px 0;}
.rellist li{ width: 49%; margin-right: 2%;}
.rellist li:nth-child(5n){ margin-right:2%;}
.rellist li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px){
    .rellist li p{ line-height: 24px; height: 48px;}
    .show_top .txt h1{ font-size: 20px; line-height: 30px;}
}
.sol_list .item{margin-bottom: 60px;}
.sol_list .pic{ width: 60%;}
.sol_list .txt{ width: 35%;}
.sol_list .item:nth-child(2n+1) .pic,.sol_list .item:nth-child(2n) .txt{ float:right;}
.sol_list .item:nth-child(2n+1) .txt,.sol_list .item:nth-child(2n) .pic{ float:left;}
h3.orb40{ font-size: 40px; font-family: orbb;}
.sol_list .txt{ padding-top: 110px;}
.sol_list .txt h3.orb40{ padding-top: 30px; position: relative; line-height:42px; height:114px; margin-bottom:20px;}
.sol_list .txt h3.orb40:after{ position:absolute; left: 0; top: 0; height: 5px; width: 100px; background: #c80000; content: '';}
.sol_list .txt span.more{ font-size: 14px; font-family: orbb; color: #222; display: inline-block; margin-top: 50px;}
.sol_list .txt span.more i{ margin-right: 5px;}
.sol_list .txt span.more:hover{ color:#c80000;}

@media (max-width: 1024px){
    .sol_list .txt{ padding-top: 50px;}
}
@media (max-width: 768px){
    h3.orb40{ font-size: 30px;}
    .sol_list .txt,.sol_list .pic{ width: 100%; float: none;}
    .sol_list .txt h3.orb40{ height: auto;}
}
@media (max-width: 450px){
    .sol_list .txt{ padding-top: 25px;}
    .sol_list .txt h3.orb40{ padding-top: 20px; line-height:30px;}
    h3.orb40{font-size: 24px;}
    .sol_list .txt span.more{ margin-top: 20px;}
    .sol_list .item{ margin-bottom: 25px;}
}
.sol_main .tit{ text-align: center; padding-bottom: 30px; border-bottom: 1px solid #ddd;}


.case_list ul li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 45px;}
.case_list ul li:nth-child(3n){ margin-right:0;}
.case_list ul li h2{ font-family: orbm; font-size: 18px; line-height: 24px; height: 48px; overflow: hidden; margin: 20px 0 15px;}
.case_list ul li p{ height: 90px;overflow: hidden; margin-bottom: 30px;}
.case_list ul li span.more{ font-size: 14px; font-family: orbb; color: #222; display: inline-block;}
.case_list ul li span.more i{ margin-right: 5px;}
.case_list ul li span.more:hover{ color:#c80000;}
.case_list ul li:hover h2{ color:#c80000;}
@media (max-width: 768px){
    .case_list ul li{ width: 49%;}
    .case_list ul li:nth-child(3n){ margin-right:2%;}
    .case_list ul li:nth-child(2n){ margin-right:0;}
    .case_list ul li p{ height: 48px; margin-bottom: 15px;}
    
}
@media (max-width: 450px){
    .case_list ul li p{ display: none;}
    .case_list ul li h2{font-size: 16px; margin-top:10px;}
}
.main_left{ width: 20%;}
.main_right{width: 76%;}
.main_left .leftbox{ background: #f1f1f2;}
.main_left .leftbox .tit{ padding: 0 15px; line-height: 50px; color: #fff;background:#081c36;}
.main_left .leftbox .tit h3{ font-family: orbb; font-size: 14px; color: #fff; margin-right:auto;}
.main_left .leftbox .tit i{ font-size: 20px;}
.main_left .leftbox.new_nav{ margin-bottom: 30px;}
.main_left .leftbox ul { padding: 5px;}
.main_left .leftbox ul li{ background: #fff; margin-bottom: 5px; transition:.3s ease;}
.main_left .leftbox ul li:last-child{ margin-bottom:0;}
.main_left .leftbox a{ display: block; padding: 10px 10px 10px 20px; position: relative; transition:.3s ease;}
.main_left .leftbox a:after{ position:absolute; left: 10px; top: 22px; width: 5px; height: 5px; border-radius: 50%; background: #222; content: ''; transition:.3s ease;}
.main_left .leftbox.new_nav a.nava{ font-family: ralsb; color: #222;}
.main_left .leftbox.hot_news p{ font-size: 14px; line-height: 24px; max-height:72px; overflow:hidden;}
.main_left .leftbox.hot_news a:after{ top: 18px;}
.main_left .leftbox.hot_news a:hover{ color:#c80000;}
.main_left .leftbox.hot_news a:hover:after{ background:#c80000;}
.main_left .leftbox ul li:hover a.nava,.main_left .leftbox ul li.act a.nava{ background:#c80000; color:#fff;}
.main_left .leftbox ul li:hover a.nava,.main_left .leftbox ul li.act a.nava{ color:#fff;}
.main_left .leftbox ul li:hover a.nava:after,.main_left .leftbox ul li.act a.nava:after{ background:#fff;}
.main_left .leftbox ul li:hover a.nava p{ color:#fff;}
.main_left .leftbox dl{ padding: 10px;}
.main_left .leftbox dl a{ font-family: ralm; font-size: 16px; margin-right:auto; padding-left:0;max-width: calc(100% - 20px);}
.main_left .leftbox dl a:after{ display:none;}
.main_left .leftbox dl dt.on,.main_left .leftbox dl dt.on a{ color: #c80000;}

.ny_news_list li{ margin-bottom: 30px;}
.ny_news_list .pic{ width: 28%;}
.ny_news_list .txt{ width: 69%;}
.ny_news_list .txt h2{ font-size: 18px; font-family: ralsb; line-height: 28px; height: 56px;overflow: hidden;}
.ny_news_list .txt span.date{ display: block; margin: 10px 0; font-size:14px; font-family:ralm; color:#666;}
.ny_news_list .txt span.date i{ margin-right: 5px;}
.ny_news_list .txt p{ height: 60px; overflow: hidden; margin-bottom: 25px; color:#666;}
.ny_news_list .txt span.more{ font-size: 14px; font-family: orbb; color: #222;}
.ny_news_list .txt span.more i{ margin-right: 3px;}
.ny_news_list li:hover h2,.ny_news_list li:hover span.more{ color:#c80000;}

@media (max-width: 1024px){
    .main_left{ display: none;}
    .main_right{ width: 100%; float: none;}
}
@media (max-width: 768px){
    .ny_news_list .txt span.more{ display: none;}
    .ny_news_list .txt p{ height: 48px; margin-bottom: 0;}
}
@media (max-width: 450px){
    .ny_news_list .txt p{ display: none;}
    .ny_news_list .txt h2{font-size: 16px; line-height: 24px; height: 48px;}
}
.newsshow h1{ font-family: orbb; font-size: 30px;}
.newsshow .info{ padding: 25px 0; border-bottom: 1px solid #ddd;}
.newsshow .info .date{ margin-right: auto;}
.page_btn{ padding-top: 30px; border-top: 1px solid #cedbdf; align-items:flex-start;}
.page_btn i{ font-size: 14px;}
.page_btn .det_btn{ width: 38%; font-size:14px;}
.page_btn .det_btn a{ display: inline-block; line-height: 30px; overflow: hidden; font-size:14px; line-height:24px;}
.page_btn a.back{ margin: 0 auto;  line-height: 40px; border-radius: 20px; border: 1px solid #5b5b5b; padding:0 30px; font-family:orbm; font-size:14px;}
.page_btn .det_btn.next{ text-align: right;}
.page_btn .det_btn a:hover{ color:#c80000;}
.page_btn a.back:hover{background:#c80000; border-color: #c80000; color: #fff;}
.page_btn p{ font-family: orbm; color: #222; font-size:14px;}
@media (max-width: 768px){
    .newsshow h1{ font-size: 24px;}
    .page_btn{ display: block;}
    .page_btn a.back{ display: none;}
    .page_btn .det_btn.next{ text-align: left; margin-top: 15px;}
    .page_btn .det_btn{ width: 100%;}
}

@media (max-width: 450px){
.newsshow .info{ padding: 15px 0;}
.newsshow h1{font-size: 20px;}
.show_content{ padding: 20px 0;}
.page_btn{ padding-top: 20px;}

}
.about_who h3.orb40{ text-align: center; margin-bottom:30px;}
.about_who p{ font-size: 20px; line-height: 36px; font-family: ralm; color:#333;}
.ab_culture .imgfdd{ position: relative;}
.ab_culture .txt{ position: absolute; right: 0; bottom: 0; width:45%; height:50%; background:url(../images/culbg_05.png) no-repeat; padding:80px 60px 0; color:#fff;}
.ab_culture h3.orb40{ color: #fff; margin-bottom: 40px;}
.ab_culture .txt p{ font-size: 26px; line-height: 40px;}
.ab_cert .txt{ width: 45%;}
.ab_cert .imgfdd{ width: 50%;}
.ab_cert .txt h3.orb40{ margin-bottom: 40px;}
.ab_cert .txt p{ font-size: 20px; color:#333; font-family:ralm;}
.ab_base h3.orb40{ text-align: center; margin-bottom: 30px;}
.baseswiper{ overflow: hidden; position: relative; padding-bottom: 60px;}
.baseswiper h3.orb40{ text-align: center; margin-bottom: 40px;}
.baseswiper .swiperbtn{ font-size: 24px; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ddd; border-radius: 3px; color:#ddd; bottom:0; transition:.3s ease;}
.baseswiper .swiper-button-prev{ left: calc(50% - 50px);}
.baseswiper .swiper-button-next{ right: calc(50% - 50px);}
.baseswiper .swiperbtn:hover{background:#c80000; color: #fff;}

@media (max-width: 1281px){
    .ab_culture .txt p{ font-size: 20px; line-height: 36px;}
    .ab_cert .txt p{ font-size: 18px;}
}


@media (max-width: 1024px){
.about_who p{ font-size: 18px;}
.ab_culture .txt{ width: 60%; height: 60%;}
}


@media (max-width: 768px){
    .about_who p{ font-size: 16px; line-height: 27px;}
    .ab_culture .txt{ padding: 50px 30px 0;}
    .ab_culture h3.orb40{ margin-bottom: 25px;}
    .ab_culture .txt p{font-size: 18px; line-height: 30px;}
    .ab_cert .txt h3.orb40{ margin-bottom: 25px;}
    .ab_cert .txt{ width: 100%; float: none;}
    .ab_cert .imgfdd{ width: 100%; float: none; margin-top: 25px;}
}
@media (max-width: 450px){
    .ab_culture .txt{ position: unset; padding: 25px 20px; width: 100%; height: auto; background:#081c36;}
    .about_who h3.orb40{ margin-bottom: 25px;}
}
.ctmain{ padding: 70px 45px 150px;}

.ct_left{ width: 45%;}
.ct_left h3.orb40{ padding-bottom: 20px; border-bottom: 2px solid #333333;}
.ct_box .ct_item{ margin-top: 30px; align-items: flex-start;}
.ct_box .ct_item i{ width: 30px; height: 30px; background: #081c36; color: #fff; line-height: 30px; text-align: center; border-radius:50%; margin-right:auto;}
.ct_box .ct_item .txt{ width: calc(100% - 45px);}
.ct_box .ct_item h4{font-family: ralsb; font-size: 16px; color: #222; margin-bottom:5px;}
.ct_box .ct_item p{ margin-bottom: 8px;}
.ct_msg{ width: 50%; border-radius: 10px; box-shadow: 0 0 12px rgba(0,0,0,.15); padding:35px;}
.ct_msg h3{ font-family: orbm; font-size: 24px;}
.ct_msg p{ font-size: 14px; line-height: 24px; margin: 15px 0;}
.ct_msg input,.ct_msg textarea{ width: 100%; margin-bottom: 20px; line-height: 50px; border-radius: 25px; padding: 0 20px; border:1px solid #ddd; font-family:ral; font-size:14px; box-shadow:inset 0 2px 2px rgba(0,0,0,.2);}
.ct_msg input.sub{ border:none; background: #c80000; box-shadow: none; color: #fff; cursor: pointer; font-family:orbb; font-size:14px; transition:.3s ease;}
.ct_msg input.sub:hover{ box-shadow:inset 0 2px 5px rgba(0,0,0,.3);}

@media (max-width: 1024px){
    .ctmain{ padding: 40px 0 50px;}
    .ct_msg input, .ct_msg textarea{ line-height: 46px;border-radius: 23px;}
    .ct_msg input.sub{ margin-bottom: 0;}
    
}
@media (max-width: 768px){
    .ct_left{ width: 100%; float: none;}
    .ct_msg{ width: 100%; float: none; margin-top:30px;}
}
@media (max-width: 450px){
    .ct_box .ct_item{ margin-top: 20px;}
    .ct_msg{ padding: 30px 20px;}
}