html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{ margin:0; padding: 0; list-style: none; font-family:arial,sans-serif ,"Microsoft YaHei" ; font-size: 14px;}
textarea,input,button{ border:none; margin: 0; padding: 0; outline: none; }
html,body{ width: 100%; height: 100%; background: #fff; color: #424242;}

/* 滚动条样式 */
body{ overflow-x: hidden; }
body::-webkit-scrollbar {width:2px;height:6px;}			
body::-webkit-scrollbar-thumb {-webkit-border-radius: 6px;border-radius: 6px;background:#1a3975;}
body::-webkit-scrollbar-thumb:{background: #1a3975;}
body::-webkit-scrollbar-thumb:hover {
    background-color: #1a3975;}

/*公共样式*/
.fl{ float: left; }
.fr{ float: right; }
.absolute{ position: absolute; }
.relative{ position: relative; }
.fixed{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; }
/*.swiper-slide{ font-size: 0; }*/
.blackBg{ background: #000; }
.whiteBg{ background: #fff; }
.container{ overflow: hidden; position: relative; z-index: 8; }
a{ text-decoration: none; cursor: pointer;}
a:hover{transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-decoration: underline;}
.dis_table{ display: table; }
.dis_table_cell{ display: table-cell; }
.vertical_middle{ vertical-align: middle; }
.vertical_top{ vertical-align: top; }
.vertical_bottom{ vertical-align: bottom; }
.mar_lr70{ margin-left: 1rem; margin-right: 1rem; }
.pad_lr70{ padding-left:1rem; padding-right: 1rem; }
.l70{left:1rem;}
.r70{ right: 1rem; }
.mar_l20{ margin-left: 20px; }

/*公共颜色*/
/*红色字*/
.red_font,.btn_more:hover,.header_top ul li a:hover,.btn_more:hover,.news_list_box li:hover .news_list_cont h1 a,.product_list_two_tab .swiper-slide ul li:hover h1,.prev_next_box a:hover,.search_list_box h1 a font{ color: #bf3128; }

/*蓝色文字*/
.blue_font,.nav_box li span a,.menu_down dd a,.hotline,.index_title_box h6,.index_title_box h5,.news_list_cont h1 a,.details_title_box h5,.position_box span,.position_box a:hover,.product_title_box h5,.product_datails_info h2,.tese_cont_box h2,.btn_blue_more,.product_feature_list .swiper-slide h2,.product_combo_cont table tr:first-child td,.product_inventory_cont table tr:first-child td,.list_left_box h6,.list_left_box h2,.product_list_two .swiper-slide h2,.news_details_tit h1,.prev_next_box a,.join_concept_cont h6,.company_left h1,.six_bases_left p,.search_list_box li h1 a{ color:#1a3975;}

/*红色边框*/
.nav_box li.active span a,.nav_box li:hover span a,.position_box span,.position_box a:hover,.purchase_box li:hover:before{ border-color: #bf3128; }

/*蓝色边框*/
.search_box:hover,.inner_news_list ul li,.float_cont{ border-color: #1a3975; }

/*红色背景*/
.banner_tit,.index_title_box span,.news_list_box ul li:hover .news_time_cont,.red_line,.banner_product .banner_main,.product_list_two_tab .swiper-slide ul li:after,.banner_cont h1:after,.product_title_box i,.pageDL dd a:hover,.pageDL dd a.active,.btn_job_search,.btn_apply,.submit_apply,.other_tab_tit li:hover,.other_tab_tit li.active-nav,.company_tit i,.history_left i,.history_left s,.honor_tab_tit li:hover,.honor_tab_tit li.active,.banner_common h3,.serve_red_bg div,.serve_name_box i,.search_list_box li:after{background-color: #bf3128;}
/*蓝色背景*/
.footer,.menu_down dd a:hover,.news_time_cont,.blue_line,.product_list_two_tab .swiper-slide ul li:before,.recruiting_list_box dl dt,.aplly_tit,.submit_apply:hover,.other_tab_tit li,.company_blue_bottom,.honor_tab_tit li,.operation_list table tr:first-child td,.search_list_box li:before{ background-color: #1a3975; }

/*上下动画*/
@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeUp{-webkit-animation-name:fadeUp;animation-name:fadeUp;}


.btn_more{background-image: url("../images/bg_more.svg");text-align:center; display: block; background-size: 100% 100%; color: #fff;}
.btn_more:hover{ background: url("../images/bg_more_hover.svg") no-repeat; text-decoration: none; }
.btn_blue_more{  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 163.64 59.46'%3E%3Cg data-name='2'%3E%3Cg data-name='1'%3E%3Cpath fill='none' stroke='%231a3975' stroke-miterlimit='10' d='M15.48 8.52h147.66v50.44H5.77V21.27'/%3E%3Cpath d='M11.53 8.52l-1.24.36-1 .3a3.78 3.78 0 0 0-2.64 3L5.77 17l-.9-4.9a3.76 3.76 0 0 0-2.64-3l-.42-.12L0 8.52 1.84 8l.39-.12A3.75 3.75 0 0 0 4.87 4.9l.9-4.9.89 4.9A3.76 3.76 0 0 0 9.3 7.85l1.18.35z' fill='%231a3975'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");text-align:center; display: block; background-size: 100% 100%;}
.btn_blue_more:hover{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 163.64 59.46'%3E%3Cg data-name='2'%3E%3Cg data-name='1' fill='%231a3975'%3E%3Cpath stroke='%231a3975' stroke-miterlimit='10' d='M15.48 8.52h147.66v50.44H5.77V21.27'/%3E%3Cpath d='M11.53 8.52l-1.24.36-1 .3a3.78 3.78 0 0 0-2.64 3L5.77 17l-.9-4.9a3.76 3.76 0 0 0-2.64-3l-.42-.12L0 8.52 1.84 8l.39-.12A3.75 3.75 0 0 0 4.87 4.9l.9-4.9.89 4.9A3.76 3.76 0 0 0 9.3 7.85l1.18.35z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat; text-decoration: none; color: #fff; }
.btn_black_more{  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 163.64 59.46'%3E%3Cg data-name='2'%3E%3Cg data-name='1'%3E%3Cpath fill='none' stroke='%23424242' stroke-miterlimit='10' d='M15.48 8.52h147.66v50.44H5.77V21.27'/%3E%3Cpath d='M11.53 8.52l-1.24.36-1 .3a3.78 3.78 0 0 0-2.64 3L5.77 17l-.9-4.9a3.76 3.76 0 0 0-2.64-3l-.42-.12L0 8.52 1.84 8l.39-.12A3.75 3.75 0 0 0 4.87 4.9l.9-4.9.89 4.9A3.76 3.76 0 0 0 9.3 7.85l1.18.35z' fill='%23424242'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");text-align:center; display: block; }
.btn_black_more:hover{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 163.64 59.46'%3E%3Cg data-name='2'%3E%3Cg data-name='1' fill='%23bf3128'%3E%3Cpath stroke='%23bf3128' stroke-miterlimit='10' d='M15.48 8.52h147.66v50.44H5.77V21.27'/%3E%3Cpath d='M11.53 8.52l-1.24.36-1 .3a3.78 3.78 0 0 0-2.64 3L5.77 17l-.9-4.9a3.76 3.76 0 0 0-2.64-3l-.42-.12L0 8.52 1.84 8l.39-.12A3.75 3.75 0 0 0 4.87 4.9l.9-4.9.89 4.9A3.76 3.76 0 0 0 9.3 7.85l1.18.35z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat; text-decoration: none; color: #fff; }


/*间隔白星*/
.product_recommend_box .swiper-slide:before,.product_list_two .swiper-slide:before,.join_other_list ul li:before,.join_other_list ul li.swiper-slide-next:after,.join_concept_list ul li:before,.six_bases_list li:before,.applicable_main li:before,.serve_lsit ul li:before,.serve_lsit ul li.swiper-slide-next:after{ content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.24 47.62'%3E%3Cg data-name='2'%3E%3Cpath d='M32.24 23.82l-3.47 1-2.77.84a10.58 10.58 0 0 0-7.39 8.27l-2.5 13.69-2.5-13.69a10.55 10.55 0 0 0-7.4-8.27l-1.16-.33L0 23.82l5.14-1.53L6.22 22a10.52 10.52 0 0 0 7.4-8.25L16.12 0l2.5 13.71A10.56 10.56 0 0 0 26 22l3.3 1z' fill='%23ffffff' data-name='1'/%3E%3C/g%3E%3C/svg%3E") no-repeat left center; display: block; position: absolute; top: 30%;  transform: translateY(-30%); z-index: 5;}


/*头部*/
.header{ position: relative; }
.header_top{ background: url(../images/bg_header_top.png) repeat-x; width: 100%;position:relative;}
.header_top ul{ display: table; }
.header_top ul li{ display: table-cell; position: relative; }
.header_top ul li a{ color: #fff;vertical-align: middle;}
.header_top ul li:after{ width: 1px; height: .15rem; background-color: #fff; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.header_top ul li:last-child a{ padding-right: 0; }
.header_top ul li:last-child:after{ width: 0; }
.header_top ul li span{ width: .21rem; height: .21rem; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: left center; vertical-align: middle; margin-left: 10px; }
.header_top ul li span.icon_language{ background: url(../images/icon_language.svg); }
.header_top ul li font{ margin-left: 10px; color: #fff; vertical-align: middle; }

.header_bttom{ background-color: rgba(26,57,117,0.08);}
.logo a{ display: block; margin:.4rem 0 .3rem;  }

/*导航*/
.nav_box ul{ float:left; text-align: center; margin-left: 10%; }
.nav_box li{ display: inline-block; position: relative;}
.nav_box li span{ display: block; }
.nav_box li span a{ display: block; border-bottom-color:  rgba(26,57,117,0); border-bottom-style: solid;  }
.nav_box li span a:hover{ text-decoration: none; }
.nav_box li.active span a,.nav_box li:hover span a{}
.menu_down dd a{ display: block; }

/*搜索*/
.login_search_box{ position: absolute; right: 0; bottom: .25rem; }
.hotline{ font-size: .17rem; }
.search_box{padding: 5px 0; border-radius: 20rem; transition: width 1s;}
.search_box input{ width: 0px; height: 100%; background: transparent; text-indent: 10px; float: left; transition: width 1s;}
.search_box input::placeholder{ color: #999;}
.search_box button{  background:transparent url("../images/icon_search.svg") no-repeat center center; background-size: cover;float: right;}
.search_box:hover{ border-width: 1px; border-style: solid; }

.btn_login{ width: .2rem; height: .2rem; display: block; background:url("../images/icon_login.svg") no-repeat; margin-top: 5px; margin-bottom: 5px; cursor:pointer; }
.btn_login:hover{ background:url("../images/icon_login_hover.svg") no-repeat; }


/*banner*/
.banner{ width: 100%; height: 100%;}
.bannerCont{ position: absolute; top: 20%; text-align: left; width: 85%; color: #fff; padding: 0 7.5%; text-transform: uppercase; font-weight: bold; z-index: 2; }
.swiper-container{ height: 100%;  overflow: hidden;}
.swiper-pagination{ }

/*首页banner*/
.banner_index{ height: calc(100vw * 0.40625); position: relative; }
.banner_index .swiper-wrapper .swiper-slide {position: relative; background-size: cover; background-position: center top; height: 100%; background-repeat: no-repeat; }	
.banner_video{position: absolute;width: 100%;left: 0px;top: 50%;transform: translateY(-50%);object-fit: cover; height: 100%; z-index: 1; overflow: hidden;}
.banner_index .banner_main{ position: absolute; top: 70%; color: #fff; z-index: 20;  transform: translateY(-70%);}
.banner_index .banner_tit{ display:inline-block;}
.banner_index .banner_cont{ display:table;  background-color: rgba(27,95,204,0.5);}
.banner_index .banner_img{ width: 100%; min-width:100%;height:100%;min-height:100%;transition:1s linear;transform:scale(1.1,1.1); position: relative;}
.banner_index .banner_img img{ width: 100%; height: 100%; }
.banner_index .swiper-slide-active>.banner_img,.banner_index .swiper-slide-duplicate-active>.banner_img{transition:3s linear;transform:scale(1,1);}
.banner_index .swiper-pagination span{margin: 0 2px;}


/*banner动画*/
.banner_index .swiper-slide-active .banner_main .banner_tit{ animation: fadeInLeftBig 1s 1;}
.banner_index .swiper-slide-active .banner_main .banner_cont{ animation: fadeInLeftBig 1.5s 1;}
.banner_index .swiper-slide-active .banner_main .banner_cont2{ animation: fadeInLeftBig 1.7s 1;}
.banner_index .swiper-slide-active .banner_main .btn_more{ animation: fadeInLeftBig 2s 1;}


/*首页版块标题*/
.index_title_box{ text-align: center; }
.index_title_box h6,.index_title_box h5,.index_title_box h4{ font-weight: normal; }
.index_title_box h4{  color: rgba(26,57,117,0.08);}
.index_title_box img{ display: block; }
.index_title_box p{color: #424242; }
.index_title_box span{ color: #fff; display: inline-block; }

/*首页-解决方案*/
.solution_box.swiper-container{ }
.solution_box .swiper-slide{}
.solution_img{ width: auto;height: auto; max-width: 100%;max-height: 100%; display: block;}
.solution_cont{ position: absolute; top: 0; left: 0; z-index: 2;}
.solution_box .swiper-slide i{ width: 100%; height: 100%; position: absolute; z-index: 1; transition: all 1;}
.solution_box .swiper-slide:hover i,.solution_box .swiper-slide-active i{  transition: all 1s;}

.index_solution .swiper-slide i,.index_solution .swiper-slide:hover i,.index_solution .swiper-slide-active i{mix-blend-mode: multiply;}

.solution_cont em img{ height: 100%; margin: 0 auto;}
.solution_cont em { text-align: center; }
.index_solution .solution_cont em{ display: block; margin: 0 auto; }
.index_solution .solution_cont h1,.index_solution .solution_cont h6{ color: #fff; font-weight: normal; }
.index_solution .solution_cont h1{ text-align: center; }
.solution_cont .btn_more{ margin: 0 auto; position: absolute; left: 0%; right: 0;  }
.solution_box .swiper-slide:hover em,.solution_box .swiper-slide:hover h1,.solution_box .swiper-slide:hover h6,.solution_box .swiper-slide:hover a,
.solution_box .swiper-slide-active em,.solution_box .swiper-slide-active h1,.solution_box .swiper-slide-active h6,.solution_box .swiper-slide-active a
{-webkit-animation-name:fadeUp;animation-name:fadeUp;}

/*首页-数据一*/
.index_data_box01{ background: url(../images/bg_index_data.jpg) no-repeat right center /cover; height: calc(100vw * 0.4739); display: block; text-align: right; }
.index_data_middle{ position: relative; top: 50%; transform: translateY(-50%); }
.index_data_box01 ul{ display: inline-block; }
.index_data_box01 li{ color: #fff; float: right;  text-align: center; position: relative; }
.index_data_box01 .btn_more{ display: inline-block; }
.index_data_box01 li h2,.index_data_box01 li h3{  font-weight: normal; }
.index_data_box01 li:after{ background-color: #fff; content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

/*首页-新闻中心*/
.news_list_box{ display: block; overflow: hidden; }
.news_list_box ul{}
.news_list_box ul li{ display: table; background-color: #f5f5f7; table-layout: fixed;}
.news_list_box ul li:nth-child(odd){ float: left; }
.news_list_box ul li:nth-child(even){ float: right; }
.news_list_box ul li em,.news_list_box ul li .news_list_main{ display: table-cell; vertical-align: top; }
.news_list_box ul li em{}
.news_list_box ul li em a{position: relative; padding-bottom: 75%; overflow: hidden; }
.news_list_box ul li em img{ width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: scale(1,1) translate(-50%,-50%); transition: all 0.5s;}
.news_list_box ul li:hover em img{transform: scale(1.1,1.1) translate(-50%,-50%);}
.news_list_box ul li a{ display: block; }
.news_list_main{ position: relative; }
.news_time_box{ display: block; float: left; width: 100%; }
.news_time_box img{ float: right; display: none; }
.news_list_box ul li:hover .news_time_box img{ display: block; -webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
.news_time_cont{color: #fff; text-align: center; border:solid 1px #f5f5f7; float: left;}
.news_list_box ul li:hover .news_time_cont{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.news_list_cont{ width: 100%; float: left; display: block;}

/*文字内容省略*/
.news_list_cont h1 a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_list_cont p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.news_list_box ul li:hover .news_list_cont h1,.news_list_box ul li:hover .news_list_cont p{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

/*首页-数据二*/
.index_data_box02{ background: url(../images/bg_index_data2.jpg) no-repeat right center /cover; display: block; text-align: center; position:relative; }
.index_data_box02 ul{ width: 100%; position: relative;  }
.index_data_box02 li{ color: #fff; text-align: center; position: relative;  display: inline-block;  flex:1;vertical-align: top;}
.index_data_box02 .btn_more{ display: block; }
.index_data_box02 li h2,.index_data_box02 li h3{ font-weight: normal; }

/*双色线*/
.color_line_box{ width: 100%; display: block; padding: .5rem 0; overflow: hidden;}
.color_line_box div{ width: 50%; height: 1px; }
.color_line_box .blue_line{ width: 60%; }
.color_line_box .red_line{ width: 40%;}

.shadow{ background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 2; position: fixed; top: 0; left: 0; }

/*产品详情-banner*/
.banner_product{ overflow: hidden; width: 100%; height: calc(100vw * 0.1927)}
.banner_product .swiper-wrapper .swiper-slide {overflow: hidden;position: relative; background-size: cover; background-position: center top; height: 100%; background-repeat: no-repeat;}	
.banner_product .banner_main{ position: absolute; top: 50%; color: #fff; z-index: 3;  transform: translateY(-50%);}
.banner_product .banner_img{ width: 100%; min-width:100%;height:100%;min-height:100%;transition:1s linear;transform:scale(1.1,1.1); position: relative; z-index: 1; overflow: hidden;}
.banner_product .banner_img img{ width: 100%; height: 100%;overflow: hidden; display: block; }
.banner_product .swiper-slide-active>.banner_img,.banner_product .swiper-slide-duplicate-active>.banner_img{transition:3s linear;transform:scale(1,1);}

/*当前位置*/
.position_box a{color: #424242; }
.position_box span,.position_box a:hover{ border-bottom-style: solid; border-bottom-width: 1px; text-decoration: none;}

/*产品详情-版块标题*/
.product_title_box{ text-align: center;}
.product_title_box h5,.product_title_box h4{ font-weight: normal; }
.product_title_box h4{ color: rgba(26,57,117,0.08);}
.product_title_box img{ display: block; }

/*产品详情-产品介绍与图片*/
.product_info_top_box{ display: table; width: 100%;}
.product_datails_info,.big_pic{ display: table-cell; vertical-align: middle; }
.big_pic .swiper-slide{ width: 100%; position: relative }

.product_datails_info h1,.product_datails_info h2{ font-weight: normal; }
.product_datails_info_cont table colgroup{ display: none; }
.product_datails_info_cont table,.product_datails_info_cont table tbody{ width: 100%; display: block;}
.product_datails_info_cont table tr{display: table;}
.product_datails_info_cont table td{  vertical-align: top !important; display: table-cell; width: auto;}
.product_datails_info_cont table td.td_tit,.product_datails_info_cont table td.td_tit p,.product_datails_info_cont table td.td_tit strong{white-space: nowrap !important;text-overflow: ellipsis; }
.product_datails_info_cont table td.td_cont{ white-space:break-spaces !important;}
.product_datails_info_cont table td.td_tit,.product_datails_info_cont table td.td_cont{ position: relative; padding-left: 15px; }
.product_datails_info_cont table td p{ display: inline-block; margin: 0; }
.product_datails_info_cont table td:nth-child(odd):before{ content: "⦁";color: #424242; position: absolute; left: 0; top: 5px; }

.big_pic .product_img{ margin: 0 5% 5%; }
.big_pic .arrow-left,.big_pic .arrow-right{ display: none; }

.product_img img{ width: 100%; max-height: 100%; }
.product_pic_height{ width: 100%; opacity: 0; display: none;}
.product_video video{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.big_pic .product_img,.small_pic .swiper-slide .product_img{ position: relative; padding-bottom: 66.666%;}
.small_pic{ position: relative; }
.small_pic img{ width: 100%; }
.small_pic .swiper-wrapper{ text-align: center;}
.small_pic .swiper-slide {background: #eaeaec;}
.small_pic .swiper-slide .product_img{ margin: 5%;}
.small_pic .active-nav{ background: rgba(26,57,117,0.4); }
.flex_center{justify-content:center;}

/*滚动按钮*/
.arrow-left{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.72 48.72'%3E%3Cg data-name='2'%3E%3Cg data-name='1' fill='none' stroke='gray'%3E%3Ccircle cx='24.36' cy='24.36' r='23.86' transform='rotate(-45 24.36 24.36)' stroke-miterlimit='10'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M30.43 37.34L17.89 24.8l12.54-12.54'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;}
.arrow-right{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.72 48.72'%3E%3Cg data-name='2'%3E%3Cg data-name='1' fill='none' stroke='gray'%3E%3Ccircle cx='24.36' cy='24.36' r='23.86' stroke-miterlimit='10'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M18.29 11.38l12.54 12.54-12.54 12.54'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;}

.arrow-left:hover{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.72 48.72'%3E%3Cg data-name='2'%3E%3Cg data-name='1' fill='none' stroke='%23bf3128'%3E%3Ccircle cx='24.36' cy='24.36' r='23.86' transform='rotate(-45 24.36 24.36)' stroke-miterlimit='10'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M30.43 37.34L17.89 24.8l12.54-12.54'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;}
.arrow-right:hover{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.72 48.72'%3E%3Cg data-name='2'%3E%3Cg data-name='1' fill='none' stroke='%23bf3128'%3E%3Ccircle cx='24.36' cy='24.36' r='23.86' stroke-miterlimit='10'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M18.29 11.38l12.54 12.54-12.54 12.54'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;}
.arrow-left,.arrow-right{background-repeat: no-repeat;position: absolute;z-index: 10; transform: translateY(-50%); cursor: pointer;}
.small_pic .arrow-left{ left: 0; }
.small_pic .arrow-right{ right: 0; }

/*产品详情-特色*/
.product_details_tese ul li{ width: 100%; display: flex; }
.tese_pic{ width: 50%; background-color: #eaeaec;}
.tese_pic img{ width: 100%; display: block; }

.tese_cont_box h1,.tese_cont_box h2{ font-weight: normal; }
.tese_info p:before{ content: "⦁"; position: absolute; left: 0; }
.tese_info p{  position: relative;}

.product_details_tese ul li:nth-child(odd) .tese_pic{ }
.product_details_tese ul li:nth-child(even) .tese_pic{ display: table-footer-group; order: 2; }

/*相关产品推荐*/
.product_recommend_box .swiper-slide{ background-color: #eaeaec; text-align: center;}
.recommend_pic{ overflow: hidden; }
.recommend_pic a{ position: relative; padding-bottom: 68%; display: block;width: auto; height: auto;}
.recommend_pic img{ height:100%;display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)  scale(1,1);transition: all 0.5s  }
.product_recommend_box .swiper-slide:hover .recommend_pic img{ transform:translate(-50%,-50%) scale(1.2,1.2); }
.product_recommend_box .swiper-slide h1{  color: #424242;/*white-space: nowrap;text-overflow: ellipsis;*/overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1; display: -webkit-box;}


/*产品详情-产品特点*/
.product_feature_box{ background-color: #eaeaec;  }
.product_feature_list{ position: relative;}
.product_feature_list .swiper-slide{ background-color: #fff; color: #424242; text-align: center;}
.product_feature_list .swiper-slide h1,.product_feature_list .swiper-slide h2,.product_feature_list .swiper-slide h3{ font-weight: normal; }
.product_feature_list .swiper-slide h3,.product_feature_list .swiper-slide h4{ color: rgba(26,57,117,0.08);}
.product_feature_tit{ position: relative; }
.product_feature_tit div{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }

/*技术参数*/
.product_parameter_pic{ position: relative; overflow: hidden; }

.product_parameter_cont table{ width: 100%; border-top: solid 1px #d8d8d8; border-collapse: collapse;}
.product_parameter_cont table tr{ position: relative; }
.product_parameter_cont table tr td{  color: #424242; border:none !important; border-bottom: solid 1px #d8d8d8 !important;}

/*产品详情-产品优势 */
.product_advantage_cont img{ width: 100%; }
.product_combo_cont table{ width: 100%; }
.product_combo_cont table colgroup{ display: none; }
.product_combo_cont table tr:first-child td{ background-color: #eaeaec;}
.product_combo_cont table tr{ position: relative; }
.product_combo_cont table tr:after{ content: ""; display: block; width: 100%; height: 1px; background-color: #d8d8d8; position: absolute; bottom: 0; left: 0; }

/*产品详情-药剂清单*/
.product_inventory_cont table{ width: 100%; }
.product_inventory_cont table tr:first-child td{ background-color: #eaeaec; }
.product_inventory_cont table tr{ position: relative; }
.product_inventory_cont table td{ border-bottom:solid 1px #d8d8d8;  }

/*产品列表-解决方案类别*/
.banner_product_list { width: 100%;}
.banner_product_list .swiper-wrapper{ flex-flow: wrap; }
.banner_product_list .swiper-slide{ position: relative; }
.banner_product_list .swiper-slide i,.banner_product_list .swiper-slide.remove_hover i{background-color:rgba(26,57,117,0.7);}
.banner_product_list .swiper-slide:hover i,.banner_product_list .swiper-slide-active i,.banner_product_list .swiper-slide.add_hover:hover i{ background-color:rgba(239,4,4,0.7);}

.banner_product_list .solution_cont em{ display: block; margin: 0 auto; }
.banner_product_list .solution_cont h1,.banner_product_list .solution_cont h6{ text-align: center;font-weight: normal; color: #fff; }

/*产品列表-产品版式一*/
.product_list_one{ background-color: #eaeaec; position: relative; }
.product_list_one .swiper-container{}
.product_list_one .swiper-slide{ display: table; width: 100%;}
.list_left_box,.list_right_pic{ display: table-cell; vertical-align: middle;}
.list_left_box{  position: relative; }

.list_right_pic img{ width: 100%; }
.list_left_box h1,.list_left_box h2{ font-weight: normal; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 2;*/}
.list_left_box .btn_blue_more{ position: absolute; }

/*产品列表-产品版式二*/
.product_list_two .swiper-slide{ background-color: #e8e8ea; text-align: center;}
.product_list_two .product_list_pic{ overflow: hidden; position: relative;}
.product_list_two .product_list_pic img{ width:100%;display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1,1);transition: all 0.5s;  }
.product_list_two .swiper-slide:hover,.product_list_two .swiper-slide-active{background-color: rgba(0,55,121,0.8);}

.product_list_tit{ position: relative; }
.product_list_tit div{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }
.product_list_two .swiper-slide h1,.product_list_two .swiper-slide h2,.product_list_two .swiper-slide h3{ font-weight: normal; }
.product_list_two .swiper-slide h3{ color: rgba(26,57,117,0.08);}
.product_list_two .swiper-slide:hover h1,.product_list_two .swiper-slide:hover h2,.product_list_two .swiper-slide-active h1,.product_list_two .swiper-slide-active h2{ color: #fff; }
.product_list_two .swiper-slide:hover h3,.product_list_two .swiper-slide-active h3{ color: rgba(255,255,255,0.08);}

/*版式二切换*/
.product_list_two_tab .swiper-slide{ width: 100%; }
.product_list_two_tab .swiper-slide ul li{ width: 98%; display: table; position: relative;  padding: 0 1%;}
.product_list_two_tab .swiper-slide ul li h1,.product_list_two_tab .swiper-slide ul li span{ display: table-cell;}
.product_list_two_tab .swiper-slide ul li h1{ font-weight: normal;}
.product_list_two_tab .swiper-slide ul li .btn_black_more{ color: #424242; }
.product_list_two_tab .swiper-slide ul li .btn_black_more:hover{ color: #fff; }
.product_list_two_tab .swiper-slide ul li:before,.product_list_two_tab .swiper-slide ul li:after{ content: ""; display: block; position: absolute; bottom: 0; width: 50%; height: 1px; }
.product_list_two_tab .swiper-slide ul li:before{ left: 0; }
.product_list_two_tab .swiper-slide ul li:after{ right: 0; }

/*新闻、加入、关于banner*/
.banner_common{ width: 100%;}
.banner_common .swiper-slide{ position: relative; }
.banner_common img{ width: 100%; display: block; }
.banner_common .banner_img{ width: 100%; min-width:100%;height:100%;min-height:100%;transition:1s linear;transform:scale(1.1,1.1); position: relative;}
.banner_common i{ width:100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(26,57,117,0.8); }
.banner_common .banner_cont{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;  color: #fff;}
.banner_common .banner_cont h1,.banner_common .banner_cont h2,.banner_common .banner_cont h3,.banner_common .banner_cont h4{ font-weight: normal; }
.banner_common .banner_cont h1{ display: inline-block;}
.banner_common .banner_cont h2{ color: rgba(255,255,255,0.33);}
.banner_common .banner_cont h1:after{ content: ""; display: block; width: 100%;  }

/*新闻中心*/
.product_title_box i{ margin: 0 auto; display: block; border-radius: 10rem; }
.inner_news_list ul li{ width: 100%; border-style: solid; border-width: 1px; background-color: #fff;}
.inner_news_list ul li:hover{ background-color: #e6e6e8; border-color: #fff; }

/*新闻中心-详情*/
.news_details_tit{ text-align: center; color: #b7b7b7; }
.news_details_tit h1{ font-weight: normal; }
.news_details_cont{ margin: 0 auto; }
.news_details_cont img{ max-width: 100%; margin: 0 auto; display: block; }

/*上下篇*/
.prev_next_box{ overflow: hidden;}
.prev_next_box div{ display: table;}
.prev_next_box span,.prev_next_box a{ display: table-cell; vertical-align: top;  text-align: left;}

/*分页*/
.pageBox{  display:table; width: 100%; text-align: center; margin:2% auto 0;  width: 100%;}
.pageDL{ text-align: center;}
.pageDL dd{ border:solid 1px #eee;text-align:center; border-radius: 4px; display: inline-block; margin:0 3px;}
.pageDL dd a{ display:block; color:#424242; text-decoration: none; border-radius: 4px; height: 36px; min-width: 20px; line-height: 36px; padding: 0 10px;  }
.pageDL dd a:hover,.pageDL dd a.active{ color:#fff;}
.pageDL dd.pagePrew,.pageDL dd.pageNext{  position:relative; }


/*招聘*/
.recruitings_filter_box{}
.select{ appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-khtml-appearance:none;}
.select::-ms-expand { display: none;}
.job_name::placeholder{ color: #424242; }
.btn_job_search{color: #fff;  }
.btn_job_search img{  vertical-align: middle;}
.job_category,.job_address,.job_name{ color: #424242; border:solid 1px #1a3975;}
.job_category,.job_address,.job_name,.btn_job_search{ vertical-align: middle;}

.recruiting_list_box dl{ width: 100%; }
.recruiting_list_box dl dt{ display: table; width: 100%; color: #fff;table-layout: fixed;}
.recruiting_list_box dl dt div,.recruiting_list_box dl dd .job_info_tit div{ display: table-cell; vertical-align: middle; }
.recruiting_list_box dl .see{ text-align: center; }
.recruiting_list_box dl dd{ border-bottom: solid 1px #cdcdcd; }
.recruiting_list_box dl dd .job_info_tit{ display: table; width: 100%; table-layout: fixed;}
.recruiting_list_box dl dd .job_info_tit .see button{   margin: 0 auto; background: url(../images/icon_hide.svg) no-repeat center center /contain; }
.recruiting_list_box dl dd .job_info_tit .see button.btn_show{background: url(../images/icon_show.svg) no-repeat center center /contain;}

.job_info_cont{ display: none; border-top: solid 1px #cdcdcd; }
.job_info_cont tr:nth-child(odd) td{ font-weight:bold; }
.job_info_cont table{ width: 100% !important; }
.job_info_cont tr td p{ margin: 0; padding: 0.5% 0; }

.btn_apply{ color: #fff; display: block; text-align: center; }

/*招聘弹窗*/
.tc_apply_box{ position: fixed; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; background: #fff; z-index: 9; display: none;}
.aplly_tit{  background-image: url(../images/pic_join.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; color: #fff; text-align: center; display: table; width: 100%; position: relative;}
.btn_close{ position: absolute; top: 0; right: 10px; font-size: 30px; font-weight: bold; color: #fff; z-index: 99; }
.aplly_tit p{margin: 0;}
.aplly_tit div{vertical-align: middle; display: table-cell;}
.apply_dl dt{ display: inline-block; }
.apply_dl dd:nth-child(odd){ float: left; }
.apply_dl dd:nth-child(even){ float: right; }
.apply_dl dd label,.apply_dl dt label{ display: block;}
.apply_dl dd input{ border:solid 1px #cdcdcd; border-radius: 4px; }
.jianli{ position: relative; width: 100%; background: #f0f0f0;border:solid 1px #cdcdcd; }
.upload_input{ width: 100%; background: #f00; opacity: 0; position: relative; z-index: 2; }
.jianli span{position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto;transform: translateY(-50%); text-align: center; color: #fff; z-index: 1; background-color: rgba(26,57,117,0.8);}
.submit_apply{  color: #fff; text-align: center; border-radius: 10rem; margin: 0 auto; display: block; }


/*加入我们-二级页面其它推荐*/
.join_other_list ul{ width: 100%;}
.join_other_list ul li{ position: relative; color: #fff; text-align: center;}
.join_other_list ul li i{ width: 100%; height: 100%; position: absolute; z-index: 1; transition: all 1s;background-color:rgba(5,55,128,0.8);}
.join_other_list ul li:hover i{background-color:rgba(211,25,26,0.8);}
.join_other_img{ width: 100%; }
.join_other_cont{ position: absolute; z-index: 2; }
.join_other_list ul li a{ position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 2;}
.join_other_list ul li h1,.join_other_list ul li h6{ font-weight: normal; }
.join_other_list ul li:before,.join_other_list ul li:after{ display: none;  }
.join_other_list ul li.swiper-slide-next:before,.join_other_list ul li.swiper-slide-next:after{ display: block; }
.join_us_list ul li:last-child{ display: none; }

.join_other_recommend li:nth-child(3) a{pointer-events: none;}


/*加入我们-加入我们列表*/
.join_us_list ul li .join_other_cont{ top: 35%; transform: translateY(-35%); left: 0;}

/*加入我们-人才理念*/
.join_concept_list ul li{ position: relative;}
.join_concept_list ul li:first-child:before{ display: none; }
.join_concept_list ul li:after{ content: ""; display: block;  border:solid 1px #d2d2d4; position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); z-index: 0;}
.join_concept_cont,.join_concept_pic{ position: relative; z-index: 2; }
.join_concept_pic{ width: 100%; position: relative; padding-bottom: 62.6%; }
.join_concept_pic img{ width: 100%; height: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; }
.join_concept_cont h1,.join_concept_cont h6{ font-weight: normal; }
.join_concept_cont h6{ text-transform: uppercase;}

/*加入我们-选择理由*/
.join_reason_tab_cont{ height: calc(100vw * 0.45); }
.other_tab_tit li{ text-align: center; color: #fff;}
.other_tab_tit .arrow-left,.other_tab_tit .arrow-right{ display: none; }
.other_tab_cont{ position: relative; width: 100%; }
.other_tab_cont li{ position: relative; width: 100%; }
.other_tab_cont_pic{ width: 100%;width: 100%; min-width:100%;height:100%;min-height:100%;transition:1s linear;transform:scale(1.1,1.1); position: relative; }
.other_tab_cont_pic img{ width: 100%; height: 100%; }
.other_tab_cont .swiper-slide-active>.other_tab_cont_pic,.other_tab_cont .swiper-slide-duplicate-active>.other_tab_cont_pic{transition:3s linear;transform:scale(1,1);}

.join_reason_cont{ position: absolute; top: 50%;background-color: rgba(211,25,26,0.86); transform: translateY(-50%); z-index: 2; color: #fff; }
.join_reason_cont h1{ font-weight: normal;}
.join_reason_cont p{  }
.join_reason_cont span{ border-top: solid 1px #fff; text-transform: uppercase; display: block;   }
.other_tab_cont .swiper-slide-active .join_reason_cont{ animation: join_reason_cont 1s 1;}
@-webkit-keyframes join_reason_cont{0%{opacity:0; left: -10%;}100%{opacity:1; left: 10%;}}
@keyframes join_reason_cont{0%{opacity:0; left: -10%;}100%{opacity:1; left: 10%;}}

/*员工故事*/
.join_story_list{ position: relative;}
.join_story_list li{ position: relative; }
.story_pic{ background: #333; }
.story_pic img{ width: 100%; }
.story_video { display: none; }
.story_video video{ width: 100%; height: 100%; object-fit: fill}
.join_story_list li .btn_big_video{ display: block; text-align: center; vertical-align: middle; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.story_big{ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9;display: none;}
.story_big .story_video{ height: auto; }

/*企业概况*/
.company_info_box{ position: relative; display: table; width: 100%; margin-top: -3%; }
.company_blue_bottom{ width: 100%;  position: absolute; bottom: 0; left: 0; z-index: 0;}
.company_tit i{ display: block; border-radius: 10rem; }
.company_left,.company_right{ display: table-cell;  }
.company_left{ vertical-align: top;  }
.company_left h1{  text-transform: uppercase; }
.company_left h1 font{ font-weight: normal;  }
.company_right{ position: relative; z-index: 2;vertical-align: bottom; }
.company_right img{ width: 100%; display: block;}
.company_blue_bottom:before{content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.24 47.62'%3E%3Cg data-name='2'%3E%3Cpath d='M32.24 23.82l-3.47 1-2.77.84a10.58 10.58 0 0 0-7.39 8.27l-2.5 13.69-2.5-13.69a10.55 10.55 0 0 0-7.4-8.27l-1.16-.33L0 23.82l5.14-1.53L6.22 22a10.52 10.52 0 0 0 7.4-8.25L16.12 0l2.5 13.71A10.56 10.56 0 0 0 26 22l3.3 1z' fill='%23ffffff' data-name='1'/%3E%3C/g%3E%3C/svg%3E") no-repeat left bottom /cover; display: block; position: absolute; }

/*企业理念*/
.about_concept_box{ height: calc(100vw * 0.44); }
.company_idea_cont{ background: url(../images/about_linian.svg) no-repeat right top; height: 100%; position: absolute; right: 0; top: 0; z-index: 2; color: #fff; text-align: center; }
.company_idea_cont h1{ font-weight: normal; }
.company_idea_cont span{ text-transform: uppercase; }
.company_idea_cont img{ display: block;}
.company_idea_cont>div{ transform: translateY(-50%); top: 50%; position: relative; }

/*发展历程*/
.history_list{position: relative; }
.history_bg,.history_list{ width: 100%; }
.history_list:before{ content: ""; width: 1px; height: 100%; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; border-right: dashed 1px rgba(255,255,255,0.6); z-index: 2; }
.history_bg img{ width: 100%; display: block;}
.history_bg i{ background-color: rgba(9,57,121,0.71); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.history_list .history_list_cont{ position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 2;  bottom: 0; padding-top: 2%; padding-bottom: 2%;}


.history_list li{ border-top: dashed 1px rgba(255,255,255,0.6);}
.history_main{ display: flex;width: 100%;}
.history_left,.history_right{ display: table-cell; vertical-align: top; color: #fff; }
.history_left span{ position: relative;  display: block;}
.history_left i,.history_left s{ display: block; position:absolute; top: 50%; transform: translateY(-50%);}
.history_left i{ border-radius: 100%;}
.history_left s{ width: 100%;}

.history_right h1{ font-weight: normal;}
.history_list li.swiper-slide-active .history_left i{background: url(../images/icon_red_start.svg) no-repeat center center; background-size: 100%; }
.history_list li:nth-child(odd) .history_main{ flex-direction: row; }

.history_list li:nth-child(even) .history_main{ flex-direction: row-reverse; text-align: right; }

/*企业荣誉*/
.honor_tab_tit{ text-align: center; }
.honor_tab_tit li{ text-align: center; color: #fff; width: 18%; margin: 0 1%; display: inline-block;}
.honor_start{ display: block; }
.honor_tab_cont{ position: relative; }
.honor_tab_cont .swiper-container{ width: 100%; }
.honor_tab_cont li{ text-align: center;transform: scale(0.6); transition: all 1s; position: relative;}
.honor_tab_cont li div{ background: url(../images/honor_pic.png) no-repeat center top /100% 100%; }
.honor_tab_cont li img{ display: block; width: 100%; height: 100%;}
.honor_tab_cont li.swiper-slide-prev,.honor_tab_cont li.swiper-slide-next{transform: scale(0.8); position: relative;}
.honor_tab_cont li{}
.honor_tab_cont li.swiper-slide-active{transform: scale(1); z-index: 9;}
.honor_tab_cont li.swiper-slide-prev{ left:-2% }
.honor_tab_cont li.swiper-slide-next{ right: -2%; }
.honor_tab_cont{ z-index: 1; background: #fff; opacity: 0; height: 0; overflow: hidden;}
.honor_tab_cont.on{ z-index: 2; display: block; opacity: 1; height: auto;}

.honor_tab_cont li div {
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
}

/*关于我们-六大基地*/
.six_bases_pic{ width: 100%; overflow: hidden; }
.six_bases_pic img{ width: 100%; display: block; transform: scale(1,1); transition: all 1s; }
.six_bases_main{ display: table;  border-bottom: solid 1px #d4d4d6; }
.six_bases_left,.six_bases_right{ display: table-cell; vertical-align: middle; position: relative; }
.six_bases_cont{}
.six_bases_right{color: rgba(26,57,117,0.08); text-align: right; font-weight: bold; }
.six_bases_left h1{  font-weight: normal; }
.six_bases_list li:nth-child(3n+1):before{ display: none; }
.six_bases_list li:hover .six_bases_pic img{transform: scale(1.1,1.1);}

/*用户服务*/
.banner_common h3{display: inline-block;  }
.banner_common h4{  background-color: rgba(20,122,198,0.7);}

/*客户服务-列表*/
.serve_lsit li.swiper-slide-next i,.serve_lsit li.add_hover i{background-color:rgba(211,25,26,0.8);}
.serve_lsit li.remove_hover i{ background-color:rgba(5,55,128,0.8);}
.serve_lsit li p{ color: #fff; text-align: center;}

.serve_lsit ul{ width: 100%;}
.serve_lsit ul li{ position: relative; color: #fff; text-align: center;}
.serve_lsit ul li i{ width: 100%; height: 100%; position: absolute; z-index: 1; transition: all 1s;background-color:rgba(5,55,128,0.8);}
.serve_lsit ul li:hover i{background-color:rgba(211,25,26,0.8);}
.serve_lsit .join_other_img{ width: 100%; }
.serve_lsit .join_other_cont{ position: absolute; z-index: 2; }
.serve_lsit ul li h1,.serve_lsit ul li h6{ font-weight: normal; }
.serve_lsit ul li:before,.serve_lsit ul li:after{ display: none;  }
.serve_lsit ul li.swiper-slide-next:before,.serve_lsit ul li.swiper-slide-next:after{ display: block; }


/*用户服务-案例*/
.serve_case_box{ position: relative; height: calc(100vw * 0.423); }
.serve_case_pic .swiper-slide{ width: 100%; }
.serve_case_pic img{ display: block; width: 100%; }
.serve_left_cont.swiper-container,.serve_right{ position: absolute; bottom: 0; background-color: rgba(0,57,125,0.8); color: #fff; z-index: 2; }
.serve_left_cont{ left: 0;  white-space:nowrap;}
.serve_left_cont a{ color: #fff;  display: block;}
.serve_left_cont .swiper-slide{ width: 100%; }

.serve_right{ display: table; z-index: 2;}
.serve_name_box,.serve_red_bg{ display: table-cell; vertical-align: bottom; }
.serve_name_box h1,.serve_name_box h2{ font-weight: normal; }
.serve_name_box h2{ text-transform: uppercase;}
.serve_red_bg div{  position: relative; text-align: center; }
.serve_red_bg img{ display: block;  position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto; }
.serve_name_box i{display: block; }

/*用户服务-服务方式 */
.serve_way_box li{ display: table; float: left;}
.serve_way_icon,.serve_way_main{ display: table-cell; vertical-align: top;}
.serve_way_icon img{ display: block; margin: 0 auto;}
.serve_way_main a{ color: #424242; }

/*复星专题-新冠专题*/
.banner_img i{ width:100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,55,125,0.8); }
.ncov_info .product_datails_info_cont img{ vertical-align: middle; }

/*复星专题-新冠专题-适用人群*/
.applicable_box{ overflow: hidden; }
.applicable_main ul{ width: 100%; overflow: hidden; height: 100%; }
.applicable_main li{ position: relative;  text-align: center; color: #fff; height: 100%; float: left;  }
.applicable_mar{ background-color: rgba(0,57,130,0.8); height: 100%; float: left;}
.applicable_main li:nth-child(3n+1) .applicable_mar{margin-right: 2px; width: calc(100% - 2px);}
.applicable_main li:nth-child(3n+2) .applicable_mar{background-color: #c23128;margin-right: 2px; margin-left: 2px; width: calc(100% - 4px);}
.applicable_main li:nth-child(3n+3) .applicable_mar{ margin-left: 2px; width: calc(100% - 2px);}
.applicable_pic{  position: relative;}
.applicable_pic img{ display: block; position: absolute;  width: 100%; height: 100%; }
.applicable_main li i{background: #fff; border-radius: 10rem; display: block;}
.applicable_main li:first-child:before{ display: none; }

/*复星专题-新冠专题-操作示意图*/
.operation_list table{ width: 100%; border-collapse: collapse; table-layout: fixed; }
.operation_list table td{ border:dotted 1px #7d7d7d; position: relative;}
.operation_list table tr:first-child td{ color: #fff; }
.operation_list table td img{ display: block; }
.operation_list table td p:first-child{ position: absolute; left: 10%; top: 10%; }

/*复星专题-新冠专题-采购渠道*/
.purchase_tit{ color: #b7b7b7;  text-align: center; width: 100%; }
.purchase_box{ position: relative; }
.purchase_box li{ position: relative; }
.purchase_box li:before{ border:solid 1px #e3e3e5;width: calc(100% - 2px); height: calc(100% - 2px); content: ""; display: block; position: absolute;top:0; left: 0; }
.purchase_pic{ position: relative;}
.purchase_box li:hover:before{ border-width: 1px; border-style: solid; }
.small_pic .swiper-slide .product_img img,.big_pic .product_img img,.purchase_pic img{display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

/*侧浮动*/
.float_call_box{ position: fixed; top: 50%; right: 0; }
.float_call_box ul li{ position: relative; width: 100%; display: table; margin-bottom: 5px; }
.icon_float,.float_cont{ vertical-align: middle; }
.float_call_box ul li .icon_float{ width: 30px; float: right;}
.float_call_box ul li .icon_float img{ width: 100%; display: block; }
.float_cont{ background: #fff;   height: 28px; line-height: 28px; overflow: hidden; position: absolute; top: 0; right: 30px;white-space:nowrap; transition: width 1s; width: 0; }
.float_call_box ul li:hover .float_cont{ width: auto;border-width: 1px;border-style: solid;}

/*搜索*/
.search_list_box li{ width: 100%; position: relative;}
.search_list_box li:before,.search_list_box li:after{ content: ""; position: absolute; top: 0; height: 1px; display: block;}
.search_list_box li h1{ font-weight: normal; }
.search_list_box li .search_info{  overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}






