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;}
.flex{display: flex; display: -webkit-flex;}
/************************header************************/
.pc-nav{position: fixed; left: 0; top: 0; z-index: 100; width: 100%; transition: 200ms ease-in-out; -webkit-transition: 200ms ease-in-out;}
.pc-nav .container .logo_bg{float: left;}
.pc-nav-animate{position: fixed; width: 100%; left: 0; top: -181px;}
.pc-nav-animate .nav{background: #1f418d;}
.header_top{line-height: 45px; height: 45px; border-bottom: 1px solid #d6d6d6; background: #fff;}
.header_top .container{position: relative;}
.header_top span{font-size: 14px; color: #858585;}
/*.header_top a{position: absolute; right: 0; top: 0;}*/
.header_top .china{float: right;}
.header_top .china a{display: block;width: 30px;height: 20px;background: #ddd;float: left;margin-left: 20px;margin-top: 12.5px;overflow: hidden}
.header_top .china a:nth-child(1){background: url("../images/ch.png") center no-repeat;}
.header_top .china a:nth-child(2){background: url("../images/en.png") center no-repeat;}
/*sja新加*/
.logo{padding: 28px 0; background: #fff;}
.logo form{float: right; line-height: 40px; height: 40px; overflow: hidden; position: relative; margin-top: 10px; border: 1px solid #d6d6d6;}
.logo form input{width: 245px; border: 0; background: #fff; float: left; display: block; text-indent: 5px; height: 100%;}
.logo form button{width: 40px; float: left; display: block; position: absolute; right: 0; top: 0; background: url("../images/sch.png") no-repeat center; height: 100%; border-left: 1px solid #d6d6d6;}
.logo p.logo_lang{display: none;}
.logo .logo_tel{float: right; margin-left: 32px; margin-top: 10px;}
.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: #10205b; font-size: 23px; font-weight: bold; padding-right: 5px;}
.logo .logo_tel p b{font-size: 24px; color: #10205b; font-weight: 400;}
.nav ul li{float: left; font-size: 16px; width: 14.28571429%; text-align: center; position: relative;}
.nav ul li:hover > a{font-weight: bold; background: #fff; color: #1f418d; border-top: 2px solid #1f418d;}
.nav ul li:hover .sub-nav{opacity: 1; visibility: visible;}
.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; border-top: 2px solid transparent; box-sizing: border-box;}
.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; padding-right: 12px;}
.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; font-size: 14px;}
.nav ul li .sub-nav small{font-size: 14px;}
.nav ul li .sub-nav:after{display: block; content: ''; width: 0; height: 3px; background: #c31211; position: absolute; left: 0; top: 0; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.nav ul li .sub-nav a{display: block; color: #2c4479; font-size: 14px; margin-bottom: 10px;}
.nav ul li .sub-nav a:last-of-type{margin-bottom: 0;}
.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;}
.nav ul li .sub-nav p{text-align: left; margin-bottom: 10px; padding-left: 10px;}
.nav ul li .sub-nav p:last-of-type{margin-bottom: 0;}
.nav ul li .sub-nav p a{margin-bottom: 0; text-align: left;}
.nav ul li .sub-nav p a + a{text-indent: 15px; margin-top: 5px;}
.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: 60px; background: #fff; transition: 300ms; -webkit-transition: 300ms; border-bottom: 1px solid #ccc;}
.mobile-nav .h-nav-g h1 img{position: absolute; max-height: 40px; 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.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: 165px;}
.banner .swiper-pagination{bottom: 90px; z-index: 20; width: 100%;}
.banner .swiper-pagination span{margin: 0 5px; display: inline-block;}
.banner_bg{position: absolute; left: 0; bottom: 0; width: 100%; z-index: 10;}
.banner_bg img{display: block; max-width: 100%;}
.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: 24px; height: 4px; display: inline-block; border-radius: 5px; background: #919190; opacity: .4;}
.banner .swiper-pagination-bullet-active{background: #fff; opacity: 1;}
.banner2{height: 490px; background-repeat: no-repeat; background-position: center; background-image: url("../images/info_banner.jpg"); margin-top: 165px;}
.banner2 .container{position: relative; height: 100%;}
.banner2 .info_banner_text{color: #fff;top: 31%;position: absolute;right: 20px;width: 80%;text-align: right;}
.banner2 .info_banner_text > *{display: block;}
.banner2 .info_banner_text span{font-size: 44px;font-weight: 300;}
.banner2 .info_banner_text small{font-size: 20px;font-weight: 200;margin-top: 10px;}
/***/
/*sja-æ–°åŠ */
.banner2 .info_banner_text .b1{width: 100%;text-align: right;font-size: 35px;font-weight: lighter}
.banner2 .info_banner_text .b2{width: 100%;text-align: right;font-size: 18px;margin-top: 15px}
.banner2 .info_banner_text .b3{width: 100%;text-align: right;font-size: 14px;margin-top: 15px}
.banner2 .info_banner_text .news_btn {
display: block;
width: 224px;
line-height: 47px;
border: 1px solid #d2d2d2;
background: url("../images/new_btn1.png") no-repeat 150px center;
margin: 35px auto 0;
transition: 300ms ease-in-out;
-webkit-transition: 300ms ease-in-out;
float: right;
margin-top: 20px;
}
.banner2 .info_banner_text .news_btn span {
font-size: 18px;
color: #fff;
text-indent: 33px!important;
text-align: left;
display: block;
transition: 300ms ease-in-out;
-webkit-transition: 300ms ease-in-out;
}
.banner2 .info_banner_text .news_btn:hover {
border-color: #fff;
background: #fff url("../images/new_btn.png") no-repeat 150px center;;
}
.banner2 .info_banner_text .news_btn:hover span {
color: #1f418d;
}
/*end*/
/**/
.banner2 .info_banner_text b{font-size: 22px; margin-top: 30px;}
.c-banner{background-image: url("../images/com_banner.jpg");}
.new-banner{background-image: url("../images/new_banner.jpg");}
.contact_banner{background-image: url("../images/contact_banner.jpg");}
.case_banner{background-image: url("../images/case_banner.jpg");}
.product_banner{background-image: url("../images/product_banner.jpg");}
.seo_banner{background-image: url("../images/seo_banner.jpg");}
/*technology*/
.technology{overflow: hidden;}
.technology .tec_title{margin-bottom: 30px;}
.technology .tec_title b{font-size: 40px; color: #1f418d;}
.technology .tec_title span{font-size: 30px; color: #0c0c0c; padding-left: 22px; font-weight: bold;}
.technology .tec_title a{width: 28px; height: 28px; border-radius: 50%; border: 2px solid #1f418d; text-align: center; line-height: 26px; display: block; float: right; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; margin-top: 16px;}
.technology .tec_title a i{color: #1f418d; font-weight: bold; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.technology .tec_title a:hover{border-radius: 0; border-color: #d12706;}
.technology .tec_title a:hover i{color: #d12706;}
.technology .technology_left{float: left; width: 24%; position: relative; z-index: 2;}
.technology .technology_left > p{position: relative; line-height: 51px; height: 51px; background: #f2f2f2; margin-bottom: 5px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; width: 100%;}
.technology .technology_left > p a{display: block; position: relative; padding-left: 17px;}
.technology .technology_left > p img{position: absolute; left: 12px; top: 50%; margin-top: -15px; opacity: 0; transform: scale(0.5);}
.technology .technology_left > p b{width: 10px; height: 10px; background: #fff; text-align: center; line-height: 26px; border-radius: 50%; border: 1px solid #999; font-size: 14px; display: inline-block; opacity: 0; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; margin-left: 16px;}
.technology .technology_left > p span{display: inline-block; margin-left: 8px; font-size: 14px; color: #181818; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; font-weight: bold;}
.technology .technology_left > p i{position: absolute; right: 18px; top: 3px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; width: auto; overflow: hidden;}
.technology .technology_left > p i.icon-youjiantou3{width: 0; font-size: 34px;}
.technology .technology_left > p:hover span{color: #c31211;}
.technology .technology_left ul li{position: relative; line-height: 51px; height: 51px; background: #f2f2f2; margin-bottom: 5px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; width: 100%;}
.technology .technology_left ul li a{display: block; position: relative; padding-left: 52px;}
.technology .technology_left ul li a img{position: absolute; left: 48px; top: 50%; margin-top: -15px; opacity: 0; transform: scale(0.5);}
.technology .technology_left ul li a b{width: 10px; height: 10px; background: #fff; text-align: center; line-height: 26px; border-radius: 50%; border: 1px solid #999; font-size: 14px; display: inline-block; opacity: 0; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; margin-left: 16px;}
.technology .technology_left ul li a span{display: inline-block; margin-left: 8px; font-size: 14px; color: #181818; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.technology .technology_left ul li a i{position: absolute; right: 18px; top: 3px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; width: auto; overflow: hidden;}
.technology .technology_left ul li a i.icon-youjiantou3{width: 0; font-size: 34px;}
.technology .technology_left ul li:nth-of-type(4) a,
.technology .technology_left ul li:nth-of-type(5) a{padding-left: 17px;}
.technology .technology_left ul li:nth-of-type(4) a span,
.technology .technology_left ul li:nth-of-type(5) a span{font-weight: bold;}
.technology .technology_left ul li:nth-of-type(4) a img,
.technology .technology_left ul li:nth-of-type(5) a img{left: 12px;}
.technology .technology_left ul li:hover,
.technology .technology_left ul li.technology_act{background: #c31211; width: 120%;}
.technology .technology_left ul li:hover a b,
.technology .technology_left ul li.technology_act a b{transform: scale(0.5); opacity: 0;}
.technology .technology_left ul li:hover a img,
.technology .technology_left ul li.technology_act a img{opacity: 1; transform: scale(1); transition-delay: 0.1s;}
.technology .technology_left ul li:hover a span,
.technology .technology_left ul li.technology_act a span{color: #fff;}
.technology .technology_left ul li:hover a .icon-jiahao,
.technology .technology_left ul li.technology_act a .icon-jiahao{width: 0;}
.technology .technology_left ul li:hover a .icon-youjiantou3,
.technology .technology_left ul li.technology_act a .icon-youjiantou3{width: auto; color: #fff;}
.technology .technology_left .technology_msg{text-align: center; display: none;}
.technology .technology_left .technology_msg a{display: block;}
.technology .technology_right{float: right; width: 75%;}
.technology .technology_right ul li{display: none; position: relative; overflow: hidden;}
.technology .technology_right ul li:nth-of-type(1){display: block;}
.technology .technology_right ul li p.pro_l_img{float: left; width: 55%; overflow: hidden; height: 427px; border: 1px solid #dadada; box-sizing: border-box; border-right: 0; position: relative;}
.technology .technology_right ul li p.pro_l_img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.technology .technology_right ul li div.pro_r_title{width: 45%; box-sizing: border-box; padding: 33px; border: 1px solid #dadada; background: #f4f4f4; position: absolute; right: 0; top: 0; height: 100%;}
.technology .technology_right ul li div.pro_r_title p > *{display: block;}
.technology .technology_right ul li div.pro_r_title p b{font-size: 20px; color: #0e0e0e; margin-bottom: 22px;}
.technology .technology_right ul li div.pro_r_title p small{font-size: 14px; color: #8d8d8d; line-height: 30px; margin-bottom: 8%; border-bottom: 1px solid #9e9e9e; padding-bottom: 33px;}
.technology .technology_right ul li div.pro_r_title p a{display: inline-block;}
.technology .technology_right ul li .more_btn{display: block; width: 196px; line-height: 38px; background: #1f418d url("../images/pro_mesg.png") no-repeat 35px center; color: #fff; text-indent: 70px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.technology .technology_right ul li .more_btn:hover{background-color: #c31211;}
.technology .technology_right ul li .pro_r_tel{color: #272727; background: url("../images/pro_tel.png") no-repeat left center; padding-left: 55px; margin-top: 45px;}
.technology .technology_right ul li .pro_r_tel > *{display: block;}
.technology .technology_right ul li .pro_r_tel small{font-size: 14px; font-weight: 400;}
.technology .technology_right ul li .pro_r_tel b{font-size: 28px; font-weight: 400;}
/*---------------------------------------------------------------company 关于我们----------------------------------------------------------------------------*/
.ys_top_title{text-align: center; margin: 4% 0;}
.ys_top_title > *{display: block;}
.ys_top_title b{font-size: 38px; color: #202020; font-weight: 400;}
.ys_top_title small{font-size: 14px; color: #8f8f8f; margin-top: 10px;}
.company{padding-bottom: 5%; clear: both; display: block; content: '';}
.company:after{display: block; content: ''; clear: both;}
.company .company_left{float: left; width: 50%; overflow: hidden; height: 288px;}
.company .company_left img{display: block; width: 100%; height: 100%; object-fit: cover;}
.company .company_right{width: 48%; float: right;}
.company .company_right > p{margin-bottom: 25px; padding-top: 20px;}
.company .company_right > p b{font-size: 24px; color: #201e1e; font-weight: 500; position: relative;}
.company .company_right > p b img{position: absolute; top: -20px;}
.company .company_right > p span{margin-top: 10px; font-size: 20px;}
.company .company_right > p > *{display: block;}
.company .company_right div{font-size: 14px; color: #7d7d7d; line-height: 26px; margin-bottom: 20px;}
.company .company_right a{display: inline-block; width: 196px; line-height: 38px; background: #1f418d url("../images/com_ico1.png") no-repeat 35px center; color: #fff; text-indent: 70px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.company .company_right a:hover{background-color: #c31211;}
.company .company_right a + a{background: #505050 url("../images/com_ico2.png") no-repeat 35px center;}
/*---------------------------------------------------------------ys 优势----------------------------------------------------------------------------*/
.ys{background: url("../images/ys_bg.jpg") no-repeat center; background-size: cover; padding: 38px 0;}
.ys ul{width: 57.5%; display: flex; display: -webkit-flex; justify-content: space-between;}
.ys ul li{text-align: center; border-left: 1px dotted #5a7cb2; padding-left: 10%;}
.ys ul li:nth-of-type(1){border-left: 0;}
.ys ul li p{width: 83px; height: 83px; border: 4px solid #547fb2; border-radius: 50%; text-align: center; line-height: 76px; margin: 0 auto; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.ys ul li p img{display: inline-block; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.ys ul li small{font-size: 16px; color: #fff; margin-top: 10px; display: block; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.ys ul li:hover p{border-color: #fff;}
.ys ul li:hover img{transform: scale(0.8);}
/*---------------------------------------------------------------ys 应用----------------------------------------------------------------------------*/
.ying_img{display: none;}
.ying_con{display: flex; display: -webkit-flex; justify-content: space-between;}
.ying_center{position: relative; width: 460px; margin: 0 auto; height: 460px;}
.ying_center img{display: block; -webkit-animation: xuanzhuan 7s linear infinite; animation: xuanzhuan 7s linear infinite; position: absolute; left: 50%; top: 50%;}
.ying_center .ying_center_1{position: relative; left: auto; top: auto;}
.ying_center .ying_center_2{margin-top: -208px; margin-left: -209.5px; animation-duration: 16s; -webkit-animation-duration: 16s;}
.ying_center .ying_center_3{margin-top: -108px; margin-left: -108px; -webkit-animation: xuanzhuan2 10s linear infinite; animation: xuanzhuan2 10s linear infinite;}
.ying_center .ying_center_4{margin-top: -96.5px; margin-left: -96.5px; -webkit-animation: none; animation: none;}
@keyframes xuanzhuan{0%{-webkit-transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg);}}
@-webkit-keyframes xuanzhuan{0%{-webkit-transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg);}}
@keyframes xuanzhuan2{0%{-webkit-transform: rotate(0deg);} 100%{-webkit-transform: rotate(-360deg);}}
@-webkit-keyframes xuanzhuan2{0%{-webkit-transform: rotate(0deg);} 100%{-webkit-transform: rotate(-360deg);}}
.ying_left{width: 28.3%;}
.ying_left ul{background: url("../images/ying_ico_l.png") no-repeat right 16px;background: none;}
.ying_left ul li{overflow: hidden; display: flex; display: -webkit-flex; align-items: center; margin-bottom: 36px;}
.ying_left ul li:hover span{background: #c31211;}
.ying_left ul li span{display: block; width: 56px; height: 56px; background: #1f418d; position: relative; line-height: 53px; text-align: center; border-radius: 50%; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.ying_left ul li span img{display: inline-block;}
.ying_left ul li p{margin-left: 20px;}
.ying_left ul li p > *{display: block;}
.ying_left ul li p b{font-size: 14px;color: #2a2a2a;}
.ying_left ul li p small{font-size: 14px; color: #9c9c9c;display: none;}
.ying_right{width: 28.3%;background: url("../images/ying_ico_r.png") no-repeat left 16px;background: none;}
.ying_right ul{margin-left: 112px;}
.ying_right ul li{overflow: hidden; display: flex; display: -webkit-flex; align-items: center; margin-bottom: 36px; justify-content: space-between;}
.ying_right ul li:hover span{background: #c31211;}
.ying_right ul li span{display: block; width: 56px; height: 56px; background: #1f418d; position: relative; line-height: 53px; text-align: center; border-radius: 50%; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.ying_right ul li span img{display: inline-block;}
.ying_right ul li p > *{display: block;}
.ying_right ul li p b{font-size: 14px;color: #2a2a2a;text-transform: capitalize;}
.ying_right ul li p small{font-size: 14px; color: #9c9c9c;display: none;}
.ying_btn{display: block; width: 240px; line-height: 46px; background: #c31211; margin: 40px auto; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.ying_btn:hover{background: #1f418d;}
.ying_btn span{display: block; font-size: 16px; background: url("../images/ying_ico1.png") no-repeat 55px center; text-indent: 88px; color: #ffffff;}
/*---------------------------------------------------------------zy 专业净化----------------------------------------------------------------------------*/
.zy{overflow: hidden; background: url("../images/c_2_bg.jpg") no-repeat center; padding: 8% 0 12%; text-align: center;}
.zy .container > *{display: block; color: #fff;}
.zy .container small{font-size: 20px; letter-spacing: 12px; font-weight: 300;}
.zy .container b{font-size: 48px; font-weight: 500; margin: 2px 0 30px;}
.zy .container span{font-size: 22px; font-weight: 300;}
.zy .container a{display: inline-block; margin-top: 5%;}
.zy .container a img{display: block; transition: 600ms;}
.zy .container a:hover img{transform: scale(0.9); -webkit-transform: scale(0.9);}
/*---------------------------------------------------------------news 新闻资讯----------------------------------------------------------------------------*/
@font-face{font-family: 'thyFont1'; src: url("../fonts/simpds.ttf");}
@font-face{font-family: 'thyFont2'; src: url("../fonts/BEBAS.ttf");}
@font-face{font-family: 'thyFont3'; src: url("../fonts/Questrial-Regular.ttf");}
.news{background: #fff; overflow: hidden; padding-bottom: 4%;}
.news .right{overflow: hidden;}
.news .right li{width: 32%; float: left; margin-right: 2%; height: 367px; margin-bottom: 14px;}
.news .right li:nth-of-type(3){margin-right: 0;}
.news .right li:hover a .mask{bottom: 100%;}
.news .right li:hover a .button{bottom: 0;}
.news .right li:hover a .button .a1{left: 0;}
.news .right li:hover a .word .a1 .b1{color: #fff;}
.news .right li:hover a .word .a1 .b1 span{color: #fff;}
.news .right li:hover a .word .a2{color: #fff;}
.news .right li:hover a .word .a3{transform: translateY(-50px); -ms-transform: translateY(-50px); -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -o-transform: translateY(-50px);}
.news .right li:hover a .word .a3 .b1{border-color: #fff;}
.news .right li:hover a .word .a3 .b1 .c1{opacity: 0;}
.news .right li:hover a .word .a3 .b1 .c2{opacity: 1;}
.news .right li:hover a .word .a3 .b2{color: #fff;}
.news .right li a{width: 100%; height: 100%; display: block; position: relative; background: #000; overflow: hidden;}
.news .right li a .bac{background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0.65;}
.news .right li a .mask{width: 100%; height: 360px; position: absolute; z-index: 3; background: #f1f1f1; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4*/ -webkit-transition-timing-function: ease; /* Safari 和 Chrome*/ -o-transition-timing-function: ease; /* Opera*/ bottom: 7px;}
.news .right li a .button{height: 50px; width: 100%; background: #1f418d; position: absolute; bottom: -43px; z-index: 5; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4*/ -webkit-transition-timing-function: ease; /* Safari 和 Chrome*/ -o-transition-timing-function: ease; /* Opera*/}
.news .right li a .button .a1{width: 100%; overflow: hidden; height: 50px; line-height: 50px; font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif; font-size: 14px; color: #fff; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4*/ -webkit-transition-timing-function: ease; /* Safari 和 Chrome*/ -o-transition-timing-function: ease; /* Opera*/ position: absolute; left: -100%; transition-delay: 0.3s; font-weight: lighter;}
.news .right li a .button .a1 img{margin-right: 5px;}
.news .right li a .word{width: 100%; height: 100%; display: block; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox*/ -webkit-box-sizing: border-box; /* Safari*/ padding-left: 11%; padding-right: 11%; position: absolute; top: 0; left: 0; z-index: 7;}
.news .right li a .word .a1{width: 100%; *zoom: 1; height: 55px; padding-top: 25px;}
.news .right li a .word .a1:after{clear: both; display: block; content: '';}
.news .right li a .word .a1:after:after{display: block; content: ''; clear: both;}
.news .right li a .word .a1:before,
.news .s3 .s3_main .right li a .word .a1:after{content: " "; display: table;}
.news .right li a .word .a1:after{clear: both;}
.news .right li a .word .a1 .b1{float: left; font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif; font-size: 40px; color: #262626; font-family: thyFont1; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4*/ -webkit-transition-timing-function: ease; /* Safari 和 Chrome*/ -o-transition-timing-function: ease; /* Opera*/}
.news .right li a .word .a1 .b1 span{font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif; font-size: 16px; color: #838181; font-family: thyFont1; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4*/ -webkit-transition-timing-function: ease; /* Safari 和 Chrome*/ -o-transition-timing-function: ease; /* Opera*/}
.news .right li a .word .a2{width: 100%; font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif; font-size: 16px; color: #747474; margin-top: 30px; line-height: 30px; height: 120px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4*/ -webkit-transition-timing-function: ease; /* Safari 和 Chrome*/ -o-transition-timing-function: ease; /* Opera*/}
.news .right li a .word .a3{width: 100%; margin-top: 70px; *zoom: 1; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4*/ -webkit-transition-timing-function: ease; /* Safari 和 Chrome*/ -o-transition-timing-function: ease; /* Opera*/}
.news .right li a .word .a3:before,
.news .s3 .s3_main .right li a .word .a3:after{content: " "; display: table;}
.news .right li a .word .a3:after{clear: both;}
.news .right li a .word .a3 .b1{width: 26px; height: 26px; border-radius: 50%; border: 1px solid #bdbdbe; float: left; position: relative; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4*/ -webkit-transition-timing-function: ease; /* Safari 和 Chrome*/ -o-transition-timing-function: ease; /* Opera*/}
.news .right li a .word .a3 .b1 .c1{opacity: 1;}
.news .right li a .word .a3 .b1 .c2{opacity: 0;}
.news .right li a .word .a3 .b1 img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4*/ -webkit-transition-timing-function: ease; /* Safari 和 Chrome*/ -o-transition-timing-function: ease; /* Opera*/}
.news .right li a .word .a3 .b2{float: left; font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif; font-size: 14px; color: #000; line-height: 28px; margin-left: 8px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4*/ -webkit-transition-timing-function: ease; /* Safari 和 Chrome*/ -o-transition-timing-function: ease; /* Opera*/}
.news .news_btn{display: block; width: 224px; line-height: 47px; border: 1px solid #d2d2d2; background: url("../images/new_btn.png") no-repeat 150px center; margin: 35px auto 0; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.news .news_btn span{font-size: 18px; color: #1a1a1a; text-indent: 33px; display: block; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.news .news_btn:hover{border-color: #1f418d;}
.news .news_btn:hover span{color: #1f418d;}
/*---------------------------------------------------------------footer 底部----------------------------------------------------------------------------*/
footer{background: #2a2a2a; padding: 48px 0 20px; font-size: 14px; color: #2a2a2a;}
footer a{color: #787878; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
footer a:hover{color: #fff;}
footer .footer_top{overflow: hidden; border-bottom: 1px solid #1b1b1b; padding-bottom: 30px;}
footer .footer_top .container{display: flex; display: -webkit-flex; justify-content: space-between;}
footer .footer_top dl{position: relative; padding-right: 55px;}
footer .footer_top dl:after{display: block; content: ''; border-left: 1px dashed #787878; height: 180px; position: absolute; right: 0; top: 0;}
footer .footer_top dl:nth-of-type(1){padding-left: 0;}
footer .footer_top dl dt{font-size: 18px; color: #fff;}
footer .footer_top dl dt:after{display: block; content: ''; width: 33px; height: 1px; background: #6f6f6f; margin-top: 16px;}
footer .footer_top dl dd{display: block; margin-top: 24px;}
footer .footer_top dl:nth-of-type(3) dd{width: 100%;}
footer .footer_top .footer_tel{float: right; text-align: right;}
footer .footer_top .footer_tel > *{display: block;}
footer .footer_top .footer_tel small{font-size: 14px; color: #aeaeae; text-align: left;}
footer .footer_top .footer_tel b{font-size: 30px; color: #fff; margin: 20px 0; text-align: left;}
footer .footer_top .footer_tel a{width: 226px; line-height: 40px; background: #1352b0; color: #fff; text-align: center; font-size: 14px; border-radius: 20px;}
footer .footer_top .footer_tel a:hover{background: #ff2f41;}
.footer_bottom{border-top: 1px solid #444444; padding-top: 45px;}
.footer_bottom .footer_logo{font-size: 14px; color: #787878; width: 215px; float: left;}
.footer_bottom .footer_logo img{margin-bottom: 28px;}
.footer_bottom .footer_logo > *{display: block;}
.footer_bottom .footer_logo a{margin-bottom: 10px;}
.footer_bottom .footer_logo small{line-height: 25px;}
.footer_bottom .footer_contact{float: left; width: 470px; padding-left: 40px; margin-left: 40px; background: url("../images/f_bg.png") no-repeat left -28px;}
.footer_contact + img{float: right;}
.footer_bottom .footer_contact ul li{float: left; width: 33.3%; position: relative; margin-bottom: 40px;}
.footer_bottom .footer_contact ul p > *{display: block;}
.footer_bottom .footer_contact ul p{margin-left: 20px;}
.footer_bottom .footer_contact ul span{color: #fff; font-size: 14px;}
.footer_bottom .footer_contact ul small{font-size: 12px; color: #787878; margin-top: 12px;}
.footer_bottom .footer_contact ul small small{display: block; float: left;}
.footer_bottom .footer_contact ul small b{display: block; float: left; width: 200px; font-weight: 500; margin-top: 10px; line-height: 18px;}
.footer_bottom .footer_contact ul i{color: #fff; position: absolute; left: 0; top: 0;}
.footer_bottom .wrap > img{float: right;}
.f_icp span{color: #787878; text-align: center; font-size: 14px; display: block;}
.footer_mob{background: #0057a9; 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;}
/*---------------------------------------------------------------message 在线留言----------------------------------------------------------------------------*/
.input-group{margin-bottom: 10px; clear: both; /*overflow: hidden;*/}
.input-group:after{display: block; content: ''; clear: both;}
.input-group label{width: 62px; font-size: 15px; display: inline-block; text-align-last: justify; color: #606060; font-weight: bold;}
.input-group input[type=text]{border: 1px solid #aaa; border-radius: 2px; line-height: 30px; height: 30px; width: 276px; text-indent: 1em; font-family: "microsoft yahei", "sans-serif"; /* background: #f0f2ef; */ transition: 300ms; -webkit-transition: 300ms; outline: none;}
.input-group input[type=text]:focus{width: 300px; box-shadow: 0 0 5px #015cb5; border: 1px solid #015cb5;}
.input-group textarea:focus{width: 440px; box-shadow: 0 0 5px #015cb5; border: 1px solid #015cb5;}
.input-group input[type=text]#captcha:focus{width: 90px; box-shadow: 0 0 5px #015cb5; border: 1px solid #015cb5;}
.input-group textarea{transition: 300ms; -webkit-transition: 300ms; width: 420px; border: 1px solid #aaa; border-radius: 2px; text-indent: 1em; padding-top: 5px; font-family: "microsoft yahei", "sans-serif"; outline: none;}
#submit{display: block; clear: both; width: 80px; line-height: 30px; background: #015cb5; border: 0; color: #ffffff; font-size: 14px; font-family: "microsoft yahei"; margin-left: 64px;}
#submit:hover{background: #BB0000;}
/*---------------------------------------------------------------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: #1f418d;}
.i_news .i_news_list li:hover img{transform: scale(1.1);}
.i_news .i_news_list li:hover small{color: #1f418d;}
.i_news .i_news_list li p{width: 25%; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; position: absolute; left: 0; top: 0;}
.i_news .i_news_list li p img{width: 100%; height: 100%; object-fit: cover; display: block; 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: #1f418d; 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 .news_info_top{color: #666; border-bottom: 1px solid #ccc; margin-bottom: 3%;}
.news_info .news_info_top h3{font-size: 25px; font-weight: 300;}
.news_info .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 table{width: 100% !important;}
#info .pro-info-con .p_content2{font-size: 13px !important; line-height: 40px; color: #666;text-transform: capitalize;}
/*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%;}
.info2{background: #f3f3f3; padding-top: 4%;}
.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: #1f418d; 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: #1f418d; 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: 400px;}
.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: #1f418d; 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: #1f418d; 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: #1f418d;}
#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: #1f418d; color: #fff;}
div.page span.current{padding: 2px 8px; font-weight: 300; margin: 2px; color: #fff; background-color: #1f418d; border: 1px solid #1f418d;}
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: #1f418d;}
#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: #1f418d; 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: #1f418d;}
/*-------------------------------------------------------------------------product 产å“页é¢------------------------------------------------------------------------------------*/
.pdc-list{overflow: hidden; width: 105%;}
.pdc-list li{width: 30.4%; margin-right: 2%; margin-bottom: 2%; float: left;}
.pdc-list li b{display: block; height: 218px; width: 100%; position: relative; border: 1px solid #ccc; background: #000;}
.pdc-list li b img{height: 100%; width: 100%; transition: 300ms; -webkit-transition: 300ms; display: block; object-fit: cover;}
.pdc-list li b i{display: block; width: 38px; height: 38px; background: url("../images/more.png"); position: absolute; left: 50%; margin-left: -19px; top: 50%; margin-top: -19px; opacity: 0; transition: 300ms; -webkit-transition: 300ms;}
.pdc-list li span{display: block; line-height: 38px; text-align: center; border-bottom: 3px solid #e5e5e5; font-size: 14px; transition: 300ms; -webkit-transition: 300ms;}
.pdc-list li:hover img{opacity: 0.5;}
.pdc-list li:hover i{opacity: 1;}
.pdc-list li:hover span{background: #015cb5; color: #fff; border-bottom: 3px solid #015cb5;}
#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, #0a43ac); background: -o-linear-gradient(120deg, #2970f3, #0a43ac); background: -moz-linear-gradient(120deg, #2970f3, #0a43ac); background: linear-gradient(120deg, #2970f3, #0a43ac); 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: block;}
#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{height: 40px; line-height: 40px; background: #eee; text-align: center; width: 49%; margin-bottom: 1%;}
.mobile_type ul li a{display: block;}
.mobile_type ul li a.current2{background: #1f418d; color: #fff;}
.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: #1f418d;}
.sidebar_news li:hover a:before{background: #1f418d;}
.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%;}
.p_content .sylx_img h4{font-size: 16px; color: #1f418d; 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;}
.pro-info-con_left{width: 100%; float: none;}
/*详情页*/
.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: #1f418d; border-bottom: 2px solid #1167b8; padding-bottom: 10px; text-align: left; margin-bottom: 20px; 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: #1f418d;}
.pro-info-con .pro-email{color: #1f418d; display: block; font-size: 14px; margin: 4% 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; background: #e6e6e6; margin: 20px auto 0 auto; font-size: 16px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.pro-info-con .pro-order:hover{background: #c31211; color: #fff;}
.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: #1f418d; border: 1px solid #1f418d;}
.info_right_t{text-align: center; font-size: 30px; color: #1f418d; margin-bottom: 5%;}
.info-right-image{width: 49%; float: left; display: none;}
.info-right-image p{height: 330px; overflow: hidden; border: 1px solid #ccc;}
.info-right-image p img{width: 100%; height: 100%; object-fit: contain;}
.info-right-image-t{float: right; width: 47%;}
.pro_contact{display: none;}
.pro_contact .info_contact .info_contact_list ul li{width: 50%;}
/*关于我们*/
.info_c_title{text-align: center; margin: 5% 0 3%;}
.info_c_title > *{display: block;}
.info_c_title b{font-size: 36px; color: #124092; text-align: center; background: url("../images/info_t_bg.png") no-repeat center;}
.info_c_title small{font-size: 13px;color: #181818;margin-top: 5px;}
.info_com_type ul{display: flex; display: -webkit-flex; justify-content: space-between;}
.info_com_type ul li{width: 49%; line-height: 64px; height: 64px; background: #ececec; text-align: center; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.info_com_type ul li a{display: block;}
.info_com_type ul li i{width: 28px; height: 28px; background: #1f418d; border-radius: 50%; text-align: center; line-height: 28px; display: inline-block; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.info_com_type ul li span{font-weight: bold; padding-left: 5px; font-size: 16px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;}
.info_com_type ul li:hover{background: #1f418d;}
.info_com_type ul li:hover i{background: #c31211;}
.info_com_type ul li:hover span{color: #fff;}
.info_com_con{overflow: hidden;}
.info_com_con .info_com_l{width: 47.5%;float: left;overflow: hidden;margin-top: 32px;}
.info_com_con .info_com_l .swiper-container-company{overflow: hidden; position: relative;}
.info_com_con .info_com_l .swiper-slide{height: 100%; position: relative;}
.info_com_con .info_com_l p{height: 400px;display: block;overflow: hidden;}
.info_com_con .info_com_l p img{width: 100%; height: 100%; display: block; object-fit: cover;}
.info_com_con .info_com_l span{position: absolute; left: 0; bottom: 0; background: rgba(31, 65, 141, 0.8); color: #fff; padding: 13px; display: block; width: 100%;}
.info_com_con .info_com_r{width: 48%; float: right;}
.info_com_con .info_com_r > *{display: block;}
.info_com_con .info_com_r b{font-size: 20px;color: #1f1f1f;}
.info_com_con .info_com_r span{font-size: 14px;color: #181818;margin: 7px 0;}
.info_com_con .info_com_r .p_con{font-size: 13px;color: #181818;line-height: 21px;text-align: justify;}
/*info_company_2*/
.info_company_2{background: url("../images/info_com2_bg.jpg") no-repeat center; background-size: cover; margin-top: 3%;}
.info_company_2 ul{overflow: hidden;}
.info_company_2 ul li{width: 25%;float: left;box-sizing: border-box;padding: 120px 25px;position: relative;overflow: hidden;}
.info_company_2 ul li:after{display: block; content: ''; width: 0; height: 100%; background: rgba(16, 82, 199, 0.6); position: absolute; left: 50%; top: 0; transition: 500ms ease-in-out; -webkit-transition: 500ms ease-in-out;}
.info_company_2 ul li p{position: relative; z-index: 2;}
.info_company_2 ul li span{display: block;}
.info_company_2 ul li span img{display: block; transition: 200ms ease-in-out; -webkit-transition: 200ms ease-in-out;}
.info_company_2 ul li span i{font-size: 50px; color: #fff; font-style: normal; font-weight: 300; position: absolute; left: 0; top: -10px; opacity: 0; transition: 500ms ease-in-out; -webkit-transition: 500ms ease-in-out; transform: scale(0.5); -webkit-transform: scale(0.5);}
.info_company_2 ul li b{display: block;font-size: 20px;color: #fff;margin: 40px 0;height: 56px;}
.info_company_2 ul li small{font-size: 12px;color: #9d9d9d;line-height: 30px;height: 147px;display: block;transition: 500ms ease-in-out;-webkit-transition: 500ms ease-in-out;position: relative;}
.info_company_2 ul li:hover:after{width: 100%; opacity: 1; left: 0; right: 0;}
.info_company_2 ul li:hover small{color: #fff; transform: translateY(-10px);}
.info_company_2 ul li:hover img{transform: scale(0.9); opacity: 0;}
.info_company_2 ul li:hover i{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
/*资质è£èª‰*/
.swiper-container-honor{overflow: hidden; position: relative; padding-bottom: 40px;}
.swiper-container-honor .swiper-slide{height: 320px; border: 1px solid #ccc; padding: 5px;}
.swiper-container-honor .swiper-slide a{display: block; height: 100%;}
.swiper-container-honor .swiper-slide img{width: 100%; height: 100%; object-fit: contain;}
/*åˆä½œä¼™ä¼´*/
#info_friends{padding-bottom: 5%;}
.swiper-container-friends{overflow: hidden; position: relative; padding-bottom: 40px;}
.swiper-container-friends .swiper-slide{height: 100px; border: 1px solid #ccc; padding: 5px;}
.swiper-container-friends .swiper-slide a{display: block; height: 100%;}
.swiper-container-friends .swiper-slide img{width: 100%; height: 100%; object-fit: contain;}
/*案例展示*/
.case_list{width: 103%; overflow: hidden;}
.case_list li{float: left; width: 31%; margin-bottom: 2%; overflow: hidden; margin-right: 2%;}
.case_list li a{display: block; cursor: default;}
.case_list li p{border: 1px solid #ccc; padding: 5px; height: 128px;}
.case_list li p img{display: block; width: 100%; height: 100%; object-fit: contain;}
.case_list li span{display: block; text-align: center; font-size: 15px; margin-top: 10px; height: 21px; overflow: hidden;}
/**/
.swiper-container-honor{padding-bottom: 70px!important;}