body { font-family: Arial, "微软雅黑", sans-serif; color: #222; font-size: .16rem;
width: 100%; overflow-x: hidden; min-width: 1400px; }
div, ul, li, span, p, img, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin: 0px; padding: 0px; list-style: none; border: 0px; }
address, blockquote, dl, fieldset, figure, hr, ol, p, pre, ul { margin: 0; }
ul, ol { list-style: none; padding-left: 0; }
li { list-style: inherit; }
em, .em, i { text-transform: uppercase; vertical-align: top; font-style: normal; }
.cl, .clear { clear: both; display: block; }
input, textarea, button, span, li, a, div { border: none; outline: none; resize: none; }
textarea { font-family: Arial, "微软雅黑", sans-serif; overflow: auto; }
table { width: 100%; border-spacing: 0; border-collapse: collapse; }

sup { vertical-align: top; }
.bg-img-center { background-size: cover; background-position: center; background-repeat: no-repeat; }
.bg-img-left { background-position: left center; background-repeat: no-repeat; }
.imgs-btn img { cursor: zoom-in; }
.clearfix:before, .clearfix:after { content: ""; display: block; width: 0; height: 0; clear: both; visibility: hidden; }
.box { display: block; }
.top80 { padding-top: 80px; }
.top40 { padding-top: 40px; }
.top60 { padding-top: 60px; }
#top70 { padding-top: 70px; }
.top50 { padding-top: 50px; }
.top30 { padding-top: 30px; }
.top110 { padding-top: 110px; }
.top90 { padding-top: 90px; }
.top100 { padding-top: 100px; }
.t1 { text-align: center; }
.t1 p { font-size: 44px; color: #333; line-height: 70px; }
.t1 b { background-image: linear-gradient(55deg, #2651b7 0%, #1f59e3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.t1 span { font-size: 19px; color: #666; font-weight: lighter; }
.page { margin: 0 auto; width: 1560px }
.hvr-color { transition: all .3s; }
.hvr-color:hover { color: #2651b7; }
.com-padding { padding-top: 1.2rem; padding-bottom: 1.2rem; }
.page-padding { padding-top: .7rem;
padding-bottom: .6rem;
}
.pt0 { padding-top: 0; }
.pb0 { padding-bottom: 0; }
.p-color { color: #666; }
.tsi { transition: all .3s; }
.com-bg { background-color: #f3f3f6; }
.bg-f { background-color: #fff; }
.co-f { color: #fff; }
.com-ba:before, .com-ba:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: transform .3s; }
.com-show { position: relative; }
.com-show .com-show-item { position: absolute; top: 0; left: 0; transform: translateY(30px); opacity: 0; visibility: hidden; transition: transform .5s; width: 0; }
.com-show .com-show-item.active { position: relative; transform: translateY(0); visibility: visible; opacity: 1; width: auto; }
.swiper-pagination-bullet { width: 10px; height: 10px; background-color: #fff; opacity: 1; }
.swiper-pagination-bullet-active { background-color: #2651b7; }
.swiper-pagination.swiper-pagination { bottom: 30px; }
div.swiper-button-next, div.swiper-button-prev {
width: .6rem;
height: .6rem; border-radius: 50%; background: #fff; }
.swiper-button-next:after, .swiper-button-prev:after { content: ""; position: absolute; left: 45%; top: 50%; width: .15rem;
height: .15rem;
border: 2px solid #7f7f7f; border-left: none; border-bottom: none; transform: translate(-50%, -50%) rotate(45deg); }
.swiper-button-prev:after { left: 55%; transform: translate(-50%, -50%) rotate(-135deg); }
.swiper-button-next:hover, .swiper-button-prev:hover { background-color: #2651b7; }
.swiper-button-next:hover:after, .swiper-button-prev:hover:after { border-color: #fff; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.weight-bold { font-weight: bold; }
.line-mini { line-height: 1; }
.line-small { line-height: 1.5; }
.line { line-height: 1.75; }
.line-big { line-height: 2; }
.line-large { line-height: 2.5; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.am-inline-block { display: inline-block !important; }
.hor-top-show { position: relative; bottom: -40px; height: 0; opacity: 0; overflow: hidden; transition: all .3s; }
.hor-top-show.active { height: auto; opacity: 1; bottom: 0; }
.hvr1.hvr1 .img { background: #000; position: relative; }
.hvr1.hvr1 .img img { transition: all .5s; }
.hvr1.hvr1 .img:before { content: ''; position: absolute; top: 35px; bottom: 35px; left: 35px; right: 35px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scaleX(0); transition: all .5s; z-index: 1; }
.hvr1.hvr1 .img:after { content: ''; position: absolute; top: 35px; bottom: 35px; left: 35px; right: 35px; border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scaleY(0); transition: all .5s; z-index: 1; }
.hvr1.hvr1:hover img { opacity: .8; }
.hvr1.hvr1:hover .img:before { transform: scaleX(1); }
.hvr1.hvr1:hover .img:after { transform: scaleY(1); }
.hover-img-big .img { overflow: hidden; }
.hover-img-big .img img { transition: transform .5s; }
.hover-img-big:hover img { transform: scale(1.04); }
.img-middle-hover::hover img {
transform: translate(-50%, -50%) scale(1.05) !important;
}
.hover-color h4 { transition: all .3s; }
.hover-color:hover h4 { color: #2651b7 !important; }
.hover-shadow .box { transition: all .3s; }
.hover-shadow:hover .box { box-shadow: 0 0 18px -6px #2651b7; }
.com-sd li .box { transition: all .3s; }
.com-sd li:hover .box { box-shadow: 0 0 18px -6px #2651b7; }
.header { position: absolute; width: 100%; padding-left: 3vw; padding-top: 25px; z-index: 999999; line-height: 50px; transition: all .3s; }
.header .logo { padding-top: 3px; position: relative; z-index: 2; }
.header .logo h6 { line-height: inherit; }
.header .logo a { display: block; font-size: 0; }
.header .logo p { position: absolute; top: 50%; transform: translateY(-42%); left: 2.4rem; white-space: nowrap; line-height: .3rem;
font-weight: 700; }
.header .logo p span { display: block; color: #2651b7; }
.header .phone { line-height: 1; font-size: 0; position: relative; z-index: 2; }
.header .phone * { vertical-align: middle; }
.header .phone .tel { height: 80px; padding: 10px 26px 0 26px; background: #2651b7; color: #fff; font-size: 21px; font-family: "DIN"; line-height: 30px; }
.header .phone .tel img { margin-right: 10px; }
.header .phone .form .icon { display: block; width: 80px; height: 80px; padding: 30px 0; text-align: center; background: #fff; }
.header .phone form { position: absolute; font-size: 0; vertical-align: middle; white-space: nowrap; right: 0; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all .3s; }
.header .phone form .keyword { height: 30px; padding: 0 10px; border: 1px solid #2651b7; font-size: 14px; vertical-align: middle; }
.header .phone form .submit { height: 30px; padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: 700; color: #fff; background: #2651b7; cursor: pointer; vertical-align: middle; }
.header .phone form .submit img { margin-left: .06rem;
}
.header .phone .form:hover form { opacity: 1; visibility: visible; transform: translateY(0); }
.header .nav { padding-top: 15px; position: relative; }
.header .nav ul { text-align: center; }
.header .nav li { display: inline-block; position: relative; margin: 0 1.3%; }
.header .nav li > a { display: block; height: 100%; padding: 0 5px; transition: all .3s; position: relative; color: rgba(255,255,255,1); font-size: 18px; }
.header .nav li.bg { position: absolute; top: 0; height: auto; margin: 0; border-bottom: 5px solid #fff; }
.header .nav .subnav { position: absolute; left: 50%; bottom: -30px; transform: translate(-50%, 100%); width: 140px; height: 0; overflow: hidden; background: rgba(255,255,255,0.9); opacity: 0; transition: bottom .5s, opacity .5s; text-align: center; }
.header .nav .subnav > a { display: block; line-height: 40px; font-size: 14.6px; }
.header .nav .subnav > a:hover { color: #fff; background: #2651b7; }
.header .nav li:hover .subnav { height: auto; bottom: 4px; opacity: 1; }
.index-banner { position: relative; width: 100%; }
.index-banner img { width: 100%; }
 @media screen and (max-width: 1023px) {
html { font-size: 90px; }
.fwlc .content1 { width: 100%; }
.header .nav li > a { font-size: 14px }
}
@media screen and (max-width: 767px) {
html { font-size: 80px; }
.header .nav li > a { font-size: 14px }
}
@media screen and (max-width: 374px) {
html { font-size: 70px; }
.header .nav li > a { font-size: 14px }
}
@media (max-width: 1700px) {
.w1600 { width: 1500px; }
.news { width: 100%; min-width: 1300px; margin: 0 auto; }
.fwlc .content1 { width: 100%; }
.zxly .container { width: 100% !important; }
.header .nav li > a { font-size: 16px }
.prod_img { width: 100% !important; margin: auto; }
.divproduct_new_div_item_content { height: 9vw !important; }
.prod_img .divproduct_new_div_item { height: 28vw !important; }
.fwlc .content1 { width: 100% !important; }
}
@media (max-width: 1800px) {
.news { width: 100%; min-width: 1300px; margin: 0 auto; }
.fwlc .content1 { width: 100%; }
.zxly .container { width: 100% !important; }
}
@media (max-width: 1520px) {
.w { width: 1200px; }
.news { width: 100%; min-width: 1300px; margin: 0 auto; }
.fwlc .content1 { width: 100%; }
.zxly .container { width: 100% !important; }
.header .nav li > a { font-size: 15px }
.w1600 { width: 1300px; }
.header .nav li { margin: 0 .15rem;
}
.prod_img {
width:100 !important%; margin: auto; }
.divproduct_new_div_item_content { height: 9vw !important; }
.prod_img .divproduct_new_div_item { height: 28vw !important; }
.fwlc .content1 { width: 100% !important; }
}
@media (max-width: 1340px) {
.w1600 { width: 96%; }
.zxly .container { width: 100%; }
.zxly .container { width: 100% !important; }
.header .nav li > a { font-size: 14px }
.w { width: 90%; }
.divproduct_new_div_item_content { height: 9vw !important; }
.prod_img .divproduct_new_div_item { height: 29vw !important; }
.prod_img { width: 100% !important; margin: auto; }
.fwlc .content1 { width: 100% !important; }
}
@media (max-width: 1280px) {
.header .phone .form { display: none !important; }
.header .nav li > a { font-size: 14px }
.ft-xt { margin: 0 auto; width: 70%; height: 3px; }
.fwlc .content1 { width: 100% !important; }
}
@media (max-width: 1024px) {
.header { display: none; }
.header .nav li > a { font-size: 14px }
.header-m { display: block; }
}
/*第一*/
.content1 { width: 82%; max-width: 1600px; min-width: 1400px; margin: auto; }
.main_box { width: 100%; height: 450px; position: relative; margin-top: -130px; }
.main_t { width: 100%; margin: 0 auto; position: relative; float: right; }
.main_row1 { position: absolute; z-index: 9999; width: 100%; margin: auto; box-shadow: 0px 0px 15px rgba(204, 204, 204, 0.4); background: #fff; }
.main_row1:after { content: ''; display: block; clear: both; }
.main_r1 { float: right; }
.main_r1_item { display: block; width: calc(1370px/4); width: 25%; float: left; padding: 45px 0; position: relative; cursor: pointer; height: 415px; background: #fff; z-index: -1; transition: all 0.3s; text-align: center; border-left: 1px #f5f5f5 solid; }
.main_r1_item:nth-child(1) { margin-left: 0px !important; border-left: none; }
.main_r1_item p { margin: auto; width: 240px; text-align: center; }
.main_r1_item span { text-align: center; color: #666; font-size: 52px; line-height: 66px; font-weight: 400; font-family: "akr" }
.main_r1_item em { color: #ccc; font-size: 20px; display: block; font-family: "arial"; width: 85px; border-bottom: 1px #ccc solid; margin: auto; padding-bottom: 23px; }
.main_r1_item i { display: block; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.main_r1_item .iconfont { font-size: 55px; margin: 0 auto; line-height: 61px; color: #666; padding-top: 30px; margin-bottom: 19px; text-align: center; width: 100px; height: 100px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); position: relative; transition: all 0.3s; background: rgba(255, 255, 255, 0.1); }
.main_r1_item .iconfont:after { content: ""; position: absolute; width: 80px; height: 80px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; left: 10px; top: 10px; }
.main_r1_item:hover i, .main_r1_item.active i { background-position-y: -70px; color: #fff; }
.main_r1_item:after { content: ''; display: block; width: 100%; background: #2651b7; height: 335px; position: absolute; bottom: -15px; opacity: 0; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; z-index: -1; }
.main_r1_item .iconfont:before { position: absolute; width: 60px; height: 60px; background: #fff; border-radius: 50%; left: 20px; top: 20px; }
.main_r1_item.active .iconfont.icon-gongchengshi { font-size: 36px; }
.iconfont.icon-jianxiu { font-size: 50px; }
.iconfont.icon-gongchengshi { font-size: 45px; }
.main_r1_item.active .iconfont { font-size: 40px; }
.iconfont.icon-aaa { font-size: 45px; }
.main_r1_item.active:before, .main_r1_item:hover:before { opacity: 1; top: -5px; }
.main_r1_item.active:after, .main_r1_item:hover:after { opacity: 1; bottom: 0px; }
.main_r1_item.active:after { bottom: 0px; height: 415px; }
.main_r1_item.active span, em, i { color: #fff; }
.main_r1_item.active em { color: rgba(255, 255, 255, 0.5); border-bottom: 1px #4e9df3 solid; }
.main_r1_item.active i { color: #fff; }
.main_r1_item:hover span, em, i { color: #fff; }
.main_r1_item:hover i { color: #fff; }
.main_r1_item:hover em { color: rgba(255, 255, 255, 0.5); }
.main_r1_item .yct { font-size: 16px; color: #666; line-height: 30px; width: 252px; text-align: center; margin: 30px auto; font-weight: 100 }
.main_r1_item:hover .yct, .main_r1_item:hover .more { opacity: 1 }
.main_r1_item.active .yct, .main_r1_item.active .more, .main_r1_item.active a { opacity: 1; color: #fff; }
/*产品*/
.prod_list table { width: 100%; float: left; }
.prod_list table tr { width: 10.2%; height: 52px; background: #fff; display: block; float: left; margin-right: 1%; box-shadow: 0px 0px 10px rgba(204, 204, 204, 0.4); }
.prod_list>a { width: 181px; height: 52px; background: url()no-repeat center; display: block; float: left; text-align: center; font-size: 18px; color: #333; line-height: 52px; }
.prod_list table tr td { height: 52px; line-height: 52px; width: 181px; }
.prod_list table tr td a { width: 100%; height: 100%; display: block; text-align: center; font-size: 16px; color: #333 !important; font-weight: normal; }
.prod_list table tr.on { background: #2651b7; box-shadow: 3px 5px 20px 0px rgba(0, 0, 0, 0.06); }
.prod_list table tr.on td a { color: #fff !important; }
.prod_list>a:hover { background-image: url(); color: #fff; }
.prod_box { width: 100%; }
.prod_list table tr:nth-child(8n) { }
.prod_list table tr:nth-child(9n) { margin-right: 0 !important; }
.prod_list table tr:nth-child(10n) { display: none; }
.prod_list table tr:nth-child(11n) { display: none; }
.prod_list table tr:nth-child(12n) { display: none; }
.prod_list table tr:nth-child(13n) { display: none; }
.prod_list table tr:nth-child(14n) { display: none; }
.prod_list table tr:nth-child(15n) { display: none; }
.prod { width: 82%; margin: auto; min-width: 1600px; min-width: 1400px; }
.prod_wt { overflow: hidden; }
.prod_img { width: 82%; margin: auto; min-width: 1600px; min-width: 1400px; }
.prod_img .divproduct_new_div_item { display: block; float: left; width: 25%; height: 23vw; background: #fff; overflow: hidden; cursor: pointer; padding-left: 0 !important; position: relative; border: 1px #f5f5f5 solid; margin-top: 22px; border-left: none; }
.prod_img .divproduct_new_div_item:nth-child(5) { border-left: 1px #f5f5f5 solid; }
.prod_img .divproduct_new_div_item:nth-child(1) { border-left: 1px #f5f5f5 solid; }
.prod_img .divproduct_new_div_item:hover { background: #0072ee; }
.divproduct_new_div_item_content { position: absolute; bottom: 0; width: 100%; box-sizing: border-box; width: 91.5%; height: 7.4vw; left: 4.4%; bottom: 3%; box-sizing: border-box; background: #f5f5f5; padding: 1.4vw; }
.product_div_item_pic img { width: 100%; transition: all 0.5s;/* padding:20px;*/ }
.divproduct_new_div_item_title a { font-size: 18px; color: #333; margin-bottom: 0.4vw; display: block; }
.prod_img .divproduct_new_div_item:hover .divproduct_new_div_item_title a { color: #fff; }
.divproduct_new_div_item_body { font-size: 14px; line-height: 25px; color: #666; font-weight: 200; }
.divproduct_new_div_item_content, .divproduct_new_div_item_title a, .divproduct_new_div_item_body { transition: 0.5s all ease; }
.prod_img .divproduct_new_div_item:hover .divproduct_new_div_item_body { color: #fff; }
.prod_img .divproduct_new_div_item:hover .divproduct_new_div_item_content { background: #0072ee; padding: 1vw; }
.prod_in .divproduct_new_div .divproduct_new_div_item { width: 401px; float: left; height: 296px; margin-right: 20px; position: relative; overflow: hidden; border: 1px #f3f4f5 solid; background: #fff; }
.product_div_item_pic { padding: 4.4%; }
.product_div_item_pic a { display: block; overflow: hidden; font-weight: 100 }
.prod_in .divproduct_new_div .divproduct_new_div_item .product_div_item_pic a img { width: 401px; transition: all .3s linear; }
.divproduct_new_div_item:hover .product_div_item_pic a img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.product_div_item_pic a:before { content: ''; background-color: rgba(0,114,238,0.3); display: block; width: 441px; height: 470px; position: absolute; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; top: -470px; left: 0; z-index: 1; transition: all 1s; }
.divproduct_new_div_item:hover .product_div_item_pic a:before { top: 0; }
.product_div_item_pic a:after { content: ''; background: url(//memberpic.114my.com.cn/dg56628/uploadfile/image/20221126/20221126160326_858929040.png) no-repeat center; background-size: auto auto; position: absolute; width: 100%; height: 100%; left: 0; background-size: 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; z-index: 2; top: -16%; }
.divproduct_new_div_item:hover .product_div_item_pic a:after { background-size: 50px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
/*--售后--*/
.service-list { background-image: linear-gradient(55deg, #2651b7 0%, #1f59e3 100%); }
.service { padding: 92px 0.625rem 15px 0.625rem; overflow: hidden; background: #fff; }
.service .item { position: relative; float: left; padding: 2.5rem 3.75rem; width: 20%; height: 21.875rem; text-align: center; cursor: pointer; background: #2651b7; transition: all 0.5s; }
.service .item:before { display: none; position: absolute; z-index: 3; left: 50%; bottom: -0.9rem; margin-left: -1.25rem; width: 2.5rem; height: 2.5rem; content: ""; background: #2651b7 url(//memberpic.114my.com.cn/yihao98/uploadfile/image/20210729/20210729173514_404566526.png) no-repeat center; }
.service .item:after { display: block; position: absolute; z-index: 1; left: 0; bottom: 0; width: 0; height: 5px; content: ""; background: #2651b7; transition: all 0.5s; }
.service .item:nth-child(even) { background: #02a4f7; }
.service .item i { display: block; margin: 0 auto; width: 3.75rem; height: 3.75rem; }
.service .item i img { display: block; width: 100%; }
.service .item h3 { margin-top: 1rem; height: 4.5rem; line-height: 2.25rem; font-weight: normal; font-size: 1.75rem; color: #fff; }
.service .item p { display: none; margin-top: 1rem; line-height: 1.9rem; font-size: 1rem; color: #fff; font-weight: lighter; }
.service .item em { display: block; position: absolute; left: 0; bottom: 3.125rem; width: 100%; font-size: 0.875rem; font-family: "DIN Medium"; color: #fff; text-transform: uppercase; }
.service .item.cur { width: 60%; background: #F5f5f5 url(//memberpic.114my.com.cn/yihao98/uploadfile/image/20210729/20210729175929_298927592.png) no-repeat center 0 !important; }
.service .item.cur * { color: #000; }
.service .item.cur i { filter: contrast(0) brightness(0); }
.service .item.cur h3 { height: 2.25rem; }
.service .item.cur p { display: block; }
.service .item.cur em { display: none; }
.service .item.cur:after { width: 100%; }
.service .item.cur:before { display: block; }
@media (max-width:992px) {
.service { padding: 2rem 0.625rem; }
.service .item { padding: 1rem; height: 15rem; }
.service .item, .service .item.cur { width: 50%; }
.service .item em { bottom: 2rem; }
.service .item h3 { font-size: 1rem; }
.service .item.cur p { display: none; }
.service .item.cur em { display: block; }
}
/*--end service--*/




/*案例*/
.case_appli { width: 82%; margin: auto; padding: 80px 0; min-width: 1600px; min-width: 1400px; }
.case_appli .tempWrap { width: 1400px !important; }
.case_appli table tr { display: block; height: 107px; }
.case_appli table tr td { border: 1px solid #dddddd; display: inline-block; padding-left: 0 !important; position: relative; overflow: hidden; width: 13.4%; }
.case_appli table tr td > div { padding: 0 !important; }
.case_appli table tr td+td { margin-left: 1%; }
.case_appli table tr td img { width: 100%; margin-bottom: 0px !important; }
.case_appli table tr td:hover div a { display: block; position: absolute; bottom: 0; width: 200px; height: 100%; color: #fff !important; -webkit-transition: all 0.5s; transition: all 0.5s; display: flex; justify-content: center; align-items: center; z-index: 5; }
.case_appli table tr td div a { display: block; position: absolute; width: 200px; height: 28px; line-height: 28px; color: #fff !important; -webkit-transition: all 0.5s; transition: all 0.5s; }
.case_appli table tr td:before, .case_appli table tr td:after { position: absolute; top: 50%; content: ''; width: 20px; height: 20px; background: rgb(242 125 0 / 0.7); border-radius: 50%; z-index: 1; }
.case_appli table tr td:before { left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.case_appli table tr td:after { right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.case_appli table tr td:hover:before { -webkit-animation: criss-cross-left 0.8s both; animation: criss-cross-left 0.8s both; }
.case_appli table tr td:hover:after { -webkit-animation: criss-cross-right 0.8s both; animation: criss-cross-right 0.8s both; }
@-webkit-keyframes criss-cross-left { 0% {
left: -20px;
}
 50% {
left: 50%;
width: 20px;
height: 20px;
}
 100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-left { 0% {
left: -20px;
}
 50% {
left: 50%;
width: 20px;
height: 20px;
}
 100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@-webkit-keyframes criss-cross-right { 0% {
right: -20px;
}
 50% {
right: 50%;
width: 20px;
height: 20px;
}
 100% {
right: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-right { 0% {
right: -20px;
}
 50% {
right: 50%;
width: 20px;
height: 20px;
}
 100% {
right: 50%;
width: 375px;
height: 375px;
}
}
/*流程*/
.pp { padding-top: 80px; box-sizing: border-box; background: url(//memberpic.114my.com.cn/zhonghuichuju/uploadfile/image/20221129/20221129204154_1756513668.jpg) center top no-repeat #f5f5f5; }
.pp .tit span, .pp .tit i { color: #fff; }
.pp p { color: #fff; font-weight: bold; }
.pp span { color: #fff; }
.pp_con { margin-top: 50px; position: relative; }
.pp_con .list { width: 91.2%; margin: 0 auto; overflow: hidden; }
.pp_con .list ul li { width: 705px; height: 396px; line-height: 0; position: relative; }
.pp_con .list ul li img { width: 705px; border: 5px solid #fff; height: 396px; display: block; transition: 1s; }
.pp_con .list ul li h4 { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: rgba(0, 0, 0, 0.64); font-size: 16px; font-weight: bold; line-height: 50px; color: #fff; text-align: center; box-sizing: border-box; font-weight: bold; }
.pp_con .list ul li.swiper-slide-active::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #fff; box-sizing: border-box; z-index: 1; }
.pp_con .list ul li:after { content: ""; position: absolute; left: -5%; bottom: -32px; width: 110%; height: 32px; background: url(//memberpic.114my.com.cn/yihao98/uploadfile/image/20210716/20210716205423_820221951.png) no-repeat center; box-sizing: border-box; z-index: 10; }
.pp_con .list ul li.swiper-slide-active h4 { display: block; font-size: 20px; }
.pp_con .list ul li.swiper-slide-prev h4 { text-align: left; padding-left: 82px; box-sizing: border-box; }
.pp_con .list ul li.swiper-slide-next h4 { text-align: right; padding-right: 88px; box-sizing: border-box; }
.pp_con .swiper-pagination { position: relative; line-height: 0; bottom: auto; margin-top: 38px; }
.pp_con .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; background: #cdcdcd; opacity: 1; }
.pp_con .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background: #2651b7; width: 34px; border-radius: 3px; }
/*证书*/

.index_honor { width: 100%; height: 620px; background: url(//memberpic.114my.com.cn/dg56628/uploadfile/image/20221126/20221126201345_1373409098.png) no-repeat center #f5f5f5; padding: 88px 0 50px; }
.client_row2 { position: relative; }
.client_row2_l:hover, .client_row2_r:hover { background-position-y: 0 }
.client_item { width: 180px; float: left; margin-left: 20px; display: block; }
.client_item p { font-size: 14px; line-height: 26px; color: #666; background: #fff; padding: 26px; border-top: 1px solid #f1f1f1; }
.client_item img { display: block; width: 100%; height: auto; }
.client_item i { background: #fff; display: block; line-height: 40px; font-style: normal; font-size: 13px; color: #888; transition: 0.3s all ease; text-align: center; }
.client_item:hover i { background-position: 250px -37px; color: #fff; background: #2651b7; }
.index_honor .t1 p { font-size: 44px; color: #333; line-height: 50px; padding-bottom: 8px; font-weight: normal; }
.index_honor .t1 b { color: #2651b7; }
.index_honor .t1 span { font-size: 19px; color: #666; font-weight: lighter; }
/*为什么*/
.strength_bg { position: relative; background: url(//memberpic.114my.com.cn/zhonghuichuju/uploadfile/image/20230202/20230202134221_360673087.jpg); }
.strength_bg .t1 p { color: #fff; }
.strength_bg .t1 b { color: #fff; }
.strength_bg .t1 span { color: #fff; }
.solution_m .swiper-slide-duplicate { height: 454px !important; margin-top: 157px !important; }
.solution_m .swiper-slide-next { height: 454px !important; margin-top: 134px !important; transform: scale(0.9) !important; margin-left: 30px !important; margin-right: 0px !important; }
.solution_m .swiper-slide-prev { margin-top: 134px !important; transform: scale(0.9) !important; margin-left: -30px !important; }
.solution_m .swiper-slide-active { transform: scale(1.1) !important; height: 28vw !important; margin-top: 84px !important; margin-left: 30px !important; }
.solution_m { height: 610px; overflow: hidden; }
.solution_m .swiper-slide { -webkit-transform: scale(0.8); transform: scale(0.8); margin-top: 157px; height: 454px; }
.solution_m .swiper-slide img { width: 100%; }
.solution_m .swiper-slide-active .text, .solution_m .swiper-slide-duplicate-active .text { background-image: linear-gradient(55deg, #2651b7 0%, #1f59e3 100%); }
.solution_m .text { width: 100%; background-color: rgba(255,255,255,1); height: 12.4vw; padding: 0.5vw 1.8vw; box-sizing: border-box; }
.solution_m .text h4 { font-size: 1vw; line-height: 2.4vw; color: #222; font-weight: lighter; }
.solution_m .text p { font-size: 0.7vw; line-height: 1.4vw; }
.solution_m .text a { font-size: 0.95vw; margin-top: 1vw; display: block; line-height: 1.4vw; font-weight: lighter; }
.solution_m .text a:before { content: "+"; display: block; width: 1.4vw; height: 1.4vw; line-height: 1.4vw; text-align: center; background: #1d2122; float: left; margin-right: 5px; color: #fff; border-radius: 100%; }
.solution_m .swiper-slide-active h4, .solution_m .swiper-slide-active p, .solution_m .swiper-slide-duplicate-active h4, .solution_m .swiper-slide-duplicate-active p { color: #fff; }
.solution_m .swiper-slide-active a, .solution_m .swiper-slide-duplicate-active a { margin-top: 1vw; color: #fff; }
.solution_m .swiper-pagination { bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.solution_m .swiper-pagination-bullet { width: 16px; height: 16px; background-color: #e4e4e4; opacity: 1; margin: 0 5px; }
.solution_m .swiper-pagination-bullet-active { background-color: #0099e6 }
.solution_m .swiper-button-next, .solution_m .swiper-button-prev { width: 36px; height: 36px; border-radius: 50%; border: 3px solid #dcdcdc; background-image: none; text-align: center; font-size: 0; margin-top: -50px !important; }
.solution_m .swiper-button-next .iconfont, .solution_m .swiper-button-prev .iconfont { font-size: 20px; line-height: 36px; color: #dcdcdc; }
.solution_m .swiper-button-next:hover, .solution_m .swiper-button-prev:hover { border-color: #0099e6; }
.solution_m .swiper-button-next:hover .iconfont, .solution_m .swiper-button-prev:hover .iconfont { color: #0099e6; }
.solution_b a { display: block; }
.solution_m .swiper-button-next, .solution_m .swiper-button-prev { display: none; }
/*优势*/
.bz { width: 100%; background: url(//memberpic.114my.com.cn/yihao98/uploadfile/image/20210802/20210802094130_540110574.png)#f5f5f5 no-repeat center bottom; }
.adv_bt { }
.bz .content1 { overflow: hidden; }
.titleax { font-size: 44px; color: #333; line-height: 70px; text-align: center; letter-spacing: 2px; }
.titlebx { font-size: 20px; color: #666; display: block; line-height: 30px; text-align: center; font-weight: lighter; }
.titleax span { font-weight: bold; font-size: 44px; color: #2651b7; letter-spacing: 2px; }
.titleax span b { font-size: 60px; letter-spacing: 3px; font-family: "youth" }
.titleax b { background-image: linear-gradient(55deg, #2651b7 0%, #1f59e3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.adv_btl { float: left; font-size: 65px; color: #fff; font-weight: bold; line-height: 65px; padding-left: 15px; letter-spacing: 2px; }
.adv_btl span { color: #2738d8; font-size: 65px; }
.adv_btl i { font-size: 24px; color: #999; display: block; font-weight: normal; }
.adv_btr { float: right; font-size: 25px; color: #999; font-weight: normal; text-transform: uppercase; text-align: right; padding-top: 20px; }
.bz .con { margin-top: 0px; width: 75%; float: left; height: 560px; overflow: hidden; position: relative; }
.bz .con img { width: 100%;/*position:relative;*/ z-index: -1; }
.bz .con .dlt { width: 690px; height: 310px; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 22.5%; left: 15%; padding: 45px 70px; color: #fff; }
.bz .con .dlta { font-size: 38px; font-family: "youth" }
.bz .con .dltb { font-size: 25px; margin: 10px 0px 20px; }
.bz .con .dltc { font-size: 17px; line-height: 30px; text-align: justify; font-weight: 100; }
.bz .tit { width: 25%; float: right; background: #fff; }
.bz .tit ul { width: 100%; margin: 0 auto; }
.bz .tit li { display: inline-block; width: 100%; padding: 34px 45px; transition: all 0.3s linear; cursor: pointer; height: 140px; border-bottom: 1px #eee solid; }
.bz .tit li .bt { float: left; }
.bz .tit li .bt span { font-weight: 500; margin-top: 6px; line-height: 75px; font-size: 1.8vw; font-weight: lighter; }
.bz .tit li .bt p { opacity: 0; transition: 0.3s; font-size: 12px; color: rgba(255, 255, 255, 0.6); }
.bz .tit li.cur .bt p { opacity: 1; font-size: 20px; font-weight: lighter; }
.bz .tit li i { font-style: normal; text-transform: uppercase; font-size: 56px; color: #f3f3f3; font-family: "Microsoft YaHei"; font-weight: normal; letter-spacing: 1px; float: right; line-height: 70px; }
.bz .tit li.cur { background-image: linear-gradient(55deg, #2651b7 0%, #1f59e3 100%); width: 130%; position: relative; z-index: 99; float: right; padding: 20px 50px; border: none; }
.bz .tit li.cur i { color: hsla(0, 0%, 100%, 0.5); line-height: 100px; }
.bz .tit li.cur span { color: #fff; line-height: 50px; }
.bz .tit li.cur .bt { margin-top: 5px; }
.cbyb_conr { position: relative; width: 965px; height: 445px; float: left; }
.titx { background-image: linear-gradient(55deg, #2651b7 0%, #1f59e3 100%); overflow: hidden; }
.casex li, .case .tit em { float: left; display: inline; width: 25%; padding: 40px 0; border-right: #01bff9 solid 1px; }
.casex li:nth-child(4) { border-right: none; }
.casex em { margin-right: 0; }
.casex li a, .case .tit em a { display: block; }
.casex li .iconfont { font-size: 45px; color: #283149; width: 100%; float: left; text-align: center; color: #fff; }
.casex li .txt { font-size: 16px; color: #fff; line-height: 28px; float: left; width: 100%; text-align: center; padding-top: 15px; font-weight: 100; }
.casex li .txt span { font-size: 13px; color: rgba(40, 49, 73, 0.3); display: block; letter-spacing: -0.5px; text-transform: capitalize; }
.casex li:hover { background: #0656b2; transition: all 0.5s; }
.casex li:hover .iconfont { color: #fff; }
.casex li:hover .txt { color: #fff; }
.casex li:hoverr .txt span {
color:rgba(255, 255, 255, 0.5);
}
/*生产*/
.fwlc { padding-bottom: 95px; background: #fff; }
.fwlc .t1 p { letter-spacing: 2px; }
.fwlc .fwlc_con { padding: 48px 3%; background: #f5f5f5; position: relative; margin: auto; }
.fwlc .fwlc_con .conbox { float: left; padding-left: 6%; background: url(//memberpic.114my.com.cn/yihao98/uploadfile/image/20210716/20210716205907_1607573725.gif) no-repeat 23px 40px; position: relative; }
.fwlc .fwlc_con .conbox:first-child { padding-left: 0; background: none; }
.fwlc .fwlc_con .p1 { position: relative; display: block; max-width: 110px; margin: 0 auto; opacity: 1; filter: alpha(opacity=100); transition: all .5s cubic-bezier(.165, .84, .44, 1); }
.fwlc .fwlc_con .p1 span { display: block; width: 100px; height: 100px; }
.fwlc .fwlc_con .p1 span img { display: block; width: 100px; height: 100px; }
.fwlc .fwlc_con .p1 i { display: block; text-align: center; font-size: 18px; color: #333; margin-top: 20px; }
.fwlc .fwlc_con .conbox dl { position: absolute; left: 22px; top: -51px; background: #fff; padding: 13px; z-index: 2; box-shadow: 0 0 35px #999; transition: all .5s cubic-bezier(.165, .84, .44, 1); opacity: 0; z-index: 1; }
.fwlc .fwlc_con .conbox:first-child dl { left: -100px; }
.fwlc .fwlc_con .conbox dl dt img { display: block; }
.fwlc .fwlc_con .conbox dl dd { margin-top: 20px; overflow: hidden; position: relative; height: 36px; line-height: 36px; }
.fwlc .fwlc_con .conbox dl dd span { float: left; font-size: 16px; color: #333; font-weight: bold; }
.fwlc .fwlc_con .conbox dl dd i { float: right; font-size: 14px; color: #999; }
.fwlc .fwlc_con .conbox:hover .p1 { opacity: 0; filter: alpha(opacity=0); transform: translateY(-30px); }
.fwlc .fwlc_con .conbox:hover dl { opacity: 1; top: -81px; transition-delay: .2s; }
/*广告*/
.zxly { height: 274px; background: #f5f5f5; }
.zxly .container { width: 82%; margin: auto; }
.zxly .container { height: 274px; position: relative; }
.zxly .zxlybg { height: 274px; width: 1300px; background: url(//memberpic.114my.com.cn/zhonghuichuju/uploadfile/image/20221130/20221130100030_337383089.png) no-repeat center; position: absolute; left: -360px; top: 0; z-index: 0; }
.zxly .p1 { font-size: 35px; color: #fff; position: absolute; left: 25px; top: 48px; }
.zxly .p1 b { font-size: 42px; }
.zxly .p2 { font-size: 26px; position: absolute; left: 25px; top: 110px; color: #fff; }
.zxly .p3 { font-size: 24px; width: 710px; font-weight: lighter; height: 57px; line-height: 57px; background: #fff; text-align: center; letter-spacing: 2px; position: absolute; left: 0; top: 159px; border-radius: 27px; }
.zxly .p4 { position: absolute; top: 70px; font-size: 20px; color: #333; font-weight: lighter; line-height: 54px; right: 0; }
.zxly .p4 span { font-size: 38px; font-weight: bold; }
.zxly .p4 i { width: 60px; height: 60px; display: inline-block; background: #fff url(//memberpic.114my.com.cn/zhonghuichuju/uploadfile/image/20221130/20221130101110_1873332823.png)no-repeat center; border-radius: 50%; float: left; margin-right: 27px; position: relative; }
.zxly .p4 i:before, .banner_r i:after { position: absolute; left: 50%; top: 52%; height: 60px; width: 60px; margin-top: -31px; margin-left: -30px; border-radius: 50%; box-shadow: 0 0 0 0 #2651b7; animation: ripple 1.8s infinite; }
.zxly .p4 i:before { animation-delay: 0.7s; content: ""; position: absolute; right: 0; bottom: 0; }
.zxly .p4 i:after { animation-delay: 1s; content: ""; position: absolute; right: 0; bottom: 0; }
@-webkit-keyframes ripple { 70% {
box-shadow: 0 0 0 30px rgba(0, 114, 238, .0);
}
 100% {
box-shadow: 0 0 0 0 rgba(0, 114, 238, .0);
}
}
.zxly .p5 { position: absolute; left: 77%; top: 160px; width: 220px; height: 60px; background: #ddd; border-radius: 54px; }
.zxly .p5 a { display: block; height: 60px; line-height: 60px; border-radius: 54px; position: relative; top: -7px; text-align: center; color: #fff; font-size: 16px; background-image: linear-gradient(55deg, #2651b7 0%, #1f59e3 100%); }
/*简介*/
.box { margin: 0 auto; width: 82%; max-width: 1600px; min-width: 1400px; }
.com_bg { background: #f5f5f5; padding: 110px 0 110px 0; }
.com { position: relative; }
.com:after { content: ''; display: block; clear: both; }
.com_fr:after { content: ""; display: block; width: 100%; height: 112px; background-size: 100%; background-image: url(//memberpic.114my.com.cn/yihao98/uploadfile/image/20210716/20210716205907_734342433.png); background-repeat: no-repeat; background-position: top left; margin-top: 180px; }
.com_fl { width: 50%; }
.com_fl a { display: block; margin-bottom: 20px; position: relative; }
.com_fl a img { width: 100%; }
.com_fl a p { line-height: 68px; font-size: 18px; text-align: center; position: absolute; bottom: 0px; width: 100%; color: #fff; background-image: linear-gradient(190deg, transparent, rgba(38,81,183,0.6)); transition: 0.3s ease all; }
.Introduction { margin-top: 50px; }
.counts { margin: 0 -7%; }
.counts li { text-align: center; position: relative; float: left; padding: 0 6% 0 7%; }
.counts li:after { width: 1px; height: 95px; background-color: #f5f5f5; content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
.counts li:last-child:after { display: none; padding: 0 0 0 7%; }
.counts li:last-child { padding: 0 0 0 7%; }
.counts li>div { text-align: center; }
.counts .bigCount { font-size: 70px; color: #2651b7; display: block; height: 72px; line-height: 72px; margin-bottom: 10px; }
.bigCount .sml { font-size: 18px; font-weight: normal; }
.counts .cltxt { text-align: center; font-size: 16px; color: #666666; }
.com_fr_title { margin-top: 1.55vw; }
.com_fr_title .ci_t { padding-left: 60px; background: url(//memberpic.114my.com.cn/zhonghuichuju/uploadfile/image/20221130/20221130141558_1890639360.png) no-repeat left 0; padding-top: 0px; display: block; }
.com_fr_title .ci_t a .en { font-size: 12px; color: #999; display: block; line-height: 20px; text-transform: uppercase; }
.com_fr_title .ci_t a { font-size: 34px; display: block; line-height: 32px; padding: 0 0px 4px 28px; background: url(//memberpic.114my.com.cn/zhonghuichuju/uploadfile/image/20191019/20191019105953_638139957.png) no-repeat right center; }
.com_fr_title .ci_t a .str { font-weight: bold; font-size: 34px; }
.com_fr_title span { font-size: 2.8em; font-weight: normal; color: #333; margin-bottom: 8px; }
.com_fr { width: 45%; position: -webkit-sticky; position: sticky; top: 60px; }
.com_fr b { display: block; margin: 17px 0 0 0; font-size: 28px; color: #666; font-weight: lighter; }
.com_fr b:after { display: block; content: ""; width: 46px; height: 5px; margin: 35px 0; transform: rotate(180deg); background: #2651b7; }
.com_fr p { width: 97%; font-size: 16px; color: #666; line-height: 30px; padding: 10px 0; font-weight: lighter; }
.com_fr_content a { display: block; width: 150px; height: 50px; line-height: 50px; margin-top: 50px; background: #fff; font-size: 16px; color: #222; text-align: center; position: relative; overflow: hidden; }
.com_a_button:hover { cursor: pointer; }
.com_a_button div { width: 150px; height: 50px; position: absolute; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.com_a_button div:nth-child(1) { top: 0px; left: 0px; }
.com_a_button div:nth-child(2) { width: 150px; height: 50px; top: 0px; left: 0; }
.com_a_button:hover div:nth-child(1) { animation: com_a_button_bg 0.3s linear; -webkit-animation: com_a_button_bg 0.3s linear; -moz-animation: com_a_button_bg 0.3s linear; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; }
.com_a_button:hover div:nth-child(2) { animation: com_a_button 0.3s linear; -webkit-animation: com_a_button 0.3s linear; -moz-animation: com_a_button 0.3s linear; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAF0lEQVQIW2NkwAIYgWKS6OIgQQxAoUoAE4AAUnD/0ugAAAAASUVORK5CYII=) repeat; left: 0%; }
@-webkit-keyframes com_a_button_bg { 49.00% {
background-color: #ffffff;
}
 50.00% {
background-color: #2651b7;
}
to { background-color: #2651b7; }
}
 @-webkit-keyframes com_a_button { from {
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
color: #000000;
}
 25.00% {
transform: skewX(80deg);
-webkit-transform: skewX(80deg);
-moz-transform: skewX(80deg);
color: #000000;
}
 75.00% {
transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-moz-transform: skewX(-20deg);
color: #ffffff;
}
 90.00% {
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
color: #ffffff;
}
to { transform: skewX(0deg); -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); color: #ffffff; }
}
 @-moz-keyframes com_a_button_bg { 49.00% {
background-color: #ffffff;
}
 50.00% {
background-color: #000000;
}
to { background-color: #000000; }
}
 @-moz-keyframes com_a_button { from {
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
color: #000000;
}
 25.00% {
transform: skewX(80deg);
-webkit-transform: skewX(80deg);
-moz-transform: skewX(80deg);
color: #000000;
}
 75.00% {
transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-moz-transform: skewX(-20deg);
color: #ffffff;
}
 90.00% {
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
color: #ffffff;
}
to { transform: skewX(0deg); -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); color: #ffffff; }
}
/*新闻*/
.news_bg { padding-top: 60px; overflow: hidden; background: #fff; }
.news { width: 90%; min-width: 1300px; margin: 0 auto; }
.news_fl { width: 12%; padding-top: 20px; }
.news_fl_title span { font-size: 40px; color: #ccc; line-height: 50px; }
.news_fl_title p { font-size: 40px; color: #222; }
.news_fl_a a { display: block; width: 150px; height: 46px; line-height: 46px; margin-bottom: 30px; border: 2px #ccc solid; font-size: 16px; color: #666; text-align: center; transition: all 0.3s ease-in-out; }
.news_fl_a a:first-child { margin-top: 95px; }
.news_fl_a a.on { background-image: linear-gradient(55deg, #2651b7 0%, #1f59e3 100%); border: 2px #fff solid; color: #fff; box-shadow: 0px 10px 20px 0px rgba(0,0,0,.2); }
.hTitle { font-size: 1.2vw; margin-bottom: 40px; position: relative; color: #777e87; margin-bottom: 40px; position: relative; font-weight: lighter; }
.hTitle span { display: block; font-size: 2.6vw; margin-bottom: 8px; font-weight: normal; color: #333; }
.hTitle a { font-size: 16px; position: absolute; right: 0; bottom: 10px; background: url('../images/c_icon.png') no-repeat left center; padding-left: 20px; }
.news_fr { width: 82% !important; }
.news_fr .news_div_item { position: relative; }
/*第一条新闻*/
.news_ul_fl { width: 52%; }
.news_ul_fl .news_div_item { float: left; width: 100%; }
.news_ul_fl .news_div_item .news_div_item_pic { position: absolute; top: 0; width: 100%; height: 400px; overflow: hidden; }
.news_ul_fl .news_div_item .news_div_item_image { width: 100%; border: 1px #f5f5f5 solid; position: absolute; bottom: 0px; }
.news_ul_fl .news_div_item .news_div_item_date { position: absolute; top: 470px; left: 15px; }
.news_ul_fl .news_div_item .news_div_item_year, .news_ul_fl .news_div_item .news_div_item_month, .news_ul_fl .news_div_item .news_div_item_day { float: left; }
.news_ul_fl .news_div_item .news_div_item_content { height: 245px; margin: 30px 35px 0 15px; position: absolute; top: 400px; }
.news_ul_fl .news_div_item .news_div_item_a { font-size: 22px; color: #333; position: relative; }
.news_ul_fl .news_div_item .news_div_item_a:after { display: block; content: "了解详细"; width: 175px; height: 42px; line-height: 42px; background: #f5f5f5; font-size: 15px; color: #666; text-align: center; position: absolute; top: 220px; transition: all 0.3s ease-in-out; }
.news_div_item_content:hover .news_div_item_a:after { background: #2651b7; color: #fff; }
.news_ul_fl .news_div_item .news_div_item_body { margin-top: 45px; font-size: 15px; color: #666; line-height: 30px; }
/*第二到第四条新闻*/
.news .swiper-container { width: 82% !important; margin-right: -30px; }
.news .swiper-slide { padding: 30px 0; box-sizing: border-box; }
.news_ul_fr { width: 47%; padding: 0 30px; box-sizing: border-box; }
.news_ul_fr .news_div_item:first-child, .news_ul_fr .news_div_item .news_div_item_image { display: none; }
.news_ul_fr .news_div_item_body { position: absolute; top: 105px; line-height: 30px; font-size: 15px; opacity: 0; width: 90%; }
.news_ul_fr .news_div_item { height: 120px; margin-bottom: 25px; padding: 0 33px; box-shadow: 0 0 30px rgba(0,0,0,.08); overflow: hidden; transition: all 0.3s ease-in-out; box-sizing: border-box; background: #fff; }
.news_ul_fr .news_div_item_date { position: absolute; top: 70px; left: 33px; }
.news_ul_fr .news_div_item_year, .news_ul_fr .news_div_item_month, .news_ul_fr .news_div_item_day { float: left; }
.news_ul_fr .news_div_item_a { font-size: 18px; color: #333; position: absolute; top: 38px; display: block; height: 230px; width: 100%; position: relative; z-index: 9; }
.news_ul_fr .news_div_item.on { height: 270px; }
.news_ul_fr .news_div_item.on .news_div_item_body { opacity: 1; }
.news_ul_fr .news_div_item_body:after { content: '了解详细'; width: 175px; height: 40px; display: block; background: #f5f5f5; line-height: 40px; text-align: center; font-size: 15px; color: #666; margin-top: 30px; transition: all 0.3s ease-in-out; }
.news_div_item_content:hover .news_div_item_body:after { background: #2651b7; color: #fff; }
/*link*/
#link_box { width: 100%; margin: 0 auto; overflow: hidden; height: 140px; border-top: #f5f5f5 solid 1px; background: #fff; }
#link { overflow: hidden; padding-left: 95px; }
#link_bt { width: 145px; float: left; font-size: 18px; font-weight: 400; line-height: 70px; }
#link_bt span { padding-left: 5px; font-size: 18px; color: rgba(51, 51, 51, 0.6); font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 200; }
#link_bg { width: 1250px; line-height: 72px; float: left; overflow: hidden; font-size: 15px; font-weight: 100; }
#link_bg a { font-size: 14px; }
.linkTagcs li { height: 63px !important; line-height:63px !imporatant;
}
.linkTagcs li a { font-size: 15px !important; }
/*结束*/

.idxFour { padding: 75px 0 65px 0; background-color: #f9f9f9; overflow: hidden; }
.idxFour li { width: 25%; float: left; }
.idxFour li:nth-child(1) { text-align: left; }
.idxFour li:nth-child(2) { text-align: center; padding-right: 50px; }
.idxFour li:nth-child(3) { text-align: center; padding-left: 50px; }
.idxFour li:nth-child(4) { text-align: right; }
.idxFour li>div { display: block; text-align: center; max-width: 240px; margin: 0 auto; }
.idxFour li .ico { display: block; margin-bottom: 20px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.idxFour li .tit { font-size: 20px; color: #333333; margin-bottom: 13px; }
.idxFour li .txt { font-size: 15px; line-height: 28px; font-weight: lighter; color: #666666; margin-bottom: 20px; }
.idxFour li .more { font-size: 15px; color: #2651b7; display: none; }
.idxFour li .more img { display: inline-block; vertical-align: middle; margin-top: -4px; margin-left: 3px; }
/*footer*/
.footer { background: url() no-repeat center center; background-size: cover; }
.footContainer { background-color: #282828; margin: auto; overflow: hidden; }
.footContainer .top { padding: 55px 95px 35px; border-bottom: solid 1px #474545; overflow: hidden; }
.footLogo { margin-bottom: 30px; }
.footCont li { font-size: 16px; line-height: 20px; color: #aaaaaa; margin-bottom: 20px; position: relative; padding-left: 30px; }
.footCont li img { position: absolute; left: 0; top: 0; margin-right: 15px; }
.footer .top_lt { float: left; max-width: none; }
.footer .top_rt { float: right; width: 60%; }
.footer .top_rt .top_rtdiv { float: left; width: calc(100%/4); text-align: center; }
.footer .top_rt .top_rtdiv:nth-child(5) { display: none; }
.footer .top_rt .top_rtdiv>div { text-align: left; display: inline-block; max-width: 205px; }
.footer .top_rt .top_rtdiv .tit { font-size: 21px; color: #f6f6f6; margin-bottom: 25px; letter-spacing: 2px; }
.footer .top_rt .top_rtdiv li { position: relative; padding-left: 24px; }
.footer .top_rt .top_rtdiv li:after { content: ""; width: 12px; height: 1px; background-color: #636262; position: absolute; left: 0px; top: 0; bottom: 0; margin: auto; }
.footer .top_rt .top_rtdiv li a { font-size: 16px; color: #aaaaaa; line-height: 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.footer .youlian { margin-top: 65px; }
.footer .youlian span, .footer .youlian a { display: inline-block; vertical-align: top; font-size: 14px; color: #9e9e9e; margin-right: 25px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.footer .bottom { padding: 20px 95px 59px; }
.footer .bottom p, .footer .bottom a { font-size: 15px; color: #888888; margin-right: 10px; float: left; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 40px; font-weight: lighter; }
.foot_fx { float: right; margin: 0 -15px; }
.foot_fx li { float: left; margin: 0 8px; position: relative; cursor: pointer; }
.foot_fx li .bds_tsina { background: url() no-repeat center; }
.foot_fx li .foot_ewm { position: absolute; bottom: 50px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding: 10px; background-color: #fff; border-radius: 5px; visibility: hidden; opacity: 0; bottom: 60px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.foot_fx li .foot_ewm:after { content: ""; width: 17px; height: 7px; background: url(//memberpic.114my.com.cn/yihao98/uploadfile/image/20210716/20210716230653_205714440.png) no-repeat center center; position: absolute; bottom: -7px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.foot_fx li .ico img { margin-top: 9px; vertical-align: middle; }
.foot_fx li .ico { width: 40px; height: 40px; border: solid 1px #fff; display: block; text-align: center; line-height: 38px; font-size: 0; border-radius: 100%; opacity: .5; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.idxFour li:hover .ico { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.footer .top_rt .top_rtdiv li a:hover, .footer .youlian a:hover, .footer .bottom a:hover { color: #fff; }
.foot_fx li:hover .ico { opacity: 1; }
.foot_fx li:hover .foot_ewm { bottom: 50px; visibility: visible; opacity: 1; }
 @keyframes light2 { 0% {
 transform:scaleX(0);
}
 100% {
 transform:scaleX(1);
}
}
.ft-xt { display: block; width: 100%; height: 7px; background: #2651b7; animation: linear light2 1s; }
/*定制流程*/
.process { padding: 60px 0 60px 0; }
.pcul { font-size: 0; margin-top: 40px; white-space: nowrap; }
.pcul li { display: inline-block; vertical-align: top; width: 15.2%; height: 331px; background: #f5f5f5; text-align: center; position: relative; cursor: pointer; border-radius: 15px 0px; }
.pcul li:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; opacity: 0; background: #f3f3f3; top: 0; left: 0; transition: all .3s ease; }
.pcul li p { position: relative; z-index: 3; }
.pcul li+li { margin-left: 13px; }
.pc_t { padding-top: 75px; font-size: 16px; color: #9c9c9c; }
.pc_t b { font-size: 26px; color: #333; transition: all .3s ease; }
.pc_t b:after { content: ''; display: block; width: 27px; height: 2px; background: #788380; margin: 22px auto 30px auto; transition: all .3s ease; }
.pcnum { margin-top: 45px; font-size: 35px; color: #333; font-family: fontDin1; }
.pcul li:hover:after { opacity: 1; }
.pcul li:hover .pc_t b { color: #f27d00; }
.pcul li:hover .pc_t b:after { background: #f27d00; width: 40px; }