html{font-size: 62.5%; background: #fff; /*10 ÷ 16 × 100% = 62.5%*/}
body{font-family: "microsoft yahei", "sans-serif", "华文细黑", "黑体" !important; overflow-x: hidden; background: #fff;}
ol,
li{list-style: none;}
header,
footer,
#main{width: 100%;}
#main{position: relative; z-index: 2;}
header{position: relative;}
/*css3*/
.clear:after{display: block; content: ''; clear: both;}
.czspjz{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -49%); -webkit-transform: translate(-50%, -49%);}
.before{display: block; content: '';}
.flex{display: flex; display: -webkit-flex;}
.font-light{font-weight: 300;}
@font-face{font-family: "MinionVariableConcept-Roman"; src: url("../font/MinionVariableConcept-Roman.otf");}
/************************header************************/
.pc-nav{position: fixed; left: 0; top: 0; z-index: 100; width: 100%; background: #fff; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.pc-nav .container .logo_bg{margin-top: 16px; float: left;}
.logo{padding: 35px 0;}
.logo .container{position: relative;}
.logo form{float: right; line-height: 40px; height: 40px; overflow: hidden; position: relative; margin-top: 20px; margin-right: 210px;}
.logo form input{width: 250px; float: left; display: block; text-indent: 5px; height: 100%; border: 1px solid #969696;}
.logo form button{width: 35px; float: left; display: block; position: absolute; right: 0; top: 0; background: url("../images/sch.png") no-repeat center; height: 100%;}
.nav{background: #00377a;}
.nav ul{display: flex; display: -webkit-flex; justify-content: space-between;}
.nav ul li{font-size: 16px; text-align: center; position: relative;}
.nav ul li:after{display: block; content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; left: 50%; bottom: 0; margin-left: -8px; opacity: 0; visibility: hidden; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.nav ul li:hover:after{opacity: 1; visibility: visible;}
.nav ul li:hover .sub-nav{opacity: 1; visibility: visible; display: none;}
.nav ul li:hover .sub-nav:after{width: 100%;}
.nav ul li:hover .sub-nav i{top: -22px; opacity: 1;}
.nav ul li.nav_act a{font-weight: bold;}
.nav ul li.nav_act a:before{top: 0;}
.nav ul li > a{display: block; color: #fff; position: relative; height: 55px; line-height: 55px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.nav ul li > a span{position: relative; z-index: 2;}
.nav ul li > a span.sub_fa{background: url(../images/nav_ico1.png) no-repeat right center; display: inline-block;}
.nav ul li:nth-of-type(3) .sub-nav a{padding: 0 10px;}
.nav ul li .sub-nav{z-index: 3; text-align: center; position: absolute; width: 100%; box-sizing: border-box; background: #fff; left: 0px; top: 55px; padding: 18px 0; visibility: hidden; opacity: 0; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.nav ul li .sub-nav i{color: #1188ff; position: absolute; left: 70px; top: -35px; font-size: 25px; opacity: 0; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.nav ul li .sub-nav:after{display: block; content: ''; width: 0; height: 3px; background: #1188ff; position: absolute; left: 0; top: 0; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
.nav ul li .sub-nav a{display: block; color: #2c4479; font-size: 14px; margin-top: 10px;}
.nav ul li .sub-nav a.new_pro span{background: url("../images/new.jpg") no-repeat right center; padding-right: 40px;}
.nav ul li .sub-nav a:nth-of-type(1){margin-top: 0;}
.nav ul li .sub-nav a:hover{font-weight: bold; text-decoration: underline;}
.logo_tel{float: right; margin-left: 32px; margin-top: 10px; position: absolute; right: 0; top: -16px;}
.logo .logo_tel p{font-weight: 400;}
.logo .logo_tel p small{font-size: 14px; color: #1b1b1b; display: block; text-indent: 30px;}
.logo .logo_tel p i{color: #00377a; font-size: 23px; font-weight: bold; padding-right: 5px;}
.logo .logo_tel p b{font-size: 18px; color: #00377a; font-weight: 400;}
.pc-nav-animate{position: fixed; width: 100%; left: 0; top: -135px;}
.clear{clear: both; display: block; content: '';}
/*放大缩小动画*/
@keyframes scaleAnimate{from{transform: scale(1);} to{transform: scale(1.1);}}
@-webkit-keyframes scaleAnimate{from{-webkit-transform: scale(1);} to{-webkit-transform: scale(1.1);}}
/*小屏幕手机*/
.mobile-nav .h-nav-g{position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 50px; background: #fff; transition: 300ms; -webkit-transition: 300ms; border-bottom: 1px solid #ccc;}
.mobile-nav .h-nav-g h1 img{position: absolute; max-height: 32px; left: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.mobile-nav .h-nav-g .btn_i{display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.mobile-nav .h-nav-g .btn_i small,
.mobile-nav .h-nav-g .btn_i:before,
.mobile-nav .h-nav-g .btn_i:after{display: block; content: ''; width: 24px; height: 2px; background: #202020; border-radius: 4px; margin: 6px 0;}
.mobile-nav .h-nav-g .btn_i_click small{opacity: 0;}
.mobile-nav .h-nav-g .btn_i_click:before{transform: rotateZ(45deg); transform-origin: 0px 6px;}
.mobile-nav .h-nav-g .btn_i_click:after{transform: rotateZ(-45deg); transform-origin: 5px -1px;}
.mobile-nav .h-nav-g .i_tel{display: block; background-repeat: no-repeat; background-position: center; cursor: pointer; background-image: url("../images/tel.png"); position: absolute; right: 15px; top: 0; height: 60px; width: 40px;}
.mobile-nav .ul-small{background: #3a3a3a; overflow-y: scroll; width: 220px; height: 100%; position: fixed; right: 0; top: 0; z-index: 10000; transform: translateX(220px); transition: 300ms; -webkit-transition: 300ms; -webkit-transform: translateX(220px);}
.mobile-nav .ul-small ul{margin-top: 20px;}
.mobile-nav .ul-small ul li > a{padding-right: 30px; line-height: 48px; display: block; position: relative; padding-left: 20%; color: #767676; font-size: 14px; border-bottom: 1px solid rgba(118, 118, 118, 0.52);}
.mobile-nav .ul-small ul li > a:before{display: block; content: ''; width: 10px; height: 10px; border: 2px solid #767676; position: absolute; left: 8%; top: 50%; margin-top: -5px; border-radius: 50%;}
.mobile-nav .ul-small ul li > a:after{display: none; content: '+'; position: absolute; right: 8%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-weight: bold; font-size: 20px;}
.mobile-nav .ul-small ul li.after_none > a:after{display: none;}
.mobile-nav .ul-small ul li:last-child > a:after{display: none;}
.mobile-nav .ul-small ul li:nth-of-type(1) > a:after{display: none;}
.mobile-nav .ul-small ul li p{display: none; background: #19191a;}
.mobile-nav .ul-small ul li p > a{line-height: 55px; font-size: 14px; color: #767676; padding-left: 20%; position: relative; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; display: block;}
.mobile-nav .ul-small ul li p > a:after{display: block; content: ''; position: absolute; left: 8%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-weight: bold; font-size: 20px; width: 7px; height: 11px; background: url("../images/menu_bg3.png") no-repeat center; background-size: cover;}
.mobile-nav .ul-small ul li.li_click > a{color: #fff;}
.mobile-nav .ul-small ul li.li_click > a:before{background: #ffc801; border: 2px solid #ffc801;}
.mobile-nav .ul-small ul li.li_click > a:after{content: '-'; color: #767676;}
.mobile-nav .translate{transform: translateX(-220px); -webkit-transform: translateX(-220px);}
.mobile-nav .translate2{transform: translateX(0); -webkit-transform: translateX(0);}
/*banner*/
/*banner*/
.banner{clear: both; position: relative; height: 100%; overflow: hidden; width: 100%; margin-top: 185px;}
.banner .swiper-container{height: 100%; cursor: default !important;}
.banner .swiper-slide{overflow: hidden;}
.banner .slide-inner{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center;}
.banner .swiper-pagination-bullet{width: 11px; height: 11px; display: inline-block; border-radius: 1px; background: #fff; opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #00377a; opacity: 1;}
.banner2{height: 500px; background-repeat: no-repeat; background-position: center; margin-top: 188px;}
.banner2 .container{position: relative; height: 100%;}
.banner2 .info_banner_text{color: #fff; top: 31%; position: absolute; left: 0;}
.banner2 .info_banner_text b{display: block; font-size: 45px; font-weight: 300;}
.banner2 .info_banner_text > span{display: block; font-size: 16px; font-weight: 300; margin: 10px auto 30px;}
.banner2 .info_banner_text a{width: 122px; line-height: 36px; height: 36px; margin-left: 0;}
/*---------------------------------------------------------------product 产品展示----------------------------------------------------------------------------*/
.main_title{text-align: center; color: #1c1c1c; padding: 5% 0 4% 0;}
.main_title > *{display: block;}
.main_title b{font-family: MinionVariableConcept-Roman; font-size: 30px; text-transform: uppercase; color: #262626; font-weight: bold; background: url("../images/line.png") no-repeat center bottom; padding-bottom: 15px; margin-bottom: 15px;}
.main_title span{font-size: 25px; color: #00377a; font-weight: bold; background: url("../images/jt.png") no-repeat center bottom; padding-bottom: 40px;}
.main_title .honor_txt{margin-top: 35px;}
.main_title .honor_txt small{display: block; font-size: 17px; color: #6a6a6a; margin-bottom: 10px;}
.product{overflow: hidden; background: #fff; padding-bottom: 3%;}
.product .product_type ul{width: 102%;}
.product .product_type ul li{width: 18%; margin-right: 2%; float: left; margin-bottom: 7%;}
.product .product_type ul li a{display: block; background-repeat: no-repeat; background-position: left top; padding-top: 65px;}
.product .product_type ul li:nth-of-type(1) a{background-image: url("../images/pro_ico1.png");}
.product .product_type ul li:nth-of-type(2) a{background-image: url("../images/pro_ico2.png");}
.product .product_type ul li:nth-of-type(3) a{background-image: url("../images/pro_ico3.png");}
.product .product_type ul li:nth-of-type(4) a{background-image: url("../images/pro_ico4.png");}
.product .product_type ul li:nth-of-type(5) a{background-image: url("../images/pro_ico5.png");}
.product .product_type ul li:nth-of-type(6) a{background-image: url("../images/pro_ico6.png");}
.product .product_type ul li:nth-of-type(7) a{background-image: url("../images/pro_ico7.png");}
.product .product_type ul li:nth-of-type(8) a{background-image: url("../images/pro_ico8.png");}
.product .product_type ul li:nth-of-type(9) a{background-image: url("../images/pro_ico9.png");}
.product .product_type ul li:nth-of-type(10) a{background-image: url("../images/pro_ico10.png");}
.product .product_type ul li a{display: block; color: #666666;}
.product .product_type ul li a > *{display: block;}
.product .product_type ul li span{font-size: 18px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.product .product_type ul li small{font-size: 12px; height: 34px;}
.product .product_type ul li:hover span,
.product .product_type ul li:hover small{color: #00377a;}
.product_list{width: 102%; overflow: hidden;}
.product_list li{width: 32%; margin-right: 1%; margin-bottom: 1%; float: left; overflow: hidden;}
.product_list li p.pro_p{height: 220px; position: relative; overflow: hidden;}
.product_list li p.pro_p img{display: block; width: 100%; height: 100%; object-fit: cover;}
.product_list li p.pro_p img:nth-of-type(1){position: absolute; left: 0; bottom: 0; transition: 600ms ease-in-out; -webkit-transition: 600ms ease-in-out; clip: rect(0, 380px, 220px, 0);}
.product_list li div{background: #fff; text-align: center; padding: 30px 15px; box-sizing: border-box; position: relative;}
.product_list li div > *{display: block; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.product_list li div span{font-size: 18px; color: #212121; font-weight: bold; margin-bottom: 5px; position: relative; z-index: 2;}
.product_list li div small{font-size: 14px; color: #a4a4a4; font-weight: 300; position: relative; z-index: 2; height: 40px;}
.product_list li div:after{display: block; content: ''; width: 0; height: 100%; position: absolute; top: 0; right: 0; background: #1188ff; transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out;}
.product_list li:hover p.pro_p_img img:nth-of-type(1){clip: rect(0, 380px, 0, 0);}
.product_list li:hover div:after{width: 100%;}
.product_list li:hover div span{color: #fff;}
.product_list li:hover div small{color: #fff;}
.more_btn{width: 158px; line-height: 38px; margin: 3% auto 0; display: block; background: #1188ff; color: #fff;}
/*设备展示*/
.shebei{overflow: hidden; background: #f5f5f5; padding-bottom: 4%;}
.shebei .shebei_all{background: #fff; padding: 30px; overflow: hidden;}
.shebei .shebei_all > a{text-align: right; font-size: 14px; color: #a8a8a8; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; margin-bottom: 25px; display: block;}
.shebei .shebei_all > a:hover{color: #00377a;}
.shebei .shebei_all ul{width: 103%;}
.shebei .shebei_all ul li{float: left; overflow: hidden; width: 23.6%; margin-right: 1%; margin-bottom: 1.5%;}
.shebei .shebei_all ul li p{height: 220px;}
.shebei .shebei_all ul li p img{display: block; width: 100%; height: 100%; object-fit: cover; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.shebei .shebei_all ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
/*honor*/
.honor{overflow: hidden; margin-bottom: 5%;}
.honor .swiper-container-honor{position: relative; overflow: hidden;}
.honor .swiper-container-honor ul li{border: 1px solid #ccc;}
.honor .swiper-container-honor ul li p{height: 160px;}
.honor .swiper-container-honor ul li p img{display: block; width: 100%; height: 100%; object-fit: contain;}
/*---------------------------------------------------------------ys 优势----------------------------------------------------------------------------*/
.ys{background: url("../images/ys_bg.jpg") no-repeat center; background-size: cover; padding: 4% 0; color: #fff;}
.ys .ys_tit{margin-bottom: 3%;}
.ys .ys_tit > *{display: block;}
.ys .ys_tit b{font-size: 20px;}
.ys .ys_tit small{font-size: 15px; text-transform: uppercase;}
.ys ul{margin-left: 40px;}
.ys ul li{background-repeat: no-repeat; background-position: left center; padding: 15px 0 15px 65px; margin-bottom: 10px;}
.ys ul li:last-of-type{margin-bottom: 0;}
.ys ul li:nth-of-type(1){background-image: url("../images/ys_ico1.png");}
.ys ul li:nth-of-type(2){background-image: url("../images/ys_ico2.png");}
.ys ul li:nth-of-type(3){background-image: url("../images/ys_ico3.png");}
.ys ul li:nth-of-type(4){background-image: url("../images/ys_ico4.png");}
.ys ul li:nth-of-type(5){background-image: url("../images/ys_ico5.png");}
.ys ul li:nth-of-type(6){background-image: url("../images/ys_ico6.png");}
/*---------------------------------------------------------------case 案例----------------------------------------------------------------------------*/
.case{padding-bottom: 5%;}
.case_list li{float: left; width: 30%; margin-right: 3%; margin-bottom: 3%;}
.case_list li p{width: 100%; position: relative; background: #00377a; height: 320px; border: 1px solid #ccc;}
.case_list li p img{display: block; width: 100%; height: 100%; object-fit: cover; opacity: 1; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.case_list li p span{position: absolute; left: 50%; top: 30%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); opacity: 0; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.case_list li p span > *{display: block; font-size: 18px; color: #fff; text-align: center; line-height: inherit;}
.case_list li b{display: block; text-align: center; font-size: 14px; margin-top: 10px; font-weight: 500; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; height: 80px!important;overflow: hidden;}
.case_list li:hover span{top: 50%; opacity: 1;}
.case_list li:hover p img{opacity: 0.5;}
.case_list li:hover b{color: #00377a;}
.case_list2 li p{height: 136px;}
/*---------------------------------------------------------------footer 底部----------------------------------------------------------------------------*/
footer{background: #5b5b5b; overflow: hidden; padding-top: 38px; padding-bottom: 15px; color: #a3a3a3; font-size: 14px;}
footer a{color: #a3a3a3;}
footer a:hover{color: #fff;}
footer .f_log{clear: both; display: block; content: ''; border-bottom: 1px solid #797979; padding-bottom: 25px;}
footer .f_log:after{display: block; content: ''; clear: both;}
footer .f_log img{float: left;}
footer .f_log img:nth-of-type(2){float: right; margin-top: -15px;}
footer .f_links{border-top: 1px solid #4e4e4e; padding-top: 25px; border-bottom: 1px solid #797979; padding-bottom: 25px;}
footer .f_nav{border-top: 1px solid #4e4e4e; padding-top: 25px; text-align: center;}
footer .f_nav ul{overflow: hidden; text-align: center; width: 100%;}
footer .f_nav ul li{display: inline-block;}
.footer_mob{background: #00377a; overflow: hidden; position: fixed; width: 100%; left: 0; bottom: 0; z-index: 1000;}
.footer_mob li{width: 25%; color: #fff; float: left; padding: 10px 0; border-left: 1px solid rgba(255, 255, 255, 0.4); box-sizing: border-box;}
.footer_mob li:nth-of-type(1){border-left: 0;}
.footer_mob li a{color: #fff; text-align: center; display: flex; display: -webkit-flex; align-items: center; width: 100%; justify-content: center;}
.footer_mob li a > *{display: block;}
.footer_mob li a i{font-size: 18px; padding-right: 10px;}
.footer_mob li a span{font-size: 16px;}
.f_sj{background: #5b5b5b; color: #dbdbdb; padding: 16px 0 52px 0; text-align: center; font-size: 13px;}
/*---------------------------------------------------------------i_news 新闻中心----------------------------------------------------------------------------*/
.i_news .i_news_list li{overflow: hidden; background: #fff; box-shadow: 0 0 4px #ccc; margin-bottom: 2%; position: relative;}
.i_news .i_news_list li:hover span{color: #00377a;}
.i_news .i_news_list li:hover img{transform: scale(1.1);}
.i_news .i_news_list li:hover small{color: #00377a;}
.i_news .i_news_list li img{width: 25%; position: absolute; left: 0; top: 0; height: 100%; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.i_news .i_news_list li div{width: 70%; float: right; padding: 3% 10% 2% 0; position: relative;}
.i_news .i_news_list li div span{display: block; font-size: 18px; color: #4a4a4a; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.i_news .i_news_list li div small{display: block; font-size: 14px; color: #7a7a7a; margin: 2% 0; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.i_news .i_news_list li div b{display: block; font-size: 12px; color: #909090; font-weight: 300;}
.i_news .i_news_list li div strong{display: block; width: 30px; height: 30px; background-color: #00377a; border-radius: 50%; color: #fff; text-align: center; line-height: 30px; position: absolute; right: 5%; top: 50%; margin-top: -15px;}
/*---------------------------------------------------------------news_info 新闻详情页----------------------------------------------------------------------------*/
.news_info{background: #eee;}
.news_info .container{background: #fff; padding: 60px;}
.news_info_top{color: #666; border-bottom: 1px solid #ccc; margin-bottom: 3%;}
.news_info_top h3{font-size: 25px; font-weight: 300; color: #00377a;}
.news_info_top small{display: block; font-size: 14px; font-weight: 300; margin: 10px 0 20px 0;}
.p_content{font-size: 15px; line-height: 30px; color: #666; font-family: "Microsoft YaHei" !important;}
.p_content p > *,
.p_content > *,
.p_content span,
.p_content small,
.p_content b,
.p_content strong,
.p_content p{font-family: "Microsoft YaHei" !important;}
.p_content img{max-width: 100% !important; width: auto !important; height: auto !important;}
.p_content table{width: 100% !important;}
/*location*/
.location{overflow: hidden; line-height: 60px; font-size: 14px; background: #eee; margin-bottom: 40px; color: #666;}
.location i{padding-right: 5px; font-size: 25px; position: relative; top: 3px;}
.location a{color: #666; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.location a:hover{color: #11509b;}
.location b{float: left; font-size: 20px; font-weight: 300; text-transform: uppercase;}
.location span{float: right;}
/*-------------------------------------------------------------------------info_contact 联系我们------------------------------------------------------------------------------------*/
#info{padding-bottom: 5%;}
.info_contact_type{text-align: center; margin-bottom: 3%;}
.info_contact_type .container{border-bottom: 1px solid #e3e3e3; padding-bottom: 25px;}
.info_contact_type ul li{display: inline-block; margin: 0 5px;}
.info_contact_type ul li a{display: block; width: 100px; text-align: center; line-height: 35px; font-size: 14px; color: #333; position: relative; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.info_contact_type ul li.info_contact_type_act a,
.info_contact_type ul li:hover a{background: #00377a; color: #fff;}
.info_contact_type ul li.info_contact_type_act a:after,
.info_contact_type ul li:hover a:after{display: block; content: ''; width: 1px; height: 25px; background: #B5B5B5; position: absolute; left: 50%; top: 35px; margin-left: -0.5px;}
.info_contact_type ul li.info_contact_type_act a:before,
.info_contact_type ul li:hover a:before{display: block; content: ''; width: 5px; height: 5px; border-radius: 50%; background: #B5B5B5; position: absolute; left: 50%; margin-left: -2.5px; bottom: -28px;}
.info_contact_title{color: #666; margin-bottom: 3%;}
.info_contact_title > *{display: block;}
.info_contact_title b{font-size: 20px;}
.info_contact_title small{font-size: 12px; font-weight: 300;}
.info_contact{overflow: hidden;}
.info_contact #allmap{height: 460px; overflow: hidden; border: 1px solid #ccc; font-size: 14px;}
.info_contact .info_contact_list{width: 100%; margin-bottom: 25px;}
.info_contact .info_contact_list ul{font-size: 16px; color: #666; overflow: hidden;}
.info_contact .info_contact_list ul li{width: 33%; margin-bottom: 15px; float: left; height: 38px; line-height: 38px; overflow: hidden;}
.info_contact .info_contact_list ul li b{display: block; width: 40px; height: 40px; font-weight: 500; background: #00377a; color: #fff; position: relative; float: left; margin-right: 10px;}
.info_contact .info_contact_list ul li b i{color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -49%); -webkit-transform: translate(-50%, -49%); font-size: 25px; display: block;}
.info_dh .container{padding-top: 2%; margin-top: 3%; border-top: 1px solid #ccc;}
.info_dh iframe{width: 100%; height: 510px;}
.gade_maps{display: none;}
/*-------------------------------------------------------------------------kfsl_title 开发实力------------------------------------------------------------------------------------*/
.kfsl_title{text-align: center; margin-bottom: 4%;}
.kfsl_title .container{border-bottom: 1px solid #b9b9b9; padding-bottom: 2%;}
.kfsl_title b{font-size: 40px; color: #171717; display: block;}
.kfsl_title small{display: inline-block; font-size: 14px; text-transform: uppercase; background: #00377a; color: #fff; padding: 5px 10px; margin: 10px 0;}
.kfsl_title span{font-size: 16px; color: #797979; display: block; line-height: 30px;}
.kfsl_list{display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.kfsl_list li{width: 32%; text-align: center; margin-bottom: 5%;}
.kfsl_list li > *{display: block;}
.kfsl_list li img{display: block; max-width: 100%;}
.kfsl_list li b{font-size: 23px; color: #00377a; margin: 5% 0 2%;}
.kfsl_list li small{font-size: 16px; color: #797979; line-height: 30px;}
/*page*/
#prev_next{clear: both; text-indent: 25px;}
#prev_next a:hover{color: #00377a;}
#prev_next{font-size: 14px; margin-top: 20px;}
div.page{margin: 2% 0; clear: both; font-size: 14px; text-align: center; font-weight: 300;}
div.page a{padding: 2px 5px; margin: 2px; color: #333; text-decoration: none; background: #fff; border: 1px solid #ccc;}
div.page a:hover{background: #00377a; color: #fff;}
div.page span.current{padding: 2px 8px; font-weight: 300; margin: 2px; color: #fff; background-color: #00377a; border: 1px solid #00377a;}
div.page span.disabled{padding: 2px 5px; margin: 2px; color: #dddddd;}
#prev_next .prev,
#prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 0;}
#prev_next .prev a:hover,
#prev_next .next a:hover{color: #00377a;}
#prev_next .prev{margin-top: 20px; background: url("../images/prev_bg.png") no-repeat left 9px; background-size: 18px;}
#prev_next .next{border-bottom: 1px solid #ccc; background: url("../images/next_bg.png") no-repeat left 9px; background-size: 18px;}
/*-------------------------------------------------------------------------jobs 人才招聘------------------------------------------------------------------------------------*/
.jibs_content{text-align: center; font-size: 15px; line-height: 30px; color: #666; margin-bottom: 4%;}
.job_tab{line-height: 54px; background: #4c4c4c; font-size: 14px; color: #fff; text-align: center; width: 100%; overflow: hidden;}
.job_tab span{display: block; width: 20%; text-align: center; float: left;}
.jobs ul li > p{line-height: 54px; background: #ffffff; font-size: 14px; color: #4c4c4c; text-align: center; overflow: hidden; height: 54px;}
.jobs ul li:nth-of-type(even) > p{background: #f3f3f3;}
.jobs ul li > p span{float: left; display: block; width: 20%;}
.jobs ul li div{background: #ebebeb; padding: 20px; display: none;}
.jobs ul li div small{font-size: 14px; line-height: 30px; color: #7c7c7c;}
.jobs ul li div > p{font-size: 16px; color: #00377a; margin-bottom: 10px; font-weight: bold;}
.jobs ul li div > span{display: block; margin-top: 20px; border-top: 1px solid #ccc; font-size: 14px; color: #7C7C7C; padding-top: 20px;}
.jobs ul li div > span a{color: #00377a;}
/*-------------------------------------------------------------------------product 产品页面------------------------------------------------------------------------------------*/
.info2{background: #f3f3f3; padding-top: 4%;}
.info2 .product_list li{width: 32%; border: 1px solid #ccc; box-sizing: border-box;}
.info2 .product_list li div{border-top: 1px solid #ccc; box-sizing: border-box;}
#LeftNav{overflow: hidden; width: 23%; float: left;}
#LeftNav .divBox{overflow: hidden; background-color: #fff; border-top: 5px solid #2970f3; margin-bottom: 10px; padding: 20px 15px;}
.divBox ol li{margin-bottom: 5px; font-size: 14px; color: #666;}
.divBox ol li a{color: #666;}
.divBox ol li a:hover{color: #0157a9;}
#LeftNav h3{font-size: 20px; color: #fff; position: relative; background: -webkit-linear-gradient(120deg, #2970f3, #00377a); background: -o-linear-gradient(120deg, #2970f3, #00377a); background: -moz-linear-gradient(120deg, #2970f3, #00377a); background: linear-gradient(120deg, #2970f3, #00377a); line-height: 69px; text-align: center; margin-bottom: 5px;}
#LeftNav h3 a{color: #fff;}
#LeftNav h3 i{position: absolute; right: 0; font-weight: bold; font-size: 16px; top: -2px;}
#LeftNav .NavMenu ul{overflow: hidden; width: 100%;}
#LeftNav .NavMenu ul > li{width: 100%; float: left; margin-bottom: 2px; font-size: 14px;}
#LeftNav .NavMenu ul > li > a{display: block; background-color: #E8E8E8;}
#LeftNav .NavMenu li > a{display: block; color: #666; padding-left: 20px; text-decoration: none; transition: 300ms ease; -webkit-transition: 300ms ease; line-height: 45px;}
#LeftNav .NavMenu ul > li ol{display: none;}
#LeftNav .NavMenu ul > li ol li a{display: block; line-height: 40px; width: 100%; height: 40px; overflow: hidden; text-indent: 40px; background: #f3f3f3;}
#LeftNav .NavMenu ul > li.cur a,
#LeftNav .NavMenu ul > li a:hover,
#LeftNav .NavMenu ul > li a.current{color: #fff; background-color: #1167b8;}
#LeftNav .divAdress img{display: block; margin-bottom: 15px;}
#LeftNav .divAdress p{font-size: 12px; color: #666; line-height: 16px; margin-bottom: 15px; text-align: justify;}
#LeftNav .divAdress span{display: block; font-size: 14px; color: #303030; line-height: 20px;}
.mobile_type{padding: 5px; background: #fff; margin-bottom: 15px;}
.mobile_type ul{display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.mobile_type ul li{    background: #eee;
  text-align: center;
  width: 49%;
  margin-bottom: 1%;
  padding: 10px 0;
  overflow: hidden;
  position: relative;}
.sidebar_news li{margin-bottom: 5px;}
.sidebar_news li a{display: block; font-size: 14px; color: #666; position: relative; padding-left: 8px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.sidebar_news li a:before{display: block; content: ''; width: 5px; height: 5px; background: #666; position: absolute; left: 0; top: 6px; border-radius: 50%; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.sidebar_news li:hover a{color: #00377a;}
.sidebar_news li:hover a:before{background: #00377a;}
.info_right{width: 75%; float: right; background: #fff; padding: 30px;}
.location2{overflow: hidden; border-bottom: 1px solid #ccc; background: none; line-height: 40px; height: 40px;}
.tech_title h4{font-size: 24px; text-align: center; color: #d12706; font-weight: bold; text-transform: uppercase; margin-bottom: 2%;}
.tech_title img{max-width: 340px; margin: 0 auto; display: block; border: 1px solid #ccc; padding: 5px;}
.p_content img{max-width: 100% !important;}
.p_content .sylx_img h4{font-size: 16px; color: #00377a; margin-bottom: 15px; font-weight: bold;}
.p_content .sylx_img ul{display: flex; display: -webkit-flex; justify-content: space-between;}
.p_content .sylx_img ul li{width: 32%; border: 1px solid #ccc;}
.p_content .sylx_img ul li p{height: 170px; width: 100%;}
.p_content .sylx_img ul li p img{display: block; width: 100% !important; height: 100% !important; object-fit: contain;}
/*详情页*/
.info-pp{overflow: hidden; padding-bottom: 5%;}
.te-info_right .lSSlideWrapper{height: 235px;}
.te-info_right .lSSlideWrapper li img{width: 240px !important; margin: 0 auto; display: block;}
.pro-info-con .pro-info-title{font-size: 24px; color: #00377a; border-bottom: 2px solid #1167b8; padding-bottom: 10px; text-align: left; margin-bottom: 15px; text-transform: uppercase;}
.pro-info-con .p-con{font-size: 14px; color: #323232; line-height: 26px;}
.pro-info-con .pro-small{font-size: 15px; color: #818181; display: block; margin-top: 12px; line-height: 30px; line-height: 23px;}
.pro-info-con .pro-small span{display: block; line-height: 30px;}
.pro-info-con .pro-small span b{color: #00377a;}
.pro-info-con .pro-email{color: #00377a; display: block; font-size: 14px; margin: 2% 0;}
.pro-info-con .pro-email i{font-size: 22px; padding-right: 5px;}
.pro-info-con .pro-order{display: block; width: 80%; line-height: 44px; color: #323232; text-align: center; font-size: 18px; background: #e6e6e6; margin: 20px auto 0 auto;}
.pro-info-con .pro-order:hover{color: #e6002d;}
.pro-info-con .more_btn{margin: 10px 0;}
.product-content-tit{line-height: 40px; margin-bottom: 30px; margin-top: 40px; position: relative; height: 40px; border-bottom: 1px solid #ccc; overflow: hidden; box-sizing: border-box; background: #eee;}
.product-content-tit span{font-size: 14px; text-align: center; display: block; width: 120px; float: left; color: #666; cursor: pointer; box-sizing: border-box;}
.product-content-tit span.span_act{color: #fff; background: #00377a; border: 1px solid #00377a;}
.info_right_t{text-align: center; font-size: 30px; color: #00377a; margin-bottom: 5%;}
.info-right-image{width: 49%; float: left;}
.info-right-image-t{float: right; width: 47%;}
.pro_contact{display: none;}
.pro_contact .info_contact .info_contact_list ul li{width: 50%;}
/*关于我们*/
.com-title{text-align: center; padding: 10px 0; margin-bottom: 2%;}
.com-title h3{font-size: 22px;}
.com-title span{width: 200px; height: 1px; position: relative; background: #727272; display: block; margin: 10px auto;}
.com-title span em{display: block; width: 40px; height: 5px; background: #d6000e; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -2.5px;}
.com-title small{font-size: 16px; color: #848484;}
.cf_list{margin-top: 2%; overflow: hidden;}
.cf_list li{float: left; width: 49%; margin-bottom: 1%; margin-right: 1%; height: 400px;}
.cf_list li img{display: block; width: 100%; height: 100%; object-fit: cover;}
/*设备展示*/
#sbzs{padding: 5% 0;}
.swiper-sb{overflow: hidden; position: relative;}
.swiper-sb li{overflow: hidden;}
.swiper-sb li p{height: 220px; overflow: hidden; border: 1px solid #ccc;}
.swiper-sb li p img{display: block; width: 100%; height: 100%; object-fit: cover; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.swiper-sb li span{display: block; text-align: center; margin-top: 10px; font-size: 18px; font-weight: 500; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.swiper-sb li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.swiper-sb li:hover span{color: #00377a;}
/*产品2*/
.pro-list:after{display: block; content: ''; clear: both;}
.pro-list-2 ul{width: 101%;}
.pro-list-2 ul li{position: relative; display: block; width: 100%; margin-bottom: 2%; border-bottom: 1px dashed #00377a; padding-bottom: 3%;}
.pro-list-2 ul li p{position: relative; /* overflow: hidden; */}
.pro-list-2 ul li p img{width: 23.7%; border: 1px solid #ccc; margin-right: 3px;}
.pro-list-2 ul li span{display: block; color: #333; margin-bottom: 2%; font-size: 22px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.pro-list-2 ul li:hover span{color: #00377a;}
/*发展历史*/
.time-ul-wrap{position: relative; overflow: hidden;}
.time-ul-wrap:before{display: block; content: ''; width: 1px; height: 100%; background: #9a9a9a; position: absolute; left: 50%; margin-left: -0.5px; top: 0;}
.time-ul-wrap .time-ul li{width: 45%; position: relative; z-index: 3;}
.time-ul-wrap .time-ul li:before{display: block; position: absolute; width: 17px; height: 17px; content: ''; background: url("../images/listyuan.png") no-repeat center; top: 50%; margin-top: -56px;}
.time-ul-wrap .time-ul li b{display: block; width: 160px; height: 160px; border-radius: 50%; overflow: hidden;}
.time-ul-wrap .time-ul li b img{max-width: 100%;}
.time-ul-wrap .time-ul li > p > span{display: block; font-size: 25px; color: #4e4e4e; margin-bottom: 2%;}
.time-ul-wrap .time-ul li > p span{font-family: "microsoft yahei" !important;}
.time-ul-wrap .time-ul li > p > small{display: block; font-size: 14px; color: #828282;}
.time-ul-wrap .time-ul li div{font-size: 14px; color: #828282;}
.time-ul-wrap .time-ul li:nth-of-type(odd){float: left; margin-bottom: 10%;}
.time-ul-wrap .time-ul li:nth-of-type(odd):before{right: -66px;}
.time-ul-wrap .time-ul li:nth-of-type(odd) b{float: left;}
.time-ul-wrap .time-ul li:nth-of-type(odd) > p{float: right; width: 64%; text-align: right;}
.time-ul-wrap .time-ul li:nth-of-type(even){float: right; margin-top: 10%; text-align: left;}
.time-ul-wrap .time-ul li:nth-of-type(even):before{left: -66px;}
.time-ul-wrap .time-ul li:nth-of-type(even) b{float: right;}
.time-ul-wrap .time-ul li:nth-of-type(even) > p{float: left; width: 64%;}
/*case*/
.info_right .case_list{width: 104%;}
.info_right .case_list li p{height: 180px;}