/* ====首页====== */

body{ background-color:#fff;}

/** header **/

.header{ position:fixed; width: 100%; left: 0; top: 0; z-index:100; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);}

.headerHeight{ height: 80px;}

.header.on  .nav li{ display: none;}

.header.on  .fixedShowPoint{ display: inline-block !important;}

.loarea{ height:80px; position:relative; z-index:3;}

.loarea .wp{ display: flex; justify-content: space-between; }

.logo{ width:280px; display:flex; align-items: center;}

.logo .tp{ height:56px; width:auto;}



/*PC导航 begin*/

.nav{  z-index:5;}

.navul{ font-size:0;}

.navul li{ display:inline-block; font-size:16px;position:relative;}

.navul li>a{  padding:0 1.6em; text-align:center; display:inline-block; line-height:80px; height:80px; position: relative;}

.navul li>a::after{ content: ""; display: block; width: 0em; height: 2px; background-color:#E62A48 ; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

.navul li>a:hover,.act_nav{color:#E62A48 !important;}

.navul li>a:hover::after,.act_nav::after{  width: 2em !important;}



/*PC导航end*/

.subnav{ position:absolute; display: none;  }

.subnavNormal{left:50%; margin-left: -60px; top:80px; width:120px;padding-top: 0px;}

.subnav:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px; display: none;}

.subnav>.nr{background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }

.subnav .nr a{text-align:left; line-height:2; padding: 6px 0; width:100%; font-size:13px; display:block;  color:#fff; text-align:center; }

.subnav .nr a:hover{ color: #fff !important; background-color: #E62A48; }



/*手机导航按钮及下拉菜单begin*/

.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}

.menubtn i{ display:block; width:21px; height:3px; background-color:#E62A48; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}

.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}

.menubtn i:nth-child(2){ top:11px;}

.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}

.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}

.menubtn.on i:nth-child(2){ opacity:0;}

.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

/*小导航*/

.inav{ width:400px; max-width:80%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }

.navlogo{ padding: 30px;}

.navlogo .tp{ max-width: 66%;}

.inav ul{ margin: 0 30px;}

.inavul li{border-bottom:1px solid #363636;}

.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}

.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 18px; }

.act_inav{ border-color: #E62A48 !important; color:#E62A48 !important;}

.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.inavul .nr{ display: none; padding:5px 30px 5px 40px;}

.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}

/*手机导航按钮及下拉菜单end*/

/*banner begin*/

.banner{ position:relative; z-index:3; }

.banner .swiper-slide{position:relative; overflow:hidden;}



.banner .swiper-slide:hover .banimg{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }

.banIntro{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.banIntro  .wp{}

.banIntro .inner{ width: 500px; max-width: 100%;}

.banIntro .tit{ font-size: 48px; font-weight: bold; line-height: 1.3; }

.banIntro .subtit{ color: #666;  margin-top: 20px;}

.banIntro .line{ width: 62px; height: 10px; background-image: linear-gradient(90deg,#E72F4E,rgba(231, 47, 78, 0));   margin-top: 10px;}

.banIntro .mandiv{ margin-top: 40px;}

.banIntro .mandiv .sbtn{font-size: 16px; padding: 0.5em 2em;}



.banner .swiper-pagination{ bottom:24px !important;}

.banner .swiper-pagination-bullet{width:10px;height:10px;padding: 0;background-color:transparent; border:1px solid #E62A48; font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 11px !important;}

.banner .swiper-pagination-bullet-active{background-color:#E62A48;}

.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}

/* .banner .swiper-button-prev{ left:2%;}

.banner .swiper-button-next{ right:2%;} 



.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}

 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}

.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */

/*banner end*/



.h_solu{ padding: 40px 0 50px;}

.h_solu .wp{ box-sizing: border-box; box-shadow: 0 7px 30px 0 rgba(0, 0, 0, .2); text-align: center; padding: 40px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.h_solu .wp .title{ font-size: 30px; font-weight: bold;}

.h_solu .wrap{ margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}

.hsoluItem{ width: 30%;}

.hsoluItem .count{ font-size: 36px; font-weight: bold; color: #E62A48;}

.hsoluItem .count .num{}

.hsoluItem .count .unit{}

.hsoluItem .name{ font-size: 16px; margin-top: 8px;}



.h_tit{ padding: 50px 0; text-align: center;}

.h_tit .tit{ font-size: 36px; font-weight: bold; line-height: 1.2;}

.h_tit .line{ width: 82px; height: 5px; background-color: #E62A48; margin: 14px auto 0;}

.h_buss{ padding-bottom: 20px; background-color: #F9E3E6;}

.h_buss .wrap{ display: flex; flex-wrap: wrap;}

.hbussItem{ margin-bottom: 30px; background-color: #fff; box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .1); min-height: 296px; box-sizing: border-box; padding: 30px; width: 23.05%; margin: 0 2.6% 2.6% 0; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }

.hbussItem:nth-child(4n){ margin-right: 0;}

.hbussItem .tparea{ width: 64px; height: 64px; border-radius: 15px; background-color: #F9E3E6; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }

.hbussItem .tparea .tp{ width: 40px;}

.hbussItem .des{ margin-top: 18px;}

.hbussItem .des .tit{ font-size: 20px; font-weight: bold;}

.hbussItem .des .nr{ font-size: 16px; margin-top: 10px; color: #666;}

.hbussItem:hover{ box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .15);}

.hbussItem:hover .des .tit{ color: #E62A48;}

.hbussItem:hover .tparea .tp{-webkit-animation: icon-bounce 0.5s alternate;-moz-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}



.h_advan{padding-bottom: 30px;}

.h_advan .wrap{ display: flex; flex-wrap: wrap; justify-content: center; }

.hadvanItem{ width: 31.33%; margin:  0 1% 2%; border-radius: 10px; box-sizing: border-box; background-color: #fff; box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, .1); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;  border: 1px solid #E62A48;}

.hadvanItem:nth-child(1){ margin-left:2%;}

.hadvanItem:nth-child(2){ margin-right:2%;}

.hadvanItem .des{ padding: 10px 24px 20px;}

.hadvanItem .des .tit{ font-size: 24px; padding: 0.6em 0; font-weight: bold; border-bottom: 1px solid #eee;color:  #E62A48;}

.hadvanItem .des .nr{ margin-top: 12px; font-size: 18px; line-height: 1.6; }

.hadvanItem:hover{background-color:  #E62A48; transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.hadvanItem:hover .des .tit{ color: #fff;}
.hadvanItem:hover .des .nr{ color: #fff;}

.h_price{background: linear-gradient(90deg, #FFF7F9 0%, #F3F3F3 100%);}
.h_price .wp{ display: flex; justify-content: space-between; align-items: center;}
.h_price .intro{ width: 440px; padding: 20px 0;}
.h_price .intro .tit{ font-size: 36px; font-weight: bold;}
.h_price .intro .desc{ margin-top: 10px; font-size: 16px; color: #666; line-height: 1.6;}
.h_price .intro .pSearch{ margin-top: 20px; display: flex; align-items: center; padding: 10px 10px 10px 20px; background-color: #fff; border: 1px solid #DCDCDC; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; -ms-border-radius:60px; -o-border-radius:60px; }
.h_price .intro .pSearch .text{ flex: 1; height: 30px; line-height: 30px; color: #666;}
.h_price .intro .pSearch .tj{ width: 30px; font-size: 20px; line-height: 30px; color: #C91723; font-weight: bold; margin-left: 10px; cursor: pointer;}
.h_price .tparea{ width: 50%; font-size: 0;}
.h_price .tparea .tp{ width: 100%;}

.h_case{ padding-bottom: 20px 0;}

.h_case .wrap{}

.hcasePart{}

.hcasePart .wp{}

.hcasePart a{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 60px 0;}

.hcasePart:nth-child(2n) a{ flex-direction: row-reverse;}

.hcasePart .tparea1,.hcasePart .tparea2{ font-size: 0; overflow: hidden;}

.hcasePart .tparea1{ width: 63%; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.hcasePart .tparea2{ width: 34.6%;}

.hcasePart .tparea1 .tp{ width: 100%; aspect-ratio: 756/426;}

.hcasePart .tparea2 .tp{ width: 100%; }

.hcasePart .tparea1:hover .tp,.hcasePart .tparea2:hover .tp{ transform: scale(0.96); -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); -o-transform: scale(0.96); }



.h_about{}

.h_about .wp{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

.h_about .tparea{ width: 36%; font-size: 0;}

.h_about .tparea .tp{ width: 100%;}

.h_about .intro{ width: 58%; padding: 50px 0;}

.h_about .intro .h_tit{ padding: 0; text-align: left;}

.h_about .intro .h_tit .line{ margin-left: 0;}

.h_about .intro .nr{ margin-top: 35px;}

.h_about .intro .nr .wz{ color: #666; font-size: 16px; }



.h_exb{ background-color: #F9FAFC; padding: 10px 0 50px;}

.h_exb .wrap{}

.hexbSlide{ padding: 5px 0 !important;}

.hexbItem{ }

.hexbItem a{ display: flex; align-items: center; justify-content: center; background-color: #fff; border: 1px solid #fff; padding: 15px; height: 50px; text-align: center; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }

.hexbItem a .tparea{ font-size: 0;}

.hexbItem a .tparea .tp{ object-fit: contain;}

.hexbItem a:hover{ box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .1); }

.hexbItem a:hover .tparea .tp{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.footer{ padding-top: 10px; background-color: #1A1636;}

.footer .h_tit{ padding: 45px 0;}

.footer .h_tit .tit{ color: #fff;}

.footer .h_tit .line{ background-color: #fff;}



.f_t{ display: flex; justify-content: space-between; flex-wrap: wrap; color: #fff; padding-bottom: 30px;}

.faddPart{ margin-bottom: 30px;}

.faddPart:nth-child(1){ width: 25%;}

.faddPart:nth-child(2){ width: 50%; padding: 0 8%; margin: 0 5%; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, .4); border-width: 0 1px;}

.fcodePart{ width: 15%;}

.faddPart .tit{ font-size: 24px;}

.faddPart .nr{ margin-top: 15px;}

.faddPart .nr .list{ position: relative ; padding:5px 0 5px 26px;}

.faddPart .nr .list .iconfont{ position: absolute ; left: 0; top:3px; font-size: 18px;}



.fcodePart .tp{ width: 136px;}

.fcodePart .tit{ font-size: 16px; margin-top: 5px;}

.f_b{ border-top: 1px solid #fff; text-align: center;}

.copyright{ color: #fff; padding: 20px 0;}

.copyright a{ color: #fff;}

.copyright a:hover{ color: #E72F4E;}



/* 02业务介绍 */

.i_main{  min-height:400px;}

.i_ban{ font-size: 0; position: relative; overflow: hidden; }

.i_ban .tp{ width: 100%;}

.ibanIntro{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.ibanIntro .lmmc{ font-size: 32px; font-weight: bold; }



.i_tit{ text-align: center; font-weight: bold; font-size: 30px; font-weight: bold; padding: 44px 0;}



.buss{ margin-top: -50px;}

.bussItem{ padding: 55px 0;}

.bussItem:nth-child(2n){ background-color: #F9FAFC;}

.bussItem .wp{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

.bussItem:nth-child(2n) .wp{ flex-direction: row-reverse;}

.bussItem .tparea{ width: 50%; font-size: 0; overflow: hidden;}

.bussItem .tparea .tp{ width: 100%; }

.bussItem .des{ width: 50%; padding: 20px 8%; box-sizing: border-box;}

.bussItem .des .tit{font-size: 30px; font-weight: bold; line-height: 1.3;}

.bussItem .des .line{ width: 62px; height: 10px; margin-top: 15px; background-image: linear-gradient(90deg,#E72F4E,rgba(231, 47, 78, 0)); }

.bussItem .des .nr{ font-size: 16px; line-height: 1.8; margin-top:10px;}

.bussItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



/* 05案例演示 */

/* 03核心优势 */

.lm{ text-align: center; }

.lm a{ display: inline-block; margin: 0 15px 20px; font-weight: bold; position: relative; padding: 0.4em 1.8em; font-size: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; background-color: #EAEAEA; }

.lm a:hover,.actlm{  background-color: #E62A48 !important; color: #fff !important; }



.advan { padding: 70px 0;}

.advan .wp{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.advan .tparea{ width: 50%; font-size: 0;}

.advan .tparea .tp{ width: 100%;}

.advan .intro{ width: 47%; padding: 20px 0;}

.advan .intro .title{ font-size: 24px; line-height: 1.5; font-weight: bold;}

.advan .intro .nr{ margin-top: 30px;}

.advan .intro .nr .wz{ color: #666; line-height: 1.8; font-size: 16px; }



/* 07关于我们 */

.about{ padding-bottom: 46px;}

.about .wz{ font-size: 16px; text-align: center; line-height: 1.8; color: #666;}

.about .tp{ display: block; margin: 40px auto 0;}



/* 08联系我们 */

.contact{ margin-bottom: 50px;}

.contact.wp{ padding: 30px; display: flex; justify-content: space-between; box-sizing: border-box; border: 1px solid #DCDFE6;}

.cont_part:nth-child(1){ width: 60%;}

.cont_part:nth-child(2){ width: 34%;}

.con_tit{ font-size: 20px; margin-bottom: 20px;}

.contAddress{  display: flex; justify-content: space-between;}

.contAddress .box{ width: 49%; background-color: #EEEEEE; padding: 20px; box-sizing: border-box;}

.contAddress .box .tit{ font-size: 24px;}

.contAddress .box .nr{ margin-top: 10px;}

.contAddress .box .nr .list{position: relative ; padding:5px 0 5px 26px;}

.contAddress .box .nr .list .iconfont{position: absolute ; color: #E62A48; left: 0; top:3px; font-size: 18px;}



.map{ font-size: 0;  overflow: hidden; height: 310px; position: relative; flex: 1;min-height: 0; margin-top: 12px;}

.map iframe{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }



.messForm{ }

.messForm .item{ margin-bottom: 10px;position: relative;  }

.messForm .item .attrmc{ font-size: 16px; padding: 5px 0; display: block; color: #333; }

.messForm .item .attrval{ }

.messForm .text{ display: block; width: 100%; padding-left: 12px; border: none; height: 40px; line-height: 40px; font-size: 14px; border:1px solid #DCDFE6; }

.messForm .textarea{ display: block; width: 100%; padding:15px 12px 10px; border:none; height: 90px;  font-size: 14px; border:1px solid #DCDFE6; }

.act_mess{ color: #C91723 !important; border-color:#C91723 !important; } 

.messForm .mandiv{ padding-top: 40px; }

.messForm .mandiv .sbtn{ padding: 0.6em 4em; font-size: 16px; box-shadow: 0 2px 8px 0 rgba(231, 47, 78, .4); }



/* 04快速报价—FDA产品认证单价 */

.quote{ padding-bottom: 100px; width: 890px; margin: 0 auto; max-width: 100%;}

.quoteTit{ display: flex; justify-content: space-evenly; }

.quoteTit .list{font-size: 20px; font-weight: bold; background-color: #EEEEEE; cursor: pointer; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; width:32%; padding: 0.5em 0; text-align: center; }

.quoteTit .list:hover,.act_quote{ background-color: #E62A48 !important; color: #fff !important;}



.quoteContent{width: 890px; max-width: 94%; margin: 35px auto 0;   display: none;}

.quoteContent.active {

    display: block;

    animation: fadeIn 0.5s;

}

.quoteBox{ background-color: #EEEEEE;  padding: 30px 100px 40px;}

.quote_tit{ font-size: 24px; font-weight: bold; text-align: center;}

.quoteForm{ margin-top: 35px;}

.quoteItem{ margin-bottom: 22px;position: relative;  display: flex; align-items: center; background-color: #fff; border: 1px solid #C9CBD3; }

.quoteItem .attrmc{ font-size: 16px; padding: 5px 15px; width: 140px; display: block; color: #333; }

.quoteItem .attrval{ flex: 1; min-width: 0; padding-right: 15px; box-sizing: border-box; }

.quoteItem .text,.quoteItem .select{ display: block; width: 100%; padding-left: 22px; border: none; height: 48px; line-height: 48px; font-size: 14px; }

.quoteForm .formConfirm{ padding-top: 5px; }

.quoteForm .formConfirm .sbtn{ font-size: 16px; font-weight: bold; padding: 0.9em 0;}

.totalprice{ margin-top: 12px; padding: 20px; background-color: #eee;display: none;}

.totalprice .price{ font-size: 24px; margin-left: 20px;}



























.hbussItem .des .tit,.hadvanItem,.hadvanItem .des .tit,.bussItem .tparea .tp,.quoteTit .list{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }