@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}
.hidden{display:none; background: url() no-repeat center;}
@font-face {
    font-family: "font1";
    src: url(../images/alt.otf);  
    
}
.sjd{display:none;}
.header{height: 115px;background: #fff;}
.top{background:url(../jhfuebvmed/a_01.png) no-repeat center center; height: 35px;}
.topbox{width: 1440px; margin: 0 auto;}
.topbox p{ line-height: 35px;text-align: right; color: #fff;}
.topbox p a{color: #fff;}
.headerbox{width: 1440px;  margin: 0 auto;}
.logo{width: 480px; float: left;}
.logo img{width: 100%;}
.header_right{float: right;overflow: hidden;}
.lxdh{float: right; line-height: 80px;}
.lxdh p{font-size: 16px; color: #ff0000;}
.lxdh img{display: inline-block;vertical-align: middle; margin: -3px 22px 0 0;}
.nav{float: right;}
.nav img{display: none;}
.nav li{float: left; padding:0 40px 0 0; position: relative;}
.nav a{display: block;  line-height: 80px; font-size: 16px; color: #333; position: relative;transition: All 0.4s ease-in-out;}
.nav a:hover{ color: #123a91;}

.nav .cur a{color: red;}
.banner img{width: 100%;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px;background: #fff;border-radius: 7px;opacity: 1;}
.banner .swiper-pagination-bullet-active{width: 55px; background: #7fbd11;}
.wz1440{width: 1440px; margin: 0 auto;}
.fwxm_tit{position: relative; margin: 65px 0 45px;}
.fwxm_tit h2{font-size: 28px; font-weight: bold; color: #123a91;margin-bottom: 20px;}
.fwxm_tit p{color: #818181; font-size: 14px;}
.fwxm_tit a{position: absolute; right: 0; font-size: 14px; color: #818181;background: url(../images/a_13.png) no-repeat right center; padding-right:38px ; line-height: 24px;top:50%; transform: translateY(-50%);}
.fwxm_nr img{width: 100%; border: 1px solid #efefef;}
.fwxm_nr p{font-size: 16px; color: #000;text-align: center; line-height: 75px;}
.fwxm_nr{position: relative; padding-bottom: 25px;border-bottom: 1px solid #efefef;}
.fwxm_nr img:hover{border: 1px solid red;}
.fwxm_nr a:hover p{color: red;}
.fwxm_nr .swiper-button-next{background: url(../images/a_22.png) no-repeat center center #fff; width: 38px; height: 38px;border-radius: 50%; right: calc(50% - 45px); margin: 0; top: auto;bottom: -18px;}
.fwxm_nr .swiper-button-next:hover{background: url(../images/a_24.png);}
.fwxm_nr .swiper-button-prev{background: url(../images/a_21.png) no-repeat center center #fff; width: 38px; height: 38px;border-radius: 50%; left: calc(50% - 45px); margin: 0; top: auto;bottom: -18px;}
.fwxm_nr .swiper-button-prev:hover{background: url(../images/a_25.png)  no-repeat center center #fff; width: 38px; height: 38px;border-radius: 50%;}

.mkxq{background: url(../images/a_02.png) no-repeat right top;background-size: 800px auto;}
.mknr{background: url(../images/a_28.png) no-repeat 20% center; height: 628px;background-size: cover;}
.mknrbox{width: 1440px; margin: 0 auto;}
.mktext{width: 580px; padding: 75px 0 0  0;}
.mktext h2{position: relative; font-weight: bold; color: #fff;font-size: 26px; padding-bottom: 55px;}
.mktext h2:before{border-bottom: 4px solid #7fbd11; width: 64px; position: absolute; content: ""; left: 0; bottom: 20px;}
.mktext p{color: #fff; font-size: 14px; line-height: 36px;text-align:justify; word-break: break-all;}
.mktext ul{overflow: hidden; margin-left: -45px; padding-top: 30px;}
.mktext li{float: left; padding: 0  45px;border-right: 1px solid #2f85c9;}
.mktext h3{color: #fff; font-family: "font1";font-size: 70px; margin-bottom: 17px;}
.mktext h4{color: #fff; font-size: 14px;}
.mktext ul li:nth-child(2){ border: none;}
.mktext a{display: block; margin-top: 30px; width: 146px; line-height: 43px;font-size: 14px; text-align: center; background: #7fbd11;color: #fff;}

.news{overflow: hidden; padding-bottom: 95px;}
.news_left{float: left;width: 667px; }
.news_left img{width: 100%;}
.news_tp{position: relative;}
.rqnr{text-align: center; position: absolute; top: 35px; right: 35px; width: 75px;height: 75px;background: #7fbd11;}
.rqnr h2{color: #fff; line-height: 52px; font-size: 36px;}
.rqnr p{font-size: 14px;color: #fff;}
.news_text{border: 1px solid #eee; padding: 30px;}
.news_text h2{font-weight: bold; font-size: 20px; color: #333; margin-bottom: 10px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_text p{font-size: 16px; line-height: 30px; color: #818181; margin-bottom: 10px;}
.taoa{height: 1px; background: #eeeeee;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_text a{margin-top: 10px; font-size: 14px; color: #7fbd11;display: block; line-height: 30px;}
.news_right{float: right; width: calc(100% - 730px);}
.news_right ul{border-top: 1px solid #eee;}
.news_right li{padding: 30px 0; border-bottom: 1px solid #eee;}
.news_right h2{font-size: 20px; color: #333; margin-bottom: 15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_right p{font-size: 16px; color: #818181; line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_right h3{font-size: 14px; margin-top: 10px; color: #818181;}
.news_right h3 a{color: #818181;}
.news_right h3 a:hover{color: #7fbd11;}
.news_right img{display: inline-block; margin: -3px 10px 0 0;}

.qyry{overflow: hidden;}
.qyry_left{float: left; width: 50%;}
.qyry_left img{width: 100%;}
.qyry_left p{font-size: 20px; line-height: 88px; width: 100%; padding: 0 50px; color: #fff; background: rgba(0,0,0,.7); position: absolute; left: 0; bottom: 0;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.qyry_left .swiper-pagination{text-align: right; line-height: 60px; padding-right: 40px;}
.qyry_left .swiper-pagination-bullet{width: 15px;height: 15px;background: #fff;opacity: 1;}
.qyry_left .swiper-pagination-bullet-active{background: #7fbd11;}
.qyry_right{float: right; width: 50%; position: relative;}
.qyry_right img{width: 100%;}
.qyry_text{position: absolute; left: 70px;top:50%; transform: translateY(-50%);}
.qyry_text h2{font-weight: bold; font-size: 28px; margin-bottom: 35px; color: #fff;}
.qyry_text p{color: #fff;font-size: 14px; line-height: 30px;}
.qyry_text a{display: block; text-align: center;border: 1px solid #fff; font-size: 14px; color: #fff; width: 145px; line-height: 40px; margin-top: 20px;transition: All 0.4s ease-in-out;}
.qyry_text a:hover{background: #7fbd11; border: 1px solid #7fbd11;}


.footer{background: url(../jhfuebvmed/a_04.png) no-repeat center center;background-size: cover;}
.footerbox{width: 1440px; margin: 0 auto; overflow: hidden; padding: 60px 0 80px;}
.foot_left{float: left;width: calc(100% - 360px);}
.foot_left ul{overflow: hidden;}
.foot_left li{float: left; width: 60%;}
.foot_left ul li:nth-child(2){ width:40%;}
.foot_left h2{font-size: 24px; color: #fff; margin-bottom: 40px;}
.foot_left dt{font-size: 16px; color: #fff; line-height: 36px;}
.foot_left dt a{color: #fff;}
.foot_left dt a:hover{opacity: 0.8;}
.foot_right{width: 360px;float: right;}
.foot_right h2{font-size: 24px; color: #fff; margin-bottom: 50px;}
.foot_right ul{overflow: hidden;}
.foot_right li{width: 50%; text-align: center;float: left;}
.foot_right img{margin: 0 auto;}
.foot_right p{font-size: 16px;color: #fff; margin-top: 25px;}
.bqxx{border-top: 1px solid rgba(255,255,255,.2); padding: 15px 0;}
.bqxxbox{width: 1440px; margin: 0 auto;}
.bqxxbox p{line-height: 22px; font-size: 14px; color: #fff;}
.bqxxbox p a{color: #fff;}
.bqxxbox p a:hover{opacity: 0.8;}

/*产品中心*/
.banner1{background: url(../jhfuebvmed/banner1.png) no-repeat center center; height: 350px;background-size: cover;}
.banner_text{width: 1440px; margin: 0 auto; padding-top: 130px;}
.banner_text h2{font-weight: bold; font-size: 30px; color: #7fbd11; margin-bottom: 25px;}
.banner_text p{font-size: 14px; color: #7fbd11;}
.dqwz{background: #f6f6f6;}
.dqwzbox{width: 1440px; margin: 0 auto; overflow: hidden;}

.dqwzbox p{float: right; font-size: 14px; line-height: 70px; color: #818181;}
.dqwzbox p a{color: #818181;}
.dqwzbox p a:hover{color: #7fbd11;}
.dqwzbox ul{float: left;overflow: hidden;}
.dqwzbox li{float: left; color: #e5e5e5;}
.dqwzbox li a{font-size: 14px; color: #000000; display: inline-block;padding: 0 30px; line-height: 65px; }
.dqwzbox li.cur a{border-bottom: 5px solid #7fbd11;}
.dqwzbox li a:hover{border-bottom: 5px solid #7fbd11;}
.pczx {padding: 70px 0 0 0;}
.pczx ul{overflow: hidden; margin-left: -38px;}
.pczx li{width: 25%; padding-left: 38px;float: left;}
.pczx img{width: 100%; border: 1px solid #ddd;}
.pczx p{font-size: 16px; color: #222222; line-height: 52px;text-align: center;}
.pczx a:hover img{border: 1px solid #7fbd11;}
.pczx a:hover p{color: #7fbd11;}

.fynr{padding: 80px 0 115px;text-align: center;}
.fynr li{display: inline-block; padding: 0 3px;}
.fynr li a{display: block; line-height:41px ; font-size: 14px; color: #222; padding: 0 16px;border-radius: 6px; background: #ededed;}
.fynr li.cur a{background: #123a91;color: #fff;}
.fynr li.active a{background: #123a91;color: #fff;}
.fynr li a:hover{background: #123a91;color: #fff;}
.fynr ul li:nth-child(1) a{background: #828282;color: #fff;}
.fynr ul li:nth-child(8) a{background: #828282;color: #fff;}
.fynr ul li:nth-child(1) a:hover{background: #123a91;color: #fff;}
.fynr ul li:nth-child(8) a:hover{background: #123a91;color: #fff;}

/*关于我们*/
.gywm_tit h2{font-weight: bold; font-size: 30px; color: #000;text-align: center; padding: 70px 0 45px;border-bottom: 1px solid #eee;}
.gywm_nr{padding: 50px 0 70px;}
.gywm_nr img{max-width: 100%; margin: 0 auto 40px auto;}
.gywm_nr p{font-size: 16px; line-height: 40px;text-indent: 32px;text-align:justify; word-break: break-all;color: #000000;}

/*联体我们*/
.lxwm_nr{overflow: hidden;position: relative;}
.lxwm_nr img{float: right;}
.lxwm_text{position: absolute;left: 0;top: 0; width: 540px;height: 100%; background-image: linear-gradient(to right, #194195 , #06bbfe);}
.lxwmxq{position: absolute; left: 47px;top:50%; transform: translateY(-50%);}
.lxwmxq h2{font-weight: bold; color: #fff; font-size: 24px; margin-bottom: 30px;}
.lxwmxq p{color: #fff; font-size: 16px; line-height: 36px;}

.khly{background: #f8f8f8; padding: 0 50px 50px 50px;border: 1px solid #ebebeb; margin: 55px 0;}
.khly h2{font-size: 30px; font-weight: bold; color: #000;text-align: center; padding: 63px 0  55px;}
.khly ul{overflow: hidden; margin-left: -35px;}
.khly li{float: left; width: 50%; padding: 0 0 25px 35px;overflow: hidden;}
.wby1{height: 160px; padding: 15px; font-family: "微软雅黑";background: #fff;width: 100%;}
.khly ul li:nth-child(1){ width:100%;}
.wby2{background: #fff;width: 100%; height: 42px; line-height: 42px; padding: 0 15px;}
.khly span{line-height: 42px;text-align: center; width: 90px; font-size: 18px; color: #20a19c; float: right;font-weight: bold; background: #fff;}
.wby3{background: #fff;width: calc(100% - 100px); height: 42px; line-height: 42px; padding: 0 15px;float: left;}
.btna{width: 100%; height: 42px; font-size: 14px; border: none; color: #fff;background: #333333;cursor: pointer; margin-top: 15px;}
.btna:hover{background: #7fbd11;}
/*生产车间*/
.sccj_nr{padding: 55px 0 85px;}
.sccj_nr ul{overflow: hidden; margin-left: -55px;}
.sccj_nr li{float: left; width: 25%; padding: 0  0 25px 35px;}
.sccjbox {display: block;}
.sccjbox img{border: 1px solid #ddd; width: 100%; padding: 10px;}
.sccjbox p{font-size: 16px;text-align: center; line-height: 70px; color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sccj_nr a:hover img{border: 1px solid #7fbd11;}
.sccj_nr a:hover p{color: #7fbd11;}

/*新闻中心*/
.xwzx{padding: 50px 0 0 0;}
.xwzx_top{overflow: hidden; padding: 18px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.xw_left{float: left; width: 237px;}
.xw_left img{width: 100%;}
.xw_right{float: right; width: calc(100% - 265px); padding-top: 25px;}
.xw_right h2{font-weight: bold; margin-bottom: 15px;}
.xw_right h2 a{color: #000;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;display: block;}
.xw_right h2 a:hover{color: #123A91;}
.xw_right p{font-size: 14px; line-height: 24px; color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xw_right h3{font-size: 14px; margin-top: 20px;color: #999;}
.xw_right h3 img{display: inline-block;vertical-align: middle; margin: -3px 9px 0 0;}
.xwzx  ul{padding-top: 25px;}
.xwzx  ul li{padding-bottom: 25px;}
.xwzx  ul li a{display: block; overflow: hidden; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  box-shadow:0 0 10px rgba(0, 0, 0, .1);padding: 27px 0;}
.xwrq_left{float: left; width: 110px;text-align: center;}
.xwrq_left h2{font-size: 30px; color: #7fbd11; font-weight: bold; padding: 15px 0  10px;}
.xwrq_left p{font-size: 14px; color: #999999;}
.xwrq_right{float: right; width: calc(100% - 110px); padding-right: 20px;}
.xwrq_right h2{font-size: 20px; color: #222222; margin-bottom: 15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.xwrq_right p{font-size: 14px; color: #666; line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xwzx  ul li a:hover .xwrq_right h2{color: #7fbd11;}

@media(max-width:1460px){
.topbox{width: 100%; padding: 0 1%;}
.headerbox{width: 100%; padding: 0 1%;}
.nav li{padding-right: 20px;}
.logo{width: 380px;}
.wz1440{width: 100%; padding: 0 1%;}
.mknrbox{width: 100%; padding: 0 1%;}
.mktext{width: 500px;}
.qyry_left p{font-size: 16px; padding: 0 15px; line-height: 50px;}
.qyry_left .swiper-pagination{line-height: 30px;}
.footerbox{padding: 60px 1%; width: 100%;}
.bqxxbox{width: 100%; padding: 0 1%;}
.dqwzbox{width: 100%; padding: 0 1%;}
.banner_text{width: 100%; padding: 130px 1% 0 1%;}
}
@media(max-width:1200px){
.top{display: none;}
.lxdh{display: none;}
.header{position: fixed; width: 100%; left: 0; top: 0; height: 50px;background: #fff;z-index: 100;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.topbox{display: none;}
.logo{width: 180px; position: absolute; left: 1%; top: 10px;padding: 0;}
.nav{position: fixed; width: 160px; background: #fff; left: -200px; top: 0; height:100vh; overflow: auto; padding:40px 0 0 0;}
.nav img{width: 120px; margin: 0 auto;display: block;}
.nav li{font-size: 15px;  padding: 0 10px; width: 100%; border-bottom: 1px solid #eee; }
.nav a{line-height: 55px;font-size: 16px;}
.dhbtn{position: absolute; background: url(../images/dm1.png) no-repeat center center #e14424;background-size: 20px 20px; right: 3%; top: 10px;width: 30px; height: 30px;border-radius: 3px;}
.dhbtn.on{ background: url(../images/dm2.png) no-repeat center center #e14424;background-size: 20px 20px; }
.dhbj{position: fixed; width: 100%; height: 100%; z-index: 50; top: 0; left: 0;background: rgba(0,0,0,.8);display: none;}
.sub{position: static;}
.sub a{line-height: 40px; font-size: 12px;text-align: left; padding-left: 30px; }

.banner{padding-top: 50px;}
.banner .swiper-pagination-bullet{width: .14rem;height: .14rem;border-radius: 0.07rem;}
.banner .swiper-pagination-bullet-active{width: .4rem;}
.wz1440{width: 100%; padding: 0 3%;}
.fwxm_tit{margin: 40px 0 20px; overflow: hidden;}
.fwxm_tit h2{font-size: 20px; line-height: 1.5; margin-bottom: 10px;}
.fwxm_tit p{padding: 0 120px 0 0; line-height: 1.4;font-size: 12px;}
.mknrbox{padding: 0 3%;}
.mktext{max-width: 100%;}
.mktext h2{font-size: 20px;}
.mktext ul{margin-left: -20px;}
.mktext li{padding: 0 20px;}
.mktext h3{font-size: 24px;}
.mktext h4{font-size: 12px;}
.news_left{float: none; width: 100%;}
.rqnr{top: 15px;right: 15px;}
.news_text{padding: 15px;}
.news_right{float: none; width: 100%; margin-top: 20px;}
.news{padding-bottom: 40px;}
.qyry_left{float: none; width: 100%;padding-bottom: 20px;}
.qyry_left .swiper-pagination{padding-right: 15px;}
.qyry_right{width: 100%; float: none; margin-bottom: 20px;}
.qyry_text{left: 0; padding: 15px;}
.qyry_text h2{font-size: 20px; margin-bottom: 10px;}
.qyry_text p{line-height: 1.6;}
.qyry_text a {margin-top: 5px;width: 100px;height: 30px;line-height: 30px;}
.qyry_left p{font-size: 14px; padding-right: 100px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.foo_topbox img{width: 150px; margin: 0 auto;}
.footerbox{padding: 15px 3%;}
.foot_left{display: none;}
.foot_right{width: 100%; float: none;}
.foot_right h2{font-size: 20px; margin-bottom: 20px;text-align: center;}
.foot_right li{width: 50%; padding: 0 10px;}
.foot_right li img{max-width: 100%;}
.rwm{margin: 0 auto;}
.bqxxbox p{text-align: center;font-size: 12px;}
.bqxxbox span{display: block; width: 100%; float: none;}
.bqxxbox{width: 100%; padding: 0 3%;}

.banner1{height: 250px;}
.banner_text{padding: 100px 3% 0 3%;}
.banner_text p{font-size: 12px;}
.dqwzbox p{font-size: 12px; line-height: 40px;width: 100%;}
.dqwzbox li a{font-size: 12px; line-height: 30px; padding: 0 10px;}
.pczx{padding-top: 20px;}
.fynr{padding: 10px 0 30px;}
.pczx ul{margin-left: -10px;}
.pczx li{width: 50%;  padding-left: 10px;}
.fynr li{padding: 0 1px;}
.fynr li a{padding: 0 8px; line-height: 20px;border-radius: 3px;font-size: 12px;}
.gywm_tit h2{padding: 50px 0 25px; font-size: 24px;}
.gywm_nr{padding: 20px 0  30px;}
.gywm_nr p{font-size: 14px;text-indent: 28px; line-height: 1.8;}
.lxwm_nr img{float: none; width: 100%;}
.lxwm_text {position: static; padding: 15px; width: 100%;}
.lxwmxq{position: static;top: 0%;transform: translateY(0%);}
.lxwmxq h2{font-size: 18px; margin-bottom: 10px;}
.lxwmxq p{font-size: 14px; line-height: 1.8;}
.khly{margin-top: 20px; padding: 15px;}
.khly h2{padding: 25px 0 25px; font-size: 24px;}
.khly li{float: none; width: 100%;}
.sccj_nr{padding: 20px 0  30px;}
.sccj_nr ul{margin-left: -10px;}
.sccjbox p{font-size: 14px; line-height: 30px;}
.sccj_nr li{width: 50%; padding: 0 0 15px 10px;}
}
@media(max-width:640px){

.sjd{text-align:right;padding-right: 50px;font-size: 14px;line-height: 50px;display:block;}

}
@media(max-width:480px){
.xw_left{float: none; width: 100%;}
.xw_right{width: 100%; font: none;}
}